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

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

.empty {
  @include typography.typography('body1');
  border: 1px dashed map.get(config.$colors, 'accents-2');
  border-radius: 4px;
  color: map.get(config.$colors, 'accents-3');
  font-size: 14px;
  margin: 45px 0;
  padding: 180px 0;
  position: relative;
  text-align: center;
  line-height: 24px;
}