* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box !important;
  -webkit-tap-highlight-color: transparent; }

:root {
  --border_radius__90: 0.5em;
  --border_radius__180: 1em;
  --border_radius__circle: 100%; }

body {
  background: url(assets/sky-bg.jpg) center/cover no-repeat; }

html, body {
  height: 100%; }

.a-enter-vr {
  display: none !important; }

.page {
  z-index: 1;
  width: 100vw;
  height: 100vh;
  overflow-y: visible;
  background: #71a0bc;
  background: linear-gradient(180deg, #71a0bc 0%, #b9e6f1 35%, #bee7f1 100%); }

.a-canvas {
  opacity: 0;
  transition: opacity var(--speed__fast); }

.ooh .a-canvas {
  opacity: 0;
  transition: opacity var(--speed__slow); }

:root {
  --font__global: neue-haas-grotesk-display;
  --font_weight__heavy: 600;
  --font_weight__regular: 400;
  --font_size__base: 4.8vw;
  --font_size__tiny: 0.61em;
  --font_size__small: 0.89em;
  --font_size__regular: 1em;
  --font_size__medium: 1.55em;
  --font_size__large: 1.67em;
  --line_height__tight: 1em;
  --line_height__regular: 1.3em;
  --line_height__large: 1.62em;
  --font__heading: var(--font__global);
  --font__subheading: var(--font__global);
  --font__body: var(--font__global);
  --font_weight__body: var(--font_weight__regular);
  --font_weight__heading: var(--font_weight__heavy);
  --font_weight__smallprint: var(--font_weight__regular);
  --font_size__body: var(--font_size__regular);
  --font_size__heading: var(--font_size__medium);
  --font_size__smallprint: var(--font_size__small);
  --line_height__body: var(--line_height__regular);
  --line_height__heading: var(--line_height__regular);
  --line_height__smallprint: var(--line_height__regular); }

html {
  font-size: var(--font_size__base); }

h1, h2, h3, h4 {
  font-family: var(--font__heading);
  font-size: var(--font_size__heading);
  line-height: var(--line_height__heading);
  font-weight: var(--font_weight__heading);
  text-transform: uppercase; }

p, input, button, select, label, aside, a {
  font-size: var(--font_size__regular);
  font-family: var(--font__body);
  line-height: var(--line_height__body);
  font-weight: var(--font_weight__body); }

:root {
  --color__black: #000000;
  --color__white: #FFFFFF;
  --color__blue: #00C4FF;
  --color__orange: #FEB62B;
  --color__grey: #797979;
  --gradient__up: linear-gradient(
		to top, 
		var(--color__white), 
		var(--color__orange)
	);
  --gradient__down: linear-gradient(
		to bottom, 
		var(--color__white),
		var(--color__orange)
	);
  --gradient__left: linear-gradient(
		to left, 
		var(--color__white),
		var(--color__orange)
	);
  --gradient__right: linear-gradient(
		to right, 
		var(--color__white),
		var(--color__orange)
	);
  --color__text__light: var(--color__white);
  --color__text__dark: var(--color__black);
  --color__text__disabled: var(--color__grey);
  --color__bg__light: var(--color__white);
  --color__bg__dark: var(--color__black);
  --bg__gradient: var(--gradient__left); }

a:link, a:visited {
  color: var(--color__text__dark); }

:root {
  --spacing__extra_large: 2.62em;
  --spacing__large: 1.62em;
  --spacing__regular: 1em;
  --spacing__small: 0.62em;
  --spacing__tiny: 0.33em;
  --spacing__regular__absolute: 1rem;
  --spacing__large__absolute: 1.62rem; }

p + p {
  margin-top: var(--spacing__small); }

:root {
  --easing__in__back: cubic-bezier(0.6, -0.5, 0.735, 0.045);
  --easing__out__back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --easing__out__quint: cubic-bezier(0.23, 1, 0.32, 1);
  --easing__out__sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --speed__fastest: .15s;
  --speed__fast: .3s;
  --speed__normal: .6s;
  --speed__slow: 1s;
  --speed__slowest: 1.3s;
  --delay__short: .15s;
  --delay__medium: .3s;
  --delay__long: .6s;
  --delay__longest: 1s; }

.prompt-box-8w {
  background-color: var(--color__white) !important;
  color: var(--color__black) !important;
  border-radius: var(--border-radius) !important;
  --border-radius: calc(1em + var(--border_radius__90)); }

.prompt-button-8w {
  background-color: var(--color__grey) !important;
  color: var(--color__black) !important;
  border-radius: var(--border-radius) !important;
  --border-radius: calc(1em + var(--border_radius__90)); }

.button-primary-8w {
  background-color: var(--color__black) !important;
  color: var(--color__white) !important;
  border-radius: var(--border-radius) !important;
  --border-radius: calc(1em + var(--border_radius__90)); }

#requestingCameraPermissions {
  font-family: var(--font__body) !important;
  display: none; }

#loadingContainer button.main-button {
  background-color: var(--color__white) !important;
  color: var(--color__black) !important;
  border-radius: var(--border-radius) !important;
  --border-radius: calc(1em + var(--border_radius__90)); }

#loadBackground {
  background-image: url("assets/sky-bg.jpg");
  background-size: cover;
  background-position: top center; }
  #loadBackground #loadImage {
    top: 80%; }
  #loadBackground #loadImageContainer {
    position: absolute;
    left: 50%;
    top: 85%;
    font-size: 12.5px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0) translateX(-50%) translateY(-50%);
    animation: __load5 1.1s infinite ease; }
    #loadBackground #loadImageContainer img {
      display: none; }
    #loadBackground #loadImageContainer:after {
      content: "";
      background-image: url("assets/icons/logo.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      height: 1em;
      width: 2em;
      position: absolute;
      transform: translateZ(0) translateX(-50%) translateY(-50%);
      left: 50%;
      top: 50%; }
  #loadBackground:before {
    content: "";
    background-image: url("assets/icons/factory-store-logo.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 15%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 3.25em;
    width: 2em;
    height: 1em; }
  #loadBackground:after {
    content: "";
    background-image: url("assets/ar-preview.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 90%;
    height: 300px; }

@keyframes __load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; } }

.sticker_ui__wrapper[aria-hidden="true"] .sticker_ui__stickers {
  transform: translateY(var(--spacing__large));
  opacity: 0;
  -webkit-user-select: none;
  pointer-events: none;
  transition: transform var(--speed__fast), opacity var(--speed__fast); }

.sticker_ui__wrapper[aria-hidden="false"] .sticker_ui__stickers {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
  transition: transform var(--speed__normal) var(--delay__medium) var(--easing__out__back), opacity var(--speed__normal) var(--delay__medium); }

.sticker_ui__wrapper .sticker_ui__stickers {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding: var(--spacing__small) var(--spacing__regular);
  position: fixed;
  bottom: 7.5em;
  left: 0;
  overflow-y: hidden;
  -webkit-user-select: none;
  overflow-x: scroll;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.3); }

.sticker_ui__floating {
  position: fixed;
  transition: top var(--ui__speed);
  z-index: 2;
  pointer-events: none; }
  .sticker_ui__floating[aria-hidden="true"] img {
    opacity: 0;
    transform: scale(0.5) translate(-50%, -50%);
    transition: opacity 0s, transform 0s; }
  .sticker_ui__floating[aria-hidden="false"] img {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%);
    transition: opacity .3s, transform .3s;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

sticker-image + sticker-image {
  margin-left: var(--spacing__small); }

.sticker_image__wrapper {
  display: inline-flex;
  height: 3.11em;
  justify-content: center;
  align-items: center;
  transition: transform .15s;
  -webkit-user-select: none; }

.sticker_image__image {
  height: 100%;
  width: auto;
  pointer-events: none; }

@keyframes sticker_image__sticker_image__shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }
  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

.capture_button__wrapper[aria-hidden="true"] {
  transform-origin: center; }

.capture_button__wrapper[aria-hidden="false"] {
  transform-origin: left center;
  transition-delay: 0s; }
  .capture_button__wrapper[aria-hidden="false"].capture_button__pressed {
    transform: scale(0.8) translate(-50%, 0); }
  .capture_button__wrapper[aria-hidden="false"].capture_button__recording {
    transform: scale(0.4) translate(-50%, 0); }

.capture_canvas__canvas {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  pointer-events: none; }

.tooltip_notification__wrapper {
  width: 100%;
  max-width: 15em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  text-align: center;
  transition: top var(--speed__fast), left var(--speed__fast); }
  .tooltip_notification__wrapper.tooltip_notification__positioned {
    position: fixed;
    transform: translate(-50%, -50%); }
  .tooltip_notification__wrapper[aria-hidden="true"] .tooltip_notification__container {
    height: 2em;
    max-width: 0;
    transform: scale(0);
    color: transparent;
    border-radius: var(--border_radius__full);
    transition: border-radius var(--speed__fast), color var(--speed__fast), height var(--speed__normal) var(--delay__medium) var(--easing__out__quint), max-width var(--speed__normal) var(--delay__medium) var(--easing__out__quint), transform var(--speed__fast) var(--delay__long) var(--easing__in__back); }
  .tooltip_notification__wrapper[aria-hidden="false"] .tooltip_notification__container {
    max-width: 100%;
    transform: scale(1);
    color: var(--color__text__dark);
    transition: border-radius var(--speed__fast) var(--delay__medium), color var(--speed__fast) var(--delay__long), height var(--speed__fast) var(--delay__medium) var(--easing__out__sine), max-width var(--speed__fast) var(--delay__medium) var(--easing__out__sine), transform var(--speed__fast) var(--easing__out__back);
    height: 2.5em; }
    .tooltip_notification__wrapper[aria-hidden="false"] .tooltip_notification__container.tooltip_notification__multiline1 {
      height: 3.75em;
      overflow: hidden;
      white-space: normal; }
    .tooltip_notification__wrapper[aria-hidden="false"] .tooltip_notification__container.tooltip_notification__multiline2 {
      height: 5em;
      overflow: hidden;
      white-space: normal; }
    .tooltip_notification__wrapper[aria-hidden="false"] .tooltip_notification__container.tooltip_notification__changing {
      color: transparent;
      max-width: 0;
      height: 2em;
      transition: color var(--speed__fast), max-width var(--speed__fast) var(--delay__short), height var(--speed__fast) var(--delay__short); }

.tooltip_notification__container {
  display: inline-block;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: var(--spacing__small) var(--spacing__regular);
  border-radius: var(--border_radius__full);
  font-weight: var(--font_weight__heavy);
  letter-spacing: 0.015em;
  background-image: var(--bg__gradient);
  --border_radius__full: calc(var(--border_radius__90) + var(--spacing__regular)); }
  .tooltip_notification__container.tooltip_notification__tl {
    border-top-left-radius: 0; }
  .tooltip_notification__container.tooltip_notification__tr {
    border-top-right-radius: 0; }
  .tooltip_notification__container.tooltip_notification__br {
    border-bottom-right-radius: 0; }
  .tooltip_notification__container.tooltip_notification__bl {
    border-bottom-left-radius: 0; }

.hotspot_locator__wrapper {
  width: 100%;
  position: relative;
  margin-top: var(--spacing__large);
  z-index: 5;
  text-align: center;
  top: 0;
  left: 0;
  -webkit-user-select: none; }
  .hotspot_locator__wrapper[aria-hidden="true"] {
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--speed__slow); }
  .hotspot_locator__wrapper[aria-hidden="false"] {
    opacity: 1;
    pointer-events: all;
    transition: opacity var(--speed__slow);
    transition-delay: var(--delay__long); }

.hotspot_locator__marker {
  width: 80%;
  margin: 0 auto;
  position: relative;
  background-color: transparent;
  appearance: none;
  -webkit-appearance: none; }

.hotspot_locator__image {
  width: 100%;
  height: auto;
  max-height: 36vh; }

.experience_nav__wrapper {
  width: 100%;
  position: fixed;
  bottom: var(--bottom_offset);
  left: 0;
  z-index: 2;
  --bottom_offset: var(--spacing__regular); }
  .experience_nav__wrapper[aria-hidden="true"] {
    z-index: -1; }
    .experience_nav__wrapper[aria-hidden="true"] .experience_nav__item {
      transform: translateY(calc(100% + var(--bottom_offset))); }
  .experience_nav__wrapper[aria-hidden="false"] .experience_nav__item {
    transform: translateY(0%); }
    .experience_nav__wrapper[aria-hidden="false"] .experience_nav__item:nth-child(1) {
      transition-delay: 0s; }
    .experience_nav__wrapper[aria-hidden="false"] .experience_nav__item:nth-child(2) {
      transition-delay: .15s; }
    .experience_nav__wrapper[aria-hidden="false"] .experience_nav__item:nth-child(3) {
      transition-delay: .3s; }

.experience_nav__container {
  display: flex;
  width: 100%;
  padding: 0 var(--spacing__small);
  list-style-type: none; }

.experience_nav__item {
  position: relative;
  flex: 1 0 auto;
  transition: transform var(--speed__normal) var(--easing__out__back); }

.experience_nav__link {
  display: block;
  width: 100%;
  transform-origin: center bottom;
  transition: transform var(--speed__normal) var(--easing__out__back), filter var(--speed__normal); }
  .experience_nav__link[aria-selected="true"] {
    transform: scale(1);
    filter: saturate(1) brightness(1); }
    .experience_nav__link[aria-selected="true"] .experience_nav__label {
      color: var(--color__text__dark); }
  .experience_nav__link[aria-selected="false"] {
    transform: scale(0.82);
    filter: saturate(0) brightness(0.75); }
    .experience_nav__link[aria-selected="false"] .experience_nav__label {
      color: var(--color__text__disabled); }
  .experience_nav__link::before {
    content: "";
    display: block;
    width: 1em;
    height: 1.199em;
    font-size: 27.2vw;
    margin: 0 auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }
  .experience_nav__link .experience_nav__label {
    display: inline-block;
    width: 100%;
    padding: var(--spacing__small);
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    text-align: center;
    line-height: var(--line_height__tight);
    color: var(--color__text__dark);
    font-size: var(--font_size__tiny);
    font-weight: var(--font_weight__heading);
    background-image: var(--bg__gradient);
    border-radius: var(--border_radius);
    transition: color var(--speed__fast);
    --border_radius: calc(1em + var(--border_radius__90)); }
  .experience_nav__link.experience_nav__air-max-world::before {
    background-image: url(assets/icons/air-max-world.svg); }
  .experience_nav__link.experience_nav__air-max-of-the-week::before {
    background-image: url(assets/icons/air-max-of-the-week.svg); }
  .experience_nav__link.experience_nav__sneaker-selfie::before {
    background-image: url(assets/icons/sneaker-selfie.svg); }

.capture_ui__wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5;
  pointer-events: none; }
  .capture_ui__wrapper[aria-hidden="true"] .capture_ui__container {
    transform: translateY(140px);
    pointer-events: none; }
  .capture_ui__wrapper[aria-hidden="false"] .capture_ui__container {
    transform: translateY(0px);
    pointer-events: all; }

.capture_ui__processing {
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  background-image: url("/assets/sky-bg.jpg");
  transition: opacity .3s;
  pointer-events: none; }
  .capture_ui__processing[aria-hidden="true"] {
    opacity: 0; }
  .capture_ui__processing[aria-hidden="false"] {
    opacity: 1; }
  .capture_ui__processing .capture_ui__heading {
    font-size: var(--font_size__body); }

.capture_ui__container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 140px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: transform var(--speed__normal) var(--easing__out__back); }

.capture_ui__capture {
  width: 102px;
  height: 102px;
  margin: 0 auto;
  background-color: transparent;
  border-radius: 50%;
  border: 5px solid var(--color__white);
  transition: transform 0.1s ease-in-out; }
  .capture_ui__capture[aria-hidden="true"] {
    opacity: 0;
    transform: scale(0); }
  .capture_ui__capture:not([aria-hidden="true"]) {
    opacity: 1;
    transform: scale(1); }
    .capture_ui__capture:not([aria-hidden="true"]).capture_ui__pressed {
      transform: scale(0.85); }
    .capture_ui__capture:not([aria-hidden="true"]).capture_ui__recording {
      transform: scale(1.2); }
      .capture_ui__capture:not([aria-hidden="true"]).capture_ui__recording::after {
        background-color: red;
        opacity: 0.8; }
  .capture_ui__capture::after {
    content: '';
    display: block;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border-radius: 50%;
    background-color: var(--color__white);
    opacity: 0.5;
    transform: translateX(6px); }

.capture_review__wrapper {
  width: 100%;
  min-height: 100%;
  padding: 3.44em 2em var(--spacing__large);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(assets/sky-bg.jpg) center/cover no-repeat; }
  .capture_review__wrapper::before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: var(--color__bg__light);
    pointer-events: none; }
  .capture_review__wrapper[aria-hidden="true"] {
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--speed__fast) 1s; }
    .capture_review__wrapper[aria-hidden="true"]::before {
      opacity: 1;
      transition: 0s calc(1s + var(--delay__long)); }
    .capture_review__wrapper[aria-hidden="true"] .capture_review__capture {
      opacity: 0;
      transform: scale(1.3);
      transition: transform var(--speed__fast), opacity var(--speed__fast); }
    .capture_review__wrapper[aria-hidden="true"] .capture_review__button {
      opacity: 0;
      transform: scale(0);
      transition: transform var(--speed__fast); }
  .capture_review__wrapper[aria-hidden="false"] {
    opacity: 1;
    pointer-events: all; }
    .capture_review__wrapper[aria-hidden="false"]::before {
      opacity: 0;
      transition: opacity .6s; }
    .capture_review__wrapper[aria-hidden="false"] .capture_review__capture {
      transform: scale(1);
      transition: transform var(--speed__normal); }
    .capture_review__wrapper[aria-hidden="false"] .capture_review__button {
      opacity: 1;
      transform: scale(1);
      transition: opacity var(--speed__normal), transform var(--speed__normal) var(--easing__out__back);
      --button__delay: var(--delay__medium); }
      .capture_review__wrapper[aria-hidden="false"] .capture_review__button.capture_review__back {
        transition-delay: calc(var(--button__delay) + 0s); }
      .capture_review__wrapper[aria-hidden="false"] .capture_review__button.capture_review__download {
        transition-delay: calc(var(--button__delay) + .15s); }
      .capture_review__wrapper[aria-hidden="false"] .capture_review__button:active {
        transform: scale(0.9);
        transition-delay: 0s; }
      .capture_review__wrapper[aria-hidden="false"] .capture_review__button:not(:active) {
        transform: scale(1); }
  .capture_review__wrapper .capture_review__hashtag, .capture_review__wrapper .capture_review__instruction {
    min-width: 90%; }

.capture_review__capture {
  width: 90%;
  margin: 0 auto 1.22em;
  position: relative;
  overflow: hidden;
  border-radius: var(--border_radius__180); }

.capture_review__asset {
  width: 100%;
  height: auto;
  margin-bottom: -0.5ch; }
  .capture_review__asset[aria-hidden="false"] {
    opacity: 1;
    z-index: 1; }
  .capture_review__asset[aria-hidden="true"] {
    opacity: 0;
    pointer-events: none;
    z-index: -1; }
  .capture_review__asset.capture_review__image {
    position: relative; }

.capture_review__buttons {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start; }

.capture_review__button {
  height: 1em;
  width: 1em;
  font-size: 3.5em;
  border-radius: var(--border_radius__circle);
  background-color: var(--color__bg__light);
  background-repeat: no-repeat;
  background-position: center;
  appearance: none;
  -webkit-appearance: none;
  transition: transform var(--speed__short); }
  .capture_review__button[aria-hidden="true"] {
    opacity: 0 !important;
    pointer-events: none; }
  .capture_review__button[aria-hidden="false"] {
    opacity: 1; }
  .capture_review__button.capture_review__back {
    background-size: 30% auto;
    background-image: url(assets/icons/back.svg); }
  .capture_review__button.capture_review__download {
    background-size: 27.5% auto;
    background-image: url(assets/icons/download.svg); }

.marker_hotspot__wrapper {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }
  .marker_hotspot__wrapper[aria-hidden="true"] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0s 2s; }
    .marker_hotspot__wrapper[aria-hidden="true"] .marker_hotspot__marker {
      opacity: 0;
      transition: opacity var(--speed__fast); }
  .marker_hotspot__wrapper[aria-hidden="false"] {
    opacity: 1;
    pointer-events: all; }
    .marker_hotspot__wrapper[aria-hidden="false"] .marker_hotspot__marker[aria-hidden="false"] {
      opacity: 1;
      transition: opacity 0.6s calc(1s + var(--delay__long)); }

.experience_header__wrapper {
  width: 100%;
  margin-top: 2em; }
  .experience_header__wrapper[aria-hidden="true"] .experience_header__logo, .experience_header__wrapper[aria-hidden="true"] .experience_header__title {
    transform: translateY(calc(var(--spacing__small) * -1));
    opacity: 0;
    transition: opacity var(--speed__fast), transform var(--speed__fast); }
  .experience_header__wrapper[aria-hidden="false"] .experience_header__logo:not([aria-hidden="true"]), .experience_header__wrapper[aria-hidden="false"] .experience_header__title:not([aria-hidden="true"]) {
    transform: translateY(0);
    opacity: 1;
    transition-property: opacity, transform;
    transition-duration: var(--speed__normal); }
  .experience_header__wrapper[aria-hidden="false"] .experience_header__logo {
    transition-delay: 0s; }
  .experience_header__wrapper[aria-hidden="false"] .experience_header__title {
    transition-delay: var(--delay__short); }

.experience_header__logo {
  width: 16%;
  margin: 0 auto var(--spacing__large); }

.experience_header__image {
  display: block;
  width: 100%;
  height: auto; }

.experience_header__title {
  margin-bottom: var(--spacing__small);
  text-align: center;
  font-size: var(--font_size__medium);
  font-weight: var(--font_weight__heading);
  color: var(--color__text__light); }
  .experience_header__title[aria-hidden="true"] {
    opacity: 0;
    transform: translateY(calc(var(--spacing__small) * -1));
    transition: opacity var(--speed__fast), transform var(--speed__fast); }

.ar_world__wrapper {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  text-align: center; }
  .ar_world__wrapper[aria-hidden="true"] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0s var(--delay__long); }
    .ar_world__wrapper[aria-hidden="true"] .ar_world__preview {
      opacity: 0;
      transition: opacity .3s; }
  .ar_world__wrapper[aria-hidden="false"] {
    opacity: 1;
    pointer-events: all;
    --delay__tooltip: 1s; }
    .ar_world__wrapper[aria-hidden="false"] .ar_world__preview {
      opacity: 1;
      transition: opacity var(--speed__slow) calc(var(--delay__tooltip) + var(--delay__medium));
      animation: ar_world__transform__bob 3s calc(var(--delay__tooltip) + var(--delay__long)) infinite; }
  .ar_world__wrapper .ar_world__preview {
    width: 80%;
    margin: 0 auto;
    position: relative;
    background-color: transparent;
    appearance: none;
    -webkit-appearance: none; }
    .ar_world__wrapper .ar_world__preview[aria-hidden="true"] {
      opacity: 0;
      pointer-events: none;
      transition: opacity .3s; }
  .ar_world__wrapper .ar_world__image {
    width: 100%;
    height: auto; }

@keyframes ar_world__transform__bob {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(0.25em); } }

.plane_placement_ui__wrapper {
  width: 100%;
  padding: 2em 0;
  position: absolute;
  top: 30vh;
  z-index: 1;
  text-align: center; }
  .plane_placement_ui__wrapper[aria-hidden="true"] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0s var(--delay__long); }
    .plane_placement_ui__wrapper[aria-hidden="true"] .plane_placement_ui__logo, .plane_placement_ui__wrapper[aria-hidden="true"] .plane_placement_ui__title, .plane_placement_ui__wrapper[aria-hidden="true"] .plane_placement_ui__indicator {
      opacity: 0;
      transform: translateY(calc(var(--spacing__small) * -1));
      transition: opacity var(--speed__fast), transform var(--speed__fast); }
  .plane_placement_ui__wrapper[aria-hidden="false"] {
    opacity: 1;
    pointer-events: all; }
    .plane_placement_ui__wrapper[aria-hidden="false"] .plane_placement_ui__logo, .plane_placement_ui__wrapper[aria-hidden="false"] .plane_placement_ui__title, .plane_placement_ui__wrapper[aria-hidden="false"] .plane_placement_ui__indicator {
      opacity: 1;
      transform: translateY(0);
      transition: opacity var(--speed__normal), transform var(--speed__normal); }
    .plane_placement_ui__wrapper[aria-hidden="false"] .plane_placement_ui__logo {
      transition-delay: 0s; }
    .plane_placement_ui__wrapper[aria-hidden="false"] .plane_placement_ui__title {
      transition-delay: var(--delay__short); }
    .plane_placement_ui__wrapper[aria-hidden="false"] .plane_placement_ui__indicator {
      transition-delay: var(--delay__long); }
  .plane_placement_ui__wrapper.plane_placement_ui__tracking .plane_placement_ui__indicator {
    background-image: url("../../../assets/icons/check.svg"); }
  .plane_placement_ui__wrapper.plane_placement_ui__tracking .plane_placement_ui__touch {
    opacity: 1; }

.plane_placement_ui__logo {
  width: 16%;
  margin: 0 auto var(--spacing__large); }

.plane_placement_ui__image {
  display: block;
  width: 100%;
  height: auto; }

.plane_placement_ui__title {
  margin-bottom: var(--spacing__small);
  font-size: var(--font_size__medium);
  font-weight: var(--font_weight__heading);
  color: var(--color__text__light); }

.plane_placement_ui__indicator {
  width: 10%;
  height: 5vh;
  margin: var(--spacing__extra_large) auto 0;
  background-image: url("../../../assets/icons/x.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.plane_placement_ui__touch {
  width: 30%;
  margin: 20% auto;
  opacity: 0;
  transition: opacity var(--speed__fast); }

.plane_placement_ui__touchimage {
  filter: invert(100%); }

.close_experience__wrapper {
  height: 1.15em;
  width: 1.15em;
  position: absolute;
  top: var(--spacing__regular__absolute);
  font-size: 2em;
  border-radius: var(--border_radius__circle);
  background: url(assets/icons/home.svg) center/45% auto no-repeat, var(--color__bg__light);
  appearance: none;
  -webkit-appearance: none; }
  .close_experience__wrapper[aria-hidden="true"] {
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--speed__fast), transform var(--speed__fast); }
  .close_experience__wrapper[aria-hidden="false"] {
    opacity: 1;
    transform: scale(1);
    transition: opacity var(--speed__normal), transform var(--speed__normal) var(--easing__out__back);
    pointer-events: all !important; }
    .close_experience__wrapper[aria-hidden="false"]:active {
      transform: scale(0.9);
      transition: transform var(--speed__fast); }
  .close_experience__wrapper.close_experience__xicon {
    background: url(assets/icons/close.svg) center/33% auto no-repeat, var(--color__bg__light); }
  .close_experience__wrapper:not(.close_experience__floatright) {
    left: var(--spacing__regular__absolute); }
  .close_experience__wrapper.close_experience__floatright {
    right: var(--spacing__regular__absolute); }

.landing_view__wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  padding: var(--spacing__extra_large) 0;
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow-y: auto;
  text-align: center; }
  .landing_view__wrapper[aria-hidden="true"] {
    opacity: 0;
    transform: scale(0.98);
    pointer-events: none;
    transition: opacity 0s; }
  .landing_view__wrapper[aria-hidden="false"] {
    opacity: 1;
    transform: scale(1);
    transition: opacity var(--speed__fast), transform var(--speed__fast); }
  .landing_view__wrapper::before, .landing_view__wrapper::after {
    content: "";
    display: block;
    height: 1em;
    position: fixed;
    bottom: 0;
    z-index: -1;
    font-size: 7.5em;
    background-size: contain;
    background-repeat: no-repeat; }
  .landing_view__wrapper::before {
    width: 1.03em;
    left: 0;
    background-position: left bottom;
    background-image: url(assets/cloud-corner-pair.png); }
  .landing_view__wrapper::after {
    width: 1.23em;
    right: 0;
    background-position: right bottom;
    background-image: url(assets/cloud-corner.png); }

.landing_view__container {
  width: 100%; }
  .landing_view__container[aria-hidden="true"] {
    transform: scale(0.98);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--speed__fast), transform var(--speed__fast); }
  .landing_view__container[aria-hidden="false"] {
    transform: scale(1);
    opacity: 1;
    transition: opacity var(--speed__fast) var(--delay__long), transform var(--speed__fast) var(--delay__long); }

.landing_view__logo {
  width: 3.25em;
  margin: 0 auto; }

.landing_view__image {
  display: block;
  width: 100%;
  height: auto; }

.landing_view__intro {
  width: 100%;
  max-width: 15em;
  margin: var(--spacing__regular) auto var(--spacing__extra_large);
  font-size: var(--font_size__regular); }

.landing_view__preview {
  width: 85%;
  margin: 0 auto;
  animation: landing_view__transform__bob 3s infinite; }

@media all and (max-height: 700px) {
  .landing_view__preview {
    display: block;
    max-height: 30vh;
    width: auto; }
  .landing_view__intro {
    margin-bottom: var(--spacing__regular); } }

.landing_view__hashtag {
  font-size: var(--font_size__small);
  font-weight: var(--font_weight__heading);
  letter-spacing: 0.025em;
  text-decoration: none; }

.landing_view__language {
  width: 16em; }
  .landing_view__language .landing_view__input {
    padding-right: var(--spacing__extra_large); }
  .landing_view__language::after {
    content: "";
    width: 1em;
    height: 0.5em;
    font-size: var(--font_size__small);
    pointer-events: none;
    background: url(assets/icons/options-arrow.svg) center/contain no-repeat;
    float: right;
    transform: translateX(-1.5em) translateY(-1.5em); }

.landing_view__input {
  padding: var(--spacing__small) var(--spacing__large);
  border-radius: var(--border_radius);
  font-size: var(--font_size__regular);
  font-weight: var(--font_weight__heading);
  background-color: var(--color__bg__light);
  appearance: none;
  -webkit-appearance: none;
  --border_radius: calc(1em + var(--border_radius__90));
  width: 100%; }

.landing_view__default {
  font-size: 1em; }

.landing_view__bottomcontainer {
  position: fixed;
  bottom: var(--spacing__large);
  left: 0px;
  right: 0px;
  height: 6.5em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; }

.landing_view__next {
  width: 16em; }
  .landing_view__next.landing_view__disabled {
    opacity: 0.5;
    pointer-events: none; }

@keyframes landing_view__transform__bob {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(0.25em); } }

.terms_and_conditions__wrapper {
  display: block;
  height: 100%;
  width: 100%;
  padding: 4.5em 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow-y: auto;
  text-align: center;
  transition: transform var(--speed__fast), opacity var(--speed__fast); }
  .terms_and_conditions__wrapper[aria-hidden="true"] {
    opacity: 0;
    transform: scale(0.98);
    pointer-events: none; }
  .terms_and_conditions__wrapper[aria-hidden="false"] {
    opacity: 1;
    transform: scale(1); }
  .terms_and_conditions__wrapper .terms_and_conditions__container {
    width: 100%;
    padding: 0 var(--spacing__large); }
  .terms_and_conditions__wrapper .terms_and_conditions__reading {
    width: 100%; }
  .terms_and_conditions__wrapper .terms_and_conditions__heading {
    margin-bottom: var(--spacing__regular); }
  .terms_and_conditions__wrapper .terms_and_conditions__document {
    width: 100%; }
    .terms_and_conditions__wrapper .terms_and_conditions__document + .terms_and_conditions__document {
      margin-top: var(--spacing__large); }
    .terms_and_conditions__wrapper .terms_and_conditions__document .terms_and_conditions__terms, .terms_and_conditions__wrapper .terms_and_conditions__document .terms_and_conditions__privacy {
      font-size: 1em; }
  .terms_and_conditions__wrapper .terms_and_conditions__subheading {
    margin-bottom: var(--spacing__regular);
    font-size: var(--font_size__small);
    text-transform: none; }
  .terms_and_conditions__wrapper .terms_and_conditions__link {
    display: flex;
    width: 100%;
    padding: var(--spacing__small) var(--spacing__regular);
    border-radius: var(--border_radius);
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    background-color: var(--color__bg__light);
    --border_radius: calc(1em + var(--border_radius__90)); }
    .terms_and_conditions__wrapper .terms_and_conditions__link::after {
      content: "";
      display: block;
      width: 1em;
      height: 0.5em;
      transform: rotate(-90deg);
      font-size: var(--font_size__body);
      background: url(assets/icons/options-arrow.svg) center/contain no-repeat; }
  .terms_and_conditions__wrapper .terms_and_conditions__agreement {
    display: flex;
    padding: 0 var(--spacing__small);
    margin-top: var(--spacing__large); }
  .terms_and_conditions__wrapper .terms_and_conditions__checkbox {
    flex: none;
    display: block;
    height: 1em;
    width: 1em;
    font-size: 2em;
    border-radius: var(--border_radius__circle);
    background-color: var(--color__bg__light);
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--color__bg__light);
    appearance: none;
    -webkit-appearance: none; }
    .terms_and_conditions__wrapper .terms_and_conditions__checkbox:checked {
      background-image: url(assets/icons/tick.svg); }
  .terms_and_conditions__wrapper .terms_and_conditions__label {
    display: block;
    margin-left: var(--spacing__regular);
    font-size: var(--font_size__smallprint);
    text-align: left; }
  .terms_and_conditions__wrapper .terms_and_conditions__warning {
    width: 100%;
    padding: var(--spacing__small) var(--spacing__large) var(--spacing__small) var(--spacing__extra_large);
    margin: var(--spacing__regular) 0;
    text-transform: uppercase;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.25); }
  .terms_and_conditions__wrapper .terms_and_conditions__next {
    width: 100%;
    max-width: 13em;
    padding: var(--spacing__small);
    margin-top: var(--spacing__large);
    margin-bottom: var(--spacing__regular);
    border-radius: var(--border-radius);
    font-weight: var(--font_weight__heading);
    text-transform: uppercase;
    background-color: var(--color__bg__light);
    --border-radius: calc(1em + var(--border_radius__90));
    transition: opacity var(--speed__fast); }
    .terms_and_conditions__wrapper .terms_and_conditions__next:disabled {
      opacity: 0.5;
      pointer-events: none; }

@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
  .terms_and_conditions__wrapper {
    backdrop-filter: blur(2em); } }

.discount_voucher__wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  pointer-events: none; }
  .discount_voucher__wrapper[aria-hidden="true"] {
    opacity: 0;
    pointer-events: none; }
    .discount_voucher__wrapper[aria-hidden="true"] .discount_voucher__toggle {
      transform: scale(0);
      opacity: 0;
      pointer-events: none; }
  .discount_voucher__wrapper[aria-hidden="false"] {
    opacity: 1; }

.discount_voucher__toggle {
  font-size: 3.66em;
  height: 1em;
  width: 1.14em;
  position: absolute;
  top: var(--spacing__regular__absolute);
  right: var(--spacing__regular__absolute);
  background: url(assets/icons/discount.svg) center/contain no-repeat; }
  .discount_voucher__toggle[aria-hidden="true"] {
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--speed__fast), transform var(--speed__normal) var(--easing__out__back); }
  .discount_voucher__toggle[aria-hidden="false"] {
    transform: scale(1);
    opacity: 1;
    pointer-events: all;
    transition: opacity var(--speed__fast) 1s, transform var(--speed__normal) 1s var(--easing__out__back); }
    .discount_voucher__toggle[aria-hidden="false"]:active {
      transform: scale(0.95);
      transition: transform var(--speed__fastest); }

.discount_voucher__overlay {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 2em 5% 3em;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: auto;
  background: url(assets/sky-bg.jpg) center/cover no-repeat; }
  .discount_voucher__overlay[aria-hidden="true"] {
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s .85s; }
    .discount_voucher__overlay[aria-hidden="true"] .discount_voucher__container {
      opacity: 0;
      transform: scale(0);
      transition: opacity var(--speed__fast) var(--delay__medium), transform var(--speed__fast) var(--delay__medium); }
    .discount_voucher__overlay[aria-hidden="true"] .discount_voucher__intro, .discount_voucher__overlay[aria-hidden="true"] .discount_voucher__link, .discount_voucher__overlay[aria-hidden="true"] .discount_voucher__body, .discount_voucher__overlay[aria-hidden="true"] .discount_voucher__button {
      opacity: 0;
      transition: opacity var(--speed__fast); }
  .discount_voucher__overlay[aria-hidden="false"] {
    opacity: 1;
    pointer-events: all;
    transition: opacity .3s; }
    .discount_voucher__overlay[aria-hidden="false"] .discount_voucher__container {
      opacity: 1;
      transform: scale(1);
      transition: opacity var(--speed__fast) var(--delay__medium), transform var(--speed__normal) var(--delay__medium) var(--easing__out__back); }
    .discount_voucher__overlay[aria-hidden="false"] .discount_voucher__intro, .discount_voucher__overlay[aria-hidden="false"] .discount_voucher__link, .discount_voucher__overlay[aria-hidden="false"] .discount_voucher__body, .discount_voucher__overlay[aria-hidden="false"] .discount_voucher__button {
      opacity: 1;
      transition: opacity var(--speed__fast) var(--delay__longest); }
  .discount_voucher__overlay::before {
    content: "";
    display: block;
    width: 1em;
    height: 0.33em;
    margin: 0 auto;
    font-size: 3.33em;
    background: url(assets/icons/logo__white.svg) center/contain no-repeat; }

.discount_voucher__container {
  width: 90%;
  padding: var(--spacing__extra_large) var(--spacing__regular) var(--spacing__large);
  margin: var(--spacing__extra_large) auto 0;
  border-radius: var(--font_size__heading);
  text-align: center;
  background-color: var(--color__bg__light);
  transform-origin: 10% top; }

.discount_voucher__intro {
  margin-bottom: var(--spacing__large); }

.discount_voucher__heading {
  font-size: var(--font_size__large); }

.discount_voucher__cta {
  margin-top: var(--spacing__regular);
  font-weight: var(--font_weight__heading); }

.discount_voucher__link {
  display: block;
  height: 1em;
  width: 1em;
  margin: 0 auto;
  border: 1px solid var(--color__text__dark);
  border-radius: 1.62rem;
  font-size: 4.55em;
  background: url(assets/icons/logo__black.svg) center/70% auto no-repeat; }

.discount_voucher__body {
  margin: var(--spacing__large) auto 0;
  font-size: var(--font_size__small); }

.discount_voucher__button {
  display: block;
  width: 100%;
  padding: var(--spacing__regular);
  margin-top: var(--spacing__large);
  border: 0.1em solid var(--color__bg__dark);
  border-radius: var(--border_radius);
  font-weight: var(--font_weight__heading);
  text-decoration: none;
  letter-spacing: 0.05em;
  --border_radius: calc(1em + var(--border_radius__180)); }
  .discount_voucher__button:not(:active) {
    color: var(--color__text__light);
    background-color: var(--color__bg__dark); }
  .discount_voucher__button:active {
    background-color: transparent;
    color: var(--color__text__dark); }
  .discount_voucher__button .discount_voucher__download, .discount_voucher__button .discount_voucher__redeem {
    font-size: 1em; }

.intro__wrapper {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow-y: auto;
  text-align: center;
  transition: opacity var(--speed__fast); }
  .intro__wrapper[aria-hidden="true"] {
    opacity: 0;
    transform: scale(0.98);
    pointer-events: none; }
  .intro__wrapper[aria-hidden="false"] {
    opacity: 1;
    transform: scale(1); }
  .intro__wrapper .intro__container {
    width: calc(100% - 2*var(--spacing__regular));
    background: white;
    border-radius: 1em;
    margin: var(--spacing__extra_large) var(--spacing__regular);
    padding: var(--spacing__large);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 27em; }
  .intro__wrapper .intro__sectioncontainer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center; }
  .intro__wrapper .intro__reading {
    width: 100%; }
  .intro__wrapper .intro__introsection {
    padding: 0 var(--spacing__small);
    height: 0px;
    overflow: hidden;
    opacity: 0;
    flex-direction: column;
    transition-delay: 0.6s;
    transition: transform var(--speed__normal), opacity var(--speed__normal); }
    .intro__wrapper .intro__introsection.intro__activesection {
      opacity: 1;
      display: flex;
      justify-content: space-between;
      height: 16em; }
    .intro__wrapper .intro__introsection .intro__header {
      text-align: left;
      font-weight: 700;
      font-family: var(--font__heading);
      margin-bottom: 1em;
      font-size: var(--font_size__body); }
    .intro__wrapper .intro__introsection .intro__introimage {
      width: 100%;
      height: 8em;
      margin-bottom: var(--spacing__large);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
      .intro__wrapper .intro__introsection .intro__introimage.intro__introimage1 {
        background-image: url(assets/icons/air-max-world.svg); }
      .intro__wrapper .intro__introsection .intro__introimage.intro__introimage20 {
        background-image: url(assets/icons/discount.svg); }
      .intro__wrapper .intro__introsection .intro__introimage.intro__introimage2 {
        background-image: url(assets/icons/store.svg); }
      .intro__wrapper .intro__introsection .intro__introimage.intro__introimage3 {
        background-image: url(assets/icons/sneaker-selfie.svg); }
    .intro__wrapper .intro__introsection p {
      display: block;
      font-size: 0.7em;
      text-align: left;
      white-space: pre-wrap; }
      .intro__wrapper .intro__introsection p.intro__bold {
        font-weight: 700; }
  .intro__wrapper .intro__heading {
    margin-bottom: var(--spacing__regular);
    background: var(--color__bg__dark);
    color: var(--color__text__light);
    font-weight: 400;
    text-transform: none;
    font-size: 1em;
    border-radius: 2em;
    padding: var(--spacing__small);
    transform: translateY(-1.6em);
    box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 20px; }
  .intro__wrapper .intro__document {
    width: 100%; }
    .intro__wrapper .intro__document + .intro__document {
      margin-top: var(--spacing__large); }
  .intro__wrapper .intro__subheading {
    margin-bottom: var(--spacing__regular);
    font-size: var(--font_size__small);
    text-transform: none; }
  .intro__wrapper .intro__link {
    display: flex;
    width: 100%;
    padding: var(--spacing__small) var(--spacing__regular);
    border-radius: var(--border_radius);
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    background-color: var(--color__bg__light);
    --border_radius: calc(1em + var(--border_radius__90)); }
    .intro__wrapper .intro__link::after {
      content: "";
      display: block;
      width: 1em;
      height: 0.5em;
      transform: rotate(-90deg);
      font-size: var(--font_size__body);
      background: url(assets/icons/options-arrow.svg) center/contain no-repeat; }
  .intro__wrapper .intro__checkbox {
    flex: none;
    display: block;
    height: 1em;
    width: 1em;
    font-size: 2em;
    border-radius: var(--border_radius__circle);
    background-color: var(--color__bg__light);
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--color__bg__light);
    appearance: none;
    -webkit-appearance: none; }
    .intro__wrapper .intro__checkbox:checked {
      background-image: url(assets/icons/tick.svg); }
  .intro__wrapper .intro__label {
    display: block;
    margin-left: var(--spacing__regular);
    font-size: var(--font_size__smallprint);
    text-align: left; }
  .intro__wrapper .intro__warning {
    width: 100%;
    padding: var(--spacing__small) var(--spacing__large) var(--spacing__small) var(--spacing__extra_large);
    margin: var(--spacing__regular) 0;
    text-transform: uppercase;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.25); }
  .intro__wrapper .intro__pagination {
    width: 42%;
    height: 1em;
    margin: var(--spacing__large) auto var(--spacing__regular) auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center; }
    .intro__wrapper .intro__pagination .intro__dot {
      width: 0.5em;
      height: 0.5em;
      border-radius: 50%;
      background-color: var(--color__blue); }
      .intro__wrapper .intro__pagination .intro__dot.intro__activedot {
        transition: background-color var(--speed__normal);
        background-color: var(--color__orange); }
  .intro__wrapper .intro__next {
    width: 100%;
    padding: var(--spacing__small);
    margin-top: var(--spacing__regular);
    font-weight: var(--font_weight__regular);
    text-transform: none;
    background-color: var(--color__bg__dark);
    color: var(--color__text__light);
    border-radius: 3em;
    transition: opacity var(--speed__fast); }
    .intro__wrapper .intro__next:disabled {
      opacity: 0.5;
      pointer-events: none; }

@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
  .intro__wrapper {
    backdrop-filter: blur(2em); } }

.cookie_manager__wrapper {
  font-size: 1em; }

.cookie_banner__wrapper {
  padding: var(--spacing__regular);
  position: absolute;
  z-index: 100001;
  text-align: center;
  font-size: var(--font_size__tiny);
  background-color: #222;
  transition: transform var(--speed__normal); }
  .cookie_banner__wrapper[aria-hidden="true"] {
    transform: translateY(-100%); }
  .cookie_banner__wrapper[aria-hidden="false"] {
    transform: translateY(0); }

.cookie_banner__body {
  text-align: left;
  color: var(--color__text__light);
  margin-bottom: var(--spacing__small); }
  .cookie_banner__body p {
    line-height: var(--line_height__large);
    letter-spacing: 0.05em; }
  .cookie_banner__body a:link, .cookie_banner__body a:visited {
    font-weight: bold;
    color: var(--color__text__light);
    text-decoration: none; }

.cookie_banner__close {
  color: var(--color__text__light);
  text-decoration: underline;
  text-transform: uppercase;
  background-color: transparent;
  appearance: none;
  -webkit-appearance: none; }

.cookie_popup__wrapper {
  width: 100%;
  height: 100%;
  z-index: 100001;
  padding: var(--spacing__large);
  position: absolute;
  top: 0;
  left: 0;
  font-size: var(--font_size__tiny);
  background-color: var(--color__bg__light);
  overflow-y: auto;
  transition: opacity var(--speed__fast), transform var(--speed__normal);
  --color__text__grey: #757575;
  --color__bg__grey: #e5e5e5;
  --color__bg__orange: #fa5400; }
  .cookie_popup__wrapper[aria-hidden="true"] {
    opacity: 0;
    transform: translateY(50%);
    pointer-events: none; }
  .cookie_popup__wrapper[aria-hidden="false"] {
    opacity: 1;
    transform: translateY(0); }
  .cookie_popup__wrapper p {
    line-height: var(--line_height__large);
    letter-spacing: 0.05em; }

.cookie_popup__heading {
  padding-bottom: var(--spacing__regular);
  border-bottom: 1px solid var(--color__bg__grey);
  margin-bottom: var(--spacing__small); }

.cookie_popup__footer {
  padding-top: var(--spacing__regular);
  border-top: 1px solid var(--color__bg__grey);
  color: var(--color__text__grey); }
  .cookie_popup__footer a:link, .cookie_popup__footer a:visited {
    color: var(--color__text__dark);
    font-weight: bold;
    text-decoration: none; }

.cookie_preference_form__wrapper {
  z-index: 100001;
  transition: opacity var(--speed__fast); }
  .cookie_preference_form__wrapper[aria-hidden="true"] {
    opacity: 0;
    pointer-events: none; }
  .cookie_preference_form__wrapper[aria-hidden="false"] {
    opacity: 1; }

.cookie_preference_form__preference {
  display: flex; }
  .cookie_preference_form__preference + .cookie_preference_form__preference {
    margin-top: var(--spacing__large); }
  .cookie_preference_form__preference.cookie_preference_form__functional .cookie_preference_form__label {
    pointer-events: none; }

.cookie_preference_form__input {
  flex: none;
  display: block;
  height: 1.2em;
  width: 1.25em;
  appearance: none;
  -webkit-appearance: none;
  background-size: 50% auto;
  background-position: center;
  background-repeat: no-repeat; }
  .cookie_preference_form__input[readonly] {
    background-color: var(--color__bg__dark);
    pointer-events: none; }
    .cookie_preference_form__input[readonly]:checked {
      background-image: url(assets/icons/tick__white.svg); }
  .cookie_preference_form__input:not([readonly]) {
    background-color: var(--color__bg__light);
    border: 1px solid var(--color__bg__grey); }
    .cookie_preference_form__input:not([readonly]):checked {
      background-image: url(assets/icons/tick.svg); }

.cookie_preference_form__description {
  width: 100%;
  margin-left: var(--spacing__regular);
  text-align: left; }

.cookie_preference_form__label {
  font-size: 1.1em;
  font-weight: var(--font_weight__heading); }

.cookie_preference_form__details {
  margin-top: var(--spacing__small);
  color: var(--color__text__grey); }

.cookie_preference_form__submit {
  display: block;
  width: 50%;
  padding: var(--spacing__regular);
  margin: var(--spacing__large) auto;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color__text__light);
  background-color: var(--color__bg__orange);
  appearance: none;
  -webkit-appearance: none; }

.compound_cookie_popup__wrapper {
  display: flex;
  height: 100%;
  width: 100%;
  padding: var(--spacing__large);
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100001;
  overflow-y: auto;
  font-size: var(--font_size__tiny);
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity var(--speed__fast);
  --color__text__grey: #757575;
  --color__bg__grey: #e5e5e5;
  --color__bg__orange: #fa5400; }
  .compound_cookie_popup__wrapper[aria-hidden="true"] {
    opacity: 0;
    pointer-events: none; }
  .compound_cookie_popup__wrapper[aria-hidden="false"] {
    opacity: 1; }
  .compound_cookie_popup__wrapper p {
    line-height: var(--line_height__large);
    letter-spacing: 0.05em; }
  .compound_cookie_popup__wrapper a:link, .compound_cookie_popup__wrapper a:visited {
    color: var(--color__text__dark);
    font-weight: bold;
    text-decoration: none; }

.compound_cookie_popup__container {
  width: 100%;
  padding: var(--spacing__large);
  background-color: var(--color__bg__light); }

.compound_cookie_popup__heading {
  padding-bottom: var(--spacing__regular);
  border-bottom: 1px solid var(--color__bg__grey);
  margin-bottom: var(--spacing__small); }

.compound_cookie_popup__content {
  position: relative; }

.compound_cookie_popup__section[aria-hidden="true"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--speed__fast); }

.compound_cookie_popup__section[aria-hidden="false"] {
  position: relative;
  opacity: 1;
  transition: opacity var(--speed__fast) var(--delay__medium); }

.compound_cookie_popup__options {
  display: flex;
  width: 100%;
  margin: var(--spacing__large) auto;
  justify-content: space-between; }

.compound_cookie_popup__button {
  width: 47.5%;
  padding: var(--spacing__regular);
  text-transform: uppercase;
  font-weight: bold;
  color: var(--color__text__light);
  appearance: none;
  -webkit-appearance: none; }
  .compound_cookie_popup__button.compound_cookie_popup__more {
    background-color: var(--color__bg__dark); }
  .compound_cookie_popup__button.compound_cookie_popup__accept {
    background-color: var(--color__bg__orange); }

.compound_cookie_popup__footer {
  padding-top: var(--spacing__regular);
  border-top: 1px solid var(--color__bg__grey);
  margin-top: var(--spacing__large);
  color: var(--color__text__grey); }

.dg.ac {
  z-index: 10010 !important;
  position: fixed; }