/* V114 — Instagram story circles: exact sizing/alignment */
.v109-stories-strip{
  align-items:flex-start !important;
  gap:12px !important;
}

.v109-story-person{
  flex:0 0 70px !important;
  width:70px !important;
  max-width:70px !important;
  min-width:70px !important;
  justify-items:center !important;
  align-content:start !important;
  gap:4px !important;
  box-sizing:border-box !important;
}

.v109-story-ring{
  position:relative !important;
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  min-height:64px !important;
  max-width:64px !important;
  max-height:64px !important;
  padding:2px !important;
  border-radius:50% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  flex:none !important;
}

.v109-story-ring.has-video{
  box-shadow:0 0 0 2px rgba(239,29,45,.12) !important;
}

.v109-story-ring > img,
.v109-story-ring > .v109-story-initial,
.v109-story-ring > .v109-story-all-icon{
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:2px solid #090d13 !important;
  border-radius:50% !important;
  box-sizing:border-box !important;
  object-fit:cover !important;
  object-position:center center !important;
  overflow:hidden !important;
}

.v109-story-person.is-mine .v109-story-ring.has-video{
  box-shadow:0 0 0 2px rgba(239,29,45,.24),0 7px 20px rgba(239,29,45,.12) !important;
}

/* Text never becomes wider than the circle group. */
.v109-story-person > b{
  display:block !important;
  width:68px !important;
  max-width:68px !important;
  margin:1px auto 0 !important;
  padding:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:center !important;
  font-size:10px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}

.v109-story-person > small{
  display:block !important;
  width:68px !important;
  max-width:68px !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:center !important;
  font-size:8px !important;
  line-height:1.2 !important;
}

/* Keep the "all" play icon perfectly centered. */
.v109-story-all-icon i{
  font-size:16px !important;
  line-height:1 !important;
}

/* Prevent profile images from stretching because of global img rules. */
.v109-story-ring img{
  aspect-ratio:1/1 !important;
}

/* Mobile: same proportions, just slightly smaller. */
@media(max-width:420px){
  .v109-stories-strip{
    gap:10px !important;
  }
  .v109-story-person{
    flex-basis:66px !important;
    width:66px !important;
    min-width:66px !important;
    max-width:66px !important;
  }
  .v109-story-ring{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    min-height:60px !important;
    max-width:60px !important;
    max-height:60px !important;
  }
  .v109-story-person > b,
  .v109-story-person > small{
    width:64px !important;
    max-width:64px !important;
  }
}