.switch--vertical{height:35px;margin-right:0;margin-top:5px}.switch{position:relative}.switch input{cursor:pointer;opacity:0;position:absolute;top:0;z-index:2}.switch input:checked{z-index:1}.switch input:checked+label{color:rgba(1,190,98,.7);cursor:default;opacity:1}.switch input:not(:checked)+label:hover{opacity:.7}.switch label{color:#86827e;cursor:pointer;margin:0;opacity:.5;padding:0;transition:opacity .25s ease}.switch .toggle-outside{border-radius:1rem;overflow:hidden;padding:.2rem;transition:all .25s ease}.switch .toggle-inside{border-radius:2rem;position:absolute;transition:all .25s ease}.switch input{height:50%;left:0;margin:0;width:1rem}.switch label{display:block;height:50%;margin:0 0 0 15px;padding:0 5px;text-align:left}.switch .toggle-outside{background:hsla(30,3%,51%,.2);height:100%;left:0;position:absolute;top:0;width:17px}.switch .toggle-inside{height:15px;left:1px;top:0;width:15px}.switch input:checked~.toggle-outside .toggle-inside{background:rgba(1,190,98,.5);top:1px}.switch input~input:checked~.toggle-outside .toggle-inside{top:20px}@media (min-width:768px){.switch input~input:checked~.toggle-outside .toggle-inside{top:23px}}

/*# sourceMappingURL=_vertical_switch.css.map*/