bb-locations-facet {

  .location {
    @include facet-spacing;
    @include column-flex-container;

    &__header {
      @include facet-header;
    }

    &__content-container {
      @media (min-width: $screen-sm-min) {
        min-width: 368px;
        max-width: 919px;
        padding-bottom: 20px;
      }

      overflow-y: auto;
    }

    &__feedback {
      color: $studio-raven-pale-gray;
      font-size: 13px;
      padding: {
        top: spacing(5);
        bottom: spacing(5);
      }
      margin: 0;
    }

    &__results {

      &-container {
        @media (min-width: $screen-sm-min) {
          max-width: 919px;
        }

        margin-top: spacing(20);
      }
    }

    &__list {
      margin-bottom: 0;
      border: {
        top: border(1);
        right: border(1);
        bottom: none;
        left: border(1);
      }
      border-radius: $bb-studio-border-radius;
    }

    &__location {
      border-bottom: border(1, $bb-studio-light-gray);

      &:last-child {
        border-bottom: 0;
      }

      &--selected {
        border: border(2, $studio-cyan-blue);
      }
    }
  }
}