.provider__name {
  font-size: .9em;
  color: $gray-800;
}

.provider__short-name {
  font-weight: bold;
}

.provider-picker {
  @extend .ui-popup;
  padding: 1rem;
  margin: 3rem;
}

.provider-picker__heading {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.provider-picker__providers {
  list-style: none;
  padding: 0;
  margin: 0;
}

.provider-picker__provider {
  font-size: 1rem;

  .provider {
    margin: 0 -1rem;
    padding: .5rem 1rem;

    &:hover {
      background: $gray-100;
    }
  }
}

.provider {
  @include flex-with-spacing(.5rem);
  align-items: center;

  &:hover {
    text-decoration: none;
  }
}

@include media-breakpoint-down('sm') {
  .provider-picker {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 1.5rem;
  }

  .provider-picker__providers {
    max-height: 170px;
  }
}
