/* Short, finite motion. The fixed presentation canvas is never animated. */
.motion-on .toolbar .progress{transition:width .4s cubic-bezier(.22,1,.36,1)}
.motion-route-host{position:relative}
.motion-route{position:absolute;top:-24px;left:0;width:100%;height:120px;overflow:visible;pointer-events:none;z-index:1}
.motion-route .route-track{fill:none;stroke:var(--rule);stroke-width:1;opacity:.55}
.motion-route .route-line{fill:none;stroke:var(--green);stroke-width:1.6;opacity:.8}
.motion-route .route-node{fill:var(--paper);stroke:var(--green);stroke-width:1.5}
.motion-route .route-tracer{fill:var(--coral);stroke:var(--paper);stroke-width:2;opacity:0}
.toolbar #motion-toggle{display:inline-flex;gap:5px;align-items:center;font-size:12px;padding:6px 8px;line-height:1.2}
#motion-toggle svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round}
#motion-toggle[aria-pressed=true]{color:#254e91;background:transparent}
#motion-toggle[aria-pressed=false]{color:#727b88}
#motion-toggle[aria-pressed=false] .motion-wave{opacity:.35}
@media(hover:hover) and (pointer:fine){
 html[data-design=v2],html[data-design=v2] body,html[data-design=v2] .stage,html[data-design=v2] .stage *{cursor:url('paddle-cursor.svg') 6 4,url('paddle-cursor.png') 6 4,auto}
 html[data-design=v2] :is(a,button,summary,select),html[data-design=v2] :is(a,button,summary,select) *,html[data-design=v2] .stage :is(a,button,summary,select),html[data-design=v2] .stage :is(a,button,summary,select) *{cursor:url('paddle-cursor-link.svg') 6 4,url('paddle-cursor-link.png') 6 4,pointer}
 html[data-design=v2] :is(input,textarea,[contenteditable=true]),html[data-design=v2] .stage :is(input,textarea,[contenteditable=true]){cursor:text}
 html[data-design=v2] button:disabled{cursor:not-allowed}
 .motion-on .explore-open{transition:background-color .18s ease,transform .2s ease}
 .motion-on .explore-open span{transition:transform .22s ease}
 .motion-on .explore-open:hover{background:#192c46;transform:translateY(-2px)}
 .motion-on .explore-open:hover span{transform:translate(2px,-2px)}
 .motion-on .explore-preview>a{overflow:hidden}
 .motion-on .explore-preview img{transition:transform .45s cubic-bezier(.22,1,.36,1)}
 .motion-on .explore-preview>a:hover img{transform:scale(1.012)}
 .toolbar button{transition:background-color .18s ease,color .18s ease}
 .toolbar button:hover:not(:disabled){background:#dce3ed}
}
body.reading .motion-route{display:none}
@media(max-width:700px){.toolbar #motion-toggle{padding:6px 3px}.toolbar #motion-toggle .motion-name{display:none}}
@media(prefers-reduced-motion:reduce){
 .motion-route{display:none!important}
 .motion-on .toolbar .progress,.motion-on .explore-open,.motion-on .explore-open span,.motion-on .explore-preview img,.toolbar button{transition:none!important;transform:none!important}
 [data-motion-part]{opacity:1!important;transform:none!important}
}
@media print{
 .motion-route,#motion-toggle{display:none!important}
 [data-motion-part]{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
}