


 
.ts-x-tab-card > .ts-x-head{ border-radius:calc(var(--ts-radius) - 1px) calc(var(--ts-radius) - 1px) 0 0; }   
.ts-x-hot-rank{ display:inline-block; width:1.5rem; flex-shrink:0; margin-right:.5rem; text-align:center; }
.ts-x-people-more{ display:inline-block; width:var(--ts-mark-size); margin-right:.5rem; text-align:center; }
.ts-x-hot-rank-top{ color:var(--ts-color-red); }
.ts-x-hot-badge-burst{ background:var(--ts-color-red); color:var(--ts-white); }
.ts-x-hot-badge-hot{ background:var(--ts-color-yellow); color:var(--ts-near-black); }
.ts-x-hot-badge-new{ background:var(--ts-color-blue); color:var(--ts-white); }
.ts-x-checkin .ts-task-streak{ font-size:var(--ts-font-size-large); }
.ts-x-checkin .ts-task-streak-days{ font-size:var(--ts-font-size-display); line-height:1; color:var(--ts-brand); }
.ts-x-streak{ display:flex; align-items:center; }
.ts-x-streak-day{ flex:0 0 1.5rem; height:1.5rem; border-radius:50%; border:2px solid var(--ts-x-streak-color); display:flex; align-items:center; justify-content:center; font-size:var(--ts-font-size-small); color:var(--ts-white); }
.ts-x-streak-day.is-done{ background:var(--ts-x-streak-color); }
.ts-x-streak-day.ts-x-streak-yellow{ color:var(--ts-near-black); }
.ts-x-streak-line{ flex:1 1 auto; height:2px; background:linear-gradient(to right, var(--ts-x-streak-from), var(--ts-x-streak-to)); }
.ts-x-streak-tail{ flex:0 0 1.5rem; margin-left:.25rem; border-top:2px dotted var(--ts-x-streak-color); }
.ts-x-streak-green{ --ts-x-streak-color:var(--ts-color-green); }
.ts-x-streak-blue{ --ts-x-streak-color:var(--ts-color-blue); }
.ts-x-streak-red{ --ts-x-streak-color:var(--ts-color-red); }
.ts-x-streak-yellow{ --ts-x-streak-color:var(--ts-color-yellow); }
.ts-x-streak-from-green{ --ts-x-streak-from:var(--ts-color-green); }
.ts-x-streak-from-blue{ --ts-x-streak-from:var(--ts-color-blue); }
.ts-x-streak-from-red{ --ts-x-streak-from:var(--ts-color-red); }
.ts-x-streak-from-yellow{ --ts-x-streak-from:var(--ts-color-yellow); }
.ts-x-streak-to-green{ --ts-x-streak-to:var(--ts-color-green); }
.ts-x-streak-to-blue{ --ts-x-streak-to:var(--ts-color-blue); }
.ts-x-streak-to-red{ --ts-x-streak-to:var(--ts-color-red); }
.ts-x-streak-to-yellow{ --ts-x-streak-to:var(--ts-color-yellow); }

.ts-topic-plaza .ts-x-hot-rank{ width:2.25rem; }
