@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap);.container-searcher{margin:50px 0 70px}.container-searcher label{display:flex;position:relative}.container-searcher label input[type=search]{background-color:none;border:none;border-bottom:2px solid #000;color:#000;font-family:Roboto Condensed,sans-serif;font-size:16px;padding:10px 10px 10px 30px;text-transform:uppercase;width:100%}.container-searcher label input[type=search]:focus{outline:none}.container-searcher label img{height:20px;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.container-searcher p{text-transform:uppercase}@media screen and (max-width:768px){.container-searcher{margin:20px 7px}}.container-btn-fav{align-items:center;display:flex;justify-content:center}.container-btn-fav .btn-heart-fav{background-color:#0000;border:none}.container-btn-fav .small{width:16px}.container-btn-fav .medium{height:16.5px;width:18px}.container-btn-fav .large{height:25px;width:26px}.container-btn-fav #counter{color:#fff;font-family:Roboto Condensed,sans-serif;font-size:16px}.marvel-card-link{text-decoration:none}.marvel-card-link .marvel-card{height:190px;width:188.57px}.marvel-card-link .marvel-card .marvel-card-container{overflow:hidden;position:relative}.marvel-card-link .marvel-card .marvel-card-container .marvel-card-container-img{display:block;height:187px;width:100%}.marvel-card-link .marvel-card .marvel-card-container .marvel-card-container-footer{background-color:#000;border-top:5.5px solid #ec1d24;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,0 100%);padding:20px;position:relative}.marvel-card-link .marvel-card .marvel-card-container .marvel-card-container-footer .marvel-card-container-footer-info{align-items:center;display:flex;justify-content:space-between;text-transform:uppercase}.marvel-card-link .marvel-card .marvel-card-container .marvel-card-container-footer .marvel-card-container-footer-info h3{background:#0000;color:#fff;font-size:14px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marvel-card-link .marvel-card .marvel-card-container .marvel-card-container-footer:before{background-color:#ec1d24;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,0 100%);content:"";height:0;left:0;position:absolute;top:0;transition:height .3s;width:100%;z-index:-1}.marvel-card-link .marvel-card .marvel-card-container:hover .marvel-card-container-footer:before{height:100%}@media screen and (max-width:768px){.marvel-card{width:160px!important}.marvel-card .marvel-card-container .marvel-card-container-footer{padding:12px}}.home-page .home-page-container{margin-bottom:150px;margin-left:3%;margin-right:3%}.home-page .home-page-container .home-page-container-cards{column-gap:6px;display:flex;flex-wrap:wrap;margin:20px 0;row-gap:105px}@media screen and (max-width:768px){.home-page .home-page-container{margin-left:5%;margin-right:5%}.home-page .home-page-container .home-page-container-cards{column-gap:0;row-gap:110px}}.loader,.loader:before{height:60px;width:60px}.loader:before{animation:spinner8217 .8s linear infinite;border-radius:50%;border-right:2px solid #0000;border-top:2px solid #ec1d24;box-sizing:border-box;content:"";position:absolute}@keyframes spinner8217{to{transform:rotate(1turn)}}.carousel{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:5px;overflow-x:scroll;position:relative;width:100%}.carousel::-webkit-scrollbar{height:4px}.carousel::-webkit-scrollbar-track{background:#d9d9d9}.carousel::-webkit-scrollbar-thumb{background:red}.carousel::-webkit-scrollbar-button{display:none}.carousel__item{display:flex;flex:0 0 auto;flex-direction:column;transition:transform .5s ease-in-out;width:20%}.carousel__item--active{z-index:1}.carousel__item__image{height:auto;margin-right:20px;width:179.2px}.carousel__item__content{display:flex;flex:1 1;flex-direction:column;justify-content:center}.carousel__item__content h3{font-size:16px;margin-top:10px}.carousel__item__content p{color:#000;font-size:12px;margin-top:2px}@media screen and (max-width:768px){.carousel::-webkit-scrollbar{display:none}.carousel__item{width:65%}}.container-card-detail .card-detail-header{background-color:#000;-webkit-clip-path:polygon(0 0,100% 0,100% 92%,98% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 92%,98% 100%,0 100%);width:100%}.container-card-detail .card-detail-header .card-detail-header__img-info{align-items:center;display:flex;gap:50px;justify-content:center;padding-left:18%;padding-right:18%}.container-card-detail .card-detail-header .card-detail-header__img-info .card-detail-header__img-info-character-img{width:40%}.container-card-detail .card-detail-header .card-detail-header__img-info .card-detail-header__img-info-info-character .card-detail-header__img-info-info-character-name-fav{color:#fff;display:flex;font-size:40px;justify-content:space-between;margin-bottom:-40px;text-transform:uppercase}.container-card-detail .card-detail-header .card-detail-header__img-info .card-detail-header__img-info-info-character-info{color:#fff;font-size:16px;font-weight:400}.container-card-detail .container-comics{margin-bottom:100px;padding-left:18%;padding-right:18%}.container-card-detail .container-comics h4{font-size:32px}@media screen and (max-width:768px){.card-detail-header{-webkit-clip-path:polygon(0 0,100% 0,100% 95%,93% 100%,0 100%)!important;clip-path:polygon(0 0,100% 0,100% 95%,93% 100%,0 100%)!important}.card-detail-header .card-detail-header__img-info{flex-direction:column;gap:0!important;padding:0!important}.card-detail-header .card-detail-header__img-info .card-detail-header__img-info-character-img{width:100%!important}.card-detail-header .card-detail-header__img-info .card-detail-header__img-info-info-character{padding:5%}.card-detail-header .card-detail-header__img-info .card-detail-header__img-info-info-character .card-detail-header__img-info-info-character-name-fav{font-size:32px!important;margin-bottom:-20px!important;margin-top:-25px}.container-comics{margin-bottom:100px;padding-left:8%!important;padding-right:0!important}.container-comics h4{font-size:32px}}body{margin:0;padding:0}h1,h2,h3,h4,p{font-family:Roboto Condensed,sans-serif}h1:not(h3):not(p),h2:not(h3):not(p),h3:not(h3):not(p),h4:not(h3):not(p),p:not(h3):not(p){font-weight:700}h1:not(h1):not(h2):not(h4),h2:not(h1):not(h2):not(h4),h3:not(h1):not(h2):not(h4),h4:not(h1):not(h2):not(h4),p:not(h1):not(h2):not(h4){font-weight:400}h1 h4,h2 h4,h3 h4,h4 h4,p h4{font-weight:500}.nav-bar{background-color:#000;padding:16px 48px;position:relative}.nav-bar .nav-bar-container{align-items:center;display:flex;justify-content:space-between}.loading-line{animation:loadingAnimation 2s linear forwards;background-color:red;bottom:0;height:5px;left:0;position:absolute;width:0}@keyframes loadingAnimation{0%{width:0}to{width:100%}}@media screen and (max-width:768px){.nav-bar{padding:16px}}
/*# sourceMappingURL=main.ea8f57a0.css.map*/