:root{--s-switch-size:30px;--s-switch-width:calc(var(--s-switch-size)/6*10);--s-switch-height:var(--s-switch-size);--s-switch-bg:var(--s-fill-color-secondary);--s-switch-bg-checked:var(--s-color-primary);--s-switch-opacity-loading:var(--s-opacity-loading);--s-switch-thumb-gap:3px;--s-switch-thumb-width:calc(var(--s-switch-height) - var(--s-switch-thumb-gap)*2);--s-switch-thumb-height:var(--s-switch-thumb-width);--s-switch-thumb-bg:var(--s-white);--s-switch-thumb-color:var(--s-gray-600);--s-switch-text-min-margin:9px;--s-switch-text-max-margin:calc(var(--s-switch-thumb-width) + var(--s-switch-text-min-margin));--s-switch-text-color:var(--s-white);--s-switch-text-font-size:var(--s-font-size)}.dark{--s-switch-thumb-bg:var(--s-gray-200)}.s-switch{--s-switch-overflow-margin:calc(100% + var(--s-switch-text-max-margin) + var(--s-switch-thumb-gap));position:relative;display:inline-flex;width:fit-content;height:var(--s-switch-height);border-radius:var(--s-border-radius-full);font-size:var(--s-switch-size);vertical-align:middle;background:var(--s-switch-bg);cursor:pointer;transition:background-color var(--s-duration),opacity var(--s-duration)}.s-switch--checked{background:var(--s-switch-bg-checked)}.s-switch--disabled{opacity:var(--s-opacity-disabled);cursor:not-allowed}.s-switch--readonly{cursor:unset}.s-switch--loading{opacity:var(--s-switch-opacity-loading);cursor:wait}.s-switch__thumb{position:absolute;top:var(--s-switch-thumb-gap);display:flex;justify-content:center;align-items:center;width:var(--s-switch-thumb-width);height:var(--s-switch-thumb-height);inset-inline-start:var(--s-switch-thumb-gap);border-radius:var(--s-border-radius-full);color:var(--s-switch-thumb-color);background:var(--s-switch-thumb-bg);transition:var(--s-duration)}.s-switch__text{overflow:hidden;height:100%;min-width:var(--s-switch-width);padding-inline-start:var(--s-switch-text-max-margin);padding-inline-end:var(--s-switch-text-min-margin);border-radius:var(--s-border-radius-full);transition:padding var(--s-duration)}.s-switch__text-checked,.s-switch__text-unchecked{position:relative;display:flex;justify-content:center;align-items:center;height:100%;flex:none;text-align:center;font-size:var(--s-switch-text-font-size);line-height:var(--s-line-height-none);color:var(--s-switch-text-color);pointer-events:none;transition:margin var(--s-duration)}.s-switch__text-checked{margin-inline-start:calc(var(--s-switch-overflow-margin)*-1);margin-inline-end:var(--s-switch-overflow-margin)}.s-switch__text-unchecked{margin-inline-start:0;margin-inline-end:0;top:-100%}.s-switch--checked .s-switch__thumb{inset-inline-start:calc(100% - var(--s-switch-thumb-width) - var(--s-switch-thumb-gap))}.s-switch--checked .s-switch__text{padding-inline-start:var(--s-switch-text-min-margin);padding-inline-end:var(--s-switch-text-max-margin)}.s-switch--checked .s-switch__text-checked{margin-inline-start:0;margin-inline-end:0}.s-switch--checked .s-switch__text-unchecked{margin-inline-start:var(--s-switch-overflow-margin);margin-inline-end:calc(var(--s-switch-overflow-margin)*-1)}