:root{--background:var(--color-background,#f5f5f5);--foreground:var(--color-foreground,#1f1f1f)}.theme-switch-container{width:-moz-fit-content;width:fit-content;color:var(--foreground);border-radius:9999px}.theme-switch-container,[data-theme=dark] .theme-switch-container{background-color:var(--background)}.theme-switch-inner-container{display:flex;width:auto;justify-content:center;border-radius:1rem;overflow:hidden;border:1px solid var(--foreground);background-color:var(--foreground)}[data-theme=dark] .theme-switch-inner-container{border:1px solid var(--background)}@media (min-width:640px){.theme-switch-inner-container{flex-direction:row}}.theme-switch-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:transparent;border:0;cursor:pointer;color:var(--background)}.theme-switch-button.active,[data-theme=dark] .theme-switch-button.active{background-color:var(--background);color:var(--foreground)}.icon-size-4{width:1rem;height:1rem}.icon-size-5{width:1.25rem;height:1.25rem}.theme-switch-button h3{display:none}@media (min-width:640px){.theme-switch-button h3{display:block}}.theme-switch-button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}