.switch-container{display:flex;align-items:center;gap:10px}.switch-label{font-size:16px;font-weight:400;color:#0b0b0b;margin:0}.switch{position:relative;border-radius:123px;width:44px;height:24px;transition:all .3s ease}.switch:hover{border-color:var(--brand-orange)}.switch input{display:none}.switch .slider{cursor:pointer;top:0;left:0;right:0;bottom:0;border-radius:25px}.switch .slider,.switch .slider:before{position:absolute;transition:all .3s ease}.switch .slider:before{content:"";left:1px;top:1px;border-radius:50%;height:20px;width:20px}.switch-gray{background-color:#fff;border:1px solid #cbcbcb}.switch-gray .slider:before,.switch-gray input:checked+.slider{background-color:#cbcbcb}.switch-gray input:checked{border:1px solid #cbcbcb}.switch-gray input:checked+.slider:before{background-color:#adadad;transform:translateX(20px)}.switch-red{background-color:#fff;border:1px solid #cbcbcb}.switch-red .slider:before{background-color:#cbcbcb}.switch-red input:checked+.slider{background-color:var(--brand-orange)}.switch-red input:checked{border:1px solid var(--brand-orange)}.switch-red input:checked+.slider:before{background-color:#fff;transform:translateX(20px)}