.toggle-buttons .tgl{display:none}.toggle-buttons .tgl,.toggle-buttons .tgl:after,.toggle-buttons .tgl:before,.toggle-buttons .tgl *,.toggle-buttons .tgl *:after,.toggle-buttons .tgl *:before,.toggle-buttons .tgl+.tgl-btn{box-sizing:border-box}.toggle-buttons .tgl::selection,.toggle-buttons .tgl:after::selection,.toggle-buttons .tgl:before::selection,.toggle-buttons .tgl *::selection,.toggle-buttons .tgl *:after::selection,.toggle-buttons .tgl *:before::selection,.toggle-buttons .tgl+.tgl-btn::selection{background:none}.toggle-buttons .tgl+.tgl-btn{outline:0;display:block;width:4em;height:2em;position:relative;cursor:pointer;user-select:none}.toggle-buttons .tgl+.tgl-btn:after,.toggle-buttons .tgl+.tgl-btn:before{position:relative;display:block;content:"";width:50%;height:100%}.toggle-buttons .tgl+.tgl-btn:after{left:0}.toggle-buttons .tgl+.tgl-btn:before{display:none}.toggle-buttons .tgl:checked+.tgl-btn:after{left:50%}.toggle-buttons .tgl-light+.tgl-btn{background:#f0f0f0;border-radius:2em;padding:2px;transition:all .4s ease}.toggle-buttons .tgl-light+.tgl-btn:after{border-radius:50%;background:#fff;transition:all .2s ease}.toggle-buttons .tgl-light:checked+.tgl-btn{background:#9fd6ae}.toggle-buttons .tgl-ios+.tgl-btn{background:#fbfbfb;border-radius:2em;padding:2px;transition:all .4s ease;border:1px solid #e8eae9}.toggle-buttons .tgl-ios+.tgl-btn:after{border-radius:2em;background:#fbfbfb;transition:left .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),padding .3s ease,margin .3s ease;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 0 rgba(0,0,0,.08)}.toggle-buttons .tgl-ios+.tgl-btn:hover:after{will-change:padding}.toggle-buttons .tgl-ios+.tgl-btn:active{box-shadow:inset 0 0 0 2em #e8eae9}.toggle-buttons .tgl-ios+.tgl-btn:active:after{padding-right:.8em}.toggle-buttons .tgl-ios:checked+.tgl-btn{background:#e62c29}.toggle-buttons .tgl-ios:checked+.tgl-btn:active{box-shadow:none}.toggle-buttons .tgl-ios:checked+.tgl-btn:active:after{margin-left:-0.8em}.toggle-buttons .tgl-ios.sm_with-text+.tgl-btn+span:before{font-size:14px;content:attr(data-off)}.toggle-buttons .tgl-ios.sm_with-text:checked+.tgl-btn+span:before{content:attr(data-on)}.toggle-buttons .tgl-skewed+.tgl-btn{overflow:hidden;transform:skew(-10deg);backface-visibility:hidden;transition:all .2s ease;font-family:sans-serif;background:#888}.toggle-buttons .tgl-skewed+.tgl-btn:after,.toggle-buttons .tgl-skewed+.tgl-btn:before{transform:skew(10deg);display:inline-block;transition:all .2s ease;width:100%;text-align:center;position:absolute;line-height:2em;font-weight:bold;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.4)}.toggle-buttons .tgl-skewed+.tgl-btn:after{left:100%;content:attr(data-tg-on)}.toggle-buttons .tgl-skewed+.tgl-btn:before{left:0;content:attr(data-tg-off)}.toggle-buttons .tgl-skewed+.tgl-btn:active{background:#888}.toggle-buttons .tgl-skewed+.tgl-btn:active:before{left:-10%}.toggle-buttons .tgl-skewed:checked+.tgl-btn{background:#86d993}.toggle-buttons .tgl-skewed:checked+.tgl-btn:before{left:-100%}.toggle-buttons .tgl-skewed:checked+.tgl-btn:after{left:0}.toggle-buttons .tgl-skewed:checked+.tgl-btn:active:after{left:10%}.toggle-buttons .tgl-flat+.tgl-btn{padding:2px;transition:all .2s ease;background:#fff;border:4px solid #f2f2f2;border-radius:2em}.toggle-buttons .tgl-flat+.tgl-btn:after{transition:all .2s ease;background:#f2f2f2;content:"";border-radius:1em}.toggle-buttons .tgl-flat:checked+.tgl-btn{border:4px solid #7fc6a6}.toggle-buttons .tgl-flat:checked+.tgl-btn:after{left:50%;background:#7fc6a6}.toggle-buttons .tgl-flip+.tgl-btn{padding:2px;transition:all .2s ease;font-family:sans-serif;perspective:100px}.toggle-buttons .tgl-flip+.tgl-btn:after,.toggle-buttons .tgl-flip+.tgl-btn:before{display:inline-block;transition:all .4s ease;width:100%;text-align:center;position:absolute;line-height:2em;font-weight:bold;color:#fff;position:absolute;top:0;left:0;backface-visibility:hidden;border-radius:4px}.toggle-buttons .tgl-flip+.tgl-btn:after{content:attr(data-tg-on);background:#02c66f;transform:rotateY(-180deg)}.toggle-buttons .tgl-flip+.tgl-btn:before{background:#ff3a19;content:attr(data-tg-off)}.toggle-buttons .tgl-flip+.tgl-btn:active:before{transform:rotateY(-20deg)}.toggle-buttons .tgl-flip:checked+.tgl-btn:before{transform:rotateY(180deg)}.toggle-buttons .tgl-flip:checked+.tgl-btn:after{transform:rotateY(0);left:0;background:#7fc6a6}.toggle-buttons .tgl-flip:checked+.tgl-btn:active:after{transform:rotateY(20deg)}/*# sourceMappingURL=toggle-switch.css.map */