.gradual-blur{--gb-size:clamp(64px, 10vh, 148px);--gb-dir:to bottom;z-index:2;pointer-events:none;position:absolute}.gradual-blur[data-pos=top]{--gb-dir:to top;height:var(--gb-size);top:0;left:0;right:0}.gradual-blur[data-pos=bottom]{--gb-dir:to bottom;height:var(--gb-size);bottom:0;left:0;right:0}.gradual-blur[data-pos=left]{--gb-dir:to left;width:var(--gb-size);top:0;bottom:0;left:0}.gradual-blur[data-pos=right]{--gb-dir:to right;width:var(--gb-size);top:0;bottom:0;right:0}.gradual-blur-layer{-webkit-backdrop-filter:blur(var(--gb-blur,2px));backdrop-filter:blur(var(--gb-blur,2px));display:block;position:absolute;inset:0}.gradual-blur:after{content:"";background:linear-gradient(var(--gb-dir), color-mix(in srgb, var(--ground) 0%, transparent) 0%, color-mix(in srgb, var(--ground) 16%, transparent) 44%, color-mix(in srgb, var(--ground) 54%, transparent) 74%, color-mix(in srgb, var(--ground) 88%, transparent) 92%, var(--ground) 100%);position:absolute;inset:0}.gradual-blur[data-live=off] .gradual-blur-layer{-webkit-backdrop-filter:none;backdrop-filter:none}@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.gradual-blur-layer{display:none}.gradual-blur:after{background:linear-gradient(var(--gb-dir), color-mix(in srgb, var(--ground) 0%, transparent) 0%, color-mix(in srgb, var(--ground) 34%, transparent) 40%, color-mix(in srgb, var(--ground) 78%, transparent) 72%, var(--ground) 96%)}}.spotlight{--sp-r:240px;position:relative}.spotlight:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle var(--sp-r) at var(--sp-x,50%) var(--sp-y,50%), color-mix(in srgb, var(--figure) 10%, transparent) 0%, color-mix(in srgb, var(--figure) 4%, transparent) 38%, transparent 68%);transition:opacity .26s;position:absolute;inset:0}.spotlight[data-spot=on]:after{opacity:var(--sp-on,0)}@media (pointer:coarse){.spotlight:after{display:none}}@media (prefers-reduced-motion:reduce){.spotlight:after{display:none}}