@import"https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&display=swap";#menu{width:100%;max-width:2000px;height:100%;display:flex;flex-flow:row;justify-content:space-between;align-items:center;padding:1em;background-color:var(--main-color-10);color:#000;border-bottom:2px solid var(--main-color-30)}#menu .menu__logo-link{font-family:ONE PIECE;font-weight:600;font-size:3rem}#menu .menu__burger .menu__burger-icon{display:none}#menu .menu__burger .menu__burger-links{width:100%;display:flex;flex-flow:row;gap:.5em;align-items:center}#menu .menu__burger .menu__burger-links .menu__burger-link{font-family:var(--second-font);font-size:1rem;padding:.5em 1em;border-radius:20px;cursor:pointer;transition:all .3s ease}#menu .menu__burger .menu__burger-links .menu__burger-link:hover{background-color:var(--main-color-30);color:var(--main-color-10)}#nav-apartados>.menu__burger-link{display:flex}#menu .options-popup{position:absolute;top:5em;right:1em;width:120px;max-height:400px;overflow-y:scroll;background-color:var(--main-color-10);border:2px solid var(--main-color-30);padding:10px 0 10px 10px;box-sizing:border-box;border-radius:5px;scrollbar-color:var(--main-color-30) transparent;z-index:1}#menu .options-popup .options-container{display:flex;flex-direction:column;gap:5px}#menu .options-popup .options-container .options-user .menu__user-link{width:100%;display:flex;font-family:var(--second-font);font-size:1rem;align-items:center;justify-content:center;border-radius:20px;cursor:pointer;transition:all .3s ease}#menu .menu__burger .menu__burger-links .menu__user-link:hover{background-color:var(--main-color-30);color:var(--main-color-10)}@media (max-width: 768px){#menu .menu__burger .menu__burger-links{display:none}#menu .menu__burger .menu__burger-links.active{width:100%;display:flex;flex-flow:row;align-items:center;justify-content:center;gap:.5em;position:absolute;top:3em;left:0;text-align:center;background-color:var(--main-color-30);color:var(--main-color-10)}#menu .menu__burger .menu__burger-links .menu__burger-link{font-size:.8rem}#menu .menu__burger .menu__burger-icon{display:flex}#menu .menu__burger .menu__burger-links.active .menu__burger-link:hover{background-color:var(--main-color-10);color:#000}#menu .menu__logo{font-size:1.6rem}#menu .options-popup{top:2.5em;right:10em}#menu .options-popup .options-container .options-user .menu__user-link{color:#000}#menu .menu__burger .menu__burger-links .menu__user-link:hover{background-color:var(--main-color-30);color:var(--main-color-10)}}footer{width:100vw;padding:2em 0 0;display:flex;flex-flow:column;justify-content:center;align-items:center;gap:.5em;background-color:var(--main-color-30);color:var(--main-color-10);position:absolute;bottom:0}footer .social,footer .copyright{width:100%;max-width:2000px;height:100%;display:flex;flex-flow:row;justify-content:center;align-items:center;gap:2em}footer #copyright{background-color:#000;width:100vw;padding:.5em;text-align:center}.card .manga-data{display:flex;gap:.5em;flex-flow:column}.card:hover img{width:100px;height:120px;object-fit:cover;border-radius:20px}.card .manga-attributes{width:100%;display:none}.card:hover .manga-attributes{display:flex;flex-flow:column;gap:.5em;font-size:14px}.card .manga-attributes .description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden}.card .readButton{position:absolute;top:5em;right:1em;display:flex;justify-content:center;align-items:center;background-color:var(--main-color-30);color:var(--main-color-10);padding:1em;border:2px solid transparent;border-radius:100%;transition:all .3s ease}.card button:hover{border:2px solid var(--main-color-30);background-color:var(--main-color-10);color:var(--main-color-30)}@media (max-width: 768px){.card{margin:0 10%;gap:.2em}.card h3{font-size:.3rem}.card:hover .manga-attributes .description{display:none}}@font-face{font-family:revicons;fallback:fallback;src:url(/assets/revicons-DbTteTvA.woff) format("woff"),url(/assets/revicons-CBqxZnew.ttf) format("ttf"),url(/assets/revicons-BNIKeAUC.eot) format("ttf")}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:#00000080;min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:#000c}.react-multiple-carousel__arrow:before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:#00000080}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:""}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:""}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:gray;padding:0;margin:0 6px 0 0;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right:before{content:""}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:""}.topmanga{width:100%;display:flex;flex-flow:column;padding:.5em 10%}.topmanga .topmanga-banner{width:100%;display:flex;flex-flow:row;gap:1em}.card{max-width:400px;height:600px;overflow:hidden;display:flex;flex-flow:column;align-items:center;padding:1em;gap:1em;background-color:var(--main-color-10);border:2px solid var(--main-color-30);border-radius:20px;position:relative}.card .anime-data{display:flex;gap:.5em;flex-flow:column}.card img{width:200px;height:300px;object-fit:cover;border-radius:20px;transition:all .5s ease}.card .title-list{text-align:center}.card:hover img{width:100px;height:135px;object-fit:cover;border-radius:20px}.card h4{width:100%;text-align:center;color:var(--main-color-30)}.card:hover h4{display:none}.card:hover .title-list{display:flex;flex-flow:column;gap:.3em;font-size:14px}.card .anime-attributes{width:100%;display:none}.card:hover .anime-attributes{display:flex;flex-flow:column;gap:.5em;font-size:14px}.card .anime-attributes .description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden}.card .genres,.card:hover .genres{display:flex;flex-flow:row wrap;align-items:center;gap:1em;width:100%}.card .favButton{position:absolute;top:1em;right:1em;display:flex;justify-content:center;align-items:center;background-color:var(--main-color-30);color:var(--main-color-10);padding:1em;border:2px solid transparent;border-radius:100%;transition:all .3s ease}.card .viewedButton{position:absolute;top:5em;right:1em;display:flex;justify-content:center;align-items:center;background-color:var(--main-color-30);color:var(--main-color-10);padding:1em;border:2px solid transparent;border-radius:100%;transition:all .3s ease}.card .infoButton{position:absolute;top:7.5em;right:.9em;display:flex;justify-content:center;align-items:center;background-color:var(--main-color-30);color:var(--main-color-10);padding:.8em;border:2px solid transparent;border-radius:100%;transition:all .3s ease}.card button:hover,.card .infoButton:hover{border:2px solid var(--main-color-30);background-color:var(--main-color-10);color:var(--main-color-30)}@media (max-width: 768px){.card{margin:0 10%;gap:.2em}.card h3{font-size:.3rem}.card:hover .anime-attributes .description{display:none}}.topanime{width:100%;display:flex;flex-flow:column;padding:1em 10%}.topanime .topanime-banner{width:100%;display:flex;flex-flow:row;gap:1em}.upcoming-season{width:100%;display:flex;flex-flow:column;padding:1em 10%}.upcoming-season .upcoming-season-banner{width:100%;display:flex;flex-flow:row;gap:1em}.react-multi-carousel-list li{font-family:var(--second-font);font-size:1rem}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1;border:0;background:#fd484880;min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:#fd4848}.react-multiple-carousel__arrow:disabled{cursor:default;background:#fd484880}.react-multi-carousel-track{margin-bottom:2em}@media (max-width: 768px){h1{font-size:2rem}header{height:3em}main{margin-top:0}}.selector .options-popup{position:absolute;transform:translateY(10px);width:200px;max-height:400px;overflow-y:scroll;background-color:var(--main-color-10);padding:10px 0 10px 10px;box-sizing:border-box;border-radius:5px;scrollbar-color:var(--main-color-30) transparent}.selector{background-color:var(--main-color-10);padding:5px;box-sizing:content-box;border:2px solid var(--main-color-30);border-radius:20px;width:250px;height:40px;box-sizing:border-box}.selector .selector-container{display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;height:100%;width:100%;overflow:hidden;font-family:var(--second-font);font-size:1rem}.selector .selector-container .placeholder{color:#000;font-family:var(--second-font);font-size:1rem}.selector .selector-container .option-selected-container{display:flex;flex:1;cursor:pointer;gap:5px;align-items:center;height:100%}.selector .option-selected-container .option-item{background-color:var(--main-color-10);border-radius:5px;padding:5px}.selector .options-popup{position:absolute;transform:translateY(10px);width:200px;max-height:400px;overflow-y:scroll;background-color:var(--main-color-10);padding:10px 0 10px 10px;box-sizing:border-box;border-radius:5px;scrollbar-color:var(--main-color-30) transparent;z-index:1}.selector .options-popup .option-container{display:flex;flex-direction:column;gap:5px}.selector .options-popup .option-container .option-item{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:5px;border-radius:5px;color:#000;font-family:var(--second-font);font-size:1rem}.selector .options-popup .option-container .option-item.active{background-color:var(--main-color-10);color:var(--main-color-30)}.search-input{width:50%;padding:.5em 1em;border:2px solid var(--main-color-30);border-radius:20px;font-family:var(--second-font);font-size:1rem}.search{width:100%;display:flex;flex-flow:column;justify-content:center;padding:.5em 10%;gap:.2em}.search-bar{width:100%;display:flex;justify-content:center;padding:2em 10%;gap:.2em}.search-bar .search-button{padding:1em;border:2px solid transparent;border-radius:100%;display:flex;justify-content:center;align-items:center;font-family:var(--second-font);font-size:1rem;background-color:var(--main-color-30);color:var(--main-color-10);transition:all .3s ease}.search-bar .search-button:hover{border:2px solid var(--main-color-30);background-color:var(--main-color-10);color:var(--main-color-30)}.filters{width:100%;display:flex;flex-flow:row;justify-content:center;padding:.5em 10%;gap:.2em}.anime-browse-section{display:flex;flex-flow:column;gap:1em;align-items:center;width:100vw}.anime-list{width:100%;max-width:2000px;padding:2em 10%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1em;font-family:var(--second-font)}.pagination button{background-color:var(--main-color-60);border-radius:2px;font-family:var(--second-font)}.manga-browse-section{display:flex;flex-flow:column;gap:1em;align-items:center;width:100vw}.manga-list{width:100%;max-width:2000px;padding:2em 10%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1em;font-family:var(--second-font)}.pagination{padding:2em 10%}.pagination button{background-color:var(--main-color-60);border-radius:20px;font-family:var(--second-font)}.pagination .css-16mmgyz-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected{background-color:var(--main-color-30);color:var(--main-color-10)}header{width:100vw;height:5em;position:fixed;top:0;left:0;border-bottom:2px solid var(--main-color-30);z-index:2;transition:all .3s ease}main{margin-top:5em;display:flex;flex-flow:column;gap:1em;width:100vw;background-color:var(--main-color-60)}.login{width:100vw;display:flex;flex-flow:column;align-items:center;justify-content:center;font-family:var(--second-font);margin-top:3em;margin-bottom:3em}.login .login__form{border-radius:20px;color:#000;display:flex;flex-flow:column;gap:1em;padding:2em 10%;width:100%;min-width:200px;max-width:700px}.login p{text-align:center;padding:.5em 1em;font-family:var(--second-font);font-size:1em;color:red}.login .error{text-align:center;padding:.5em 1em;font-family:var(--second-font);font-size:2em;color:red}.login h1{margin:0%;text-align:center;padding:.5em 1em}.login label{margin:0%;text-align:center;font-family:var(--second-font);font-size:1em;color:#000}.login .login__form input{width:100%;background-color:var(--main-color-10);border:2px solid var(--main-color-30);border-radius:20px;font-family:var(--second-font);font-size:1em;color:#000;padding:1em}.login .login__form button{width:100%;padding:.5em 1em;background-color:var(--main-color-30);color:var(--main-color-10);border:2px solid transparent;border:none;border-radius:20px;font-family:var(--main-font);font-size:1.2em;transition:all .3s ease}.login .login__register{width:100%;display:flex;flex-flow:column;align-items:center;justify-content:center}.login a{width:100%;min-width:95px;max-width:95px;display:flex;padding:.5em 1em;gap:1em;background-color:var(--main-color-30);color:var(--main-color-10);border:2px solid transparent;border:none;border-radius:20px;font-family:var(--main-font);font-size:1.2em;transition:all .3s ease}.login .login__form button:hover,.login a:hover{background-color:var(--main-color-10);color:var(--main-color-30);border:2px solid var(--main-color-30)}.register{width:100vw;display:flex;flex-flow:column;align-items:center;justify-content:center;font-family:var(--second-font);margin-top:3em;margin-bottom:3em}.register .register__form{border-radius:20px;color:#000;display:flex;flex-flow:column;gap:1em;padding:2em 10%;width:100%;min-width:200px;max-width:700px}.register p{text-align:center;padding:.5em 1em;font-family:var(--second-font);font-size:1em;color:red}.register .error{text-align:center;padding:.5em 1em;font-family:var(--second-font);font-size:2em;color:red}.register h1{margin:0%;text-align:center;padding:.5em 1em}.register label{margin:0%;text-align:center;font-family:var(--second-font);font-size:1em;color:#000}.register .register__form input{width:100%;background-color:var(--main-color-10);border:2px solid var(--main-color-30);border-radius:20px;font-family:var(--second-font);font-size:1em;color:#000;padding:1em}.register .register__form button{width:100%;padding:.5em 1em;background-color:var(--main-color-30);color:var(--main-color-10);border:2px solid transparent;border:none;border-radius:20px;font-family:var(--main-font);font-size:1.2em;transition:all .3s ease}.register .login__register{width:100%;display:flex;flex-flow:column;align-items:center;justify-content:center}.register a{width:100%;min-width:75px;max-width:75px;display:flex;text-align:center;padding:.3em 1em;gap:1em;background-color:var(--main-color-30);color:var(--main-color-10);border:none;border-radius:20px;font-family:var(--main-font);font-size:1.2em;transition:all .3s ease}.register .register__form button:hover,.register a:hover{background-color:var(--main-color-10);color:var(--main-color-30);border:2px solid var(--main-color-30)}.media-details{width:100%;max-width:1800px;display:flex;flex-flow:column;justify-content:center;align-items:center;padding:1em 10%;gap:2em}.media-data{width:100%;max-width:800px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:1em}.media-data .media-data-img{width:100%;display:flex;flex-flow:column;align-items:center;gap:1em}.media-data .media-data-img img{width:100%;max-width:300px;height:400px;object-fit:cover;border-radius:20px}.media-data .media-data-img .buttons{display:flex;gap:1em}.media-data .media-data-img button{width:100px;max-height:50px;background-color:var(--main-color-30);color:var(--main-color-10);padding:1em;border:2px solid transparent;border-radius:20px;transition:all .3s ease}.media-data .media-data-img button:hover{border:2px solid var(--main-color-30);background-color:var(--main-color-10);color:var(--main-color-30)}.media-data .media-data-info{width:100%;display:flex;flex-flow:column;align-items:center;font-size:3rem;gap:.5em}.media-data .media-data-info .title-list{display:flex;flex-flow:column;font-family:var(--second-font);font-size:1rem}.media-data .media-data-info .attributes{font-family:var(--second-font);font-size:1rem;gap:.5em}.media-description{display:flex;flex-flow:column;gap:.5em}.media-description p{font-family:var(--second-font);font-size:1rem}.media-characters{width:100%;display:flex;flex-flow:column;gap:.5em}.media-characters .characters{width:100%;padding:2em;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1em;font-family:var(--second-font);font-size:1rem}.media-characters .characters .character{width:100%;display:flex;flex-flow:column;align-items:center}.media-characters .characters .character img{width:70px;height:100px;border-radius:100%}.media-characters .no-characters-section{display:flex;flex-direction:column;align-items:center}.media-characters .no-characters-section .no-characters-img{width:100%;max-width:300px;height:100%}.media-characters .no-characters-section h4{font-family:var(--second-font);font-size:3vw}@media (max-width: 768px){.media-data .media-data-info{align-items:center;gap:.5em}.media-characters .characters{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}@font-face{font-family:ONE PIECE;src:url("../assets/one piece font.ttf")}*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{min-height:100%;position:relative}body{background-color:var(--main-color-60);font-family:Liter,serif;font-weight:400;font-style:normal}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}img{width:100%;height:100%;object-fit:cover;display:inline-block}body{display:flex;flex-flow:column;justify-content:center;align-items:center;margin-bottom:90px}:root{--main-font: "Oswald", sans-serif;--second-font: "Funnel Sans", sans-serif;--main-font-weight: 400;--main-font-size: 16px;--main-color-60: #fff6f3;--main-color-30: #fd4848;--main-color-10: rgb(255, 255, 255);--main-border: 1px solid transparent}h1{font-family:var(--main-font);font-size:3rem}h3{font-family:var(--main-font);font-size:2rem}@media (max-width: 768px){h1{font-size:2rem}header{height:3em}main{margin-top:3em}}
