/* ============ Form field switch ============ */
.form-field__switch-wrapper .form-field__switch,
.form-field__switch-wrapper .form-field__switch:active,
.form-field__switch-wrapper .form-field__switch:focus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
    border-color: var(--grey);
}

.form-field__switch-wrapper .form-field__switch {
    background-color: var(--grey);
    cursor: pointer;
    height: 24px;
    width: 40px;
}

.form-field__switch-wrapper .form-field__switch:focus {
    box-shadow: none;
    filter: brightness(100%);
}

.form-field__switch-wrapper .form-field__switch:focus {
    box-shadow: none;
}

.form-field__switch-wrapper .form-field__switch:checked {
    background-color: var(--violet);
    border-color: var(--violet);
}

.form-field__switch-wrapper .form-field__switch--blocked {
    pointer-events: none!important;
}

.form-field__switch-wrapper .form-field__switch-label {
    color: var(--dark-blue);
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    opacity: 1!important;
}