.scroll-area{scrollbar-color:var(--color-outline-variant) transparent}@supports (color:color-mix(in lab,red,red)){.scroll-area{scrollbar-color:color-mix(in srgb,var(--color-outline-variant) 85%,transparent) transparent}}.scroll-area{scrollbar-width:thin}.scroll-area::-webkit-scrollbar{height:calc(var(--spacing,.25rem)*2);width:calc(var(--spacing,.25rem)*2)}.scroll-area::-webkit-scrollbar-track{background-color:#0000}.scroll-area::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant);border-radius:9999px}@supports (color:color-mix(in lab,red,red)){.scroll-area::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--md-sys-color-outline-variant) 80%,transparent)}}.scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--md-sys-color-outline)}.scroll-area-fade{--scroll-area-fade-size:24px}--top.scroll-area-fade{background:linear-gradient(to top,transparent,var(--color-surface-bright));height:var(--scroll-area-fade-size)}--bottom.scroll-area-fade{background:linear-gradient(to bottom,transparent,var(--color-surface-bright));height:var(--scroll-area-fade-size)}--start.scroll-area-fade{background:linear-gradient(to left,transparent,var(--color-surface-bright));width:var(--scroll-area-fade-size)}--end.scroll-area-fade{width:var(--scroll-area-fade-size)}--end.scroll-area-fade,[dir=rtl] .scroll-area-fade--start{background:linear-gradient(to right,transparent,var(--color-surface-bright))}[dir=rtl] .scroll-area-fade--start{inset-inline:auto 0}[dir=rtl] .scroll-area-fade--end{background:linear-gradient(to left,transparent,var(--color-surface-bright));inset-inline:0 auto}.scroll-area-fade{opacity:1}