@layer components{.sg,.sg-thumb{--sg-canvas:var(--color-chrome,var(--color-machine));--sg-canvas-raised:var(--color-chrome-raised,var(--color-machine));--sg-ink:var(--color-machine-ink);--sg-dim:var(--color-machine-dim);--sg-line:#ffffff1a;--sg-line-strong:#fff3;--sg-glass:#0d0b12c7;--sg-focus:#5ba2ff;--sg-cat-0:#6fa8ff;--sg-cat-1:#f796ff;--sg-cat-2:#35c18f;--sg-cat-3:#ffcf4d;--sg-cat-4:#fd6a8e;--sg-cat-5:#2cc4e0;--sg-cat-6:#b49bff;--sg-cat-7:#ff9a62;--sg-cat-other:#77738a;--sg-rel-complementsWith:#5ba2ff;--sg-rel-sets:#e07bf0;--sg-rel-stepUp:#ffb50c;--sg-rel-alternatives:#b9b5c6;--sg-rel-otherVersions:#8b8796}.sg-frame{isolation:isolate;border-radius:var(--radius-lg);background:radial-gradient(60% 55% at 50% 45%, #1078ff24, transparent 70%), radial-gradient(40% 40% at 85% 15%, #b81ec51a, transparent 72%), var(--sg-canvas);color:var(--sg-ink);box-shadow:var(--shadow-float);position:relative;overflow:hidden}.sg-frame:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70%,#000,#0000);mask-image:radial-gradient(75% 70%,#000,#0000)}.sg-stage{outline:none;position:absolute;inset:0}.sg-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--sg-focus)}.sg-stage canvas{z-index:0}.sg-poster{transition:opacity .48s var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.sg-poster svg{width:min(100%,92vh);height:100%}.sg-frame[data-ready] .sg-poster{opacity:0;pointer-events:none}.sg-glass{background:var(--sg-glass);-webkit-backdrop-filter:blur(14px)saturate(1.3);box-shadow:inset 0 0 0 1px var(--sg-line);border-radius:var(--radius-md)}.sg-chip{border-radius:var(--radius-pill);height:2rem;font-size:var(--text-xs);color:var(--sg-dim);box-shadow:inset 0 0 0 1px var(--sg-line);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-press) var(--ease-out);align-items:center;gap:.45rem;padding-inline:.7rem;font-weight:600;display:inline-flex}.sg-chip:active{transform:scale(.97)}.sg-chip[aria-pressed=true]{color:var(--sg-ink);box-shadow:inset 0 0 0 1px var(--sg-line-strong);background:#ffffff14}@media (hover:hover) and (pointer:fine){.sg-chip:hover{color:var(--sg-ink)}}.sg-swatch{background:var(--sg-swatch);opacity:.35;width:1.1rem;height:2px;transition:opacity var(--duration-fast) var(--ease-out);border-radius:2px}.sg-chip[aria-pressed=true] .sg-swatch{opacity:1}.sg-dot{background:var(--sg-swatch);border-radius:999px;flex:none;width:.55rem;height:.55rem}.sg-icon-button{border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;color:var(--sg-ink);transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-press) var(--ease-out);place-items:center;display:grid}.sg-icon-button:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.sg-icon-button:hover{background:#ffffff14}}.sg-input{border-radius:var(--radius-sm);width:100%;height:2.5rem;color:var(--sg-ink);font-size:var(--text-sm);box-shadow:inset 0 0 0 1px var(--sg-line);transition:box-shadow var(--duration-fast) var(--ease-out);background:#ffffff0f;outline:none;padding:0 .85rem 0 2.25rem}.sg-input::placeholder{color:var(--sg-dim)}.sg-input:focus-visible{box-shadow:inset 0 0 0 1px var(--sg-line-strong), 0 0 0 2px var(--sg-focus)}.sg-results [aria-selected=true]{background:#ffffff14}.sg-panel{transition:transform .26s var(--ease-drawer), opacity .2s var(--ease-out)}.sg-panel[data-state=closed]{opacity:0;pointer-events:none;transform:translate(calc(100% + 1rem))}@media (max-width:767px){.sg-panel[data-state=closed]{transform:translateY(100%)}}.sg-neighbor{transition:background-color var(--duration-fast) var(--ease-out)}@media (hover:hover) and (pointer:fine){.sg-neighbor:hover{background:var(--color-paper-sunken)}}.sg-thumb{width:100%;height:100%;display:block}.sg-thumb .sg-links{fill:none;stroke-width:.7px;stroke-opacity:.22;vector-effect:non-scaling-stroke}.sg-thumb .sg-links[data-kind=sets]{stroke-opacity:.4}.sg-thumb .sg-links:is([data-kind=alternatives],[data-kind=otherVersions]){stroke-opacity:.12}.sg-thumb .sg-nodes{fill:none;stroke-linecap:round}@media (prefers-reduced-motion:no-preference){.sg-reveal .sg-nodes{animation:sg-bloom .9s var(--ease-out) both;transform-origin:50%;transform-box:view-box}.sg-reveal .sg-links{animation:sg-fade 1.2s var(--ease-out) both}@keyframes sg-bloom{0%{opacity:0;transform:scale(.92)}}@keyframes sg-fade{0%{opacity:0}}}@media (prefers-reduced-motion:reduce){.sg-poster,.sg-panel,.sg-chip,.sg-swatch{transition:none}}}