.modal-backdrop {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(15, 23, 42, .48);
    padding: 24px;
}

.modal {
    width: min(100%, 520px);
    border-radius: var(--st-radius-md);
    background: var(--st-surface);
    box-shadow: var(--st-shadow);
}