.seriesViewItem{background:#fafafa;border:1px solid #ededed;border-radius:3px;cursor:pointer;padding:18px 14px 26px 18px;transition:all .35s ease-in-out;width:388px}.seriesViewItem:hover{background:#f5f5f5;border-color:#e4e4e4}.seriesViewItem__link{align-items:flex-end;display:flex;gap:24px;height:100%;justify-content:space-between;width:100%}.seriesViewItem__link .seriesViewItem__textBox{display:flex;flex-direction:column;gap:5px;height:100%}.seriesViewItem__link .seriesViewItem__textBox .seriesType{font-size:14px;font-weight:600;letter-spacing:0;margin-bottom:10px}.seriesViewItem__link .seriesViewItem__textBox .seriesType.TA,.seriesViewItem__link .seriesViewItem__textBox .seriesType.TAV{color:#d15252}.seriesViewItem__link .seriesViewItem__textBox .seriesType.TP{color:#56b088}.seriesViewItem__link .seriesViewItem__textBox .seriesType.TV{color:#5357a5}.seriesViewItem__link .seriesViewItem__textBox .seriesType.TW{color:#9a714d}.seriesViewItem__link .seriesViewItem__textBox .seriesType.TMA{color:#2eaad6}.seriesViewItem__link .seriesViewItem__textBox .seriesInfo__box{display:flex;flex-direction:column;height:calc(100% - 14px)}.seriesViewItem__link .seriesViewItem__textBox .seriesTitle{color:#343434;display:-webkit-box;font-size:19px;font-weight:600;letter-spacing:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-box-align:start}.seriesViewItem__link .seriesViewItem__textBox .seriesSubTitle,.seriesViewItem__link .seriesViewItem__textBox .workName{color:#787878;display:-webkit-box;font-size:12px;font-weight:400;letter-spacing:-4%;line-height:1.2;margin-top:6px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;-webkit-box-align:start}.seriesViewItem__link .seriesViewItem__textBox .seriesAuthor{color:#787878;display:-webkit-box;font-size:14px;font-weight:400;letter-spacing:-4%;line-height:100%;margin-top:14px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;-webkit-box-align:start}.seriesViewItem .seriesViewItem__thumbnail{margin-bottom:-2px;position:relative}.seriesViewItem__link .thumbnail__box{height:100px;width:100px}.seriesViewItem__link .thumbnail__box img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}.seriesViewItem__link .completed{background:#e1efff;border-radius:100px;bottom:0;color:#2285d6;font-size:12px;font-weight:600;letter-spacing:-2.5%;padding:4px 8px;position:absolute;right:0}@media(max-width:1200px){.seriesViewItem{width:100%}}@media(max-width:768px){.recent-Series-list{gap:8px}.seriesViewItem{height:138px;padding:18px 10px 18px 16px}.seriesViewItem__link{gap:16px}.seriesViewItem__link .seriesViewItem__textBox{gap:2px}.seriesViewItem__link .seriesViewItem__textBox .seriesTitle{font-size:18px;word-break:break-all}.seriesViewItem__link .thumbnail__box{height:94px;width:94px}.seriesViewItem__link.seriesListItem .seriesViewItem__textBox .seriesSubTitle{display:none}.seriesViewItem__link .seriesViewItem__textBox .seriesAuthor{margin-top:12px}}@media screen and (max-width:540px){.seriesViewItem__link .seriesViewItem__textBox .seriesTitle{font-size:17px}.seriesViewItem__link .seriesViewItem__textBox .workName,.seriesViewItem__link.seriesListItem .seriesViewItem__textBox .seriesSubTitle{display:-webkit-box;margin-bottom:2px}.seriesViewItem__link .seriesViewItem__textBox .seriesAuthor{margin-top:8px}}@media screen and (max-width:420px){.seriesViewItem__link{gap:12px}.seriesViewItem__link .thumbnail__box{height:90px;width:90px}}@media screen and (max-width:380px){.seriesViewItem__link{gap:10px}.seriesViewItem__link .thumbnail__box{height:80px;width:80px}}