.htl{--ink:var(--editorial-ink);--mute:var(--editorial-secondary);--paper:#f2f2ef;--lane-w:150px;--ease:cubic-bezier(.65, 0, .35, 1);--out:cubic-bezier(.2, .8, .2, 1);margin:0 0 var(--editorial-group-gap);border-top:1px solid var(--editorial-ink);color:var(--ink);padding-top:22px;position:relative}.htl.is-instant,.htl.is-instant *{transition:none!important}.htl-head{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:20px;display:flex}.htl-head .hh-label{margin:0}.htl-replay{color:var(--mute);font:400 13px/1.4 var(--font-geist-mono), monospace;letter-spacing:normal;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .2s}.htl-replay:hover{color:var(--ink);text-decoration-color:currentColor}.htl-replay:focus-visible{outline-offset:4px;outline:2px solid}.htl-score{position:relative}.htl-row{grid-template-columns:var(--lane-w) repeat(5, minmax(0, 1fr));display:grid;position:relative}.htl-row+.htl-row{border-top:1px solid var(--editorial-line)}.htl-names{padding-bottom:12px}.htl-cursor{top:-8px;bottom:0;left:var(--lane-w);width:calc((100% - var(--lane-w)) / 5);background:var(--paper);transform:translateX(calc(var(--at) * 100%));opacity:0;transition:transform .9s var(--ease), opacity .4s ease;pointer-events:none;position:absolute}.s2 .htl-cursor{opacity:1}.s7 .htl-cursor{opacity:0}.htl-name{opacity:.28;align-items:baseline;gap:8px;padding:6px 14px 0;font-size:20px;font-weight:500;line-height:1.4;transition:opacity .4s;display:flex}.htl-name.is-on{opacity:1;transition-delay:.35s}.htl-lane{color:var(--mute);font:500 13px/1.4 var(--font-geist-sans), sans-serif;letter-spacing:normal;text-transform:none;align-items:center;gap:10px;padding:18px 12px 18px 0;display:flex}.htl-lane .ht-icon{width:26px;height:26px;color:var(--ink);flex:none}.htl-cell{opacity:0;transition:opacity .45s ease, transform .6s var(--out);padding:18px 14px;font-size:16px;line-height:1.55;transform:translateY(6px)}.htl-cell.is-on{opacity:1;transition-delay:.4s;transform:none}.htl-cell.is-here{font-weight:500}.htl-cell.is-empty i{background:#b4b6af;width:18px;height:1px;margin-top:11px;display:block}.htl-cell em{color:var(--mute);align-items:baseline;gap:7px;margin-top:6px;font-size:13px;font-style:normal;display:flex}.htl-list{border-top:1px solid var(--editorial-line);margin:0;padding:0;list-style:none;display:none}.htl-list>li{border-bottom:1px solid var(--editorial-line);opacity:.25;padding:16px 0 14px 16px;transition:opacity .45s;position:relative}.htl-list>li.is-on{opacity:1}.htl-list>li:before{content:"";background:0 0;width:2px;transition:background .3s;position:absolute;top:16px;bottom:14px;left:0}.htl-list>li.is-here:before{background:var(--ink)}.htl-list h3{align-items:baseline;gap:8px;margin:0 0 8px;font-size:20px;font-weight:500;display:flex}.htl-list ul,.htl-interrupts ul{margin:0;padding:0;list-style:none}.htl-list ul li,.htl-interrupts ul li{grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:10px;padding:5px 0;font-size:16px;line-height:1.5;display:grid}.htl-list ul .ht-icon,.htl-interrupts ul .ht-icon{width:22px;height:22px}.htl-list ul li.is-candidate{color:var(--mute);font-size:14px}.htl-list ul li.is-candidate .ht-mark{justify-self:center}.htl-interrupts{opacity:0;transition:opacity .5s ease, transform .7s var(--out);margin-top:36px;transform:translateY(8px)}.s7 .htl-interrupts{opacity:1;transform:none}.htl-interrupts>.hh-label{margin-bottom:14px}.htl-interrupts>ol{border-top:1px solid var(--editorial-ink);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.htl-interrupts>ol>li{min-width:0;padding:22px 26px 4px 0}.htl-interrupts>ol>li+li{border-left:1px solid var(--editorial-line);padding-left:26px}.htl-int-head{align-items:center;gap:12px;display:flex}.htl-int-head .ht-icon{flex:none;width:34px;height:34px}.htl-int-head h3{align-items:baseline;gap:8px;margin:0;font-size:20px;font-weight:500;display:flex}.htl-when{color:var(--mute);margin:10px 0;font-size:13px;line-height:1.5;display:block}@media (max-width:1100px){.htl{--lane-w:120px}.htl-cell{padding:16px 10px;font-size:14px}.htl-name{padding-inline:10px;font-size:16px}}@media (max-width:820px){.htl-score{display:none}.htl-list{display:block}.htl-interrupts>ol{grid-template-columns:minmax(0,1fr)}.htl-interrupts>ol>li,.htl-interrupts>ol>li+li{border-left:0;border-bottom:1px solid var(--editorial-line);padding:18px 0 10px}}@media (prefers-reduced-motion:reduce){.htl,.htl *{transition:none!important}}
