@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('https://assets.experify.io/assets/fonts/roboto/roboto-v30-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('https://assets.experify.io/assets/fonts/roboto/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://assets.experify.io/assets/fonts/roboto/roboto-v30-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('https://assets.experify.io/assets/fonts/roboto/roboto-v30-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('https://assets.experify.io/assets/fonts/roboto/roboto-v30-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('https://assets.experify.io/assets/fonts/roboto/roboto-v30-latin-700.svg#Roboto') format('svg');
  /* Legacy iOS */
}

#experify-overlay {
  position: fixed;
  display: flex;
  z-index: 2147483647;
  cursor: pointer;

  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}

#experify-overlay-iframe-desktop {
  border-radius: 8px;
  width: 90%;
  height: 90%;
  max-width: 1600px;
}

#experify-overlay-iframe-mobile {
  width: 100%;
  height: 100%;
  border-radius: 0;
}

#experifyButtonOverlayClose {
  position: absolute;
  z-index: 2147483647;
  width: 60px !important;
  height: 45px !important;
  opacity: 0;
  padding: 10px;
  display: unset !important;
}

.experify-button-overlay-close-desktop {
  top: calc(5%);
  right: calc(5%);
}

.experify-button-overlay-close-mobile {
  right: 0;
  top: 0;
}

/* desktop upto overlay max size*/
/* 960px is the mobile brakpoint of the overlay min-width = 960 / 0.9 + 1 */
@media (min-width: 1068px) {
  #experifyButtonOverlayClose {
    content: url("data:image/svg+xml,%3C%3Fxml%0Aversion='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 63.1 (92452) - https://sketch.com --%3E%3Ctitle%3EIcon/Close%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d='M14.9391268,11.8909485 L19.5191268,7.30094848 L19.5191269,7.30094835 C20.2376009,6.46197935 20.1399209,5.19941835 19.3009529,4.48094835 C18.5521979,3.83973135 17.4478829,3.83973135 16.6991229,4.48094957 L12.1091229,9.06094957 L7.51912289,4.48094957 L7.51912297,4.48094964 C6.68015397,3.76247564 5.41759297,3.86015464 4.69912297,4.69912364 C4.05790497,5.44787864 4.05790597,6.55219364 4.69912384,7.30095364 L9.27912384,11.8909536 L4.69912384,16.4809536 L4.69912363,16.4809538 C3.86015463,17.1994278 3.76247563,18.4619838 4.48094963,19.3009538 C5.19942363,20.1399228 6.46197963,20.2376018 7.30094963,19.5191278 C7.37918353,19.45213 7.45212463,19.3791888 7.51912263,19.3009548 L12.1091226,14.7209548 L16.6991226,19.3009548 L16.6991224,19.3009546 C17.5380914,20.0194286 18.8006524,19.9217496 19.5191224,19.0827806 C20.1603404,18.3340256 20.1603394,17.2297106 19.5191218,16.4809506 L14.9391268,11.8909485 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Redesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard-Copy-3-(1)' transform='translate(-1340.000000, -384.000000)'%3E%3Cg id='Group' transform='translate(948.000000, 372.000000)'%3E%3Cg id='Icon/Close' transform='translate(388.000000, 8.000000)'%3E%3Crect id='24pt-Bounding-Box' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Fill' fill='%23303133' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    opacity: 1;
    width: unset !important;
    height: unset !important;
  }
}

/* desktop over overlay max size min-width 1600/0.9 */
@media (min-width: 1778px) {
  #experifyButtonOverlayClose {
    right: calc(((100% - 1600px)/2));
  }
}

#experify-button-div {
  position: fixed;
  display: none;
  z-index: 64434;
}

#experify-close-button-div {
  position: fixed;
  display: none;
  cursor: pointer;
  z-index: 100;
}

.experify-no-scroll {
  overflow: hidden;
}

.experify-button {
  --experify-color-dark: #202f34;
  --experify-color-light: #fff;
  --experify-font: Roboto, Helvetice Neue, Helvetica, Arial, sans-serif;
  --experify-avatar-size: 40px;
  --experify-padding: 4px;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  column-gap: 4px;
  display: flex;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
  padding: var(--experify-padding);
  font-family: var(--experify-font);
  animation: experify-drop-in 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  transition: 0.25s box-shadow;
  background-color: var(--experify-col-bg);
  padding-right: calc(var(--experify-padding) + 8px);
}

.experify-button:hover {
  box-shadow: 0 0 0 2px var(--experify-col-bg), 0px 6px 32px rgba(0, 0, 0, 0.4);
}

.experify-button>* {
  font-family: var(--experify-font);
  box-sizing: border-box;
}

.experify-text {
  font-family: var(--experify-font);
  color: var(--experify-col-text);
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  display: none;
  text-align: left;
}

.experify-theme-dark .experify-button {
  --experify-col-bg: var(--experify-color-dark);
  --experify-col-text: var(--experify-color-light);
}

.experify-theme-light .experify-button {
  --experify-col-bg: var(--experify-color-light);
  --experify-col-text: var(--experify-color-dark);
}

.experify-side-right .experify-button {
  border-radius: 24px 24px 0 24px;
}

.experify-side-left .experify-button {
  border-radius: 24px 24px 24px 0;
}

.experify-device-desktop .experify-text-desktop {
  display: unset;
}

.experify-device-mobile {
  .experify-local-not-mobile {
    display: none;
  }
  .experify-text-mobile {
    display: unset;
  }
}

.experify-local {
  display: inline-block;
  border-radius: 40px;
  width: var(--experify-avatar-size);
  height: var(--experify-avatar-size);
  border: 2px solid var(--experify-col-bg);
  box-sizing: border-box;
  margin-left: -19px;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  vertical-align: top;
  position: relative;
  opacity: 0;
  animation: experify-scale-in 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.experify-local:nth-child(1) {
  margin-left: 0;
  z-index: 2;
}

.experify-local:nth-child(2) {
  z-index: 1;
  animation-delay: 0.15s;
}

.experify-local:nth-child(3) {
  z-index: 0;
  animation-delay: 0.3s;
}

@keyframes experify-scale-in {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes experify-drop-in {
  0% {
    transform: translateY(16px) scale(0.7);
    opacity: 0;
  }

  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}

/* Legacy Widgets CSS */
div[id^="experify-map"],
div[id^="experify-only-map"] {
  height: 576px;
}

@media (max-width: 600px) {
  div[id^="experify-map"] {
    height: 632px;
  }

  div[id^="experify-only-map"] {
    height: 358px;
  }
}
