.switch{justify-content:flex-start;align-items:center}.switch,.switch__wrapper{display:flex}.switch{position:relative;margin-top:1rem}.switch--chechkoutcomplete{margin-top:0}.switch .checkbox-inline{padding-left:0;padding-right:20px;font-weight:700}.switch input{position:absolute;top:0;z-index:2;opacity:0;cursor:pointer;height:1rem;width:100%;margin:0}.switch input:checked{z-index:1}.switch input:checked~span{opacity:1;cursor:default}.switch input:checked~span:nth-of-type(2){opacity:.33}.switch input:checked~.toggle-outside{background:#738f3c}.switch input:checked~.toggle-outside .toggle-inside{left:1.75rem}.switch label{padding-left:1rem;cursor:pointer}.switch span{opacity:.33;transition:opacity .25s ease;cursor:pointer;font-size:1.5rem;font-weight:700;line-height:3rem;display:inline-block;height:100%;margin:0;text-align:center}.switch span:first-of-type{margin-right:1rem}.switch span:nth-of-type(2){opacity:1;margin-left:1rem}.switch .toggle-outside{border-radius:2rem;padding:.25rem;overflow:hidden;transition:all .25s ease;background:#e0caa4;position:relative;width:3rem;height:1.5rem;display:inline-block}.switch .toggle-inside{border-radius:5rem;background:#fff;position:absolute;transition:all .25s ease;height:1rem;width:1rem;left:.25rem}.switch__wrapper{position:relative;padding-right:.5rem}label.switch__label{color:#0a0a0a;font-size:15px;padding-left:0}