.InscenaceDateListGroupItem {
  margin-bottom: 1rem;
}

@media (min-width: 48.01rem) {
  .InscenaceDateListGroupItem {
    margin-bottom: 2rem;
  }
}

.InscenaceDateListGroupItem-day {
  font-size: 1.5rem;
  font-family: var(--font-secondary);
  border-bottom: 2px solid;
  padding-bottom: .65rem;
}

@media (min-width: 48.01rem) {
  .InscenaceDateListGroupItem-day {
    margin-bottom: .65rem;
  }
}

.InscenaceDateListGroupItem-spectacle {
  display: grid;
  grid-template-areas: 'time title title'
 'time age tags'
 'time btn btn';
  grid-template-columns: 3.25rem 2.8rem auto;
  gap: .5rem 0.35rem;
  font-family: var(--font-secondary);
  padding: 1rem 0;
}

.InscenaceDateListGroupItem-spectacle:not(:last-of-type) {
  border-bottom: 1px dashed var(--colorText);
}

@media (min-width: 32.01rem) {
  .InscenaceDateListGroupItem-spectacle {
    grid-template-areas: 'time title title title'
 'time age tags btn';
    grid-template-columns: 3.25rem 2.8rem auto 7.5rem;
  }
}

@media (min-width: 48.01rem) {
  .InscenaceDateListGroupItem-spectacle {
    grid-template-areas: 'time age title tags btn';
    grid-template-columns: 3.25rem 2.8rem auto auto 7.5rem;
    gap: 1rem;
    align-items: center;
    padding: .65rem 0;
  }
  .InscenaceDateListGroupItem-spectacle:not(:last-of-type) {
    border-bottom: 0;
  }
}

@media (min-width: 80.01rem) {
  .InscenaceDateListGroupItem-spectacle {
    font-size: 1.125rem;
  }
}

.InscenaceDateListGroupItem-spectacle.is-only-for-school {
  grid-template-areas: 'time title title'
 'time age tags';
}

@media (min-width: 32.01rem) {
  .InscenaceDateListGroupItem-spectacle.is-only-for-school {
    grid-template-areas: 'time title title title'
 'time age tags tags';
  }
}

@media (min-width: 48.01rem) {
  .InscenaceDateListGroupItem-spectacle.is-only-for-school {
    grid-template-areas: 'time age title tags tags';
  }
}

.InscenaceDateListGroupItem-time {
  grid-area: time;
  text-align: center;
}

.InscenaceDateListGroupItem-age {
  grid-area: age;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.813rem;
  aspect-ratio: 1 / 1;
}

.InscenaceDateListGroupItem-title {
  grid-area: title;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--colorText);
}

.InscenaceDateListGroupItem-tags {
  grid-area: tags;
  display: flex;
  gap: 0.35rem;
  font-size: clamp(var(--textXs), 1.5vw, var(--textBaseSize));
  align-items: center;
  flex-wrap: wrap;
}

@media (min-width: 48.01rem) {
  .InscenaceDateListGroupItem-tags {
    justify-content: end;
  }
}

/*# sourceMappingURL=inscenace-date-list-group-item.min.css.map */