.m3e-dialog {
    --m3e-dialog-min-width: min(22rem, calc(100vw - 2rem));
    --m3e-dialog-max-width: min(40rem, calc(100vw - 2rem));
    --m3e-dialog-mobile-top: max(24px, env(safe-area-inset-top));
    --m3e-dialog-mobile-max-width: calc(100vw - 32px);
    --m3e-dialog-mobile-max-height: calc(100dvh - 48px);
}

.m3e-dialog__content {
    display: flex;
    flex-direction: column;
    min-width: min(18rem, calc(100vw - 4rem));
    padding-top: 0.25rem;
}

.m3e-dialog__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
    width: 100%;
}