.benchmark-bars{background:linear-gradient(90deg, #ffffff08, transparent 38%), var(--background);border:var(--border-hairline) solid var(--border);color:var(--foreground);text-transform:uppercase;gap:clamp(1.5rem,3vw,2.75rem);width:100%;padding:clamp(1.25rem,3vw,3rem);display:grid;position:relative;overflow:hidden}.benchmark-bars:before{background-image:linear-gradient(to right, var(--border) 1px, transparent 1px);content:"";opacity:.45;pointer-events:none;background-position:0 0;background-repeat:repeat-x;background-size:clamp(1.6rem,2.5vw,3rem) .4rem;height:.4rem;position:absolute;inset:0 0 auto}.benchmark-bars:after{content:"";opacity:.38;pointer-events:none;background:linear-gradient(90deg,#0000 0 62%,#afeeee1a 62% 62.2%,#0000 62.2%) 0 0/100% 100%,linear-gradient(#afeeee0b 1px,#0000 1px) 0 0/100% clamp(2.5rem,4vw,4rem);height:auto;position:absolute;inset:0}.benchmark-bars__top{z-index:1;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid;position:relative}.benchmark-bars__controls{gap:clamp(.875rem,1.4vw,1.25rem);min-width:0;display:grid}.benchmark-bars__control-row{flex-wrap:wrap;gap:.85rem;min-width:0;display:flex}.benchmark-bars__head,.benchmark-bars__metric-label,.benchmark-bars__system dt{color:var(--muted-foreground);font-size:var(--type-caption);letter-spacing:.14em;font-weight:900;line-height:1}.benchmark-bars__tabs{scrollbar-width:thin;flex:none;min-width:0;max-width:100%;display:flex;overflow-x:visible}.benchmark-bars__tab{background:color-mix(in srgb, var(--muted) 58%, transparent);border:var(--border-hairline) solid var(--border);color:var(--foreground);cursor:pointer;font-family:var(--font-display-stack);letter-spacing:0;min-width:clamp(8.5rem,12vw,10rem);margin-left:calc(var(--border-hairline) * -1);white-space:nowrap;text-transform:uppercase;border-radius:0;flex:none;padding:.85rem 1.25rem;font-size:clamp(1.15rem,1.65vw,1.85rem);font-weight:400;line-height:1;transition:background-color .22s step-end,border-color .22s step-end,color .22s step-end}.benchmark-bars__tab:first-child{margin-left:0}.benchmark-bars__tab[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--background)}.benchmark-bars__tab:hover{border-color:var(--foreground)}.benchmark-bars__system{text-align:right;gap:.35rem;min-width:clamp(10rem,16vw,16rem);margin:0;display:grid}.benchmark-bars__system-line{display:contents}.benchmark-bars__system dt{color:var(--foreground);margin:0 0 .3rem}.benchmark-bars__system-line:not(:first-child) dt{display:none}.benchmark-bars__system dd{color:var(--foreground);font-size:var(--type-body-small);letter-spacing:.04em;margin:0;font-weight:800;line-height:1.12}.benchmark-bars__head{border-bottom:var(--border-hairline) solid var(--border);grid-template-columns:minmax(clamp(10rem,18vw,22rem),.82fr) minmax(16rem,1.8fr) minmax(clamp(8rem,8vw,10rem),.4fr);gap:clamp(1rem,2.2vw,2rem);padding-bottom:1rem;display:grid}.benchmark-bars__rows{margin-top:calc(-1*clamp(1.5rem,3vw,2.75rem));display:grid}.benchmark-bars__row{border-bottom:var(--border-hairline) solid var(--border);min-height:clamp(6.8rem,8vw,9.5rem);transition:background-color var(--motion-hover-duration) var(--motion-ease), border-color var(--motion-hover-duration) var(--motion-ease);grid-template-columns:minmax(clamp(10rem,18vw,22rem),.82fr) minmax(16rem,1.8fr) minmax(clamp(8rem,8vw,10rem),.4fr);align-items:center;gap:clamp(1rem,2.2vw,2rem);padding-block:clamp(1.15rem,1.8vw,1.75rem);display:grid}.benchmark-bars__row:hover{background:color-mix(in srgb, var(--muted) 34%, transparent)}.benchmark-bars__codec{border-right:var(--border-hairline) solid var(--border);height:100%;place-content:center start;gap:.55rem;inline-size:100%;min-inline-size:0;padding-right:clamp(1rem,2vw,2rem);display:grid}.benchmark-bars__codec-name{color:var(--foreground);font-family:var(--font-display-stack);font-variant-numeric:tabular-nums;letter-spacing:0;overflow-wrap:anywhere;white-space:normal;inline-size:100%;min-inline-size:0;font-size:clamp(1.4rem,2.4vw,2.56rem);font-weight:400;line-height:.9;display:block}.benchmark-bars__metrics{gap:clamp(.35rem,.5vw,.45rem);display:grid}.benchmark-bars__metric{grid-template-columns:3.25rem minmax(0,1fr);align-items:center;gap:.9rem;display:grid}.benchmark-bars__metric-label{color:var(--foreground);font-family:var(--font-display-stack);letter-spacing:.08em;inline-size:3.25rem;font-size:clamp(1.35rem,1.55vw,1.73rem);font-weight:400;line-height:1}.benchmark-bars__track{background:color-mix(in srgb, var(--muted) 62%, black);block-size:clamp(1.8rem,2.6vw,2.7rem);position:relative;overflow:hidden}.benchmark-bars__track:after{content:"";pointer-events:none;position:absolute;inset:0}.benchmark-bars__fill{block-size:100%;inline-size:0;position:relative}.benchmark-bars__fill--speed{background:var(--accent);box-shadow:0 0 1.6rem color-mix(in srgb, var(--accent) 18%, transparent)}.benchmark-bars__fill--size{background:repeating-linear-gradient(135deg, var(--foreground) 0 .18rem, transparent .18rem .48rem), color-mix(in srgb, var(--foreground) 12%, transparent);opacity:.92}.benchmark-bars__values{justify-items:start;gap:clamp(.35rem,.5vw,.45rem);display:grid}.benchmark-bars__value-line{color:var(--foreground);flex-direction:column;align-items:flex-start;gap:clamp(.35rem,.5vw,.45rem);display:flex}.benchmark-bars__value-inner{white-space:nowrap;align-items:center;gap:.8rem;display:inline-flex}.benchmark-bars__value-number{text-align:right;font-family:var(--font-display-stack);font-variant-numeric:tabular-nums;letter-spacing:.035em;inline-size:5.45ch;min-width:4.45ch;font-size:clamp(1.35rem,1.55vw,1.73rem);font-weight:400;line-height:1;display:inline-block}.benchmark-bars__value-unit{color:var(--foreground);font-family:var(--font-display-stack);letter-spacing:.08em;min-width:2.4ch;font-size:clamp(1.35rem,1.55vw,1.73rem);font-weight:400;line-height:1;display:inline-block}.benchmark-bars__value-sep{display:none}@media (width<=70rem){.benchmark-bars__top{grid-template-columns:minmax(0,1fr)}.benchmark-bars__system{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.benchmark-bars__system-line{gap:.3rem;display:grid}.benchmark-bars__system-line:not(:first-child) dt{display:block}.benchmark-bars__head,.benchmark-bars__row{grid-template-columns:minmax(clamp(8rem,22vw,14rem),.72fr) minmax(14rem,1.6fr) minmax(clamp(7rem,16vw,11rem),.72fr)}}@media (width<=52rem){.benchmark-bars{padding:clamp(1rem,5vw,1.5rem)}.benchmark-bars__head{display:none}.benchmark-bars__rows{margin-top:0}.benchmark-bars__row{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:1rem;padding-block:clamp(1.35rem,5vw,2rem)}.benchmark-bars__codec{border-right:0;border-bottom:var(--border-hairline) solid var(--border);grid-template-columns:minmax(0,1fr) auto;padding-bottom:.9rem;padding-right:0}.benchmark-bars__values{justify-content:flex-end;align-items:center;display:flex}.benchmark-bars__value-line{flex-direction:row;align-items:center;gap:0}.benchmark-bars__value-sep{color:var(--muted-foreground);opacity:.5;margin-inline:.65rem;display:inline}}@media (width<=38rem){.benchmark-bars__system{grid-template-columns:minmax(0,1fr)}.benchmark-bars__control-row{grid-template-columns:minmax(0,1fr);display:grid}.benchmark-bars__tabs{width:100%;overflow-x:auto}.benchmark-bars__tab{min-width:7rem}.benchmark-bars__metric{grid-template-columns:2.8rem minmax(0,1fr)}.benchmark-bars__codec{grid-template-columns:minmax(0,1fr)}}