.spot-session-list {
  & .spot-session {
    margin-bottom: 2rem;
  }
}

.spot-session-list--variant-1 {
  & .spot-session__name {
    display: none;
  }

  & .spot-session__date {
    font-weight: bold;
  }

  & .spot-session-constraint-list {
    display: none;
  }
}

.spot-session-list--grid {
  --grid-space: 1rem;
  --item-min-width: 200px;

  display: grid;
  gap: var(--grid-space);
  grid-template-columns: 1fr;

  @media (min-width: 640px) {
    grid-template-columns: repeat(3, 1fr);
  }

  @media (min-width: 1024px) {
    grid-template-columns: repeat(auto-fit, minmax(var(--item-min-width), 1fr));
  }
}

.spot-session-list--style-1 {
  & .spot-session {
    border: 1px solid #dddddd;
    border-radius: 1rem;
    padding: 1rem;
    background-color: white;
  }

  & .spot-session__name {
    font-weight: 700;
  }
}

.spot-session-list--without-dates {
  & .spot-session__date {
    display: none;
  }
}

.spot-session-list--without-forecasts-count {
  & .spot-session__forecasts-count {
    display: none;
  }
}

.spot-session-list--without-constraints {
  & .spot-session-constraint-list {
    display: none;
  }
}