:root{--pwa-status-bar-color:var(--semantic-page-background)}html.community-shell{--pwa-status-bar-color:color-mix(in srgb, var(--primitive-brand-500) 8%, var(--community-canvas))}
@property --scroll-fade-y-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-y-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@keyframes scroll-fade-y-reveal-t{0%{--scroll-fade-y-t:0px}to{--scroll-fade-y-t:var(--_scroll-fade-y-size-t)}}@keyframes scroll-fade-y-reveal-b{0%{--scroll-fade-y-b:var(--_scroll-fade-y-size-b)}to{--scroll-fade-y-b:0px}}@layer utilities{.scroll-fade-y{--_scroll-fade-y-size-t:var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--_scroll-fade-y-size-b:var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-mask:linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-y-t,0px), #000 calc(100% - var(--scroll-fade-y-b,0px)), transparent 100%);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);mask-image:var(--scroll-fade-mask);-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade-y{animation:1ms ease-in-out scroll-fade-y-reveal-t,1ms ease-in-out scroll-fade-y-reveal-b;animation-timeline:scroll(self y),scroll(self y);animation-range:0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade-y{--scroll-fade-y-b:var(--_scroll-fade-y-size-b)}}}