@layer components{[data-fade-edge=end]{-webkit-mask-image:linear-gradient(to right, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to right, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to right, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);mask-image:linear-gradient(to right, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%)}[data-fade-edge=start]{-webkit-mask-image:linear-gradient(to left, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to left, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to left, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);mask-image:linear-gradient(to left, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%)}[data-fade-edge=both]{-webkit-mask-image:linear-gradient(to right, transparent 0%, black var(--aera-theme-fade-edge-mask-width,1rem), black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, black var(--aera-theme-fade-edge-mask-width,1rem), black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, black var(--aera-theme-fade-edge-mask-width,1rem), black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);mask-image:linear-gradient(to right, transparent 0%, black var(--aera-theme-fade-edge-mask-width,1rem), black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%)}:is([dir=rtl][data-fade-edge=end],[data-fade-edge=end]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){-webkit-mask-image:linear-gradient(to left, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to left, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to left, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);mask-image:linear-gradient(to left, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%)}:is([dir=rtl][data-fade-edge=start],[data-fade-edge=start]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){-webkit-mask-image:linear-gradient(to right, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to right, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to right, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);mask-image:linear-gradient(to right, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%)}[data-fade-edge=bottom]{-webkit-mask-image:linear-gradient(to bottom, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);mask-image:linear-gradient(to bottom, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%)}[data-fade-edge=top]{-webkit-mask-image:linear-gradient(to top, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to top, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to top, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);mask-image:linear-gradient(to top, black 0%, black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%)}[data-fade-edge=top-bottom]{-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black var(--aera-theme-fade-edge-mask-width,1rem), black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black var(--aera-theme-fade-edge-mask-width,1rem), black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black var(--aera-theme-fade-edge-mask-width,1rem), black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, black var(--aera-theme-fade-edge-mask-width,1rem), black calc(100% - var(--aera-theme-fade-edge-mask-width,1rem)), transparent 100%)}}