@property --carousel-can-scroll-start{syntax:"<number>";inherits:false;initial-value:0}@property --carousel-can-scroll-end{syntax:"<number>";inherits:false;initial-value:0}.cc-carousel-edge-fade{--cc-carousel-fade:3.75rem;-webkit-mask-image:linear-gradient(to right, rgb(0, 0, 0, calc(1 - var(--carousel-can-scroll-start,0))) 0, #000 var(--cc-carousel-fade), #000 calc(100% - var(--cc-carousel-fade)), rgb(0, 0, 0, calc(1 - var(--carousel-can-scroll-end,0))) 100%);-webkit-mask-image:linear-gradient(to right, rgb(0, 0, 0, calc(1 - var(--carousel-can-scroll-start,0))) 0, #000 var(--cc-carousel-fade), #000 calc(100% - var(--cc-carousel-fade)), rgb(0, 0, 0, calc(1 - var(--carousel-can-scroll-end,0))) 100%);mask-image:linear-gradient(to right, rgb(0, 0, 0, calc(1 - var(--carousel-can-scroll-start,0))) 0, #000 var(--cc-carousel-fade), #000 calc(100% - var(--cc-carousel-fade)), rgb(0, 0, 0, calc(1 - var(--carousel-can-scroll-end,0))) 100%);transition:--carousel-can-scroll-start .3s,--carousel-can-scroll-end .3s}