@scope (body[data-ui-release="177"]) {
  #tier-modal .story-modal-content {
    gap: 10px;
  }

  #tier-story-visual {
    position: relative;
    width: min(100%, 420px) !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 3 / 2 !important;
    margin: 0 auto 8px !important;
    border: 1px solid #e5e8eb !important;
    border-radius: 8px !important;
    background: #f2f4f6 !important;
    overflow: hidden;
  }

  #tier-story-image {
    position: relative;
    z-index: 2;
    object-fit: cover !important;
    object-position: center !important;
    opacity: 0;
  }

  #tier-story-image.is-ready {
    opacity: 1;
  }

  #tier-story-image[data-story-fallback="true"] {
    object-fit: contain !important;
    padding: 12px;
  }

  #tier-modal-emoji {
    position: absolute;
    z-index: 1;
    inset: 12% 30%;
    width: auto;
    height: auto;
    margin: 0;
    opacity: 1;
  }

  #tier-modal-emoji .tier-modal-ant-img{transform:translateY(2px)}

  #tier-story-visual:has(#tier-story-image.is-ready) #tier-modal-emoji {
    opacity: 0;
    pointer-events: none;
  }

  #tier-modal-name {
    margin-bottom: 0 !important;
  }

  #tier-modal #tier-modal-desc {
    box-sizing:border-box;width:min(100%,464px);
    margin: 0 auto 8px !important;
    padding:11px 12px;
    color: #191f28 !important;
    border:1px solid #d1d6db;border-radius:8px;background:#f2f4f6;
    font-size: 18px !important;
    font-weight: 750 !important;
    line-height: 25px !important;
    text-align: center;
  }

  @media (max-height: 680px) {
    #tier-story-visual {
      width: min(100%, 300px) !important;
    }

    #tier-modal #tier-modal-desc {
      font-size: 16px !important;
      line-height: 22px !important;
    }

  }

}