.toggle-switchy{color:#fff;display:inline-flex;align-items:center;user-select:none;position:relative;vertical-align:middle;margin-bottom:0}.toggle-switchy>input+.toggle:before{content:'ON'}.toggle-switchy>input+.toggle:after{content:'OFF';left:50%}.toggle-switchy>input+.toggle>.switch{background:#fff;display:block;height:100%;position:absolute;right:0;z-index:3;box-sizing:border-box}.toggle-switchy>input+.toggle+.label{color:#000;margin-left:10px}.toggle-switchy>input:checked+.toggle,.toggle-switchy[data-color=blue]>input:checked+.toggle{background:#3498db}.toggle-switchy>input:not(:checked)+.toggle{background:#ccc}.toggle-switchy>input:checked+.toggle>.switch{border:3px solid #3498db}.toggle-switchy>input:not(:checked)+.toggle>.switch{border:3px solid #ccc;right:calc(100% - 30px)}.toggle-switchy>input:active+.toggle,.toggle-switchy>input:focus+.toggle{box-shadow:0 0 5px 3px rgba(0,119,200,.5)}.toggle-switchy>input+.toggle{border-radius:4px;align-items:center;overflow:hidden;position:relative;flex-shrink:0;margin:0;cursor:pointer;transition:background .2s linear,box-shadow .2s linear;width:65px;height:30px}.toggle-switchy>input+.toggle .switch{border-radius:6px}.toggle-switchy:hover{cursor:pointer}.toggle-switchy>input{position:absolute;opacity:0}.toggle-switchy>input[disabled]+.toggle{opacity:.5}.toggle-switchy>input[disabled]+.toggle:hover{cursor:not-allowed}.toggle-switchy>input+.toggle:after,.toggle-switchy>input+.toggle:before{display:flex;align-items:center;position:absolute;z-index:2;height:100%;transition:.2s linear;font-size:.8rem}.toggle-switchy>input+.toggle:before{right:55%;opacity:0}.toggle-switchy[data-label=left]>input+.toggle{order:2}.toggle-switchy[data-label=left]>input+.toggle+.label{order:1;margin-left:0;margin-right:10px}.toggle-switchy>input:checked+.toggle:before{opacity:1}.toggle-switchy>input:checked+.toggle:after{opacity:0}.toggle-switchy[data-size=xl]>input+.toggle{width:85px;height:40px}.toggle-switchy[data-size=xl]>input+.toggle>.switch,.toggle-switchy[data-text=false][data-size=xs]>input+.toggle{width:40px}.toggle-switchy[data-size=xl]>input+.toggle:after,.toggle-switchy[data-size=xl]>input+.toggle:before{font-size:1.2rem}.toggle-switchy[data-size=xl]>input:not(:checked)+.toggle>.switch{right:calc(100% - 40px)}.toggle-switchy[data-size=lg]>input+.toggle{width:75px;height:35px}.toggle-switchy[data-size=lg]>input+.toggle>.switch{width:35px}.toggle-switchy[data-size=lg]>input+.toggle:after,.toggle-switchy[data-size=lg]>input+.toggle:before{font-size:1rem}.toggle-switchy[data-size=lg]>input:not(:checked)+.toggle>.switch{right:calc(100% - 35px)}.toggle-switchy>input+.toggle>.switch{transition:right .2s linear,border-color .2s linear;width:30px}.toggle-switchy[data-size=sm]>input+.toggle{width:55px;height:25px}.toggle-switchy[data-size=sm]>input+.toggle>.switch{width:25px}.toggle-switchy[data-size=sm]>input+.toggle:after,.toggle-switchy[data-size=sm]>input+.toggle:before{font-size:.7rem}.toggle-switchy[data-size=sm]>input:not(:checked)+.toggle>.switch{right:calc(100% - 25px)}.toggle-switchy[data-size=xs]>input+.toggle{width:45px;height:20px}.toggle-switchy[data-size=xs]>input+.toggle>.switch{width:20px}.toggle-switchy[data-size=xs]>input+.toggle:after,.toggle-switchy[data-size=xs]>input+.toggle:before{font-size:.5rem}.toggle-switchy[data-size=xs]>input:not(:checked)+.toggle>.switch{right:calc(100% - 20px)}.toggle-switchy[data-style=rounded]>input+.toggle,.toggle-switchy[data-style=rounded]>input+.toggle>.switch{border-radius:50px}.toggle-switchy[data-style=rounded]>input+.toggle:before{right:50%}.toggle-switchy[data-style=rounded]>input+.toggle:after{left:50%}.toggle-switchy[data-style=square]>input+.toggle,.toggle-switchy[data-style=square]>input+.toggle .switch{border-radius:0}.toggle-switchy[data-text=false]>input+.toggle:after,.toggle-switchy[data-text=false]>input+.toggle:before{content:''}.toggle-switchy[data-text=false][data-size=xl]>input+.toggle{width:80px}.toggle-switchy[data-text=false][data-size=lg]>input+.toggle{width:70px}.toggle-switchy[data-text=false]>input+.toggle{width:60px}.toggle-switchy[data-text=false][data-size=sm]>input+.toggle{width:50px}.toggle-switchy[data-color=red]>input:checked+.toggle{background:#e74c3c}.toggle-switchy[data-color=red]>input:checked+.toggle>.switch{border-color:#e74c3c}.toggle-switchy[data-color=orange]>input:checked+.toggle{background:#e67e22}.toggle-switchy[data-color=orange]>input:checked+.toggle>.switch{border-color:#e67e22}.toggle-switchy[data-color=yellow]>input:checked+.toggle{background:#f1c40f}.toggle-switchy[data-color=yellow]>input:checked+.toggle>.switch{border-color:#f1c40f}.toggle-switchy[data-color=green]>input:checked+.toggle{background:#2ecc71}.toggle-switchy[data-color=green]>input:checked+.toggle>.switch{border-color:#2ecc71}.toggle-switchy[data-color=blue]>input:checked+.toggle>.switch{border-color:#3498db}.toggle-switchy[data-color=purple]>input:checked+.toggle{background:#9b59b6}.toggle-switchy[data-color=purple]>input:checked+.toggle>.switch{border-color:#9b59b6}.toggle-switchy[data-color=gray]>input:checked+.toggle{background:#555}.toggle-switchy[data-color=gray]>input:checked+.toggle>.switch{border-color:#555}