.sv{background:linear-gradient(to bottom, color-mix(in oklch, var(--muted), var(--background) 45%), var(--muted));padding:.875rem;position:relative;overflow:hidden}.sv-grid:before{content:"";background-image:radial-gradient(color-mix(in oklch, var(--foreground), transparent 92%) 1px, transparent 1px);pointer-events:none;background-size:10px 10px;position:absolute;inset:0;mask-image:radial-gradient(#000 25%,#0000 80%)}.sv-boxed{border:1px solid var(--border);border-radius:.75rem}.sv-flush{border-bottom:1px solid var(--border)}.sv-sheet{border:1px solid var(--border);background:var(--background);border-radius:.5rem;box-shadow:0 1px 3px #0000000a}.sv-win{border:1px solid var(--border);background:var(--background);border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 6px -1px #0000000f,0 1px 2px -1px #0000000a}.sv-win-brand{border-color:var(--color-primary-500)}.sv-win-row{flex-direction:row}.sv-bar{border-bottom:1px solid var(--border);background:color-mix(in oklch, var(--muted), var(--background) 35%);flex-shrink:0;align-items:center;gap:.25rem;padding:.3125rem .4375rem;display:flex}.sv-dot{background:color-mix(in oklch, var(--foreground), transparent 82%);border-radius:9999px;flex-shrink:0;width:.3125rem;height:.3125rem;display:block}.sv-dot:nth-child(2),.sv-dot:nth-child(3){background:color-mix(in oklch, var(--foreground), transparent 90%)}.sv-field{background:color-mix(in oklch, var(--foreground), transparent 95%);border-radius:9999px;flex:1;align-items:center;gap:.25rem;min-width:0;padding:.125rem .375rem;display:flex}.sv-rail{border-right:1px solid var(--border);background:color-mix(in oklch, var(--muted), var(--background) 55%);flex-direction:column;flex-shrink:0;gap:.25rem;padding:.375rem .3125rem;display:flex}.sv-row+.sv-row{border-top:1px solid color-mix(in oklch, var(--border), transparent 40%)}.sv-line{background:color-mix(in oklch, var(--foreground), transparent 88%);border-radius:9999px;height:.375rem;display:block}.sv-line-strong{background:color-mix(in oklch, var(--foreground), transparent 70%)}.sv-line-brand{background:var(--color-primary-500)}.sv-line-soft{background:color-mix(in oklch, var(--foreground), transparent 93%)}.reveal.is-visible .sv-seq{animation-delay:calc(var(--d,0) * 1ms);animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both}@keyframes sv-in{0%{opacity:0;transform:translateY(6px)}}.reveal.is-visible .sv-in{animation-name:sv-in;animation-duration:.45s}@keyframes sv-pop{0%{opacity:0;transform:scale(.8)}}.reveal.is-visible .sv-pop{animation-name:sv-pop;animation-duration:.4s}@keyframes sv-fill{0%{transform:scaleX(0)}}.reveal.is-visible .sv-fill{transform-origin:0;animation-name:sv-fill;animation-duration:.55s}@keyframes sv-grow{0%{transform:scaleY(0)}}.reveal.is-visible .sv-grow{transform-origin:bottom;animation-name:sv-grow;animation-duration:.6s}.sv-draw{stroke-dasharray:1;stroke-dashoffset:0}@keyframes sv-draw{0%{stroke-dashoffset:1px}}.reveal.is-visible .sv-draw{animation-name:sv-draw;animation-duration:.9s;animation-timing-function:cubic-bezier(.16,1,.3,1)}@keyframes sv-wipe{0%{clip-path:inset(0 100% 0 0)}}.reveal.is-visible .sv-wipe{animation-name:sv-wipe;animation-duration:.9s}@keyframes sv-travel{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:100%}}.reveal.is-visible .sv-travel{animation-name:sv-travel;animation-duration:1.4s;animation-timing-function:linear}@keyframes sv-type{0%{clip-path:inset(0 100% 0 0)}}.reveal.is-visible .sv-type{animation-name:sv-type;animation-duration:.7s}@keyframes sv-caret{0%,to{opacity:0}8%,60%{opacity:1}30%,45%{opacity:0}}.reveal.is-visible .sv-caret{animation-name:sv-caret;animation-duration:1.6s;animation-timing-function:step-end}@keyframes sv-scan{0%{opacity:0;transform:translateY(-110%)}15%,80%{opacity:1}to{opacity:0;transform:translateY(110%)}}.reveal.is-visible .sv-scan{animation-name:sv-scan;animation-duration:1.2s;animation-timing-function:cubic-bezier(.5,0,.5,1)}.sv-sweep{opacity:0;background:linear-gradient(to bottom, transparent, color-mix(in oklch, var(--color-primary-500), transparent 86%), transparent);pointer-events:none;height:55%;position:absolute;inset-inline:0}@keyframes sv-ping{0%{opacity:.55;transform:scale(.4)}to{opacity:0;transform:scale(2.2)}}.reveal.is-visible .sv-ping{animation-name:sv-ping;animation-duration:1.1s;animation-timing-function:cubic-bezier(0,0,.2,1)}@keyframes sv-light{0%{background-color:color-mix(in oklch, var(--foreground), transparent 92%);border-color:var(--border);color:var(--muted-foreground)}}.reveal.is-visible .sv-light{animation-name:sv-light;animation-duration:.42s;animation-timing-function:ease-out}@keyframes sv-flow{0%{opacity:0;stroke-dashoffset:1px}15%,85%{opacity:1}to{opacity:0;stroke-dashoffset:0}}.reveal.is-visible .sv-flow{animation-name:sv-flow;animation-duration:1.3s;animation-timing-function:cubic-bezier(.45,0,.3,1)}@keyframes sv-glide{0%{opacity:0;left:var(--x1,20%);top:var(--y1,20%)}18%,to{opacity:1}to{left:var(--x2,60%);top:var(--y2,60%)}}.reveal.is-visible .sv-glide{animation-name:sv-glide;animation-duration:.9s}@keyframes sv-progress{0%{transform:scaleX(0)}}.reveal.is-visible .sv-progress{transform-origin:0;animation-name:sv-progress;animation-duration:1s;animation-timing-function:cubic-bezier(.32,.9,.3,1)}.sc-card[data-active=false] .sv-seq{animation:none!important}.sc-card[data-active=false] .sv-travel,.sc-card[data-active=false] .sv-flow,.sc-card[data-active=false] .sv-scan,.sc-card[data-active=false] .sv-ping,.sc-card[data-active=false] .sv-caret,.sc-card[data-active=false] .sv-glide{display:none!important}@media (prefers-reduced-motion:reduce){.reveal.is-visible .sv-seq,.reveal.is-visible .sv-in,.reveal.is-visible .sv-pop,.reveal.is-visible .sv-fill,.reveal.is-visible .sv-grow,.reveal.is-visible .sv-draw,.reveal.is-visible .sv-wipe,.reveal.is-visible .sv-type,.reveal.is-visible .sv-light,.reveal.is-visible .sv-progress{animation:none!important}.reveal.is-visible .sv-travel,.reveal.is-visible .sv-caret,.reveal.is-visible .sv-scan,.reveal.is-visible .sv-ping,.reveal.is-visible .sv-flow,.reveal.is-visible .sv-glide{display:none!important}}.sc-card{--sc-ease:cubic-bezier(.16, 1, .3, 1);border-color:var(--border);transform-origin:50% 100%;opacity:1;transition:opacity .52s var(--sc-ease), scale .52s var(--sc-ease), translate .52s var(--sc-ease), box-shadow .52s var(--sc-ease), border-color .52s var(--sc-ease);translate:none;scale:1;box-shadow:0 10px 20px -3px #0000001a,0 4px 8px -4px #0000000d}.sc-card[data-active=false]{cursor:pointer;opacity:.72;border-color:color-mix(in oklch, var(--border), transparent 35%);scale:.962;box-shadow:0 1px 2px #0000000a}.sc-card .sv{transition:opacity .52s var(--sc-ease)}.sc-card[data-active=false] .sv{opacity:.78}@media (hover:hover){.sc-card[data-active=false]:hover{opacity:.93;border-color:var(--border);transition-duration:.24s;translate:0 -3px;scale:.985;box-shadow:0 6px 12px -2px #00000014,0 3px 6px -3px #0000000d}.sc-card[data-active=false]:hover .sv{opacity:.92;transition-duration:.24s}}.sc-card[data-active=false]:active{transition-duration:.11s;translate:0;scale:.952}.sc-track.is-dragging .sc-card[data-active=false]:hover{opacity:.72;transition-duration:0s;translate:none;scale:.962}.sc-card--highlight,.sc-card--highlight[data-active=false],.sc-card--highlight[data-active=false]:hover{border-color:#0000}.sc-track--container{--sc-inset:1.5rem}@media (width>=40rem){.sc-track--container{--sc-inset:calc(1.5rem + (100% - 40rem) / 2)}}@media (width>=48rem){.sc-track--container{--sc-inset:calc(1.5rem + (100% - 48rem) / 2)}}@media (width>=64rem){.sc-track--container{--sc-inset:calc(1.5rem + (100% - 64rem) / 2)}}@media (width>=80rem){.sc-track--container{--sc-inset:calc(1.5rem + (100% - 70rem) / 2)}}@media (width>=96rem){.sc-track--container{--sc-inset:calc(1.5rem + (100% - 86rem) / 2)}}@keyframes sc-card-in{0%{opacity:0;translate:0 18px}}.reveal.is-visible .sc-card{animation:sc-card-in .6s var(--sc-ease) backwards;animation-delay:calc(.26s + var(--d,0) * 1ms)}.sc-dot>span{transition:width .42s cubic-bezier(.16,1,.3,1),background-color .26s ease-out}.sc-arrow{transition:background-color .22s ease-out,color .22s ease-out,opacity .22s ease-out}@media (prefers-reduced-motion:reduce){.reveal.is-visible .sc-card{animation:none!important}.sc-card,.sc-card .sv,.sc-dot>span,.sc-arrow{transition:none!important}.sc-card[data-active=false],.sc-card[data-active=false]:hover,.sc-card[data-active=false]:active{translate:none;scale:1}}