.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width:100%){.container{max-width:100%}}@media (min-width:1280px){.container{max-width:1280px}}.scroll-view{overflow:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(white 30%,rgba(255,255,255,0)) top,linear-gradient(rgba(255,255,255,0),white 70%) bottom,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.2),rgba(0,0,0,0)) top,radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.2),rgba(0,0,0,0)) bottom;background-repeat:no-repeat;background-size:100% 2.5rem,100% 2.5rem,100% .875rem,100% .875rem;background-attachment:local,local,scroll,scroll}.scroll-view--horizontal{overflow-x:auto;background:linear-gradient(90deg,white 30%,rgba(255,255,255,0)) 0 0,linear-gradient(90deg,rgba(255,255,255,0),white 70%) 100% 0,radial-gradient(farthest-side at 0,rgba(0,0,0,.2),rgba(0,0,0,0)) 0 0,radial-gradient(farthest-side at 100%,rgba(0,0,0,.2),rgba(0,0,0,0)) 100% 0;background-repeat:no-repeat;background-size:2.5rem 100%,2.5rem 100%,2.5rem 100%,2.5rem 100%;background-attachment:local,local,scroll,scroll}@media (min-width:1280px){.xl\:container{width:100%;margin-right:auto;margin-left:auto}@media (min-width:100%){.xl\:container{max-width:100%}}@media (min-width:1280px){.xl\:container{max-width:1280px}}}