@property --lb-layer-fade-k{syntax:"<number>";inherits:false;initial-value:0}:root{--lb-layer-fade:24px}.lb-layer-fade[data-scrolled]{-webkit-mask-image:linear-gradient(180deg, rgba(0, 0, 0, calc(1 - var(--lb-layer-fade-k))) 0, rgba(0, 0, 0, calc(1 - .85 * var(--lb-layer-fade-k))) calc(var(--lb-layer-fade) * .35), rgba(0, 0, 0, calc(1 - .35 * var(--lb-layer-fade-k))) calc(var(--lb-layer-fade) * .7), #000 var(--lb-layer-fade)), var(--layer-fade-rest,linear-gradient(#000, #000));-webkit-mask-image:linear-gradient(180deg, rgba(0, 0, 0, calc(1 - var(--lb-layer-fade-k))) 0, rgba(0, 0, 0, calc(1 - .85 * var(--lb-layer-fade-k))) calc(var(--lb-layer-fade) * .35), rgba(0, 0, 0, calc(1 - .35 * var(--lb-layer-fade-k))) calc(var(--lb-layer-fade) * .7), #000 var(--lb-layer-fade)), var(--layer-fade-rest,linear-gradient(#000, #000));mask-image:linear-gradient(180deg, rgba(0, 0, 0, calc(1 - var(--lb-layer-fade-k))) 0, rgba(0, 0, 0, calc(1 - .85 * var(--lb-layer-fade-k))) calc(var(--lb-layer-fade) * .35), rgba(0, 0, 0, calc(1 - .35 * var(--lb-layer-fade-k))) calc(var(--lb-layer-fade) * .7), #000 var(--lb-layer-fade)), var(--layer-fade-rest,linear-gradient(#000, #000));-webkit-mask-composite:source-in;transition:--lb-layer-fade-k var(--lb-dur-quick) var(--lb-ease-app);-webkit-mask-composite:source-in;mask-composite:intersect}.lb-layer-fade[data-scrolled=true]{--lb-layer-fade-k:1}@media (prefers-reduced-motion:reduce){.lb-layer-fade[data-scrolled]{transition:none}}:root{--lb-row-fade:12px}.lb-row-fade{-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--lb-row-fade), #000 calc(100% - var(--lb-row-fade)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--lb-row-fade), #000 calc(100% - var(--lb-row-fade)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--lb-row-fade), #000 calc(100% - var(--lb-row-fade)), transparent)}
