.switch{position:relative;width:29px;height:15px;z-index:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--gray);outline:none;border-radius:40px;box-shadow:inset 0 0 5px rgba(var(--rgb-black),.2);transition:.3s;cursor:pointer}.switch:checked{background-color:var(--blue)}.switch:before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;top:1px;left:1px;background-color:var(--white);transition:scale(1.1);box-shadow:0 2px 5px rgba(var(--rgb-black),.2);transition:.3s;z-index:1}.switch:checked:before{left:15px}.switch:disabled{cursor:default}.switch__container{display:flex;align-items:center}.switch__label{margin:0;font-weight:400px;color:var(--gray)}.switch__label--left{padding-right:5px}.switch__label--right{padding-left:5px}