@import"https://fonts.googleapis.com/css2?family=Open+Sans&family=Ubuntu:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;500;600&display=swap";.navigation-bar{position:fixed!important;height:65px;width:100%;z-index:11;top:0;max-width:1920px;margin:auto;gap:40px}.navigation-bar.dark{background-color:#6f42c1;box-shadow:1px 4px 10px #000}.burger-icon{color:#fff;margin-inline:20px;cursor:pointer}.burger-icon:hover{color:var(--theme)}.logo{height:40px;margin-inline:10px}.search-wrapper input{border:none;border-radius:50px;background-color:var(--grey-dark);color:#000}.search-wrapper input:focus,.floating-search-wrapper input:focus{border:none;outline:none}.search-wrapper{position:relative;height:40px;width:20%;max-width:250px}.search-icon{right:20px}.filter-icon{right:40px}.search-text{height:100%;width:100%;padding-inline:20px}.search-icons{position:absolute;height:100%;cursor:pointer}.social-links-wrapper{color:#fff;display:flex;gap:10px;align-items:center;justify-content:center}.social-links-wrapper>span{padding:5px;border-radius:50%}.social-links-wrapper span a{text-decoration:none;color:#fff;line-height:2px}.nav-actions{display:flex;align-items:center;justify-content:center;gap:20px}.nav-actions>*{text-align:center;cursor:pointer}.nav-actions svg{color:var(--theme)}.nav-actions *:hover{color:var(--theme)}.nav-actions a{color:#fff;text-decoration:none}.nav-actions p{margin:0;font-size:11px}.user-profile-nots{gap:10px;color:#fff;cursor:pointer;position:absolute;right:10px}.user-profile-nots>*{cursor:pointer}.user-profile-nots>*:hover{color:var(--theme)}.profile-icon{height:36.5px;border-radius:50%}.floating-search-wrapper input{color:#000;border:none;background-color:var(--theme);padding:10px 20px;border-radius:30px}@media screen and (min-width: 1300px){.floating-search-wrapper{display:none}}@media screen and (max-width: 1300px){.search-wrapper{display:none}.floating-search-wrapper{position:fixed;left:calc(50% - 300px);z-index:900;width:100%;max-width:600px;top:60px}}@media screen and (max-width: 1000px){.navigation-bar .social-links-wrapper{display:none}}@media screen and (max-width: 790px){.nav-actions{display:none}.floating-search-wrapper{max-width:100%;left:0}}@media screen and (max-width: 700px){.navigation-bar{height:50px;background:var(--dark)!important}.logo{height:30px}.floating-search-wrapper{top:50px}}.navigation-sidebar{position:fixed;transition:all .2s ease-in-out;min-height:100vh;width:100%;top:0;left:0;bottom:0;background:rgba(36,36,40,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1;transition:all .1s ease-in-out}.close-menu{cursor:pointer}.navigation-list{position:fixed;top:0;left:-250px;width:250px;height:100vh;z-index:100;overflow-y:auto;flex-direction:column;row-gap:20px;background:rgba(255,255,255,.1);transition:all .2s ease-in-out}.navigation-list::-webkit-scrollbar{display:none}.button-group{padding-top:20px}.button-group>*{padding:10px 15px;border-radius:20px;background:var(--dark);text-align:center;text-decoration:none;margin-bottom:10px;font-size:12px;margin-inline:20px}.button-group label{padding-block:10px;cursor:pointer}.button-group a{background:black!important;font-size:14px;font-weight:600;color:var(--theme);gap:3px}.navigation-link-list ul{list-style:none;padding:0!important}.navigation-link-list ul li{width:100%}.navigation-link-list ul li a{display:block;text-decoration:none;color:#fff;padding-block:15px;padding-left:20px;border-bottom:1px solid rgba(128,128,128,.338);transition:all .1s ease}.navigation-link-list ul li a:hover{color:var(--theme);background-color:var(--dark)}.footer-container{padding:20px}.footer-container>*{padding:10px}.main-element{border-right:1px solid var(--grey-dark);margin-right:10px;padding-right:10px}.logo-social-links .social-links{border-bottom:1px solid var(--grey-dark);padding-block:10px}.help-text{align-items:flex-end}.alphabet-tile{text-align:center;min-width:25px;font-weight:bolder;padding:2px 7px;border-radius:5px;background-color:var(--grey-dark);text-decoration:none;color:#fff}.alphabet-list{gap:10px;flex-wrap:wrap}.copyright-text{color:gray}.f-ubuntu{font-family:Ubuntu,sans-serif}html{scroll-behavior:auto}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--dark)!important;min-height:100vh}#root{min-width:100%}.f-poppins{font-family:Poppins,sans-serif!important}:root{--grey-dark: #343a40;--dark: #242428;--height-small: 400px;--height-medium: 500px;--height-large: 610px;--light: #ffffff;--theme: rgb(83, 255, 134);--random-colors: #ff5733, #33ff57, #5733ff, #ff33a8, #33a8ff, #a833ff, #ff33ff, #33ffc2, #a8ff33, #ffc233}.d-flex{display:flex}.d-flex-fd-column{display:flex;flex-direction:column}.a-center{align-items:center}.j-center{justify-content:center}.trans-c-03>*{transition:all .1s ease-in-out}.trans-03{transition:all .3s ease-in-out}.app-container{max-width:1980px;padding:0!important;margin:0 auto;color:var(--light);position:relative;overflow-x:hidden}.section-header{font-family:Poppins,sans-serif;color:var(--theme)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--grey)}::-webkit-scrollbar-thumb{background:var(--grey-dark)}::-webkit-scrollbar-thumb:hover{background:var(--theme)}.loading-container{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;height:200px;width:200px;margin-inline:auto}.spinner{animation:rotate .8s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.details-container{margin-top:65px;position:relative;justify-content:space-between}.details-container-background{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;object-fit:cover}.details-header:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(93,93,93,.701);z-index:-1}.details-header{justify-content:space-between;display:flex;align-items:center;flex-wrap:wrap}.details-header-primary{max-width:calc(70% - 40px);padding:40px}.details-header .anime-details{gap:20px}.anime-details-poster{height:250px}.anime-statistics-tiles-wrapper{gap:2px}.anime-statistics-tile{font-size:12px;line-height:12px;color:#000;padding:4px;font-weight:500}.anime-details-content{gap:30px}.anime-details-content p{font-size:14px;color:#e0e0e0}.anime-statistics-tile:nth-of-type(5n-4){background-color:#6bd5f2d0;border-radius:3px 0 0 3px}.anime-statistics-tile:nth-of-type(5n-3){background-color:#fff}.anime-statistics-tile:nth-of-type(5n-2){background-color:#ffdd95}.anime-statistics-tile:nth-of-type(5n-1){background-color:#b0e3af}.anime-statistics-tile:nth-of-type(5n){background-color:#e3b5cd;border-radius:0 3px 3px 0}.details-header-secondary{padding:20px;flex-grow:1;max-width:calc(25% - 40px);background:rgba(0,0,0,.3);z-index:1;display:flex;flex-direction:column}.details-header-statistics{border-bottom:1px solid grey;margin-bottom:20px}.details-header-secondary p{font-size:14px;margin-bottom:10px}.details-header a{text-decoration:none;color:#fff}.details-header a:hover{color:var(--theme)}.genre-button{display:inline-block;text-decoration:none;color:#fff;padding:3px 7px;margin:3px;border:1px solid;border-radius:15px;font-size:13px}.details-header-genre{border-bottom:1px solid grey}@media screen and (max-width: 1200px){.details-header-primary,.details-header-secondary{min-width:100%}.details-header-genre{border-bottom:none}.details-header-statistics{border-bottom:none;margin-bottom:0}}@media screen and (max-width: 700px){.details-container{margin-top:50px}}@media screen and (max-width: 700px){.anime-details{flex-direction:column}.anime-details-content .title-large{text-align:center}.anime-details-poster{height:250px;margin:auto}}@media screen and (max-width: 450px){.details-header-primary{padding:10px}}