/* 2024-09-18: At the moment, the background-colors for the poi marker is unknown.
This will be handled later. */

.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--Spacing-x-half);
  border-radius: var(--Corner-radius-Rounded);
  background-color: var(--UI-Text-Placeholder);
}

.attractions {
  background-color: var(--Base-Interactive-Surface-Secondary-normal);
}
.business {
  background-color: var(--Scandic-Yellow-50);
}
.location {
  background-color: var(--UI-Text-Placeholder);
}
.parking {
  background-color: var(--UI-Text-Active);
}
.publicTransport {
  background-color: var(--Base-Interactive-Surface-Tertiary-normal);
}
.shoppingDining {
  background-color: var(--Base-Interactive-Surface-Primary-normal);
}

.icon.transparent {
  background-color: transparent;
  padding: 0;
}