.stories.snapgram .story > .item-link {
  text-decoration: none;
  color: #333;
}
.stories.snapgram .story > .item-link > .item-preview {
  border-radius: 50%;
  padding: 2px;
  background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%);
}
.stories.snapgram .story > .item-link > .item-preview img {
  border-radius: 50%;
  border: 3px solid #fff;
}

.stories.snapgram .story.seen {
  opacity: 0.75;
}
.stories.snapgram .story.seen > a > .item-preview {
  /*! background: #594b4b; */
}
.stories.snapgram .story.seen > a {
  color: #999 !important;
}

/* Mobile story viewer fixes:
   Keep media centered without stretching/cropping on narrow screens. */
@media (max-width: 768px) {
  #zuck-modal {
    height: 100dvh;
  }

  #zuck-modal-content .story-viewer .slides .item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #zuck-modal-content .story-viewer .slides .item > .media {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    margin: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background: #000;
  }

  #zuck-modal-content .story-viewer .slides .item > img.media,
  #zuck-modal-content .story-viewer .slides .item > video.media,
  #zuck-modal-content .story-viewer .slides .item > .media img,
  #zuck-modal-content .story-viewer .slides .item > .media video {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: auto !important;
  }

  #zuck-modal-content .story-viewer .tip {
    max-width: calc(100vw - 24px);
    width: max-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    bottom: 16px;
  }
}