.switch-container{display:flex;flex-direction:column-reverse;align-items:center;width:fit-content}.switch-wrapper{position:relative;user-select:none;cursor:pointer;margin:5px 10px;height:24px;width:50px}.switch-checkbox{opacity:0;position:absolute;left:0;top:0;height:0;width:0;margin:0;padding:0}.switch-bg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:12px;width:30px;background-color:var(--element-color);border-radius:12px;box-sizing:border-box;transition:background-color .3s}.switch-slider{position:absolute;height:20px;width:20px;left:2px;top:2px;background-color:var(--border-color-special);border-radius:50%;transition:transform .3s,background-color .3s}.switch-checkbox:checked~.switch-slider{background-color:var(--border-color-special);transform:translateX(26px)}.switch-container:focus-within~.switch-wrapper{border-color:var(--input-focus-border-color)}.switch-container.disabled .switch-wrapper{cursor:not-allowed}.switch-container.disabled .switch-slider{background-color:var(--disabled-border-color)}