@import "variables";
@import "effects";

vn-item-waste-index,
vn-item-waste-detail {
    .header {
        padding: 12px 0 5px 0;
        background-color: $color-bg;
        font-size: 1.2rem;
        margin-bottom: 10px;
    }

    vn-table vn-th.waste-family,
    vn-table vn-td.waste-family {
        max-width: 64px;
        width: 64px
    }

    .hidden {
        display: none;
    }

    .arrow.hidden {
        display: block;
        transform: rotate(180deg);
    }
}