:root{--demo-scale: 1}@media (min-width: 1024px){:root:has([data-demo][data-step]){--demo-scale: .85}}[data-demo].s2f-demo-stage{width:min(95vw,calc((100dvh - 160px) * 16 / 9),1600px);max-width:none;margin-left:50%;transform:translate(-50%) scale(var(--demo-scale));transform-origin:top center}[data-demo] .s2f-demo-bar.lb-c1 .s2f-demo-total{display:none}[data-demo] .s2f-demo-bar.lb-c2 .s2f-demo-icons>span{flex-direction:column;gap:0;height:auto;padding-left:.4rem;padding-right:.4rem}[data-demo] .s2f-demo-bar.lb-c2 .s2f-demo-icons .s2f-demo-ilabel{font-size:9px;line-height:1}[data-demo] .s2f-demo-bar.lb-c3 .s2f-demo-autoword,[data-demo] .s2f-demo-bar.lb-c4 .s2f-demo-icons .s2f-demo-ilabel{display:none}[data-demo] .s2f-demo-bar.lb-wrap,[data-demo] .s2f-demo-bar:not([data-fit]){flex-wrap:wrap;justify-content:center;row-gap:.5rem;overflow-x:visible}[data-demo] .s2f-demo-lib{display:none}[data-demo][data-step^=lib-] .s2f-demo-lib{display:flex;flex-direction:column}[data-demo][data-step=lib-rest] .s2f-demo-lib,[data-demo][data-step=lib-files] .s2f-demo-lib,[data-demo][data-step=lib-files-choose] .s2f-demo-lib,[data-demo][data-step=lib-youtube] .s2f-demo-lib,[data-demo][data-step=lib-youtube-add] .s2f-demo-lib,[data-demo][data-step=lib-card] .s2f-demo-lib,[data-demo][data-step=lib-practice] .s2f-demo-lib{justify-content:center}[data-demo] .s2f-demo-lib-local{display:none}[data-demo][data-step=lib-files] .s2f-demo-lib-local,[data-demo][data-step=lib-files-choose] .s2f-demo-lib-local{display:block}[data-demo][data-step=lib-files] .s2f-demo-lib-toggle,[data-demo][data-step=lib-files] .s2f-demo-lib-grid,[data-demo][data-step=lib-files-choose] .s2f-demo-lib-toggle,[data-demo][data-step=lib-files-choose] .s2f-demo-lib-grid{display:none}[data-demo][data-step=lib-files] .s2f-demo-lib-practice,[data-demo][data-step=lib-files-choose] .s2f-demo-lib-practice{border:2px solid rgb(var(--color-border-rgb));background:rgb(var(--color-card-rgb));color:var(--color-text)}[data-demo][data-step=lib-files] .s2f-demo-lib-files,[data-demo][data-step=lib-files-choose] .s2f-demo-lib-files{border-color:var(--color-primary);background:var(--color-primary);color:#fff}[data-demo] .s2f-demo-lib-toggle{border:1px dashed rgb(var(--color-primary-rgb) / .5);background:rgb(var(--color-primary-rgb) / .06)}[data-demo] .s2f-demo-lib-close,[data-demo] .s2f-demo-lib-form{display:none}[data-demo][data-step=lib-open] .s2f-demo-lib-toggle,[data-demo][data-step=lib-url] .s2f-demo-lib-toggle,[data-demo][data-step=lib-title] .s2f-demo-lib-toggle,[data-demo][data-step=lib-submit] .s2f-demo-lib-toggle{border-style:solid;border-color:rgb(var(--color-border-rgb) / 1);background:transparent}[data-demo][data-step=lib-open] .s2f-demo-lib-plus,[data-demo][data-step=lib-url] .s2f-demo-lib-plus,[data-demo][data-step=lib-title] .s2f-demo-lib-plus,[data-demo][data-step=lib-submit] .s2f-demo-lib-plus{display:none}[data-demo][data-step=lib-open] .s2f-demo-lib-close,[data-demo][data-step=lib-url] .s2f-demo-lib-close,[data-demo][data-step=lib-title] .s2f-demo-lib-close,[data-demo][data-step=lib-submit] .s2f-demo-lib-close{display:inline-flex}[data-demo][data-step=lib-open] .s2f-demo-lib-form,[data-demo][data-step=lib-url] .s2f-demo-lib-form,[data-demo][data-step=lib-title] .s2f-demo-lib-form,[data-demo][data-step=lib-submit] .s2f-demo-lib-form{display:block}[data-demo][data-step^=lib-] .s2f-demo-lib [data-focus]{transition:opacity .3s ease}[data-demo][data-step=lib-rest] .s2f-demo-lib [data-focus]:not([data-focus=chrome]),[data-demo][data-step=lib-files] .s2f-demo-lib [data-focus]:not([data-focus=chrome]):not([data-focus=local]),[data-demo][data-step=lib-files-choose] .s2f-demo-lib [data-focus]:not([data-focus=chrome]):not([data-focus=local]),[data-demo][data-step=lib-youtube] .s2f-demo-lib [data-focus]:not([data-focus=toggle]),[data-demo][data-step=lib-youtube-add] .s2f-demo-lib [data-focus]:not([data-focus=toggle]),[data-demo][data-step=lib-open] .s2f-demo-lib [data-focus]:not([data-focus=url]),[data-demo][data-step=lib-url] .s2f-demo-lib [data-focus]:not([data-focus=url]),[data-demo][data-step=lib-title] .s2f-demo-lib [data-focus]:not([data-focus=title]):not([data-focus=url]),[data-demo][data-step=lib-submit] .s2f-demo-lib [data-focus]:not([data-focus=submit]),[data-demo][data-step=lib-card] .s2f-demo-lib [data-focus]:not([data-focus=newcard]),[data-demo][data-step=lib-practice] .s2f-demo-lib [data-focus]:not([data-focus=newcard]){opacity:.25}[data-demo][data-step=lib-open] .s2f-demo-lib-grid,[data-demo][data-step=lib-url] .s2f-demo-lib-grid,[data-demo][data-step=lib-title] .s2f-demo-lib-grid,[data-demo][data-step=lib-submit] .s2f-demo-lib-grid,[data-demo] .s2f-demo-val,[data-demo][data-step=lib-url] .s2f-demo-inp-url .s2f-demo-ph,[data-demo][data-step=lib-title] .s2f-demo-inp-url .s2f-demo-ph,[data-demo][data-step=lib-submit] .s2f-demo-inp-url .s2f-demo-ph{display:none}[data-demo][data-step=lib-url] .s2f-demo-inp-url .s2f-demo-val,[data-demo][data-step=lib-title] .s2f-demo-inp-url .s2f-demo-val,[data-demo][data-step=lib-submit] .s2f-demo-inp-url .s2f-demo-val{display:inline}[data-demo][data-step=lib-title] .s2f-demo-inp-title .s2f-demo-ph,[data-demo][data-step=lib-submit] .s2f-demo-inp-title .s2f-demo-ph{display:none}[data-demo][data-step=lib-title] .s2f-demo-inp-title .s2f-demo-val,[data-demo][data-step=lib-submit] .s2f-demo-inp-title .s2f-demo-val{display:inline}[data-demo] .s2f-demo-fromyt{display:none}[data-demo][data-step=lib-title] .s2f-demo-fromyt,[data-demo][data-step=lib-submit] .s2f-demo-fromyt{display:inline}[data-demo][data-step=lib-open] .s2f-demo-inp-url,[data-demo][data-step=lib-url] .s2f-demo-inp-url,[data-demo][data-step=lib-title] .s2f-demo-inp-title{border-color:rgb(var(--color-primary-rgb) / .9);box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .25)}[data-demo] .s2f-demo-caret{display:none;width:1px;align-self:stretch;margin:.5rem 0;background:rgb(var(--color-primary-rgb) / .9)}@keyframes s2f-demo-caret{50%{opacity:0}}[data-demo][data-step=lib-open] .s2f-demo-caret{display:block;animation:s2f-demo-caret 1s step-end infinite}@keyframes s2f-demo-lib-press{0%,25%{box-shadow:0 0 0 4px rgb(var(--color-primary-rgb) / .4)}to{box-shadow:0 0 rgb(var(--color-primary-rgb) / 0)}}[data-demo][data-step=lib-submit] .s2f-demo-lib-submit{animation:s2f-demo-lib-press .8s ease-out}[data-demo][data-step=lib-practice] .s2f-demo-lib-go{animation:s2f-demo-lib-press .9s ease-out}[data-demo] .s2f-demo-lib-new{visibility:hidden}[data-demo][data-step=lib-card] .s2f-demo-lib-new,[data-demo][data-step=lib-practice] .s2f-demo-lib-new{visibility:visible;box-shadow:0 0 0 4px rgb(var(--color-primary-rgb) / .95),0 10px 30px #00000073;border-color:rgb(var(--color-primary-rgb));transform:scale(1.04);transition:transform .32s cubic-bezier(.4,0,.2,1)}[data-demo] .s2f-demo-anchor{position:relative}[data-demo] .s2f-cap{display:none;position:absolute;bottom:100%;z-index:60;margin-bottom:.6rem;width:-moz-max-content;width:max-content;max-width:min(30rem,78vw);padding:.5rem .85rem;border-radius:.6rem;font-size:1rem;font-weight:500;line-height:1.35;text-align:left;white-space:normal;color:#fff;pointer-events:none;background:linear-gradient(rgb(var(--color-primary-rgb) / .22),rgb(var(--color-primary-rgb) / .22)),#09090bf0;border:1px solid rgb(var(--color-primary-rgb) / .75);box-shadow:0 6px 22px #00000080,0 0 0 1px #00000040}@media (min-width: 640px){[data-demo] .s2f-cap{font-size:1.1875rem;padding:.6rem 1.05rem}}@media (min-width: 1024px){[data-demo] .s2f-cap{font-size:1.375rem;padding:.7rem 1.2rem}}[data-demo] .s2f-cap-mid{left:50%;transform:translate(-50%)}[data-demo] .s2f-cap-start{left:0}[data-demo] .s2f-cap-end{right:0}[data-demo] .s2f-demo-frame-cap-anchor{position:absolute;right:0;top:0;z-index:70}[data-demo] .s2f-demo-toolrow>*{flex-shrink:0}[data-demo] .s2f-demo-toolrow{row-gap:.4rem}[data-demo] .s2f-demo-tgroup{flex-shrink:0}[data-demo] .s2f-demo-iconrow{row-gap:.4rem}[data-demo][data-step=lib-rest] .s2f-cap[data-step-cap=lib],[data-demo][data-step=lib-files] .s2f-cap[data-step-cap=local],[data-demo][data-step=lib-files-choose] .s2f-cap[data-step-cap=local],[data-demo][data-step=lib-youtube] .s2f-cap[data-step-cap=youtube],[data-demo][data-step=lib-youtube-add] .s2f-cap[data-step-cap=youtube],[data-demo][data-step=lib-open] .s2f-cap[data-step-cap=paste],[data-demo][data-step=lib-url] .s2f-cap[data-step-cap=paste],[data-demo][data-step=lib-title] .s2f-cap[data-step-cap=paste],[data-demo][data-step=lib-card] .s2f-cap[data-step-cap=card],[data-demo][data-step=frame-in] .s2f-cap[data-step-cap=frame-in],[data-demo][data-step=frame-out] .s2f-cap[data-step-cap=frame-out],[data-demo][data-step^=slow-] .s2f-cap[data-step-cap=slow],[data-demo][data-step^=name-] .s2f-cap[data-step-cap=name],[data-demo][data-step=kept] .s2f-cap[data-step-cap=kept]{display:block}[data-demo] .s2f-demo-seg-full{background:var(--color-primary);color:#fff}[data-demo] .s2f-demo-seg-loop{color:#ffffffb3}[data-demo][data-step=frame-in] .s2f-demo-seg-full,[data-demo][data-step=frame-out] .s2f-demo-seg-full,[data-demo][data-step^=slow-] .s2f-demo-seg-full,[data-demo][data-step^=name-] .s2f-demo-seg-full,[data-demo][data-step=preview] .s2f-demo-seg-full,[data-demo][data-step=kept] .s2f-demo-seg-full,[data-demo][data-step=_still] .s2f-demo-seg-full{background:transparent;color:#ffffffb3}[data-demo][data-step=frame-in] .s2f-demo-seg-loop,[data-demo][data-step=frame-out] .s2f-demo-seg-loop,[data-demo][data-step^=slow-] .s2f-demo-seg-loop,[data-demo][data-step^=name-] .s2f-demo-seg-loop,[data-demo][data-step=preview] .s2f-demo-seg-loop,[data-demo][data-step=kept] .s2f-demo-seg-loop,[data-demo][data-step=_still] .s2f-demo-seg-loop{background:var(--color-primary);color:#fff}[data-demo]{--lo: 0;--hi: 1}[data-demo][data-step=frame-in]{--lo: .34;--hi: 1}[data-demo][data-step=frame-out],[data-demo][data-step^=slow-],[data-demo][data-step^=name-],[data-demo][data-step=preview],[data-demo][data-step=kept],[data-demo][data-step=_still]{--lo: .34;--hi: .58}[data-demo] .s2f-demo-fill,[data-demo] .s2f-demo-lo,[data-demo] .s2f-demo-hi{transition:transform .7s cubic-bezier(.4,0,.2,1)}[data-demo] .s2f-demo-handle{width:16px;height:26px;border-radius:8px;background:var(--color-primary);border:2px solid #fff;box-shadow:0 2px 8px #00000073}[data-demo] .s2f-demo-fill{transform-origin:left center;transform:translateY(-50%) translate(calc(var(--lo) * 100%)) scaleX(calc(var(--hi) - var(--lo)))}[data-demo] .s2f-demo-saved-region{top:calc(50% - 2.5px);bottom:0;left:34%;width:calc(24% - 2px);isolation:isolate;display:flex;align-items:center;justify-content:center;min-width:2px;padding:5px 3px 0;overflow:hidden;border-radius:2px 2px 6px 6px;background:#facc151a;color:#facc15;font-size:10px;font-weight:500;line-height:1;text-align:center;opacity:0;transition:opacity .16s ease;transform-origin:center}[data-demo] .s2f-demo-saved-region:before{content:"";position:absolute;z-index:1;top:0;right:0;left:0;height:5px;border-radius:2px 2px 0 0;background:#facc15;opacity:.5}[data-demo] .s2f-demo-saved-region>span{position:relative;z-index:2;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.75)}[data-demo][data-step=name-saved] .s2f-demo-saved-region,[data-demo][data-step=name-close] .s2f-demo-saved-region,[data-demo][data-step=preview] .s2f-demo-saved-region,[data-demo][data-step=kept] .s2f-demo-saved-region,[data-demo][data-step=_still] .s2f-demo-saved-region{opacity:1}[data-demo] .s2f-demo-lo{transform:translate(calc(var(--lo) * 100%))}[data-demo] .s2f-demo-hi{transform:translate(calc((var(--hi) - 1) * 100%))}[data-demo] .s2f-demo-ta-loop,[data-demo] .s2f-demo-tb-loop,[data-demo][data-step=frame-in] .s2f-demo-ta-full,[data-demo][data-step=frame-out] .s2f-demo-ta-full,[data-demo][data-step^=slow-] .s2f-demo-ta-full,[data-demo][data-step^=name-] .s2f-demo-ta-full,[data-demo][data-step=preview] .s2f-demo-ta-full,[data-demo][data-step=kept] .s2f-demo-ta-full,[data-demo][data-step=_still] .s2f-demo-ta-full{display:none}[data-demo][data-step=frame-in] .s2f-demo-ta-loop,[data-demo][data-step=frame-out] .s2f-demo-ta-loop,[data-demo][data-step^=slow-] .s2f-demo-ta-loop,[data-demo][data-step^=name-] .s2f-demo-ta-loop,[data-demo][data-step=preview] .s2f-demo-ta-loop,[data-demo][data-step=kept] .s2f-demo-ta-loop,[data-demo][data-step=_still] .s2f-demo-ta-loop{display:inline}[data-demo][data-step=frame-out] .s2f-demo-tb-full,[data-demo][data-step^=slow-] .s2f-demo-tb-full,[data-demo][data-step^=name-] .s2f-demo-tb-full,[data-demo][data-step=preview] .s2f-demo-tb-full,[data-demo][data-step=kept] .s2f-demo-tb-full,[data-demo][data-step=_still] .s2f-demo-tb-full{display:none}[data-demo][data-step=frame-out] .s2f-demo-tb-loop,[data-demo][data-step^=slow-] .s2f-demo-tb-loop,[data-demo][data-step^=name-] .s2f-demo-tb-loop,[data-demo][data-step=preview] .s2f-demo-tb-loop,[data-demo][data-step=kept] .s2f-demo-tb-loop,[data-demo][data-step=_still] .s2f-demo-tb-loop{display:inline}[data-demo] .s2f-demo-sp{display:none}[data-demo] .s2f-demo-sp-100{display:inline}[data-demo][data-step=slow-95] .s2f-demo-sp-100{display:none}[data-demo][data-step=slow-95] .s2f-demo-sp-95{display:inline}[data-demo][data-step=slow-90] .s2f-demo-sp-100{display:none}[data-demo][data-step=slow-90] .s2f-demo-sp-90{display:inline}[data-demo][data-step=slow-85] .s2f-demo-sp-100{display:none}[data-demo][data-step=slow-85] .s2f-demo-sp-85{display:inline}[data-demo][data-step=slow-80] .s2f-demo-sp-100{display:none}[data-demo][data-step=slow-80] .s2f-demo-sp-80{display:inline}[data-demo][data-step=slow-75] .s2f-demo-sp-100{display:none}[data-demo][data-step=slow-75] .s2f-demo-sp-75{display:inline}[data-demo][data-step=slow-70] .s2f-demo-sp-100{display:none}[data-demo][data-step=slow-70] .s2f-demo-sp-70{display:inline}[data-demo][data-step^=name-] .s2f-demo-sp-100,[data-demo][data-step=preview] .s2f-demo-sp-100,[data-demo][data-step=kept] .s2f-demo-sp-100,[data-demo][data-step=_still] .s2f-demo-sp-100{display:none}[data-demo][data-step^=name-] .s2f-demo-sp-70,[data-demo][data-step=preview] .s2f-demo-sp-70,[data-demo][data-step=kept] .s2f-demo-sp-70,[data-demo][data-step=_still] .s2f-demo-sp-70{display:inline}[data-demo] .s2f-demo-name{visibility:hidden}[data-demo][data-step=name-saved] .s2f-demo-name,[data-demo][data-step=name-close] .s2f-demo-name,[data-demo][data-step=preview] .s2f-demo-name,[data-demo][data-step=kept] .s2f-demo-name,[data-demo][data-step=_still] .s2f-demo-name{visibility:visible}[data-demo] .s2f-demo-loops{transition:box-shadow .22s ease}[data-demo][data-step^=name-] .s2f-demo-loops{box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .9)}[data-demo] .s2f-demo-cursor{position:absolute;left:0;top:0;width:2.25rem;height:2.25rem;margin:-1.125rem 0 0 -1.125rem;border-radius:9999px;border:2px solid rgb(255 255 255 / .95);background:#ffffff1a;box-shadow:0 0 0 1.5px #0000008c,inset 0 0 0 1.5px #0000004d,0 2px 10px #00000080;opacity:0;pointer-events:none;z-index:55;transition:transform .62s cubic-bezier(.33,0,.2,1),opacity .2s ease}[data-demo] .s2f-demo-cursor[data-cursor-on]{opacity:1}[data-demo] .s2f-demo-cursor[data-cursor-ride]{transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .2s ease}[data-demo] .s2f-demo-cursor[data-cursor-cut]{transition:none;opacity:0}[data-demo] .s2f-demo-cursor:after{content:"";position:absolute;inset:-.35rem;border-radius:9999px;border:2px solid rgb(255 255 255 / .85);box-shadow:0 0 0 1px #0006;opacity:0;transform:scale(.6)}[data-demo] .s2f-demo-cursor[data-cursor-press]:after{animation:s2f-demo-press .52s ease-out}@keyframes s2f-demo-press{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion: reduce){[data-demo] .s2f-demo-cursor{display:none}}[data-demo] .s2f-demo-speed{transition:box-shadow .22s ease;border-radius:9999px}[data-demo][data-step^=slow-] .s2f-demo-speed{box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .9)}@keyframes s2f-demo-press-a{0%,18%{background-color:rgb(var(--color-primary-rgb) / .85);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .35)}to{background-color:#ffffff1a;box-shadow:none}}@keyframes s2f-demo-press-b{0%,18%{background-color:rgb(var(--color-primary-rgb) / .85);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .35)}to{background-color:#ffffff1a;box-shadow:none}}[data-demo][data-step=slow-95] .s2f-demo-minus,[data-demo][data-step=slow-85] .s2f-demo-minus,[data-demo][data-step=slow-75] .s2f-demo-minus{animation:s2f-demo-press-a .4s ease-out}[data-demo][data-step=slow-90] .s2f-demo-minus,[data-demo][data-step=slow-80] .s2f-demo-minus,[data-demo][data-step=slow-70] .s2f-demo-minus{animation:s2f-demo-press-b .4s ease-out}[data-demo] .s2f-demo-loops-panel{opacity:0;pointer-events:none;transition:opacity .2s ease}[data-demo][data-step=name-open] .s2f-demo-loops-panel,[data-demo][data-step=name-pick] .s2f-demo-loops-panel,[data-demo][data-step=name-saved] .s2f-demo-loops-panel,[data-demo][data-step=name-close] .s2f-demo-loops-panel{opacity:1}[data-demo] .s2f-demo-loop-saved,[data-demo][data-step=name-saved] .s2f-demo-loop-empty,[data-demo][data-step=name-close] .s2f-demo-loop-empty{display:none}[data-demo][data-step=name-saved] .s2f-demo-loop-saved,[data-demo][data-step=name-close] .s2f-demo-loop-saved{display:block}[data-demo][data-step=name-saved] .s2f-demo-loop-saved.items-center,[data-demo][data-step=name-close] .s2f-demo-loop-saved.items-center{display:flex}[data-demo] .s2f-demo-loops-panel [data-mock-label^="player.loops.preset_"]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-demo] .s2f-demo-loopcount{display:none}[data-demo][data-step=name-saved] .s2f-demo-loopcount,[data-demo][data-step=name-close] .s2f-demo-loopcount,[data-demo][data-step=preview] .s2f-demo-loopcount,[data-demo][data-step=kept] .s2f-demo-loopcount,[data-demo][data-step=_still] .s2f-demo-loopcount{display:block}[data-demo=climb].s2f-climb-stage{--demo-scale: 1;isolation:isolate}[data-demo=climb] .s2f-climb-practice,[data-demo=climb] .s2f-climb-stats{transition:opacity .36s ease}[data-demo=climb] .s2f-climb-media{flex:1 1 0}[data-demo=climb] .s2f-climb-practice{opacity:0;pointer-events:none}[data-demo=climb] .s2f-climb-stats,[data-demo=climb][data-step^=climb-] .s2f-climb-practice{opacity:1}[data-demo=climb][data-step^=climb-] .s2f-climb-stats,[data-demo=climb][data-step=climb-panel] .s2f-climb-practice,[data-demo=climb][data-step=climb-recorded] .s2f-climb-practice,[data-demo=climb][data-step=climb-preview] .s2f-climb-practice{opacity:0}[data-demo=climb][data-step=climb-panel] .s2f-climb-stats,[data-demo=climb][data-step=climb-recorded] .s2f-climb-stats,[data-demo=climb][data-step=climb-preview] .s2f-climb-stats{opacity:1}[data-demo=climb] .s2f-climb-before,[data-demo=climb][data-step=climb-panel] .s2f-climb-after{display:none}[data-demo=climb][data-step=climb-panel] .s2f-climb-before{display:inline}[data-demo=climb] .s2f-climb-before-block,[data-demo=climb][data-step=climb-panel] .s2f-climb-after-block{display:none}[data-demo=climb][data-step=climb-panel] .s2f-climb-before-block{display:block}[data-demo=climb] .s2f-climb-settings{opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:transform .26s ease,opacity .22s ease;z-index:30}[data-demo=climb][data-step=climb-settings] .s2f-climb-settings,[data-demo=climb][data-step=climb-settings-close] .s2f-climb-settings{opacity:1;transform:translate(-50%)}[data-demo=climb][data-step=climb-closed] .s2f-climb-settings{opacity:0}[data-demo=climb] .s2f-climb-round{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid rgb(255 255 255 / .25);border-radius:9999px;color:#ffffffd9}[data-demo=climb] .s2f-climb-settings .s2f-climb-round{width:2rem;height:2rem;font-size:1rem;background:#ffffff14}[data-demo=climb] .s2f-climb-settings-close{transition:color .15s ease,background .15s ease}[data-demo=climb][data-step=climb-settings-close] .s2f-climb-settings-close{color:#fff;background:#ffffff1a}[data-demo=climb] .s2f-climb-live-col{display:flex;align-items:flex-end;height:100%;border-radius:.2rem;background:#ffffff0f;overflow:hidden}[data-demo=climb] .s2f-climb-live-fill{display:block;width:100%;height:var(--climb-practice-only-height, 8%);border-radius:.2rem .2rem 0 0;background:var(--color-primary);box-shadow:0 0 8px rgb(var(--color-primary-rgb) / .45);transform:scaleY(0);transform-origin:bottom;transition:transform .18s cubic-bezier(.2,.85,.25,1) .65s}[data-demo=climb][data-step=climb-speed-060] .s2f-climb-live-col:nth-child(-n+1) .s2f-climb-live-fill,[data-demo=climb][data-step=climb-speed-065] .s2f-climb-live-col:nth-child(-n+2) .s2f-climb-live-fill,[data-demo=climb][data-step=climb-speed-070] .s2f-climb-live-col:nth-child(-n+3) .s2f-climb-live-fill,[data-demo=climb][data-step=climb-speed-075] .s2f-climb-live-col:nth-child(-n+4) .s2f-climb-live-fill,[data-demo=climb][data-step=climb-speed-080] .s2f-climb-live-col:nth-child(-n+5) .s2f-climb-live-fill,[data-demo=climb][data-step=climb-speed-085] .s2f-climb-live-col:nth-child(-n+6) .s2f-climb-live-fill,[data-demo=climb][data-step=climb-speed-090] .s2f-climb-live-col:nth-child(-n+7) .s2f-climb-live-fill,[data-demo=climb][data-step=climb-speed-095] .s2f-climb-live-col:nth-child(-n+8) .s2f-climb-live-fill,[data-demo=climb][data-step=climb-speed-100] .s2f-climb-live-col:nth-child(-n+9) .s2f-climb-live-fill,[data-demo=climb][data-step=climb-cap] .s2f-climb-live-col .s2f-climb-live-fill,[data-demo=climb][data-step=climb-stats-press] .s2f-climb-live-col .s2f-climb-live-fill{transform:scaleY(1)}[data-demo=climb][data-step=climb-speed-060] .s2f-climb-live-labels span:nth-child(1),[data-demo=climb][data-step=climb-speed-065] .s2f-climb-live-labels span:nth-child(2),[data-demo=climb][data-step=climb-speed-070] .s2f-climb-live-labels span:nth-child(3),[data-demo=climb][data-step=climb-speed-075] .s2f-climb-live-labels span:nth-child(4),[data-demo=climb][data-step=climb-speed-080] .s2f-climb-live-labels span:nth-child(5),[data-demo=climb][data-step=climb-speed-085] .s2f-climb-live-labels span:nth-child(6),[data-demo=climb][data-step=climb-speed-090] .s2f-climb-live-labels span:nth-child(7),[data-demo=climb][data-step=climb-speed-095] .s2f-climb-live-labels span:nth-child(8),[data-demo=climb][data-step=climb-speed-100] .s2f-climb-live-labels span:nth-child(9),[data-demo=climb][data-step=climb-cap] .s2f-climb-live-labels span:nth-child(9){color:#fff;font-weight:800;text-shadow:0 0 8px rgb(var(--color-primary-rgb) / .95)}[data-demo=climb] .s2f-climb-speed-value [data-speed]{display:none}[data-demo=climb] .s2f-climb-speed-value [data-speed="060"],[data-demo=climb][data-step=climb-speed-060] .s2f-climb-speed-value [data-speed="060"],[data-demo=climb][data-step=climb-speed-065] .s2f-climb-speed-value [data-speed="065"],[data-demo=climb][data-step=climb-speed-070] .s2f-climb-speed-value [data-speed="070"],[data-demo=climb][data-step=climb-speed-075] .s2f-climb-speed-value [data-speed="075"],[data-demo=climb][data-step=climb-speed-080] .s2f-climb-speed-value [data-speed="080"],[data-demo=climb][data-step=climb-speed-085] .s2f-climb-speed-value [data-speed="085"],[data-demo=climb][data-step=climb-speed-090] .s2f-climb-speed-value [data-speed="090"],[data-demo=climb][data-step=climb-speed-095] .s2f-climb-speed-value [data-speed="095"],[data-demo=climb][data-step=climb-speed-100] .s2f-climb-speed-value [data-speed="100"],[data-demo=climb][data-step=climb-cap] .s2f-climb-speed-value [data-speed="100"],[data-demo=climb][data-step=climb-stats-press] .s2f-climb-speed-value [data-speed="100"]{display:inline}[data-demo=climb][data-step^=climb-speed-] .s2f-climb-speed-value [data-speed="060"],[data-demo=climb][data-step=climb-cap] .s2f-climb-speed-value [data-speed="060"],[data-demo=climb][data-step=climb-stats-press] .s2f-climb-speed-value [data-speed="060"]{display:none}[data-demo=climb][data-step=climb-speed-060] .s2f-climb-speed-value [data-speed="060"]{display:inline}[data-demo=climb] .s2f-climb-fastforward,[data-demo=climb] .s2f-climb-cap{display:none}[data-demo=climb][data-step^=climb-speed-] .s2f-climb-fastforward{opacity:1;display:inline-flex}[data-demo=climb][data-step=climb-cap] .s2f-climb-cap,[data-demo=climb][data-step=climb-stats-press] .s2f-climb-cap{display:inline}[data-demo=climb] .s2f-climb-loop-pulse{width:.35rem;height:.35rem;border-radius:9999px;border:1px solid currentColor;opacity:.25}[data-demo][data-demo=climb][data-step=climb-speed-060] .s2f-climb-loop-pulse,[data-demo][data-demo=climb][data-step=climb-speed-070] .s2f-climb-loop-pulse,[data-demo][data-demo=climb][data-step=climb-speed-080] .s2f-climb-loop-pulse,[data-demo][data-demo=climb][data-step=climb-speed-090] .s2f-climb-loop-pulse,[data-demo][data-demo=climb][data-step=climb-speed-100] .s2f-climb-loop-pulse{animation:s2f-climb-loop-a .9s both}[data-demo][data-demo=climb][data-step=climb-speed-065] .s2f-climb-loop-pulse,[data-demo][data-demo=climb][data-step=climb-speed-075] .s2f-climb-loop-pulse,[data-demo][data-demo=climb][data-step=climb-speed-085] .s2f-climb-loop-pulse,[data-demo][data-demo=climb][data-step=climb-speed-095] .s2f-climb-loop-pulse{animation:s2f-climb-loop-b .9s both}[data-demo=climb] .s2f-climb-loop-pulse:nth-child(2){animation-delay:.18s}[data-demo=climb] .s2f-climb-loop-pulse:nth-child(3){animation-delay:.36s}@keyframes s2f-climb-loop-a{0%,16%{opacity:.25;transform:scale(.7);background:transparent}34%,to{opacity:1;transform:scale(1);background:currentColor}}@keyframes s2f-climb-loop-b{0%,16%{opacity:.25;transform:scale(.7);background:transparent}34%,to{opacity:1;transform:scale(1);background:currentColor}}[data-demo=climb] .s2f-climb-rep-count{position:relative;display:inline-block;width:2.75rem;height:1.15rem;font-size:.9rem;line-height:1.15rem;text-align:right;font-variant-numeric:tabular-nums}[data-demo=climb] .s2f-climb-rep-count i{position:absolute;inset:0;font-style:normal;opacity:0}[data-demo=climb] .s2f-climb-rep-count i[data-rep="3"]{opacity:1}[data-demo][data-demo=climb][data-step=climb-speed-060] .s2f-climb-rep-count i[data-rep="1"],[data-demo][data-demo=climb][data-step=climb-speed-070] .s2f-climb-rep-count i[data-rep="1"],[data-demo][data-demo=climb][data-step=climb-speed-080] .s2f-climb-rep-count i[data-rep="1"],[data-demo][data-demo=climb][data-step=climb-speed-090] .s2f-climb-rep-count i[data-rep="1"],[data-demo][data-demo=climb][data-step=climb-speed-100] .s2f-climb-rep-count i[data-rep="1"]{animation:s2f-climb-rep-one-a .9s step-end both}[data-demo][data-demo=climb][data-step=climb-speed-060] .s2f-climb-rep-count i[data-rep="2"],[data-demo][data-demo=climb][data-step=climb-speed-070] .s2f-climb-rep-count i[data-rep="2"],[data-demo][data-demo=climb][data-step=climb-speed-080] .s2f-climb-rep-count i[data-rep="2"],[data-demo][data-demo=climb][data-step=climb-speed-090] .s2f-climb-rep-count i[data-rep="2"],[data-demo][data-demo=climb][data-step=climb-speed-100] .s2f-climb-rep-count i[data-rep="2"]{animation:s2f-climb-rep-two-a .9s step-end both}[data-demo][data-demo=climb][data-step=climb-speed-060] .s2f-climb-rep-count i[data-rep="3"],[data-demo][data-demo=climb][data-step=climb-speed-070] .s2f-climb-rep-count i[data-rep="3"],[data-demo][data-demo=climb][data-step=climb-speed-080] .s2f-climb-rep-count i[data-rep="3"],[data-demo][data-demo=climb][data-step=climb-speed-090] .s2f-climb-rep-count i[data-rep="3"],[data-demo][data-demo=climb][data-step=climb-speed-100] .s2f-climb-rep-count i[data-rep="3"]{animation:s2f-climb-rep-three-a .9s step-end both}[data-demo][data-demo=climb][data-step=climb-speed-065] .s2f-climb-rep-count i[data-rep="1"],[data-demo][data-demo=climb][data-step=climb-speed-075] .s2f-climb-rep-count i[data-rep="1"],[data-demo][data-demo=climb][data-step=climb-speed-085] .s2f-climb-rep-count i[data-rep="1"],[data-demo][data-demo=climb][data-step=climb-speed-095] .s2f-climb-rep-count i[data-rep="1"]{animation:s2f-climb-rep-one-b .9s step-end both}[data-demo][data-demo=climb][data-step=climb-speed-065] .s2f-climb-rep-count i[data-rep="2"],[data-demo][data-demo=climb][data-step=climb-speed-075] .s2f-climb-rep-count i[data-rep="2"],[data-demo][data-demo=climb][data-step=climb-speed-085] .s2f-climb-rep-count i[data-rep="2"],[data-demo][data-demo=climb][data-step=climb-speed-095] .s2f-climb-rep-count i[data-rep="2"]{animation:s2f-climb-rep-two-b .9s step-end both}[data-demo][data-demo=climb][data-step=climb-speed-065] .s2f-climb-rep-count i[data-rep="3"],[data-demo][data-demo=climb][data-step=climb-speed-075] .s2f-climb-rep-count i[data-rep="3"],[data-demo][data-demo=climb][data-step=climb-speed-085] .s2f-climb-rep-count i[data-rep="3"],[data-demo][data-demo=climb][data-step=climb-speed-095] .s2f-climb-rep-count i[data-rep="3"]{animation:s2f-climb-rep-three-b .9s step-end both}@keyframes s2f-climb-rep-one-a{0%,32%{opacity:1;transform:scale(1.08)}33%,to{opacity:0;transform:scale(1)}}@keyframes s2f-climb-rep-two-a{0%,32%{opacity:0}33%,65%{opacity:1;transform:scale(1.08)}66%,to{opacity:0;transform:scale(1)}}@keyframes s2f-climb-rep-three-a{0%,65%{opacity:0}66%,to{opacity:1;transform:scale(1.08)}}@keyframes s2f-climb-rep-one-b{0%,32%{opacity:1;transform:scale(1.08)}33%,to{opacity:0;transform:scale(1)}}@keyframes s2f-climb-rep-two-b{0%,32%{opacity:0}33%,65%{opacity:1;transform:scale(1.08)}66%,to{opacity:0;transform:scale(1)}}@keyframes s2f-climb-rep-three-b{0%,65%{opacity:0}66%,to{opacity:1;transform:scale(1.08)}}[data-demo][data-demo=climb][data-step=climb-speed-060] .s2f-climb-speed,[data-demo][data-demo=climb][data-step=climb-speed-070] .s2f-climb-speed,[data-demo][data-demo=climb][data-step=climb-speed-080] .s2f-climb-speed,[data-demo][data-demo=climb][data-step=climb-speed-090] .s2f-climb-speed,[data-demo][data-demo=climb][data-step=climb-speed-100] .s2f-climb-speed{animation:s2f-climb-speed-pop-a .9s both}[data-demo][data-demo=climb][data-step=climb-speed-065] .s2f-climb-speed,[data-demo][data-demo=climb][data-step=climb-speed-075] .s2f-climb-speed,[data-demo][data-demo=climb][data-step=climb-speed-085] .s2f-climb-speed,[data-demo][data-demo=climb][data-step=climb-speed-095] .s2f-climb-speed{animation:s2f-climb-speed-pop-b .9s both}@keyframes s2f-climb-speed-pop-a{0%{transform:scale(.9);box-shadow:0 0 rgb(var(--color-primary-rgb) / .8)}28%{transform:scale(1.12);box-shadow:0 0 0 4px rgb(var(--color-primary-rgb) / .38)}60%,to{transform:scale(1);box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .28)}}@keyframes s2f-climb-speed-pop-b{0%{transform:scale(.9);box-shadow:0 0 rgb(var(--color-primary-rgb) / .8)}28%{transform:scale(1.12);box-shadow:0 0 0 4px rgb(var(--color-primary-rgb) / .38)}60%,to{transform:scale(1);box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .28)}}[data-demo=climb][data-step^=climb-speed-] .s2f-climb-auto{background:var(--color-primary);box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .3)}[data-demo=climb][data-step=climb-cap] .s2f-climb-auto,[data-demo=climb][data-step=climb-stats-press] .s2f-climb-auto{opacity:.4}[data-demo=climb][data-step=climb-rest] .s2f-climb-auto-more,[data-demo=climb][data-step=climb-engage] .s2f-climb-auto,[data-demo=climb][data-step=climb-stats-press] .s2f-climb-stats-btn{box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .8)}[data-demo=climb] .s2f-climb-settings-anchor,[data-demo=climb] .s2f-climb-step-anchor,[data-demo=climb] .s2f-climb-recorded-anchor{position:absolute;z-index:70}[data-demo=climb] .s2f-climb-settings-anchor{left:50%;top:0}[data-demo=climb] .s2f-climb-step-anchor{right:0;top:0}[data-demo=climb] .s2f-climb-recorded-anchor{left:50%;top:0}[data-demo=climb] .s2f-climb-final-stack{display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-end;width:100%;min-height:0}[data-demo=climb] .s2f-climb-history,[data-demo=climb] .s2f-climb-added{display:block;flex:0 0 auto;width:100%}[data-demo=climb] .s2f-climb-history{height:var(--climb-history-height, 8%);border-radius:0 0 .18rem .18rem;background:var(--climb-history-color, var(--color-tier-locked));opacity:.82}[data-demo=climb] .s2f-climb-added{height:var(--climb-practice-height, 8%);border-radius:.18rem .18rem 0 0;border-top:1px solid rgb(255 255 255 / .48);background-color:rgb(var(--color-primary-rgb) / .68);background-image:repeating-linear-gradient(135deg,transparent 0 4px,rgb(255 255 255 / .14) 4px 6px);box-shadow:0 0 7px rgb(var(--color-primary-rgb) / .35);transform:scaleY(1);transform-origin:bottom;transition:transform .52s cubic-bezier(.2,.85,.25,1)}[data-demo=climb][data-step=climb-panel] .s2f-climb-added{transform:scaleY(0);transition:none}[data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(2) .s2f-climb-added{transition-delay:60ms}[data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(3) .s2f-climb-added{transition-delay:.12s}[data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(4) .s2f-climb-added{transition-delay:.18s}[data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(5) .s2f-climb-added{transition-delay:.24s}[data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(6) .s2f-climb-added{transition-delay:.3s}[data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(7) .s2f-climb-added{transition-delay:.36s}[data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(8) .s2f-climb-added{transition-delay:.42s}[data-demo=climb][data-step=climb-recorded] .s2f-climb-final-col:nth-child(9) .s2f-climb-added{transition-delay:.48s}[data-demo=climb] .s2f-climb-tier{display:flex;width:.875rem;height:.875rem;align-items:center;justify-content:center;margin-bottom:.18rem;opacity:1;transition:opacity .3s ease .46s}[data-demo=climb] .s2f-climb-final-col[data-climb-result-tier=locked] .s2f-climb-tier{visibility:hidden}[data-demo=climb] .s2f-climb-final-col[data-climb-result-tier=bronze] .s2f-climb-tier{color:var(--color-tier-bronze);--climb-medal-metal: var(--color-tier-bronze-metal)}[data-demo=climb] .s2f-climb-final-col[data-climb-result-tier=silver] .s2f-climb-tier{color:var(--color-tier-silver);--climb-medal-metal: var(--color-tier-silver-metal)}[data-demo=climb] .s2f-climb-tier-disc{fill:var(--climb-medal-metal);stroke:var(--climb-medal-metal)}[data-demo=climb][data-step=climb-panel] .s2f-climb-tier{opacity:0;transition:none}[data-demo=climb] .s2f-climb-history-key{background:linear-gradient(90deg,var(--color-tier-locked) 0 33%,var(--color-tier-bronze) 33% 66%,var(--color-tier-silver) 66% 100%);opacity:.82}[data-demo=climb] .s2f-climb-added-key{border-top:1px solid rgb(255 255 255 / .48);background-color:rgb(var(--color-primary-rgb) / .68);background-image:repeating-linear-gradient(135deg,transparent 0 3px,rgb(255 255 255 / .18) 3px 4px)}[data-demo=climb] .s2f-cap{max-width:min(20rem,78vw);font-size:.95rem;padding:.5rem .85rem}[data-demo=climb][data-step=climb-settings] .s2f-cap[data-step-cap=climb-settings],[data-demo=climb][data-step=climb-settings-close] .s2f-cap[data-step-cap=climb-settings],[data-demo=climb][data-step^=climb-speed-]:not([data-step=climb-speed-100]) .s2f-cap[data-step-cap=climb-step],[data-demo=climb][data-step=climb-speed-100] .s2f-cap[data-step-cap=climb-full-speed],[data-demo=climb][data-step=climb-cap] .s2f-cap[data-step-cap=climb-cap],[data-demo=climb][data-step=climb-recorded] .s2f-cap[data-step-cap=climb-recorded]{display:block}@media (prefers-reduced-motion: reduce){[data-demo=climb] .s2f-climb-practice,[data-demo=climb] .s2f-climb-stats,[data-demo=climb] .s2f-climb-settings,[data-demo=climb] .s2f-climb-live-fill,[data-demo=climb] .s2f-climb-added,[data-demo=climb] .s2f-climb-tier{transition:none;animation:none}[data-demo=climb] .s2f-climb-loop-pulse,[data-demo=climb] .s2f-climb-speed,[data-demo=climb] .s2f-climb-rep-count i{animation:none}}.s2f-demo-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent}[data-demo]:not([data-step])~* .s2f-demo-toggle,[data-demo][data-step=_still]~* .s2f-demo-toggle{visibility:hidden}.s2f-demo-ic-play,.s2f-demo-lbl-play,.s2f-demo-ic-replay,.s2f-demo-lbl-replay{display:none}[data-demo][data-paused]~* .s2f-demo-ic-pause,[data-demo][data-paused]~* .s2f-demo-lbl-pause{display:none}[data-demo][data-paused]~* .s2f-demo-ic-play{display:block}[data-demo][data-paused]~* .s2f-demo-lbl-play{display:inline}[data-demo][data-complete]~* .s2f-demo-ic-pause,[data-demo][data-complete]~* .s2f-demo-lbl-pause,[data-demo][data-complete]~* .s2f-demo-ic-play,[data-demo][data-complete]~* .s2f-demo-lbl-play{display:none}[data-demo][data-complete]~* .s2f-demo-ic-replay{display:block}[data-demo][data-complete]~* .s2f-demo-lbl-replay{display:inline}[data-demo][data-step]:not([data-step=_still]){cursor:pointer;-webkit-tap-highlight-color:transparent}[data-demo][data-paused],[data-demo][data-paused]:before,[data-demo][data-paused]:after,[data-demo][data-paused] *,[data-demo][data-paused] *:before,[data-demo][data-paused] *:after,[data-demo][data-viewport-paused],[data-demo][data-viewport-paused]:before,[data-demo][data-viewport-paused]:after,[data-demo][data-viewport-paused] *,[data-demo][data-viewport-paused] *:before,[data-demo][data-viewport-paused] *:after{animation-play-state:paused!important}@keyframes s2f-demo-landed{0%{transform:scale(.82)}55%{transform:scale(1.08)}to{transform:scale(1)}}[data-demo][data-step=preview] .s2f-demo-name,[data-demo][data-step=preview] .s2f-demo-loopcount,[data-demo][data-step=preview] .s2f-demo-saved-region,[data-demo][data-step=kept] .s2f-demo-name,[data-demo][data-step=kept] .s2f-demo-loopcount,[data-demo][data-step=kept] .s2f-demo-saved-region{animation:s2f-demo-landed .42s cubic-bezier(.34,1.56,.64,1) .15s both}@media (prefers-reduced-motion: reduce){[data-demo][data-step=preview] .s2f-demo-name,[data-demo][data-step=preview] .s2f-demo-loopcount,[data-demo][data-step=preview] .s2f-demo-saved-region,[data-demo][data-step=kept] .s2f-demo-name,[data-demo][data-step=kept] .s2f-demo-loopcount,[data-demo][data-step=kept] .s2f-demo-saved-region{animation:none}}[data-demo][data-step=name-pick] .s2f-demo-pick{background:rgb(var(--color-primary-rgb) / .95)!important;color:#fff;box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .35)}[data-demo=link].s2f-link-stage{--demo-scale: 1;height:560px;isolation:isolate}[data-demo=link] .s2f-link-library,[data-demo=link] .s2f-link-modal,[data-demo=link] .s2f-link-success,[data-demo=link] .s2f-link-browser,[data-demo=link] .s2f-link-receiver{transition:opacity .26s ease,transform .36s cubic-bezier(.2,.75,.25,1)}[data-demo=link] .s2f-link-library,[data-demo=link] .s2f-link-modal,[data-demo=link] .s2f-link-success,[data-demo=link] .s2f-link-browser{opacity:0;pointer-events:none}[data-demo=link] .s2f-link-receiver{opacity:1;transform:scale(1)}[data-demo=link][data-step=link-preview-exit] .s2f-link-library,[data-demo=link][data-step=link-library] .s2f-link-library,[data-demo=link][data-step=link-share-press] .s2f-link-library{opacity:1}[data-demo=link][data-step=link-modal] .s2f-link-library,[data-demo=link][data-step=link-intro-off] .s2f-link-library,[data-demo=link][data-step=link-verse-ready] .s2f-link-library,[data-demo=link][data-step=link-friends] .s2f-link-library,[data-demo=link][data-step=link-friends-ready] .s2f-link-library,[data-demo=link][data-step=link-public-press] .s2f-link-library,[data-demo=link][data-step=link-public-selected] .s2f-link-library,[data-demo=link][data-step=link-public-ready] .s2f-link-library,[data-demo=link][data-step=link-create] .s2f-link-library,[data-demo=link][data-step=link-success] .s2f-link-library{opacity:0}[data-demo=link][data-step=link-preview] .s2f-link-modal,[data-demo=link][data-step=link-share-press] .s2f-link-modal,[data-demo=link][data-step=link-modal] .s2f-link-modal,[data-demo=link][data-step=link-intro-off] .s2f-link-modal,[data-demo=link][data-step=link-verse-ready] .s2f-link-modal,[data-demo=link][data-step=link-friends] .s2f-link-modal,[data-demo=link][data-step=link-friends-ready] .s2f-link-modal,[data-demo=link][data-step=link-public-press] .s2f-link-modal,[data-demo=link][data-step=link-public-selected] .s2f-link-modal,[data-demo=link][data-step=link-public-ready] .s2f-link-modal,[data-demo=link][data-step=link-create] .s2f-link-modal{opacity:1;transform:translateY(0)}[data-demo=link][data-step=link-success] .s2f-link-success{opacity:1;transform:scale(1)}[data-demo=link][data-step=link-handoff] .s2f-link-browser,[data-demo=link][data-step=link-browser-open] .s2f-link-browser,[data-demo=link][data-step=link-browser-launch] .s2f-link-browser,[data-demo=link][data-step=link-browser-type] .s2f-link-browser{opacity:1}[data-demo=link][data-step=link-preview] .s2f-link-receiver,[data-demo=link][data-step=link-preview-exit] .s2f-link-receiver,[data-demo=link][data-step=link-library] .s2f-link-receiver,[data-demo=link][data-step=link-share-press] .s2f-link-receiver,[data-demo=link][data-step=link-modal] .s2f-link-receiver,[data-demo=link][data-step=link-intro-off] .s2f-link-receiver,[data-demo=link][data-step=link-verse-ready] .s2f-link-receiver,[data-demo=link][data-step=link-friends] .s2f-link-receiver,[data-demo=link][data-step=link-friends-ready] .s2f-link-receiver,[data-demo=link][data-step=link-public-press] .s2f-link-receiver,[data-demo=link][data-step=link-public-selected] .s2f-link-receiver,[data-demo=link][data-step=link-public-ready] .s2f-link-receiver,[data-demo=link][data-step=link-create] .s2f-link-receiver,[data-demo=link][data-step=link-success] .s2f-link-receiver,[data-demo=link][data-step=link-handoff] .s2f-link-receiver,[data-demo=link][data-step=link-browser-open] .s2f-link-receiver,[data-demo=link][data-step=link-browser-launch] .s2f-link-receiver,[data-demo=link][data-step=link-browser-type] .s2f-link-receiver{opacity:0;transform:scale(.97)}[data-demo=link] .s2f-link-modal{padding:0;background:var(--color-card);transform:translateY(3%)}[data-demo=link] .s2f-link-success{padding:0;align-items:stretch;background:var(--color-card);transform:scale(.96)}[data-demo=link] .s2f-link-success>div{display:flex;height:100%;flex-direction:column;justify-content:center;border:0;border-radius:0;box-shadow:none}[data-demo=link] .s2f-link-share-trigger,[data-demo=link] .s2f-link-check,[data-demo=link] .s2f-link-create{transition:box-shadow .18s ease,opacity .18s ease,background-color .18s ease}[data-demo=link][data-step=link-library] .s2f-link-share-trigger,[data-demo=link][data-step=link-intro-off] .s2f-link-intro-check,[data-demo=link][data-step=link-verse-ready] .s2f-link-scope-friends,[data-demo=link][data-step=link-public-press] .s2f-link-scope-public,[data-demo=link][data-step=link-browser-type] .s2f-link-address,[data-demo=link][data-step=link-create] .s2f-link-create{box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .34)}[data-demo=link] .s2f-link-form-card{height:100%;max-height:none;border:0;border-radius:0;box-shadow:none}[data-demo=link] .s2f-link-form-scroll{height:100%;transition:transform .36s cubic-bezier(.2,.75,.25,1)}[data-demo=link] .s2f-link-friends-picker{display:none}[data-demo=link][data-step=link-preview] .s2f-link-friends-picker,[data-demo=link][data-step=link-preview-exit] .s2f-link-friends-picker,[data-demo=link][data-step=link-friends] .s2f-link-friends-picker,[data-demo=link][data-step=link-friends-ready] .s2f-link-friends-picker,[data-demo=link][data-step=link-public-press] .s2f-link-friends-picker{display:block}[data-demo=link][data-step=link-friends] .s2f-link-form-scroll,[data-demo=link][data-step=link-friends-ready] .s2f-link-form-scroll,[data-demo=link][data-step=link-public-press] .s2f-link-form-scroll{transform:translateY(-64px)}[data-demo=link][data-step=link-friends] .s2f-link-scope-public,[data-demo=link][data-step=link-friends-ready] .s2f-link-scope-public,[data-demo=link][data-step=link-public-press] .s2f-link-scope-public{border-color:var(--color-border);background:transparent;opacity:.7}[data-demo=link][data-step=link-friends] .s2f-link-public-radio i,[data-demo=link][data-step=link-friends-ready] .s2f-link-public-radio i,[data-demo=link][data-step=link-public-press] .s2f-link-public-radio i{opacity:0}[data-demo=link][data-step=link-friends] .s2f-link-scope-friends,[data-demo=link][data-step=link-friends-ready] .s2f-link-scope-friends,[data-demo=link][data-step=link-public-press] .s2f-link-scope-friends{border-color:var(--color-primary);background:rgb(var(--color-primary-rgb) / .1);opacity:1}[data-demo=link][data-step=link-friends] .s2f-link-friends-radio,[data-demo=link][data-step=link-friends-ready] .s2f-link-friends-radio,[data-demo=link][data-step=link-public-press] .s2f-link-friends-radio{border-color:transparent}[data-demo=link][data-step=link-friends] .s2f-link-friends-radio i,[data-demo=link][data-step=link-friends-ready] .s2f-link-friends-radio i,[data-demo=link][data-step=link-public-press] .s2f-link-friends-radio i{opacity:1}[data-demo=link][data-step=link-preview] .s2f-link-modal,[data-demo=link][data-step=link-preview-exit] .s2f-link-modal{padding:0;background:var(--color-card);transform:translateY(0)}[data-demo=link][data-step=link-preview] .s2f-link-form-card,[data-demo=link][data-step=link-preview-exit] .s2f-link-form-card{height:100%;max-height:none;border:0;border-radius:0;box-shadow:none}[data-demo=link][data-step=link-preview] .s2f-link-form-scroll,[data-demo=link][data-step=link-preview-exit] .s2f-link-form-scroll{height:100%;transform:none}[data-demo=link][data-step=link-preview] .s2f-link-note,[data-demo=link][data-step=link-preview-exit] .s2f-link-note,[data-demo=link] .s2f-link-selected-count{display:none}[data-demo=link] .s2f-link-recipient-check{color:transparent}[data-demo=link][data-step=link-preview] .s2f-link-all-friends,[data-demo=link][data-step=link-preview-exit] .s2f-link-all-friends{display:none}[data-demo=link][data-step=link-preview] .s2f-link-selected-count,[data-demo=link][data-step=link-preview-exit] .s2f-link-selected-count{display:inline}[data-demo=link][data-step=link-preview] .s2f-link-preview-selected,[data-demo=link][data-step=link-preview-exit] .s2f-link-preview-selected{color:var(--color-primary);border-color:var(--color-primary)}[data-demo=link][data-step=link-preview] .s2f-link-scope-public,[data-demo=link][data-step=link-preview-exit] .s2f-link-scope-public{border-color:var(--color-border);background:transparent;opacity:.7}[data-demo=link][data-step=link-preview] .s2f-link-public-radio i,[data-demo=link][data-step=link-preview-exit] .s2f-link-public-radio i{opacity:0}[data-demo=link][data-step=link-preview] .s2f-link-scope-friends,[data-demo=link][data-step=link-preview-exit] .s2f-link-scope-friends{border-color:var(--color-primary);background:rgb(var(--color-primary-rgb) / .1);opacity:1}[data-demo=link][data-step=link-preview] .s2f-link-friends-radio,[data-demo=link][data-step=link-preview-exit] .s2f-link-friends-radio{border-color:transparent}[data-demo=link][data-step=link-preview] .s2f-link-friends-radio i,[data-demo=link][data-step=link-preview-exit] .s2f-link-friends-radio i{opacity:1}[data-demo=link] .s2f-link-speed-chip{display:inline-flex;align-items:center;padding:2px 6px;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);background:var(--color-card);font-size:9px;line-height:1.2;white-space:nowrap}[data-demo=link] .s2f-link-speed-chip.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}[data-demo=link][data-step=link-preview] .s2f-link-intro-check,[data-demo=link][data-step=link-preview-exit] .s2f-link-intro-check,[data-demo=link][data-step=link-intro-off] .s2f-link-intro-check,[data-demo=link][data-step=link-verse-ready] .s2f-link-intro-check,[data-demo=link][data-step=link-friends] .s2f-link-intro-check,[data-demo=link][data-step=link-friends-ready] .s2f-link-intro-check,[data-demo=link][data-step=link-public-press] .s2f-link-intro-check,[data-demo=link][data-step=link-public-selected] .s2f-link-intro-check,[data-demo=link][data-step=link-public-ready] .s2f-link-intro-check,[data-demo=link][data-step=link-create] .s2f-link-intro-check{color:transparent;border:1px solid #94a3b8;background:#fff}[data-demo=link][data-step=link-preview] .s2f-link-intro-speeds,[data-demo=link][data-step=link-preview-exit] .s2f-link-intro-speeds,[data-demo=link][data-step=link-intro-off] .s2f-link-intro-speeds,[data-demo=link][data-step=link-verse-ready] .s2f-link-intro-speeds,[data-demo=link][data-step=link-friends] .s2f-link-intro-speeds,[data-demo=link][data-step=link-friends-ready] .s2f-link-intro-speeds,[data-demo=link][data-step=link-public-press] .s2f-link-intro-speeds,[data-demo=link][data-step=link-public-selected] .s2f-link-intro-speeds,[data-demo=link][data-step=link-public-ready] .s2f-link-intro-speeds,[data-demo=link][data-step=link-create] .s2f-link-intro-speeds{opacity:.35}[data-demo=link] .s2f-link-handoff-copy,[data-demo=link] .s2f-link-browser-home,[data-demo=link] .s2f-link-browser-shell,[data-demo=link] .s2f-link-browser-open-copy,[data-demo=link] .s2f-link-browser-type-copy{opacity:0}[data-demo=link][data-step=link-handoff] .s2f-link-handoff-copy,[data-demo=link][data-step=link-browser-open] .s2f-link-browser-home,[data-demo=link][data-step=link-browser-open] .s2f-link-browser-open-copy,[data-demo=link][data-step=link-browser-launch] .s2f-link-browser-home,[data-demo=link][data-step=link-browser-launch] .s2f-link-browser-open-copy,[data-demo=link][data-step=link-browser-type] .s2f-link-browser-shell,[data-demo=link][data-step=link-browser-type] .s2f-link-browser-type-copy{opacity:1}[data-demo=link] .s2f-link-browser-home,[data-demo=link] .s2f-link-browser-shell,[data-demo=link] .s2f-link-handoff-copy,[data-demo=link] .s2f-link-browser-open-copy,[data-demo=link] .s2f-link-browser-type-copy{transition:opacity .26s ease}[data-demo=link] .s2f-link-mobile-status{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#ffffffc7;font-size:9px}[data-demo=link] .s2f-link-mobile-status>span{display:flex;align-items:flex-end;gap:2px}[data-demo=link] .s2f-link-mobile-status i{width:2px;background:currentColor;border-radius:2px}[data-demo=link] .s2f-link-mobile-status i:nth-child(1){height:3px}[data-demo=link] .s2f-link-mobile-status i:nth-child(2){height:5px}[data-demo=link] .s2f-link-mobile-status i:nth-child(3){height:7px}[data-demo=link] .s2f-link-mobile-status b{width:13px;height:7px;margin-left:3px;border:1px solid currentColor;border-radius:2px;box-shadow:inset 0 0 0 1.5px #111318;background:currentColor}[data-demo=link] .s2f-link-browser-app{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#38bdf8,#2563eb);box-shadow:0 10px 28px #00000059}[data-demo=link] .s2f-link-address-text{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;opacity:0}[data-demo=link][data-step=link-browser-type] .s2f-link-address-placeholder{display:none}[data-demo=link][data-step=link-browser-type] .s2f-link-address-text{max-width:290px;opacity:1;transition:max-width 1.2s steps(32,end),opacity .12s ease}[data-demo=link] .s2f-link-loop-track{--s2f-link-rail-top: .75rem;--s2f-link-rail-height: .375rem;--s2f-link-band-top: .625rem;--s2f-link-handle-width: 1rem}[data-demo=link] .s2f-link-progress-rail{top:var(--s2f-link-rail-top);height:var(--s2f-link-rail-height)}[data-demo=link] .s2f-link-loop-band{left:var(--lo);width:calc(var(--hi) - var(--lo));top:var(--s2f-link-band-top);height:27px;display:flex;align-items:center;justify-content:center;padding:5px 3px 0;border-radius:2px 2px 6px 6px;color:#facc15;font-size:9px;font-weight:500;line-height:1;overflow:hidden}[data-demo=link] .s2f-link-loop-handle{left:var(--edge);transform:translate(-50%);width:var(--s2f-link-handle-width)}[data-demo=link] .s2f-link-loop-band i{position:absolute;inset:0;border-radius:inherit;background:#facc15;opacity:.1}[data-demo=link] .s2f-link-loop-band:before{content:"";position:absolute;z-index:1;inset:calc(var(--s2f-link-rail-top) - var(--s2f-link-band-top)) 0 auto;height:var(--s2f-link-rail-height);border-radius:999px;background:#facc15;opacity:.5}[data-demo=link] .s2f-link-loop-band span{position:relative;z-index:2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / .75)}[data-demo=link] .s2f-link-mini-key{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);font-size:13px;font-weight:600}[data-demo=link] .s2f-link-tool{position:relative;width:46px;height:43px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-card);color:var(--color-text);font-size:15px}[data-demo=link] .s2f-link-tool small{color:var(--color-muted);font-size:8px;line-height:1}[data-demo=link] .s2f-link-tool b{position:absolute;right:-3px;top:-4px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--color-primary);color:#fff;font-size:8px;line-height:15px;text-align:center}[data-demo][data-demo=link][data-step=link-received] .s2f-link-receiver{animation:s2f-link-received .42s cubic-bezier(.34,1.56,.64,1) both}@keyframes s2f-link-received{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 420px){[data-demo=link].s2f-link-stage{height:540px}}@media (prefers-reduced-motion: reduce){[data-demo=link] .s2f-link-library,[data-demo=link] .s2f-link-modal,[data-demo=link] .s2f-link-success,[data-demo=link] .s2f-link-browser,[data-demo=link] .s2f-link-receiver{transition:none;animation:none}}.s2f-display{font-size:clamp(3rem,3.4vw + 1.2rem,5.5rem);line-height:1.03}.s2f-h2{font-size:clamp(1.875rem,2.2vw + .6rem,3.25rem);line-height:1.08}.s2f-lead{font-size:clamp(1rem,.55vw + .75rem,1.3rem);line-height:1.6}.s2f-stage-width{width:calc(min(95vw,calc((100dvh - 160px) * 16 / 9),1600px) * var(--demo-scale, 1));max-width:none;margin-left:50%;transform:translate(-50%)}