@property --canvas-top-bar-scroll-left-fade{syntax:"<length>";inherits:false;initial-value:0}@property --canvas-top-bar-scroll-right-fade{syntax:"<length>";inherits:false;initial-value:0}.canvas-top-bar-tabs-scroll{--canvas-top-bar-scroll-fade-size:24px}.canvas-top-bar-tabs-scroll .os-scrollbar-horizontal{--os-size:10px;--os-padding-perpendicular:1px;--os-padding-axis:1px;--os-handle-perpendicular-size:5px;--os-handle-perpendicular-size-hover:5px;--os-handle-perpendicular-size-active:5px}@supports (animation-timeline:scroll()){.canvas-top-bar-tabs-scroll [data-overlayscrollbars-viewport]{-webkit-mask-image:linear-gradient(to right, #0000, #fff var(--canvas-top-bar-scroll-left-fade) calc(100% - var(--canvas-top-bar-scroll-right-fade)), #0000);-webkit-mask-image:linear-gradient(to right, #0000, #fff var(--canvas-top-bar-scroll-left-fade) calc(100% - var(--canvas-top-bar-scroll-right-fade)), #0000);-webkit-mask-image:linear-gradient(to right, #0000, #fff var(--canvas-top-bar-scroll-left-fade) calc(100% - var(--canvas-top-bar-scroll-right-fade)), #0000);mask-image:linear-gradient(to right, #0000, #fff var(--canvas-top-bar-scroll-left-fade) calc(100% - var(--canvas-top-bar-scroll-right-fade)), #0000);animation:linear canvas-top-bar-tabs-scroll-fade;animation-timeline:scroll(self x)}@keyframes canvas-top-bar-tabs-scroll-fade{0%{--canvas-top-bar-scroll-left-fade:0px;--canvas-top-bar-scroll-right-fade:24px}10%,to{--canvas-top-bar-scroll-left-fade:24px}0%,90%{--canvas-top-bar-scroll-right-fade:24px}to{--canvas-top-bar-scroll-right-fade:0px}}}