.viewport{background-color:#baf5fe}@media(min-width: 760px)and (max-width: 1024px),(min-width: 1025px){.viewport{background-size:auto 100%}}@media(max-width: 759px){.viewport{background-image:url(../static/homepage/mobile-bg.jpg),url(../static/homepage/mobile-bg-repeat.jpg) !important;background-repeat:no-repeat,repeat-y;background-size:118.75% auto}}@media(min-width: 641px)and (max-width: 759px){.viewport{background-size:auto}}main .promos{pointer-events:none}@media(min-width: 760px)and (max-width: 1024px),(min-width: 1025px){main .promos{position:absolute;width:100%;max-width:63rem;top:11rem;left:50%;transform:translate(-50%, 0);display:flex;justify-content:space-between;z-index:5}}@media(min-width: 760px)and (max-width: 1180px){main .promos{font-size:.85em;top:12rem}}@media(max-width: 759px){main .promos{max-width:640px;margin-left:auto;margin-right:auto}}main .c-promo{pointer-events:all}@media(max-width: 759px){main .c-promo{margin-bottom:2rem;margin-top:2rem}}main .c-promo--1{transform:rotate(-1.5deg)}@media(min-width: 760px)and (max-width: 1024px),(min-width: 1025px){main .c-promo--1{left:1.5rem}}main .c-promo--2{transform:rotate(1.5deg)}@media(min-width: 760px)and (max-width: 1024px),(min-width: 1025px){main .c-promo--2{right:1.5rem}}@media(min-width: 760px)and (max-width: 1024px),(min-width: 1025px){main .characters{position:absolute;left:50%;transform:translate(-50%, 0);cursor:pointer;width:25.5rem;height:37.4rem;top:0}main .characters__character{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-size:contain;background-repeat:no-repeat;opacity:0}main .characters__character[data-visible="0"]{opacity:0;transition:opacity 300ms ease-out}main .characters__character[data-visible="1"]{opacity:1;transition:opacity 300ms ease-out 300ms}}@media(max-width: 759px){main .characters{margin-left:auto;margin-right:auto;width:29rem;height:20.85rem;background:url(../static/homepage/mobile-characters.png) no-repeat center center;background-size:contain;pointer-events:none}main .characters>div{display:none}}