.is-toast-container {
    left: 0;
}

.is-dialog {
    max-height: 80vh;
    max-width: 80vw;
    border-radius: 0.5rem;
    border: 1px solid grey;
    padding: 1rem 1.5rem;
    color: inherit;
    overflow-y: auto;
}

    .is-dialog button {
        padding: 0.2rem 0.4rem;
    }

    .is-toast.success-toast,
    .is-dialog.success-dialog {
        color: var(--success-color);
        background-color: var(--success-bg-color);
    }

        .is-toast.success-toast .is-toast-timer-ticker {
            background-color: var(--success-accent-color);
        }

    .is-toast.error-toast,
    .is-dialog.error-dialog {
        color: var(--error-color);
        background-color: var(--error-bg-color);
    }

        .is-dialog.error-dialog p {
            white-space: pre;
            font-family: monospace;
            font-size: 0.9em;
            overflow-x: auto;
            border: 2px solid;
            padding: 0.5rem;
        }

        .is-dialog.error-dialog textarea {
            background-color: rgba(255,255,255, 0.4);
            width: 50vw !important;
            height: 40vh !important;
        }

        .is-toast.error-toast .is-toast-timer-ticker {
            background-color: var(--error-accent-color);
        }

    .is-toast.info-toast,
    .is-dialog.info-dialog {
        color: var(--info-color);
        background-color: var(--info-bg-color);
    }

        .is-toast.info-toast .is-toast-timer-ticker {
            background-color: var(--info-accent-color);
        }

.ui-locked-notice {
    position: fixed;
    top: 0.5rem;
    right: 1rem;
    z-index: 10000;
    padding: 0.25rem 1rem;
}