/** Main **/

#inv-materials {
    display: none;
    flex: 1;

    flex-direction: column;
    gap: 4px;

    overflow: scroll;
}

#inv-materials .hint {
    height: 100%;
}

#inv-materials-search {
    display: none;
}


/** Listings **/

.inv-material {
    display: flex;
    flex-direction: row;

    background-color: rgba(255, 255, 255, 0.25);
    border: 1px solid #cccccc;

    color: white;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);

    user-select: none;
}

.inv-material img {
    margin-right: 8px;

    width: 48px;
    height: 48px;

    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4));
    image-rendering: auto;
}

.inv-material-middle {
    flex: 1;

    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.inv-material-name {
    margin: 0;
}

.inv-material-category {
    margin: 0;

    font-size: 12px;
    font-style: italic;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.inv-material-quantity {
    flex: 0;

    margin-right: 16px;
}