@property --filter-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --filter-fade-end{syntax:"<length>";inherits:false;initial-value:0}@layer components{.filter-scroll{scrollbar-width:thin;scrollbar-color:var(--gray-divider) transparent;-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--filter-fade-start), black calc(100% - var(--filter-fade-end)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--filter-fade-start), black calc(100% - var(--filter-fade-end)), transparent 100%);scroll-padding-block:20px}.filter-scroll::-webkit-scrollbar{width:5px}.filter-scroll::-webkit-scrollbar-track{background:0 0}.filter-scroll::-webkit-scrollbar-thumb{background-color:var(--gray-divider);border-radius:999px}@supports (animation-timeline:scroll()){.filter-scroll{animation:linear both filter-scroll-fade;animation-timeline:scroll(self)}}}@keyframes filter-scroll-fade{0%{--filter-fade-start:0px;--filter-fade-end:18px}8%,92%{--filter-fade-start:18px;--filter-fade-end:18px}to{--filter-fade-start:18px;--filter-fade-end:0px}}