.progressiveBlur{--progressiveBlurDirection:to bottom;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;position:absolute;overflow:hidden}.progressiveBlur[data-position=top]{--progressiveBlurDirection:to top;top:0;left:0}.progressiveBlur[data-position=bottom]{--progressiveBlurDirection:to bottom;bottom:0;left:0}.progressiveBlur[data-position=left]{--progressiveBlurDirection:to left;top:0;left:0}.progressiveBlur[data-position=right]{--progressiveBlurDirection:to right;top:0;right:0}.progressiveBlur .progressiveBlurField,.progressiveBlur .progressiveBlurTint{pointer-events:none;position:absolute;inset:0}.progressiveBlur .progressiveBlurField .progressiveBlurLayer{pointer-events:none;backdrop-filter:blur(var(--progressiveBlurAmount));-webkit-mask-image:var(--progressiveBlurMask);-webkit-mask-image:var(--progressiveBlurMask);mask-image:var(--progressiveBlurMask);position:absolute;inset:0}.progressiveBlur .progressiveBlurTint{background:linear-gradient(var(--progressiveBlurDirection),transparent,var(--progressiveBlurTint))}