.small-card{cursor:pointer;display:flex;flex-direction:column;gap:8px;margin-inline:auto;width:100%}@media (min-width:577px){.small-card:hover .picture{transform:translateY(-8px)}.small-card:hover .title{color:#fff}}.small-card.mini{min-width:150px}@media (min-width:769px){.small-card.mini{min-width:200px}}.small-card.mini .title,.small-card.small-title .title{font-size:.95rem}.small-card .picture{aspect-ratio:2/3;border-radius:8px;isolation:isolate;overflow:hidden;position:relative;transition:transform .2s}.small-card .picture:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:2}.small-card .picture img{height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:1}.small-card .picture .placeholder{top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}.small-card .picture .series-info{background:#ffa600;border-radius:10px 0 0 10px;color:#000;max-width:80%;padding:5px 10px;position:absolute;right:0;top:1rem}.small-card .picture .series-info:empty{display:none}.small-card .picture .fav-badge{background:#ffa600;border-radius:0 10px 10px 0;color:#000;left:0;max-width:80%;padding:5px 10px;position:absolute;top:1rem}.small-card .fav-progress{display:flex;flex-direction:column;gap:6px}.small-card .fav-progress .fav-progress-text{color:#b3b3b3;display:-webkit-box;font-size:.85rem;text-align:center;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.small-card .fav-progress .fav-progress-bar{background:#ffffff26;border-radius:4px;height:4px;overflow:hidden}.small-card .fav-progress .fav-progress-fill{background:#ffa600;border-radius:4px;height:100%}.small-card .title{color:#b3b3b3;display:-webkit-box;text-align:center;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (min-width:577px){.small-card .title{font-size:1.1rem}}.small-card .title-name{color:#b3b3b3;font-size:14px;margin-top:5px}