.sonavyr-spotlight{padding:2rem 0;scroll-margin-top:70px}.sonavyr-spotlight>.shell{display:flex;flex-direction:column;align-items:center;gap:.6rem}.sonavyr-spotlight h2{display:flex;align-items:center;gap:.8rem;font-size:1.65rem;margin:0}.sonavyr-spotlight h2 .chip{font-size:.65rem}.chroma-panel{position:relative;width:300px;height:300px}.chroma-lens{display:block;width:300px;height:300px}.note-sector{fill:#1a2429;stroke:#253036;stroke-width:.3;transition:fill .22s,stroke .22s}.note-edge{fill:none;stroke:#48565c;stroke-width:1.1;transition:stroke .22s}.lens-note.is-lit .note-sector{fill:#284e59;stroke:#75d8ee;stroke-width:.55}.lens-note.is-lit .note-edge{stroke:#75d8ee}.lens-toggle{position:absolute;right:-30px;bottom:5px;width:30px;height:30px;padding:0;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted-foreground);cursor:pointer;font-size:.8rem}.lens-toggle:focus-visible{outline:2px solid var(--primary-text);outline-offset:3px}.lens-toggle:disabled{opacity:.35;cursor:default}.sonavyr-open{text-align:center;margin:0}@media(prefers-reduced-motion:reduce){.note-sector,.note-edge{transition:none}}

@media(min-width:900px){.chroma-panel,.chroma-lens{width:500px;height:500px}}

.sonavyr-card-visual{justify-items:center}.sonavyr-card-visual .chroma-panel,.sonavyr-card-visual .chroma-lens{width:220px;height:220px}