.crocs-carousel{display:flex;gap:var(--crocs-carousel-gap, 12px);align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.crocs-carousel::-webkit-scrollbar{display:none}.crocs-carousel>*{flex:0 0 calc((100% - var(--crocs-carousel-gap, 12px) * var(--crocs-carousel-gaps, var(--crocs-carousel-cols, 4))) / (var(--crocs-carousel-cols, 4) + var(--crocs-carousel-peek, .27)));scroll-snap-align:start}.crocs-carousel.is-dragging{scroll-behavior:auto;scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.crocs-carousel.is-dragging>*{pointer-events:none}@media only screen and (max-width:989px){.crocs-carousel{--crocs-carousel-cols: var(--crocs-carousel-cols-mobile, 2);--crocs-carousel-gap: var(--crocs-carousel-gap-mobile, 6px);--crocs-carousel-peek: var(--crocs-carousel-peek-mobile, .31);--crocs-carousel-gaps: var(--crocs-carousel-gaps-mobile, var(--crocs-carousel-cols-mobile, 2))}.crocs-carousel--bleed{margin-right:calc(var(--crocs-carousel-bleed, 16px) * -1);padding-right:0;scroll-padding-inline-start:0}}.crocs-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;background:none;color:#222;cursor:pointer;transition:opacity .2s linear}.crocs-carousel-nav svg{width:48px;height:48px}.crocs-carousel-nav--prev{left:0}.crocs-carousel-nav--prev svg{transform:scaleX(-1)}.crocs-carousel-nav--next{right:0}.crocs-carousel-nav[disabled]{opacity:0;pointer-events:none}@media only screen and (max-width:989px){.crocs-carousel-nav{display:none}}.crocs-carousel-dots{display:flex;align-items:center;justify-content:center;gap:6px}.crocs-carousel-dot{width:12px;height:12px;padding:0;border:0;border-radius:9px;background:var(--crocs-ink, #141215);opacity:.24;cursor:pointer;transition:width .25s ease,opacity .25s ease}.crocs-carousel-dot[aria-current=true]{width:36px;opacity:1}@media only screen and (max-width:989px){.crocs-carousel-dot{width:9px;height:9px}.crocs-carousel-dot[aria-current=true]{width:27px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/crocs-carousel.css.map */