/* prevent horizontal ... */
@supports (right: calc(max(0px, 0px))) {
  .playback-control-container {
    margin-right: max(17px, env(safe-area-inset-left));
  }
}
/* ... scrollbar */

[lang]:lang(en) * {
  font-family: "SF Pro Display", "SF Pro AR", "SF Pro Gulf", "SF Pro Text",
    "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-hero,
.section-manifesto,
.section-experiences,
.section-integration,
.section-tiles,
.section-support,
.apps .app-copy-block {
  direction: rtl;
}

.section-experiences .apps .app:not(.app-plantale) {
  direction: ltr;
}

@media only screen and (min-width: 734px) {
  .section-experiences .apps .app.app-plantale {
    direction: ltr;
  }
}

@media only screen and (min-width: 734px) {
  .section-integration .copy-positioner {
    justify-content: flex-start;
  }

  .section-integration .integration-copy {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1113px) {
  .section-integration .copy-positioner {
    margin-right: -20px;
  }
}

@media only screen and (min-width: 734px) {
  .section-experiences .app.app-ikeaplace .app-copy-block,
  .section-experiences .app.app-plantale .app-copy-block {
    margin-right: 0;
  }
}

@media only screen and (max-width: 375px) {
  .section-integration .integration-headline {
    max-width: 90vw;
    flex-basis: 90vw;
    flex-grow: 0;
  }
}
/* START HOT LAVA */
.section-experiences .app.app-hotlava .inline-video-media {
  width: 882px;
  height: 662px;
}

@media only screen and (max-width: 1068px) {
  .section-experiences .app.app-hotlava .inline-video-media {
    width: 598px;
    height: 450px;
  }
}

@media only screen and (max-width: 734px) {
  .section-experiences .app.app-hotlava .inline-video-media {
    width: 462px;
    height: 348px;
  }
}

.section-experiences
  .app.app-hotlava
  .inline-video-media
  .inline-video-frame-static {
  background-size: 882px 662px;
  background-repeat: no-repeat;
  background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-static {
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-static {
    background-size: 598px 450px;
    background-repeat: no-repeat;
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-static {
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-static {
    background-size: 462px 348px;
    background-repeat: no-repeat;
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-static {
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_small_2x.jpg");
  }
}

.section-experiences
  .app.app-hotlava
  .inline-video-media
  .inline-video-frame-start {
  background-size: 882px 662px;
  background-repeat: no-repeat;
  background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_startframe__exwf8cdryyeu_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-start {
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_startframe__exwf8cdryyeu_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-start {
    background-size: 598px 450px;
    background-repeat: no-repeat;
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_startframe__exwf8cdryyeu_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-start {
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_startframe__exwf8cdryyeu_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-start {
    background-size: 462px 348px;
    background-repeat: no-repeat;
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_startframe__exwf8cdryyeu_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-start {
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_startframe__exwf8cdryyeu_small_2x.jpg");
  }
}

.section-experiences
  .app.app-hotlava
  .inline-video-media
  .inline-video-frame-end {
  background-size: 882px 662px;
  background-repeat: no-repeat;
  background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-end {
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-end {
    background-size: 598px 450px;
    background-repeat: no-repeat;
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-end {
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-end {
    background-size: 462px 348px;
    background-repeat: no-repeat;
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .section-experiences
    .app.app-hotlava
    .inline-video-media
    .inline-video-frame-end {
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_small_2x.jpg");
  }
}

.section-experiences .app.app-hotlava .app-icon {
  width: 52px;
  height: 52px;
  background-size: 52px 52px;
  background-repeat: no-repeat;
  background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_icon__donjh3jy7paq_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .section-experiences .app.app-hotlava .app-icon {
    background-image: url("/mideast/augmented-reality/c/images/overview/app_hotlava_icon__donjh3jy7paq_large_2x.jpg");
  }
}

@media only screen and (min-width: 735px) {
  .section-experiences .app.app-hotlava {
    margin-top: 101px;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-experiences .app.app-hotlava {
    margin-top: 126px;
  }
}

@media only screen and (min-width: 735px) {
  .section-experiences .app.app-hotlava .app-copy-block {
    margin-right: -20px;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-experiences .app.app-hotlava .app-copy-block {
    margin-right: -10px;
  }
}
/* END HOT LAVA */

/* START APOLLO'S MOON */
.section-experiences .app.app-apollosmoonshot glass-screen {
  width: 234px;
  height: 508px;
  background-size: 234px 508px;
  background-repeat: no-repeat;
  background-image: url("/mideast/augmented-reality/c/images/overview/app_apollosmoonshot_screen_static__fuv7hckyi42m_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .section-experiences .app.app-apollosmoonshot glass-screen {
    background-image: url("/mideast/augmented-reality/c/images/overview/app_apollosmoonshot_screen_static__fuv7hckyi42m_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .section-experiences .app.app-apollosmoonshot glass-screen {
    width: 180px;
    height: 390px;
    background-size: 180px 390px;
    background-repeat: no-repeat;
    background-image: url("/mideast/augmented-reality/c/images/overview/app_apollosmoonshot_screen_static__fuv7hckyi42m_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .section-experiences .app.app-apollosmoonshot glass-screen {
    background-image: url("/mideast/augmented-reality/c/images/overview/app_apollosmoonshot_screen_static__fuv7hckyi42m_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .section-experiences .app.app-apollosmoonshot glass-screen {
    width: 164px;
    height: 356px;
    background-size: 164px 356px;
    background-repeat: no-repeat;
    background-image: url("/mideast/augmented-reality/c/images/overview/app_apollosmoonshot_screen_static__fuv7hckyi42m_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .section-experiences .app.app-apollosmoonshot glass-screen {
    background-image: url("/mideast/augmented-reality/c/images/overview/app_apollosmoonshot_screen_static__fuv7hckyi42m_small_2x.jpg");
  }
}
/* END APOLLO'S MOON */

@media only screen and (min-width: 735px) {
  .section-experiences .app.app-museumalive {
    margin-top: 74px;
  }
}