.theme-switcher{--theme-switcher-button-background-color: var(--tc-layer-secondary);--theme-switcher-button-background-hover-color: var(--tc-menu-item-hover);--theme-switcher-button-background-active-color: var(--tc-menu-item-active);--theme-switcher-button-border-color: var(--tc-border-quaternary);--theme-switcher-button-border-hover-color: var(--tc-border-tertiary);--theme-switcher-button-focus-outline-color: var(--tc-blue-40);--theme-switcher-theme-control-element-border-color: var(--tc-border-quaternary);--theme-switcher-theme-control-element-border-hover-color: var(--tc-border-tertiary);--theme-switcher-theme-control-element-border-active-color: var(--tc-border-secondary);--theme-switcher-divider-color: var(--tc-border-quaternary);--theme-switcher-dialog-background-color: var(--tc-layer-primary);--theme-switcher-dialog-border-color: var(--tc-border-tertiary);--theme-switcher-text-primary-color: var(--tc-text-primary);--theme-switcher-text-tertiary-color: var(--tc-text-tertiary);display:block;margin:0;padding:.25rem 0}@media(min-width: 80rem){.theme-switcher{margin:0 .75rem 0 1rem}}.theme-switcher__section{position:relative}.theme-switcher__section .theme-switcher__button{display:flex;padding:.375rem;justify-content:center;align-items:center;gap:.25rem;border:none;border-radius:50%;background-color:unset;cursor:pointer}.theme-switcher__section .theme-switcher__button.open{border:none;background-color:var(--theme-switcher-button-background-active-color)}.theme-switcher__section .theme-switcher__button tet-icon{--icon-size: 1.5rem}.theme-switcher__section .theme-switcher__button:focus-visible{outline:.125rem solid var(--theme-switcher-button-focus-outline-color);outline-offset:.125rem}.theme-switcher__section .theme-switcher__button .theme-switcher-chevron{display:none}@media(min-width: 80rem){.theme-switcher__section .theme-switcher__button{padding:.4375rem .8125rem;border-radius:2rem;border:.0625rem solid var(--theme-switcher-button-border-color);background:var(--theme-switcher-button-background-color)}.theme-switcher__section .theme-switcher__button.open{border:.0625rem solid var(--theme-switcher-button-border-hover-color);background:var(--theme-switcher-button-background-hover-color)}.theme-switcher__section .theme-switcher__button.open .theme-switcher-chevron{transform:rotate(-180deg)}.theme-switcher__section .theme-switcher__button tet-icon{--icon-size: 1.25rem;--icon-container-display: flex}.theme-switcher__section .theme-switcher__button tet-icon.theme-switcher-chevron{--icon-size: 1rem;transition:transform 150ms ease-out}.theme-switcher__section .theme-switcher__button .theme-switcher-chevron{display:block}}.theme-switcher__section dialog{position:fixed;top:3.5rem;margin:0;padding:.5rem 2rem 2rem;box-sizing:border-box;border:none;width:100%;height:100vh;background-color:var(--theme-switcher-dialog-background-color);color:var(--theme-switcher-text-primary-color)}@media(min-width: 48rem){.theme-switcher__section dialog{padding:.5rem 9rem 2rem}}@media(min-width: 80rem){.theme-switcher__section dialog{flex-direction:column;position:absolute;width:100%;right:0;left:auto;top:auto;height:auto;min-width:15rem;margin:.25rem 0;padding:.5rem;border-radius:.625rem;border:.03125rem solid var(--theme-switcher-dialog-border-color)}}.theme-switcher__section dialog .theme-label{padding:.625rem 1rem}@media(min-width: 80rem){.theme-switcher__section dialog .theme-label{padding:.5rem 1rem}}.theme-switcher__section dialog .theme-label.light{color:var(--tc-text-primary)}.theme-switcher__section dialog .themes{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:flex-start;padding:0 1rem .625rem}@media(min-width: 80rem){.theme-switcher__section dialog .themes{padding:.5rem}}.theme-switcher__section dialog .themes .theme-control{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:.1875rem;cursor:pointer}.theme-switcher__section dialog .themes .theme-control .icon-button{display:flex;justify-content:center;align-items:center;width:3.625rem;height:4.5rem;margin-bottom:.5rem;border-radius:.5rem;border:.0625rem solid}.theme-switcher__section dialog .themes .theme-control .icon-button .icon-container{width:1.5rem;height:1.5rem}.theme-switcher__section dialog .themes .theme-control .icon-button .icon-container tet-icon{--icon-size: 1.5rem}.theme-switcher__section dialog .themes .theme-control .icon-button.icon-light{border-color:var(--theme-switcher-theme-control-element-border-color);background-color:var(--tc-layer-primary)}.theme-switcher__section dialog .themes .theme-control .icon-button.icon-light:hover{border-color:var(--theme-switcher-theme-control-element-border-hover-color);background-color:var(--tc-layer-secondary)}.theme-switcher__section dialog .themes .theme-control .icon-button.icon-light:active{border-color:var(--theme-switcher-theme-control-element-border-active-color);background-color:var(--tc-layer-tertiary)}.theme-switcher__section dialog .themes .theme-control .icon-button.icon-light.selected{border:.125rem solid var(--tc-border-primary);background-color:var(--tc-layer-secondary)}.theme-switcher__section dialog .themes .theme-control .icon-button.icon-dark{border-color:var(--theme-switcher-theme-control-element-border-color);background-color:var(--tc-layer-primary-dark)}.theme-switcher__section dialog .themes .theme-control .icon-button.icon-dark:hover{border-color:var(--theme-switcher-theme-control-element-border-hover-color);background-color:var(--tc-layer-secondary-dark)}.theme-switcher__section dialog .themes .theme-control .icon-button.icon-dark:active{border-color:var(--theme-switcher-theme-control-element-border-active-color);background-color:var(--tc-layer-tertiary-dark)}.theme-switcher__section dialog .themes .theme-control .icon-button.icon-dark.selected{border:.125rem solid var(--tc-border-inverse-primary);background-color:var(--tc-layer-secondary-dark)}.theme-switcher__section dialog .themes .theme-control .icon-button.icon-system{border-color:var(--theme-switcher-theme-control-element-border-color);background:linear-gradient(90deg, var(--tc-layer-primary) 50%, var(--tc-layer-primary-dark) 50%)}.theme-switcher__section dialog .themes .theme-control .icon-button.icon-system:hover{border-color:var(--theme-switcher-theme-control-element-border-hover-color);background:linear-gradient(90deg, var(--tc-layer-secondary) 50%, var(--tc-layer-secondary-dark) 50%)}.theme-switcher__section dialog .themes .theme-control .icon-button.icon-system:active{border-color:var(--theme-switcher-theme-control-element-border-active-color);background:linear-gradient(90deg, var(--tc-layer-tertiary) 50%, var(--tc-layer-tertiary-dark) 50%)}.theme-switcher__section dialog .themes .theme-control .icon-button.icon-system.selected{border:.125rem solid var(--tc-border-primary);background:linear-gradient(90deg, var(--tc-layer-secondary) 50%, var(--tc-layer-secondary-dark) 50%)}.theme-switcher__section dialog .themes .theme-control .label{margin-bottom:.4375rem}.theme-switcher__section dialog .themes .theme-control .radio{padding-left:.325rem}.theme-switcher__section dialog .divider{margin:.375rem .5rem;width:calc(100% - 1rem);background-color:var(--theme-switcher-divider-color);height:.03125rem}.theme-switcher__section dialog .animations .toggle{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-right:.25rem}.theme-switcher__section dialog .animations .toggle .label{padding:.625rem 1rem}@media(min-width: 80rem){.theme-switcher__section dialog .animations .toggle .label{padding:.5rem .75rem .5rem 1rem}}.theme-switcher__section dialog .animations .description{padding:0 1rem;margin-top:.5rem;color:var(--theme-switcher-text-tertiary-color)}@media(min-width: 80rem){.theme-switcher__section dialog .animations .description{margin:.25rem 0 .5rem}}.theme-switcher.dark{--theme-switcher-button-background-color: var(--tc-layer-secondary-dark);--theme-switcher-button-background-hover-color: var(--tc-menu-item-hover-dark);--theme-switcher-button-background-active-color: var(--tc-menu-item-active-dark);--theme-switcher-button-border-color: var(--tc-border-quaternary-dark);--theme-switcher-button-border-hover-color: var(--tc-border-tertiary-dark);--theme-switcher-button-focus-outline-color: var(--tc-blue-40-dark);--theme-switcher-theme-control-element-border-color: var(--tc-border-quaternary-dark);--theme-switcher-theme-control-element-border-hover-color: var(--tc-border-tertiary-dark);--theme-switcher-theme-control-element-border-active-color: var(--tc-border-secondary-dark);--theme-switcher-divider-color: var(--tc-border-quaternary-dark);--theme-switcher-dialog-background-color: var(--tc-layer-primary-dark);--theme-switcher-dialog-border-color: var(--tc-border-tertiary-dark);--theme-switcher-text-primary-color: var(--tc-text-primary-dark);--theme-switcher-text-tertiary-color: var(--tc-text-tertiary-dark)}.theme-switcher.dark .theme-switcher__section dialog .themes .theme-control .icon-button.icon-system,.theme-switcher.dark .theme-switcher__section dialog .themes .theme-control .icon-button.icon-light{border-color:var(--tc-border-tertiary-dark)}