@supports (animation-timeline:scroll()){.scroll-fog [data-reka-scroll-area-viewport]{--scroll-fog-size: 28;animation:scroll-fog-mask-up linear both,scroll-fog-mask-down linear both;animation-range:0 calc(var(--scroll-fog-size)*1px),calc(100% - var(--scroll-fog-size)*1px) 100%;animation-timeline:scroll(self);-webkit-mask:linear-gradient(#fff,transparent) 0 0 / 100% 0 no-repeat,linear-gradient(#fff,#fff) 0 50% / 100% 100% no-repeat,linear-gradient(transparent,#fff) 0 100% / 100% calc(var(--scroll-fog-size)*1px) no-repeat;mask:linear-gradient(#fff,transparent) 0 0 / 100% 0 no-repeat,linear-gradient(#fff,#fff) 0 50% / 100% 100% no-repeat,linear-gradient(transparent,#fff) 0 100% / 100% calc(var(--scroll-fog-size)*1px) no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}@keyframes scroll-fog-mask-up{to{-webkit-mask-size:100% calc(var(--scroll-fog-size)*1px),100% 100%;mask-size:100% calc(var(--scroll-fog-size)*1px),100% 100%}}@keyframes scroll-fog-mask-down{to{-webkit-mask-size:100% calc(var(--scroll-fog-size)*1px),100% 100%,100% 0;mask-size:100% calc(var(--scroll-fog-size)*1px),100% 100%,100% 0}}}.MenubarContent{transform-origin:var(--reka-menubar-content-transform-origin)}