/* GENERAL */
body {
	background: radial-gradient(1200px 600px at 50% -200px, rgba(17, 125, 176, .10), transparent 60%), linear-gradient(180deg, #f7faff 0%, #f0eee9 60%, #f7faff 100%);
}
.brxe-heading {
	overflow-wrap: break-word;
}
.x-modal .x-modal_container {
	animation: none !important;
}
.x-modal .x-modal_close {
    justify-content: center;
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
	aspect-ratio: 1 / 1;
}

/* STATUS COLORS */
[data-status="passed"] {
	color: var(--success-color, green);
}
[data-status="failed"] {
	color: var(--error-color, red);
}
[data-status="na"] {
	color: var(--darkgray-color, darkgray);
}

/* GRADES COLORS */
.brxe-text[data-grade="A"],
.brxe-text-basic[data-grade="A"],
[data-grade="A"] .brxe-text-basic span {
	color: var(--grade-a) !important;
}
.brxe-text[data-grade="B"],
.brxe-text-basic[data-grade="B"],
[data-grade="B"] .brxe-text-basic span {
	color: var(--grade-b) !important;
}
.brxe-text[data-grade="C"],
.brxe-text-basic[data-grade="C"],
[data-grade="C"] .brxe-text-basic span {
	color: var(--grade-c) !important;
}
.brxe-text[data-grade="D"],
.brxe-text-basic[data-grade="D"],
[data-grade="D"] .brxe-text-basic span {
	color: var(--grade-d) !important;
}
.brxe-text[data-grade="E"],
.brxe-text-basic[data-grade="E"],
[data-grade="E"] .brxe-text-basic span {
	color: var(--grade-e) !important;
}
.brxe-text[data-grade="F"],
.brxe-text-basic[data-grade="F"],
[data-grade="F"] .brxe-text-basic span {
	color: var(--grade-f) !important;
}
.brxe-text[data-grade="G"],
.brxe-text-basic[data-grade="G"],
[data-grade="G"] .brxe-text-basic span {
	color: var(--grade-g) !important;
}
svg.brxe-icon[data-grade="A"] {
	fill: var(--grade-a) !important;
}
svg.brxe-icon[data-grade="B"] {
	fill: var(--grade-b) !important;
}
svg.brxe-icon[data-grade="C"] {
	fill: var(--grade-c) !important;
}
svg.brxe-icon[data-grade="D"] {
	fill: var(--grade-d) !important;
}
svg.brxe-icon[data-grade="E"] {
	fill: var(--grade-e) !important;
}
svg.brxe-icon[data-grade="F"] {
	fill: var(--grade-f) !important;
}
svg.brxe-icon[data-grade="G"] {
	fill: var(--grade-g) !important;
}
.card-custom[data-grade="A"] {
	background: color-mix(in srgb, var(--grade-a) 5%, transparent) !important;
}
.card-custom[data-grade="B"] {
	background: color-mix(in srgb, var(--grade-b) 5%, transparent) !important;
}
.card-custom[data-grade="C"] {
	background: color-mix(in srgb, var(--grade-c) 5%, transparent) !important;
}
.card-custom[data-grade="D"] {
	background: color-mix(in srgb, var(--grade-d) 5%, transparent) !important;
}
.card-custom[data-grade="E"] {
	background: color-mix(in srgb, var(--grade-e) 5%, transparent) !important;
}
.card-custom[data-grade="F"] {
	background: color-mix(in srgb, var(--grade-f) 5%, transparent) !important;
}
.card-custom[data-grade="G"] {
	background: color-mix(in srgb, var(--grade-g) 5%, transparent) !important;
}