.tpp-meter{justify-items:center;gap:8px;width:84px;display:grid;position:absolute}.tpp-rate,.tpp-fee{font:700 11px var(--pub-font-mono);letter-spacing:.06em;color:#8f98b3;white-space:nowrap}.tpp-tube{background:#141a28cc;border:1px solid #fff3;border-radius:12px;width:56px;height:300px;position:relative;overflow:hidden}.tpp-tube i{transform-origin:bottom;background:linear-gradient(0deg, color-mix(in srgb, var(--s3d-accent) 80%, #fff), #ffb347 60%, #ff4d2e);position:absolute;inset:0}.tpp-tube u{border:2px solid #ff4d2e;border-radius:12px;position:absolute;inset:0;box-shadow:inset 0 0 24px #ff4d2eb3}.tpp-fee{width:100%;height:16px;display:block;position:relative}.tpp-fee b{text-align:center;color:#fff;font-size:13px;position:absolute;inset:0}.tpp-fee b[data-hot=true]{color:#ff7a5c}.tpp-tread{--rise:44px;border-top:3px solid var(--pub-acid);text-align:center;background:#141a28f2;border-radius:4px 4px 0 0;width:92px;padding:7px 4px;position:absolute}.tpp-tread b{font:700 11px var(--pub-font-mono);color:#f3f2ec;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.tpp-tread:after{content:"";background:linear-gradient(#141a28f2,#141a2833);border-inline:1px solid #ffffff14;height:34px;position:absolute;top:100%;left:0;right:0}.tpp-tread[data-i="1"]:after{height:calc(34px + var(--rise))}.tpp-tread[data-i="2"]:after{height:calc(34px + var(--rise) * 2)}.tpp-tread[data-i="3"]:after{height:calc(34px + var(--rise) * 3)}.tpp-tag{background:var(--pub-acid);color:#07090f;transform-origin:12px;max-width:min(230px,50%);box-shadow:0 20px 40px -20px color-mix(in srgb, var(--pub-acid) 70%, transparent);border-radius:10px;gap:2px;padding:10px 16px 10px 30px;display:grid;position:absolute}.tpp-tag:before{content:"";background:#07090f;border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;left:10px}.tpp-tag b{font:800 24px var(--pub-font-mono);line-height:1}.tpp-tag span{font:700 11px/1.25 var(--pub-font-display)}.tpp-chip{top:2%;left:3%}.tpp-plan{width:min(300px,80%);bottom:3%;right:3%}@media (width<=640px){.tpp-meter{width:64px}.tpp-tube{width:40px;height:210px}.tpp-tread{--rise:30px;width:56px}.tpp-tread b{font-size:10px}.tpp-tag b{font-size:18px}.tpp-chip{top:86%;left:28%}.tpp-plan{bottom:1%}}.tpp-spend{justify-items:center;gap:8px;width:min(250px,52%);display:grid;position:absolute}.tpp-spend span{transform-origin:bottom;align-items:flex-end;gap:8px;width:100%;height:200px;display:flex}.tpp-spend i{background:color-mix(in srgb, var(--s3d-accent) 70%, #fff);opacity:.8;border-radius:5px 5px 0 0;flex:1}.tpp-spend b{font:700 11px var(--pub-font-mono);color:#cfd5e6;white-space:nowrap}@media (width<=640px){.tpp-spend span{gap:5px;height:140px}.tpp-spend b{font-size:10px}}