.toggle{align-items:center;gap:var(--spacing-xl);-webkit-user-select:none;user-select:none;cursor:pointer;width:fit-content;display:flex}.toggle__caption{color:var(--content-text-primary);white-space:nowrap;font-size:1rem;font-weight:700}.toggle__box__input{appearance:none}.toggle__box{border-radius:var(--radius-full);background:var(--background-dark);width:32px;height:18px;transition:background .2s;position:relative}.toggle__box__loading{z-index:10;font-size:12px;transition:left 1s;position:absolute;top:3px;left:4px}.toggle__box:after{content:"";border-radius:var(--radius-full);background:var(--background-secondary);border:1px solid var(--neutral-white);width:12px;height:12px;transition:all .2s;position:absolute;top:3px;left:4px}.toggle__box:has(.toggle__box__input:indeterminate) .toggle__box__loading{left:10px}.toggle__box:has(.toggle__box__input:indeterminate):after{background:var(--border-warning);border:1px solid var(--border-warning-bright);left:10px}.toggle__box:has(.toggle__box__input:checked){background:var(--background-accent)}.toggle__box:has(.toggle__box__input:checked) .toggle__box__loading{left:16px}.toggle__box:has(.toggle__box__input:checked):after{background:var(--neutral-white);border:1px solid var(--neutral-white);left:16px}.toggle--darker .toggle__box{background:var(--background-darker)}.toggle--darker .toggle__box:has(.toggle__box__input:checked){background:var(--background-primary)}.toggle--darker .toggle__box:has(.toggle__box__input:checked):after{background:var(--text-primary);border:1px solid var(--text-primary)}.toggle--darkest .toggle__box{background:var(--background-darkest)}.toggle--darkest .toggle__box:has(.toggle__box__input:checked){background:var(--background-primary)}.toggle--darkest .toggle__box:has(.toggle__box__input:checked):after{background:var(--text-primary);border:1px solid var(--text-primary)}.toggle--alt .toggle__box{background:var(--background-danger-solid)}.toggle--alt .toggle__box:after{background:var(--neutral-black);border:1px solid var(--neutral-black)}.toggle--alt .toggle__box:has(.toggle__box__input:checked){background:var(--background-success-solid)}.toggle--alt .toggle__box:has(.toggle__box__input:checked):after{background:var(--neutral-black);border:1px solid var(--neutral-black)}.toggle--lg{gap:var(--spacing-lg)}.toggle--lg .toggle__box{width:60px;height:30px}.toggle--lg .toggle__box__loading{font-size:24px;top:3px;left:4px}.toggle--lg .toggle__box:after{width:24px;height:24px}.toggle--lg .toggle__box:has(.toggle__box__input:indeterminate) .toggle__box__loading{left:18px!important}.toggle--lg .toggle__box:has(.toggle__box__input:indeterminate):after{left:18px!important}.toggle--lg .toggle__box:has(.toggle__box__input:checked):after{left:32px!important}.toggle--lg .toggle__box:has(.toggle__box__input:checked) .toggle__box__loading{left:32px!important}.toggle--sm .toggle__box{width:28px;height:16px}.toggle--sm .toggle__box__loading{font-size:12px;top:2px;left:2px}.toggle--sm .toggle__box:after{width:10px;height:10px}.toggle--sm .toggle__box:has(.toggle__box__input:indeterminate) .toggle__box__loading{left:9px!important}.toggle--sm .toggle__box:has(.toggle__box__input:indeterminate):after{left:9px!important}.toggle--sm .toggle__box:has(.toggle__box__input:checked):after{left:14px}.toggle--sm .toggle__box:has(.toggle__box__input:checked) .toggle__box__loading{left:14px}.toggle--xs .toggle__box{width:21px;height:12px}.toggle--xs .toggle__box__loading{font-size:8px;top:2px;left:2px}.toggle--xs .toggle__box:after{width:6px;height:6px}.toggle--xs .toggle__box:has(.toggle__box__input:indeterminate) .toggle__box__loading{left:7.5px!important}.toggle--xs .toggle__box:has(.toggle__box__input:indeterminate):after{left:7.5px!important}.toggle--xs .toggle__box:has(.toggle__box__input:checked):after{left:11px}.toggle--xs .toggle__box:has(.toggle__box__input:checked) .toggle__box__loading{left:11px}.toggle--loading .toggle__box:after{display:none}