@charset "UTF-8";html,body,address,blockquote,div,form,fieldset,caption,h1,h2,h3,h4,h5,h6,hr,ul,li,ol,dl,dt,dd,table,tr,td,th,p,img{margin:0;padding:0}img,fieldset,button,a{border:none}li{list-style:none}*,*:after,*:before{box-sizing:border-box;user-select:none;-webkit-user-select:none}html,body{background-color:#000}html{font-size:62.5%;-webkit-font-smoothing:antialiased}:root{--color-1: #08d1d2;--disclaimer-height: 6.5rem}@font-face{font-family:IQOS;src:url(./IQOS-Regular-WGULy5SJ.woff2) format("woff2"),url(./IQOS-Regular-BKQ5oPhW.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IQOS;src:url(./IQOS-Light-BLcYY6Ri.woff2) format("woff2"),url(./IQOS-Light-OKGOjLBQ.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:IQOS;src:url(./IQOS-Bold-S85GbMIM.woff2) format("woff2"),url(./IQOS-Bold-D3MDzlPK.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}html,body,#root,#r3fcanvas,canvas{position:fixed;width:100%;height:100%;margin:0;padding:0;top:0;left:0;overflow:hidden;box-sizing:border-box}body *{font-family:IQOS;color:#fff}#root{z-index:2}h1{font-size:3rem}p,button,a{font-size:2rem}strong{color:var(--color-1)}.Button{background-color:var(--color-1)}#print{position:absolute;top:0;left:0;font-family:monospace;color:#fff;background-color:#000;padding:1em;font-size:2rem;z-index:1000;display:none}.Strip{background-color:#393e44cc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);width:100%;font-size:2rem;font-weight:700;padding:2em 0;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:10vh}.Strip p{position:absolute;transition:opacity .2s;transition-delay:.2s;opacity:0;font-weight:700}.Strip p.Active{opacity:1}.Loading svg{max-width:28rem}.Loading.Loaded>div.hide{opacity:0;pointer-events:none}.Loading button,.Loading .SelectCont{opacity:0}.Loading.Loaded button{font-weight:700;font-size:2rem;padding:.5em;opacity:1}.Loading.Loaded .SelectCont{position:relative;margin-bottom:2rem;opacity:1}.Loading.Loaded .SelectCont:after{color:#fff;content:"⌄";position:absolute;right:0;top:30%;transform:translate(-50%,-50%);font-size:3rem}.Loading.Loaded select{border:1px solid #ddd;background-color:transparent;border-radius:1em;padding:.5em 1em;width:24rem;-webkit-appearance:none;-moz-appearance:none;position:relative;font-size:2rem}.Loading>div{transition:opacity .2s;border-radius:1rem;display:flex;flex-direction:column;align-items:center;padding:2rem 0}.Loading>div p{color:#000;font-size:1.6rem;line-height:2.2rem;max-width:17.5em;text-align:center;padding:0 2rem;margin-bottom:2rem}.Loading>div button{margin-top:.5rem;background-color:var(--color-1);border-radius:2em;padding:1em;font-size:1.3rem;width:9em;display:flex;align-items:center;justify-content:center}.Loading.Loaded div div,.Loading.Loaded div p{opacity:1;pointer-events:all}.Loading.Loaded div svg{opacity:0}#loadingContainer{z-index:800;font-family:Nunito-SemiBold,sans-serif}#loadBackground{z-index:10;background-color:#101118;pointer-events:auto}.xrextras-old-style #loadBackground{background-color:#fff}#requestingCameraPermissions{z-index:11;position:absolute;top:0;width:100vw;text-align:center;color:#fff;font-size:1.8em;font-family:Nunito-SemiBold,sans-serif;background-color:#464766;background-color:var(--color-1)!important;padding-top:3vh;padding-bottom:1.75vh}#requestingCameraIcon{display:block;margin:0 auto;margin-bottom:2vh;height:5.5vh}#loadImage{position:absolute;margin-top:-2.5em;margin-left:-2.5em;top:50%;left:50%;height:5em;width:5em;transform:translate(-50%,-50%)}#cameraPermissionsErrorApple,#microphonePermissionsErrorApple{background-color:#101118}.xrextras-old-style #cameraPermissionsErrorApple,.xrextras-old-style #microphonePermissionsErrorApple{background-color:#fff}#cameraPermissionsErrorAppleMessage,#microphonePermissionsErrorAppleMessage{font-size:1.75em;text-align:center;max-width:90vw;margin-top:5vh;margin-left:auto;margin-right:auto;color:#fff}.xrextras-old-style #cameraPermissionsErrorAppleMessage,.xrextras-old-style #microphonePermissionsErrorAppleMessage{color:#323232}.permissionIconIos{display:block;margin:0 auto;margin-top:17vh;text-align:center}.permissionIconIos img{height:20vw}.permissionIconIos img+img{margin-left:10vw}.bottom-message{color:#fff;padding:0 5vw;position:absolute;bottom:10vh;text-align:center;font-size:1.25em}#cameraPermissionsErrorAndroid,#microphonePermissionsErrorAndroid{padding:2vh 0;display:flex;flex-direction:column;pointer-events:auto;justify-content:space-around;align-items:center;background-color:#101118}.xrextras-old-style #cameraPermissionsErrorAndroid,.xrextras-old-style #microphonePermissionsErrorAndroid{background-color:#fff}#deviceMotionErrorApple{padding:3vh 2vh;display:flex;flex-direction:column;pointer-events:auto;justify-content:space-around;align-items:center;background-color:#101118;color:#fff}.xrextras-old-style #deviceMotionErrorApple{color:#2d2e43;background-color:#fff}#linkOutViewAndroid,#copyLinkViewAndroid{background-color:#101118}.xrextras-old-style #linkOutViewAndroid,.xrextras-old-style #copyLinkViewAndroid{background-color:#fff}.permission-error{padding:3vh 5vh;font-size:3.5vh;color:#fff;background-color:#101118}.xrextras-old-style .permission-error{color:#323232;background-color:#fff}.permission-error>h1{font-size:1.3em}.main-button{border:none;outline:none;background-color:#ad50ff;color:#fff;font-size:2.5vh;display:block;margin-top:2em;padding:.5em 1em;border-radius:.5em}.xrextras-old-style .main-button{background-color:#7611b7}.start-ar-button{position:fixed;bottom:25%;left:50%;transform:translate(-50%);font-family:Nunito-SemiBold,sans-serif;font-weight:800;font-size:1.5em;text-align:center;color:#fff;text-decoration:none;border:none;background-color:#ad50ff;padding:6px 13px;border-radius:10px}.xrextras-old-style .start-ar-button{background-color:#7611b7}.permissionIcon{overflow:hidden;flex:0 0 auto;margin-bottom:2vh}.permissionIcon img{display:block;margin:0 auto;height:5vh}#cameraSelectionWorldTrackingError{z-index:999;position:absolute;top:0;width:100vw;text-align:center;color:#000;font-size:3.7vh;background-color:#fff;padding:3vh 0}.loading-error-header{font-size:3.5vh;flex:0 0 auto;color:#fff}.xrextras-old-style .loading-error-header{color:#323232}.loading-error-footer{font-size:3vh;line-height:5.5vh;flex:0 0 auto;text-align:center;width:80vmin;color:#fff}.xrextras-old-style .loading-error-footer{color:#323232}.loading-error-footer img{display:block;height:5vh;margin:0 auto;margin-bottom:2vh}.loading-error-instructions{font-family:Nunito,sans-serif;color:#fff;font-size:2.5vh;list-style:none;margin-left:1em;counter-reset:line;flex:0 0 auto}.xrextras-old-style .loading-error-instructions{color:#2d2e43}.loading-error-instructions>li{position:relative;margin-bottom:4.5vh}.loading-error-instructions>li>img{max-height:3vh;vertical-align:middle;margin:0 .5vh}.loading-error-instructions>li:before{font-family:Nunito,sans-serif;position:absolute;width:40px;height:40px;border-radius:3vh;color:#fff;background-color:#464766;text-align:center;left:-8vh;top:-1vh;font-size:2.5vh;line-height:5.5vh;counter-increment:line;content:counter(line)}.xrextras-old-style .loading-error-instructions>li:before{background-color:#dad1e4}.highlight{color:#fff;font-family:Nunito-SemiBold,sans-serif;font-weight:800}.xrextras-old-style .highlight{color:#7611b7}.camera-instruction-block{display:inline-block;background-color:#8083a2;padding:1vh}.xrextras-old-style .camera-instruction-block{background-color:#ebebeb}.camera-instruction-button{display:inline-block;padding:1vh;background-color:#359aff;color:#fff;font-size:2vh;box-shadow:0 .125vh .25vh #00000080}body:not(.xrextras-old-style) .prompt-box-8w{background-color:#3a3b55;color:#fff;text-align:center}body:not(.xrextras-old-style) .prompt-button-8w{background-color:#8083a2;border-radius:10px}body:not(.xrextras-old-style) .button-primary-8w{background-color:#ad50ff}.fade-out{animation:fade-out .3s linear forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.spin{animation:spin 1.1s cubic-bezier(.785,.135,.15,.86) infinite both}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scale{-webkit-animation:scale 1s cubic-bezier(.455,.03,.515,.955) infinite alternate-reverse both;animation:scale 1s cubic-bezier(.455,.03,.515,.955) infinite alternate-reverse both}@keyframes scale{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation:pulse 1s ease-in-out infinite both;animation:pulse 1s ease-in-out infinite both}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.AgeGate .cls-1{fill:#01d0d1}.AgeGate .cls-2{fill:#11d3d4}.AgeGate .cls-3{fill:#fefefe}.AgeGate button{opacity:1;-webkit-user-select:unset;user-select:unset;background-color:#01d0d1;border-radius:1em;font-weight:700;padding:.5em 1em}.AgeGate p{text-align:center;font-size:1.8rem;max-width:min(90%,35rem)}.AgeGate section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.AgeGate fieldset{display:flex;gap:2rem;align-items:center;justify-content:center}.AgeGate fieldset label{display:flex;flex-direction:column;gap:.5rem;font-size:1.8rem;width:14rem}.AgeGate select{background-color:transparent;font-size:1.8rem;padding:.5rem;border:1px solid #ddd;width:100%;-webkit-appearance:none;-moz-appearance:none;position:relative;border-radius:.5em;padding:.5em 1em}.AgeGate .SelectCont{opacity:1;width:14rem;position:relative}.AgeGate .SelectCont:after{color:#fff;content:"⌄";position:absolute;right:0;top:30%;transform:translate(-50%,-50%);font-size:3rem}@media (max-height: 450px){.Loading svg:first-of-type{max-width:100px}.AgeGate p{line-height:1.1;max-width:40rem}}@media (max-height: 450px){.Loading svg:first-of-type{max-width:100px;position:absolute;left:5vw;top:50%;transform:translateY(-50%)}.Gate{padding-left:5vw}}.Disclaimer{position:absolute;top:0;width:100%;max-width:min(90%,28em);left:50%;transform:translate(-50%);padding-top:1rem;text-shadow:1px 1px 2px black;text-align:center;font-size:1rem;line-height:1.5}.lang-de .Disclaimer{max-width:min(95%,30em)}.Sidebar{position:absolute;right:0;top:var(--disclaimer-height);background-color:#393e44cc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:2.5rem 2.5rem 2.5rem 0;display:flex;transform:translate(100%);transition:transform .3s}.Sidebar svg{transform:rotate(0);transition:transform .3s}.Sidebar.Active{transform:translate(0)}.Sidebar.Active svg{transform:rotate(180deg)}.Sidebar button{position:absolute;top:50%;left:0;transform:translate(-100%,-50%);height:100%;background-color:#393e44cc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:0 1.5rem;border-top-left-radius:5rem;border-bottom-left-radius:5rem}.Sidebar a{max-width:6em;text-align:center}.Sidebar .Button{font-size:1.6rem;line-height:2.2rem;font-weight:700;border-radius:1em;padding:.5em 2em;max-width:8em}.Sidebar a+a{text-decoration:underline;font-weight:400;font-size:1.4rem;line-height:1.7rem}.Sidebar div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.lang-de .Sidebar .Button{max-width:9em}.Start{justify-content:center}.Start button{padding:1em;background-color:#fff}.Place{justify-content:center;background-color:#0000;pointer-events:all}.Place p{text-shadow:1px 1px 2px black;color:#fff;margin-top:18rem;font-size:2.5rem}.TextStrips{pointer-events:none;opacity:0;transition:opacity .3s}.TextStrips.Active{opacity:1}.Boxes{pointer-events:none;opacity:0;transition:opacity .3s}.Boxes.Active{opacity:1}.Boxes .Cont{position:relative;width:100%;margin-bottom:3rem;display:flex;align-items:center;justify-content:center}.Box{bottom:0;position:absolute;opacity:0;pointer-events:none;transition:opacity .3s;max-width:98%;background-color:#393e44b3;-webkit-backdrop-filter:blur(5px);border-radius:6rem;border:1px solid;border-image-source:linear-gradient(102.65deg,#ffffff -1.42%,#b1b1b1 51.45%,rgba(255,255,255,.2) 102.24%),linear-gradient(289.1deg,rgba(255,255,255,0) 19.15%,rgba(116,116,116,.0545) 64.46%,rgba(0,0,0,.1) 102.28%);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:2.4rem;padding:2.2rem 3rem}.Box.Active{pointer-events:all;opacity:1}.Box button{background-color:var(--color-1);padding:.25em 1em;border-radius:1em;font-weight:700;font-size:2rem;margin-top:1.6rem}.Box h2{color:var(--color-1);position:relative;font-size:2.4rem;font-weight:400;text-align:left;margin-right:auto}.Box h2 span{color:var(--color-1);position:absolute;display:block;left:0;transform:translate(calc(-100% - .5rem))}.Box p{text-align:center;font-size:2.2rem;line-height:120%;font-weight:700}.Box h2+p{font-size:2.4rem;font-weight:400;text-align:left;max-width:10em}.Box div+button{margin-top:2.4rem}.b3_adventure{padding:2.2rem 4rem}.b3_adventure p,.b4_journey p{max-width:8em}.b4_journey button{margin-top:2rem}.b4_journey button:has(svg){padding:.7em 1em;border-radius:1.5em;display:flex;align-items:center;justify-content:center}.b4_journey button svg{height:3rem}.b6_collect p{max-width:12.5em}.b7_tailored{padding:2.2rem 4rem}.b7_tailored p{max-width:12em;font-size:2rem}.b8_how{padding:2.2rem 5rem}.b13_every{padding:2.2rem 4rem}.b13_every p{font-size:1.8rem;font-weight:400;max-width:14em}.b14_curious{border:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:unset;padding:0;padding-bottom:10vh}.b14_curious button{margin:0;width:24rem;height:8rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:2em}.b14_curious svg{width:100%;height:55%}.b15_register a:not(:last-child){background-color:var(--color-1);padding:1em;border-radius:2em;margin-bottom:2rem;font-weight:700;width:12em;text-align:center}.b15_register a:last-child{font-size:1.7rem}.b15_register a{font-size:2rem}.b9_engage,.b10_unlock,.b11_get_rewarded{padding:3.7rem 4rem}.b9_engage h2+p,.b10_unlock h2+p,.b11_get_rewarded h2+p{font-size:2rem}.b10_unlock{min-width:14em}.b10_unlock h2+p{max-width:11em}.container{position:absolute;top:-30rem;transform:translateY(-100%);width:30rem;height:8rem;overflow:hidden}.container p{font-size:3.2rem;font-weight:700;text-shadow:2px 2px 15px rgba(0,0,0,.5);position:absolute}.container p{position:absolute;top:0;left:0;width:100%;margin:0;padding:10px;text-align:center;transform:translateY(100%);opacity:0;color:var(--color-1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}10%{transform:translateY(0);opacity:1}30%{transform:translateY(0);opacity:1}40%{transform:translateY(-100%);opacity:0}to{transform:translateY(-100%);opacity:0}}.container p:nth-child(1){animation:slideUp 6s infinite}.container p:nth-child(2){animation:slideUp 6s infinite;animation-delay:2s}.container p:nth-child(3){animation:slideUp 6s infinite;animation-delay:4s}.lang-de .b4_journey p{max-width:8em}.lang-de .b6_collect p{max-width:15em}.lang-de .b7_tailored p{max-width:14em}.lang-de .b8_how{max-width:30rem}.SnapshotButton{position:fixed;bottom:25px;width:80px;height:80px;left:50%;border-radius:100%;z-index:99;pointer-events:none;transform:translate(-50%) scale(0) translateZ(0);transition:transform .4s cubic-bezier(0,0,.01,.99);background-size:60%;background-position:center;background-repeat:no-repeat}.SnapshotButton.active{pointer-events:all;transform:translate(-50%) scale(1) translateZ(0)}.SnapshotButton:after,.SnapshotButton:before{display:none}.SnapshotPreviewContainer{z-index:99;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;transition:opacity .2s cubic-bezier(0,0,.01,.99);pointer-events:none;background-color:#000;padding-top:calc(var(--vh) * 3 + var(--header-height))}.SnapshotPreviewContainer.active{pointer-events:all;opacity:1}.SnapshotPreview{position:relative;display:block;width:100%;height:100%;flex-grow:1;pointer-events:all}.SnapshotPreview>img,.SnapshotPreview>video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:95%;height:100%;object-fit:contain;border-radius:10px}.SnapshotPreview>button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;border-radius:100%;border:1px solid white;transition:opacity .2s;opacity:0;pointer-events:none;color:#fff;width:60px;height:60px;padding:0;display:flex;align-items:center;justify-content:center}.SnapshotPreview>button svg{width:50%;height:50%;transform:translate(2px)}.SnapshotPreview>button.Active{opacity:1;pointer-events:all}.SnapshotPreview>button:after,.SnapshotPreview>button:before{display:none}.OverlayCanvas{position:absolute;top:100%;left:100%;z-index:-100;pointer-events:none}.PreviewButtons{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-top:60px;margin-top:calc(var(--vh) * 3 + 10px);margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:244px}.PreviewButtons button{background-size:50%;background-repeat:no-repeat;background-position:40%;width:68px;height:68px;border-radius:100%;padding:0;border:1px solid white;position:relative;background-color:#0000}.PreviewButtons button:before,.PreviewButtons button:after{display:none}.SnapshotGoBack{position:fixed;bottom:12px;width:60px;height:60px;padding:12px;left:12px;border-radius:100%;z-index:99;pointer-events:none;transform:scale(0) translateZ(0);transition:transform .4s cubic-bezier(0,0,.01,.99)}.SnapshotGoBack:before{content:" ";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0) translateZ(0);width:44px;height:44px;border-radius:100%;border:1px solid #19110b;transition:transform .4s cubic-bezier(0,0,.01,.99) .05s;z-index:-1}.SnapshotGoBack.active{pointer-events:all;transform:scale(1) translateZ(0)}.SnapshotGoBack.active:before{transform:translate(-50%,-50%) scale(1) translateZ(0)}.SnapshotGoBack.active img{opacity:1;transform:translate(0) translateZ(0)}.SnapshotGoBack>div{width:100%;height:100%;background-color:#fff;border-radius:100%;display:flex;justify-content:center;vertical-align:middle}.SnapshotGoBack>div img{width:30px;opacity:0;transform:translate(10px) translateZ(0);transition:transform .4s cubic-bezier(0,0,.01,.99) .2s,opacity .3s cubic-bezier(0,0,.01,.99) .2s}.SnaphshotBackdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#12121259;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(0,0,.01,.99)}.SnaphshotBackdrop.active{opacity:1}.DownloadButton{position:absolute;bottom:4px;right:4px;width:60px;height:60px;padding:12px;border-radius:100%;z-index:99;pointer-events:none;transform:scale(0) translateZ(0);transition:transform .4s cubic-bezier(0,0,.01,.99)}.DownloadButton.active{transform:scale(1) translateZ(0)}.DownloadButton.active img{opacity:1;transform:translate(0) translateZ(0)}.DownloadButton>div{width:100%;height:100%;background-color:#fff;border-radius:100%;display:flex;justify-content:center;vertical-align:middle}.DownloadButton>div img{width:14px;opacity:0;transform:translate(10px) translateZ(0);transition:transform .4s cubic-bezier(0,0,.01,.99) .2ss,opacity .3s cubic-bezier(0,0,.01,.99) .2s}.SnapshotButton{border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.SnapshotButton__outer{width:80px;height:80px;position:relative;border-radius:100%;box-shadow:0 0 0 2px #fff inset;display:flex;align-items:center;justify-content:center}.SnapshotButton__outer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(rgb(255,76,0) 0deg,rgb(255,76,0) calc(var(--progress-angle, 0deg) + 1deg),transparent calc(var(--progress-angle, 0deg) + 1deg),transparent 360deg);opacity:0}.SnapshotButton.Recording .SnapshotButton__outer:before{opacity:1}.SnapshotButton__inner{width:60px;height:60px;border-radius:50%;background:#fff;box-shadow:0 0 6px #0003;z-index:2;transform:scale(1);transition:transform .3s ease-in}.Recording .SnapshotButton__inner{transform:scale(.7)}.SnapshotLoader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.SnapshotLoader.Active{pointer-events:all;opacity:1}