.hb-highlights{max-width:820px;margin:24px auto 0}
.hb-highlights.is-ready{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0 2px}
.hb-highlights.is-ready .hb-highlights-stage{display:grid;align-items:center}
.hb-highlights.is-ready [data-highlight-panel]{grid-area:1 / 1;width:100%;box-sizing:border-box;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .38s ease,transform .38s ease,visibility 0s linear .38s;pointer-events:none}
.hb-highlights.is-ready [data-highlight-panel].is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s;pointer-events:auto}
.hb-highlights.is-ready .hb-features{margin:0;border-top:0;border-bottom:0}
.hb-highlights.is-ready .hb-community{margin:0;padding:0}
.hb-highlights.is-ready .hb-community h2{margin-bottom:20px}
.hb-highlights.is-ready .hb-state{margin-top:18px}
.hb-highlights-controls:not([hidden]){display:flex;justify-content:center;align-items:center;gap:0;margin-top:10px}
.hb-highlights-controls button{display:grid;place-items:center;width:36px;height:44px;padding:0;border:0;background:none;cursor:pointer;color:var(--dim);border-radius:12px}
.hb-highlights-controls button span{width:6px;height:6px;border-radius:6px;background:var(--dim);opacity:.4;transition:width .3s,background .3s,opacity .3s}
.hb-highlights-controls button[aria-pressed="true"] span{width:18px;background:var(--gold);opacity:1}
.hb-highlights-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.hb-highlights-controls .hb-highlights-pause{margin-left:8px}
.hb-highlights-controls svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hb-highlights-controls .cycle-play{display:none}
.hb-highlights-controls [aria-pressed="true"] .cycle-pause{display:none}
.hb-highlights-controls [aria-pressed="true"] .cycle-play{display:block}
@media(max-width:720px){.hb-highlights.is-ready{padding-top:16px}.hb-highlights.is-ready .hb-features article:last-child{border-bottom:0}.hb-highlights.is-ready .hb-community{padding:6px 0}.hb-highlights.is-ready .hb-fine{padding:0 8px}}
@media(prefers-reduced-motion:reduce){.hb-highlights.is-ready [data-highlight-panel]{transform:none;transition:none}.hb-highlights-controls button span{transition:none}}

.hb-highlights-controls [data-highlight-pause][hidden]{display:none}
