:root{--switch-width:40px;--switch-height:24px;--switch-track-width:38px;--switch-track-height:14.4px;--switch-track-border-radius:13.33333px;--switch-track-background:#fff;--switch-track-active-background:var(--color-primary);--switch-track-error-background:var(--color-danger);--switch-handle-width:20px;--switch-handle-height:20px;--switch-handle-background:var(--color-on-primary);--switch-handle-color:var(--color-primary);--switch-handle-active-color:var(--color-on-primary);--switch-handle-active-background:var(--color-primary);--switch-handle-error-background:var(--color-danger);--switch-ripple-color:var(--color-primary);--switch-ripple-size:40px;--switch-ripple-left:-10px;--switch-ripple-active-left:10px;--switch-loading-size:16px;--switch-disabled-opacity:var(--opacity-disabled);--switch-variant-width:52px;--switch-variant-height:32px;--switch-variant-track-border-color:#888;--switch-variant-track-background:var(--color-surface-container-highest);--switch-variant-handle-width:24px;--switch-variant-handle-height:24px;--switch-variant-handle-color:var(--color-on-primary);--switch-variant-handle-active-color:var(--color-primary);--switch-variant-handle-background:#888;--switch-variant-handle-active-background:var(--color-on-primary);--switch-variant-ripple-left:-4px;--switch-variant-ripple-active-left:16px}.var-switch{display:inline-block}.var-switch__block{cursor:pointer;display:flex;position:relative;-webkit-tap-highlight-color:transparent;align-items:center;height:var(--switch-height);justify-content:center;transition:filter .25s;width:var(--switch-width)}.var-switch--disabled{cursor:not-allowed}.var-switch--disabled,.var-switch__track{filter:opacity(var(--switch-disabled-opacity))}.var-switch__track{background-color:var(--switch-track-background);border-radius:var(--switch-track-border-radius);height:var(--switch-track-height);transition:background-color .25s;width:var(--switch-track-width)}.var-switch__track--active{background-color:var(--switch-track-active-background)}.var-switch__track--error{background-color:var(--switch-track-error-background)!important}.var-switch__ripple{align-items:center;border-radius:50%;color:var(--switch-ripple-color);display:flex;height:var(--switch-ripple-size);justify-content:center;left:var(--switch-ripple-left);outline:none;overflow:hidden;position:absolute;transition:.3s var(--cubic-bezier);width:var(--switch-ripple-size)}.var-switch__ripple--active{left:var(--switch-ripple-active-left)}.var-switch__handle{align-items:center;background-color:var(--switch-handle-background);border-radius:50%;color:var(--switch-handle-color);display:flex;height:var(--switch-handle-height);justify-content:center;outline:none;transition:background-color .25s;width:var(--switch-handle-width)}.var-switch__handle--active{background-color:var(--switch-handle-active-background);color:var(--switch-handle-active-color)}.var-switch__handle--error{background-color:var(--switch-handle-error-background)!important}.var-switch--variant .var-switch__block{height:var(--switch-variant-height);width:var(--switch-variant-width)}.var-switch--variant .var-switch__block:active .var-switch__handle{transform:scale(1.16666667)}.var-switch--variant .var-switch__track{background-color:var(--switch-variant-track-background);border:2px solid var(--switch-variant-track-border-color);border-radius:calc(var(--switch-variant-height)/2);filter:none;height:100%;width:100%}.var-switch--variant .var-switch__track--active{background-color:var(--switch-track-active-background);border:none}.var-switch--variant .var-switch__ripple{left:var(--switch-variant-ripple-left)}.var-switch--variant .var-switch__ripple--active{left:var(--switch-variant-ripple-active-left)}.var-switch--variant .var-switch__handle{background-color:var(--switch-variant-handle-background);color:var(--switch-variant-handle-color);height:var(--switch-variant-handle-height);transform:scale(.66666667);transition:transform .2s;width:var(--switch-variant-handle-width)}.var-switch--variant .var-switch__handle--active{background-color:var(--switch-variant-handle-active-background);color:var(--switch-variant-handle-active-color);transform:none}.var-switch--variant .var-switch--disabled:active .var-switch__handle{transform:none}.var-switch__loading{animation:circle 1.8s linear infinite;display:inline-block;height:var(--switch-loading-size);width:var(--switch-loading-size)}.var-switch__loading svg{display:block;height:100%;width:100%}.var-switch__loading svg circle{animation:circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}@keyframes circle{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}