Tilt w/ Cover Images for zFerry98

@\import "https://valeriolyndon.github.io/MAL-Public-List-Designs/Tilt%20Theme/Theme%20-%20Compressed.css";
@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";

/* Variables */

:root {
    --cover-width: 180px;
    --cover-height: 250px;
    --score-margin: 15px; /* controls gap from left side - 70px is default */
}

/* List Item Box */

.list-table-data {
    height: calc(var(--cover-height) + 50px);
}

.list-table-data:before {
    top: var(--cover-height);
}

/* Cover Image */

.data.image a {
    width: calc(var(--cover-width) - 2px) !important;
    height: calc(var(--cover-height) - 2px) !important;
}

.data.image .image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.data.image a:before {
    content: "";
    position: absolute;
    display: block;
    width: inherit;
    height: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.add-edit-more {
    display: flex;
    width: calc(var(--cover-width) - 2px);
    height: calc(var(--cover-height) - 2px);
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

/* Title */

.data.title {
    width: calc(100% - (var(--cover-width) + 8px));
    height: calc(var(--cover-height) - 2px);
    padding-left: calc(var(--cover-width) + 4px) !important;
}

.data.title .link.sort {
    max-height: calc(var(--cover-height) - 4px);
}

.rewatching, .rereading, .content-status {
    top: calc(var(--cover-height) + 10px);
    left: calc(var(--score-margin) + 20px);
}

/* Edit/More Buttons */

.add-edit-more a {
    position: relative;
    top: 0 !important;
    width: 100% !important;
}

/* Score */

.data.score {
    margin-left: var(--score-margin);
}

/* Tags */

.data.tags {
    top: var(--cover-height);
} .data.tags:hover {
    width: calc(270px - var(--score-margin));
}

.data.studio:after {
    top: var(--cover-height);
}

/* More Info */

.td1 {
    display: block;
    width: 320px;
    word-wrap: break-word;
}