@use 'sass:map';
@use '@tutorbook/styles/config';
@use '@tutorbook/styles/typography';
@use '@material/elevation';

.wrapper {
  max-width: config.$default-width;
  margin: 0 auto;
  padding: 48px 24px;
  box-sizing: border-box;
}

.results {
  list-style: none;
  padding: 0;
}

.noResults {
  margin: 80px 0;
  text-align: center;
}

.noResultsHeader {
  @include typography.typography('headline3');
  margin: 16px 0;
}

.noResultsBody {
  @include typography.typography('subtitle1');
  color: map.get(config.$colors, 'accents-5');
  margin: 0 0 40px;
}

.carousel {
  margin-top: -50%;
}