.toggle-switch{width:40px;height:20px;background-color:hsla(0,0%,100%,.05);border-radius:10px;position:relative;cursor:pointer;opacity:1;transition:background-color .3s ease-in-out;display:flex;align-items:center;justify-content:space-between;outline:none;flex-shrink:0}.toggle-switch:focus-visible{box-shadow:0 0 0 2px var(--color-accent-primary)}.toggle-switch__track-left{width:2px;height:8px;background-color:#fff;z-index:1;margin-left:10px;transition:opacity .3s ease-in-out}.toggle-switch__thumb{position:absolute;width:16px;height:16px;background-color:#fff;border-radius:50%;top:2px;left:4px;transition:left .3s ease-in-out;z-index:2}.toggle-switch__track-right{width:8px;height:8px;border:2px solid hsla(0,0%,100%,.25);border-radius:50%;z-index:1;margin-right:7px;transition:opacity .3s ease-in-out;box-sizing:border-box}.toggle-switch__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-switch--checked{background-color:var(--color-accent-primary)}.toggle-switch--checked .toggle-switch__thumb{left:calc(100% - 18px)}.toggle-switch--disabled{background-color:hsla(0,0%,100%,.05);cursor:not-allowed}