.switcher{height:calc(var(--switch-size) + var(--switch-padding)*2);width:calc(var(--switch-size)*2 + var(--switch-padding)*2);background-color:var(--bg-switcher);position:relative}.switcher[data-checked]{background-color:var(--green2)}.switcher.pro{border-width:1px;border-color:var(--color-gray-6);background-color:#0000;border-radius:.8rem}.switcher.pro .switch-handle{border-radius:.8rem;background-color:var(--primary)!important}.switcher.pro[data-checked] .switch-handle{transform:translate(calc(100% - var(--switch-padding) - 1px), -50%)}.switcher[data-checked] .switch-handle{transform:translate(calc(100% - var(--switch-padding)), -50%)}.switcher .switch-handle{width:var(--switch-size);height:var(--switch-size);left:var(--switch-padding);position:absolute;top:50%;transform:translateY(-50%)}.switcher .checked-icon,.switcher .unchecked-icon{width:var(--switch-size);height:var(--switch-size);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.switcher .checked-icon{left:var(--switch-padding);top:50%;transform:translateY(-50%)}.switcher .unchecked-icon{right:var(--switch-padding);top:50%;transform:translateY(-50%)}