@import "nebenan-ui-kit";

.root {
  @include block-responsive(75%);

  // overrides default mapbox font
  font-family: $font-family;

  :global(.maplibregl-ctrl-top-right),
  :global(.maplibregl-ctrl-bottom-right) {
    // overrides mapbox z-index
    z-index: 1;

    // To prevent global link styles from overwriting
    a {
      all: unset;
    }

    a:hover {
      all: unset;
    }
  }

  :global(.maplibregl-canvas-container) {
    // Click handlers won't work in layers without stretching this element
    @include block-fill;
  }

  :global(.maplibregl-canvas):focus {
    outline: none;
  }

  &.isDisabled {
    position: relative;
    background-color: $color-gray-05;

    .disabledMessage {
      @include block-center;
    }
  }
}

.disabledMessage {
  width: 100%;
  padding: 0 15px;
  text-align: center;
}