@layer theme,base;@layer components{.xps{--xps-line:var(--st-line,color-mix(in srgb, currentColor 22%, transparent));--xps-quiet:var(--st-quiet,color-mix(in srgb, currentColor 58%, transparent));--xps-copper:var(--st-copper,var(--brand));--xps-sheath:var(--st-sheath,var(--ink));--xps-sheath-edge:var(--st-sheath-edge,#4b5560);--xps-bed:var(--st-bed,var(--card));border:1px solid var(--xps-line);border-radius:1.5rem;padding:1.25rem;container-type:inline-size}[data-surface=ink] .xps{--xps-copper:var(--brand-on-ink);--xps-sheath:#262e38;--xps-sheath-edge:#6a7480;--xps-bed:#1a2029}.xps-figure{margin:0;display:grid}.xps-stage{aspect-ratio:16/9}.xps-art{width:100%;height:100%;font-family:var(--font-mono);display:block;overflow:visible}.xps-art [data-fx]{transform-box:fill-box;transform-origin:50%}.xps-art [data-fx=grow-x]{transform-origin:0}.xps-art [data-fx=grow-y]{transform-origin:bottom}.xps-art [data-fx=draw]{stroke-dasharray:1}.xps-art [data-static=hidden]{opacity:0}@media screen and (prefers-reduced-motion:no-preference){:root[data-reveal][data-reveal-players] .xps-figure:is([data-autoplay=view],[data-autoplay=loop])[data-state=idle] .xps-art [data-fx]:not([data-fx=pulse],[data-in="0"]){opacity:0}:root[data-reveal][data-reveal-players] .xps-figure:is([data-autoplay=view],[data-autoplay=loop])[data-state=idle] .xps-art [data-fx][data-in="0"]{opacity:1}:root[data-reveal][data-reveal-players] .xps-figure:is([data-autoplay=view],[data-autoplay=loop])[data-state=idle] .xps-steps [data-fx=step]{opacity:.45}}.xps-track{background:var(--xps-line);height:1px;margin-top:1rem;display:block;position:relative}.xps-progress{background:var(--xps-copper);transform-origin:0;position:absolute;inset:-.5px 0;transform:scaleX(0)}.xp:is([data-state=done],[data-state=playing],[data-state=paused]) .xps-progress{transform:scaleX(1)}.xps-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;min-height:2.75rem;padding-block:.6rem;display:flex}.xps-title{color:var(--xps-quiet);text-wrap:balance;flex:13rem}.xps-steps{margin:0;padding:0;list-style:none;display:grid}.xps-steps>li{border-top:1px solid var(--xps-line);text-wrap:pretty;grid-template-columns:2.25rem minmax(0,1fr);align-items:baseline;padding-block:.6rem;font-size:.9375rem;line-height:1.4;display:grid}.xps-steps .xps-n{color:var(--xps-copper);font-size:15px}@container (min-width:40rem){.xps-steps{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;column-gap:1.5rem}.xps-steps>li{grid-template-columns:minmax(0,1fr);align-content:start;gap:.5rem;padding-block:.8rem 0}}.xps-controls{flex:none;gap:.4rem;display:flex}:root[data-reveal-players] .xps-head>.xps-controls{justify-content:flex-end;min-width:17rem;min-height:2rem}@container (max-width:34rem){:root[data-reveal-players] .xps-head>.xps-controls{flex-basis:100%;justify-content:flex-start}}.xps-btn{cursor:pointer;border:1px solid var(--xps-line);min-height:2rem;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:0 .8rem 0 .7rem;font-size:11px;font-weight:500;transition:border-color .2s,transform .2s;display:inline-flex}.xps-btn:hover{border-color:currentColor}.xps-btn:active{transition-duration:60ms;transform:scale(.95)}.xps-btn:focus-visible{outline:2px solid var(--xps-copper);outline-offset:2px}.xps-btn>svg{width:.625rem;height:.625rem;color:var(--xps-copper)}.xs-l,.xs-q,.xs-i,.xs-dim{fill:none;stroke:var(--xps-line);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.xs-q,.xs-dim{stroke:var(--xps-quiet)}.xs-i{stroke:currentColor;stroke-width:1.25px}.xs-c{fill:none;stroke:var(--illustration-copper);stroke-width:.7px;stroke-linecap:round;stroke-linejoin:round}.xs-cc{stroke-width:1.3px}.xs-sheet{fill:var(--xps-bed);stroke:var(--xps-line);stroke-width:1px;vector-effect:non-scaling-stroke}.xs-on{stroke:var(--xps-copper);stroke-width:1.5px}.xs-ink{fill:currentColor}.xs-bed{fill:var(--xps-bed)}.xs-tint{fill:var(--illustration-copper);opacity:.16}.xs-sh,.xs-br,.xs-brr,.xs-fo,.xs-fof,.xs-tw,.xs-in,.xs-cu{stroke:var(--xps-sheath-edge);stroke-width:.75px;vector-effect:non-scaling-stroke}.xs-sh{fill:var(--xps-sheath)}.xs-br{fill:url(#st-paint-braid)}.xs-brr{fill:var(--illustration-shield);stroke:var(--illustration-shield-edge);stroke-dasharray:1.5 1.5}.xs-fo{fill:url(#st-paint-foil)}.xs-fof{fill:#e9ecef;stroke:#9aa1a8}.xs-tw{fill:url(#st-paint-twist)}.xs-in{fill:var(--illustration-insulation);stroke:var(--illustration-insulation-edge)}.xs-cu{fill:var(--illustration-copper);stroke:var(--illustration-copper-edge);stroke-width:.5px}.xs-wire :is(.xs-sh,.xs-br,.xs-fo,.xs-tw,.xs-in,.xs-cu){fill:none;stroke:var(--xps-quiet)}.xs-wire .xs-po{display:none}.xs-lit{fill:var(--illustration-copper);stroke:var(--copper-glow);stroke-width:1.75px;stroke-dasharray:none}.xs-ring{fill:none;stroke:var(--illustration-copper);stroke-width:.5px}.xs-cu.xs-lit{fill:var(--copper-glow)}.xs-t{fill:var(--xps-quiet);letter-spacing:.14em;text-transform:uppercase;font-size:5.6px;font-weight:500}.xs-k{fill:currentColor;font-size:6.4px}.xs-v{fill:var(--xps-copper);font-variant-numeric:tabular-nums;font-size:6.4px}.xs-p{fill:currentColor;font-family:var(--font-cable-print), ui-monospace, monospace;font-size:7px}.xs-po{fill:#c5cbd1;stroke:none;font-family:var(--font-cable-print), ui-monospace, monospace;font-size:15px}.xs-big{font-size:13px}.xs-m{text-anchor:middle}.xs-e{text-anchor:end}.xs-dimmed{opacity:.35}.xs-pulse{fill:var(--copper-glow);stroke:var(--illustration-copper);stroke-width:.5px;stroke-dasharray:none;offset-distance:100%;offset-rotate:0deg}.xp[data-state=playing] .xs-pulse{animation:1.5s cubic-bezier(.4,0,.3,1) infinite xs-travel}@supports not (offset-path:path("M0 0h1")){.xs-pulse{display:none}}}@layer utilities;@keyframes xs-travel{0%{offset-distance:0%}to{offset-distance:100%}}