.scrollshader-outer.scrollshader-active{width:100%;overflow-x:auto;overflow-y:visible;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;scroll-timeline-name:--scrollshadertimeline;scroll-timeline-axis:x;scroll-timeline-axisX:horizontal}.scrollshader-outer.scrollshader-active::before,.scrollshader-outer.scrollshader-active::after{--s:1em;content:'';position:sticky;flex:0 0 auto;width:var(--s);pointer-events:none;opacity:0;animation:auto linear scrollshader-ani both;animation-timeline:--scrollshadertimeline;--si:.13;--ri:.4;background-repeat:no-repeat;background-image:linear-gradient(to var(--grad_side),rgba(0,0,0,var(--si)),rgba(0,0,0,0)),radial-gradient(farthest-side at var(--grad_pct) 50%,rgba(0,0,0,var(--ri)),rgba(0,0,0,0))}.scrollshader-outer.scrollshader-active::before{left:0;margin-right:calc(-1 * var(--s));animation-range:contain 0 contain var(--s);--grad_side:right;--grad_pct:0%;background-position:0 0}.scrollshader-outer.scrollshader-active::after{right:0;margin-left:calc(-1 * var(--s));animation-range:contain calc(100% - var(--s)) contain 100%;animation-direction:reverse;--grad_side:left;--grad_pct:100%;background-position:0 100%}@keyframes scrollshader-ani{from{opacity:0}to{opacity:1}}.scrollshader-outer.scrollshader-active.scrollshader-compat::before,.scrollshader-outer.scrollshader-active.scrollshader-compat::after{transition-property:opacity;transition-duration:150ms}.scrollshader-outer.scrollshader-active.scrollshader-compat.scrollshader-snleft::before,.scrollshader-outer.scrollshader-active.scrollshader-compat.scrollshader-snright::after{opacity:1}