:root{--toggle-switch-background: var(--thon-light-8);--toggle-switch-button-color: var(--primary);--toggle-switch-button-hover-background: var(--thon-light-15);--toggle-switch-button-active-background: var(--primary);--toggle-switch-button-active-color: #fff}.toggle-switch{display:inline-flex;padding:4px;border-radius:100px;background-color:var(--toggle-switch-background);gap:4px}.toggle-switch__button{all:unset;display:flex;align-items:center;padding:7px 12px;border-radius:100px;color:var(--toggle-switch-button-color);cursor:pointer;font-weight:500;gap:8px;transition:.15s all}.toggle-switch__button:hover{background-color:var(--toggle-switch-button-hover-background)}.toggle-switch__button[aria-pressed=true],.toggle-switch__button.toggle-switch__button--active{background-color:var(--toggle-switch-button-active-background);color:var(--toggle-switch-button-active-color)}.toggle-switch__button svg-icon{width:16px;height:16px;fill:currentcolor}