@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&family=Roboto:wght@400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;border:0}:root{display:flex;place-items:center;min-height:100vh;justify-content:center;font-family:Roboto,sans-serif}body{display:flex;justify-content:center;align-items:center;gap:1rem;overflow-x:hidden}#root{display:grid;align-items:flex-start;justify-items:center;grid-template-rows:4rem 1fr 7.25rem;min-width:100vw;min-height:100vh;background-color:#04060a;position:relative}a{text-decoration:none;color:inherit}.card{background-color:#f0f8ff57;position:relative;animation:show .4s ease-in-out forwards;opacity:0;height:17rem;border-radius:.3rem;border:.2rem solid aliceblue;background-color:#b318598c;overflow:clip}.card:nth-of-type(0){animation-delay:0ms}.card:nth-of-type(1){animation-delay:.3s}.card:nth-of-type(2){animation-delay:.6s}.card:nth-of-type(3){animation-delay:.9s}.card:nth-of-type(4){animation-delay:1.2s}.card:nth-of-type(5){animation-delay:1.5s}.card:nth-of-type(6){animation-delay:1.8s}.card:nth-of-type(7){animation-delay:2.1s}.card:nth-of-type(8){animation-delay:2.4s}.card:nth-of-type(9){animation-delay:2.7s}.card:nth-of-type(10){animation-delay:3s}.card:nth-of-type(11){animation-delay:3.3s}.card:nth-of-type(12){animation-delay:3.6s}.card__img-container{background-color:transparent}.card__img,.card__img--notFound{width:100%;object-fit:cover;height:12rem}.card__img--notFound{object-fit:contain;padding:.5rem}.card__header{display:flex;justify-content:space-between;align-items:center;padding:.5rem}.card__platform{height:1rem;width:1rem}.card__title{padding:1rem .5rem;color:#f0f8ff}.card__link{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;background-color:transparent;cursor:pointer}.card__mutate{display:flex;justify-content:center;align-items:center;gap:1rem;gap:.5rem;position:absolute;bottom:.5rem;right:.5rem;z-index:100;background-color:#ffffffa3;padding:.1rem;border-radius:.1rem}.card__like-button,.card__hide-button,.card__like-button--active{display:flex;justify-content:center;align-items:center;gap:1rem;background-color:transparent;color:#272424c4;transition:color .3s;stroke:#fff;cursor:pointer}.card__like-button:hover,.card__hide-button:hover,.card__like-button--active{color:#ff3c78;stroke:#ff3c78}.card__hide-button--active{display:none}.card__like-svg,.card__hide-svg{width:1.5rem;fill:currentColor}.card__hide-svg{width:1.5rem}.card__accessibility-text{position:absolute;width:0;overflow:hidden;opacity:0}.header{max-width:62.5rem;width:100%;padding:0 .8rem;display:flex;justify-content:space-between;align-items:center;height:4rem}.header__logo{display:flex;justify-content:center;align-items:center;gap:1rem;cursor:pointer}.header__title{font-family:Open Sans,sans-serif;font-size:2rem;color:#f0f8ff}.header__img,.header__img--smaller{height:2rem;width:2rem;animation:show .4s ease-in-out forwards}.header__img--smaller{scale:.8}.header__button{display:flex;justify-content:center;align-items:center;gap:1rem;background-color:transparent;height:75%;cursor:pointer;padding:0;border:0;filter:invert(100%);aspect-ratio:1/1}.header__navbar{background-color:transparent;position:absolute;top:4rem;bottom:0;left:0;right:0}.header__navbar--desktop{display:none}@media all and (min-width: 720px){.header__button,.header__navbar{display:none}.header__navbar--desktop{display:flex;flex-direction:row;align-items:center;background-color:none;position:relative;padding:0;top:auto;bottom:auto;left:auto;right:auto}}.navbar{display:flex;justify-content:center;align-items:center;gap:1rem;flex-direction:column;justify-content:flex-start;align-items:end;backdrop-filter:blur(.1rem);background-color:#272424c4;max-width:62.5rem;width:100%;padding:0 .8rem;position:absolute;top:0;bottom:0;left:0;right:0;gap:.5rem;z-index:100;padding:0}.navbar__button,.navbar__button--current,.navbar__button--logout,.navbar__button--profile{display:flex;align-items:center;gap:1rem;color:#f0f8ff;justify-content:center;height:4rem;min-width:6rem;background-color:transparent;border-radius:.3rem;opacity:0;font-size:1.1rem;cursor:pointer;position:relative;font-weight:600;animation:show .4s ease-in-out forwards;margin-right:.5rem}.navbar__button:nth-of-type(0),.navbar__button--current:nth-of-type(0),.navbar__button--logout:nth-of-type(0),.navbar__button--profile:nth-of-type(0){animation-delay:0ms}.navbar__button:nth-of-type(1),.navbar__button--current:nth-of-type(1),.navbar__button--logout:nth-of-type(1),.navbar__button--profile:nth-of-type(1){animation-delay:.1s}.navbar__button:nth-of-type(2),.navbar__button--current:nth-of-type(2),.navbar__button--logout:nth-of-type(2),.navbar__button--profile:nth-of-type(2){animation-delay:.2s}.navbar__button:nth-of-type(3),.navbar__button--current:nth-of-type(3),.navbar__button--logout:nth-of-type(3),.navbar__button--profile:nth-of-type(3){animation-delay:.3s}.navbar__button:nth-of-type(4),.navbar__button--current:nth-of-type(4),.navbar__button--logout:nth-of-type(4),.navbar__button--profile:nth-of-type(4){animation-delay:.4s}.navbar__button--logout{justify-content:end}.navbar__button--current{color:#ff3c78}.navbar__button--current:after{content:"";position:absolute;background-color:#ff3c78;height:.2rem;width:0;bottom:.5rem;animation:underline .2s ease-in forwards}.navbar__button--profile{min-width:auto;max-width:6rem;display:flex;justify-content:flex-start}.navbar__logoutText{max-width:6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar__img{height:2rem;width:2rem}@media all and (min-width: 720px){.navbar{display:flex;flex-direction:row;align-items:center;background-color:transparent;position:relative;padding:0;top:auto;bottom:auto;left:auto;right:auto}.navbar__button,.navbar__button--current{font-weight:500}.navbar__button--logout{justify-content:center}}.navbar__username:first-letter{text-transform:uppercase}@keyframes show{0%{opacity:0}to{opacity:100%}}@keyframes underline{0%{width:0}to{width:100%}}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;flex-direction:column;justify-content:flex-start;padding-top:1rem;gap:0}.pagination__navigation{display:flex;justify-content:center;align-items:center;gap:1rem;padding-top:1rem;gap:0;height:4.8rem}.pagination__enter{height:2.3rem}.pagination__input{padding:.5rem;font-size:1rem;border-radius:.5rem}.pagination__button,.pagination__button--mirror{background-color:transparent;cursor:pointer}.pagination__button--mirror{transform:rotateY(180deg)}.pagination__button--disabled{opacity:0;cursor:auto}.pagination__page-container,.pagination__page-container-unique{min-width:15rem;display:flex;justify-content:space-between}.pagination__page-container-unique{justify-content:center}.pagination__page,.pagination__page--current{display:flex;justify-content:center;align-items:center;gap:1rem;background-color:transparent;cursor:pointer;user-select:none;padding:.4rem;color:#f0f8ff}.pagination__page--current{display:flex;justify-content:center;align-items:center;gap:1rem;min-height:2rem;min-width:2rem;border-radius:.2rem;background-color:#f0f8ff;color:#04060a}.pagination__ellipsis{display:flex;justify-content:center;align-items:center;gap:1rem;user-select:none;color:#f0f8ff}.pagination__img{height:1.44rem}.spinner{width:2.5rem;height:2.5rem;margin:calc(50vh - 12.55rem) auto}.spinner-cube{width:33%;height:33%;background-color:#f0f8ff;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.spinner-cube--delay-0,.spinner-cube--delay-1,.spinner-cube--delay-2,.spinner-cube--delay-3,.spinner-cube--delay-4{width:33%;height:33%;background-color:#f0f8ff;float:left;-webkit-animation:cube-delay 1.3s infinite ease-in-out;animation:cube-delay 1.3s infinite ease-in-out}.spinner-cube--delay-0{-webkit-animation-delay:0s;animation-delay:0s}.spinner-cube--delay-1{-webkit-animation-delay:.1s;animation-delay:.1s}.spinner-cube--delay-2{-webkit-animation-delay:.2s;animation-delay:.2s}.spinner-cube--delay-3{-webkit-animation-delay:.3s;animation-delay:.3s}.spinner-cube--delay-4{-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes cube-delay{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scaleZ(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes cube-delay{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scaleZ(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.reset{display:flex;justify-content:center;align-items:center;gap:1rem;justify-content:flex-start;padding-bottom:1rem}.reset__button{color:#f0f8ff;border:.1rem solid #F4F4F9;background-color:transparent;padding:.5rem;border-radius:.2rem;cursor:pointer}.filter{display:flex;justify-content:center;align-items:center;gap:1rem;margin:.5rem}.filter__form{color:#f0f8ff;border:.1rem solid #F4F4F9;background-color:transparent;padding:.5rem;border-radius:.2rem;cursor:pointer}.filter__label{color:#f0f8ff;padding-left:.5rem}.filter__input{padding:.5rem;margin:.5rem;border-radius:.3rem}.filter__clear{background-color:transparent;color:#f0f8ff;cursor:pointer;min-height:3rem;border:none;padding-right:.5rem}.related{max-width:62.5rem;width:100%;padding:0 .8rem;display:grid;grid-template-rows:4rem 1fr;padding:0}.related__title{align-self:center;color:#ff3c78}.related__title:first-letter{text-transform:uppercase}.related__dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.toast{background-color:#ff3c78;border-radius:.3rem;position:fixed;top:4rem;z-index:1000;max-width:18.75rem}.toast__title{padding:1rem;color:#f0f8ff}.toast__close{position:absolute;width:.8rem;top:0;right:0;background:transparent;filter:invert(100);margin:.2rem}.not-found{display:flex;justify-content:center;align-items:center;gap:1rem;max-width:62.5rem;width:100%;padding:0 .8rem;flex-direction:column;justify-content:flex-start;height:calc(100vh - 11.3rem)}.not-found__img{max-width:10rem;margin:.5rem}.not-found__message{color:#f0f8ff}.not-found__button{display:flex;justify-content:center;align-items:center;gap:1rem;padding:.5rem;border-radius:.3rem;background-color:#04060a;color:#f0f8ff;border:.2rem solid aliceblue;min-width:9.8rem}.comics{max-width:62.5rem;width:100%;padding:0 .8rem;display:grid;grid-template-rows:4rem 1fr}.comics__title{align-self:center;color:#ff3c78}.comics__title:first-letter{text-transform:uppercase}.comics__dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.details{max-width:62.5rem;width:100%;padding:0 .8rem}.details__info{width:100%}.details__title{padding:1rem 0;margin-top:1rem;color:#f0f8ff}.details__title:first-letter{text-transform:uppercase}.details__img{width:100%}.details__header{display:flex;justify-content:space-between;align-items:center;padding:.5rem}.details__description{color:#f0f8ff;word-spacing:.6rem;line-height:1.5;font-weight:600}.details__back{color:#f0f8ff;border:.1rem solid #F4F4F9;background-color:transparent;padding:.5rem;border-radius:.2rem;cursor:pointer}.details__article{padding:1rem;background-color:#ffffff4d;margin:.5rem 0}.details__subtitle{color:#f0f8ff;padding:1rem 0}.details__text{word-spacing:.5rem;line-height:1.5}.likes{max-width:62.5rem;width:100%;padding:0 .8rem;display:grid;grid-template-rows:4rem 1fr}.likes__title{align-self:center;color:#ff3c78}.likes__subtitle{align-self:center;color:#f0f8ff;padding:.5rem 0}.likes__dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.likes__no-likes-message{color:#f0f8ff}