.gradual-blur{isolation:isolate;pointer-events:none}
.gradual-blur-inner{position:relative;width:100%;height:100%;pointer-events:none}
.gradual-blur-inner>div{position:absolute;inset:0;-webkit-backdrop-filter:inherit;backdrop-filter:inherit;will-change:backdrop-filter}
.gradual-blur-page{position:fixed;right:0;bottom:0;left:0;z-index:12;width:100%;height:var(--gradual-blur-height,11rem);opacity:0;background:linear-gradient(to bottom,transparent 0%,rgba(220,232,180,.12) 100%);will-change:opacity;transform:translateZ(0);transition:opacity .7s cubic-bezier(.22,.61,.36,1)}
.gradual-blur-page.is-visible{opacity:var(--gradual-blur-opacity,1)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.gradual-blur-inner>div{background:rgba(220,232,180,.14);opacity:.45}}
@media(max-width:780px){.gradual-blur-page{height:7rem;--gradual-blur-opacity:.9}}
@media(prefers-reduced-motion:reduce){.gradual-blur-page{transition:none}}