@media (max-width: 1023px) {
  .talent-index {
    max-width: 100%;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .talent-index::-webkit-scrollbar {
    display: none;
  }

  .teaser-sheet {
    bottom: calc(100px + env(safe-area-inset-bottom)) !important;
  }

  .teaser-bar {
    bottom: calc(100px + env(safe-area-inset-bottom)) !important;
  }

  .rfi-welcome-card {
    display: none !important;
  }
}

@media (max-width: 1023px) and (orientation: portrait) {
  .talent {
    --card-h: min(230px, 28svh) !important;
    --stage: max(120px, calc(100svh - 360px - var(--card-h))) !important;
  }

  .talent-info {
    top: 172px !important;
  }

  .talent-robot {
    bottom: calc(100px + env(safe-area-inset-bottom) + var(--card-h)) !important;
  }

  .comp {
    bottom: calc(100px + env(safe-area-inset-bottom)) !important;
    height: var(--card-h) !important;
  }
}

@media (min-width: 1024px) {
  .comp {
    bottom: max(100px, 8svh) !important;
  }
}