/* stylelint-disable */
/* stylelint-disable max-line-length */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-s: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.wp-block .interactive-map__title,
.interactive-map__title {
  margin-bottom: var(--sk-spacing-85);
}
@media (max-width: 768px) {
  .wp-block .interactive-map__title,
  .interactive-map__title {
    margin-bottom: var(--sk-spacing-40);
  }
}
.wp-block .interactive-map__map,
.interactive-map__map {
  padding-top: 85px;
  padding-bottom: var(--sk-spacing-100);
}
@media (max-width: 768px) {
  .wp-block .interactive-map__map,
  .interactive-map__map {
    padding-top: var(--sk-spacing-50);
    padding-bottom: var(--sk-spacing-50);
  }
}
.wp-block .interactive-map__map .location,
.interactive-map__map .location {
  will-change: fill;
  transition: fill 0.3s ease-in-out;
  fill: var(--sk-color-slate);
}
.wp-block .interactive-map__map .location:hover, .wp-block .interactive-map__map .location.active,
.interactive-map__map .location:hover,
.interactive-map__map .location.active {
  cursor: pointer;
  fill: var(--sk-color-orange);
}
.wp-block .interactive-map__info,
.interactive-map__info {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease-in-out;
}
.wp-block .interactive-map__info.open,
.interactive-map__info.open {
  grid-template-rows: 1fr;
}
.wp-block .interactive-map__info-wrap,
.interactive-map__info-wrap {
  overflow: hidden;
}
.wp-block .interactive-map__info .sk-container,
.interactive-map__info .sk-container {
  padding-top: var(--sk-spacing-90);
  padding-bottom: var(--sk-spacing-95);
}
@media (max-width: 768px) {
  .wp-block .interactive-map__info .sk-container,
  .interactive-map__info .sk-container {
    padding-top: var(--sk-spacing-50);
    padding-bottom: var(--sk-spacing-50);
  }
}
.wp-block .interactive-map__info-hero,
.interactive-map__info-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sk-spacing-15);
  margin-bottom: var(--sk-spacing-25);
}
@media (max-width: 768px) {
  .wp-block .interactive-map__info-hero,
  .interactive-map__info-hero {
    flex-direction: column-reverse;
  }
}
.wp-block .interactive-map__info-flag,
.interactive-map__info-flag {
  max-width: 100%;
  height: auto;
}
.wp-block .interactive-map__info .wp-block .interactive-map__info-title,
.wp-block .interactive-map__info .interactive-map__info-title,
.interactive-map__info .wp-block .interactive-map__info-title,
.interactive-map__info .interactive-map__info-title {
  color: var(--sk-color-forest);
}
.wp-block .interactive-map__info-content,
.interactive-map__info-content {
  -moz-columns: 2;
       columns: 2;
  -moz-column-gap: 200px;
       column-gap: 200px;
}
@media (max-width: 1024px) {
  .wp-block .interactive-map__info-content,
  .interactive-map__info-content {
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}
@media (max-width: 768px) {
  .wp-block .interactive-map__info-content,
  .interactive-map__info-content {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media (max-width: 512px) {
  .wp-block .interactive-map__info-content,
  .interactive-map__info-content {
    -moz-columns: 1;
         columns: 1;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.wp-block .interactive-map__info [data-svg=icon-canton-gr-flag],
.interactive-map__info [data-svg=icon-canton-gr-flag] {
  background-color: #fff;
  border-radius: 0 0 23px 23px;
}
.wp-block .interactive-map__info [data-svg=icon-canton-ow-flag],
.interactive-map__info [data-svg=icon-canton-ow-flag] {
  background-color: #fff;
  border-radius: 0 0 23px 23px;
}
.wp-block .interactive-map path:focus,
.interactive-map path:focus {
  fill: var(--sk-color-orange);
  outline: none;
}