@import "variables";

vn-fixed-price-search-panel vn-side-menu {
    .menu {
        min-width: $menu-width;
    }
    & > div {
        .input {
            padding-left: $spacing-md;
            padding-right: $spacing-md;
            border-color: $color-spacer;
            border-bottom: $border-thin;
        }
        .horizontal {
            padding-left: $spacing-md;
            padding-right: $spacing-md;
            grid-auto-flow: column;
            grid-column-gap: $spacing-sm;
            align-items: center;
        }
        .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;
                    }
                }
            }
        }
    }
}