/* APF_V4_STORIES_9X16_REAL_PREVIEW_20261014 */

#apfStories .apf-stories-rail {
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding-bottom:12px!important;
}

#apfStories .apf-story-bubble,
#apfStories .apf-story-create {
  position:relative!important;
  box-sizing:border-box!important;
  flex:0 0 126px!important;
  width:126px!important;
  min-width:126px!important;
  height:224px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
  scroll-snap-align:start;
  background:#dceaff!important;
  cursor:pointer;
  text-align:left;
}

#apfStories .apf-story-bubble > .apf-story-ring {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#dceaff;
}

#apfStories .apf-story-bubble .apf-story-ring img,
#apfStories .apf-story-bubble .apf-story-ring video {
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:0!important;
}

#apfStories .apf-story-bubble::after {
  content:"";
  position:absolute;
  inset:35% 0 0;
  background:linear-gradient(transparent,rgba(5,22,47,.80));
  pointer-events:none;
  z-index:1;
}

#apfStories .apf-story-bubble > strong,
#apfStories .apf-story-bubble > small,
#apfStories .apf-story-create > strong,
#apfStories .apf-story-create > small {
  position:absolute!important;
  display:block!important;
  left:10px!important;
  right:8px!important;
  width:auto!important;
  margin:0!important;
  color:#fff!important;
  text-align:left!important;
  text-shadow:0 1px 4px #0009;
  z-index:2;
}

#apfStories .apf-story-bubble > strong,
#apfStories .apf-story-create > strong {
  bottom:30px!important;
  font-size:13px!important;
  line-height:1.15!important;
}

#apfStories .apf-story-bubble > small,
#apfStories .apf-story-create > small {
  bottom:12px!important;
  font-size:11px!important;
}

#apfStories .apf-v4-story-play {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  color:white;
  background:#082b5b99;
  font-size:18px;
}

#apfStories .apf-story-create {
  background:linear-gradient(160deg,#377fe3,#164791)!important;
}

#apfStories .apf-story-create > .apf-story-ring {
  position:absolute!important;
  top:35px!important;
  left:calc(50% - 29px)!important;
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
}

@media(max-width:820px) {
  #apfStories .apf-story-bubble,
  #apfStories .apf-story-create {
    flex-basis:108px!important;
    width:108px!important;
    min-width:108px!important;
    height:192px!important;
  }
}