@charset "utf-8";

.hnf-storelocator { margin-block-end: 4rem; min-height: 745px; }

@media (min-width: 56.25em) {
  .hnf-storelocator { min-height: 627px; }
}

.hnf-storelocator__container { display: flex; flex-direction: column; justify-content: space-between; align-items: center; row-gap: 1.25rem; border-bottom: 1px solid rgb(var(--colour-neutral-2, 245, 245, 245)); overflow: hidden; }

@media (min-width: 56.25em) {
  .hnf-storelocator__container { flex-direction: row; column-gap: 1.25rem; align-items: flex-start; }
}

.hnf-storelocator__list-heading { display: flex; justify-content: space-between; align-items: center; }

.hnf-storelocator__list-container { height: 626px; display: flex; flex-direction: column; row-gap: 1.25rem; width: 100%; }

.hnf-storelocator__list-container--hidden { display: none; }

@media (min-width: 56.25em) {
  .hnf-storelocator__list-container { width: 314px; min-width: 314px; }
}

.hnf-storelocator__cmps-choice { overflow: auto; }

@media (min-width: 56.25em) {
  .hnf-storelocator__cmps-choice { max-height: 550px; padding-inline-end: 1rem; }
}

.hnf-storelocator__cmps-choice .hnf-choice__list-item { min-height: 0px; }

.hnf-storelocator__cmps-choice .hnf-choice-item { min-height: 0px; }

.hnf-storelocator__cmps-choice .hnf-choice-item__content { flex-direction: column; min-height: 0px; }

.hnf-storelocator__cmps-choice .hnf-choice-item__caption .hnf-storelocator__cmp-address { font-size: 0.875rem; display: block; }

.hnf-storelocator__cmps-choice .hnf-choice-item__caption .hnf-storelocator__cmp-address-comment { font-size: 0.75rem; }

.hnf-storelocator__cmps-choice .hnf-choice-item__caption .hnf-storelocator__cmp-type { font-size: 0.75rem; display: flex; align-items: center; margin-block: 0.5rem; }

.hnf-storelocator__cmps-choice .hnf-choice-item__caption .hnf-storelocator__cmp-type svg { margin-inline-end: 0.25rem; }

.hnf-storelocator__cmps-choice .hnf-choice-item__caption .hnf-storelocator__cmp-open { font-size: 0.75rem; display: block; }

.hnf-storelocator__cmps-choice .hnf-choice-item__caption .hnf-storelocator__cmp-open--black { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-storelocator__cmps-choice .hnf-choice-item__caption .hnf-storelocator__cmp-open--green { color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.hnf-storelocator__cmps-choice .hnf-choice-item__caption .hnf-storelocator__cmp-open--red { color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.hnf-storelocator__search { width: 100%; }

.hnf-storelocator__search .hnf-storelocator__no-hits { margin-block-start: 0.75rem; }

.hnf-storelocator__map { height: 626px; width: 100%; }

.hnf-storelocator__map--hidden { display: none; }

.hnf-storelocator__map .hnf-storelocator__infowindow { font-family: "Noto IKEA", "Noto Sans", Roboto, "Open Sans", system-ui, sans-serif; font-size: 0.875rem; color: rgb(var(--colour-static-black, 17, 17, 17)); margin: 0px 0.75rem 0.75rem; }

@media (min-width: 56.25em) {
  .hnf-storelocator__map .hnf-storelocator__infowindow { min-width: 200px; }
}

.hnf-storelocator__map .hnf-storelocator__infowindow > a { color: rgb(var(--colour-static-black, 17, 17, 17)); }

.hnf-storelocator__map .hnf-storelocator__infowindow > a:hover { color: rgb(var(--colour-static-dark-grey, 118, 118, 118)); }

.hnf-storelocator__map .hnf-storelocator__infowindow > strong { display: block; margin-bottom: 0.25rem; }

.hnf-storelocator__modal .hnf-modal-body h2, .hnf-storelocator__modal .hnf-modal-body p { margin-bottom: 1rem; }