@property --fadescroll-can-scroll-start{syntax:"<number>";inherits:false;initial-value:0}@property --fadescroll-can-scroll-end{syntax:"<number>";inherits:false;initial-value:0}.cc-fadescroll-edge-fade{--cc-fadescroll-fade:3rem;-webkit-mask-image:linear-gradient(to bottom, rgb(0, 0, 0, calc(1 - var(--fadescroll-can-scroll-start,0))) 0, #000 var(--cc-fadescroll-fade), #000 calc(100% - var(--cc-fadescroll-fade)), rgb(0, 0, 0, calc(1 - var(--fadescroll-can-scroll-end,0))) 100%);-webkit-mask-image:linear-gradient(to bottom, rgb(0, 0, 0, calc(1 - var(--fadescroll-can-scroll-start,0))) 0, #000 var(--cc-fadescroll-fade), #000 calc(100% - var(--cc-fadescroll-fade)), rgb(0, 0, 0, calc(1 - var(--fadescroll-can-scroll-end,0))) 100%);mask-image:linear-gradient(to bottom, rgb(0, 0, 0, calc(1 - var(--fadescroll-can-scroll-start,0))) 0, #000 var(--cc-fadescroll-fade), #000 calc(100% - var(--cc-fadescroll-fade)), rgb(0, 0, 0, calc(1 - var(--fadescroll-can-scroll-end,0))) 100%);transition:--fadescroll-can-scroll-start .3s,--fadescroll-can-scroll-end .3s}.cc-scrollbar{--cc-scrollbar-thumb:var(--color-neutral-200);--cc-scrollbar-thumb-hover:var(--color-neutral-100);--cc-scrollbar-track:#0000;scrollbar-width:thin;scrollbar-color:var(--cc-scrollbar-thumb) var(--cc-scrollbar-track)}.cc-scrollbar::-webkit-scrollbar{width:6px;height:6px}.cc-scrollbar::-webkit-scrollbar-track{background:var(--cc-scrollbar-track);box-shadow:none;border:none}.cc-scrollbar::-webkit-scrollbar-thumb{background-color:var(--cc-scrollbar-thumb);box-shadow:none;border:none;border-radius:9999px}.cc-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--cc-scrollbar-thumb)}.cc-scrollbar-blue{--cc-scrollbar-thumb:color-mix(in srgb, var(--color-white) 20%, transparent)}