.genre-wrapper h2{color:var(--theme);padding-block:30px}.genre-list{flex-wrap:wrap;padding:10px;background:var(--grey-dark);column-gap:15px}.genre-list button{flex-grow:1;padding:10px;margin-block:10px;background:rgba(255,255,255,.383);border:none;color:var(--dark);font-size:16px;cursor:pointer;font-weight:700;border-radius:7px;width:100%}.genre-list button:hover{background-color:var(--theme)}.genre-list a{text-decoration:none;padding:10px;width:calc(100% / 3 - 15px);font-size:13px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none!important;cursor:pointer;transition:all .1s ease}.genre-list a:hover{background-color:#ffffff1a;transform:translateY(-2px)}.genre-list a:nth-of-type(7n+1){color:#d0e6a5}.genre-list a:nth-of-type(7n+2){color:#ffdd95}.genre-list a:nth-of-type(7n+3){color:#fc887b}.genre-list a:nth-of-type(7n+4){color:#ccabda}.genre-list a:nth-of-type(7n+5){color:#abccd8}.genre-list a:nth-of-type(7n+6){color:#d8b2ab}.genre-list a:nth-of-type(7n){color:#86e3ce}@media screen and (max-width: 500px){.genre-list a{display:block;width:auto!important;background-color:var(--dark);padding:5px!important;border-radius:5px}.genre-list{align-items:center;justify-content:flex-start!important;gap:10px}}.top-ten-wrapper ul{list-style:none;padding:10px 10px 0!important;background:var(--grey-dark)}.top-ten-wrapper ul li{padding:20px 20px 0;gap:15px}.top-ten-wrapper ul li .title a{text-decoration:none;color:#fff}.top-ten-wrapper ul li .rank{font-size:18px;width:30px;color:gray;text-align:center}.top-ten-wrapper ul li .top-three{border-bottom:4px solid var(--theme);color:#fff}.top-ten-wrapper ul li img{min-width:50px;height:65px;object-fit:cover;border-radius:5px;overflow:hidden}.top-ten-wrapper{width:100%}.top-ten-header{padding-block:30px;color:var(--theme);justify-content:space-between}.top-ten-wrapper ul li .anime-details{gap:10px;padding:4px}.top-ten-wrapper ul li .episode-info{font-size:12px}.top-ten-wrapper ul li .episode-count{font-size:10px;color:#000;border-radius:3px 0 0 3px}.top-ten-wrapper ul li .quality{font-size:10px;color:#000;border-radius:0 3px 3px 0}.top-ten-wrapper li .show-type{margin-left:10px}.top-ten-wrapper a:hover{color:var(--theme)}.top-10-item{gap:10px;flex:1;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.097)}.period-selector{padding:7px 10px;border:none;color:#fff;background:rgba(255,255,255,.1)}.period-selector.selected{background:var(--theme);color:#000}.period-selector:hover{color:var(--theme);cursor:pointer}.period-selector.selected:hover{color:#000}.period-selector:nth-child(1){border-radius:10px 0 0 10px}.period-selector:nth-child(3){border-radius:0 10px 10px 0}@media screen and (max-width: 1080px){.top-ten-wrapper ul{padding:0!important}}