:root {
    --cui-border-width: 1px;
    --cui-border-radius: 0.375rem;
    --cui-alert-bg: transparent;
    --cui-alert-padding-x: 0.4rem;
    --cui-alert-padding-y: 0.4rem;
    --cui-alert-margin-bottom: 1rem;
    --cui-alert-color: inherit;
    --cui-alert-border-color: transparent;
    --cui-alert-border: var(--cui-border-width) solid var(--cui-alert-border-color);
    --cui-alert-border-radius: var(--cui-border-radius);
    --cui-alert-link-color: inherit;
    --cui-alert-font-size: 0.75rem;
    --cui-primary-text-emphasis: #3634a3;
    --cui-primary-bg-subtle: #cfc7f3;
    --cui-primary-border-subtle: #9d92e6;
    --cui-secondary-text-emphasis: #212233;
    --cui-secondary-bg-subtle: #ced2d8;
    --cui-secondary-border-subtle: #9da5b1;
    --cui-success-text-emphasis: #0f5722;
    --cui-success-bg-subtle: #cbedd6;
    --cui-success-border-subtle: #96dbad;
    --cui-info-text-emphasis: #184c77;
    --cui-info-bg-subtle: #c0e6ff;
    --cui-info-border-subtle: #80c6ff;
    --cui-warning-text-emphasis: #764705;
    --cui-warning-bg-subtle: #feecc5;
    --cui-warning-border-subtle: #fcd88a;
    --cui-danger-text-emphasis: #671414;
    --cui-danger-bg-subtle: #f9d4d4;
    --cui-danger-border-subtle: #f2a9a9;
    --cui-light-text-emphasis: #4a566d;
    --cui-light-bg-subtle: rgb(249, 249.5, 251);
    --cui-light-border-subtle: #e7eaee;
    --cui-dark-text-emphasis: #323a49;
    --cui-dark-bg-subtle: #cfd4de;
    --cui-dark-border-subtle: #aab3c5;
    --cui-btn-close-width: 1em;
    --cui-btn-close-height: 1em;
    --cui-btn-close-padding-x: 0.25em;
    --cui-btn-close-padding-y: 0.25em;
    --cui-btn-close-color: #000;
    --cui-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='m.235 1.027 4.753 4.753 4.753-4.753a.678.678 0 0 1 .971 0 .678.678 0 0 1 0 .971L6.96 6.75l4.753 4.753a.678.678 0 0 1 0 .971.678.678 0 0 1-.971 0L5.99 7.721 1.237 12.474a.678.678 0 0 1-.971 0 .678.678 0 0 1 0-.971L5.019 6.75.266 1.998a.678.678 0 0 1 0-.971.678.678 0 0 1 .971 0z'/%3e%3c/svg%3e");
    --cui-btn-close-focus-shadow: 0 0 0 0.25rem rgba(114, 89, 215, 0.25);
    --cui-btn-close-opacity: 0.4;
    --cui-btn-close-hover-opacity: 1;
    --cui-btn-close-focus-opacity: 1;
    --cui-btn-close-disabled-opacity: 0.25;
    --cui-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);    
}

.alert {
    position: relative;
    padding: var(--cui-alert-padding-y) var(--cui-alert-padding-x);
    margin-bottom: var(--cui-alert-margin-bottom);
    color: var(--cui-alert-color);
    background-color: var(--cui-alert-bg);
    border: var(--cui-alert-border);
    border-radius: var(--cui-alert-border-radius);
    font-size: var(--cui-alert-font-size);
}
.alert-heading {
    color: inherit;
}
.alert-link {
    font-weight: 700;
    color: var(--cui-alert-link-color);
}
.alert-dismissible {
    -webkit-padding-end: 3rem;
    padding-inline-end: 3rem;
}
.alert-primary {
    --cui-alert-color: var(--cui-primary-text-emphasis);
    --cui-alert-bg: var(--cui-primary-bg-subtle);
    --cui-alert-border-color: var(--cui-primary-border-subtle);
    --cui-alert-link-color: var(--cui-primary-text-emphasis);
}
.alert-secondary {
    --cui-alert-color: var(--cui-secondary-text-emphasis);
    --cui-alert-bg: var(--cui-secondary-bg-subtle);
    --cui-alert-border-color: var(--cui-secondary-border-subtle);
    --cui-alert-link-color: var(--cui-secondary-text-emphasis);
}
.alert-success {
    --cui-alert-color: var(--cui-success-text-emphasis);
    --cui-alert-bg: var(--cui-success-bg-subtle);
    --cui-alert-border-color: var(--cui-success-border-subtle);
    --cui-alert-link-color: var(--cui-success-text-emphasis);
}
.alert-info {
    --cui-alert-color: var(--cui-info-text-emphasis);
    --cui-alert-bg: var(--cui-info-bg-subtle);
    --cui-alert-border-color: var(--cui-info-border-subtle);
    --cui-alert-link-color: var(--cui-info-text-emphasis);
}
.alert-warning {
    --cui-alert-color: var(--cui-warning-text-emphasis);
    --cui-alert-bg: var(--cui-warning-bg-subtle);
    --cui-alert-border-color: var(--cui-warning-border-subtle);
    --cui-alert-link-color: var(--cui-warning-text-emphasis);
}
.alert-danger {
    --cui-alert-color: var(--cui-danger-text-emphasis);
    --cui-alert-bg: var(--cui-danger-bg-subtle);
    --cui-alert-border-color: var(--cui-danger-border-subtle);
    --cui-alert-link-color: var(--cui-danger-text-emphasis);
}
.alert-light {
    --cui-alert-color: var(--cui-light-text-emphasis);
    --cui-alert-bg: var(--cui-light-bg-subtle);
    --cui-alert-border-color: var(--cui-light-border-subtle);
    --cui-alert-link-color: var(--cui-light-text-emphasis);
}
.alert-dark {
    --cui-alert-color: var(--cui-dark-text-emphasis);
    --cui-alert-bg: var(--cui-dark-bg-subtle);
    --cui-alert-border-color: var(--cui-dark-border-subtle);
    --cui-alert-link-color: var(--cui-dark-text-emphasis);
}