.SpaceType,
.MarkerWrapper .Marker {
  color: black;

  &.asOpen {
    background-color: #7EE2B8;
  }

  &.asCourtyard {
    background-color: #B3DF72;
  }

  &.asGarage {
    background-color: #9DD9EE;
  }

  &.asUnderground {
    background-color: #F5CD47;
  }

  &.asOutdoor {
    background-color: #85B8FF;
  }

  &.asCarport {
    background-color: #F797D2;
  }

  &.asCarpark {
    background-color: #B8ACF6;
  }
}

.SpaceType {
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
}

.Marker {
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  border: 2px solid black;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;

  &.Marker:hover {
    cursor: pointer;
    background-color: black;
    color: white;
  }
}