.destination-carousel{background:var(--dc-bg, #ffffff)}.destination-carousel__head{margin-bottom:clamp(2.5rem,4vw,4rem)}.destination-carousel__frame{position:relative;display:block}.destination-carousel__track{display:flex;gap:clamp(1.2rem,1.8vw,2rem);margin:0;padding:0 clamp(1.5rem,4vw,4rem);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(1.5rem,4vw,4rem);scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.destination-carousel__track::-webkit-scrollbar{display:none}.destination-carousel__item{flex:0 0 auto;width:calc((100% - (3*clamp(1.2rem,1.8vw,2rem)))/4);min-width:0;scroll-snap-align:start}.destination-carousel__item:last-child{scroll-snap-align:end}.destination-carousel__tile{display:block;text-decoration:none;color:inherit}.destination-carousel__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#efeae3}.destination-carousel__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}.destination-carousel__tile:hover .destination-carousel__img{transform:scale(1.04)}.destination-carousel__label{display:block;margin-top:1.4rem;text-align:center;font-family:var(--font-body-family);font-size:1.35rem;font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:#1a1a1a}.destination-carousel__arrow{position:absolute;top:calc(50% - 2.4rem);transform:translateY(-50%);z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(0,0,0,.14);border-radius:50%;background:#ffffffeb;color:#1a1a1a;cursor:pointer;transition:opacity .25s ease,background-color .2s ease}.destination-carousel__arrow svg{width:18px;height:18px}.destination-carousel__arrow:hover{background:#fff}.destination-carousel__arrow--prev{left:clamp(.4rem,1.5vw,1.6rem)}.destination-carousel__arrow--next{right:clamp(.4rem,1.5vw,1.6rem)}.destination-carousel__arrow[hidden]{display:none}@media screen and (max-width:989px){.destination-carousel__item{width:calc((100% - clamp(1.2rem,1.8vw,2rem))/2)}}@media screen and (max-width:589px){.destination-carousel__item{width:72%}.destination-carousel__arrow{display:none}}@media(prefers-reduced-motion:reduce){.destination-carousel__track{scroll-behavior:auto}.destination-carousel__img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-destination-carousel.css.map */