/* Shared sliding selection for comparison tests and chart measures. */
:is(.proof-tabs,.model-data-controls){position:relative;isolation:isolate;display:inline-flex;align-items:stretch;gap:4px;padding:4px;border:0;border-radius:3px;background:var(--light)}
.model-data-controls{background:var(--paper)}
:is(.proof-tabs,.model-data-controls)>button{position:relative;z-index:1;border:0;border-radius:2px;background:transparent;box-shadow:none;color:var(--muted);transition:color .22s ease}
.proof-tabs>button{padding:11px 17px;font-size:12px}
.model-data-controls>button{padding:7px 12px;font-size:10px}
:is(.proof-tabs,.model-data-controls)>button:is([aria-selected=true],[aria-pressed=true]){color:var(--white);background:var(--red);box-shadow:none}
:is(.proof-tabs,.model-data-controls)>button:not([aria-selected=true]):not([aria-pressed=true]):hover{background:transparent;color:var(--ink)}
:is(.proof-tabs,.model-data-controls)[data-sliding-ready]>button{background:transparent}
.switch-selection{position:absolute;z-index:0;left:0;top:4px;bottom:4px;width:var(--switch-width);transform:translateX(var(--switch-left));border-radius:2px;background:var(--red);box-shadow:0 1px 3px #20212416;pointer-events:none}
[data-sliding-ready]>.switch-selection{transition:transform .38s cubic-bezier(.22,.8,.2,1),width .38s cubic-bezier(.22,.8,.2,1)}
@media(max-width:680px){.proof-tabs>button{font-size:11px;padding:10px 12px}}
@media(max-width:420px){.model-data-controls>button{font-size:9px;padding-inline:9px}}
@media(max-width:360px){.proof-tabs>button{font-size:10px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){[data-sliding-ready]>.switch-selection{transition:none}}