/* CONSUMERLAND — the inbox, sales and price history. Retail email, not a game HUD. */
.ib{max-width:860px;margin:0 auto;padding:22px 24px 60px}
.ib-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ib-h small{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.ib-h h1{font-size:28px;font-weight:800;margin-top:4px}
.ib-cal{display:flex;gap:8px;overflow-x:auto;padding:14px 0 4px;scrollbar-width:none}
.ib-cal::-webkit-scrollbar{display:none}
.ib-ev{flex:0 0 auto;min-width:150px;max-width:260px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;display:flex;flex-direction:column;gap:2px}
.ib-ev small{font-size:11.5px;color:var(--ink-3);font-weight:600}
.ib-ev b{font-size:14.5px}
.ib-ev span{font-size:12.5px;color:var(--ink-2)}
.ib-ev.on{border:2px solid var(--ink);background:var(--brand);padding:8px 11px}
.ib-ev.on small{color:var(--ink)}
.ib-today{display:flex;gap:12px;align-items:flex-start;margin-top:10px;padding:12px 14px;border-radius:10px;background:var(--surface-3)}
.ib-today>i{font-style:normal;font-size:22px}
.ib-today small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.ib-today b{display:block;font-size:15px}
.ib-today span{font-size:13.5px;color:var(--ink-2)}
.ib-chips{display:flex;gap:6px;overflow-x:auto;margin:16px 0 10px;scrollbar-width:none}
.ib-chips::-webkit-scrollbar{display:none}
.ib-chips button{flex:0 0 auto;padding:6px 12px;border-radius:999px;border:1px solid var(--line-2);font-size:13px;font-weight:600}
.ib-chips button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.ib-chips i{font-style:normal;font-size:11.5px;opacity:.7}
.ib-list{display:flex;flex-direction:column}
.ib-m{display:flex;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line);cursor:default}
.ib-m>div{flex:1;min-width:0}
.ib-g{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-size:19px;position:relative}
.ib-g img{width:70%;height:auto}
.ib-m.new .ib-g::after{content:"";position:absolute;right:-1px;top:-1px;width:11px;height:11px;border-radius:50%;background:var(--spend);box-shadow:0 0 0 2px #fff}
.ib-top{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.ib-top b{font-weight:600;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib-top small{color:var(--ink-3);white-space:nowrap}
.ib-m h3{font-size:15px;font-weight:600;margin-top:1px}
.ib-m.new h3{font-weight:800}
.ib-m p{margin:3px 0 0;font-size:13.5px;color:var(--ink-2)}
.ib-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.ib-acts .btn.pri{background:var(--brand);border-color:var(--brand);color:var(--ink)}
.ib-none{padding:18px 4px;color:var(--ink-3)}
.ib-news{margin-top:18px}
.ib-news h2,.ib-sh h2{font-size:18px;font-weight:800}
.ib-news>div{padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.ib-news b{display:block}
.ib-news span{color:var(--ink-3)}
.ib-wish{margin-top:28px}
.ib-sh{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ib-sh span{font-size:12.5px;color:var(--ink-3)}
.ib-wl{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin-top:10px}
.ib-wi{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px}
.ib-wi>span:nth-child(2){flex:1;min-width:0}
.ib-wi b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib-wi small{font-size:12px;color:var(--ink-3)}
.ib-wi em{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}
.ib-wi em.dn{color:var(--money)}
.ib-wi em.up{color:var(--spend)}
#bell-btn{position:relative}
.ib-dot{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--spend);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center;line-height:1}
@media (max-width:640px){.ib{padding:16px 16px 60px}.ib-h h1{font-size:23px}}

/* sales on the product page */
.pp .was.up{color:var(--warn)}
.lo30{font-size:13px;color:var(--ink-2);margin-top:4px}
.wishb{display:block;margin-top:10px;font-size:13.5px;color:#1F5FBF}
.pch{margin-top:8px}
.pch svg{width:100%;height:120px;display:block;margin-top:10px;overflow:visible}
.pch-l{fill:none;stroke:var(--ink);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.pch-a{fill:var(--surface-2)}
.pch-d{fill:var(--brand);stroke:var(--ink);stroke-width:2;vector-effect:non-scaling-stroke}
.pch-k{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--ink-3);margin-top:6px}
.pch-k b{color:var(--ink)}
.pch-flat{color:var(--ink-2)}