/*
* Global button styling
*/
/*
* Breakpoint debugging
*/
/*
* MEDIA QUERIES
* Breakpoints for responsive sites
*/
/*
* SASS Parent append
* Useful if you want to add an append to the parent without writing it out again
* Usage: @include parent-append(":hover")
* Source: https://codepen.io/imkremen/pen/RMVBvq
*/
/*
* Skew
* Useful mixing to create skewed edges
* Usage: @include angle-edge(bottomright, 3deg, topleft, 3deg, #fff);
* Source: http://www.hongkiat.com/blog/skewed-edges-css/
*/
.block-operations-map {
  margin-bottom: 3rem !important;
}
.block-operations-map .map-holder {
  overflow: hidden;
  position: relative;
}
.block-operations-map .map-holder .buttons-holder {
  position: absolute;
  z-index: 3;
  top: 2rem;
  left: 2rem;
}
@media (max-width: 1440px) {
  .block-operations-map .map-holder .buttons-holder {
    position: relative;
    top: 0;
    left: 0;
  }
}
.block-operations-map .map-holder .buttons-holder .button {
  overflow: hidden;
  border: 0;
  outline: 0;
  text-align: center;
  padding: 2rem;
  color: var(--wp--preset--color--secondary);
  background: #fff;
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--normal);
  font-family: "Inter";
  line-height: 1;
  position: relative;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 1.5rem;
  font-weight: 600;
  min-width: 12rem;
  cursor: pointer;
  font-size: 1.6rem;
  border-radius: 10px;
  overflow: hidden;
  min-width: 350px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  background: var(--wp--preset--color--secondary);
}
.block-operations-map .map-holder .buttons-holder .button:before {
  background-color: var(--wp--preset--color--secondary);
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  transform: translate(-100%, 0);
  transition: 0.5s ease-in-out;
}
.block-operations-map .map-holder .buttons-holder .button svg,
.block-operations-map .map-holder .buttons-holder .button span {
  z-index: 2;
  position: relative;
  color: var(--wp--preset--color--secondary);
}
.block-operations-map .map-holder .buttons-holder .button svg path,
.block-operations-map .map-holder .buttons-holder .button span path {
  fill: #fff;
}
.block-operations-map .map-holder .buttons-holder .button svg {
  width: 25px;
  height: 25px;
  fill: #fff;
}
.block-operations-map .map-holder .buttons-holder .button:focus-visible {
  outline: 2px solid var(--wp--preset--color--secondary);
  outline-offset: 0.5rem;
}
.block-operations-map .map-holder .buttons-holder .button:hover, .block-operations-map .map-holder .buttons-holder .button:active, .block-operations-map .map-holder .buttons-holder .button:focus {
  text-decoration: none;
  color: #fff;
}
.block-operations-map .map-holder .buttons-holder .button:hover:before, .block-operations-map .map-holder .buttons-holder .button:active:before, .block-operations-map .map-holder .buttons-holder .button:focus:before {
  transform: translate(0%, 0);
}
.block-operations-map .map-holder .buttons-holder .button:hover svg,
.block-operations-map .map-holder .buttons-holder .button:hover span, .block-operations-map .map-holder .buttons-holder .button:active svg,
.block-operations-map .map-holder .buttons-holder .button:active span, .block-operations-map .map-holder .buttons-holder .button:focus svg,
.block-operations-map .map-holder .buttons-holder .button:focus span {
  color: #fff;
}
.block-operations-map .map-holder .buttons-holder .button:hover svg path,
.block-operations-map .map-holder .buttons-holder .button:hover span path, .block-operations-map .map-holder .buttons-holder .button:active svg path,
.block-operations-map .map-holder .buttons-holder .button:active span path, .block-operations-map .map-holder .buttons-holder .button:focus svg path,
.block-operations-map .map-holder .buttons-holder .button:focus span path {
  fill: #fff;
}
.block-operations-map .map-holder .buttons-holder .button.btn-primary, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary {
  color: #fff;
  background: var(--wp--preset--color--primary);
  padding: 15px;
}
.block-operations-map .map-holder .buttons-holder .button.btn-primary path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary path {
  fill: var(--wp--preset--color--foreground);
}
.block-operations-map .map-holder .buttons-holder .button.btn-primary span, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary span {
  color: #fff;
}
.block-operations-map .map-holder .buttons-holder .button.btn-primary:hover, .block-operations-map .map-holder .buttons-holder .button.btn-primary:active, .block-operations-map .map-holder .buttons-holder .button.btn-primary:focus, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:hover, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:active, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:focus {
  background: var(--wp--preset--color--primary);
}
.block-operations-map .map-holder .buttons-holder .button.btn-primary:hover:before, .block-operations-map .map-holder .buttons-holder .button.btn-primary:active:before, .block-operations-map .map-holder .buttons-holder .button.btn-primary:focus:before, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:hover:before, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:active:before, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:focus:before {
  background-color: var(--wp--preset--color--secondary);
}
.block-operations-map .map-holder .buttons-holder .button.btn-primary:hover svg,
.block-operations-map .map-holder .buttons-holder .button.btn-primary:hover span, .block-operations-map .map-holder .buttons-holder .button.btn-primary:active svg,
.block-operations-map .map-holder .buttons-holder .button.btn-primary:active span, .block-operations-map .map-holder .buttons-holder .button.btn-primary:focus svg,
.block-operations-map .map-holder .buttons-holder .button.btn-primary:focus span, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:hover svg,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:hover span, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:active svg,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:active span, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:focus svg,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:focus span {
  color: #fff;
}
.block-operations-map .map-holder .buttons-holder .button.btn-primary:hover svg path,
.block-operations-map .map-holder .buttons-holder .button.btn-primary:hover span path, .block-operations-map .map-holder .buttons-holder .button.btn-primary:active svg path,
.block-operations-map .map-holder .buttons-holder .button.btn-primary:active span path, .block-operations-map .map-holder .buttons-holder .button.btn-primary:focus svg path,
.block-operations-map .map-holder .buttons-holder .button.btn-primary:focus span path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:hover svg path,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:hover span path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:active svg path,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:active span path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:focus svg path,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-primary:focus span path {
  fill: var(--wp--preset--color--tertiary);
}
.block-operations-map .map-holder .buttons-holder .button.btn-secondary, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--tertiary);
}
.block-operations-map .map-holder .buttons-holder .button.btn-secondary path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary path {
  fill: var(--wp--preset--color--secondary);
}
.block-operations-map .map-holder .buttons-holder .button.btn-secondary:hover, .block-operations-map .map-holder .buttons-holder .button.btn-secondary:active, .block-operations-map .map-holder .buttons-holder .button.btn-secondary:focus, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:hover, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:active, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:focus {
  background: var(--wp--preset--color--tertiary);
}
.block-operations-map .map-holder .buttons-holder .button.btn-secondary:hover svg,
.block-operations-map .map-holder .buttons-holder .button.btn-secondary:hover span, .block-operations-map .map-holder .buttons-holder .button.btn-secondary:active svg,
.block-operations-map .map-holder .buttons-holder .button.btn-secondary:active span, .block-operations-map .map-holder .buttons-holder .button.btn-secondary:focus svg,
.block-operations-map .map-holder .buttons-holder .button.btn-secondary:focus span, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:hover svg,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:hover span, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:active svg,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:active span, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:focus svg,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:focus span {
  color: var(--wp--preset--color--foreground);
}
.block-operations-map .map-holder .buttons-holder .button.btn-secondary:hover svg path,
.block-operations-map .map-holder .buttons-holder .button.btn-secondary:hover span path, .block-operations-map .map-holder .buttons-holder .button.btn-secondary:active svg path,
.block-operations-map .map-holder .buttons-holder .button.btn-secondary:active span path, .block-operations-map .map-holder .buttons-holder .button.btn-secondary:focus svg path,
.block-operations-map .map-holder .buttons-holder .button.btn-secondary:focus span path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:hover svg path,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:hover span path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:active svg path,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:active span path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:focus svg path,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-secondary:focus span path {
  fill: var(--wp--preset--color--foreground);
}
.block-operations-map .map-holder .buttons-holder .button.btn-white, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-white {
  background: #fff;
  color: var(--wp--preset--color--primary);
}
.block-operations-map .map-holder .buttons-holder .button.btn-white path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-white path {
  fill: var(--wp--preset--color--foreground);
}
.block-operations-map .map-holder .buttons-holder .button.btn-white:hover, .block-operations-map .map-holder .buttons-holder .button.btn-white:active, .block-operations-map .map-holder .buttons-holder .button.btn-white:focus, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:hover, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:active, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:focus {
  background: #fff;
}
.block-operations-map .map-holder .buttons-holder .button.btn-white:hover svg,
.block-operations-map .map-holder .buttons-holder .button.btn-white:hover span, .block-operations-map .map-holder .buttons-holder .button.btn-white:active svg,
.block-operations-map .map-holder .buttons-holder .button.btn-white:active span, .block-operations-map .map-holder .buttons-holder .button.btn-white:focus svg,
.block-operations-map .map-holder .buttons-holder .button.btn-white:focus span, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:hover svg,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:hover span, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:active svg,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:active span, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:focus svg,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:focus span {
  color: #fff;
}
.block-operations-map .map-holder .buttons-holder .button.btn-white:hover svg path,
.block-operations-map .map-holder .buttons-holder .button.btn-white:hover span path, .block-operations-map .map-holder .buttons-holder .button.btn-white:active svg path,
.block-operations-map .map-holder .buttons-holder .button.btn-white:active span path, .block-operations-map .map-holder .buttons-holder .button.btn-white:focus svg path,
.block-operations-map .map-holder .buttons-holder .button.btn-white:focus span path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:hover svg path,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:hover span path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:active svg path,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:active span path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:focus svg path,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-white:focus span path {
  fill: #fff;
}
.block-operations-map .map-holder .buttons-holder .button.btn-small, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small {
  background: #fff;
  color: var(--wp--preset--color--secondary);
  font-size: 1.4rem;
  padding: 1rem 1.5rem;
  min-width: auto;
  position: relative;
  border-radius: 10px;
  border: 1px solid var(--wp--preset--color--secondary);
}
.block-operations-map .map-holder .buttons-holder .button.btn-small path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small path {
  fill: var(--wp--preset--color--foreground);
}
.block-operations-map .map-holder .buttons-holder .button.btn-small span, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small span {
  color: var(--wp--preset--color--secondary);
}
.block-operations-map .map-holder .buttons-holder .button.btn-small:hover, .block-operations-map .map-holder .buttons-holder .button.btn-small:active, .block-operations-map .map-holder .buttons-holder .button.btn-small:focus, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:hover, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:active, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:focus {
  background: #fff;
}
.block-operations-map .map-holder .buttons-holder .button.btn-small:hover:before, .block-operations-map .map-holder .buttons-holder .button.btn-small:active:before, .block-operations-map .map-holder .buttons-holder .button.btn-small:focus:before, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:hover:before, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:active:before, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:focus:before {
  background-color: var(--wp--preset--color--secondary);
}
.block-operations-map .map-holder .buttons-holder .button.btn-small:hover svg,
.block-operations-map .map-holder .buttons-holder .button.btn-small:hover span, .block-operations-map .map-holder .buttons-holder .button.btn-small:active svg,
.block-operations-map .map-holder .buttons-holder .button.btn-small:active span, .block-operations-map .map-holder .buttons-holder .button.btn-small:focus svg,
.block-operations-map .map-holder .buttons-holder .button.btn-small:focus span, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:hover svg,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:hover span, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:active svg,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:active span, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:focus svg,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:focus span {
  color: #fff;
}
.block-operations-map .map-holder .buttons-holder .button.btn-small:hover svg path,
.block-operations-map .map-holder .buttons-holder .button.btn-small:hover span path, .block-operations-map .map-holder .buttons-holder .button.btn-small:active svg path,
.block-operations-map .map-holder .buttons-holder .button.btn-small:active span path, .block-operations-map .map-holder .buttons-holder .button.btn-small:focus svg path,
.block-operations-map .map-holder .buttons-holder .button.btn-small:focus span path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:hover svg path,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:hover span path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:active svg path,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:active span path, .block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:focus svg path,
.block-operations-map .map-holder .buttons-holder .button.is-style-btn-small:focus span path {
  fill: #fff;
}
.block-operations-map .map-holder .buttons-holder .button.full-width {
  display: block;
}
.block-operations-map .map-holder .buttons-holder .button.aligncenter, .block-operations-map .map-holder .buttons-holder .button.center {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.2s ease-in-out;
}
.block-operations-map .map-holder .buttons-holder .button span {
  color: #fff;
}
.block-operations-map .map-holder .buttons-holder .button .arrow #chev-1 {
  fill: #fff;
}
.block-operations-map .map-holder .buttons-holder .button .arrow #chev-2 {
  fill: #fff;
}
.block-operations-map .map-holder .buttons-holder .button:hover {
  text-decoration: none;
}
.block-operations-map .map-holder .buttons-holder .button:hover:before {
  background-color: #fff;
}
.block-operations-map .map-holder .buttons-holder .button:hover span {
  color: var(--wp--preset--color--secondary);
}
.block-operations-map .map-holder .buttons-holder .button:hover .arrow #chev-1 {
  fill: var(--wp--preset--color--secondary);
}
.block-operations-map .map-holder .buttons-holder .button:hover .arrow #chev-2 {
  fill: var(--wp--preset--color--primary);
}
.block-operations-map .map-holder .buttons-holder .button:hover svg path {
  fill: var(--wp--preset--color--tertiary);
}
.block-operations-map .map-holder .map-holder {
  overflow: hidden;
}
.block-operations-map .map-holder .map {
  background-color: var(--wp--preset--color--tertiary);
  transform: scale(1.5) translateY(0px) translateX(20px);
}
@media (max-width: 782px) {
  .block-operations-map .map-holder .map {
    transform: scale(2) translateY(0px) translateX(0px);
  }
}
.block-operations-map .map-holder .map.zoom {
  transform: scale(6) translateY(-40px) translateX(-10px);
  transition: all 3s ease-in-out;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 1440px) {
  .block-operations-map .map-holder .map.zoom {
    transform: scale(5) translateY(-40px) translateX(0px);
  }
}
@media (max-width: 1024px) {
  .block-operations-map .map-holder .map.zoom {
    transform: scale(5) translateY(-30px) translateX(0px);
  }
}
@media (max-width: 782px) {
  .block-operations-map .map-holder .map.zoom {
    transform: scale(5) translateY(-25px) translateX(-5px);
  }
}
@media (max-width: 500px) {
  .block-operations-map .map-holder .map.zoom {
    transform: scale(5) translateY(-20px) translateX(-5px);
  }
}
@media (max-width: 400px) {
  .block-operations-map .map-holder .map.zoom {
    transform: scale(5) translateY(-15px) translateX(-5px);
  }
}
.block-operations-map .map-holder .map svg #buchan,
.block-operations-map .map-holder .map svg #j2-1,
.block-operations-map .map-holder .map svg #j2-2,
.block-operations-map .map-holder .map svg #verbier {
  cursor: pointer;
}
.block-operations-map .map-holder .map svg .highlight {
  transition: all 0.2s ease-in-out;
  fill: var(--wp--preset--color--secondary);
  stroke: var(--wp--preset--color--secondary);
}
.block-operations-map .map-holder .map svg .line-highlight {
  transition: all 0.2s ease-in-out;
  stroke: var(--wp--preset--color--secondary);
}