.spx-k{color:var(--ink-3)}.spx-sec{padding-block:var(--sp-7) var(--sp-9)}.spx-note{color:var(--ink-3);max-width:72ch;font-size:var(--fs-small);margin-block-start:var(--sp-5)}.spx-note strong{color:var(--ink-2);font-weight:500}.sx{gap:var(--sp-5);display:grid}.sx-stage{aspect-ratio:16/9;background:var(--night);touch-action:manipulation;position:relative;overflow:hidden}.sx-stage picture,.sx-stage img,.sx-stage canvas{width:100%;height:100%;position:absolute;inset:0}.sx-stage img,.sx-stage canvas{object-fit:cover}.sx-stage canvas{opacity:0;transition:opacity .6s var(--ease-soft)}.sx--live .sx-stage canvas{opacity:1}.sx--live .sx-stage{cursor:crosshair}.sx-load{color:var(--on-night);background:#0f0f0eb8;padding:6px 10px;position:absolute;inset-block-end:12px;inset-inline-start:12px}.sx-load .code{font-size:inherit;color:var(--on-night-2);margin-inline-start:6px}.sx-nogl{color:var(--ink-2)}.sx-tip{z-index:2;white-space:nowrap;background:var(--night);color:var(--on-night);animation:sx-tip .22s var(--ease-out) both;align-items:baseline;gap:12px;padding:8px 12px;display:inline-flex;position:absolute;transform:translate(-50%,calc(-100% - 16px));box-shadow:0 10px 30px -12px #0009}.sx-tip:after{content:"";background:var(--night);width:12px;height:12px;position:absolute;inset-block-end:-6px;inset-inline-start:50%;transform:translate(-50%)rotate(45deg)}.sx-tip-go{color:#d4b056}.sx-tip:hover .sx-tip-go,.sx-tip:focus-visible .sx-tip-go{text-underline-offset:3px;text-decoration:underline}@keyframes sx-tip{0%{opacity:0;transform:translate(-50%,calc(-100% - 8px))}}@media (max-aspect-ratio:4/5){.sx-stage{aspect-ratio:auto;z-index:3;height:min(56svh,178vw);margin-inline:calc(var(--margin) * -1);position:sticky;top:0}}.sx-scenes{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sx-k{color:var(--ink-3);margin-inline-end:8px}.sx-scene{border:1px solid var(--edge);min-height:40px;font-size:var(--fs-small);transition:background-color var(--d-ui) var(--ease-soft), color var(--d-ui) var(--ease-soft), border-color var(--d-ui);padding:0 16px;font-weight:500}.sx-scene:hover:not([disabled]){border-color:var(--ink)}.sx-scene[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sx-scene[disabled]{opacity:.45;cursor:default}.sx-groups{border-block-start:var(--hair-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin-block-start:var(--sp-4);display:grid}.sx-g{border-block-end:var(--hair);transition:background-color var(--d-ui) var(--ease-soft);align-content:start;gap:10px;padding:18px 20px 20px 0;display:grid}@media (min-width:700px){.sx-g{box-shadow:inset 1px 0 0 var(--rule);padding-inline-start:16px}}.sx-g.is-pointed{background:var(--paper-2)}.sx-g-head{align-items:center;gap:14px;display:flex}.sx-g-name{flex-wrap:wrap;align-items:baseline;gap:10px;font-weight:500;line-height:1.3;display:flex}.sx-n{color:var(--ink-3);font-size:var(--fs-micro)}.sx-sw{border-radius:var(--r-pill);width:40px;height:22px;box-shadow:inset 0 0 0 1px var(--edge);transition:background-color var(--d-ui) var(--ease-soft), box-shadow var(--d-ui);flex:none;position:relative}.sx-sw i{border-radius:var(--r-pill);background:var(--ink-3);width:14px;height:14px;transition:transform var(--d-ui) var(--ease-out), background-color var(--d-ui);position:absolute;inset-block-start:4px;inset-inline-start:4px}.sx-sw[aria-pressed=true]{background:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.sx-sw[aria-pressed=true] i{background:rgb(var(--cct-2700));box-shadow:0 0 10px 1px rgb(var(--cct-2700) / .7);transform:translate(18px)}.sx-sw[disabled]{opacity:.45;cursor:default}.sx-dim{color:var(--ink-2);justify-content:space-between;align-items:baseline;margin-block-start:4px;display:flex}.sx-dim output{font-size:var(--fs-micro);color:var(--ink-2)}.sx-g input[type=range]{appearance:none;cursor:pointer;--track:linear-gradient(var(--ink), var(--ink)) 0 50% / var(--v,0%) 2px no-repeat, linear-gradient(var(--rule-2), var(--rule-2)) 0 50% / 100% 2px no-repeat;background:0 0;width:100%;height:28px;margin:0}.sx-g input[type=range]::-webkit-slider-runnable-track{background:var(--track);height:28px}.sx-g input[type=range]::-moz-range-track{background:var(--track);height:28px}.sx-g input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--r-pill);background:var(--ink);border:3px solid var(--paper);width:18px;height:18px;box-shadow:0 0 0 1px var(--ink);margin-top:5px}.sx-g input[type=range]::-moz-range-thumb{border-radius:var(--r-pill);background:var(--ink);border:3px solid var(--paper);width:12px;height:12px;box-shadow:0 0 0 1px var(--ink)}.sx-g input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:none}.sx-g input[type=range][disabled]{opacity:.45;cursor:default}.sx-cct{border:0;flex-wrap:wrap;gap:6px;padding:0;display:flex}.sx-cct legend{color:var(--ink-3);float:left;width:100%;margin-block-end:6px;padding:0}.sx-chip{border:1px solid var(--rule-2);cursor:pointer;min-height:34px;transition:border-color var(--d-ui), background-color var(--d-ui);align-items:center;gap:8px;padding:0 10px;display:inline-flex;position:relative}.sx-chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sx-chip i,.sx-one i{border-radius:var(--r-pill);flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0000002e}.sx-chip .code{font-size:var(--fs-micro)}.sx-chip:has(input:checked){border-color:var(--ink);background:var(--paper-2)}.sx-chip:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.sx-cct[disabled] .sx-chip{opacity:.45;cursor:default}.sx-one{color:var(--ink-2);align-items:center;gap:8px;display:inline-flex}.sx-kind{color:var(--ink-3)}.sx-kind[data-kind=measured]{color:var(--brass-ink)}.spx-list{gap:var(--sp-8);padding-block:var(--sp-8) var(--sp-9);display:grid}.spx-card{gap:var(--sp-4);display:grid}.spx-card figure{aspect-ratio:16/9;background:var(--night);position:relative;overflow:hidden}.spx-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--d-slow) var(--ease-out)}.spx-card a:hover img{transform:scale(1.015)}.spx-card h2{font-size:var(--fs-h3)}.spx-card p{color:var(--ink-2);max-width:60ch}.spx-prods{border-block-start:var(--hair-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.spx-prods li{border-block-end:var(--hair)}.spx-prods a{transition:background-color var(--d-ui);grid-template-columns:1fr auto;gap:4px 16px;padding:14px 16px 14px 0;display:grid}.spx-prods a:hover,.spx-prods a:focus-visible{background:var(--paper-2)}.spx-prods .label{color:var(--ink-3);grid-column:1/-1}@media (prefers-reduced-motion:reduce){.sx-stage canvas,.sx-tip,.sx-sw,.sx-sw i,.spx-card img{transition:none;animation:none}}@media (min-width:1100px) and (min-aspect-ratio:4/5){.sx{align-items:start;gap:var(--sp-6);grid-template-columns:minmax(0,1fr) clamp(320px,26vw,400px)}.sx-stage{top:calc(var(--hdr-h) + 20px);position:sticky}.sx-nogl{grid-column:1}.sx-panel{grid-area:1/2/span 2}.sx-groups{grid-template-columns:1fr}.sx-g{box-shadow:none;padding-block:16px 18px;padding-inline-start:0}.sx-g.is-pointed{box-shadow:-12px 0 0 var(--paper-2), 12px 0 0 var(--paper-2)}}.spx-cat{padding-block:var(--sp-9);border-block-start:var(--hair);gap:var(--sp-6);display:grid}.spx-cat-h{gap:var(--sp-3);max-width:62ch;display:grid}.spx-cat-h p{color:var(--ink-2)}.spx-cat-list{gap:var(--sp-8);display:grid}.spx-cat-item{gap:var(--sp-4);display:grid}.spx-cat-cap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.scx{gap:var(--sp-3);display:grid}.scx-stage{aspect-ratio:16/9;background:var(--night);position:relative;overflow:hidden}.scx-stage img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scx-alone{transition:opacity 1.6s var(--ease-soft);position:absolute;inset:0}.scx--all .scx-alone{opacity:0}.scx-sw{gap:8px;display:flex}.scx-sw button{border:1px solid var(--edge);min-height:40px;font-size:var(--fs-small);padding:0 16px;font-weight:500}.scx-sw button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (max-aspect-ratio:4/5){.scx-stage{aspect-ratio:1200/2136;max-height:78svh}}@media (prefers-reduced-motion:reduce){.scx-alone{transition:none}}.spx-more{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin-block-start:var(--sp-5);display:grid}.spx-more a{gap:10px;display:grid}.spx-more picture{aspect-ratio:16/9;background:var(--night);display:block;overflow:hidden}.spx-more img{object-fit:cover;width:100%;height:100%;transition:transform var(--d-slow) var(--ease-out)}.spx-more a:hover img{transform:scale(1.03)}@media (prefers-reduced-motion:reduce){.spx-more img{transition:none}}.sx-rail{z-index:2;inset-inline-end:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0f0e9e;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sx-rail button{min-height:36px;color:var(--on-night);transition:background-color var(--d-ui) var(--ease-soft);align-items:center;gap:8px;padding:0 10px 0 8px;display:flex}.sx-rail button i{border-radius:var(--r-pill);flex:none;width:14px;height:14px;box-shadow:0 0 0 1px #ffffff40}.sx-rail button .code{font-size:var(--fs-micro);color:inherit}.sx-rail button:hover:not([disabled]){background:#ffffff14}.sx-rail button[aria-pressed=true]{background:#ffffff29;box-shadow:inset 2px 0 #d4b056}.sx-rail button[disabled]{opacity:.45;cursor:default}.sx-rail .sx-rail-own{font-size:var(--fs-micro);border-block-start:1px solid #ffffff24;justify-content:center;margin-block-start:4px;padding-block-start:2px;font-weight:500}.sx-railnote{color:var(--ink-2)}.sx-cct.is-over .sx-chip{opacity:.4}@media (max-aspect-ratio:4/5){.sx-rail{top:auto;bottom:12px;flex-flow:wrap;justify-content:center;inset-inline:12px;transform:none}.sx-rail button{min-height:34px;padding:0 8px}.sx-rail .sx-rail-own{border-block-start:0;margin:0}}.lcx-stage{aspect-ratio:16/9;background:var(--night);position:relative;overflow:hidden}.lcx-stage picture{opacity:0;transition:opacity .9s var(--ease-soft);position:absolute;inset:0}.lcx-stage picture.is-on{opacity:1}.lcx-stage img{object-fit:cover;width:100%;height:100%}.lcx-rail button{flex-wrap:wrap;row-gap:0}.lcx-rail small{color:var(--on-night-2);font-size:11px;font-family:var(--font-mono);flex-basis:100%;padding-inline-start:22px}@media (max-aspect-ratio:4/5){.lcx-stage{aspect-ratio:1200/2136;max-height:80svh}.lcx-rail small{display:none}}@media (prefers-reduced-motion:reduce){.lcx-stage picture{transition:none}}.gdx{padding-block:var(--sp-8) var(--sp-9);gap:var(--sp-9);border-block-end:var(--hair);display:grid}.gdx-item{gap:var(--sp-5);display:grid}.gdx-h{gap:var(--sp-3);max-width:70ch;display:grid}.gdx-h p{color:var(--ink-2)}.gdx-foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.gdx-film{gap:var(--sp-3);display:grid}.gdx-film video{background:var(--night);width:100%;height:auto}