/* Prevents black outline around nav menu items */
.dxbl-menu:not([data-dx-focus-hidden]) .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item > .dxbl-btn:focus-visible {
    outline: none;
}

/* success button */
.dxbl-btn-success {
    --dxbl-btn-bg: var(--secondary-color-5-light1) !important;
    --dxbl-btn-hover-bg: var(--secondary-color-5) !important;
    --dxbl-btn-active-bg: color-mix(in srgb, var(--secondary-color-5) 90%, black 20%) !important;
}

    .dxbl-btn-success .dxbl-btn-content {
        color: #ffffff;
    }

    .dxbl-btn-success.dxbl-disabled {
        background: var(--secondary-color-5-light3) !important;
        color: var(--primary-color-3-light4) !important;
        cursor: default !important;
    }

.dxbl-hamburger-button:active,
.dxbl-hamburger-button.dxbl-active {
    background: transparent;
    border: none;
    box-shadow: none;
}

.dxbl-hamburger-button {
    transition: transform .15s ease, box-shadow .15s ease;
    will-change: transform, box-shadow; /* smoother animation */
}

   
.dxbl-btn:focus-visible {
    outline: none;
}

/* Display a hamburger icon in destructive confirmation dialogs */
.dxbl-message-box.hamburger-dialog .dxbl-message-box-header {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dxbl-message-box.hamburger-dialog .dxbl-message-box-header::before {
    content: "\2630";
    font-size: 1.25rem;
    line-height: 1;
}