@layer theme,base,components,utilities;@layer forge{.ff-scroll-fade{block-size:100%;inline-size:100%;position:relative}.ff-scroll-fade__container{contain:layout paint;overscroll-behavior:contain;block-size:100%;inline-size:100%;overflow-y:auto}.ff-scroll-fade__overlay{pointer-events:none;z-index:10;position:absolute}.ff-scroll-fade__overlay--top{background:linear-gradient(to bottom,var(--ff-color-white),transparent);inset-block-start:0;inset-inline:0}.ff-scroll-fade__overlay--bottom{background:linear-gradient(to top,var(--ff-color-white),transparent);inset-block-end:0;inset-inline:0}.ff-scroll-fade__overlay--left{background:linear-gradient(to right,var(--ff-color-white),transparent);inset-block:0;inset-inline-start:0}.ff-scroll-fade__overlay--right{background:linear-gradient(to left,var(--ff-color-white),transparent);inset-block:0;inset-inline-end:0}.ff-scroll-fade__overlay--h-xxs{block-size:var(--ff-spacing-4)}.ff-scroll-fade__overlay--h-sm{block-size:var(--ff-spacing-6)}.ff-scroll-fade__overlay--h-base,.ff-scroll-fade__overlay--h-md{block-size:var(--ff-spacing-8)}.ff-scroll-fade__overlay--h-lg{block-size:var(--ff-spacing-10)}.ff-scroll-fade__overlay--h-xl{block-size:var(--ff-spacing-12)}.ff-scroll-fade__overlay--w-xxs{inline-size:var(--ff-spacing-4)}.ff-scroll-fade__overlay--w-sm{inline-size:var(--ff-spacing-6)}.ff-scroll-fade__overlay--w-base,.ff-scroll-fade__overlay--w-md{inline-size:var(--ff-spacing-8)}.ff-scroll-fade__overlay--w-lg{inline-size:var(--ff-spacing-10)}.ff-scroll-fade__overlay--w-xl{inline-size:var(--ff-spacing-12)}.fade-enter-active,.fade-leave-active{transition:opacity .15s}.fade-enter-from,.fade-leave-to{opacity:0}}