.anime-item{background:var(--card-background);border-radius:var(--item-radius);box-shadow:var(--shadow);display:grid;grid-template-columns:40% auto;height:30rem;overflow:hidden;padding:1.5rem;position:relative;transition:box-shadow .6s ease}.img-container{height:100%;position:relative;width:100%}.anime-cover{border-radius:var(--item-radius);box-shadow:var(--shadow);height:100%;object-fit:cover;position:absolute;transition:box-shadow .6s ease;width:100%}.anime-cover:hover{box-shadow:var(--shadow-hover);transition:box-shadow .6s ease}.info-container{display:flex;flex-direction:column;margin-left:1.5rem}.titles{align-items:flex-start;display:flex;justify-content:space-between}.title{display:block;font-size:1.6rem;line-height:1.2;margin-right:.6rem;max-height:6rem;overflow:hidden}.english-title{font-size:1.2rem}.relations{display:grid}.relation{display:block;font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio{display:flex;font-size:1.2rem;opacity:.6;transition:opacity .4s,color .4s;width:fit-content}.studio:hover{color:var(--item-hover);opacity:1;transition:opacity .4s,color .4s}.info-content{align-items:self-end;display:flex;gap:.5rem}.ranking{align-items:center;display:flex;font-size:1.3rem}.nyaa-link{font-size:2rem}.airing{flex-grow:1;margin-top:.5rem}.airing div{margin-bottom:.6rem}.airing-title{font-size:1.5rem;font-weight:700}.airing-at,.time-until-airing,.time-aired{font-size:1.4rem}.airing span{display:block}.genres{align-items:flex-end;display:flex;flex-wrap:wrap-reverse;gap:.5em;justify-content:flex-start}.btn-genre{background-color:var(--button-genre);border-radius:var(--button-radius);color:var(--button);font-size:1.3rem;padding:.5rem 1rem}html.dark .btn-genre{background-color:var(--button-genre)}.anya{position:absolute;right:-5rem;top:3.8rem;transform:translate(-50%,-50%);transition:top .8s;width:12rem;z-index:-1}.anime-item:hover .anya{top:-3.5rem;transition:top .8s}@media (max-width: 93.75em){.btn-genre:nth-child(3){display:none}}@media (max-width: 36rem){.anime-item{grid-template-columns:auto;height:initial;padding:1.5rem}.img-container{height:30rem}.info-container{margin-left:0;margin-top:.5rem}.nyaa-link{display:none}[data-title]:hover:after{display:none}.relation{white-space:normal}}.skeleton{--skeleton-background: hsl(200, 20%, 90%);--skeleton-animation: skeleton-loading 1s linear infinite alternate}.anime-item.skeleton .img-container{animation:var(--skeleton-animation);background:var(--skeleton-background);border-radius:var(--item-radius)}.skeleton .title{animation:var(--skeleton-animation);background:var(--skeleton-background);border-radius:var(--item-radius);height:2.5rem;width:15rem}.skeleton .relation{animation:var(--skeleton-animation);background:var(--skeleton-background);border-radius:var(--item-radius);height:1.5rem;margin-top:.5rem;width:7.5rem}.skeleton .airing-title{animation:var(--skeleton-animation);background:var(--skeleton-background);border-radius:var(--item-radius);height:2.5rem;margin-top:1.6rem;width:20rem}.skeleton .airing-at{animation:var(--skeleton-animation);background:var(--skeleton-background);border-radius:var(--item-radius);height:2.5rem;margin-top:.5rem;width:16rem}.skeleton .btn-genre{background:var(--skeleton-background);color:var(--skeleton-background);height:3.6rem;width:6.2rem}@media (max-width: 93.75em){.skeleton .airing-at{width:60%}.skeleton .airing-title{margin-top:.8rem;width:80%}}@keyframes skeleton-loading{0%{background:var(--skeleton-background)}to{background:hsl(200,20%,95%)}}