[data-tone=dark]{--benchmark-strong:var(--color-on-dark);--benchmark-body:var(--color-on-dark-body);--benchmark-muted:var(--color-on-dark-muted)}div.benchmark>.panel{gap:var(--space-5);max-inline-size:var(--measure-prose);padding:var(--space-5);border-radius:var(--radius-xl);background-color:var(--fill-raised);box-shadow:var(--shadow-raised);backdrop-filter:var(--raised-backdrop);color:var(--benchmark-body);flex-direction:column;margin-inline:auto;display:flex}div.benchmark>.panel>.progress,div.benchmark>.panel>form.quiz{display:none}div.benchmark>.panel>.progress{block-size:var(--space-1);border-radius:var(--radius-pill);background-color:var(--fill-recessed);overflow:clip}div.benchmark>.panel>.progress>.progress-fill{background-color:var(--mark-emphasis);block-size:100%;transform:scaleX(var(--progress));transform-origin:0;display:block}div.benchmark>.panel>form.quiz>.question{border:0;min-inline-size:0;padding:0}div.benchmark>.panel>form.quiz>.question>.ask{float:inline-start;gap:var(--space-4);inline-size:100%;flex-direction:column;margin-block-end:var(--space-2);padding:0;display:flex}div.benchmark>.panel>form.quiz>.question>.ask>.step,div.benchmark>.panel>.result>.result-step,div.benchmark>.panel>.result>.said>.facts>.fact>dt{color:var(--benchmark-muted);font-family:var(--font-body);font-size:var(--text-caps);font-weight:var(--weight-chrome);letter-spacing:var(--text-caps-tracking);line-height:var(--text-caps-leading);text-transform:uppercase}div.benchmark>.panel>form.quiz>.question>.ask>.question-heading,div.benchmark>.panel>.result>.said>.result-heading{color:var(--benchmark-strong);font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--weight-heading);line-height:var(--text-h3-leading);letter-spacing:var(--text-h3-tracking);margin:0}div.benchmark>.panel>form.quiz>.question>.note,div.benchmark>.panel>form.quiz>.question>.keys,div.benchmark>.panel>.result>.bar>.bar-label,div.benchmark>.panel>.result>.bar>.source{color:var(--benchmark-muted);font-size:var(--text-small);line-height:var(--text-small-leading)}div.benchmark>.panel>form.quiz>.question>.note{clear:both}div.benchmark>.panel>form.quiz>.question>.pills,div.benchmark>.panel>form.quiz>.question>.cards{clear:both;gap:var(--space-3);flex-direction:column;padding-block-start:var(--space-4);display:flex}div.benchmark>.panel>form.quiz>.question>.pills>.pill,div.benchmark>.panel>form.quiz>.question>.cards>.card{align-items:center;gap:var(--space-4);min-block-size:var(--space-7);padding-block:var(--space-3);padding-inline:var(--space-5);cursor:pointer;display:flex;position:relative}div.benchmark>.panel>form.quiz>.question>.cards>.card{padding-inline:var(--space-4)}div.benchmark>.panel>form.quiz>.question>.pills>.pill>.input,div.benchmark>.panel>form.quiz>.question>.cards>.card>.input{border:var(--line-width) solid var(--edge-control);border-radius:var(--radius-pill);background-color:var(--fill-recessed);appearance:none;cursor:pointer;transition:border-color var(--dur-150) var(--ease), background-color var(--dur-150) var(--ease);margin:0;position:absolute;inset:0}div.benchmark>.panel>form.quiz>.question>.cards>.card>.input{border-radius:var(--radius-xs)}div.benchmark>.panel>form.quiz>.question>.pills>.pill>.text,div.benchmark>.panel>form.quiz>.question>.cards>.card>.text,div.benchmark>.panel>form.quiz>.question>.cards>.card>.tile{pointer-events:none;position:relative}div.benchmark>.panel>form.quiz>.question>.pills>.pill>.text{color:var(--benchmark-strong);font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--weight-chrome);line-height:var(--text-small-leading)}div.benchmark>.panel>form.quiz>.question>.cards>.card>.tile{inline-size:var(--space-7);block-size:var(--space-7);border-radius:var(--radius-pill);background-color:var(--fill-raised);color:var(--benchmark-muted);flex:none;justify-content:center;align-items:center;display:flex}div.benchmark>.panel>form.quiz>.question>.cards>.card>.text{gap:var(--space-1);flex-direction:column;display:flex}div.benchmark>.panel>form.quiz>.question>.cards>.card>.text>.title{color:var(--benchmark-strong);font-family:var(--font-heading);font-weight:var(--weight-heading)}div.benchmark>.panel>form.quiz>.question>.cards>.card>.text>.body{color:var(--benchmark-muted);font-size:var(--text-small);line-height:var(--text-small-leading)}div.benchmark>.panel>form.quiz>.question>.keys{margin-block-start:var(--space-3);display:none}div.benchmark>.panel>form.quiz>.question>.back{padding:var(--space-3) var(--space-4);border:var(--line-width) solid var(--color-border-secondary-action);border-radius:var(--radius-pill);color:var(--color-text-secondary-on-action);background-color:var(--color-surface-secondary-action);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-chrome);line-height:var(--text-action-leading);cursor:pointer;transition:background-color var(--dur-150) var(--ease), translate var(--dur-150) var(--ease);justify-content:center;align-items:center;margin-block-start:var(--space-5);display:inline-flex}div.benchmark>.panel>.result>.said{gap:var(--space-3);flex-direction:column;display:flex}div.benchmark>.panel>.result:not([hidden]){gap:var(--space-5);flex-direction:column;display:flex}div.benchmark>.panel>.result>.said>.line{color:var(--benchmark-body)}div.benchmark>.panel>.result>.said>.facts{gap:var(--space-3);margin:0;margin-block-start:var(--space-2);display:grid}div.benchmark>.panel>.result>.said>.facts>.fact{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-xs);background-color:var(--fill-recessed);text-align:center;flex-direction:column;display:flex}div.benchmark>.panel>.result>.said>.facts>.fact>dd{color:var(--benchmark-strong);font-family:var(--font-heading);font-weight:var(--weight-heading);margin:0}div.benchmark>.panel>.result>.bar{gap:var(--space-3);flex-direction:column;margin:0;display:flex}div.benchmark>.panel>.result>.bar>.lanes{flex-direction:column;display:flex;container-type:inline-size}div.benchmark>.panel>.result>.bar>.lanes>.marker{flex-direction:column;align-items:center;inline-size:0;display:flex}div.benchmark>.panel>.result>.bar>.lanes>.marker.you{translate:calc(var(--you,0) * 100cqi) 0}div.benchmark>.panel>.result>.bar>.lanes>.marker.average{translate:calc(var(--average) * 100cqi) 0;flex-direction:column-reverse}div.benchmark>.panel>.result>.bar>.lanes>.marker:after{inline-size:var(--line-width);block-size:var(--space-2);background-color:var(--edge-control);content:"";display:block}div.benchmark>.panel>.result>.bar>.lanes>.marker.you:after{background-color:var(--mark-emphasis)}div.benchmark>.panel>.result>.bar>.lanes>.marker>.chip{padding-block:var(--space-1);padding-inline:var(--space-2);border-radius:var(--radius-xs);background-color:var(--fill-quiet);color:var(--fill-quiet-on);font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--weight-chrome);line-height:var(--text-small-leading);white-space:nowrap}div.benchmark>.panel>.result>.bar>.lanes>.marker.you>.chip{background-color:var(--mark-emphasis);color:var(--mark-emphasis-on)}div.benchmark>.panel>.result>.bar>.lanes>.marker>.chip>.figure{inline-size:var(--line-width);block-size:var(--line-width);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}div.benchmark>.panel>.result>.bar>.lanes>.track{block-size:var(--space-2);border-radius:var(--radius-pill);background-color:var(--fill-recessed);display:block;overflow:clip}div.benchmark>.panel>.result>.bar>.lanes>.track>.fill{background-color:var(--mark-emphasis);block-size:100%;transform:scaleX(var(--you,0));transform-origin:0;display:block}div.benchmark>.panel>.result>.onward,div.benchmark>.panel>.fallback{gap:var(--space-4);text-align:center;flex-direction:column;align-items:center;display:flex}div.benchmark>.panel>.result>.onward{padding:var(--space-5);border-radius:var(--radius-xs);background-color:var(--fill-recessed)}@media (width>=48rem){div.benchmark>.panel>form.quiz>.question>.pills{flex-flow:wrap}div.benchmark>.panel>.result>.said>.facts{grid-template-columns:repeat(3,1fr)}}@media (scripting:enabled){div.benchmark>.panel>.progress,div.benchmark>.panel>form.quiz:not([hidden]){display:block}div.benchmark>.panel>.fallback{display:none}}div.benchmark[data-enhanced]>.panel>.progress,div.benchmark[data-enhanced]>.panel>form.quiz:not([hidden]){display:block}div.benchmark[data-enhanced]>.panel>.fallback,div.benchmark>.panel>form.quiz>.question:not([data-current]){display:none}div.benchmark>.panel>form.quiz>.question:has(:focus-visible)>.keys,div.benchmark>.panel>form.quiz>.question:focus-visible>.keys{display:block}div.benchmark>.panel>form.quiz>.question>.back:hover{background-color:var(--color-surface-secondary-action-hover)}div.benchmark>.panel>form.quiz>.question>.back:focus-visible{outline-color:var(--color-border-secondary-focus);outline-offset:var(--focus-offset-action)}div.benchmark>.panel>form.quiz>.question>.pills>.pill>.input:hover,div.benchmark>.panel>form.quiz>.question>.cards>.card>.input:hover{border-color:var(--benchmark-strong)}@media (prefers-reduced-motion:no-preference){div.benchmark>.panel>form.quiz>.question>.back:hover{translate:0 calc(var(--space-1) / -2)}div.benchmark>.panel>form.quiz>.question>.back:active{translate:none}}div.benchmark>.panel>form.quiz>.question>.pills>.pill>.input:checked,div.benchmark>.panel>form.quiz>.question>.cards>.card>.input:checked{border-color:var(--mark-emphasis);background-color:var(--mark-emphasis)}div.benchmark>.panel>form.quiz>.question>.pills>.pill>.input:checked~.text,div.benchmark>.panel>form.quiz>.question>.cards>.card>.input:checked~.text>.title,div.benchmark>.panel>form.quiz>.question>.cards>.card>.input:checked~.text>.body{color:var(--mark-emphasis-on)}div.benchmark>.panel>form.quiz>.question>.cards>.card>.input:checked~.tile{background-color:var(--mark-emphasis-on);color:var(--mark-emphasis)}@media (prefers-reduced-motion:no-preference){div.benchmark>.panel>.progress>.progress-fill{transition:transform var(--dur-400) var(--ease)}div.benchmark>.panel>.result>.bar>.lanes>.track>.fill{animation-name:benchmark-grow;animation-duration:var(--dur-800);animation-timing-function:var(--ease)}div.benchmark>.panel>.result>.bar>.lanes>.marker.you{animation-name:benchmark-slide;animation-duration:var(--dur-800);animation-timing-function:var(--ease)}}@keyframes benchmark-grow{0%{transform:scaleX(0)}}@keyframes benchmark-slide{0%{translate:0}}