.StoreMap {
  position: relative;
  width: 100%;
  border: 0;
}

.StoreMap:not(.small-map) {
  flex: 1;
  height: calc(100vh - 6.25rem);
}

@media (min-width: 75.01rem) {
  .StoreMap:not(.small-map) {
    height: calc(100vh - var(--headerHeight));
  }
}

.StoreMap.small-map {
  height: 10rem;
}

@media (min-width: 36.01rem) {
  .StoreMap.small-map {
    height: 15rem;
  }
}

@media (min-width: 75.01rem) {
  .StoreMap.small-map {
    height: calc(100vh - var(--headerHeight));
    width: 35%;
    min-width: 30rem;
  }
}

@media (min-width: 100.01rem) {
  .StoreMap.small-map {
    min-width: 40rem;
  }
}

.StoreMap-map {
  position: relative;
  height: 100%;
  background: var(--colorSecondaryBg);
}

.StoreMap-resize {
  position: absolute;
  top: auto;
  right: 1.5rem;
  bottom: 0;
  z-index: 1;
}

@media (min-width: 75.01rem) {
  .StoreMap-resize {
    top: 50%;
    right: 0;
    bottom: auto;
    transform: translateY(-50%);
  }
  .StoreMap-resize:hover .StoreMap-resizeSmall svg {
    transform: translateX(-0.3rem) rotate(-180deg);
  }
  .StoreMap-resize:hover .StoreMap-resizeBig svg {
    transform: translateX(0.3rem);
  }
}

.StoreMap-resize span {
  display: flex;
  width: 3.125rem;
  height: 3.125rem;
  justify-content: center;
  align-items: center;
  border-radius: var(--spaceRg) 0 0 0;
  background: var(--colorBodyBg);
  box-shadow: 0 0.313rem 0.625rem 0 rgba(12, 0, 206, 0.15);
  cursor: pointer;
}

.StoreMap-resize span svg {
  transition: var(--animationBase);
}

.StoreMap-resize span.disabled {
  display: none;
}

.StoreMap-resizeSmall svg {
  transform: rotate(-90deg);
}

.StoreMap-resizeSmall svg path {
  fill: var(--colorBrand);
}

@media (min-width: 75.01rem) {
  .StoreMap-resizeSmall svg {
    transform: rotate(-180deg);
  }
}

.StoreMap-resizeBig svg {
  transform: rotate(90deg);
}

.StoreMap-resizeBig svg path {
  fill: var(--colorBrand);
}

@media (min-width: 75.01rem) {
  .StoreMap-resizeBig svg {
    transform: none;
  }
}

/*# sourceMappingURL=store-map.min.css.map */