:root {
    --dialog-scrim-color-hide: rgb(17 24 32 / 0);
    --dialog-scrim-color-show: rgb(17 24 32 / 0.7);
    --dialog-lightbox-max-width: 616px;
}
.alert-dialog[role="alertdialog"] {
    align-items: flex-start;
    background-color: var(--dialog-scrim-color-show);
    inset: 0;
    justify-content: center;
    position: fixed;
    will-change: background-color;
    z-index: 100000;
}
.alert-dialog[role="alertdialog"]:not([hidden]) {
    display: flex;
}
.alert-dialog__window {
    background-color: var(
        --dialog-window-background-color,
        var(--color-background-primary)
    );
    border-radius: var(--lightbox-border-radius, var(--border-radius-100));
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    margin: auto;
    margin-left: var(--spacing-200);
    margin-right: var(--spacing-200);
    max-height: 90%;
    max-width: calc(100% - 32px);
    min-height: 55px;
    min-width: 208px;
    padding: var(--spacing-200);
    will-change: opacity, transform;
}
.alert-dialog__title {
    font-size: var(--font-size-large-1);
    font-weight: var(--font-weight-600);
    line-height: 28px;
    margin: 0;
}
.alert-dialog__footer {
    text-align: right;
}
.alert-dialog__main {
    margin: var(--spacing-200) 0;
    min-height: var(--spacing-200);
}
.alert-dialog__main > :first-child {
    margin-top: 0;
}
.alert-dialog__main > :last-child {
    margin-bottom: 0;
}
.alert-dialog--hide.alert-dialog--mask-fade,
.alert-dialog--show.alert-dialog--mask-fade {
    transition: background-color 0.16s ease-out;
}
.alert-dialog--hide.alert-dialog--mask-fade-slow,
.alert-dialog--show.alert-dialog--mask-fade-slow {
    transition: background-color 0.32s ease-out;
}
.alert-dialog--hide .alert-dialog__window--fade,
.alert-dialog--show .alert-dialog__window--fade {
    transition: opacity 0.16s ease-out;
}
.alert-dialog--hide.alert-dialog--mask-fade,
.alert-dialog--hide.alert-dialog--mask-fade-slow {
    transition: background-color var(--motion-duration-short-3)
        var(--motion-easing-continuous);
}
.alert-dialog--hide .alert-dialog__window--fade {
    transition: opacity var(--motion-duration-short-3)
        var(--motion-easing-continuous);
}
.alert-dialog--hide .alert-dialog__window--animate {
    transition:
        transform var(--motion-duration-medium-3) var(--motion-easing-soft-exit),
        opacity var(--motion-duration-short-3) var(--motion-easing-continuous);
}
.alert-dialog--hide .alert-dialog__window--animate > * {
    transition: opacity var(--motion-duration-short-2)
        var(--motion-easing-continuous);
}
.alert-dialog--show.alert-dialog--mask-fade,
.alert-dialog--show.alert-dialog--mask-fade-slow {
    transition: background-color var(--motion-duration-short-3)
        var(--motion-easing-continuous);
}
.alert-dialog--show .alert-dialog__window--fade {
    transition: opacity var(--motion-duration-short-3)
        var(--motion-easing-continuous);
}
.alert-dialog--show .alert-dialog__window--animate {
    transition:
        transform var(--motion-duration-medium-3) var(--motion-easing-standard),
        opacity var(--motion-duration-short-3) var(--motion-easing-continuous);
}
.alert-dialog--show .alert-dialog__window--animate > * {
    transition: opacity var(--motion-duration-medium-2)
        var(--motion-easing-continuous) var(--motion-duration-short-3);
}
.alert-dialog--hide.alert-dialog--hide,
.alert-dialog--hide.alert-dialog--show-init,
.alert-dialog--show-init.alert-dialog--hide,
.alert-dialog--show-init.alert-dialog--show-init {
    display: flex;
}
.alert-dialog--hide.alert-dialog--mask-fade,
.alert-dialog--hide.alert-dialog--mask-fade-slow,
.alert-dialog--show-init.alert-dialog--mask-fade,
.alert-dialog--show-init.alert-dialog--mask-fade-slow {
    background-color: var(--dialog-scrim-color-hide);
}
.alert-dialog--hide .alert-dialog__window--animate,
.alert-dialog--hide .alert-dialog__window--animate > *,
.alert-dialog--hide .alert-dialog__window--fade,
.alert-dialog--show-init .alert-dialog__window--animate,
.alert-dialog--show-init .alert-dialog__window--animate > *,
.alert-dialog--show-init .alert-dialog__window--fade {
    opacity: 0;
}
.alert-dialog--hide-init.alert-dialog--hide-init,
.alert-dialog--hide-init.alert-dialog--show,
.alert-dialog--show.alert-dialog--hide-init,
.alert-dialog--show.alert-dialog--show {
    display: flex;
}
.alert-dialog--hide-init.alert-dialog--mask-fade,
.alert-dialog--hide-init.alert-dialog--mask-fade-slow,
.alert-dialog--show.alert-dialog--mask-fade,
.alert-dialog--show.alert-dialog--mask-fade-slow {
    background-color: var(--dialog-scrim-color-show);
}
.alert-dialog--hide-init .alert-dialog__window--animate,
.alert-dialog--hide-init .alert-dialog__window--animate > *,
.alert-dialog--hide-init .alert-dialog__window--fade,
.alert-dialog--show .alert-dialog__window--animate,
.alert-dialog--show .alert-dialog__window--animate > *,
.alert-dialog--show .alert-dialog__window--fade {
    opacity: 1;
}
@media (prefers-reduced-motion) {
    .alert-dialog--hide.alert-dialog--mask-fade,
    .alert-dialog--hide.alert-dialog--mask-fade-slow {
        transition: background-color var(--motion-duration-short-3)
            var(--motion-easing-soft-exit);
    }
    .alert-dialog--hide .alert-dialog__window--animate,
    .alert-dialog--hide .alert-dialog__window--fade {
        transition: opacity var(--motion-duration-short-3)
            var(--motion-easing-soft-exit);
    }
    .alert-dialog--hide .alert-dialog__window--animate > * {
        transition: opacity var(--motion-duration-short-2)
            var(--motion-soft-exit);
    }
    .alert-dialog--show.alert-dialog--mask-fade,
    .alert-dialog--show.alert-dialog--mask-fade-slow {
        transition: background-color var(--motion-duration-medium-2)
            var(--motion-easing-soft-enter);
    }
    .alert-dialog--show .alert-dialog__window--animate,
    .alert-dialog--show .alert-dialog__window--fade {
        transition: opacity var(--motion-duration-medium-2)
            var(--motion-easing-soft-enter);
    }
    .alert-dialog--show .alert-dialog__window--animate > * {
        transition: opacity var(--motion-duration-medium-2)
            var(--motion-easing-soft-enter) var(--motion-duration-short-3);
    }
}
.alert-dialog--hide-init .alert-dialog__window--animate,
.alert-dialog--show .alert-dialog__window--animate {
    transform: scale(1);
}
.alert-dialog--hide .alert-dialog__window--animate,
.alert-dialog--show-init .alert-dialog__window--animate {
    transform: scale(0.75);
}
@media (prefers-reduced-motion) {
    .alert-dialog--hide .alert-dialog__window--animate,
    .alert-dialog--hide-init .alert-dialog__window--animate,
    .alert-dialog--show .alert-dialog__window--animate,
    .alert-dialog--show-init .alert-dialog__window--animate {
        transform: scale(1);
    }
}
@media (min-width: 768px) {
    .alert-dialog__window {
        max-width: calc(88% - var(--spacing-400));
    }
}
@media (min-width: 1024px) {
    .alert-dialog__window {
        max-width: var(--dialog-lightbox-max-width);
    }
}