@property --scroll-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-end{syntax:"<length>";inherits:false;initial-value:0}.scroll-fade-x{--scroll-fade-start:0px;--scroll-fade-end:0px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--scroll-fade-size,1.5rem);scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--scroll-fade-start),#000 calc(100% - var(--scroll-fade-end)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--scroll-fade-start),#000 calc(100% - var(--scroll-fade-end)),transparent 100%);transition:--scroll-fade-start var(--ds-motion-standard) var(--ds-ease-out),--scroll-fade-end var(--ds-motion-standard) var(--ds-ease-out)}.scroll-fade-x::-webkit-scrollbar{display:none}.scroll-fade-x:dir(rtl){-webkit-mask-image:linear-gradient(to left,transparent 0,#000 var(--scroll-fade-start),#000 calc(100% - var(--scroll-fade-end)),transparent 100%);mask-image:linear-gradient(to left,transparent 0,#000 var(--scroll-fade-start),#000 calc(100% - var(--scroll-fade-end)),transparent 100%)}.scroll-fade-x[data-fade-start]{--scroll-fade-start:var(--scroll-fade-size,1.5rem)}.scroll-fade-x[data-fade-end]{--scroll-fade-end:var(--scroll-fade-size,1.5rem)}@media (hover:hover) and (pointer:fine){.scroll-fade-x[data-overflowing]{scrollbar-width:thin;scrollbar-color:transparent transparent}.scroll-fade-x[data-overflowing]:hover{scrollbar-color:var(--ds-scrollbar-thumb) transparent}.scroll-fade-x[data-overflowing]::-webkit-scrollbar{display:block;height:6px}.scroll-fade-x[data-overflowing]:hover::-webkit-scrollbar-thumb{background:var(--ds-scrollbar-thumb);border-radius:9999px}}@media (prefers-reduced-motion:reduce){.scroll-fade-x{transition:none}}.water-scrollbar{scrollbar-width:thin;scrollbar-gutter:stable}.water-scrollbar::-webkit-scrollbar{width:8px;height:8px}.water-scrollbar::-webkit-scrollbar-track{background:transparent}.water-scrollbar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.4);border-radius:4px}.water-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.7)}.hide-scrollbar::-webkit-scrollbar{width:0;height:0;background:transparent}.hide-scrollbar:hover::-webkit-scrollbar{width:6px;height:6px}.hide-scrollbar:hover::-webkit-scrollbar-track{background:transparent}.hide-scrollbar:hover::-webkit-scrollbar-thumb{background:rgba(156,163,175,.2);border-radius:4px}.hide-scrollbar:hover::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.3)}.custom-scrollbar,.hide-scrollbar,.transparent-track-scrollbar,.water-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.2) transparent}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar:hover{scrollbar-width:thin}.dark .water-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}.dark .water-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.4)}.dark .hide-scrollbar:hover::-webkit-scrollbar-track{background:transparent}.dark .hide-scrollbar:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}.dark .hide-scrollbar:hover::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.36)}.dark .custom-scrollbar,.dark .hide-scrollbar,.dark .transparent-track-scrollbar,.dark .water-scrollbar{scrollbar-color:rgba(255,255,255,.22) transparent}