.view-transitions-lesson .view-transitions-scrub-controls{display:grid;grid-gap:var(--cf-space-250);gap:var(--cf-space-250);min-width:0}.view-transitions-lesson .view-transitions-scrub-controls button{justify-self:start}.view-transitions-lesson .view-transitions-scrub-card{view-transition-name:tea-card;inline-size:calc(var(--cf-space-2000)*1.4);max-inline-size:100%;padding:var(--cf-space-150) var(--cf-space-300);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-surface);color:var(--cf-color-text)}.view-transitions-lesson .view-transitions-scrub-card h3{margin:var(--cf-space-150) 0;font-size:var(--cf-font-size-350)}.view-transitions-lesson .view-transitions-scrub-card p{margin:0 0 var(--cf-space-150);color:var(--cf-color-text-secondary)}.view-transitions-lesson .view-transitions-scrub-card.is-open{inline-size:calc(var(--cf-space-2000)*2.2)}:root.view-transitions-scrubbing{view-transition-name:none}:root.view-transitions-scrubbing::view-transition{pointer-events:none}::view-transition-group(tea-card),::view-transition-new(tea-card),::view-transition-old(tea-card){animation-duration:var(--cf-duration-slower)}