.scroll-cards-wrapper{margin:0 auto;max-width:1080px;overflow:hidden;padding:0;position:relative}.scroll-cards-container{display:flex;flex-wrap:nowrap;gap:8px;margin:0 48px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;padding:0;scroll-padding-left:16px}.scroll-card{background:#f5f5f5;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);flex:0 0 auto;margin:8px;padding:16px;scroll-snap-align:start;width:222px}.scroll-arrow{background:#ffffff00;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;height:40px;padding:.5rem;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:10}.scroll-left{left:.5rem}.scroll-right{right:.5rem}.scroll-arrow:focus{outline:2px solid #0073e6}.scroll-card-shadow{background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.3);transition:box-shadow .2s ease-in-out}.scroll-card-shadow:hover{box-shadow:0 4px 6px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.3)}