.seat-details {
  @media screen and (width >= 992px) {
    display: flex;
    gap: 2rem;
    margin-right: 1rem;
  }

  .view-from-seat {
    display: flex;
    justify-content: center;

    &__image {
      width: 100%;
      height: 100%;
      border-radius: 0.5rem;
      object-fit: cover;
    }

    &__skeleton {
      margin-bottom: 15px;
      max-width: min(600px, 50vw);
      max-height: 40vh;

      &:where([data-visible]) {
        width: min(600px, 50vw);
        height: min(30vw, 30vh);
      }
    }
  }
}

.price-types {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;

  &__selector {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
  }

  &__description {
    display: flex;
    flex-direction: column;
  }
}

.seatmap .mantine-Notifications-root {
  position: absolute;
}