.SearchBar-module-scss-module__cjr1rW__searchBar{flex-direction:column;gap:12px;width:100%;margin-top:48px;margin-bottom:24px;display:flex}.SearchBar-module-scss-module__cjr1rW__searchBar div{border-bottom:1px solid var(--black);justify-content:start;align-items:center;gap:8px;width:100%;padding-bottom:8px;display:flex}.SearchBar-module-scss-module__cjr1rW__searchBar div input{text-transform:uppercase;border:none;width:100%;font-size:16px}.SearchBar-module-scss-module__cjr1rW__searchBar div input:active,.SearchBar-module-scss-module__cjr1rW__searchBar div input:focus{outline:none}.SearchBar-module-scss-module__cjr1rW__searchBar p{font-size:12px}
.CharacterCard-module-scss-module__OhrxTG__card{flex-direction:column;width:100%;height:100%;display:flex}.CharacterCard-module-scss-module__OhrxTG__card:active div:before{height:100%}.CharacterCard-module-scss-module__OhrxTG__card:active div .CharacterCard-module-scss-module__OhrxTG__heart{fill:#fff;stroke:#fff}@media screen and (min-width:768px){.CharacterCard-module-scss-module__OhrxTG__card:hover div:before{height:100%}.CharacterCard-module-scss-module__OhrxTG__card:hover div .CharacterCard-module-scss-module__OhrxTG__heart{fill:#fff;stroke:#fff}}.CharacterCard-module-scss-module__OhrxTG__card a{aspect-ratio:1;width:100%;height:auto;margin:0;overflow:hidden}.CharacterCard-module-scss-module__OhrxTG__card a img{object-fit:cover;width:100%;height:100%;transition:all .4s}.CharacterCard-module-scss-module__OhrxTG__card div{background-color:var(--black);color:var(--white);flex-grow:1;justify-content:space-between;align-items:center;gap:8px;padding:16px;display:flex;position:relative}.CharacterCard-module-scss-module__OhrxTG__card div:before{content:"";background-color:var(--marvel-red);z-index:0;width:100%;height:5px;transition:all .3s;position:absolute;top:0;left:0}.CharacterCard-module-scss-module__OhrxTG__card div:after{content:"";z-index:2;border-top:13px solid transparent;border-right:13px solid #fff;width:0;height:0;position:absolute;bottom:0;right:0}.CharacterCard-module-scss-module__OhrxTG__card div p{text-transform:uppercase;z-index:2;font-size:14px}
.Heart-module-scss-module__-M1rEa__heart{z-index:2;cursor:pointer;flex-shrink:0}.Heart-module-scss-module__-M1rEa__heart path{fill:transparent;transition:fill .3s,stroke .3s,transform .3s}.Heart-module-scss-module__-M1rEa__heart.Heart-module-scss-module__-M1rEa__liked path{fill:var(--marvel-red);stroke:var(--marvel-red)}
.ComicsSection-module-scss-module__Sk76Ca__comicsSection{padding-top:48px;padding-bottom:48px;padding-inline:var(--padding-mobile);max-width:calc(var(--single-max-width) + 2*var(--padding-desktop));-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-left:auto;margin-right:auto}@media screen and (min-width:768px){.ComicsSection-module-scss-module__Sk76Ca__comicsSection{padding-inline:var(--padding-desktop);max-width:calc(var(--single-max-width) + 2*var(--padding-desktop))}}.ComicsSection-module-scss-module__Sk76Ca__comicsSection h2{margin-bottom:24px}.ComicsSection-module-scss-module__Sk76Ca__comicsSection p:nth-of-type(2){margin-top:auto}.ComicsSection-module-scss-module__Sk76Ca__comicsSection .ComicsSection-module-scss-module__Sk76Ca__comicsList{-ms-overflow-style:none;scrollbar-width:none;gap:16px;display:flex}.ComicsSection-module-scss-module__Sk76Ca__comicsSection .ComicsSection-module-scss-module__Sk76Ca__comicsList::-webkit-scrollbar{display:none}.ComicsSection-module-scss-module__Sk76Ca__comicsSection .ComicsSection-module-scss-module__Sk76Ca__scrollBarWrapper{display:none}@media screen and (min-width:768px){.ComicsSection-module-scss-module__Sk76Ca__comicsSection .ComicsSection-module-scss-module__Sk76Ca__scrollBarWrapper{background-color:var(--gray);width:100%;height:4px;margin-top:24px;display:block;overflow:hidden}}.ComicsSection-module-scss-module__Sk76Ca__comicsSection .ComicsSection-module-scss-module__Sk76Ca__scrollBar{background-color:var(--marvel-red);width:0;height:100%;transition:width .1s linear}
.CharactersList-module-scss-module__3U7ftq__loadingContainer{background-color:var(--white);width:100%;height:5px;overflow:hidden}.CharactersList-module-scss-module__3U7ftq__loading{background-color:var(--marvel-red);width:0%;height:100%}.CharactersList-module-scss-module__3U7ftq__grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (min-width:500px){.CharactersList-module-scss-module__3U7ftq__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
.Comic-module-scss-module__tC-9qG__comicCard{flex-direction:column;align-items:start;width:180px;display:flex}.Comic-module-scss-module__tC-9qG__comicCard img{aspect-ratio:2/3;object-fit:contain;width:180px;height:auto;margin-bottom:12px;display:block}.Comic-module-scss-module__tC-9qG__comicCard p:first-of-type{margin-bottom:8px;font-size:16px;font-weight:500}.Comic-module-scss-module__tC-9qG__comicCard p:last-of-type{font-size:12px}
.CharactersWithSearch-module-scss-module__O6usAG__mainPage{max-width:var(--main-max-width);padding-inline:var(--padding-mobile);padding-bottom:var(--padding-desktop);margin-left:auto;margin-right:auto}@media screen and (min-width:768px){.CharactersWithSearch-module-scss-module__O6usAG__mainPage{padding-inline:var(--padding-desktop)}}.CharactersWithSearch-module-scss-module__O6usAG__favorites{text-transform:uppercase;margin-bottom:36px;margin-top:var(--padding-desktop);font-size:32px;font-weight:700}.CharactersWithSearch-module-scss-module__O6usAG__loading{margin-left:auto;margin-right:auto;display:inline-block;position:relative}.CharactersWithSearch-module-scss-module__O6usAG__loading:after{content:"";box-sizing:border-box;border:2px solid rgba(0,0,0,.12);border-top-color:currentColor;border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite CharactersWithSearch-module-scss-module__O6usAG__loading-spin;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)rotate(0)}@keyframes CharactersWithSearch-module-scss-module__O6usAG__loading-spin{to{transform:translateY(-50%)rotate(360deg)}}
.LoadingBar-module-scss-module__RvYA_G__loadingBar{z-index:9999;background-color:red;width:0%;height:4px;transition:width 2s ease-out,opacity .3s ease-out,height .3s ease-out}.LoadingBar-module-scss-module__RvYA_G__isLoading{animation:1s ease-out LoadingBar-module-scss-module__RvYA_G__grow}@keyframes LoadingBar-module-scss-module__RvYA_G__grow{0%{width:0%}to{width:100%}}