@media only screen and (max-width: 640px){#viewport{background:#f2f0d8 url(../static/homepage/bg-mobile.jpg) center top no-repeat;background-size:100% auto}main .available{position:relative}}@media only screen and (min-width: 641px) and (max-width: 1024px), only screen and (min-width: 1025px){#viewport{background:#f9f8e4 url(../static/homepage/bg-desktop.jpg) center center no-repeat;background-size:auto 100%;position:relative}}main .characters{z-index:5}@media only screen and (max-width: 640px){main .characters{position:relative}main .characters::before{display:block;content:"";width:100%;padding-top:49.6875%}main .characters>*{position:absolute;top:0;left:0;right:0;bottom:0}main .characters__canvas{position:absolute;top:0;left:0;width:100%;height:100%}}@media only screen and (min-width: 641px) and (max-width: 1024px), only screen and (min-width: 1025px){main .characters{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}main .characters__canvas{position:absolute;height:100%;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}}@media only screen and (max-width: 640px){main .sparkinator{position:absolute;overflow:hidden;top:-10%;left:0;width:100%;height:120%;padding:0 30px}main .sparkinator__inner{height:100%;-webkit-box-sizing:content-box;box-sizing:content-box;z-index:4;margin-right:-14%;margin-left:-14%}main .sparkinator__canvas{display:block;width:100%;height:100%}}@media only screen and (min-width: 641px) and (max-width: 1024px), only screen and (min-width: 1025px){main .sparkinator{position:absolute;margin-top:2.38889em;top:246px;width:100%;height:100%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main .sparkinator__canvas{position:relative;width:45.55556em;height:100%;top:-3.05556em}}main .promos__promos{list-style:none;padding:0;margin:0}main .promos__promo{padding:0;border-style:solid;border-color:#FFF;-webkit-transition:border 300ms ease-out;transition:border 300ms ease-out}main .promos__promo:hover{border-color:#fefa82}main .promos__promo a{content:"";display:block;padding-top:55.42169%;position:relative}main .promos__promo a::before{opacity:0;content:"";display:block;width:100%;height:100%;z-index:2;position:absolute;top:0;left:0;-webkit-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out}main .promos__promo img{display:block;width:100%;height:100%;position:absolute;top:0;left:0}main .promos__promo[data-new="1"]::before{z-index:10;padding-top:0.5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"NEW!";position:absolute;color:#FFF;background:url(../static/homepage/new.png) center center no-repeat;background-size:contain;pointer-events:none}main .promos__promo[data-type="video"]::after,main .promos__promo[data-type="game"]::after{content:"";display:block;position:absolute;background-color:#FFF;background-repeat:no-repeat;background-position:center center;-webkit-box-shadow:0 0 .55556em #fff;box-shadow:0 0 .55556em #fff}main .promos__promo[data-type="video"]::after{background-image:url(../static/homepage/icon-video.png);background-size:51.42857% auto}main .promos__promo[data-type="game"]::after{background-image:url(../static/homepage/icon-game.png);background-size:62.85714% auto}@media only screen and (max-width: 640px){main .promos{margin:7.8125% 30px 23.4375% 30px;position:relative;z-index:6}main .promos__promos{position:relative;z-index:2}main .promos__promo{background-color:#FFF;border-width:.625vw;margin-bottom:1.5625%;position:relative;font-size:2.8125vw}main .promos__promo a::before{-webkit-box-shadow:inset 0 0 5.46875vw #fefa82;box-shadow:inset 0 0 5.46875vw #fefa82}main .promos__promo a:hover::before{opacity:1}main .promos__promo:last-child{margin-bottom:0}main .promos__promo[data-new="1"]::before{width:15.51724%;height:12.30769%;top:-3.07692%;left:3.7931%;font-size:3.4375vw}main .promos__promo::after{width:5.94444em;height:4.44444em;border-radius:5.94444em / 4.44444em;bottom:.77778em;right:.77778em}}@media only screen and (min-width: 641px) and (max-width: 1024px), only screen and (min-width: 1025px){main .promos{margin-top:2.38889em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}main .promos.primary{opacity:0;z-index:1;-webkit-transition:opacity 750ms ease-out;transition:opacity 750ms ease-out}main .promos.primary.promos--visible{opacity:1}main .promos__promos{width:38.33333em;height:10.66667em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:2}main .promos__promo{width:18.88889em;height:10.66667em;border-width:.22222em;position:relative}main .promos__promo a::before{-webkit-box-shadow:inset 0 0 1.38889em #fefa82;box-shadow:inset 0 0 1.38889em #fefa82}main .promos__promo.promos--hover{border-color:#fefa82;-webkit-box-shadow:inset 0 0 25px #fefa82;box-shadow:inset 0 0 25px #fefa82}main .promos__promo.promos--hover a::before{opacity:1}main .promos__promo[data-new="1"]::before{width:3.61111em;height:1.61111em;top:calc(-4px + -.22222em);left:.55556em}main .promos__promo::after{width:3.88889em;height:2.88889em;border-radius:3.88889em / 2.88889em;bottom:.38889em;right:.38889em}}@media only screen and (max-width: 640px){main .overlay{display:none}}@media only screen and (min-width: 641px) and (max-width: 1024px), only screen and (min-width: 1025px){main .overlay{position:absolute;top:calc(245px);left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:20}main .overlay .promos__promo{border-color:rgba(255,255,255,0)}main .overlay .promos__promo::before,main .overlay .promos__promo::after{display:none}main .overlay .promos__promo a{width:100%;height:100%;display:block}}

