.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);display:block;margin:0 .75rem 0 1rem;padding:.25rem 0}@media(max-width: 74.99rem){.theme-switcher{margin:0}}.theme-switcher__section{position:relative}.theme-switcher__section .theme-switcher__button{display:flex;padding:.4375rem .8125rem;justify-content:center;align-items:center;gap:.25rem;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:focus-visible{outline:.125rem solid var(--theme-switcher-button-focus-outline-color);outline-offset:.125rem}@media(max-width: 74.99rem){.theme-switcher__section .theme-switcher__button{padding:.375rem;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-chevron{display:none}}.theme-switcher__section dialog{flex-direction:column;position:absolute;width:100%;right:0;left:auto;min-width:15rem;margin:.25rem 0;padding:.5rem;border-radius:.625rem;border:.03125rem solid var(--tc-border-tertiary);background-color:var(--tc-background-primary)}@media(max-width: 74.99rem){.theme-switcher__section dialog{position:fixed;top:3.5rem;margin:0;padding:.5rem 9rem;border:none;border-radius:unset;width:100vw;height:100vh}}.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:center}.theme-switcher__section dialog .themes .theme-control{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:.5rem;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:.25rem}.theme-switcher__section dialog .themes .theme-control .radio{padding-left:.325rem}.theme-switcher__section dialog .divider{margin:.375rem 0}.theme-switcher__section dialog .animations{padding:.5rem 1rem}.theme-switcher__section dialog .animations .toggle{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:.5rem}.theme-switcher__section dialog .animations .description{margin-top:.75rem}.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.dark .theme-switcher__section dialog{background-color:var(--tc-layer-primary-dark);color:var(--tc-text-primary-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)}