.wdb__toggle_switcher{display:flex;flex-direction:column}.wdb__toggle_switcher .slide-toggle-wrapper{--switcher-width:40px;--switcher-border-width:2px;--switcher-indicator-width:16px;display:flex;align-items:center;justify-content:center;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:20px;margin-left:auto;margin-right:auto}.wdb__toggle_switcher .slide-toggle-wrapper input{display:none}.wdb__toggle_switcher .after_label,.wdb__toggle_switcher .before_label{cursor:pointer}.wdb__toggle_switcher .toggle-pane{display:none}.wdb__toggle_switcher .toggle-pane.show{display:block}.wdb__toggle_switcher.style-1 .switcher{display:inline-block;width:var(--switcher-width);height:20px;background-color:#999;border:var(--switcher-border-width) solid #999;border-radius:10px;position:relative;cursor:pointer}.wdb__toggle_switcher.style-1 .switcher::before{content:"";position:absolute;top:50%;left:0;width:var(--switcher-indicator-width);height:var(--switcher-indicator-width);background-color:#fff;border-radius:50%;transition:transform .3s;transform:translate(0,-50%)}.wdb__toggle_switcher.style-1 input:checked+.switcher::before{transform:translate(calc(var(--switcher-width) - (var(--switcher-indicator-width) + 2 * var(--switcher-border-width))),-50%)}.wdb__toggle_switcher.style-1 input:checked+.switcher{background-color:#000;border-color:#000}.wdb__toggle_switcher.style-2 .after_label,.wdb__toggle_switcher.style-2 .before_label{padding:10px 20px;position:relative;z-index:2}.wdb__toggle_switcher.style-2 .after_label:after,.wdb__toggle_switcher.style-2 .before_label:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;z-index:-1;opacity:0;visibility:hidden;transition:transform .3s}.wdb__toggle_switcher.style-2 .after_label.active,.wdb__toggle_switcher.style-2 .before_label.active{color:#fff}.wdb__toggle_switcher.style-2 .after_label.active:after,.wdb__toggle_switcher.style-2 .before_label.active:after{opacity:1;visibility:visible;transform:translatex(0)}.wdb__toggle_switcher.style-2 .before_label:after{transform:translatex(100%)}.wdb__toggle_switcher.style-2 .after_label:after{transform:translatex(-100%)}