@import '../map-base';
@import '../map-base-canvas';
@import '../map-base-mobile';

bb-map.map--variant-1 {
  @include map-base;
  @include map-base-canvas;

  padding: 20px;
  padding-bottom: 0;

  @include desktop {
    #map__search-loader-container {
      display: flex;
      padding-top: 20px;
    }

    .map__results {
      flex-basis: (4 / 12) * 100%;
    }

    .map__canvas {
      flex-basis: (8 / 12) * 100%;
      padding-left: $bb-panel-margin-offset;
    }
  }

  @include mobile-only {
    @include map-base-mobile;
  }
}