.toggle-switchy{color:#fff}.toggle-switchy>input+.toggle:before{content:"ON"}.toggle-switchy>input+.toggle:after{content:"OFF"}.toggle-switchy>input+.toggle>.switch{background:#fff}.toggle-switchy>input+.toggle+.label{color:#000}.toggle-switchy>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}.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}.toggle-switchy>input+.toggle .switch{border-radius:6px}.toggle-switchy{align-items:center;display:inline-flex;margin-bottom:0;position:relative;user-select:none;vertical-align:middle}.toggle-switchy:hover{cursor:pointer}.toggle-switchy>input{opacity:0;position:absolute}.toggle-switchy>input+.toggle{align-items:center;flex-shrink:0;overflow:hidden;position:relative}.toggle-switchy>input[disabled]+.toggle{opacity:.5}.toggle-switchy>input[disabled]+.toggle:hover{cursor:not-allowed}.toggle-switchy>input+.toggle{cursor:pointer;height:100%;margin:0;width:100%}.toggle-switchy>input+.toggle>.switch{box-sizing:border-box;display:block;height:100%;position:absolute;right:0;z-index:3}.toggle-switchy>input+.toggle:after,.toggle-switchy>input+.toggle:before{align-items:center;display:flex;height:100%;position:absolute;z-index:2}.toggle-switchy>input+.toggle:before{right:55%}.toggle-switchy>input+.toggle:after{left:50%}.toggle-switchy>input+.toggle+.label{margin-left:10px}.toggle-switchy[data-label=left]>input+.toggle{order:2}.toggle-switchy[data-label=left]>input+.toggle+.label{margin-left:0;margin-right:10px;order:1}.toggle-switchy>input+.toggle:before{opacity:0}.toggle-switchy>input:checked+.toggle:before{opacity:1}.toggle-switchy>input:checked+.toggle:after{opacity:0}.toggle-switchy>input+.toggle{transition:background .2s linear,box-shadow .2s linear}.toggle-switchy>input+.toggle:after,.toggle-switchy>input+.toggle:before{transition:all .2s linear}.toggle-switchy>input+.toggle>.switch{transition:right .2s linear,border-color .2s linear}.toggle-switchy[data-size=xl]>input+.toggle{height:40px;width:85px}.toggle-switchy[data-size=xl]>input+.toggle>.switch{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{height:35px;width:75px}.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{height:30px;width:65px}.toggle-switchy>input+.toggle>.switch{width:30px}.toggle-switchy>input+.toggle:after,.toggle-switchy>input+.toggle:before{font-size:.8rem}.toggle-switchy>input:not(:checked)+.toggle>.switch{right:calc(100% - 30px)}.toggle-switchy[data-size=sm]>input+.toggle{height:25px;width:55px}.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{height:20px;width:45px}.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-text=false][data-size=xs]>input+.toggle{width:40px}.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{background:#3498db}.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}