/* Opt in through createMotion() from motion.js. Load after component styles. */
.mcc-motion{--mcc-ease-out:cubic-bezier(.23,1,.32,1);--mcc-duration-enter:180ms;--mcc-duration-exit:120ms;--mcc-duration-reduced:80ms}
.mcc-motion [data-mcc-press]{transition:transform 100ms var(--mcc-ease-out);touch-action:manipulation}
.mcc-motion[data-mcc-input="pointer"] [data-mcc-press]:active:not(:disabled){transform:scale(.98);transition-duration:120ms}
.mcc-motion[data-mcc-input="keyboard"] [data-mcc-press]{transition:none}
.mcc-motion .mcc-toast{opacity:0;transform:translateY(100%);transition-property:opacity,transform;transition-duration:200ms;transition-timing-function:var(--mcc-ease-out);overflow-wrap:anywhere;bottom:max(25px,env(safe-area-inset-bottom));right:max(25px,env(safe-area-inset-right))}
.mcc-motion .mcc-toast[data-mcc-visible="true"]{opacity:1;transform:translateY(0)}
.mcc-motion .mcc-dialog::backdrop{opacity:0;transition:opacity 240ms var(--mcc-ease-out)}
.mcc-motion .mcc-dialog[data-mcc-visible="true"]::backdrop{opacity:1}
.mcc-motion .mcc-dialog[data-mcc-closing]::backdrop{transition-duration:180ms}
.mcc-motion .mcc-slot{min-height:var(--mcc-slot-height,0px)}
.mcc-motion .mcc-toast[data-mcc-instant],.mcc-motion[data-mcc-input="keyboard"] .mcc-dialog::backdrop{transition:none!important}
@media(prefers-reduced-motion:reduce){
 .mcc-motion [data-mcc-press]{transform:none!important;transition:none!important}
 .mcc-motion .mcc-toast{transform:none;transition-property:opacity;transition-duration:80ms}
 .mcc-motion .mcc-dialog::backdrop{transition-duration:80ms}
}
.mcc-motion[data-mcc-input="keyboard"] .mcc-dialog::backdrop{transition:none!important}
@media(hover:none),(pointer:coarse){.mcc-motion input,.mcc-motion select,.mcc-motion textarea{font-size:max(16px,1em)}}
.mcc-motion .mcc-progress-shell{display:block;position:relative;height:10px;width:100%}
.mcc-motion .mcc-progress-native{opacity:0}
.mcc-motion .mcc-progress-track{position:absolute;inset:0;background:var(--mcc-surface);overflow:hidden;pointer-events:none}
.mcc-motion .mcc-progress-track[hidden]{display:none}
.mcc-motion .mcc-progress-fill{display:block;width:100%;height:100%;background:var(--mcc-accent);transform:scaleX(0);transform-origin:left center;transition:transform 200ms linear}
.mcc-motion [data-mcc-feedback-label]{display:inline-block;min-width:0}
@media(prefers-reduced-motion:reduce){.mcc-motion .mcc-progress-fill{transition:none!important}}
/* Native top-layer surfaces retain browser Escape, focus and light dismissal. */
.mcc-motion .mcc-popover{position:fixed;inset:auto;margin:0;width:min(280px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:20px;background:var(--mcc-paper);color:var(--mcc-ink);border:1px solid var(--mcc-rule);opacity:0;transform:scale(.95);transition:opacity 200ms var(--mcc-ease-out),transform 200ms var(--mcc-ease-out),display 200ms allow-discrete,overlay 200ms allow-discrete}
.mcc-motion .mcc-popover:popover-open{opacity:1;transform:scale(1)}
@starting-style{.mcc-motion .mcc-popover:popover-open{opacity:0;transform:scale(.95)}}
.mcc-motion .mcc-dialog-sheet{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;border-width:0 0 0 1px;padding:32px 28px;padding-bottom:max(32px,env(safe-area-inset-bottom));overflow:auto}
.mcc-motion .mcc-hold{position:relative;isolation:isolate;overflow:hidden;touch-action:none}
.mcc-motion .mcc-hold-fill{position:absolute;inset:0;background:var(--mcc-accent);opacity:.24;transform:scaleX(0);transform-origin:left center;transition:transform 200ms var(--mcc-ease-out);pointer-events:none;z-index:-1}
@media(prefers-reduced-motion:reduce){.mcc-motion .mcc-popover{transform:none;transition:opacity 80ms var(--mcc-ease-out),display 80ms allow-discrete,overlay 80ms allow-discrete}}
.mcc-motion[data-mcc-input="keyboard"] .mcc-popover{transition:none!important}
.mcc-motion .mcc-dialog-sheet::backdrop{transition-duration:280ms}
.mcc-motion .mcc-dialog-sheet[data-mcc-closing]::backdrop{transition-duration:200ms}
.mcc-motion .mcc-hold[data-mcc-holding]{border-color:var(--mcc-accent)}
@media(prefers-reduced-motion:reduce){
 .mcc-motion .mcc-popover:popover-open{transform:none}
 .mcc-motion .mcc-dialog-sheet::backdrop,.mcc-motion .mcc-dialog-sheet[data-mcc-closing]::backdrop{transition-duration:80ms}
 .mcc-motion .mcc-hold-fill{transform:none!important;transition:none!important;opacity:0}
}