.r5JNVG_toggle-button{-webkit-tap-highlight-color:transparent;position:relative}.r5JNVG_toggle-button *{cursor:pointer;transition:all .3s}.r5JNVG_toggle-button label{-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;font-size:14px;display:flex;position:relative}.r5JNVG_toggle-button label .r5JNVG_toggle-button__switch{background:0 0;border:2px solid #fff;border-radius:30px;width:280px;height:48px;transition:background-color .3s cubic-bezier(0,1,.5,1);position:relative}.r5JNVG_toggle-button label .r5JNVG_toggle-button__switch:before{content:attr(data-checked);text-transform:uppercase;text-align:center;color:#6a6a6a;width:140px;padding:0 12px;font-size:16px;font-weight:400;line-height:46px;position:absolute;top:0;left:137px}.r5JNVG_toggle-button label .r5JNVG_toggle-button__switch:after{content:attr(data-unchecked);z-index:5;text-transform:uppercase;text-align:center;color:#6a6a6a;background:#fff;border-radius:30px;width:140px;font-size:16px;font-weight:600;line-height:40px;transition:transform .3s cubic-bezier(0,1,.5,1);position:absolute;top:2px;left:2px;transform:translate(0,0)}.r5JNVG_toggle-button label .r5JNVG_toggle-button__switch:hover:after{box-shadow:0 3px 3px rgba(0,0,0,.4)}.r5JNVG_toggle-button label .r5JNVG_toggle-button__switch--dark{background-color:#2d3339;border:2px solid #2d3339}.r5JNVG_toggle-button label .r5JNVG_toggle-button__switch--dark:after{color:#fff!important;background:linear-gradient(185deg,#eb2552 0,#ba1891 100%)!important}.r5JNVG_toggle-button input[type=checkbox]{opacity:0;position:absolute;top:0;left:0}.r5JNVG_toggle-button input[type=checkbox][disabled]~label{pointer-events:none;color:rgba(119,119,119,.5);opacity:.4}.r5JNVG_toggle-button input[type=checkbox]:checked~label .r5JNVG_toggle-button__switch:before{content:attr(data-unchecked);left:0}.r5JNVG_toggle-button input[type=checkbox]:checked~label .r5JNVG_toggle-button__switch:after{color:#5e5e5e;content:attr(data-checked);transform:translate(132px)}.r5JNVG_toggle-button input[type=checkbox]:checked:focus~label .r5JNVG_toggle-button__switch:after{color:#5e5e5e;box-shadow:0 3px 3px rgba(0,0,0,.4)}.r5JNVG_toggle-button input[type=checkbox]:checked:hover~label{color:#6a6a6a}.r5JNVG_toggle-button input[type=checkbox]:checked:hover~label .r5JNVG_toggle-button__switch:after{color:#5e5e5e;box-shadow:0 3px 3px rgba(0,0,0,.4)}