.overlay-loader,
.modal-overlay {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 16px;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    z-index: 60;
}

.overlay-loader__dialog,
.modal-dialog {
    width: min(520px, calc(100% - 32px));
}

.overlay-loader__dialog {
    max-width: 320px;
    text-align: center;
    padding: 24px;
}

.overlay-loader__title {
    margin: 0 0 6px;
}

.overlay-loader__body,
.modal-dialog__body {
    margin: 0;
    color: var(--text-soft);
}

.toast[hidden],
.overlay-loader[hidden],
.modal-overlay[hidden] {
    display: none !important;
}

.is-disabled {
    pointer-events: none;
    opacity: 0.5;
}

.pagination__summary {
    color: var(--text-soft);
}

.pagination__controls {
    flex-wrap: wrap;
}