.switch{position:relative;margin-top:1rem;display:flex;justify-content:flex-start;align-items:center}.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:100%;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:#7bac6c}.switch input:checked~.toggle-outside .toggle-inside{left:1.75rem}.switch label{padding:0 0 0 1rem}.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:#d4d3ce;position:relative;width:3.5rem;height:2rem;display:inline-block}.switch .toggle-inside{border-radius:5rem;background:#fefefe;position:absolute;transition:all .25s ease;height:1.5rem;width:1.5rem;left:.25rem}.switch__wrapper{position:relative;display:flex}