*{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;box-sizing:border-box;color:#fff}.container{min-height:100vh;max-width:100%;display:grid;grid-template-areas:"header" "content";grid-template-rows:56px 1fr;place-items:center}.header{grid-area:header;height:5vh;width:100%;display:flex;align-items:center;padding:0 2rem;overflow:hidden}.header img{height:45px}.header h1{font-size:1rem;letter-spacing:2px}.header h1,.header img{animation:slidein .7s ease-in}@keyframes slidein{0%{transform:translate(-100%)}to{transform:translate(0)}}.content{grid-area:content;max-width:1400px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.anime-list{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.card-anime{height:500px;display:flex;flex-direction:column;gap:5px;align-items:center;background:#1e1e1e;border-radius:30px;cursor:pointer;transition:.5s linear;animation:spawning .6s ease-in}@keyframes spawning{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.card-anime:hover{transform:scale(1.1)}.card-footer{height:100%;width:100%;display:flex;justify-content:space-between;align-items:flex-end;font-size:1.2rem;padding:.5rem;background:#1e1e1e}.card-anime img{height:350px;width:100%}.card-anime h4{width:100%;text-align:center;background:#1e1e1e}.pagination{max-width:1400px;width:100%;display:flex;align-items:center;justify-content:space-between}.pagination button{height:50px;width:50px;cursor:pointer;border:none}.pagination button svg{font-size:2rem}.pagination input{width:150px;border:none;border-bottom:1px solid white;color:#fff;padding:0 1rem}.pagination input:focus{outline:none}.pagination input::placeholder{text-align:center}.filters{width:100%;display:flex;align-items:center;justify-content:space-between}.dropdowns{display:flex;align-items:center;gap:10px}.dropdowns select{appearance:none;border:1px solid rgb(104,104,104);outline:none;border-radius:10px;padding:0 .3rem}.dropdowns select:hover,.dropdowns select:focus{outline:none;box-shadow:none}.categ,.status,.type,.rating,.order_by,.sort{display:flex;align-items:center;gap:5px}.search{width:120px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgb(104,104,104);gap:5px;border-radius:20px;overflow:hidden;background:#1e1e1e;transition:width .3s ease}.search:focus-within{width:250px}.search form{width:100%;height:100%;background:#1e1e1e}.search svg{margin-right:.5rem;font-size:.8rem;background:#1e1e1e}.search input{height:100%;width:100%;border:none;border-radius:20px;padding:.3rem 1rem;background:#1e1e1e}.search input:focus{outline:none}.loader{border:16px solid #f3f3f3;border-top:16px solid #555555;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading img{width:250px;height:225px;border-radius:50%}.anime-modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#0000001a}.modal{margin:10% auto;padding:0 20px;width:60%;display:flex;flex-direction:column;animation:spawning2 .5s linear}@keyframes spawning2{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.modal-content{display:flex;align-items:stretch;width:100%;height:100%;gap:20px;margin-bottom:30px}.img-box{position:relative;text-align:center;height:500px;width:350px}.img-box img{height:100%;width:100%}.img-box .rating{position:absolute;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#0006,#0000);width:100%;font-size:1.5rem;padding:0 1rem}.anime-desc{flex:1;width:calc(100% - 350px);display:flex;flex-direction:column;align-items:flex-start;gap:20px}.air{font-size:1.2rem;border:1px solid;padding:0 .5rem;border-radius:10px}.season{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:#adadad}.season .circle{font-size:1.5rem}.studio-type{display:flex;align-items:center;gap:20px}.studio-type h3{color:#d4d4d4}.typestudio{padding:0 1rem;background:#252525;border-radius:20px}.synopsis{text-align:justify}.rank{display:flex;flex-direction:column;width:32%}.rank-score{display:flex;align-items:center;justify-content:space-between}.rank-score h2{display:flex;align-items:center;font-size:1.4rem}.rank-score h2:nth-child(1) svg{color:#ff0}.rank-score h2:nth-child(2) svg{color:#b6b6b6}.rank-users{display:flex;justify-content:space-between;align-items:center}.rank-users h4{font-style:italic;font-size:.7rem;color:#adadad}.tags{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.multiple-tags{padding:.5rem 1rem;background:#252525;border-radius:20px;text-align:center}.close{align-self:flex-end;font-size:2rem;cursor:pointer}@media (max-width: 768px){.content{width:700px}.anime-list{width:700px;grid-template-columns:repeat(3,1fr)}.pagination{width:100%}.type,.rating,.status,.img-box{display:none}}@media (max-width: 480px){.content{width:100%}.anime-list{width:100%;grid-template-columns:repeat(2,1fr)}.pagination{width:100%}.filters{justify-content:flex-end}.dropdowns,.img-box,.synopsis{display:none}.air{font-size:.7rem}.season{font-size:.65rem}.title h1{font-size:1rem}.studio-type{font-size:.8rem}.rank-score h2{font-size:.9rem}.rank-users h4{display:none}.tags{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:0 .5rem}.multiple-tags{font-size:.7rem}.close{font-size:1rem}.anime-modal{overflow-y:auto}.header{padding:0}}