
    }
    
    .slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 4px;
        bottom: 4px;
        background-color: var(--bg-secondary, white);
        transition: .4s;
        border-radius: 50%;
    }
    
    input:checked + .slider {
        background-color: var(--accent-color, #5856d6);
    }
    
    input:checked + .slider:before {
        transform: translateX(22px);
    }
    
    .switch-label {
        font-size: 14px;
  