/* Logo is independent of checkpoint overlays and hidden before its first frame. */
.checkpoint-page #choice-logo{z-index:22;opacity:0;visibility:hidden;--logo-dock:0;--logo-start-width:min(440px,64vw);--logo-end-width:min(260px,45vw);--logo-end-top:13dvh;top:calc(48dvh + (var(--logo-end-top) - 48dvh)*var(--logo-dock));width:calc(var(--logo-start-width) + (var(--logo-end-width) - var(--logo-start-width))*var(--logo-dock));transition:opacity .14s ease,visibility .14s;will-change:opacity}
.checkpoint-page #choice-logo .whole{opacity:0}
.checkpoint-page .viewport[data-choice-logo=visible] #choice-logo{opacity:1;visibility:visible}
.checkpoint-page .viewport:is([data-stage=tour],[data-stage=below]) #choice-logo{opacity:0;visibility:hidden}
.checkpoint-page .viewport[data-kind=choice] .cp-choice::before{transition-duration:200ms}
.checkpoint-page .viewport[data-kind=choice] .cp-choice .cp-reveal{transition-duration:200ms;transition-delay:0ms}
.checkpoint-page .viewport[data-choice-phase=ready] .cp-choice-copy{transition:opacity .2s ease}
.checkpoint-page .viewport:not([data-choice-phase=ready]) .cp-choice-copy{opacity:0;pointer-events:none}
.checkpoint-page .cp-direction{display:none}
.checkpoint-page .viewport:is([data-stage=moving],[data-stage=paused],[data-stage=switching]) .cp-direction{display:inline-flex}
.checkpoint-page .viewport[data-direction=backward] #cp-rewind,.checkpoint-page .viewport[data-direction=forward] #cp-forward{border-color:#c4f682;color:#c4f682;background:#132329eb}
.checkpoint-page .cp-direction{align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 14px}
.checkpoint-page .cp-direction svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
@media(max-width:650px){.checkpoint-page #choice-logo{--logo-end-width:220px}.checkpoint-page .controls{gap:6px}.checkpoint-page .controls button{padding-inline:10px}}
@media(max-height:600px){.checkpoint-page #choice-logo{--logo-end-width:170px;--logo-end-top:10dvh}}
@media(prefers-reduced-motion:reduce){.checkpoint-page #choice-logo{transition:none}}