.test-cases-pin{--stage-lead:calc(var(--header-height) + var(--space-4));--stage-trail:clamp(var(--space-7), 7vh, var(--space-9))}.test-cases-pin__sticky{position:relative}.test-cases-pin .case-frame{min-height:0}@media (width>=64rem) and (height>=44.75rem) and (prefers-reduced-motion:no-preference),(width>=68.75rem) and (height>=43.75rem) and (prefers-reduced-motion:no-preference),(width>=80rem) and (height>=42rem) and (prefers-reduced-motion:no-preference),(width>=90rem) and (height>=41rem) and (prefers-reduced-motion:no-preference){.test-cases-pin[data-sequence=live]{min-height:calc(var(--stage-runway) * 100vh);min-height:calc(var(--stage-runway) * 100svh)}.test-cases-pin[data-sequence=live] .test-cases-pin__sticky{top:var(--stage-lead);height:calc(100vh - var(--stage-lead) - var(--stage-trail));height:calc(100svh - var(--stage-lead) - var(--stage-trail));display:grid;position:sticky}.test-cases-pin[data-sequence=live][data-handoff=true] .test-cases-pin__sticky{overflow:hidden}.test-cases-pin[data-sequence=live] .test-cases-pin__slot{z-index:0;height:100%;min-height:0;transition:transform var(--motion-stage) var(--ease-out);grid-area:1/1;transform:translateY(0)}.test-cases-pin[data-sequence=live] .test-cases-pin__slot[data-current=true]{z-index:1}.test-cases-pin[data-sequence=live][data-direction=forward] .test-cases-pin__slot[data-phase=leave]{pointer-events:none;transform:translateY(-100%)}.test-cases-pin[data-sequence=live][data-direction=back] .test-cases-pin__slot[data-phase=leave]{pointer-events:none;transform:translateY(100%)}.test-cases-pin[data-sequence=live] .case-frame[data-sequence=live]{height:100%;min-height:0}.test-cases-pin[data-sequence=live] .case-frame[data-sequence=live] .case-frame__sticky{opacity:1;height:100%;position:relative;top:auto;scale:none}@supports (scale:tan(atan2(1svh, 1px))){.test-cases-pin[data-sequence=live]{--pin-width:tan(atan2(100vw, 1000px));--pin-bed:tan(atan2(100svh - var(--stage-lead) - var(--stage-trail), 1000px));--pin-need:calc(.444 + .237568 / var(--pin-width));--pin-fit:clamp(.85, var(--pin-bed) / var(--pin-need), 1)}@media (height>=52rem){.test-cases-pin[data-sequence=live]{--pin-need:calc(.5447 + .237568 / var(--pin-width))}}@media (width>=90rem) and (height>=56rem){.test-cases-pin[data-sequence=live]{--pin-fit:1}}.test-cases-pin[data-sequence=live] .case-frame[data-sequence=live]{width:calc(100% / var(--pin-fit));height:calc(100% / var(--pin-fit));scale:var(--pin-fit);transform-origin:0 0}}}@media (prefers-reduced-motion:reduce){.test-cases-pin__slot{transition:none;transform:none}}