.rudl-switch-field,
.rudl-switch-field__label {
    box-sizing: border-box;
    max-width: 100%;
}

.rudl-switch-field__label {
    display: inline-flex;
    align-items: center;
    gap: .65em;
    cursor: pointer;
}

.rudl-switch-field__label input[type="checkbox"] {
    appearance: none;
    box-sizing: border-box;
    width: 3rem !important;
    height: 1.65rem !important;
    min-width: 3rem;
    margin: 0 !important;
    border: 1px solid currentColor;
    border-radius: 999px !important;
    background: var(--wp--preset--color--accent-1, #9ca3af);
    position: relative;
}

.rudl-switch-field__label input[type="checkbox"]::before {
    content: "";
    position: absolute;
    width: 1.15rem;
    height: 1.15rem;
    top: .18rem;
    left: .2rem;
    border-radius: 50%;
    background: var(--wp--preset--color--base, #fff);
    transition: transform .18s ease;
}

.rudl-switch-field__label input[type="checkbox"]:checked {
    background: var(--wp--preset--color--accent-2, #ff0055);
}

.rudl-switch-field__label input[type="checkbox"]:checked::before {
    transform: translateX(1.28rem);
}