@property --mask-top{syntax:"<percentage>";inherits:false;initial-value:100%}@property --mask-bottom{syntax:"<percentage>";inherits:false;initial-value:100%}.scroll-track.svelte-1vdjge8{display:none}@supports (animation-timeline:scroll()){.scroll-container.svelte-1vdjge8{timeline-scope:--scroll-area}.scroll-content.svelte-1vdjge8{scroll-timeline:--scroll-area block}.scroll-track.svelte-1vdjge8{display:block;container-type:size}.scroll-thumb.svelte-1vdjge8{animation:linear both svelte-1vdjge8-moveAndScaleThumb;animation-timeline:--scroll-area}.mask.svelte-1vdjge8{--mask-scroll:100px;--mask-size:50px;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom, rgb(0 0 0/var(--mask-top,100%)), #000 var(--mask-size), #000 calc(100% - var(--mask-size)), rgb(0 0 0/var(--mask-bottom,100%)));mask-image:linear-gradient(to bottom, rgb(0 0 0/var(--mask-top,100%)), #000 var(--mask-size), #000 calc(100% - var(--mask-size)), rgb(0 0 0/var(--mask-bottom,100%)));animation-fill-mode:both;animation-timeline:--scroll-area}.mask.svelte-1vdjge8[data-fade=both]{animation-name:svelte-1vdjge8-topFade,svelte-1vdjge8-bottomFade;animation-range:0px var(--mask-scroll), calc(100% - var(--mask-scroll)) 100%}.mask.svelte-1vdjge8[data-fade=top]{animation-name:svelte-1vdjge8-topFade;animation-range:0px var(--mask-scroll);--mask-bottom:100%}.mask.svelte-1vdjge8[data-fade=bottom]{animation-name:svelte-1vdjge8-bottomFade;animation-range:calc(100% - var(--mask-scroll)) 100%;--mask-top:100%}}@keyframes svelte-1vdjge8-moveAndScaleThumb{0%{transform:translateY(0)}to{transform:translateY(calc(100cqh - 100%))}}@keyframes svelte-1vdjge8-topFade{0%{--mask-top:100%}to{--mask-top:0%}}@keyframes svelte-1vdjge8-bottomFade{0%{--mask-bottom:0%}to{--mask-bottom:100%}}