.categories{flex-wrap:wrap;gap:10px;display:flex}.categories .has-search{justify-content:space-between;align-items:center;gap:10px;display:flex}@media (max-width:960px){.categories .has-search,.categories .has-search .categories{flex-direction:column;align-items:flex-start}}.categories .has-search .search{align-items:center;width:100%;display:flex;position:relative}@media (min-width:960px){.categories .has-search .search{width:31.5%}}.categories .has-search .search,.categories .has-search .search input{outline:none}.categories .has-search .search input{border:.5px solid var(--neutral-gray-50);background:linear-gradient(0deg, var(--neutral-gray-50) 0%, var(--neutral-gray-50) 100%), var(--neutral-green-300);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;font-size:var(--text-200);color:var(--neutral-green-300);padding:6px var(--spacing-600) 6px var(--spacing-1600);border-radius:80px;height:48px}.categories .has-search .search .search-icon{background:linear-gradient(101deg, var(--mint-300) 0%, var(--mint-200) 100%), linear-gradient(0deg, var(--mint-300) 0%, var(--mint-300) 100%), linear-gradient(0deg, var(--primary-200) 0%, var(--primary-200) 100%), var(--primary-50);border-radius:80px;padding:10px 16px;position:absolute;left:6px}.categories .category-list:not(:last-child){margin-right:var(--spacing-1000)}.categories .category-link{color:var(--neutral-green-100);font-size:var(--text-150);padding:var(--spacing-200) var(--spacing-400);background:var(--mint-300);border-radius:80px;margin-right:8px;font-weight:500;line-height:100%;display:inline-block}.categories .category-link:not(:last-child){margin-right:8px}.categories .category-link:before,.categories .category-link .cat-title{vertical-align:middle;display:inline-block}.categories .category-link:before{content:"";background:var(--neutral-gray-200);border-radius:100px;width:4px;height:4px;margin-right:8px}.categories .category-link.active{background:linear-gradient(0deg, #afead840 0%, #afead840 100%), linear-gradient(0deg, var(--mint-200) 0%, var(--mint-200) 100%), var(--mint-325)}.categories .category-link.active:before{background-color:var(--orange-200)}.categories .category-link:hover{background:linear-gradient(0deg, #fcfcfc33, #fcfcfc33), var(--mint-300)}@media (max-width:767px){.categories .category-link{margin-bottom:4px}}