:root { --switch-track-background: #fff; --switch-track-active-background: var(--color-primary); --switch-track-error-background: var(--color-danger); --switch-ripple-color: var(--color-primary); --switch-handle-background: #fff; --switch-handle-color: #fff; --switch-handle-active-background: var(--color-primary); --switch-handle-error-background: var(--color-danger);}.ppsv-switch { display: inline-block;}.ppsv-switch-block { position: relative; display: flex; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); align-items: center; justify-content: center;}.ppsv-switch__disable { filter: opacity(0.6); cursor: not-allowed;}.ppsv-switch__track { background: var(--switch-track-background); filter: opacity(0.6);}.ppsv-switch__track-active { background-color: var(--switch-track-active-background);}.ppsv-switch__track-error { background-color: var(--switch-track-error-background) !important;}.ppsv-switch__ripple { position: absolute; display: flex; align-items: center; justify-content: center; color: var(--switch-ripple-color); border-radius: 50%; overflow: hidden; transition: 0.3s var(--cubic-bezier);}.ppsv-switch__handle { border-radius: 50%; background-color: var(--switch-handle-background); display: flex; align-items: center; justify-content: center; color: var(--switch-handle-color);}.ppsv-switch__handle-active { background-color: var(--switch-handle-active-background);}.ppsv-switch__handle-error { background-color: var(--switch-handle-error-background) !important;}