@property --menu-category-scroll-fade-start{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --menu-category-scroll-fade-end{syntax:"<length-percentage>";inherits:false;initial-value:0}@keyframes menu-category-scroll-fade-start{0%{--menu-category-scroll-fade-start:0px}to{--menu-category-scroll-fade-start:2rem}}@keyframes menu-category-scroll-fade-end{0%{--menu-category-scroll-fade-end:2rem}to{--menu-category-scroll-fade-end:0px}}.menu-category-scroll{-ms-overflow-style:none;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--menu-category-scroll-fade-start), #000 calc(100% - var(--menu-category-scroll-fade-end)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--menu-category-scroll-fade-start), #000 calc(100% - var(--menu-category-scroll-fade-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--menu-category-scroll-fade-start), #000 calc(100% - var(--menu-category-scroll-fade-end)), transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.menu-category-scroll::-webkit-scrollbar{display:none}@supports (animation-timeline:scroll(self x)){.menu-category-scroll{animation:1ms linear both menu-category-scroll-fade-start,1ms linear both menu-category-scroll-fade-end;animation-timeline:scroll(self x),scroll(self x);animation-range:0 96px,calc(100% - 96px) 100%}}@supports not (animation-timeline:scroll(self x)){.menu-category-scroll{--menu-category-scroll-fade-start:2rem;--menu-category-scroll-fade-end:2rem}}