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