.d4tt-line{margin:12px 0;color:#edf0f5}
.d4tt-link{all:unset;cursor:help;font-weight:700;border-bottom:1px dotted currentColor;border-radius:2px}
.d4tt-link:focus-visible{outline:2px solid #e1a856;outline-offset:2px}
.d4tt-q-legendary{--d4tt-q:#f0913c;--d4tt-tint:rgba(240,145,60,.12);--d4tt-power:#f0a45a}
.d4tt-q-unique{--d4tt-q:#dcab7a;--d4tt-tint:rgba(220,171,122,.12);--d4tt-power:#e8a76a}
.d4tt-q-mythic{--d4tt-q:#c9a2ff;--d4tt-tint:rgba(170,120,240,.16);--d4tt-power:#d2b0ff}
.d4tt-q-set{--d4tt-q:#7ee07e;--d4tt-tint:rgba(126,224,126,.1);--d4tt-power:#8fe08f}
.d4tt-frame-mythic{--d4tt-tint:rgba(170,120,240,.16);--d4tt-power:#d2b0ff;border-top-color:#c9a2ff!important}
.d4tt-link.d4tt-q-legendary,.d4tt-link.d4tt-q-unique,.d4tt-link.d4tt-q-mythic,.d4tt-link.d4tt-q-set{color:var(--d4tt-q)}
.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-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.d4tt-icon{flex:none;width:52px;height:78px;object-fit:contain;margin:-6px -6px -10px 0}
.d4tt-name{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:700;color:var(--d4tt-q,#fff)}
.d4tt-star{flex:none;width:13px;height:13px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22m16%202%203.6%206.3%207-3-3%207L30%2016l-6.4%203.7%203%207-7-3L16%2030l-3.7-6.3-7%203%203-7L2%2016l6.3-3.7-3-7%207%203Z%22%20fill%3D%22%23e3b9a7%22%20stroke%3D%22%2335231f%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3Cpath%20d%3D%22m16%205%202.6%206.1%205.4-3.2-3.1%205.5L27%2016l-6.1%202.6%203.1%205.5-5.4-3.2L16%2027l-2.6-6.1L8%2024.1l3.1-5.5L5%2016l6.1-2.6L8%207.9l5.4%203.2Z%22%20fill%3D%22%23fff0dc%22%2F%3E%20%3Cpath%20d%3D%22m16%2010%206%206-6%206-6-6Z%22%20fill%3D%22%23ad7667%22%2F%3E%20%3Cpath%20d%3D%22m16%2012.5%203.5%203.5-3.5%203.5-3.5-3.5Z%22%20fill%3D%22%23fff3df%22%2F%3E%20%3C%2Fsvg%3E%20") center/contain no-repeat}
.d4tt-kind{margin-top:1px;color:#b9bec8;font-size:12.5px}.d4tt-meta{white-space:nowrap}
.d4tt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.d4tt-rule{height:1px;margin:8px 0;background:#2c323d}
.d4tt-card ul{list-style:none;margin:0 0 6px;padding:0}
.d4tt-card li{position:relative;margin:0 0 3px;padding-left:17px}
.d4tt-card li::before{content:"";position:absolute;left:3px;top:.55em;width:5px;height:5px;border:1px solid #8a909c;transform:rotate(45deg)}
.d4tt-card li.d4tt-i-greater::before{left:0;top:.2em;width:13px;height:13px;border:0;transform:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22m16%202%203.6%206.3%207-3-3%207L30%2016l-6.4%203.7%203%207-7-3L16%2030l-3.7-6.3-7%203%203-7L2%2016l6.3-3.7-3-7%207%203Z%22%20fill%3D%22%23e3b9a7%22%20stroke%3D%22%2335231f%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3Cpath%20d%3D%22m16%205%202.6%206.1%205.4-3.2-3.1%205.5L27%2016l-6.1%202.6%203.1%205.5-5.4-3.2L16%2027l-2.6-6.1L8%2024.1l3.1-5.5L5%2016l6.1-2.6L8%207.9l5.4%203.2Z%22%20fill%3D%22%23fff0dc%22%2F%3E%20%3Cpath%20d%3D%22m16%2010%206%206-6%206-6-6Z%22%20fill%3D%22%23ad7667%22%2F%3E%20%3Cpath%20d%3D%22m16%2012.5%203.5%203.5-3.5%203.5-3.5-3.5Z%22%20fill%3D%22%23fff3df%22%2F%3E%20%3C%2Fsvg%3E%20") center/contain no-repeat}
.d4tt-card li.d4tt-i-upgraded::before{left:2px;top:.42em;width:7px;height:7px;border:1px solid #d3d9ff;background:#6c7cff}
.d4tt-card .mmd4-value{color:#fff;font-weight:700}
.d4tt-masterworked .d4tt-affixes .mmd4-value{color:#aab3ff}
.d4tt-card li.d4tt-up .mmd4-value{color:#f29a3f}
.d4tt-unique{margin:6px 0 8px;color:var(--d4tt-power)}
.d4tt-card .mmd4-mythic{color:#d2b0ff}
.d4tt-card .mmd4-important{color:#f2c46d}
.d4tt-card .mmd4-set{color:#8fe08f}
.d4tt-card .mmd4-label{color:#b9bec8}
.d4tt-card .mmd4-number.mmd4-value{color:#fff}
.d4tt-card .mmd4-random.mmd4-value{color:#9fd3ff}
.d4tt-x{color:#8d939e;font-weight:400;font-size:.9em}
.d4tt-nw{white-space:nowrap}
.d4tt-sockets{display:flex;flex-wrap:wrap;gap:2px 12px;margin:0 0 6px;color:#b9bec8}
.d4tt-socket{display:inline-flex;align-items:center;gap:5px}
.d4tt-socket::before{content:"";width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--d4tt-gem-hi,#d8d2c8),var(--d4tt-gem,#6b645c) 65%)}
.d4tt-socket-icon::before{content:none}
.d4tt-socket-icon img{width:24px;height:24px;object-fit:contain}
.d4tt-s-ruby{--d4tt-gem-hi:#f08a92;--d4tt-gem:#a01f2e}
.d4tt-s-sapphire{--d4tt-gem-hi:#8fb6ff;--d4tt-gem:#2446a8}
.d4tt-s-emerald{--d4tt-gem-hi:#8ff0a8;--d4tt-gem:#1e8a44}
.d4tt-s-topaz{--d4tt-gem-hi:#ffe08a;--d4tt-gem:#b8861a}
.d4tt-s-amethyst{--d4tt-gem-hi:#d9a8ff;--d4tt-gem:#6e2fa8}
.d4tt-s-diamond{--d4tt-gem-hi:#fff;--d4tt-gem:#9fb3c8}
.d4tt-s-skull{--d4tt-gem-hi:#f3ead6;--d4tt-gem:#a3977f}
.d4tt-s-rune{--d4tt-gem-hi:#c9d4e0;--d4tt-gem:#4c5a6e}
.d4tt-s-splinter{--d4tt-gem-hi:#ff7a6b;--d4tt-gem:#5a0f1c}
.d4tt-foot{margin:6px 0 0;color:#9aa0aa;font-size:12px}.d4tt-offer{margin:0;color:#dfe3ec;font-size:12.5px}.d4tt-label{margin:10px 0 4px;color:#9aa0aa;font-size:12px}

.blog-wrapper a.d4tt-link,.blog-wrapper a.d4tt-link:hover{color:var(--d4tt-q);text-decoration:none;font-weight:700;border-bottom:1px dotted currentColor;cursor:pointer}.d4tt-card a.d4tt-shop{pointer-events:auto;display:inline-block;margin-top:8px;padding:5px 10px;border-radius:4px;background:#d72638;color:#fff;font-size:13px;font-weight:700;text-decoration:none}