.MarkerWrapper,
.SpaceType {
  &.asCourtyard {
    color: #1F2F98;
  }

  &.asGarage {
    color: #787FF6;
  }

  &.asUnderground {
    color: #1da3a3;
  }

  &.asOutdoor {
    color: #1c7cad;
  }

  &.asCarport {
    color: #2ec8fb;
  }

  &.asCarpark {
    color: #120C6E;
  }
}

.Marker {
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  position: relative;
  width: 100%;
  height: 100%;
  border: 2px solid currentColor;

  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: currentColor;
    opacity: 0.5;
  }

  &::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background-color: currentColor;
  }
}
