@layer theme,base;@layer components{:where(.jx-pblur[data-variant=scroll][data-position=top]) .jx-pblur-layer,:where(.jx-pblur[data-variant=scroll][data-position=bottom]) .jx-pblur-layer{opacity:0}@supports (animation-timeline:scroll()){:where(.jx-pblur[data-variant=scroll][data-position=top]) .jx-pblur-layer{animation:linear both jx-pblur-reveal;animation-timeline:var(--jx-pblur-scroll-tl,scroll(nearest block));animation-range:0px var(--jx-pblur-ramp,72px)}:where(.jx-pblur[data-variant=scroll][data-position=bottom]) .jx-pblur-layer{animation:linear both jx-pblur-reveal;animation-timeline:var(--jx-pblur-scroll-tl,scroll(nearest block));animation-range:calc(100% - var(--jx-pblur-ramp,72px)) 100%}}@keyframes jx-pblur-reveal{to{opacity:1}}:where([data-jx-pblur][data-position=top]) .jx-pblur-layer{-webkit-mask-image:linear-gradient(to top, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3));-webkit-mask-image:linear-gradient(to top, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3));mask-image:linear-gradient(to top, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3))}:where([data-jx-pblur][data-position=bottom]) .jx-pblur-layer{-webkit-mask-image:linear-gradient(to bottom, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3));-webkit-mask-image:linear-gradient(to bottom, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3));mask-image:linear-gradient(to bottom, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3))}:where([data-jx-pblur][data-position=start]) .jx-pblur-layer{-webkit-mask-image:linear-gradient(to left, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3));-webkit-mask-image:linear-gradient(to left, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3));mask-image:linear-gradient(to left, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3))}:where([data-jx-pblur][data-position=end]) .jx-pblur-layer,: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)) :where([data-jx-pblur][data-position=start]) .jx-pblur-layer{-webkit-mask-image:linear-gradient(to right, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3));-webkit-mask-image:linear-gradient(to right, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3));mask-image:linear-gradient(to right, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3))}: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)) :where([data-jx-pblur][data-position=end]) .jx-pblur-layer{-webkit-mask-image:linear-gradient(to left, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3));-webkit-mask-image:linear-gradient(to left, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3));mask-image:linear-gradient(to left, transparent var(--jx-pblur-s0), #000 var(--jx-pblur-s1), #000 var(--jx-pblur-s2), rgb(0 0 0/var(--jx-pblur-tail-a,0)) var(--jx-pblur-s3))}}