body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"NH-55";src:url(/static/media/NHaasGroteskTXPro-55Rg.f2ae1358.eot);src:url(/static/media/NHaasGroteskTXPro-55Rg.f2ae1358.eot) format("embedded-opentype"),url(/static/media/NHaasGroteskTXPro-55Rg.bb904b69.woff) format("woff"),url(/static/media/NHaasGroteskTXPro-55Rg.11b4155d.ttf) format("truetype"),url(/static/media/NHaasGroteskTXPro-55Rg.fad8e94b.svg) format("svg");font-style:normal;font-weight:400}@font-face{font-family:"NH-65";src:url(/static/media/NHaasGroteskTXPro-65Md.fe439209.eot);src:url(/static/media/NHaasGroteskTXPro-65Md.fe439209.eot) format("embedded-opentype"),url(/static/media/NHaasGroteskTXPro-65Md.0d328aef.woff) format("woff"),url(/static/media/NHaasGroteskTXPro-65Md.971ba28d.ttf) format("truetype"),url(/static/media/NHaasGroteskTXPro-65Md.5cff648a.svg) format("svg");font-style:normal;font-weight:400}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}html{font-size:62.5%}body{font-family:"NH-55",-apple-system,BlinkMacSystemFont,system,".SFNSText-Regular","San Francisco","Segoe UI","Helvetica Neue","Lucida Grande",sans-serif;font-size:1.6rem;line-height:1.33;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;background-color:#e43624;color:#fff}a{color:inherit;text-decoration:none}.wrapper{text-align:left;margin:3.5rem 4rem;color:#fff;letter-spacing:-.1px;line-height:1.33;height:calc(100vh - 7rem);position:relative}.wrapper>*{display:flex;flex-wrap:wrap;height:100%}.content{width:100%;flex:1 1}.content .content-head{max-width:1280px;width:90%;margin-bottom:3rem}.content h2{font-size:2rem;font-family:"NH-65";font-weight:400;margin:0 0 2rem}.content h3{font-size:1.6rem;font-weight:400;margin:0}.content .framewrapper:before{content:"";background-image:url(/static/media/browser-header.9a51805d.svg);background-repeat:no-repeat;height:30px;max-width:1440px;width:90%;display:block;position:relative;z-index:9;left:0;top:0;border-radius:5px 5px 0 0;background-color:#282828;overflow:hidden;transition:all .2s}.content .framewrapper .frame{display:block;max-width:1440px;width:90%;height:calc(90vh - 22rem);overflow-x:auto;box-shadow:-1px 12px 12px 0 rgba(0,0,0,.15);background-color:#fff;border-radius:0 0 5px 5px;scroll-behavior:smooth}.content .framewrapper .frame img{width:100%;margin:0;padding:0}.content .framewrapper .frame img:hover{cursor:ns-resize}.content .framewrapper.full-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0}.content .framewrapper.full-screen:before{display:none}.content .framewrapper.full-screen .frame{width:100vw;height:100vh;max-width:100vw;max-height:100vh}.content .framewrapper.full-screen .frame img:hover{cursor:pointer}.content .framewrapper .videoframe{display:block;max-width:1440px;width:90%;max-height:calc(90vh - 22rem);overflow:hidden;box-shadow:-1px 12px 12px 0 rgba(0,0,0,.15);background-color:#fff;border-radius:0 0 5px 5px}.content .framewrapper .videoframe .player-wrapper{margin:0;position:relative;padding-top:53.465%}.content .framewrapper .videoframe .player-wrapper .player{position:absolute;top:0;left:0}.content .options-grid{display:inline-grid;grid-template-columns:1fr 1fr;grid-gap:4rem;max-height:calc(90vh - 22rem)}.content .options-grid .img-grid-wrap{display:flex;flex-direction:column}.content .options-grid .img-grid-wrap span{margin-top:1.5rem}.content .options-grid .img-grid-wrap img{max-width:30vw}@media (max-width:900px){.content .options-grid{grid-template-columns:1fr}.content .options-grid img{max-width:50vw}}.lightbox-wrapper .img-open{transition:transform .3s}.lightbox-wrapper .img-open:hover{transform:scale(1.01)}.lightbox-wrapper .lightbox{border:none}.lightbox-wrapper .lightbox img{width:80vw;height:auto;max-width:80vw!important;max-height:80vh;object-fit:contain}.sidebar{display:flex;flex-direction:column;height:100%;color:#fff;margin-right:4rem}@media (max-width:900px){.sidebar{height:auto;width:100%;margin:0 0 3rem}}.sidebar h1{font-size:2rem;font-family:"NH-65";font-weight:400;margin:0 0 2rem}.sidebar hr{padding:0;margin:2rem 0;border:none}@media (max-width:900px){.sidebar hr{display:none}}.sidebar ol.links span:not(:first-child){display:block;margin-top:2rem}.sidebar ol.links li{padding:0;margin:3px 0}.sidebar ol.links li:before{content:"";width:2px;display:inline-block}.sidebar ol.links li .active{font-family:"NH-65"}.sidebar ol.links li a{text-decoration:none;color:#fff}@media (max-width:900px){.sidebar ol.links li{float:left;margin-right:10px}}.sidebar .logo{max-width:100px;width:8rem}@media (max-width:900px){.sidebar .logo{position:fixed;top:3.5rem;right:4rem}}.Collapsible__trigger{display:block;position:relative}.Collapsible__trigger:hover{cursor:pointer}.Collapsible__trigger.is-open:after{transform:rotate(180deg)}.Collapsible__trigger:after{content:"";position:absolute;right:0;top:.8rem;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #fff;display:block;transition:transform .3s}.full-scr{position:fixed;top:0;left:0;z-index:-1;background-color:#e43624}.full-scr,.scroll-menu{width:100vw;height:100vh;transition:all .3s}.scroll-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3}.scroll-menu a{margin:2rem 0}.scroll-menu .block{display:inline-block;margin:0}.scroll-menu h2{font-size:6.6vh;pointer-events:auto;transition:transform .66s;color:#fff;line-height:1;margin:0 3vh}.scroll-menu .block:last-of-type h2:after{display:none}.scroll-menu .container{height:auto;min-height:auto;min-width:auto;white-space:nowrap;position:relative}.scroll-menu .container:hover *{opacity:.9;transition:opacity .3s}.scroll-right{-webkit-animation-name:right;animation-name:right;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-direction:alternate;animation-direction:alternate}.scroll-left,.scroll-right{-webkit-animation-duration:30s;animation-duration:30s}.scroll-left{-webkit-animation-name:left;animation-name:left;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-direction:alternate;animation-direction:alternate}.peek-bg{background:#fff}@-webkit-keyframes left{0%{margin-left:0}to{margin-left:-50%}}@keyframes left{0%{margin-left:0}to{margin-left:-50%}}@-webkit-keyframes right{0%{margin-left:-50%}to{margin-left:0}}@keyframes right{0%{margin-left:-50%}to{margin-left:0}}@-webkit-keyframes words-left{0%{padding-left:10rem}to{padding-left:0}}@keyframes words-left{0%{padding-left:10rem}to{padding-left:0}}@-webkit-keyframes rotate-clockwise{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes rotate-clockwise{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@-webkit-keyframes 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)}}@keyframes 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)}}
/*# sourceMappingURL=main.b4e9625d.chunk.css.map */