.left-side-nav-container,.mobile-container{z-index:10;position:fixed}html.stop-scroll{overflow:hidden}.left-side-nav-container{border:0;padding:25vh 0 25vh 0}.left-side-nav-container .links-container{border-right:1px solid white;width:280px}.gate-container{display:flex;align-items:center;flex-direction:column;display:none}.gate-container .seperator{width:100%;border:1px dashed #fff;margin-top:8px}.gate-container .pointer{width:0;height:0;border-style:solid;border-width:7px 4px 0 4px;border-color:#fff transparent transparent transparent}.left-side-nav-container.locked .premium.nav-container p,.mobile-container.locked .premium.nav-container p{color:#8995a3;cursor:default;pointer-events:none}.mobile-container.locked .gate-container{margin-bottom:24px;display:none}.left-side-nav-container{display:none;top:0;width:281px;height:100vh;background-color:transparent;align-items:center;padding-left:33px}.left-side-nav-container .links-container{height:100%;display:flex;flex-direction:column;justify-content:space-between}.links-container .link{color:white;font-size:24px;font-size:2.4rem}.link.active{font-weight:700;color:#47ffd4}.left-side-nav-container .links-container .sub_nav_link{color:#8995a3}.mobile-container{top:86px;z-index:9999;width:100%;pointer-events:none;transform:translateX(0);transition:transform 1s cubic-bezier(0.86,0,0.07,1)}.mobile-container .active-link-container{height:64px;display:flex;align-items:center;padding-left:24px;pointer-events:all;background-color:#1f2934}.mobile-container .active-link-container.active:after{transform:rotate(180deg)}.mobile-container .active-link-container:after{content:"";position:absolute;transition:transform .5s;right:24px;width:24px;height:15px;background-size:100%;background-image:url(https://f.hubspotusercontent40.net/hubfs/709096/CandySpace_August_2020/image/premium-case-study/down-arrow.svg);background-repeat:no-repeat}.mobile-container .links-container{padding:48px;padding-left:24px;pointer-events:all;border-top:1px solid #4e5966;position:relative;overflow:scroll;top:100vh;transition:top .5s ease-in-out;transition-delay:.1s;height:calc(100vh - 150px);background-color:#1f2934}.mobile-container .links-container.active{top:0}.mobile-container .active-link-container p{color:white}.mobile-container.nav-opened{transform:translateX(-255px);transition:transform 1s cubic-bezier(0.86,0,0.07,1)}@media(min-width:414px){.mobile-container.nav-opened{transform:translateX(-295px)}}.nav-dot-container{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-right:8px}.nav-dot-container.active{border:1px solid #47ffd4;animation-name:scaleNavDot;animation-duration:.8s;animation-timing-function:ease-in-out}.nav-dot{width:4px;height:4px;border-radius:50%;background-color:white;transition:transform .3s}.left-side-nav-container .free.nav-container:hover .nav-dot{transform:scale(1.5)}.locked .premium .nav-dot{background-color:transparent;background-image:url('https://f.hubspotusercontent40.net/hubfs/709096/CandySpace_August_2020/image/premium-case-study/padlock-grey.svg');width:16px;height:16px;background-repeat:no-repeat}.locked .premium .nav-dot.green-padlock{background-color:transparent;background-image:url('https://f.hubspotusercontent40.net/hubfs/709096/CandySpace_August_2020/image/premium-case-study/padlock-green.svg')}.nav-dot-container.active .nav-dot{background-color:#47ffd4}.nav-container{display:flex;align-items:center;height:24px}.nav-line-wrapper:not(:last-child){width:23px;display:flex;justify-content:center;height:64px;margin:8px 0}.nav-line-wrapper:not(:last-child) .nav-line{height:0;width:2px;background-color:#4e5966;transition:height .5s}@media(min-width:768px){.mobile-container{top:110px}}@media(min-width:769px){.left-side-nav-container{display:flex}.mobile-container{display:none}.links-container .link{font-size:16px;font-size:1.6rem;cursor:pointer;padding-bottom:0}.nav-line-wrapper:not(:last-child){height:100%}}@media(min-device-height:667px){_::-webkit-full-page-media,_:future,:root .safari_only{padding-bottom:95px !important}}@media(min-device-height:800px){_::-webkit-full-page-media,_:future,:root .safari_only{padding-bottom:140px !important}}.mobile-container.scrollAway .links-container{height:calc(100vh - 63px) !important}#menu-bar.scrollAway,.mobile-container.scrollAway{transform:translateY(-85.89px) !important;transition:transform .5s !important}@media(min-width:768px){#menu-bar.scrollAway,.mobile-container.scrollAway{transform:translateY(-93.88px) !important}}.teaser-container{position:relative}.teaser-container .gradient-overlay{position:absolute;width:100%;height:100%;background:linear-gradient(0,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%)}@keyframes scaleNavDot{0%{transform:scale(0.1)}30%{transform:scale(0.1)}100%{transform:scale(1)}}