stash/ui/v2.5/src/components/Performers/styles.scss

#performer-edit {
  .scrape-url-button:disabled {
    opacity: 0.5;
  }
}

#performer-page {
  flex-direction: row;
  margin: 10px auto;
  overflow: hidden;

  .performer-image-container .performer {
    max-height: calc(100vh - 6rem);
    max-width: 100%;
  }

  .performer-head {
    display: inline-block;
    margin-bottom: 2rem;
    vertical-align: top;

    .name-icons {
      margin-left: 10px;

      .not-favorite {
        color: rgba(191, 204, 214, 0.5);
      }

      .favorite {
        color: #ff7373;
      }

      .link {
        color: rgb(191, 204, 214);
      }

      .instagram {
        color: pink;
      }
    }
  }

  .alias {
    font-weight: bold;
  }
}

.new-view {
  margin-bottom: 2rem;

  .photo {
    padding: 1rem 1rem 1rem 2rem;
    width: 100%;
  }
}

.performer-card {
  width: 20rem;

  &-image {
    height: 30rem;
    min-width: 11.25rem;
    object-fit: cover;
    object-position: top;
    width: 100%;
  }

  .flag-icon {
    bottom: 1rem;
    height: 2rem;
    position: absolute;
    right: 1rem;
    width: 3rem;
  }

  .favorite {
    color: #ff7373;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.9));
    position: absolute;
    right: 5px;
    top: 10px;
  }
}

.card {
  &.performer-card {
    padding: 0 0 1rem 0;
  }
}

.scrape-dialog .performer-image {
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
  max-width: 100%;
}

#performer-scraper-popover {
  z-index: 1;
}

.PerformerScrapeModal {
  &-list {
    list-style-type: none;
    max-height: 50vh;
    overflow-x: auto;
    padding-left: 1rem;

    .btn {
      font-size: 1.2rem;
    }
  }
}