{"version":3,"sources":["utility/_utility.scss","modules/_stack.scss","_configuration.scss","utility/_mixins.scss","modules/_icon.scss","modules/_modal.scss","modules/_zoom-control.scss","modules/_bubbles.scss"],"names":[],"mappings":"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","file":"main.min.css","sourcesContent":["//\n// Utility classes\n// --------------------------------------------------\n\n.u-linebreak {\n  display: table;\n}\n\n.u-invisible {\n  margin: -3px;\n  position: absolute;\n  text-indent: 100%;\n  overflow: hidden;\n  height: 1px;\n  width: 1px;\n  display: block;\n}\n","// general\n$hover-scale: 1.02;\n$shadow-color: rgba(0, 0, 0, .8);\n$level-skew-factor: 17;\n$level-distance-distortion: .91; // since $level-distance is distorted in 3D space\n$level-base-transform: rotateX(65deg) skew(-$level-skew-factor * 1deg);\n\n// xs\n$level-size: 220px;\n$level-distance: 50px;\n$stack-offset-x: floor($level-skew-factor * 180 / 10000 * $level-size);\n$stack-height: ceil($level-size * .4222 + $level-distance * 2 * $level-distance-distortion); // .4222 corresponds to 65deg rotation\n\n// sm\n$level-size-sm: 400px;\n$level-distance-sm: 80px;\n$stack-offset-x-sm: floor($level-skew-factor * 180 / 10000 * $level-size-sm);\n$stack-height-sm: ceil($level-size-sm * .4222 + $level-distance-sm * 2 * $level-distance-distortion);\n\n// lg\n$level-size-lg: 784px;\n$level-distance-lg: 142px;\n$stack-offset-x-lg: floor($level-skew-factor * 180 / 10000 * $level-size-lg);\n$stack-height-lg: ceil($level-size-lg * .4222 + $level-distance-lg * 2 * $level-distance-distortion);\n\n\n// Wrapper\n.stack-wrapper * {\n  box-sizing: content-box;\n}\n\n.stack {\n  position: relative; // for zoom icon\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  @media (min-width: $breakpoint-xs) {\n    height: $stack-height;\n    flex-direction: row;\n    align-items: stretch;\n    justify-content: center;\n  }\n\n  @media (min-width: $breakpoint-sm) {\n    height: $stack-height-sm;\n  }\n\n  @media (min-width: $breakpoint-lg) {\n    height: $stack-height-lg;\n  }\n}\n\n// Items (levels)\n.stack__items {\n  flex-shrink: 0;\n  position: relative;\n\n  width: $level-size;\n  height: $level-size;\n  margin-left: $stack-offset-x;\n\n  @media (min-width: $breakpoint-sm) {\n    width: $level-size-sm;\n    height: $level-size-sm;\n    margin-left: $stack-offset-x-sm;\n  }\n\n  @media (min-width: $breakpoint-lg) {\n    width: $level-size-lg;\n    height: $level-size-lg;\n    margin-left: $stack-offset-x-lg;\n  }\n}\n\n.stack__item {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  cursor: pointer;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  transform-origin: top center;\n  transition: all $transition-time;\n  box-shadow: $level-size / 100 $level-size / 100 ($level-size / 10) $shadow-color;\n\n  @media (min-width: $breakpoint-sm) {\n    box-shadow: $level-size-sm / 100 $level-size-sm / 100 ($level-size-sm / 10) $shadow-color;\n  }\n\n  @media (min-width: $breakpoint-lg) {\n    box-shadow: $level-size-lg / 100 $level-size-lg / 100 ($level-size-lg / 10) $shadow-color;\n  }\n\n  &:not(:first-child) {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n\n  &.is-level1 {\n    z-index: 30;\n    transform: $level-base-transform translateZ(0);\n\n    &:hover {\n      transform: $level-base-transform scale($hover-scale);\n    }\n  }\n\n  &.is-level2 {\n    z-index: 20;\n    transform: $level-base-transform translateZ(-$level-distance);\n\n    &:hover {\n      transform: $level-base-transform scale($hover-scale) translateZ(-$level-distance);\n    }\n\n    @media (min-width: $breakpoint-sm) {\n      transform: $level-base-transform translateZ(-$level-distance-sm);\n\n      &:hover {\n        transform: $level-base-transform scale($hover-scale) translateZ(-$level-distance-sm);\n      }\n    }\n\n    @media (min-width: $breakpoint-lg) {\n      transform: $level-base-transform translateZ(-$level-distance-lg);\n\n      &:hover {\n        transform: $level-base-transform scale($hover-scale) translateZ(-$level-distance-lg);\n      }\n    }\n  }\n\n  &.is-level3 {\n    z-index: 10;\n    transform: $level-base-transform translateZ(-$level-distance * 2);\n\n    &:hover {\n      transform: $level-base-transform scale($hover-scale) translateZ(-$level-distance * 2);\n    }\n\n    @media (min-width: $breakpoint-sm) {\n      transform: $level-base-transform translateZ(-$level-distance-sm * 2);\n\n      &:hover {\n        transform: $level-base-transform scale($hover-scale) translateZ(-$level-distance-sm * 2);\n      }\n    }\n\n    @media (min-width: $breakpoint-lg) {\n      transform: $level-base-transform translateZ(-$level-distance-lg * 2);\n\n      &:hover {\n        transform: $level-base-transform scale($hover-scale) translateZ(-$level-distance-lg * 2);\n      }\n    }\n  }\n}\n\n.stack__item--one {\n  background-color: $color-one;\n}\n\n.stack__item--two {\n  background-color: $color-two;\n}\n\n.stack__item--three {\n  background-color: $color-three;\n}\n\n.stack__img {\n  display: block;\n  height: 100%;\n  width: 100%;\n  object-fit: contain;\n  object-position: center center;\n  padding: 1rem;\n  box-sizing: border-box;\n}\n\n// image zoom overlay. hidden when parent stack item isn't on top.\n.stack__img-zoom {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: none;\n\n  .is-level1 & {\n    display: block;\n  }\n}\n\n\n// Navigation\n.stack__nav {\n  width: 200px; // estimated width, which should be overridden by JS\n  height: ceil(20px + $level-distance * 2 * $level-distance-distortion); // height must be set until horizontal view kicks in. 20px = 1rem + .25em\n  position: relative;\n\n  @media (min-width: $breakpoint-xs) {\n    height: auto;\n    margin-top: ($level-distance * $level-distance-distortion * .25);\n    margin-left: -$stack-offset-x * .15;\n  }\n\n  @media (min-width: $breakpoint-sm) {\n    margin-top: ($level-distance-sm * $level-distance-distortion * .25);\n    margin-left: -$stack-offset-x-sm * .15;\n  }\n\n  @media (min-width: $breakpoint-lg) {\n    margin-top: ($level-distance-lg * $level-distance-distortion * .5);\n    margin-left: -$stack-offset-x-lg * .15;\n  }\n}\n\n.stack__nav-item {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  justify-content: center;\n  text-align: center;\n\n  font-size: 1rem;\n  line-height: 1;\n  text-decoration: none;\n  text-transform: uppercase;\n  @include font-smoothing;\n  padding-bottom: .25em;\n  border-bottom: 1px solid currentColor;\n\n  padding-left: 1em;\n  padding-right: 1em;\n\n  transition: all $transition-time;\n\n  @media (min-width: $breakpoint-xs) {\n    padding-left: 1.5em;\n    padding-right: 0;\n    text-align: right;\n    justify-content: flex-end;\n  }\n\n  @media (min-width: $breakpoint-sm) {\n    font-size: 1.375rem;\n  }\n\n  @media (min-width: $breakpoint-lg) {\n    padding-left: 3em;\n  }\n\n  .has-calculated-dimensions & {\n    right: 0;\n  }\n\n  .main_color & { // wp override\n    &,\n    &:hover,\n    &:focus {\n      border-color: currentColor;\n      text-decoration: none;\n    }\n  }\n\n  &.is-level1 {\n    transform: translateY(0);\n  }\n\n  &.is-level2 {\n    transform: translateY($level-distance * .9);\n\n    @media (min-width: $breakpoint-sm) {\n      transform: translateY($level-distance-sm * .9);\n    }\n\n    @media (min-width: $breakpoint-lg) {\n      transform: translateY($level-distance-lg * .9);\n    }\n  }\n\n  &.is-level3 {\n    transform: translateY($level-distance * .9 * 2);\n\n    @media (min-width: $breakpoint-sm) {\n      transform: translateY($level-distance-sm * .9 * 2);\n    }\n\n    @media (min-width: $breakpoint-lg) {\n      transform: translateY($level-distance-lg * .9 * 2);\n    }\n  }\n\n  svg {\n    display: inline-block;\n    height: .5em;\n    width: .5em;\n    margin-right: .25em;\n    flex-shrink: 0;\n  }\n}\n\n.stack__nav-item--one,\n.main_color .stack__nav-item--one { // wp override\n  &,\n  &:hover,\n  &:focus,\n  &:active {\n    color: $color-one;\n  }\n}\n\n.stack__nav-item--two,\n.main_color .stack__nav-item--two {\n  &,\n  &:hover,\n  &:focus,\n  &:active {\n    color: $color-two;\n  }\n}\n\n.stack__nav-item--three,\n.main_color .stack__nav-item--three {\n  &,\n  &:hover,\n  &:focus,\n  &:active {\n    color: $color-three;\n  }\n}\n\n\n// Zoom\n.stack__zoom {\n  position: absolute;\n  top: 0;\n  z-index: 40; // > levels\n  left: $level-size;\n  transform: translateY(-50%) translateZ(200px); // because buggy safari\n\n  display: none;\n\n  @media (min-width: $breakpoint-sm) {\n    left: $level-size-sm + 40px;\n  }\n\n  @media (min-width: $breakpoint-lg) {\n    left: $level-size-lg + 140px;\n  }\n\n  &.is-visible {\n    display: block;\n  }\n}\n","//\n// General settings\n// --------------------------------------------------\n\n// colors\n$color-one: #70d7e8;\n$color-two: #ff9240;\n$color-three: #74cb64;\n\n// secondary colors\n$color-red: #de0006;\n$color-green: #1fdc37;\n$color-magenta: #c3005c;\n$color-orange: #ff5b02;\n$color-blue: #0ff;\n$color-yellow: #fffc0e;\n\n$color-white: #fff;\n$color-black: #000;\n\n// sizing\n$breakpoint-xs: 570px;\n$breakpoint-sm: 800px;\n$breakpoint-lg: 1400px;\n\n// Transition timing\n$transition-time: .4s;\n$transition-time--short: .2s;\n","//\n// Mixins\n// --------------------------------------------------\n\n@mixin font-smoothing {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin no-font-smoothing {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n",".c-icon-default {\n  display: block;\n  transition: all $transition-time;\n  transform: translate3d(0, 0, 0);\n\n  width: 1.75rem;\n  height: 1.75rem;\n  padding: .4rem;\n  background-color: $color-white;\n  border-radius: 50%;\n  box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .5);\n\n  @media (min-width: $breakpoint-sm) {\n    box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .5);\n    width: 2.5rem;\n    height: 2.5rem;\n    padding: .6rem;\n  }\n\n  &:hover {\n    transform: scale(1.05);\n  }\n\n  svg {\n    height: 100%;\n    width: 100%;\n    display: block;\n  }\n}\n\n.c-icon-default--large {\n  @media (min-width: $breakpoint-lg) {\n    width: 3.125rem;\n    height: 3.125rem;\n    padding: 1.25rem;\n  }\n}\n",".c-modal {\n  background-color: $color-white;\n  position: fixed;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n\n  z-index: -1;\n  height: 0;\n  overflow: hidden;\n  transition: transform $transition-time, opacity $transition-time;\n  transform: scale(.9);\n  opacity: 0;\n\n  &.is-open {\n    height: 100%;\n    transform: translateZ(10000px); // because buggy safari\n    z-index: 1000;\n    overflow: visible;\n    opacity: 1;\n  }\n\n  * {\n    box-sizing: content-box;\n  }\n}\n\n// html flag\n.c-modal-open {\n  overflow: hidden;\n\n  body {\n    overflow: visible;\n    height: 100%;\n  }\n}\n\n// close icon\n.c-modal__close {\n  position: absolute;\n  right: 2rem;\n  top: 2rem;\n\n  @media (min-width: $breakpoint-lg) {\n    right: 4rem;\n    top: 4rem;\n  }\n}\n\n.c-modal__map {\n  background-color: #eee;\n  height: 100%;\n  width: 100%;\n}\n\n.c-modal__map-zoom {\n  position: absolute;\n  right: 2rem;\n  top: 50%;\n  transform: translateY(-50%);\n\n  @media (min-width: $breakpoint-lg) {\n    right: 4rem;\n  }\n}\n",".c-zoom-control__control {\n  display: block;\n  background-color: $color-black;\n  color: $color-white;\n  padding: .5rem;\n  width: 2rem;\n  height: 2rem;\n  transition: all .2s;\n\n  @media (min-width: $breakpoint-lg) {\n    padding: .75rem;\n    width: 3rem;\n    height: 3rem;\n  }\n\n  &:active {\n    transform: translate(1px, 1px);\n  }\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n\n  & + & {\n    margin-top: .25rem;\n  }\n}\n","$bubble-size: 206px;\n$bubble-padding: 0;\n\n$bubble-size-expanded: 300px;\n$bubble-padding-expanded: 40px;\n$bubble-size-expanded-sm: 486px;\n$bubble-padding-expanded-sm: 70px;\n\n$icon-size: 50px;\n$icon-size-sm: 100px;\n\n// Bubble wrapper\n.c-bubbles {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  position: relative;\n\n  @media (min-width: $breakpoint-sm) {\n    max-width: 1300px;\n    min-height: 700px;\n    flex-direction: row;\n  }\n\n\n  // bubble in bubbles context\n  .c-bubble {\n    @media (min-width: $breakpoint-sm) {\n      position: absolute;\n    }\n  }\n\n  .c-bubble + .c-bubble {\n    margin-top: 2rem;\n\n    @media (min-width: $breakpoint-sm) {\n      margin-top: 0;\n    }\n  }\n\n  // bubble positioning / sizing\n  .c-bubble--1 {\n    @media (min-width: $breakpoint-sm) {\n      top: 15%;\n      left: 14%;\n      width: $bubble-size * .81;\n      height: $bubble-size * .81;\n\n      .c-bubble__icon {\n        transform: scale(.81);\n      }\n    }\n  }\n\n  .c-bubble--2 {\n    @media (min-width: $breakpoint-sm) {\n      top: 1%;\n      left: 34%;\n      width: $bubble-size * 1.145;\n      height: $bubble-size * 1.145;\n\n      .c-bubble__icon {\n        transform: scale(1.145);\n      }\n    }\n  }\n\n  .c-bubble--3 {\n    @media (min-width: $breakpoint-sm) {\n      top: 0;\n      right: 19%;\n      width: $bubble-size * 1.32;\n      height: $bubble-size * 1.32;\n\n      .c-bubble__icon {\n        transform: scale(1.32);\n      }\n    }\n  }\n\n  .c-bubble--4 {\n    @media (min-width: $breakpoint-sm) {\n      bottom: 9%;\n      left: 17%;\n    }\n  }\n\n  .c-bubble--5 {\n    @media (min-width: $breakpoint-sm) {\n      bottom: 0;\n      right: 43%;\n    }\n  }\n\n  .c-bubble--6 {\n    @media (min-width: $breakpoint-sm) {\n      bottom: 13%;\n      right: 20%;\n    }\n  }\n}\n\n// Possible container content\n.c-bubbles__content {\n  text-align: center;\n  margin-bottom: 2rem;\n  width: 100%;\n\n  @media (min-width: $breakpoint-sm) {\n    margin-bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: space-around;\n  }\n}\n\n.c-bubbles__claim,\n.main_color .c-bubbles__claim {\n  font-size: 1.4rem;\n  font-weight: normal;\n  display: inline-block;\n  text-transform: uppercase;\n  color: $color-one;\n  max-width: 240px;\n}\n\n.c-bubbles__logo {\n  display: block;\n  width: 225px;\n  height: 67px;\n  margin-left: auto;\n  margin-right: auto;\n\n  @media (min-width: $breakpoint-sm) {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  img {\n    height: 100%;\n    width: 100%;\n    display: block;\n  }\n}\n\n\n// Single Bubble\n.c-bubble { /* stylelint-disable-line no-descending-specificity */\n  position: relative;\n\n  color: $color-white;\n  @include font-smoothing;\n  background-color: $color-black;\n  border-radius: 50%;\n  border-style: solid;\n  border-width: .625rem;\n  box-shadow: 0 .25rem 1.5rem rgba(0, 0, 0, .5);\n\n  cursor: pointer;\n\n  padding: $bubble-padding;\n  width: $bubble-size;\n  height: $bubble-size;\n  overflow: hidden;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n\n  transition-duration: $transition-time;\n  transition-property: width, height, transform, padding;\n\n  &:hover { /* stylelint-disable-line no-descending-specificity */\n    transform: scale(1.1);\n  }\n\n  &.is-animating {\n    z-index: 5; // < expanded\n  }\n\n  &.is-expanded {\n    padding: $bubble-padding-expanded;\n    width: $bubble-size-expanded;\n    height: $bubble-size-expanded;\n    box-shadow: 0 .25rem 4rem rgba(0, 0, 0, .75);\n    z-index: 10; // > animating\n\n    @media (min-width: $breakpoint-xs) {\n      padding: $bubble-padding-expanded-sm;\n      width: $bubble-size-expanded-sm;\n      height: $bubble-size-expanded-sm;\n    }\n\n    &,\n    &:hover {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n}\n\n// color modifiers\n.c-bubble--red,\n.main_color .c-bubble--red {\n  border-color: $color-red;\n}\n\n.c-bubble--green,\n.main_color .c-bubble--green {\n  border-color: $color-green;\n}\n\n.c-bubble--magenta,\n.main_color .c-bubble--magenta {\n  border-color: $color-magenta;\n}\n\n.c-bubble--blue,\n.main_color .c-bubble--blue {\n  border-color: $color-blue;\n}\n\n.c-bubble--orange,\n.main_color .c-bubble--orange {\n  border-color: $color-orange;\n}\n\n.c-bubble--yellow,\n.main_color .c-bubble--yellow {\n  border-color: $color-yellow;\n}\n\n\n// Icon\n.c-bubble__icon {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: $icon-size-sm;\n  height: $icon-size-sm;\n  margin-left: -$icon-size-sm / 2;\n  margin-top: -$icon-size-sm / 2;\n  transition: all $transition-time;\n\n  .is-expanded & {\n    opacity: 0;\n  }\n\n  svg {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n}\n\n\n// Content\n.c-bubble__content {\n  font-size: .8rem;\n  line-height: 1.5;\n  text-align: center;\n  width: 100%;\n\n  margin-top: 0;\n  height: 0;\n  overflow: hidden;\n  transform: scale(0);\n  opacity: 0;\n  transition-duration: $transition-time;\n  transition-property: transform, opacity;\n  transform-origin: center center;\n\n  @media (min-width: $breakpoint-xs) {\n    font-size: 1rem;\n  }\n\n  .is-expanded & {\n    height: auto;\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n.c-bubble__title {\n  font-weight: bold;\n  text-transform: uppercase;\n}\n\n.c-bubble__text {\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style-position: inside;\n  }\n}\n"]}