@layer theme,base;@layer components{.st-build-row{position:relative}.st-build-row:before{content:"";inset-block:0;background:var(--st-copper);opacity:0;border-radius:2px;width:3px;transition:opacity .3s;position:absolute;left:-.75rem}.st-build:has([data-strip=all]:checked) .st-build-row[data-row=sheath]:before{opacity:1}.st-build:has([data-strip=braid]:checked) .st-build-row[data-row=braid]:before{opacity:1}.st-build:has([data-strip=foil]:checked) .st-build-row[data-row=foil]:before{opacity:1}.st-build:has([data-strip=pairs]:checked) .st-build-row[data-row=pair]:before{opacity:1}.st-build:has([data-strip=braid]:checked) .st-cd-slide[data-layer=sheath]{transform:translate(-760px)}.st-build:has([data-strip=foil]:checked) .st-cd-slide:is([data-layer=sheath],[data-layer=braid]){transform:translate(-760px)}.st-build:has([data-strip=pairs]:checked) .st-cd-slide{transform:translate(-760px)}.st-build-dim{display:none}:is(.st-build:has([data-strip=all]:checked) .st-build-dim[data-for=all],.st-build:has([data-strip=braid]:checked) .st-build-dim[data-for=braid],.st-build:has([data-strip=foil]:checked) .st-build-dim[data-for=foil],.st-build:has([data-strip=pairs]:checked) .st-build-dim[data-for=pairs]){display:flex}.st-build [data-layer=foil]{--row:3}.st-build [data-layer=braid]{--row:5}.st-build [data-layer=sheath]{--row:6}@keyframes st-row-light{0%{opacity:.22;background-color:#0000}25%{opacity:1;background-color:color-mix(in srgb, var(--st-copper) 16%, transparent)}to{opacity:1;background-color:#0000}}@keyframes st-slide-in{0%{transform:translate(-760px)}to{transform:translateX(var(--pull))}}@keyframes st-develop{0%{clip-path:inset(0 100% 0 0);filter:saturate(0)brightness(1.5)}60%{filter:saturate(.4)brightness(1.15)}to{clip-path:inset(0);filter:none}}.st-chip{cursor:pointer;border:1px solid var(--st-line);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;min-height:2.5rem;padding:0 .95rem;font-size:.875rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.st-chip:hover{border-color:currentColor}.st-chip:active{transform:scale(.96)}.st-chip:has(:checked){border-color:var(--ink);background:var(--ink);color:var(--ink-foreground)}.st-surface[data-dark] .st-chip:has(:checked){border-color:var(--ink-foreground);background:var(--ink-foreground);color:var(--ink)}.st-chip:has(:focus-visible){outline:2px solid var(--ring);outline-offset:2px}@media screen and (prefers-reduced-motion:no-preference){:root[data-reveal] .st-build[data-motion]:not([data-seen]) .st-build-row{opacity:.22}:root[data-reveal] .st-build[data-motion][data-seen=""] .st-build-row{animation:st-row-light 1s ease calc(var(--i,0) * .28s) both}:root[data-reveal] .st-build[data-motion]:not([data-seen]) .st-cd-slide{transition:none;transform:translate(-760px)}:root[data-reveal] .st-build[data-motion][data-seen=""] .st-cd-slide{animation:st-slide-in .9s cubic-bezier(.3, .7, .2, 1) calc(var(--row,0) * .28s) backwards}:root[data-reveal] .st-build[data-motion]:not([data-seen]) .st-build-picture{clip-path:inset(0 100% 0 0)}:root[data-reveal] .st-build[data-motion][data-seen=""] .st-build-picture{animation:1.5s cubic-bezier(.5,0,.2,1) 2.3s both st-develop}}}@layer utilities;