.showcase-stage{--start:0;--loop:12s;--fill:1.1s}.showcase-stage[data-start=hold]{--start:1}[data-tour-moved] .showcase-stage{--start:0}.showcase-frame{background-color:color-mix(in srgb, var(--color-site-accent) 62%, var(--color-site-page))}.dark .showcase-frame{background-color:color-mix(in srgb, var(--color-site-accent) 34%, var(--color-site-page))}.showcase-window{border-top-left-radius:var(--radius-xl);border-right:1px solid var(--color-site-line);border-bottom:1px solid var(--color-site-line);border-bottom-right-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl);inset:1.75rem 0 0 1.75rem}[data-plain] .showcase-frame{background-color:#0000}[data-plain] .showcase-frame>span{display:none}[data-plain] .showcase-window{border-radius:var(--radius-xl);border:0;inset:0}.showcase-fade{-webkit-mask-image:linear-gradient(#0000,#000 14% 82%,#0000);mask-image:linear-gradient(#0000,#000 14% 82%,#0000)}.showcase-fade-end{-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}@media (prefers-reduced-motion:no-preference){[data-stage=running] [data-clock],[data-stage=held] [data-clock]{animation:showcase-curtain var(--loop) linear infinite;animation-delay:calc(var(--start) * var(--loop) * -.03)}[data-stage=running] [data-cue],[data-stage=held] [data-cue]{animation:showcase-cue var(--transition-duration-entrance) var(--ease-standard) both;animation-delay:calc(var(--at,0s) - var(--start) * 100s)}[data-stage=running] [data-show],[data-stage=held] [data-show]{animation:1ms linear both showcase-show;animation-delay:calc(var(--at,0s) + var(--letter,0s) - var(--start) * 100s)}[data-stage=running] [data-fill],[data-stage=held] [data-fill]{animation:showcase-fill var(--fill) var(--ease-sweep) both;animation-delay:calc(var(--at,0s) - var(--start) * 100s)}[data-stage=running] [data-busy],[data-stage=held] [data-busy]{animation:showcase-busy var(--fill) linear both;animation-delay:calc(var(--at,0s) - var(--start) * 100s)}[data-stage=running] [data-done],[data-stage=held] [data-done]{animation:showcase-done var(--transition-duration-entrance) var(--ease-standard) both;animation-delay:calc(var(--at,0s) + var(--fill) - var(--start) * 100s)}[data-stage=running] [data-once],[data-stage=held] [data-once]{animation:var(--path) var(--path-time,1s) var(--ease-standard) both;animation-delay:calc(var(--at,0s) - var(--start) * 100s)}[data-stage=running] [data-scroll],[data-stage=held] [data-scroll]{animation:showcase-scroll var(--loop) linear infinite both}[data-stage=running] [data-scroll=down],[data-stage=held] [data-scroll=down]{animation-direction:reverse}[data-stage=running] [data-row-fill],[data-stage=held] [data-row-fill]{animation:showcase-row-fill var(--loop) var(--ease-sweep) infinite both;animation-delay:calc((var(--row) - var(--seen)) / var(--rows) * var(--loop) - var(--loop))}[data-stage=running] [data-row-busy],[data-stage=held] [data-row-busy]{animation:showcase-row-busy var(--loop) linear infinite both;animation-delay:calc((var(--row) - var(--seen)) / var(--rows) * var(--loop) - var(--loop))}[data-stage=running] [data-row-done],[data-stage=held] [data-row-done]{animation:showcase-row-done var(--loop) var(--ease-standard) infinite both;animation-delay:calc((var(--row) - var(--seen)) / var(--rows) * var(--loop) - var(--loop))}[data-stage=running] [data-twinkle],[data-stage=held] [data-twinkle]{animation:showcase-twinkle 5s var(--ease-sweep) infinite alternate both}[data-stage=running] [data-wave],[data-stage=held] [data-wave]{animation:showcase-wave .9s var(--ease-sweep) infinite alternate both;animation-delay:calc(var(--bar) * -130ms)}[data-stage=running] [data-path],[data-stage=held] [data-path]{animation:var(--path) var(--loop) var(--ease-standard) infinite both;animation-delay:calc(var(--at,0s) - var(--loop))}[data-stage=held] *,[data-tour-held] [data-stage] *{animation-play-state:paused!important}[data-stage=held] [data-clock],[data-tour-held] [data-stage] [data-clock]{opacity:1!important}[inert] [data-stage] *{animation:none!important}}@keyframes showcase-curtain{0%{opacity:0}2%,94%{opacity:1}98%,to{opacity:0}}@keyframes showcase-cue{0%{opacity:0;translate:0 var(--translate-overlay)}}@keyframes showcase-show{0%{opacity:0}}@keyframes showcase-fill{0%{scale:0 1}}@keyframes showcase-busy{0%,99%{opacity:1}to{opacity:0}}@keyframes showcase-done{0%{opacity:0;scale:.9}}@keyframes showcase-scroll{to{translate:0 -50%}}@keyframes showcase-row-fill{0%{scale:0 1}12%,to{scale:1}}@keyframes showcase-row-busy{0%,12%{opacity:1}14%,to{opacity:0}}@keyframes showcase-row-done{0%,12%{opacity:0;scale:.9}15%,to{opacity:1;scale:1}}@keyframes showcase-twinkle{0%{opacity:.45}to{opacity:1}}@keyframes showcase-wave{0%{scale:1 .25}to{scale:1}}@keyframes showcase-pick{0%,30%{translate:0}33%,63%{translate:0 100%}66%,96%{translate:0 200%}to{translate:0}}@keyframes showcase-turn{0%,31%{opacity:1}33%,98%{opacity:0}to{opacity:1}}@keyframes showcase-word{0%{opacity:0}1%,7%{opacity:1}8%,to{opacity:0}}@keyframes showcase-hook-pick{0%{opacity:0;translate:0 200%}15%,35%{opacity:1;translate:0 200%}60%,70%{opacity:1;translate:0 100%}to{opacity:1;translate:0}}@keyframes showcase-wipe{0%,12%{clip-path:inset(0 0 0 100%)}36%,70%{clip-path:inset(0)}94%,to{clip-path:inset(0 0 0 100%)}}@keyframes showcase-wipe-edge{0%,12%{translate:100%}36%,70%{translate:-2px}94%,to{translate:100%}}@keyframes showcase-press{40%{scale:.94}}