.category-navigation{position:relative}.category-navigation:before{position:absolute;content:"";top:0;bottom:0;left:calc(var(--boxSizeMargin) * -1);width:var(--boxSizeMargin);z-index:1;background:linear-gradient(90deg,rgba(var(--white),1),rgba(var(--white),.75) 33%,rgba(var(--white),.4) 67%,rgba(var(--white),0))}.category-navigation:after{position:absolute;content:"";top:0;bottom:0;right:calc(var(--boxSizeMargin) * -1);width:var(--boxSizeMargin);z-index:1;background:linear-gradient(270deg,rgba(var(--white),1),rgba(var(--white),.75) 33%,rgba(var(--white),.4) 67%,rgba(var(--white),0))}.category-navigation__list{display:flex;overflow-x:auto;max-width:100%;max-width:calc(100% + var(--boxSizeMargin) * 2);margin:calc(var(--boxSizeMargin) * -1 / 2) calc(var(--boxSizeMargin) * -1);padding:0;list-style:none;font-size:var(--mediumSize)}.category-navigation__element{margin:0;padding:calc(var(--boxSizeMargin) / 2) var(--boxSizeMargin);white-space:nowrap}