/*search/raw styles*/
.item-price-raw-results-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.item-price-raw {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
    padding: 16px 0;
    width: 100%;
    max-width: 1000px;
    gap: 16px;
}

.thumbnail-slot {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .thumbnail-slot > img {
        width: 100px;
        max-width: 100%;
        max-height: 150px;
    }
    .thumbnail-slot > .no-image {
        width: 100px;
        max-width: 100%;
        max-height: 150px;
        border: dashed 2px #a3bce169;
        border-radius: 7px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align:center;
        gap: 4px;
        max-height: 100px;
        height: 100%;
        color: #a3bce1bd;
    }
        .thumbnail-slot > .no-image > span.icon {
            font-size: 32px;
        }

        .thumbnail-slot > .no-image > span.caption {
            font-size: 16px;
        }

.info-slot {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 0;
    min-width:0;
}

    .info-slot > h1 {
        font-size: clamp(14px, 2vw, 20px) !important;
        line-height: 1.5 !important;
        margin: 0;
    }

    .info-slot > .description {
        opacity: 0.6;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px !important;
    }

    .info-slot > .date {
        /*background-color: rgba(0, 97, 188, 0.12);*/
        border-radius: 4px;
        font-family: "Roboto";
        font-size: 11px;
        /*font-weight: 700;*/
        color: black;
        align-self: start;
        /*padding: 3px 6px;*/
    }

.price-slot {
    flex: 0 0 auto;
    font-size: clamp(13px, 2vw, 16px) !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .price-slot > span:nth-child(1) {
        font-size: smaller;
    }

    .price-slot > span:nth-child(2) {
        font-weight: 900;
        font-size: larger;
    }

.date-slot {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .date-slot > .date {
        background-color: rgba(0, 97, 188, 0.12);
        border-radius: 4px;
        font-family: "Roboto";
        font-size: 11px;
        font-weight: 700;
        color: black;
        align-self: start;
        padding: 3px 6px;
    }