.top-categories{background-color:var(--secondary-background)}.top-categories .content{max-width:1440px;margin:auto;padding:24px}.top-categories .content ul{display:flex;align-items:center;gap:16px;overflow-x:scroll}.top-categories .content ul::-webkit-scrollbar{display:none}.top-categories .content ul li{display:flex;align-items:center;gap:8px;white-space:nowrap}.top-categories .content ul li:hover{cursor:pointer}.top-categories .content .search{position:relative;padding:12px 0;background-color:var(--secondary-background);display:flex;align-items:center;gap:24px}.top-categories .content .search .custom-input{flex:1 1}.top-categories .content .search .custom-input input{width:100%;flex:1 1}.top-categories .content .search .filters{display:flex;align-items:center;gap:12px}.top-categories .content .search .filters .filter,.top-categories .content .search .filters .sort-filter{background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;height:44px;width:48px;display:flex;justify-content:center;align-items:center}.top-categories .content .search .filters .filter:hover,.top-categories .content .search .filters .sort-filter:hover{cursor:pointer;opacity:.8}@media(min-width:1024px){.top-categories .content{padding:24px 64px!important}.top-categories .search{display:none!important}}.sort-filter-drawer{position:absolute;top:68px;background-color:#fff;left:0;width:100%;z-index:3;box-shadow:0 4px 4px rgba(0,0,0,.1);transition:all .2s ease-in-out;overflow:hidden}.sort-filter-drawer .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background-color:#efefef}.sort-filter-drawer .drawer-header .title{font-size:20px;font-weight:400;line-height:28px}.sort-filter-drawer .drawer-header .close{cursor:pointer}.sort-filter-drawer .filter{padding:24px}.sort-filter-drawer .filter .filter-item{padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.sort-filter-drawer.close{height:0}.sort-filter-drawer.open{height:332px}.filter-drawer{position:absolute;top:68px;background-color:#fff;left:0;width:100%;z-index:3;box-shadow:0 4px 4px rgba(0,0,0,.1);transition:all .2s ease-in-out;overflow:hidden}.filter-drawer .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background-color:#efefef}.filter-drawer .drawer-header .title{font-size:20px;font-weight:400;line-height:28px}.filter-drawer .drawer-header .close{cursor:pointer}.filter-drawer .filter{padding:24px}.filter-drawer .filter .filter-item{padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.filter-drawer.close{height:0}.filter-drawer.open{height:332px}.filter-drawer .reset-filter{justify-content:space-between;margin:24px;border:1px solid #efefef;padding:12px 16px;border-radius:6px}.filter-drawer .reset-filter,.filter-drawer .reset-filter .icon{display:flex;align-items:center}.filter-drawer .reset-filter:hover{cursor:pointer;opacity:.8}.filter-drawer .reset-filter .title{font-size:16px;font-weight:400;line-height:24px}