@import 'variables';
@import 'mixins/media';
@import 'mixins/overlay';

:host {
  @include overlay-host;
}

.selection-container {
  overflow: scroll;
}

.apply-filter-wrapper {
  text-align: center;
  padding-bottom: 5px;

  &.in-transition {
    position: absolute;
    transform: translate(-50%);
    bottom: 0;
    left: 50%;
  }
}

.btn-apply-filters {
  padding: 18px 27px 20px 27px;
  border-radius: 57px;
  font-size: 18px;
}

.text-nowrap {
  white-space: nowrap;
}

:host ::ng-deep .select-filter-options-content {
  max-height: 400px;
  overflow: scroll;

  @include mq-tablet-landscape() {
    max-height: 200px;
  }

  @include mq-desktop() {
    max-height: 300px;
  }
}
