.toggle-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.toggle-button .toggle{position:relative}.toggle-button .toggle .toggle-wrapper{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.toggle-button .toggle .reverse,.toggle-button .toggle .toggle-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.toggle-button .toggle .reverse{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:12px}.toggle-button .toggle label.toggle-button-label{margin:0;padding-left:4px;cursor:pointer;font-size:12px;line-height:13px}.toggle-button .toggle input{opacity:0;width:0;height:0;pointer-events:none;position:absolute}.toggle-button .toggle .slider{width:24px;height:14px;border-radius:1px;color:#fafafa;position:relative;z-index:99;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(176,179,176,.144);-webkit-transition:.4s;transition:.4s;-webkit-box-shadow:0 0 3px rgba(0,0,0,.178);box-shadow:0 0 3px rgba(0,0,0,.178)}.toggle-button .toggle .slider:before{position:absolute;content:"";height:10px;width:10px;left:2px;bottom:2px;border-radius:1px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.toggle-button .toggle input:checked+.slider{background-color:var(--active-color)}.toggle-button .toggle .checked,.toggle-button .toggle input:focus+.slider{-webkit-box-shadow:0 0 1px var(--active-color);box-shadow:0 0 1px var(--active-color)}.toggle-button .toggle .checked{background-color:var(--active-color)}.toggle-button .toggle .checked:before,.toggle-button .toggle input:checked+.slider:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.toggle-button .toggle .slider.round{border-radius:34px}.toggle-button .toggle .slider.round:before{border-radius:50%}