:root {
    --rt-modal-width: 300px;
    --rt-modal-overlay-bg: rgba(0, 0, 0, 0.5);
}

.modal {
    width: var(--rt-modal-width);
}

.modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: var(--rt-z-modal);
    background: var(--rt-modal-overlay-bg);
    justify-content: center;
    align-items: center;
}

.modal-overlay.active {
    display: flex;
}

.modal__message {
    max-width: 350px;
}