@media(max-width:860px){
body.ios-preview-active #mainApp #content :is(.ch-parts,.tc-tabs,.cc-tabs,.mode-tabs).ios-segmented{position:relative!important;isolation:isolate}
body.ios-preview-active #mainApp #content .ios-segment-highlight{position:absolute;z-index:0;pointer-events:none;border-radius:var(--mobile-control-radius,14px);background:var(--accent);transform-origin:left center;will-change:transform}
body.ios-preview-active #mainApp #content :is(.ch-parts,.tc-tabs,.cc-tabs,.mode-tabs).ios-segmented>.mini-btn{position:relative;z-index:1;background:transparent!important;transition:color 180ms ease}
body.ios-preview-active .ios-sheet[open]{animation:ios-detail-enter 220ms ease-out}
body.ios-preview-active .pp-menu:not([hidden]){animation:ios-menu-enter 220ms cubic-bezier(.2,.75,.25,1) both;transform-origin:top right}
body.ios-preview-active #mainApp details[open]>:not(summary){animation:ios-detail-enter 200ms ease-out}
@keyframes ios-menu-enter{from{opacity:0;scale:.97}to{opacity:1;scale:1}}
@keyframes ios-detail-enter{from{opacity:0}to{opacity:1}}
}
html[data-crm-motion="off"] .ios-sheet,html[data-crm-motion="off"] .pp-menu,html[data-crm-motion="off"] details[open]>:not(summary){animation:none!important}
@media(prefers-reduced-motion:reduce){.ios-sheet,.pp-menu,details[open]>:not(summary){animation:none!important}}