.switch{cursor:pointer;background-color:#0000;border-radius:30px;justify-content:space-between;align-items:center;width:85px;height:32px;padding:4px;transition:background-color .3s;display:flex;position:relative;box-shadow:1px 4px 5px #05050526}.switch .switch-label{margin:0 10px;font-size:13px;transition:opacity .3s}.switch-circle{background-color:var(--main-color-one);border-radius:50%;width:22px;height:22px;transition:transform .3s;position:absolute;left:4px;box-shadow:1px 4px 5px #05050533}.switch.on{direction:ltr;background-color:#00d283;border:1px solid #0000}.switch.on .switch-label{color:var(--main-text-color)}.switch.on .switch-circle{transform:translate(53px)}.switch.off{border:1px solid var(--main-color-one);background-color:#0000}.switch.off .switch-circle{transform:translate(0)}