@layer quartz-base{.theme-switcher{--theme-switcher-size:2rem;--theme-switcher-radius:6px;--theme-switcher-border:color-mix(in srgb, var(--gray) 42%, transparent);--theme-switcher-surface:var(--light);--theme-switcher-surface-hover:var(--lightgray);--theme-switcher-text:var(--dark);--theme-switcher-focus:var(--secondary);--theme-switcher-swatch-size:.75rem;--theme-switcher-swatch-ring:color-mix(in srgb, var(--secondary) 36%, var(--light));box-sizing:border-box;min-inline-size:var(--theme-switcher-size);min-block-size:var(--theme-switcher-size);align-items:center;margin:0;display:inline-flex}.theme-switcher-swatch{z-index:1;inline-size:var(--theme-switcher-swatch-size);block-size:var(--theme-switcher-swatch-size);border:1px solid var(--theme-switcher-swatch-ring);background:linear-gradient(135deg, var(--secondary), var(--tertiary)), var(--highlight);pointer-events:none;border-radius:50%;margin-inline-start:.5rem;position:absolute}.theme-switcher-label{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.theme-switcher-select{box-sizing:border-box;inline-size:min(9rem,38vw);min-inline-size:var(--theme-switcher-size);max-inline-size:100%;min-block-size:var(--theme-switcher-size);border:1px solid var(--theme-switcher-border);border-radius:var(--theme-switcher-radius);color:var(--theme-switcher-text);background-color:var(--theme-switcher-surface);font:inherit;cursor:pointer;padding:0 1.5rem 0 1.625rem;line-height:1.2;transition:background-color .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out,color .12s ease-out}.theme-switcher-select:hover{border-color:var(--theme-switcher-focus);background-color:var(--theme-switcher-surface-hover);color:var(--dark)}.theme-switcher-select:focus-visible{border-color:var(--theme-switcher-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--theme-switcher-focus) 28%, transparent);outline:none}.theme-switcher-select:disabled{cursor:not-allowed;opacity:.62;color:var(--gray);background-color:var(--lightgray)}@media (max-width:600px){.theme-switcher-swatch{margin-inline-start:.375rem}.theme-switcher-select{inline-size:min(6rem,30vw);min-inline-size:var(--theme-switcher-size);padding-inline:1.25rem 1.125rem}}}