.base-toggle{align-items:center;cursor:pointer;display:flex}.base-toggle__label{color:#232323;margin-left:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-toggle__input{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.base-toggle__switch{--switch-container-width:44px;--switch-size:calc(var(--switch-container-width)/2);--light-gray:#e2e8f0;--gray:#cbd5e0;--dark-gray:#a0aec0;--green:#00a55e;align-items:center;background-color:#fff;border:2px solid #c4c4c4;border-radius:var(--switch-size);display:flex;flex-basis:var(--switch-container-width);flex-shrink:0;height:var(--switch-size);position:relative;transition:background-color .25s ease-in-out;width:48px}.base-toggle__switch:before{background-color:#c4c4c4;border:2px solid var(--light-gray);border-radius:9999px;content:"";height:calc(var(--switch-size) - 7px);left:1px;position:absolute;transition:transform .375s ease-in-out;width:calc(var(--switch-size) - 7px)}.base-toggle__input:checked+.base-toggle__switch{background-color:var(--green);border:2px solid var(--green)}.base-toggle__input:checked+.base-toggle__switch:before{background-color:#fff;border:2px solid #fff;transform:translate(calc(var(--switch-container-width) - var(--switch-size)))}.base-toggle__input:focus+.base-toggle__switch:before{border-color:var(--gray)}.base-toggle__input:disabled+.base-toggle__switch{background-color:var(--gray)}.base-toggle__input:disabled+.base-toggle__switch:before{background-color:var(--dark-gray);border-color:var(--dark-gray)}.base-toggle__input:focus:checked+.base-toggle__switch:before{border:2px solid #fff}