@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%}}.ag-edge-fade{scrollbar-width:none;overflow-x:auto}.ag-edge-fade::-webkit-scrollbar{display:none}@supports (animation-timeline:scroll()){.ag-edge-fade{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--ag-edge-fade-start), #000 calc(100% - var(--ag-edge-fade-end)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--ag-edge-fade-start), #000 calc(100% - var(--ag-edge-fade-end)), transparent);animation:linear both ag-edge-fade;animation-timeline:scroll(self inline)}}.ag-edge-fade-y{scrollbar-width:none;overflow-y:auto}.ag-edge-fade-y::-webkit-scrollbar{display:none}@supports (animation-timeline:scroll()){.ag-edge-fade-y{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--ag-edge-fade-start), #000 calc(100% - var(--ag-edge-fade-end)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--ag-edge-fade-start), #000 calc(100% - var(--ag-edge-fade-end)), transparent);animation:linear both ag-edge-fade;animation-timeline:scroll(self)}}}@layer utilities;@property --ag-edge-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --ag-edge-fade-end{syntax:"<length>";inherits:false;initial-value:0}@keyframes ag-edge-fade{0%{--ag-edge-fade-start:0px;--ag-edge-fade-end:var(--edge-fade,1.5rem)}10%,90%{--ag-edge-fade-start:var(--edge-fade,1.5rem);--ag-edge-fade-end:var(--edge-fade,1.5rem)}to{--ag-edge-fade-start:var(--edge-fade,1.5rem);--ag-edge-fade-end:0px}}