@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{z-index:11;gap:40px;width:100%;max-width:1920px;height:65px;margin:auto;top:0;position:fixed!important}.navigation-bar.dark{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);box-shadow:0 10px 30px #00000080;background-color:#07080abf!important}.burger-icon{color:#fff;cursor:pointer;margin-inline:20px}.burger-icon:hover{color:var(--theme)}.logo{height:40px;margin-inline:10px}.search-wrapper input{background-color:var(--grey-dark);color:#000;border:none;border-radius:50px}.search-wrapper input:focus,.floating-search-wrapper input:focus{border:none;outline:none}.search-wrapper{width:20%;max-width:250px;height:40px;position:relative}.search-icon{right:20px}.filter-icon{right:40px}.search-text{width:100%;height:100%;padding-inline:20px}.search-icons{cursor:pointer;height:100%;position:absolute}.social-links-wrapper{color:#fff;justify-content:center;align-items:center;gap:10px;display:flex}.social-links-wrapper>span{border-radius:50%;padding:5px}.social-links-wrapper span a{color:#fff;line-height:2px;text-decoration:none}.nav-actions{justify-content:center;align-items:center;gap:20px;display:flex}.nav-actions>*{text-align:center;cursor:pointer}.nav-actions svg,.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{color:#fff;cursor:pointer;gap:10px;position:absolute;right:10px}.user-profile-nots>*{cursor:pointer}.user-profile-nots>:hover{color:var(--theme)}.profile-icon{border-radius:50%;height:36.5px}.floating-search-wrapper input{color:#000;background-color:var(--theme);border:none;border-radius:30px;padding:10px 20px}@media screen and (width>=1300px){.floating-search-wrapper{display:none}}@media screen and (width<=1300px){.search-wrapper{display:none}.floating-search-wrapper{z-index:900;width:100%;max-width:600px;position:fixed;top:60px;left:calc(50% - 300px)}}@media screen and (width<=1000px){.navigation-bar .social-links-wrapper{display:none}}@media screen and (width<=790px){.nav-actions{display:none}.floating-search-wrapper{max-width:100%;left:0}}@media screen and (width<=700px){.navigation-bar{height:50px;background:var(--dark)!important}.logo{height:30px}.floating-search-wrapper{top:50px}}.navigation-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1;background:#242428cc;width:100%;min-height:100vh;transition:all .1s ease-in-out;position:fixed;top:0;bottom:0;left:0}.close-menu{cursor:pointer}.navigation-list{z-index:100;background:#ffffff1a;flex-direction:column;row-gap:20px;width:250px;height:100vh;transition:all .2s ease-in-out;position:fixed;top:0;left:-250px;overflow-y:auto}.navigation-list::-webkit-scrollbar{display:none}.button-group{padding-top:20px}.button-group>*{background:var(--dark);text-align:center;margin-bottom:10px;border-radius:20px;margin-inline:20px;padding:10px 15px;font-size:12px;text-decoration:none}.button-group label{cursor:pointer;padding-block:10px}.button-group a{color:var(--theme);gap:3px;font-size:14px;font-weight:600;background:#000!important}.navigation-link-list ul{list-style:none;padding:0!important}.navigation-link-list ul li{width:100%}.navigation-link-list ul li a{color:#fff;padding-block:15px;border-bottom:1px solid #80808056;padding-left:20px;text-decoration:none;transition:all .1s;display:block}.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;background-color:var(--grey-dark);color:#fff;border-radius:5px;min-width:25px;padding:2px 7px;font-weight:bolder;text-decoration:none}.alphabet-list{flex-wrap:wrap;gap:10px}.copyright-text{color:gray}.f-ubuntu{font-family:Ubuntu,sans-serif}html{scroll-behavior:auto}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--dark)!important}#root{min-width:100%}.f-poppins{font-family:Poppins,sans-serif!important}.logo-text{letter-spacing:-.5px;-webkit-user-select:none;user-select:none;text-transform:uppercase;align-items:center;font-family:Poppins,sans-serif;font-size:24px;font-weight:800;display:flex}.logo-papa{color:#fff;text-shadow:0 0 10px #ffffff26}.logo-badge{background:var(--theme);color:#000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-inline:6px;padding-left:2px;font-size:10px;font-weight:900;transition:all .5s cubic-bezier(.175,.885,.32,1.275);animation:2s ease-in-out infinite logo-badge-pulse;display:inline-flex;box-shadow:0 0 10px #ff6f0066}@keyframes logo-badge-pulse{0%{transform:scale(1);box-shadow:0 0 8px #ff6f0066}50%{transform:scale(1.15);box-shadow:0 0 18px #ff6f00cc}to{transform:scale(1);box-shadow:0 0 8px #ff6f0066}}.logo-text:hover .logo-badge{color:var(--theme);background-color:#fff;transform:scale(1.25)rotate(360deg);box-shadow:0 0 20px #fffc}.logo-anime{color:var(--theme);text-shadow:0 0 15px #ff6f0080;margin-left:2px;position:relative}:root{--grey-dark:#12141c;--dark:#0a0b0e;--height-small:400px;--height-medium:500px;--height-large:610px;--light:#f3f4f6;--theme:#ff6f00;--theme-rgb:255, 111, 0;--panel-bg:#161821bf;--border-light:#ffffff0f;--random-colors:#ff5733, #33ff57, #5733ff, #ff33a8, #33a8ff, #a833ff, #f3f, #33ffc2, #a8ff33, #ffc233}.d-flex{display:flex}.d-flex-fd-column{flex-direction:column;display:flex}.a-center{align-items:center}.j-center{justify-content:center}.trans-c-03>*{transition:all .15s cubic-bezier(.4,0,.2,1)}.trans-03{transition:all .25s cubic-bezier(.4,0,.2,1)}.app-container{max-width:1980px;color:var(--light);margin:0 auto;position:relative;overflow-x:hidden;padding:0!important}.section-header{color:var(--theme);text-shadow:0 0 10px #a855f733;font-family:Poppins,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000026}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--theme)}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:200px;height:200px;margin-inline:auto;display:flex}.spinner{color:var(--theme);animation:.8s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.details-container{justify-content:space-between;margin-top:65px;position:relative}.details-container-background{z-index:-1;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.details-header:after{content:"";-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:-1;background:#5d5d5db3;width:100%;height:100%;position:absolute;top:0;left:0}.details-header{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.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{color:#000;padding:4px;font-size:12px;font-weight:500;line-height:12px}.anime-details-content{gap:30px}.anime-details-content p{color:#e0e0e0;font-size:14px}.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{z-index:1;background:#0000004d;flex-direction:column;flex-grow:1;max-width:calc(25% - 40px);padding:20px;display:flex}.details-header-statistics{border-bottom:1px solid gray;margin-bottom:20px}.details-header-secondary p{margin-bottom:10px;font-size:14px}.details-header a{color:#fff;text-decoration:none}.details-header a:hover{color:var(--theme)}.genre-button{color:#fff;border:1px solid;border-radius:15px;margin:3px;padding:3px 7px;font-size:13px;text-decoration:none;display:inline-block}.details-header-genre{border-bottom:1px solid gray}@media screen and (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 (width<=700px){.details-container{margin-top:50px}.anime-details{flex-direction:column}.anime-details-content .title-large{text-align:center}.anime-details-poster{height:250px;margin:auto}}@media screen and (width<=450px){.details-header-primary{padding:10px}}