/* B483 · Denzel in the home hero (Steven, Nov 7: "add denzel to the hero", "shouldnt it be in one thread", "have the teams logo").
   One Teams thread: Alma asks @CultureAI, CultureAI finds the key result that needs a hand and passes it to @Denzel, Denzel
   drafts the work and waits, Alma approves, the key result is on track. Beats run on data-t (1 to 6) so none of B454's data-s
   rules apply; every beat keeps its place, so the window never changes height while it plays. */
.hx6 .hx6-app{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.hx6 .hx6-app img{width:22px;height:23px;border-radius:5px}
.hx6 .hx6-av.dz{background:none;overflow:hidden}
.hx6 .hx6-av.dz img{width:36px;height:36px;border-radius:50%}
.hx6 .hx6-st span.now{display:none}
.hx6 [data-hx6][data-t="6"] .hx6-st span.was{display:none}
.hx6 [data-hx6][data-t="6"] .hx6-st span.now{display:inline;color:#13774A;font-weight:500}
.hx6 .hx6-prog{height:8px;margin-top:12px;border-radius:999px;background:#EEF3FF;overflow:hidden}
.hx6 .hx6-prog i{display:block;height:100%;width:77.5%;border-radius:999px;background:var(--blue);transform-origin:left;transition:background .4s}
.hx6 [data-hx6][data-t="3"] .hx6-prog i{animation:hx6fill .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes hx6fill{from{transform:scaleX(.05)}to{transform:none}}
.hx6 [data-hx6][data-t="6"] .hx6-kr{box-shadow:inset 0 0 0 1.5px #BFE8D2}
.hx6 .hx6-drafts{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.hx6 .hx6-drafts li{position:relative;padding-left:22px;font:400 14px/1.35 Rubik,system-ui,sans-serif;color:var(--ink)}
.hx6 .hx6-drafts li::before{content:"";position:absolute;left:2px;top:4px;width:10px;height:6px;border:solid var(--blue);border-width:0 0 2px 2px;transform:rotate(-45deg)}
/* the beats */
.hx6 .hx6-slot>.t2{position:absolute;top:0;left:0;right:0}
.hx6 [data-hx6] .t2,.hx6 [data-hx6] .t3,.hx6 [data-hx6] .t4,.hx6 [data-hx6] .t6{visibility:hidden;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s .45s}
.hx6 [data-hx6][data-t="2"] .t2,
.hx6 [data-hx6][data-t="3"] .t3,.hx6 [data-hx6][data-t="4"] .t3,.hx6 [data-hx6][data-t="5"] .t3,.hx6 [data-hx6][data-t="6"] .t3,
.hx6 [data-hx6][data-t="4"] .t4,.hx6 [data-hx6][data-t="5"] .t4,.hx6 [data-hx6][data-t="6"] .t4,
.hx6 [data-hx6][data-t="6"] .t6{visibility:visible;opacity:1;transform:none;transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1)}
.hx6 [data-hx6][data-t="5"] .hx6-btns .ap{transform:scale(.94);background:#0E43C2;box-shadow:0 6px 16px rgba(21,89,245,.45)}
.hx6 [data-hx6][data-t="6"] .hx6-btns{visibility:hidden}
html body .hx6 [data-hx6][data-t="6"] .hx6-ok{visibility:visible}
.hx6 [data-hx6][data-t="6"] .hx6-do{box-shadow:inset 0 0 0 1.5px #BFE8D2}
@media (max-width:700px){.hx6 .hx6-app b{font-size:13px}}
@media (max-width:520px){.hx6 .hx6-tabs{display:none}}
@media (prefers-reduced-motion:reduce){.hx6 [data-hx6] .t2,.hx6 [data-hx6] .t3,.hx6 [data-hx6] .t4,.hx6 [data-hx6] .t6{transition:none}}