/* Product motion illustrates a workflow; it never claims a live production run. */
.project-motion{--ui-play-state:paused;--ui-duration:7.2s;--study-alert:#98425e;--study-alert-soft:#f6e5ec}
:root[data-scheme="night"] .project-motion{--study-alert:#f2a9c2;--study-alert-soft:#4d3343}
.project-motion.is-ui-visible[data-ui-paused="false"]{--ui-play-state:running}
.ui-document-hidden .project-motion,.mega-menu[aria-hidden="true"] .project-motion{--ui-play-state:paused!important}
.project-motion .ui-motion-svg{height:100%;width:100%;overflow:hidden}
.project-motion :is(.ui-phase,.ui-record .study-box,.ui-record-progress,.ui-workflow-progress,.study-box.study-accent-fill,.study-line.study-accent,.ui-exception-detail,.ui-exception-pending){animation-play-state:var(--ui-play-state)!important}
.ui-motion-svg .ui-phase{opacity:0;animation:ui-product-phase var(--ui-duration,7.2s) linear infinite;animation-delay:calc(var(--ui-phase,0)*1.8s - 7.2s)}
.ui-motion-svg .ui-final{opacity:1}
.ui-motion-svg .ui-focus-marker{fill:none;stroke:var(--study-accent);stroke-width:2;stroke-linecap:round}
.ui-motion-svg .ui-workflow-track{fill:none;stroke:var(--study-line);stroke-width:1;opacity:.45}
.ui-motion-svg .ui-workflow-progress{fill:none;stroke:var(--study-accent);stroke-width:2;stroke-dasharray:1;animation:ui-product-progress var(--ui-duration,7.2s) linear infinite}
.ui-motion-svg .ui-workflow-node{fill:var(--study-paper);stroke:var(--study-line);stroke-width:1.3}
.ui-motion-svg .ui-workflow-current{fill:var(--study-soft);stroke:var(--study-accent);stroke-width:2}
.ui-motion-svg .ui-workflow-label{fill:var(--study-muted);font-weight:400;letter-spacing:0}
.ui-motion-svg .ui-record-progress{fill:none;stroke:var(--study-accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;animation:ui-product-records var(--ui-duration,7.2s) linear infinite}
.ui-motion-svg .ui-record .study-box{animation:ui-product-record-highlight var(--ui-duration,7.2s) linear infinite;animation-delay:calc(var(--ui-phase,0)*1.8s - 7.2s)}
.ui-motion-svg .ui-exception-row{fill:var(--study-alert-soft);stroke:var(--study-alert)}
.ui-motion-svg .ui-exception-record{--ui-record-fill:var(--study-alert-soft);--ui-record-ink:var(--study-alert)}
.ui-motion-svg .ui-exception-detail{animation:ui-product-exception var(--ui-duration,7.2s) linear infinite}
.ui-motion-svg .ui-exception-pending{animation:ui-product-pending var(--ui-duration,7.2s) linear infinite}
.ui-motion-svg .ui-alert{fill:var(--study-alert);font-weight:600}
.ui-motion-svg .ui-pass{fill:var(--study-accent)}
.ui-motion-svg rect.study-accent-fill{transform-box:fill-box;transform-origin:left center;animation:ui-product-bars var(--ui-duration,7.2s) cubic-bezier(.22,1,.36,1) infinite}
.ui-motion-svg .study-line.study-accent:not(.ui-workflow-progress){stroke-dasharray:1;animation:ui-product-ink var(--ui-duration,7.2s) ease-out infinite}
.ui-motion-svg .ui-interview-wave{transform-box:fill-box;transform-origin:center;stroke-dasharray:none!important;stroke-width:3!important;animation:ui-interview-speaking 1.2s ease-in-out infinite alternate!important;animation-delay:calc(var(--wave-index,0)*-65ms)!important;animation-play-state:var(--ui-play-state)!important}
.ui-motion-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin:12px 0 0 10px;padding:8px 11px;border:1px solid var(--site-line);border-radius:5px;background:var(--site-surface);color:var(--site-muted);font:500 12px/1.25 var(--font-ui);cursor:pointer}
.ui-motion-toggle:hover{color:var(--site-ink);border-color:var(--site-accent)}
.ui-motion-toggle:disabled{opacity:.6;cursor:default}
.interface-sketch-dialog>header>strong{flex:1;min-width:0}
.interface-sketch-dialog>header .ui-motion-toggle{width:auto;min-height:44px;margin:0;padding:8px 11px;font:500 12px/1.25 var(--font-ui)}
.folio-menu .menu-preview-heading{position:relative;padding-right:28px}
.folio-menu #menu-ui-motion{position:absolute;top:-5px;right:-5px;width:32px;min-height:32px;margin:0;padding:0;border:0;background:transparent;font-size:0;border-radius:3px}
.folio-menu #menu-ui-motion svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sketch-dialog-sheet{height:624px}
@keyframes ui-product-phase{0%,21%{opacity:1}24%,100%{opacity:0}}
@keyframes ui-product-progress{0%,5%{stroke-dashoffset:1}25%{stroke-dashoffset:.67}50%{stroke-dashoffset:.34}75%,100%{stroke-dashoffset:0}}
@keyframes ui-product-records{0%,5%{stroke-dashoffset:.8}25%{stroke-dashoffset:.6}50%{stroke-dashoffset:.325}75%,100%{stroke-dashoffset:0}}
@keyframes ui-product-record-highlight{0%,21%{fill:var(--ui-record-fill,var(--study-soft));stroke:var(--ui-record-ink,var(--study-accent))}25%,100%{fill:var(--study-paper);stroke:var(--study-line)}}
@keyframes ui-product-exception{0%,47%{opacity:0}50%,100%{opacity:1}}
@keyframes ui-product-pending{0%,47%{opacity:1}50%,100%{opacity:0}}
@keyframes ui-product-bars{0%,8%{transform:scaleX(.2)}45%,100%{transform:scaleX(1)}}
@keyframes ui-product-ink{0%,7%{stroke-dashoffset:1}48%,100%{stroke-dashoffset:0}}
@keyframes ui-interview-speaking{from{transform:scaleY(.3);opacity:.55}to{transform:scaleY(1);opacity:1}}
@media(max-width:960px){.ui-motion-toggle{min-height:44px}.folio-menu #menu-ui-motion{width:44px;min-height:44px;top:-10px;right:-8px}.folio-menu .menu-preview-heading{padding-right:38px}}
@media(prefers-reduced-motion:reduce){
 .ui-motion-svg .ui-phase{opacity:0!important;animation:none!important}
 .ui-motion-svg :is(.ui-final,.ui-phase[style="--ui-phase:3"]){opacity:1!important}
 .ui-motion-svg :is(.ui-record-progress,.ui-workflow-progress){stroke-dashoffset:0;animation:none!important}
 .ui-motion-svg rect.study-accent-fill{transform:none;animation:none!important}
 .ui-motion-svg .study-line.study-accent{stroke-dashoffset:0;animation:none!important}
 .ui-motion-svg .ui-exception-detail{opacity:1;animation:none!important}
 .ui-motion-svg .ui-exception-pending{opacity:0;animation:none!important}
 .ui-motion-svg .ui-interview-wave{transform:none!important;animation:none!important;opacity:.7}
}