.kxl-epic{--d4tt-q:#c08af5;--d4tt-tint:rgba(163,53,238,.14);--kxl-ring:#a335ee}
.kxl-rare{--d4tt-q:#4aa3ff;--d4tt-tint:rgba(0,112,221,.14);--kxl-ring:#0070dd}
/* Loot: one options card with the item levels, the items and what Full Priority gives; quality colour on the icon frame and name, the outcome as a tag. */
/* Items, a row per item; quality colour on the icon frame and name, the Full Priority outcome as a tag. */
.mcui-content .kxl-loot{margin-top:12px}.mcui-content .kxl-loot .mcui-table-scroll{margin:4px 0 0;padding:0;background:none;overflow:visible}
.mcui-content .kxl-table{border-collapse:collapse}
.mcui-content .kxl-table thead th{padding:12px 0;border:0;border-bottom:1px solid var(--color-theme-450,#262b40);color:var(--mm-muted,#afb5cf);font-size:12px;font-weight:700;letter-spacing:0;vertical-align:middle}
.mcui-content .kxl-table thead th:last-child,.mcui-content .kxl-table td{text-align:right;white-space:nowrap;width:1%}
.mcui-content .kxl-table tbody th[scope=row],.mcui-content .kxl-table tbody td,.mcui-content .kxl-table tbody tr:first-child td{padding:10px 0;border:0;border-bottom:1px solid var(--color-theme-450,#262b40);background:none;vertical-align:middle}
.mcui-content .kxl-table tbody tr:last-child>*{border-bottom:0}
.mcui-content .kxl-table tbody th[scope=row]{padding-right:16px;white-space:normal;text-align:left;font-weight:400;text-transform:none}
.mcui-content .kxl-table tbody th[scope=row] img{float:left;width:40px;height:40px;margin:0 12px 0 0;border-radius:6px;background:#10131a;box-shadow:0 0 0 1px var(--kxl-ring,#3a4150),0 0 14px -4px var(--kxl-ring,transparent)}
.kxl-table tr:has(.kxl-epic) img{--kxl-ring:#a335ee}.kxl-table tr:has(.kxl-rare) img{--kxl-ring:#0070dd}
/* The Chance items sit apart from the items Full Priority gives you. */
.mcui-content .kxl-table tr:has(.mcui-table__cell--guaranteed)+tr:has(.mcui-table__cell--chance){border-top:1px solid var(--color-theme-450,#262b40)}.mcui-content .kxl-table tr:has(.mcui-table__cell--guaranteed)+tr:has(.mcui-table__cell--chance)>*{padding-top:18px}
.mcui-content .kxl-table tr:has(.mcui-table__cell--guaranteed):has(+tr .mcui-table__cell--chance)>*{padding-bottom:18px}
.kxl-item{display:grid;gap:2px;min-width:0;min-height:40px;align-content:center;overflow:hidden}
.kxl-table .d4tt-link{all:unset;color:var(--d4tt-q);font-size:16px;font-weight:700;line-height:1.3;cursor:help;text-decoration:underline dotted color-mix(in srgb,currentColor 55%,transparent);text-underline-offset:4px}
.kxl-table .d4tt-link:focus-visible{outline:2px solid #e1a856;outline-offset:2px;border-radius:2px}
.kxl-item small{color:var(--mm-muted,#afb5cf);font-size:13px;font-weight:400}
.kxl-tag{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.3}
.mcui-table__cell--guaranteed .kxl-tag{color:#6fe08a;background:rgba(79,208,106,.12);box-shadow:inset 0 0 0 1px rgba(79,208,106,.35)}
.mcui-table__cell--chance .kxl-tag{color:var(--mm-copy,#cfd3e2);background:rgba(239,240,245,.06)}
@media (hover:hover){.mcui-content .kxl-table tbody tr:hover>*{background:none}.kxl-table tbody tr{transition:background-color 150ms ease-out}.mcui-content .kxl-table tbody tr:hover{background:rgba(239,240,245,.03)}}
@media (max-width:599px){.mcui-content .kxl-table tr{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:0;border-bottom:1px solid var(--color-theme-450,#262b40)}.mcui-content .kxl-table tbody tr:last-child{border-bottom:0}.mcui-content .kxl-table tbody th[scope=row],.mcui-content .kxl-table tbody td{display:block;grid-column:auto;width:auto;border:0}.mcui-content .kxl-table tbody th[scope=row]{padding:10px 0}.mcui-content .kxl-table td::before{content:none}.mcui-content .kxl-table tr:has(.mcui-table__cell--guaranteed)+tr:has(.mcui-table__cell--chance){border-top:1px solid var(--color-theme-450,#262b40);margin-top:8px}.mcui-content .kxl-table tr:has(.mcui-table__cell--guaranteed)+tr:has(.mcui-table__cell--chance)>*{padding-top:10px}.mcui-content .kxl-table tr:has(.mcui-table__cell--guaranteed):has(+tr .mcui-table__cell--chance)>*{padding-bottom:10px}.mcui-content .kxl-table tbody th[scope=row] img{width:36px;height:36px}.kxl-item{min-height:36px}.kxl-table .d4tt-link{font-size:14px}.kxl-tag{padding:3px 10px;font-size:12px}}
.d4tt-card[hidden]{display:none!important}
.d4tt-card{position:fixed;z-index:2147483647;box-sizing:border-box;width:min(330px,calc(100vw - 16px));padding:12px 14px;background:linear-gradient(180deg,var(--d4tt-tint,transparent) 0,#10131a 80px) #10131a;color:#e6e8ec;border:1px solid #3a4150;border-top:3px solid var(--d4tt-q,#5b6270);border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.55);font-size:13px;line-height:1.45;text-align:left;pointer-events:none}
.d4tt-card p{margin:0 0 4px}
.d4tt-name{font-size:16px;font-weight:700;color:var(--d4tt-q,#fff)}
.d4tt-kind{margin-top:1px;color:#b9bec8;font-size:12.5px}
.kxl-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.kxl-head img{flex:none;width:40px;height:40px;border-radius:4px;box-shadow:0 0 0 1px #2c323d}
.kxl-ilvl{color:#f2c46d}.kxl-ilvl span{display:block;color:#9aa0aa;font-size:12px}
.kxl-line{color:#dfe3ec}
.kxl-stats{list-style:none;margin:0 0 4px;padding:0}.kxl-stats li{margin:0}
.kxl-green{color:#4fd06a}
.kxl-red{color:#ff6b5b}
.d4tt-flavor{color:#c9b48c;font-style:italic}
.d4tt-foot{margin:6px 0 0!important;color:#9aa0aa;font-size:12px}

.mcui-content .kxl-lead{margin:6px 0 0;color:var(--mm-copy,#cfd3e2);font-size:14px;line-height:1.5}
.mcui-content .kxl-ilvls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 6px;padding:0}
.mcui-content .kxl-ilvls div{display:grid;gap:2px;margin:0;padding:10px 12px;border-radius:10px;background:rgba(239,240,245,.04)}
.mcui-content .kxl-ilvls dt{margin:0;color:var(--mm-muted,#afb5cf);font-size:12px;font-weight:400;line-height:1.3}
.mcui-content .kxl-ilvls dd{margin:0;color:var(--d,#e6e8ec);font-size:18px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.mcui-content .kxl-ilvls dd small{margin-left:4px;color:var(--mm-muted,#afb5cf);font-size:12px;font-weight:400}
.kxl-ilvls [data-d=normal]{--d:#4fd06a}.kxl-ilvls [data-d=heroic]{--d:#4aa3ff}.kxl-ilvls [data-d=mythic]{--d:#ff8000}
.mcui-content .kxl-foot{margin:0 calc(-1 * var(--mcui-inset,20px));padding:14px var(--mcui-inset,20px) 14px;border-top:1px solid var(--color-theme-450,#262b40)}
.mcui-content .kxl-legend{display:grid;gap:8px;margin:0;padding:0}
.mcui-content .kxl-legend div{display:flex;align-items:baseline;gap:10px;margin:0}
.mcui-content .kxl-legend dt{flex:none;margin:0}.mcui-content .kxl-legend dd{margin:0;color:var(--mm-copy,#cfd3e2);font-size:14px;line-height:1.5}
.mcui-content .kxl-note{margin:10px 0 0;color:var(--mm-muted,#afb5cf);font-size:13px;line-height:1.5}
@media (max-width:599px){.mcui-content .kxl-ilvls{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mcui-content .kxl-cap{margin:14px 0 0;color:var(--mm-muted,#afb5cf);font-size:12px;line-height:1.3;text-transform:uppercase}.mcui-content .kxl-cap+.kxl-ilvls{margin-top:6px}
