@layer theme,base;@layer components{.ag-scrim{z-index:20;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(var(--scrim-blur,4px));backdrop-filter:blur(var(--scrim-blur,4px));position:fixed;left:0;right:0}.ag-scrim[data-edge=top]{height:var(--scrim-top-height,5rem);background:linear-gradient(to bottom, color-mix(in oklab, var(--scrim-color,var(--background)) var(--scrim-strength,90%), transparent) var(--scrim-start-stop,0%), color-mix(in oklab, var(--scrim-color,var(--background)) var(--scrim-mid-strength,35%), transparent) var(--scrim-mid-stop,50%), transparent);-webkit-mask-image:linear-gradient(to bottom, black var(--scrim-solid-stop,25%), transparent);mask-image:linear-gradient(to bottom, black var(--scrim-solid-stop,25%), transparent);top:0}.ag-scrim[data-edge=bottom]{height:var(--scrim-bottom-height,7rem);background:linear-gradient(to top, color-mix(in oklab, var(--scrim-color,var(--background)) var(--scrim-strength,90%), transparent), color-mix(in oklab, var(--scrim-color,var(--background)) var(--scrim-mid-strength,35%), transparent) var(--scrim-mid-stop,50%), transparent);-webkit-mask-image:linear-gradient(to top, black var(--scrim-solid-stop,25%), transparent);mask-image:linear-gradient(to top, black var(--scrim-solid-stop,25%), transparent);bottom:0}.ag-scrim[data-position=absolute]{position:absolute}.ag-scrim[data-mode=static]{opacity:1}@keyframes ag-scrim-top{0%{opacity:0}to{opacity:1}}@keyframes ag-scrim-bottom{0%{opacity:1}to{opacity:0}}@supports (animation-timeline:scroll()){.ag-scrim[data-mode=scroll][data-edge=top]{animation:linear both ag-scrim-top;animation-timeline:scroll();animation-range:0 160px}.ag-scrim[data-mode=scroll][data-edge=bottom]{animation:linear both ag-scrim-bottom;animation-timeline:scroll();animation-range:calc(100% - 140px) 100%}}}@layer utilities;