.category-filter-row{display:flex;flex-direction:column;padding:var(--padding-small) var(--padding-medium);color:var(--color-secondary);font-size:var(--font-normal);cursor:pointer}.category-filter-row:hover{background-color:var(--color-hover)}.category-filter-row img{border:1px solid var(--color-secondary);border-radius:50%;opacity:.7;object-fit:cover}.category-filter-row.active img{border:2px solid var(--color-primary);opacity:1}.category-filter-row h3{font-weight:400;width:100%;font-size:var(--font-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-filter-row.active h3{font-weight:700}.template-container.template1 .category-filter-container{padding:0;border-left:none;border-right:none}.category-filter-search-container{position:-webkit-sticky;position:sticky;top:calc((var(--padding-top)));z-index:100;display:flex;height:55px;align-items:center;background-color:var(--color-background);border-bottom:1px solid var(--color-outline);overflow:hidden}.category-filter-search-container .line-separator-vertical{background-color:var(--color-outline)}.category-filter-dropdown{flex:1 1;display:flex;justify-content:space-between;align-items:center;color:var(--color-tertial);cursor:pointer;height:100%}.category-filter-dropdown.selected{color:var(--color-primary)}.category-filter-search-container.not-allow-search .category-filter-dropdown{justify-content:start}.category-filter-dropdown .custom-svg{margin:0 var(--padding-normal)}.category-filter-dropdown.animate-up{animation:moveup .3s ease-in-out}.category-filter-dropdown.animate-down{animation:movedown .3s ease-in-out}.category-filter-search{flex:1 1;height:100%}.category-filter-search-btn{display:none;border:none;background:transparent;height:100%;width:50px}.category-filter-search .search-products-input,.category-filter-search .search-products-input-container{height:100%}@container page-container (max-width: 767px){.category-filter-container.empty{display:none}.category-filter-container{position:-webkit-sticky;position:sticky;top:calc((var(--padding-top) * 2) + 4px);justify-content:center;z-index:10}.template-container.template2 .home-container .category-filter-container{top:var(--padding-top)}.template-container.template1 .home-container .category-filter-container{top:49px}.template-container.template1 .template-page-container.bottom-navbar .home-container .category-filter-container{top:0}.category-filter-container ul{background-color:var(--color-background);display:flex;flex-direction:row;border:none;width:100%;z-index:1;overflow:auto;text-align:center;align-items:center;white-space:nowrap;overflow-x:auto;padding:8px var(--padding-normal)!important}.category-container.products-scroll .category-filter-container ul{display:none}.category-filter-container li{display:inline-block}.category-filter-row{max-width:160px;align-items:center}.category-container.products-list .category-filter-row img,.category-filter-row p{display:none}.category-container.products-grid .category-filter-row img{display:flex}.category-container.products-list .category-filter-row{padding:5px;border-radius:30px;color:var(--color-tertial);background-color:var(--color-surface-container);margin:var(--padding-too-small);padding:var(--padding-too-small) var(--padding-medium);min-width:70px}.category-container.products-list .category-filter-row.active{color:var(--color-on-primary);background-color:var(--color-primary)}.category-container.products-grid .category-filter-row.active{color:var(--color-primary)}.category-container.products-list .category-filter-row h3{font-weight:400}.category-filter-dropdown{margin:0 var(--padding-normal);justify-content:start}.category-filter-dropdown.selected .custom-svg.tertiary path{fill:var(--color-primary)}.category-filter-search{display:none;margin:0 var(--padding-normal)}.category-filter-search-btn{display:flex;align-items:center;justify-content:center;cursor:pointer}.category-filter-search-container .line-separator-vertical,.category-filter-search-container.expanded .category-filter-dropdown,.category-filter-search-container.expanded .search-products-btn-clear{display:none}.category-filter-search-container.expanded .category-filter-search{display:block}}@container page-container (min-width: 768px){.category-filter-container{position:-webkit-sticky;position:sticky;top:calc((var(--padding-top) * 2) + 20px);display:flex;flex-direction:column;width:415px;max-height:80vh;height:auto;overflow:hidden}.home-container .category-filter-container{top:calc(var(--padding-top) + 16px)}.category-filter-container ul{overflow-y:auto;border:1px solid var(--color-outline);border-radius:var(--radius-normal);margin:2px;box-shadow:0 0 5px var(--color-shadow)}.category-container.products-scroll .category-filter-container{display:none}.category-filter-row.active{color:var(--color-primary)}.category-filter-row img{display:none}.category-filter-row p{display:block}}@media screen and (min-width:768px) and (max-width:992px){.template-container.template1 .page-container-home .category-filter-container{top:0}}@media screen and (min-width:992px){.template-container.template1 .page-container-home .category-filter-container{top:0}.category-filter-row h3{font-weight:700}}@keyframes moveup{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes movedown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}