:root {
    --modal-ff: var(--ff-primary);
    --modal-z-index: var(--z-dialog);
    --modal-backdrop-opacity: var(--o-50);
    --modal-top-offset: var(--top-offset);
    --modal-panel-container-padding: var(--space-2);
    --modal-panel-margin-top: var(--space-8);
    --modal-panel-margin-bottom: var(--space-8);
    --modal-panel-padding: var(--space-6);
    --modal-panel-heading-gap: var(--space-8);
    --modal-panel-heading-margin-bottom: var(--space-2);
    --modal-panel-heading-font-size: var(--fs-h4);
    --modal-panel-footer-padding: var(--space-4) var(--modal-panel-padding);
    --modal-panel-footer-bg-color: var(--gray-1);
    --modal-footer-buttons-gap: var(--space-2);
    --modal-panel-width-sm: calc(var(--space-s-step) * 2);
    --modal-panel-width-md: calc(var(--space-s-step) * 5);
    --modal-panel-width-lg: calc(var(--space-s-step) * 9);
}

.Modal_panelDismiss {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    appearance: none;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
    box-shadow: none;
    color: black;
}
.Modal_panelDismiss:focus-visible {
    outline: var(--space-1) solid var(--gray-5);
}

.Modal_loading {
    border: 0.25rem solid transparent;
    border-top: 0.25rem solid var(--color-loading);
    border-radius: 50%;
    width: var(--space-24);
    height: var(--space-24);
    animation: spin 2s linear infinite;
    margin: var(--space-16) auto var(--space-4) auto;
}