.toggle-switch{align-items:center;background:var(--c-white-t-10);border:none;border-radius:20rem;box-shadow:var(--v-box-shadow);cursor:pointer;display:flex;height:1.3rem;padding:.1rem;position:relative;transition:background .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:2.4rem}.toggle-switch--active{background:var(--c-tertiary)}.toggle-switch--active :is(.toggle-switch--secondary),.toggle-switch--active:is(.toggle-switch--default){background:var(--c-tertiary)}.toggle-switch--active:is(.toggle-switch--success){background:var(--c-success)}.toggle-switch--active:is(.toggle-switch--danger){background:var(--c-danger)}.toggle-switch--active:is(.toggle-switch--warn){background:var(--c-warn)}.toggle-switch--active .toggle-switch--slider{background:var(--c-white-t-75);transform:translate(1.15rem)!important}.toggle-switch--slider{align-items:center;background:var(--c-white);border-radius:20rem;box-shadow:var(--v-box-shadow);display:flex;height:1.3rem;justify-content:center;left:0;position:absolute;transition:all .3s ease-in-out;width:1.3rem}.toggle-switch--sm{height:1.2rem;width:2.2rem}.toggle-switch--sm .toggle-switch--slider{height:1.2rem;left:0;width:1.2rem}.toggle-switch--sm:is(.toggle-switch--active) .toggle-switch--slider{transform:translate(1rem)!important}.toggle-switch--md{height:1.3rem;width:2.4rem}.toggle-switch--md .toggle-switch--slider{height:1.3rem;left:0;width:1.3rem}.toggle-switch--md:is(.toggle-switch--active) .toggle-switch--slider{transform:translate(1.15rem)!important}.toggle-switch--lg{height:1.4rem;width:2.6rem}.toggle-switch--lg .toggle-switch--slider{height:1.4rem;left:0;width:1.4rem}.toggle-switch--lg:is(.toggle-switch--active) .toggle-switch--slider{transform:translate(1.2rem)!important}.toggle-switch--loader{opacity:0;--icon-color:var(--c-white)}.toggle-switch--loading{cursor:wait}.toggle-switch--loading .toggle-switch{background:var(--c-white-t-10)}.toggle-switch--loading .toggle-switch--slider{background:var(--c-grey-t-70)}.toggle-switch--loading .toggle-switch--loader{opacity:1}.toggle-switch--disabled{cursor:not-allowed}.toggle-switch--disabled .toggle-switch--slider{background:var(--c-grey-t-10)}.light-mode .toggle-switch--slider{background:var(--c-grey)}.light-mode .toggle-switch--active .toggle-switch--slider{background:var(--c-white-t-50)}