@import url("./tokens.css");
@import url("./lu-design-system.css?v=lu-090-app-distribution-responsive");
@import url("./auth.css");
@import url("./invitations.css");

.lu-confirm-modal:not([hidden]).is-centered {
    position: fixed;
    inset: 0;
    z-index: 9000;
    display: grid;
    place-items: center;
    padding: 16px;
    pointer-events: auto;
}

.lu-confirm-modal:not([hidden]).is-centered .lu-confirm-dialog {
    position: relative;
    left: auto !important;
    top: auto !important;
    z-index: 9250;
    width: min(340px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    overflow: auto;
    pointer-events: auto;
}

.lu-confirm-modal:not([hidden]).is-centered.is-compact .lu-confirm-dialog {
    width: fit-content;
    max-width: min(340px, calc(100vw - 32px));
}

.lu-confirm-modal:not([hidden]).is-centered .lu-confirm-backdrop {
    z-index: 9000;
}