.Layout__Layout__2C2_c{display:grid;grid-template-rows:168px;grid-gap:0;height:100vh;-webkit-align-items:center;align-items:center}.SelectedHeroesBar__SelectedHeroesBar__3Avw8{height:168px;width:100%;padding:0;margin:0;background:linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),linear-gradient(180deg,#555761 -51.19%,#2b2d35)}.SelectedHeroesBar__SelectedHeroesBar__3Avw8 span{position:relative;float:left;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:Roboto;font-style:normal;font-weight:400;font-size:18px;line-height:normal;text-align:center;color:#4b4e5c}.SelectedList__SelectedList__316zc{overflow-x:scroll;padding-top:40px;width:100vw;display:grid;grid-template-columns:10px;grid-auto-columns:72px;grid-auto-flow:column;-webkit-scroll-snap-type:x proximity;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity;grid-gap:1em}.SelectedList__SelectedList__316zc:after,.SelectedList__SelectedList__316zc:before{content:"";width:10px}.HeroIcon__HeroIcon__1l0FH{height:134px;max-width:72px;min-width:64px;display:inline;z-index:49;position:relative;text-align:center}.HeroIcon__HeroIcon__1l0FH img{height:100px;max-width:72px;min-width:64px;border-radius:8px}.HeroIcon__HeroIcon__1l0FH span{position:relative}.HeroIcon__HeroIcon__1l0FH .HeroIcon__counter__e9zdn,.HeroIcon__HeroIcon__1l0FH span{font-family:Roboto;font-style:normal;font-weight:400;font-size:12px;line-height:normal;color:#fff;text-align:center}.HeroIcon__HeroIcon__1l0FH .HeroIcon__counter__e9zdn{position:absolute;height:24px;width:24px;top:72px;left:4px;background:#00c35a;border-radius:20px;-webkit-justify-content:center;justify-content:center;vertical-align:center}.HeroIcon__HeroIcon__1l0FH .HeroIcon__counter__e9zdn span{position:relative;float:left;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.HeroIcon__close__1t7F-{z-index:50;position:absolute;width:24px;height:24px;left:80%;top:-12px;border-radius:20px;background:#000;border:2px solid #fff;box-sizing:border-box;display:none}.HeroIcon__close__1t7F-:after,.HeroIcon__close__1t7F-:before{position:absolute;top:8px;left:4px;content:"";background:#fff;width:13px;height:3px}.HeroIcon__close__1t7F-:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.HeroIcon__close__1t7F-:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.HeroIcon__HeroIcon__1l0FH:hover .HeroIcon__close__1t7F-{display:inline-block}.Message__Message__38cku{position:relative;float:left;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:Roboto;font-style:normal;font-weight:400;font-size:18px;line-height:normal;text-align:center;color:#fff;grid-column:1/3}.HeroesMaintain__HeroesMaintain__3LwWl{background:linear-gradient(180deg,#31333b 13.26%,#363945 74.59%,#2b2d35);width:100%;height:100%;margin:0;display:grid;grid-template-columns:1fr;grid-template-rows:96px 1fr 96px;grid-template-areas:"search-input" "catalogue" "menu"}@media (min-width:700px){.HeroesMaintain__HeroesMaintain__3LwWl{grid-template-columns:1fr 1fr;grid-template-rows:96px 1fr;grid-template-areas:"search-input menu" "catalogue catalogue"}}.SearchInput__SearchInput__2i4jy{margin:20px;grid-area:search-input}.SearchInput__SearchInput__2i4jy form{position:relative;height:56px;left:0;right:0;top:0;width:100%;border-radius:8px}.SearchInput__SearchInput__2i4jy form,.SearchInput__SearchInput__2i4jy input{background:#4b4e5c;border:0;color:#fff;font-family:Roboto;font-style:normal;font-weight:400;font-size:16px}.SearchInput__SearchInput__2i4jy input{position:absolute;left:14px;right:49px;top:33.93%;bottom:32.14%}.SearchInput__SearchInput__2i4jy .SearchInput__icon__3Hj4h{position:absolute;width:24px;height:24px;right:15px;top:16px}.SearchInput__SearchInput__2i4jy input:focus{outline:none}.HeroesCatalogue__HeroesCatalogue__3ELWs{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,72px));grid-template-rows:repeat(auto-fill,134px);grid-gap:1em;-webkit-justify-content:center;justify-content:center;grid-area:catalogue}@media (max-width:320px){.HeroesCatalogue__HeroesCatalogue__3ELWs{grid-gap:8px}}.Menu__Menu__l3EzY{-webkit-flex-grow:1;flex-grow:1;display:grid;grid-template-columns:repeat(2,120px);grid-template-rows:75px;grid-column-gap:45px;-webkit-align-content:center;align-content:center;height:96px;width:100%;background:#31333d;grid-area:menu}.Menu__Menu__l3EzY,.Menu__Menu__l3EzY div{-webkit-justify-content:center;justify-content:center}.Menu__Menu__l3EzY div{margin:0 auto;width:120px;height:75px;text-align:center}.Menu__dclogo__1s25Q img{margin:auto;display:inline-block;width:120px;height:75px}.Menu__marvel__2MAx_ img{margin:0;position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:111px;height:50px}.Menu__inactive__2jScn{opacity:.2}
/*# sourceMappingURL=main.34575b9b.chunk.css.map */