body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 17, 2020 */@font-face{font-family:"att_aleck_sans";src:url(/hbomaxar-static/media/attalecksans-bold-webfont.2b25ea52.woff2) format("woff2"),url(/hbomaxar-static/media/attalecksans-bold-webfont.493c71b1.woff) format("woff");font-weight:400;font-style:normal;font-weight:600}@font-face{font-family:"att_aleck_sans";src:url(/hbomaxar-static/media/attalecksans-light-webfont.9f58f2d2.woff2) format("woff2"),url(/hbomaxar-static/media/attalecksans-light-webfont.2b6135e5.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:"att_aleck_sans";src:url(/hbomaxar-static/media/attalecksans-italic-webfont.17fa61ae.woff2) format("woff2"),url(/hbomaxar-static/media/attalecksans-italic-webfont.a76353f3.woff) format("woff");font-style:italic;font-weight:400}html{font-size:16px}body{line-height:1.25}body,p{font-family:"att_aleck_sans",sans-serif;font-weight:400;font-style:normal;color:#fff}p b,p strong{font-weight:600}p b em,p em,p strong em{font-style:italic}b,p em b,p em strong,strong{font-weight:600}a{color:#fff;text-decoration:none;transition:color .15s linear}a:active,a:focus,a:hover{color:#e6e6e6;text-decoration:none}.t1,.t2,.t3,.t4,.t5,.t6,h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-style:normal;line-height:.9;margin:0;font-weight:600;color:#fff}h1,h2,h3,h4,h5,h6{font-family:"att_aleck_sans",sans-serif;margin-bottom:18px}.t{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;letter-spacing:1px}h1{font-size:8.375em}h2{font-size:6.125em}h3{font-size:4.6875em;line-height:1}h4{font-size:2.25em}h5{font-size:1em}h6{font-size:.5em}.t1{font-size:8.375em}.t2{font-size:6.125em}.t3{font-size:4.6875em;line-height:1}.t4{font-size:2.25em}.t5{font-size:1em}.t6{font-size:.5em}.p1,p{font-size:1.125em}.p1,.p2,p{margin-bottom:1em}.p2{font-size:1em}.p3{font-size:.75em;line-height:1.5em;margin-bottom:1em}.content p{font-size:100%}@media only screen and (max-width:700px){.p1,p{font-size:1em}.p2{font-size:.875em}}.button{font-size:1.25em;padding:18px;border:2px solid #fff;display:inline-block;color:#2059b2;font-weight:600;background-color:#fff;border-radius:60px;width:calc(100% - 90px)}.alert-enter{opacity:0;transform:scale(.9)}.alert-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.alert-exit{opacity:1}.alert-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s}body{background-color:#4b0deb;overflow:hidden}.experience{height:100vh;height:calc(var(--vh, 1vh)*100);position:absolute;width:100%;left:0;top:0}.experience .back-to-site{position:absolute;top:0;left:0;color:#fff;text-decoration:none;padding:10px}.experience .loading{background-color:red;font-size:20px}.experience .loading,.landing{position:absolute;width:100%;height:100%;top:0;left:0;text-align:center}.landing{color:#fff}.landing .animated{opacity:0;transform:translateY(20px);transition:all .5s}.landing .title{margin-top:calc(31.52174vh - 90px);margin-top:calc(var(--vh, 1vh)*31.52174 - 90px)}.landing .title .line-one{font-size:30px;margin-bottom:8px;font-weight:600}.landing .title .line-two{width:238px}.landing .copy{transition-delay:.2s;font-size:20px;margin-top:calc(22.69022vh - 90px);margin-top:calc(var(--vh, 1vh)*22.69022 - 90px);line-height:1.5}.landing .button{transition-delay:.4s;position:absolute;bottom:58px;left:45px}.landing.in .animated{opacity:1;transform:translateY(0)}.instructions{text-align:center;top:0;left:0;color:#fff}.instructions,.instructions .background{position:absolute;width:100%;height:100%}.instructions .background{opacity:.75;background-image:url(/hbomaxar-static/media/gradient-bg@2x.aece30ed.png);background-size:cover}.instructions .centered-content{position:relative;width:100%}.instructions .animated{opacity:0;transform:translateY(20px);transition:all .5s}.instructions .title{font-size:1.875em;margin-bottom:12px;font-weight:600;margin-top:calc(27.03804vh - 87px);margin-top:calc(var(--vh, 1vh)*27.03804 - 87px)}.instructions .copy{font-size:1.25em;margin:0 auto;line-height:1.5}.instructions .instructions-image-wrapper{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(53%)}.instructions .instructions-inner-wrapper{transform:translateY(-50%)}.instructions .instructions-image{position:relative;transition-delay:.2s;margin-top:0}.instructions .instructions-image .main-image{width:160px;max-width:20vh;position:relative}.instructions .instructions-image .blob-image{position:absolute;width:84px;top:50%;left:50%;margin-top:-41px;margin-left:-42px;transform:scale(.1) transform(-25px,-78px);opacity:0}.instructions .button{transition-delay:.4s;position:absolute;bottom:58px;left:45px;z-index:100}.instructions.in .animated{opacity:1;transform:translateY(0)}@media only screen and (orientation:landscape){.instructions .animated,.instructions.in .animated{opacity:0;transition:none}}.reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle circle{transform:rotate(-90deg);transform-origin:50% 50%}.scene{position:relative;width:100%;height:100%;top:0;left:0}.scene .threejs-canvas,.scene .video-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.progress{position:absolute;top:40px;left:0;width:100%;text-align:center}.progress .indicators{display:flex;justify-content:space-evenly;max-width:420px;margin:0 auto}.progress .indicator{position:relative;width:50px;height:50px;border-radius:50px;background:linear-gradient(0deg,#7621b3,#32125c);box-shadow:0 0 8px rgba(0,0,0,.5);transition:border .3s}.progress .indicator .q-mark{width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s}.progress .indicator .selected-image{transition:all .3s;visibility:hidden;position:absolute;top:50%;left:50%;max-width:80px;transform:translate(-50%,-50%) scale(.1)}.progress .indicator.activated{border:3px solid #fff}.progress .indicator.activated .q-mark{opacity:0;transform:translate(-50%,-50%) scale(.1)}.progress .indicator.activated:after{display:none}.progress .indicator.activated .selected-image{visibility:visible;transform:translate(-50%,-50%)}.video{width:100%;overflow:hidden}.video,.video video{height:100%;position:absolute}.video video{transform:translateX(-50%);left:50%}.video.blurred video{-webkit-filter:blur(10px);filter:blur(10px)}.finished-overlay{text-align:center;position:absolute;top:0;left:0;width:100%;height:100%}.finished-overlay .background{width:100%;height:100%;border-radius:10px;position:absolute;opacity:.75;background-image:url(/hbomaxar-static/media/gradient-bg@2x.aece30ed.png);background-size:cover}.finished-overlay .container{position:absolute;height:100%;top:0;left:0;width:100%}.finished-overlay .logo{width:238px;margin-top:calc(27.17391vh - 90px);margin-top:calc(var(--vh, 1vh)*27.17391 - 90px)}.finished-overlay .title{font-size:1.25em;margin-top:calc(16.71196vh - 83px);margin-top:calc(var(--vh, 1vh)*16.71196 - 83px);margin-bottom:0;font-weight:600}.finished-overlay .copy{line-height:1.7;font-size:20px;margin-bottom:0;margin-top:2vh;margin-top:calc(var(--vh, 1vh)*2);line-height:1.4}.finished-overlay .buttons{position:absolute;width:100%;bottom:58px}.finished-overlay .button{margin-top:30px}.finished-overlay .close-button{position:absolute;top:10px;right:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAAXNSR0IArs4c6QAAAblJREFUaAXN2T1Ow0AQBeAUSJTQpUxKjkBPkwPkHlyBko6cgwKaHCDHoAsdLUhIFBTmjZWxVqvF2bVnd95IT/sTy/lsrZ04WSxQXdddIM/IVsZsBdcNckCWgw2DS+QFkfpFqPDwCPoDkXpDVj0enVeZiYoCD1OIVuI7OleyTDbIj86eWvczD0cKLbyHcLlQ4bPQqsfGFPgiNAt+EtobPwvthTdBt8abolvhq6Br46uia+GboK3xI+hHfS/zFm8660NqBP1kjo13OBXvitaDKMVToEvxVOhcPCU6wsv397BkfI/ok0v4Wv0LUXHnWqi2SIwPsdrnQetBZeD50AFelkeq9roNXQvtGkmtaTkQ92fY5Ak7oY8iHCkuPKBypo8J8B5z8QXLgQfsP3R/IeL11N3GF38OrWuKCp+LpsKXoinwU9Gu+LnoDPxGtzFrrdAKwv5Sdxv54dUOb41ugq+Froqvja6Cb4U2xbdGm+C90LPw3uhJeBZ0EZ4NnY0H/IDEtdMdeLZAySdsXF+Y6P/nXKEj/9hqUT2NAxV+PfjG+G44mRgsEcFToRUIl+A/kVudG1pMXg8Dwk7s+wNPgpE5pr37ZQAAAABJRU5ErkJggg==);width:40px;height:40px;background-size:23px;background-position:50%;background-repeat:no-repeat}.finished-overlay video{width:calc(100% - 90px);margin-top:calc(34.91848vh - 182px);margin-top:calc(var(--vh, 1vh)*34.91848 - 182px);background-color:#000}.finished-overlay .subhead{margin-top:12px}.rotate{display:none;height:100%;position:absolute;top:0;left:0;background-image:url(/hbomaxar-static/media/gradient-bg@2x.aece30ed.png);background-size:cover;text-align:center}.rotate,.rotate *{width:100%}.rotate p{position:absolute;font-size:1.375em;top:50%;transform:translateY(-50%)}@media only screen and (orientation:landscape){.rotate{display:block}}.preloader{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center}.preloader .label{width:100%;text-align:center;font-size:1.25em;font-weight:600;margin-bottom:12px}.background{background-image:url(/hbomaxar-static/media/gradient-bg@2x.aece30ed.png);background-size:cover;position:absolute;width:100%;height:100%;opacity:0;transition:opacity .5s;pointer-events:none}.background.instructions,.background.landing{opacity:1}.background.instructions.camera-on{opacity:.75}.selection-logo{position:absolute;bottom:20px;left:20px}.selection-logo .logo{width:178px;margin-bottom:0;margin-left:0}.selection-logo p{font-weight:700;margin-bottom:0}
/*# sourceMappingURL=main.ed3e6016.chunk.css.map */