@import "variables";

vn-latest-buys-search-panel vn-side-menu div {
    & > .input {
        padding-left: $spacing-md;
        padding-right: $spacing-md;
        border-color: $color-spacer;
        border-bottom: $border-thin;
    }
    & > .horizontal {
        grid-auto-flow: column;
        grid-column-gap: $spacing-sm;
        align-items: center;
    }
    & > .checks {
        padding: $spacing-md;
        flex-wrap: wrap;
        border-color: $color-spacer;
        border-bottom: $border-thin;
    }
    & > .tags {
        padding: $spacing-md;
        padding-bottom: 0%;
        padding-top: 0%;
        align-items: center;
    }
    & > .chips {
        display: flex;
        flex-wrap: wrap;
        padding: $spacing-md;
        overflow: hidden;
        max-width: 100%;
        border-color: $color-spacer;
        border-top: $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: 2.6rem;
                    width: 16px;
                    height: 16px;
                }
            }
        }
    }
}