*{margin:0;padding:0}@font-face{font-family:Poppins;src:url(/Heroes-app/static/media/Poppins-Regular.8081832f.ttf)}body{font-family:"Poppins",sans-serif;background:#11072f;color:#fff;padding-bottom:84px}.content{height:100%;width:90%;margin:0 auto;display:flex;align-items:center;flex-direction:column}.logo-section{margin-top:57px}.upper-section{flex-direction:row;align-items:center}.display-favorites-section,.upper-section{width:100%;display:flex;justify-content:space-between}.display-favorites-section{margin-top:39px;height:100%;flex-direction:column;border:1px solid rgba(106,77,188,.44);border-radius:16px;box-sizing:border-box;padding:16px;grid-gap:15px;gap:15px}.search-and-general-section{height:100%;width:100%}.display-loader-section{margin-top:39px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:16px;grid-gap:15px;gap:15px}.liked-space{display:flex;flex-direction:row;align-items:center;grid-gap:8px;gap:8px}.little-favorite-button{background-color:#6a4dbc;width:35px;height:34px;border-radius:50%;border:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center}.littleHeart{height:13.33px;width:12px}.liked-text{font-weight:700;font-size:28px;line-height:42px;letter-spacing:.725381px}.display-button,.display-button-rotated{background-color:hsla(0,0%,100%,.1);width:40px;height:40px;border-radius:50%;border:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center}.display-button-rotated{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.lower-section{display:flex;flex-direction:column;align-items:center;grid-gap:15px;gap:15px;padding:50px 0}.favorite-heroes-section,.lower-section{height:100%;width:100%;justify-content:center}.favorite-heroes-section{overflow:scroll;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fit,321px);grid-row-gap:16px;row-gap:16px;grid-column-gap:16px;-webkit-column-gap:16px;column-gap:16px;justify-items:center}.favorite-heroes-section::-webkit-scrollbar{display:none}.grid-conteiner{overflow:scroll;overflow-x:hidden}.grid-conteiner::-webkit-scrollbar{display:none}.big-heart{height:33px;width:34px;justify-self:center}.Favorite-section{display:flex;flex-direction:column;align-items:center;grid-gap:20px;gap:20px}.favorite-text{font-size:15px;line-height:22px;letter-spacing:.725381px;text-align:center}.search-heroes-section{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-top:34px;align-items:center}.search-title{font-weight:700;font-size:28px;line-height:42px;letter-spacing:.725381px}.search-bar-element{background-color:hsla(0,0%,100%,.1);border-radius:32px;width:33%;padding:8px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;grid-gap:14px;gap:14px}.search-input{border:transparent;background-color:transparent;outline:transparent;width:100%;height:100%;font-size:15px;line-height:22px;letter-spacing:.273885px;color:#fff}.search-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.3)}.search-input:-ms-input-placeholder{color:hsla(0,0%,100%,.3)}.search-input::placeholder{color:hsla(0,0%,100%,.3)}.list-heroes-section{margin-top:34px;height:74vh;width:100%;overflow:scroll;overflow-x:hidden;display:flex;justify-content:center;padding-left:16px}.list-heroes-section::-webkit-scrollbar{display:none}.react-window-container{overflow:scroll;overflow-x:hidden;margin-top:34px;margin-right:0}.react-window-container::-webkit-scrollbar{display:none}.card-background{width:285px;height:174px;border-radius:16px;background-repeat:no-repeat;background-size:cover;padding:16px;position:relative;overflow:hidden;margin-top:10px}.background-image{height:100%;width:100%;background-size:cover;background-position:50%;top:0;left:0;bottom:0;right:0;position:absolute;filter:blur(27px);-webkit-filter:blur(27px)}.card{width:100%;display:flex;flex-direction:row;align-items:flex-start;grid-gap:16px;gap:16px;background:rgba(54,44,106,.65);border-radius:16px;background-origin:padding-box;background-origin:initial;top:-16px;left:-16px;border:16px solid transparent}.card,.heroesPicture{height:100%;position:relative}.heroesPicture{width:50%}.heroesContent{height:100%;width:50%}.rank-space{display:flex;align-items:center;grid-gap:6px;gap:6px}.fist{size:14.08px}.rank{font-size:12px;line-height:18px;letter-spacing:.273885px;color:hsla(0,0%,100%,.49)}strong{color:#fff}.hero{width:100%;height:100%;border-radius:12px}.heroes-nickname{font-size:20px;font-weight:700;line-height:143%;letter-spacing:.300393px;color:#fff}.heroes-nickname,.realName{align-self:stretch;margin:4px 0}.realName{font-size:12px;line-height:18px;letter-spacing:.273885px;color:hsla(0,0%,100%,.49)}.favorite-button{position:absolute;background-color:#6a4dbc;width:48px;height:48px;right:-10%;bottom:-4%;border-radius:32px;border:transparent}.mediumHeart,.mediumHeart-filled{position:absolute;height:17px;width:17px;left:16px;top:17px}.mediumHeart-filled{fill:red}@media only screen and (max-width:1152px){.search-bar-element{width:50%}}@media only screen and (max-width:772px){.favorite-heroes-section{grid-template-columns:repeat(1,1fr)}.search-title{font-size:14px;line-height:12px}.search-bar-element{width:60%}}.cell-container{margin:0}.liked-recently{position:relative}.liked-recently:after{content:"liked recently";display:flex;position:absolute;justify-content:center;align-items:center;top:7px;left:240px;width:76px;height:19px;font-size:11px;line-height:15px;background-color:#7b61ff;color:#fff;border-radius:6px;padding:2px 4px}
/*# sourceMappingURL=main.f5eca80d.chunk.css.map */