.bench{position:relative;width:100%;aspect-ratio:16 / 7;min-height:380px}.bench-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:pan-y}.bench-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bench-label{position:absolute;transform:translate(-50%,-100%);display:grid;justify-items:center;text-align:center;gap:2px;pointer-events:auto;color:var(--theme-text-main);text-decoration:none;transition:transform .4s cubic-bezier(.2,.8,.2,1);padding-bottom:14px}.bench-label:after{content:"";width:1px;height:12px;background:currentColor;opacity:.4;margin-top:6px}.bench-tag{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--theme-text-faint)}.bench-name{font-family:var(--font-display);font-size:clamp(20px,2vw,30px);line-height:1.05}.bench-line{font-size:12.5px;color:var(--theme-text-muted);max-width:16rem;opacity:0;transform:translateY(4px);transition:all .35s}.bench-label[data-hot],.bench-label:hover,.bench-label:focus-visible{transform:translate(-50%,calc(-100% - 10px))}.bench-label[data-hot] .bench-name,.bench-label:hover .bench-name{font-style:italic;color:var(--theme-accent)}.bench-label[data-hot] .bench-line,.bench-label:hover .bench-line,.bench-label:focus-visible .bench-line{opacity:1;transform:none}.bench[data-nogl] .bench-labels{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.bench[data-nogl] .bench-label{position:static;transform:none}.bench[data-nogl] .bench-line{opacity:1}@media (max-width: 767px){.bench{aspect-ratio:auto;min-height:0}.bench-canvas{position:relative;aspect-ratio:16 / 9;height:auto}.bench-labels{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1rem;padding-top:1.5rem}.bench-label{position:static!important;transform:none!important;justify-items:start;text-align:left;padding:0}.bench-label:after{display:none}.bench-line{opacity:1;transform:none}}
