.nav-category{background:var(--color-emerald-1);display:flex;padding:0 16px;position:relative;transform:translate(-16px);width:calc(100% + 32px);z-index:4}.nav-category .card-category{display:none}@media (min-width:64rem){.nav-category .card-category{display:flex}}.nav-category__control{height:32px;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:32px;z-index:5;--button-radius:50%}.nav-category__control-prev{left:16px}.nav-category__control-next{right:16px}.nav-category__container{display:flex;grid-gap:8px;width:100%}@media (min-width:64rem){.nav-category__container{overflow-x:auto}}.nav-category__container::-webkit-scrollbar{display:none}.nav-category__container:after,.nav-category__container:before{background:linear-gradient(90deg,#00141100,#001411);bottom:-1px;content:"";display:none;pointer-events:none;position:absolute;top:-1px;width:72px;z-index:4}.nav-category__container:before{left:16px;transform:rotate(180deg)}.nav-category__container:after{right:16px}.nav-category__container.show-next-overlay:after,.nav-category__container.show-prev-overlay:before{display:block}.nav-category__filter{height:48px;width:100%}@media (min-width:64rem){.nav-category__filter{flex-shrink:0;height:auto;min-height:80px;min-width:144px;width:auto}}.nav-category__filter .button-base__content{color:var(--text-default);font-family:Jost,Jost fallback,sans-serif;font-size:14px;font-weight:500;line-height:24px;text-transform:uppercase}@media (min-width:64rem){.nav-category__filter .button-base__content{flex-direction:column}}.nav-category__filter .button-base__content .icon{--icon-size:24px;--color:var(--icon-default)}