/* input(34,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */
.used-tile {
    width: 265px;
    height: 354px;
    gap: 2em;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 1);
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    text-align: left;
}

.used-eq-img {
    width: 210px;
    height: 135px;
    border-radius: 6px;
}

.used-description {
    width: 210px;
    height: 110px;
    overflow-y: hidden;
    color: black;
}

.webitem-tile {
    text-align: left;
    width: 230px;
    height: 279px;
    padding: 12px 24px 12px 24px;
    border-radius: 10px;
    opacity: 0px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 1) box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    color: black;
}

.webitem-link:hover {
    text-decoration: unset;
}

.webitem-link:focus {
    text-decoration: unset;
}

.webitem-tile > div > .img-container {
    text-align: center;
    width: 210px;
    height: 159px;
    padding: 12px;
    gap: 0px;
    opacity: 0px;
}

    .webitem-tile > div > .img-container > img {
        max-width: 210px;
        max-height: 135px;
        margin-top: 12px;
    }

    .webitem-tile:hover {
        transform:scale(1.02);
    }

    @media (min-width: 370px) and (max-width: 500px) {
        .webitem-tile {
            width: 175px;
        }

        .webitem-tile > div > .img-container {
            width: 165px;
        }

            .webitem-tile > div > .img-container > img {
                max-width: 165px;
            }
    }
.webitem-desc {
    overflow-y: hidden;
    max-height: 40px;
}