/* One viewport and one rendered scene for idle, playing and paused states. */
#seer-focus-carousel .story-window{container:seer-story-viewport / inline-size}
#seer-focus-carousel .story-card[data-signal] .motion-slot{aspect-ratio:720/500;background:#f4f4f1}
@container seer-story-viewport (width < 600px){
 #seer-focus-carousel .story-card[data-signal] .motion-slot{aspect-ratio:350/520}
}
#seer-focus-carousel .story-mat,
#seer-focus-carousel .story-card[data-active] .story-mat{opacity:1;transform:none;transition:none}
#seer-focus-carousel .story-card:not([data-active]) .card-caption{color:#45453f}
#seer-focus-carousel .story-card[data-ready] .motion-slot iframe{visibility:visible}
#seer-focus-carousel .story-card[data-loading] .load-note{display:block}

/* On touch screens, pan the page/rail without activating the embedded document.
   The chapter bar and source link below the graphic remain available. */
#seer-focus-carousel .story-touch-surface{display:none}
@media(pointer:coarse){
 #seer-focus-carousel .story-card[data-active][data-ready] .story-touch-surface{display:block;position:absolute;inset:0 0 42px;z-index:1;touch-action:pan-x pan-y pinch-zoom}
 @container seer-story-viewport (width < 600px){
  #seer-focus-carousel .story-card[data-active] .story-touch-surface{bottom:43px}
 }
}