.custom-toggle{position:relative;width:220px;height:36px;border-radius:20px;background-color:#e4e4e4;overflow:hidden}.toggle-checkbox{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:3}.toggle-switch{position:relative;width:100%;height:100%;display:flex;align-items:center;transition:all .3s ease}.toggle-switch:before{content:"";position:absolute;left:4px;width:50%;height:calc(100% - 8px);background-color:#3c6f83;border-radius:16px;transition:all .3s ease}.toggle-checkbox:checked+.toggle-switch:before{left:calc(50% - 4px)}.toggle-label{flex:1;text-align:center;color:#43455c;font-weight:700;font-size:12px;transition:all .3s ease;z-index:2}.toggle-label.active{color:#ffffff}