@media (min-width: 761px) {
  .social-videos .stacked-social-deck .story-chip {
    width: min(var(--a9-social-card-width, 560px), 100%) !important;
    height: var(--a9-social-card-height, 210px) !important;
    min-height: var(--a9-social-card-height, 210px);
    grid-template-columns: var(--a9-social-image-width, 150px) minmax(0, 1fr);
  }

  .social-videos .stacked-social-deck .story-chip img {
    width: var(--a9-social-image-width, 150px);
    height: calc(var(--a9-social-card-height, 210px) - 20px);
  }

  .social-videos .stacked-social-deck.a9-cards-list .story-chip {
    margin-top: calc(var(--a9-social-stack-offset, 38px) * -1);
  }

  .social-videos .stacked-social-deck.a9-cards-list > :first-child {
    margin-top: 0 !important;
  }

  .social-videos .stacked-social-deck:not(.a9-cards-list) .story-chip.is-next,
  .social-videos .stacked-social-deck:not(.a9-stack-ready) .story-chip:nth-child(2) {
    transform: translateY(var(--a9-social-stack-offset, 118px)) scale(0.96) rotate(-2deg);
  }

  .social-videos .stacked-social-deck:not(.a9-cards-list) .story-chip.is-back,
  .social-videos .stacked-social-deck:not(.a9-stack-ready) .story-chip:nth-child(3) {
    transform: translateY(calc(var(--a9-social-stack-offset, 118px) * 2)) scale(0.92) rotate(3deg);
  }
}

@media (max-width: 760px) {
  .social-videos .social-video-experience {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    gap: 24px;
  }

  .social-videos .stacked-social-deck,
  .social-videos .stacked-social-deck.a9-cards-list {
    position: static;
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: min(var(--a9-social-mobile-card-width, 84vw), 420px);
    gap: 12px;
    min-height: 0;
    margin: 0;
    padding: 10px 14px 18px 4px;
    overflow-x: auto;
    overflow-y: hidden;
    contain: none;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: thin;
  }

  .social-videos .stacked-social-deck .story-chip,
  .social-videos .stacked-social-deck.a9-cards-list .story-chip {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 142px;
    margin: 0 !important;
    grid-template-columns: 104px minmax(0, 1fr);
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    scroll-snap-align: start;
  }

  .social-videos .stacked-social-deck .story-chip img {
    width: 104px;
    height: 122px;
  }

  .social-videos .social-video-stage {
    min-height: 0;
  }
}