.appearanceSystemSwitch_switch__A_Mi5{display:grid;min-width:0;gap:14px}.appearanceSystemSwitch_label__0cEZj{min-width:0;color:var(--muted-foreground);font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}.appearanceSystemSwitch_track__OOagr{--pro-spectrum:linear-gradient(110deg,#71e7ff,#96a0ff,#ec91ff,#ff91b8,#ffd88a,#89f6cc,#71e7ff);display:grid;width:100%;max-width:472px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.appearanceSystemSwitch_choice__y0tS8{position:relative;isolation:isolate;display:grid;min-width:0;gap:0;padding:8px 8px 0;border:1px solid var(--border);border-radius:3px;background:color-mix(in srgb,var(--foreground) 2%,var(--card));color:var(--muted-foreground);cursor:pointer;user-select:none;transition:background .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s}.appearanceSystemSwitch_choice__y0tS8[data-selected=true]{border-color:color-mix(in srgb,var(--foreground) 65%,var(--border));background:color-mix(in srgb,var(--foreground) 6%,var(--card));color:var(--foreground)}.appearanceSystemSwitch_choice__y0tS8:has(.appearanceSystemSwitch_proName__z_0ex):after,.appearanceSystemSwitch_choice__y0tS8:has(.appearanceSystemSwitch_proName__z_0ex):before{position:absolute;z-index:-1;border-radius:inherit;pointer-events:none;content:""}.appearanceSystemSwitch_choice__y0tS8:has(.appearanceSystemSwitch_proName__z_0ex):before{inset:-1px;background:var(--pro-spectrum);background-size:300% 100%;opacity:.65;animation:appearanceSystemSwitch_spectrum__3A_0x 7s linear infinite;transition:opacity .16s}.appearanceSystemSwitch_choice__y0tS8:has(.appearanceSystemSwitch_proName__z_0ex):after{inset:0;border-radius:2px;background:color-mix(in srgb,var(--foreground) 2%,var(--card));transition:background .16s}.appearanceSystemSwitch_choice__y0tS8[data-selected=true]:has(.appearanceSystemSwitch_proName__z_0ex):before{opacity:1}.appearanceSystemSwitch_choice__y0tS8[data-selected=true]:has(.appearanceSystemSwitch_proName__z_0ex):after{background:color-mix(in srgb,var(--foreground) 6%,var(--card))}.appearanceSystemSwitch_preview__Rj_1u{display:block;width:100%;height:auto;aspect-ratio:30/17;border:1px solid #343b42;border-radius:2px;background:#0c0f12;pointer-events:none;user-select:none;opacity:.8;transition:opacity .16s,border-color .16s}.appearanceSystemSwitch_choice__y0tS8[data-selected=true] .appearanceSystemSwitch_preview__Rj_1u{border-color:#a2aab1;opacity:1}.appearanceSystemSwitch_caption__tkC2K{position:relative;display:flex;min-height:48px;align-items:center;justify-content:center;padding:4px 8px}@media (hover:hover){.appearanceSystemSwitch_choice__y0tS8:hover{border-color:color-mix(in srgb,var(--foreground) 45%,var(--border));background:color-mix(in srgb,var(--foreground) 4%,var(--card));color:var(--foreground);box-shadow:0 3px 7px rgb(0 0 0/14%);transform:translateY(-1px)}.appearanceSystemSwitch_choice__y0tS8:hover:has(.appearanceSystemSwitch_proName__z_0ex):before{opacity:1}.appearanceSystemSwitch_choice__y0tS8:hover:has(.appearanceSystemSwitch_proName__z_0ex):after{background:color-mix(in srgb,var(--foreground) 4%,var(--card))}.appearanceSystemSwitch_choice__y0tS8[data-selected=true]:hover,.appearanceSystemSwitch_choice__y0tS8[data-selected=true]:hover:has(.appearanceSystemSwitch_proName__z_0ex):after{background:color-mix(in srgb,var(--foreground) 8%,var(--card))}}.appearanceSystemSwitch_choice__y0tS8:active{box-shadow:inset 0 2px 4px rgb(0 0 0/24%);transform:translateY(1px)}.appearanceSystemSwitch_choice__y0tS8:has(input:focus-visible){outline:2px solid var(--foreground);outline-offset:3px}.appearanceSystemSwitch_name__SdWw0{white-space:nowrap;font-size:16px;font-weight:650;line-height:22px}.appearanceSystemSwitch_proName__z_0ex{background:linear-gradient(110deg,#71e7ff,#b9b1ff,#f6abff,#ffafcf,#ffe0a1,#a3f8d6,#71e7ff);background-size:300% 100%;background-clip:text;color:transparent;animation:appearanceSystemSwitch_spectrum__3A_0x 7s linear infinite}.appearanceSystemSwitch_track__OOagr[data-single=true]{max-width:min(230px,calc((100% - 12px) / 2));grid-template-columns:1fr}@keyframes appearanceSystemSwitch_spectrum__3A_0x{0%{background-position:0 50%}to{background-position:300% 50%}}@media (max-width:400px){.appearanceSystemSwitch_track__OOagr{gap:8px}.appearanceSystemSwitch_choice__y0tS8{padding:6px 6px 0}.appearanceSystemSwitch_caption__tkC2K{min-height:44px}.appearanceSystemSwitch_track__OOagr[data-single=true]{max-width:calc((100% - 8px) / 2)}}@media (prefers-reduced-motion:reduce){.appearanceSystemSwitch_choice__y0tS8,.appearanceSystemSwitch_choice__y0tS8:has(.appearanceSystemSwitch_proName__z_0ex):after,.appearanceSystemSwitch_choice__y0tS8:has(.appearanceSystemSwitch_proName__z_0ex):before,.appearanceSystemSwitch_preview__Rj_1u{transition:none}.appearanceSystemSwitch_choice__y0tS8:active,.appearanceSystemSwitch_choice__y0tS8:hover{transform:none}.appearanceSystemSwitch_choice__y0tS8:has(.appearanceSystemSwitch_proName__z_0ex):before,.appearanceSystemSwitch_proName__z_0ex{animation:none}}@media (forced-colors:active){.appearanceSystemSwitch_choice__y0tS8{border-color:ButtonText;background:Canvas;color:ButtonText;box-shadow:none}.appearanceSystemSwitch_choice__y0tS8[data-selected=true]{border-color:Highlight;background:Canvas;color:Highlight}.appearanceSystemSwitch_choice__y0tS8:has(.appearanceSystemSwitch_proName__z_0ex):after,.appearanceSystemSwitch_choice__y0tS8:has(.appearanceSystemSwitch_proName__z_0ex):before{display:none}.appearanceSystemSwitch_choice__y0tS8:has(input:focus-visible){outline-color:Highlight}.appearanceSystemSwitch_proName__z_0ex{background:none;color:inherit}}