.carousel-wrap{position:relative}.carousel-wrap__track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.carousel-wrap__track::-webkit-scrollbar{display:none}.carousel-wrap__track>*{scroll-snap-align:start;flex:0 0 min(320px,80vw)}.carousel-wrap__arrow{z-index:2;border:1px solid var(--color-border);background:var(--color-bg-primary);width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-wrap__arrow:hover{background:var(--color-accent);color:var(--color-text-on-dark);border-color:var(--color-accent)}.carousel-wrap__arrow--left{left:-20px}.carousel-wrap__arrow--right{right:-20px}.carousel-wrap:before,.carousel-wrap:after{content:"";z-index:1;pointer-events:none;width:60px;position:absolute;top:0;bottom:0}.carousel-wrap:before{background:linear-gradient(to right, var(--color-bg-primary), transparent);opacity:0;left:0}.carousel-wrap:after{background:linear-gradient(to left, var(--color-bg-primary), transparent);right:0}@media (max-width:768px){.carousel-wrap__arrow{display:none}.carousel-wrap__track>*{flex:0 0 85vw}}