.ds-scroll-shadows:before,.ds-scroll-shadows:after{content:"";z-index:2;pointer-events:none;opacity:0;width:40px;transition:opacity .15s cubic-bezier(.16,1,.3,1);position:absolute;inset-block:0}.ds-scroll-shadows:before{background:linear-gradient(to right, var(--surface), transparent);inset-inline-start:var(--scroll-shadows-start,0px)}.ds-scroll-shadows:after{background:linear-gradient(to left, var(--surface), transparent);inset-inline-end:0}.ds-scroll-shadows[data-more-start]:before,.ds-scroll-shadows[data-more-end]:after{opacity:1}@media (prefers-reduced-motion:reduce){.ds-scroll-shadows:before,.ds-scroll-shadows:after{transition:none}}@media (width>=600px){.ds-scroll-shadows-phone:before,.ds-scroll-shadows-phone:after{display:none}}