.sgv{--sgv-bg:#121214;--sgv-ink:#eceae6;--sgv-sub:#9a978f;--sgv-panel:#1b1b1e;--sgv-chip:#2a2a2f;--sgv-chip-on:#eceae6;background:var(--sgv-bg);color:var(--sgv-ink);border-radius:12px;margin:0 0 2rem;transition:background-color .4s;overflow:hidden}.sgv[data-bg=gray]{--sgv-bg:#7a7a7a;--sgv-ink:#111;--sgv-sub:#2e2e2e;--sgv-panel:#707070;--sgv-chip:#8c8c8c;--sgv-chip-on:#111}.sgv[data-bg=white]{--sgv-bg:#fbf9f6;--sgv-ink:#222;--sgv-sub:#6b6760;--sgv-panel:#f5f0e8;--sgv-chip:#eae3d8;--sgv-chip-on:#222}.sgv [hidden]{display:none!important}.sgv-stage-wrap{aspect-ratio:4/3;position:relative}.sgv-stage{touch-action:none;cursor:grab;position:absolute;inset:0}.sgv-stage.is-dragging{cursor:grabbing}.sgv-stage canvas{width:100%;height:100%;display:block}.sgv-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sgv-axis-label{color:var(--sgv-sub);white-space:nowrap;font-size:11px;line-height:1;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.sgv-view-btns{z-index:2;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:12px}.sgv-view-btns .sgv-chip{pointer-events:auto}.sgv-vol{pointer-events:auto;background:var(--sgv-chip);color:var(--sgv-ink);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;display:flex}.sgv-vol input{width:90px;accent-color:var(--sgv-ink);margin:0}.sgv-hint{text-align:center;color:var(--sgv-sub);pointer-events:none;margin:0;font-size:12px;transition:opacity .6s;position:absolute;bottom:8px;left:0;right:0}.sgv.is-dragged .sgv-hint{opacity:0}.sgv-fallback{text-align:center;color:var(--sgv-sub);justify-content:center;align-items:center;margin:0;padding:24px;display:flex;position:absolute;inset:0}.sgv-fallback[hidden]{display:none}.sgv-panel{background:var(--sgv-panel);padding:12px 14px 14px;font-size:12px}.sgv-panel-top{justify-content:flex-end;display:flex}.sgv-row{align-items:flex-start;gap:10px;display:flex}.sgv-row+.sgv-row,.sgv-collapsible>.sgv-row:first-child{margin-top:8px}.sgv-lab{min-width:6.2em;color:var(--sgv-sub);flex:none;padding-top:5px}.sgv-row--primary .sgv-lab{color:var(--sgv-ink);font-weight:600}.sgv-chips{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.sgv .sgv-chip{appearance:none;background:var(--sgv-chip);color:var(--sgv-ink);font:inherit;cursor:pointer;border:0;border-radius:999px;min-height:0;padding:5px 9px;font-size:12px;line-height:1.2}.sgv .sgv-chip[aria-pressed=true]{background:var(--sgv-chip-on);color:var(--sgv-bg)}.sgv .sgv-chip.is-all{font-weight:600}.sgv-row--primary .sgv-chip{padding:6px 10px;font-size:13px}.sgv-gap{flex:none;width:12px}.sgv-dot{vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.sgv-slot{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.sgv-slot input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;width:32px;height:32px;padding:0}.sgv-slot input[type=color]::-webkit-color-swatch-wrapper{padding:0}.sgv-slot input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}.sgv-slot input[type=color]::-moz-color-swatch{border:none;border-radius:8px}.sgv-hex{width:6.4em;font:inherit;background:var(--sgv-chip);color:var(--sgv-ink);border:0;border-radius:6px;padding:5px 8px;font-size:12px}.sgv-vals{color:var(--sgv-sub);font-variant-numeric:tabular-nums}.sgv-status{color:var(--sgv-sub);flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.sgv-tapto-lab{padding-top:5px}.sgv-status b{color:var(--sgv-ink);font-size:13px}.sgv.is-full{z-index:100000;border-radius:0;margin:0;position:fixed;inset:0}.sgv.is-full .sgv-stage-wrap{aspect-ratio:auto;position:absolute;inset:0}.sgv.is-full .sgv-view-btns{top:calc(12px + env(safe-area-inset-top))}.sgv.is-full .sgv-panel{z-index:2;max-height:45vh;padding-bottom:calc(14px + env(safe-area-inset-bottom));background:var(--sgv-panel);background:color-mix(in srgb, var(--sgv-panel) 90%, transparent);position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.sgv.is-full.is-compact .sgv-panel{pointer-events:none;background:0 0}.sgv.is-full.is-compact .sgv-panel-top .sgv-chip{pointer-events:auto}.sgv.is-full.is-compact .sgv-row--primary,.sgv.is-full.is-compact .sgv-collapsible{display:none}.sgv.is-full.is-compact .sgv-hint{bottom:calc(52px + env(safe-area-inset-bottom))}.sgv.is-full .sgv-view-btns,.sgv.is-full .sgv-panel,.sgv.is-full .sgv-hint{transition:opacity .25s,visibility}.sgv.is-full.is-ui-idle .sgv-view-btns,.sgv.is-full.is-ui-idle .sgv-panel,.sgv.is-full.is-ui-idle .sgv-hint{opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s linear .6s}@media (width<=640px){.sgv-stage-wrap{aspect-ratio:1}.sgv-lab{min-width:4.8em}}.sgv-page-lead[data-astro-cid-spfny26n]{margin-bottom:1rem}.sgv-terms[data-astro-cid-spfny26n] dt[data-astro-cid-spfny26n]{margin-top:.8rem;font-weight:600}.sgv-terms[data-astro-cid-spfny26n] dd[data-astro-cid-spfny26n]{margin:.2rem 0 0}.sgv-refs[data-astro-cid-spfny26n]{font-size:.9rem}
