.chapter-overview{align-items:center;-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out;background:linear-gradient(177.7deg,#447a9d 1.2%,#7190a7 52.56%,#9daab2 98.07%);color:#fff;display:flex;flex-flow:column;height:100%;justify-content:center;position:relative;transition:all 1s ease-in-out;width:100%;z-index:2}.chapter-overview>p{position:absolute;top:16%}.chapter-overview>h3{-webkit-animation:fadeIn .5s ease-in-out forwards;animation:fadeIn .5s ease-in-out forwards;cursor:pointer;font-size:40px;line-height:47px;margin-bottom:12%;opacity:0;text-align:center;text-decoration:underline;text-underline-offset:6px;transition:all .3s ease-in-out;z-index:1}.chapter-overview>h3:first-of-type{margin-top:20%}.chapter-overview>h3:last-of-type{margin-bottom:0}.chapter-overview>h3 a:hover,.chapter-overview>h3 a:link,.chapter-overview>h3 a:visited{color:#fff}.selected-chapter{color:#efee42;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.bubble-title{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(0,0,0,.3);border:1px solid #fff;border-radius:24px 24px 0 24px;display:flex;flex-flow:column;justify-content:center;padding:20px 27px 18px;width:288px}.bubble-title>h3{color:#efee42;line-height:48px}.bubble-title>h3,.bubble-title>p{text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bubble-title>p{color:#fff;text-transform:none}.button{background:#fff;border:none;border-radius:100px;cursor:pointer;padding:19px 15px;pointer-events:all;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button-label{color:#03192d;font-family:BMWTypeNext Bold;font-size:24px;font-weight:700;letter-spacing:0;line-height:33px;text-align:center;white-space:nowrap}.close-button,.close-button-transparent{align-items:center;border:none;border-radius:100%;cursor:pointer;display:flex;height:48px;justify-content:center;margin:0;padding:0;width:48px}.close-button{background:#fff}.close-button-transparent{background:transparent}.close-icon,.close-icon-transparent{height:25px;width:25px}.close-icon{-webkit-filter:invert(1);filter:invert(1)}.follow-button-wrapper{position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.follow-button-pink,.follow-button-purple,.follow-button-yellow{align-items:center;border:none;border-radius:100%;cursor:pointer;display:flex;height:48px;justify-content:center;margin:0;padding:0;width:48px}.follow-button-yellow{background-color:#efee42}.follow-button-purple{background-color:#333b8f}.follow-button-pink{background-color:#b32857}.follow-button-icon{height:28px;width:28px}.follow-button-label{text-wrap:nowrap;color:#fff;margin:0;padding:0;position:absolute;text-shadow:0 0 40px rgba(0,0,0,.6);top:-36px;white-space:nowrap}.countdown{align-items:center;background:linear-gradient(98.76deg,#fff -52.71%,hsla(0,0%,100%,0) 103.88%);border:1px solid #fff;border-radius:500px;display:flex;flex-flow:column;height:240px;justify-content:center;width:240px}.countdown>p{color:#fff;margin-bottom:19px}.countdown>h2{color:#efee42}.shooting-list{display:flex;flex-flow:column}.shooting-list>div{margin-bottom:31px}.shooting-list>div:last-of-type{margin-bottom:0}.shooting-list-item{align-items:center;-webkit-animation:scaleUp .5s ease-in-out forwards;animation:scaleUp .5s ease-in-out forwards;border:1px solid #fff;border-radius:100%;display:flex;height:41px;justify-content:center;position:relative;-webkit-transform:scale(0);transform:scale(0);width:41px}.shooting-list-item-miss{width:36px}.shooting-list-item-hit{-webkit-animation:scaleUp .5s ease-in-out forwards;animation:scaleUp .5s ease-in-out forwards;background-color:#efee42;border-radius:100%;height:60%;width:60%}.shooting-list-item-label-hit,.shooting-list-item-label-miss{text-wrap:nowrap;-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);color:#fff;position:absolute;right:55px;white-space:nowrap}.shooting-list-item-label-hit{-webkit-animation:textDisplay 5s ease-in-out forwards;animation:textDisplay 5s ease-in-out forwards}.shooting-list-item-label-miss{-webkit-animation:textDisplay2 5s ease-in-out forwards;animation:textDisplay2 5s ease-in-out forwards;color:#b22000}@-webkit-keyframes scaleUp{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleUp{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes textDisplay{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}33%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}66%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@keyframes textDisplay{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}33%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}66%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@-webkit-keyframes textDisplay2{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}33%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}66%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@keyframes textDisplay2{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}33%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}66%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}.chapter1-UI{-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out;height:70%;left:0;opacity:0;padding:25% 8% 15%;pointer-events:none;position:absolute;top:0;transition:all .5s ease-in-out;width:100%;width:84%}.chapter1-UI-followButton-wrapper{position:absolute;z-index:1}.chapter1-UI-closeWrapper{align-items:center;-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out;display:flex;flex-direction:column;height:100%;justify-content:flex-end;z-index:1}.chapter1-UI-closeWrapper>p{color:#fff;margin-bottom:24px}.chapter1-UI-cta{align-items:center;-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out;display:flex;flex-direction:column;height:100%;justify-content:space-between}.chapter1-UI-launch-UI{height:100%;width:100%}.chapter1-UI-launchWrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative}.chapter1-UI-launchWrapper>div:first-of-type{position:absolute;top:0}.chapter1-UI-launchWrapper>div:last-of-type{align-self:flex-end;position:absolute;right:0;top:35%}.chapter1-UI-launchWrapper>span{bottom:0;position:absolute}.chapter1-UI-countdownWrapper{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.chapter1-UI-finalMessage{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative}.chapter1-UI-cityBubble{transition:all .3s ease-in-out}.chapter2-UI{opacity:0;position:absolute;transition:all .5s ease-in-out}.chapter2-UI,.container{height:100%;left:0;pointer-events:none;top:0;width:100%}.container{align-items:center;background-color:rgba(0,0,0,.35);bottom:0;display:flex;flex-direction:column;min-height:100vh;position:fixed;right:0;transition:opacity 1s;z-index:999}.meet-text{margin-top:120px}.beige,.pink,.purple{color:#fff}.chapter3-UI{-webkit-animation:fadeIn 1s ease-in-out 3.5s forwards;animation:fadeIn 1s ease-in-out 3.5s forwards;height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:10}.chapter3-UI>h1{pointer-events:none}.chapter3-elementState{color:#fff;font-size:48px;margin:0;padding:0;pointer-events:none;z-index:1}.chapter3-UI-selectWrapper{align-items:center;display:flex;flex-direction:column;height:77%;justify-content:space-between;padding:20% 10% 3%;transition:all .5s ease-in-out;width:80%}.chapter3-UI-community,.chapter3-UI-shootingWrapper{align-items:center;display:flex;flex-flow:column;height:77%;justify-content:center;left:0;padding:20% 10% 3%;position:absolute;top:0;width:80%}.chapter3-UI-community>button,.chapter3-UI-shootingWrapper>button{bottom:0;position:absolute}.chapter3-UI-community{justify-content:flex-start}.crosshair-wrapper{align-items:center;display:flex;flex-flow:column;justify-content:center;position:relative;transition:all .3s ease-in-out}.crosshair-label{text-wrap:nowrap;color:#fff;position:absolute;top:-48px;transition:all .3s ease-in-out;white-space:nowrap}.crosshair{border:1px solid #fff;border-radius:100%;height:48px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .3s ease-in-out;width:48px}.crosshair,.cta-screen{align-items:center;display:flex;justify-content:center}.cta-screen{height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:.5s ease-in-out;width:100%}.footer,.footer-blur{align-items:center;border:1px solid #fff;border-radius:100px;display:flex;height:48px;justify-content:space-between;padding:0 22px;position:relative;transition:all .3s ease-in-out;width:calc(100% - 44px)}.footer-blur{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.footer-blur:before{-webkit-animation:fadeIn 1s ease-in-out forwards;animation:fadeIn 1s ease-in-out forwards;background-image:linear-gradient(99.12deg,#fff -72.46%,hsla(0,0%,100%,0) 96.64%);border-radius:100px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s linear;z-index:-1}.footer-text{color:#fff;font-family:BMWTypeNext Regular;font-size:16px;font-weight:400;letter-spacing:0;line-height:22px;text-align:left}.language-button,.language-button-blur{align-items:center;border:1px solid #fff;border-radius:100px;display:flex;height:48px;justify-content:space-between;max-width:66px;padding:0 15px;position:relative;transition:all .3s ease-in-out;width:calc(100% - 44px)}.language-button-blur{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.language-button-blur:before{-webkit-animation:fadeIn 1s ease-in-out forwards;animation:fadeIn 1s ease-in-out forwards;background-image:linear-gradient(99.12deg,#fff -72.46%,hsla(0,0%,100%,0) 96.64%);border-radius:100px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s linear;z-index:-1}.language-button-text,.language-button-text-selected{color:#fff;cursor:pointer;font-family:BMWTypeNext Regular;font-size:16px;font-weight:400;letter-spacing:0;line-height:22px;position:relative;text-align:left;transition:all .3s ease-in-out}.language-button-text-selected{color:#1d92f2}.language-button-text-selected:after{-webkit-animation:fadeIn .3s ease-in-out forwards;animation:fadeIn .3s ease-in-out forwards;background:#1d92f2;bottom:0;content:"";height:1px;left:0;opacity:0;position:absolute;width:100%}.language-button-divider{background-color:#fff;height:28px;width:1px}.overlay-ui{flex-flow:column;height:calc(100% - 39px);margin:25px 20px 14px 25px;pointer-events:none;position:absolute;width:calc(100% - 45px);z-index:10}.overlay-ui,.overlay-ui-top{display:flex;justify-content:space-between}.overlay-ui-top{transition:all .3s ease-in-out;width:100%}.overlay-ui-top>img{cursor:pointer}.overlay-ui-bottom{display:flex;justify-content:space-between;transition:all .3s ease-in-out;width:100%;z-index:10}.overlay-ui-bottom>div:first-of-type{margin-right:11px}.overlay-ui-menu{transition:all .3s ease-in-out}.scan-screen-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.loading-overlay{align-items:flex-end;background-color:rgba(0,0,0,.5);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:999}.scan-screen{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:rgba(0,0,0,.3);-webkit-clip-path:polygon(0 0,0 100%,12% 100%,12% 40%,88% 40%,88% 85.5%,12% 85.5%,12% 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,12% 100%,12% 40%,88% 40%,88% 85.5%,12% 85.5%,12% 100%,100% 100%,100% 0);height:100%;transition:all .5s ease-in-out;width:100%}.scan-screen-title{align-items:center;color:#fff;display:flex;flex-flow:column;justify-content:center;margin:0 44px;padding-top:22%}.scan-screen-title>p{margin-bottom:31px}.scan-screen-title>h3{text-align:center}.scan-screen-markers{align-items:stretch;display:flex;flex-direction:column;height:calc(45.5% - 48px);justify-content:space-between;left:12%;padding:24px;position:absolute;top:40%;width:calc(76% - 48px);z-index:1}.scan-screen-markers>div{align-items:flex-end;display:flex;justify-content:space-between}.scan-screen-marker-top-left{border-left:1px solid #fff;border-top:1px solid #fff;height:35px;width:35px}.scan-screen-marker-top-right{border-right:1px solid #fff;border-top:1px solid #fff;height:35px;width:35px}.scan-screen-marker-bottom-left{border-bottom:1px solid #fff;border-left:1px solid #fff;height:35px;width:35px}.scan-screen-marker-bottom-right{border-bottom:1px solid #fff;border-right:1px solid #fff;height:35px;width:35px}.scan-screen-cta{align-items:center;-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out;display:flex;height:100%;justify-content:center;transition:all .5s ease-in-out;width:100%}.scan-screen-skip{bottom:10%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.prompt-box-8w{align-items:center!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:rgba(0,0,0,.3)!important;border:1px solid #fff!important;border-radius:24px 24px 0 24px!important;display:flex!important;flex-flow:column!important;justify-content:center!important;padding:20px 27px 18px!important;width:288px!important}.prompt-box-8w>p{color:#fff;text-align:center;text-transform:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.prompt-button-8w:not(.button-primary-8w){display:none!important}.prompt-button-8w{background-color:#fff!important;border:none;border-radius:100px!important;color:#03192d;cursor:pointer;font-family:BMWTypeNext Bold;font-size:24px;font-weight:700;letter-spacing:0;line-height:33px;padding:19px 15px;pointer-events:all;text-align:center;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.loading-bar-wrapper{align-items:center;display:flex;flex-flow:column;position:relative;width:100%}.loading-bar-wrapper>span{color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.loading-bar{background:linear-gradient(91.83deg,#fff 17.53%,hsla(0,0%,100%,0) 111.04%);border-radius:100px;height:24px;overflow:hidden;width:100%}.loading-bar-progress{background:#efee42;height:100%;transition:all .3s}.loading-bar-label{position:absolute;top:-48px}.loading-page{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(177.7deg,#447a9d 1.2%,#7190a7 52.56%,#9daab2 98.07%);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:all 1s ease-in-out;width:100%}.loading-page>div{-webkit-animation:fadeIn .3s forwards;animation:fadeIn .3s forwards;opacity:0}.meetThe{color:#fff}.chapterNameText,.meetThe{text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chapterNameText{color:#efee42;line-height:48px;margin-top:8px;white-space:pre-line}.playInfo{color:#fff;margin-top:56px;max-width:270px;text-align:center;text-transform:none;width:270px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.intro-page{-webkit-animation:fadeOut 1s ease-in-out 4s forwards;animation:fadeOut 1s ease-in-out 4s forwards;background:linear-gradient(177.7deg,#447a9d 1.2%,#7190a7 52.56%,#9daab2 98.07%);height:100vh;width:100vw}.intro-page,.intro-page-text-wrapper{align-items:center;display:flex;justify-content:center}.intro-page-text-wrapper{flex-flow:column;position:relative;top:-39px}.intro-page-text-h1{-webkit-animation:fadeIn .5s ease-in-out 2s forwards;animation:fadeIn .5s ease-in-out 2s forwards;color:#efee42;font-size:46px;margin-top:4px;opacity:0;position:relative;text-align:center;width:100%}.intro-page-text-h2{-webkit-text-stroke:3px #efee42;-webkit-animation:fadeIn .5s ease-in-out 1s forwards;animation:fadeIn .5s ease-in-out 1s forwards;color:transparent;opacity:0;text-align:center;width:100%}.intro-page-text-h5{-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out;color:#fff;margin-bottom:42px;text-align:center;width:100%}@use "../styles/colors.scss";@font-face{font-family:BMWTypeNext Regular;src:url(/static/media/BMWTypeNextPro-Regular.f56b41feab0ff26055d5.woff2)}@font-face{font-family:BMWTypeNext Medium;src:url(/static/media/BMWTypeNextPro-Medium.93fd9a5ac394eafae52e.woff2)}@font-face{font-family:BMWTypeNext Bold;src:url(/static/media/BMWTypeNextPro-Bold.edf7babcef31eb74da75.woff2)}@font-face{font-family:MINI Serif;src:url(/static/media/MINISerif-Medium.88700f18850c4d0c9b33.woff2)}h1{font-size:200px;line-height:165px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}h1,h2{color:$neue_klasse_yellow;font-family:BMWTypeNext Regular;font-weight:400;letter-spacing:0;margin:0;padding:0;text-transform:uppercase}h2{font-size:64px;line-height:58px;text-align:left}h3{font-family:BMWTypeNext Regular;font-weight:400;text-align:left}h3,h4{color:$white;font-size:40px;letter-spacing:0;line-height:58px;margin:0;padding:0;text-transform:uppercase}h4{font-family:MINI Serif;font-weight:500;text-align:center}h5{letter-spacing:.1em}h5,p,span{color:$white;font-family:BMWTypeNext Medium;font-size:16px;font-weight:700;line-height:22px;margin:0;padding:0;text-align:left;text-transform:uppercase}p,span{letter-spacing:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;-webkit-user-select:none!important;user-select:none!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,h1,h2,h3,h4,h5,img,p,span{user-select:none;-webkit-user-select:none}