.y-seat-color-picker-fieldset{border:0;margin:0;padding:0}.y-seat-color-picker-legend{font-size:var(--y-text-sm);color:var(--y-color-text-muted);padding:0}.y-seat-color-picker-grid{gap:var(--y-space-3);margin-top:var(--y-space-3);grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));display:grid}.y-seat-color-picker-item{align-items:center;gap:var(--y-space-2);padding:var(--y-space-3);border-radius:var(--y-radius-md);border:var(--y-border-width) solid transparent;text-align:center;font-size:var(--y-text-sm);cursor:pointer;flex-direction:column;display:flex}@media (hover:hover){.y-seat-color-picker-item:hover{background-color:var(--y-color-surface-sunken)}}.y-seat-color-picker-item:has(input:checked){border-color:var(--y-color-accent);background-color:var(--y-color-surface-sunken)}.y-seat-color-picker-swatch{border-radius:var(--y-radius-pill);width:2rem;height:2rem;font-size:var(--y-text-xs);font-weight:var(--y-weight-bold);justify-content:center;align-items:center;display:flex}.y-seat-color-picker-swatch:not(.y-seat-color-picker-swatch--auto){box-shadow:inset 0 0 0 1px var(--y-player-halo), inset 0 0 0 2px var(--y-player-contour)}.y-seat-color-picker-swatch--auto{background-color:var(--y-color-surface-sunken);color:var(--y-color-text-muted);border:var(--y-border-width) dashed var(--y-color-border)}