.LocationMap-marker {
  .Icon.is-l;

  align-items: center;
  color: var(--color-blue5);
  justify-content: center;

  &::before {
    .Icon;

    content: 'location_on';
    font-size: 36px;
    text-shadow: 0 0 var(--gap-s) var(--color-gray4);
    top: 0;
  }
}

.LocationMap-locateControl {
  align-items: center;
  color: var(--color-gray7);
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;

  &::before {
    .Icon;

    content: 'my_location';
    font-size: 22px;
    top: 0;
  }
}

.LocationMap-locateControl.is-loading {
  color: var(--color-blue5);

  &::before {
    .Icon;

    content: 'rss_feed';
  }
}

.LocationMap-removeMarker {
  align-items: center;
  display: none !important;
  justify-content: center;

  &::before {
    .Icon;

    content: 'close';
    top: 0;
  }
}

.is-marked {
  .LocationMap-removeMarker {
    display: flex !important;
  }
}
