@import "variables";

vn-order-catalog vn-side-menu div {
    & > .input {
        padding-left: $spacing-md;
        padding-right: $spacing-md;
        border-color: $color-spacer;
        border-bottom: $border-thin;
    }
    .item-category {
        padding: $spacing-sm;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;

        vn-autocomplete[vn-id="category"] {
            display: none
        }

        & > vn-one {
            padding: $spacing-sm;
            min-width: 33.33%;
            text-align: center;
            box-sizing: border-box;

            & > vn-icon {
                padding: $spacing-sm;
                background-color: $color-font-secondary;
                border-radius: 50%;
                cursor: pointer;
    
                &.active {
                    background-color: $color-main;
                    color: #FFF
                }
                & > i:before {
                    font-size: 32pt;
                    width: 1em;
                    height: 1em;
                }
            }
        }
    }
    .chips {
        display: flex;
        flex-wrap: wrap;
        padding: $spacing-md;
        overflow: hidden;
        max-width: 100%;
    }
    vn-autocomplete[vn-id="type"] .list {
        max-height: 20em
    }
}