hm-carousel{--_per: var(--per, 1.6);--_gap: var(--gap, 12px);--_gutter: var(--gutter, max(var(--page-margin, 16px), calc((100% - var(--page-width, 100%)) / 2 + var(--page-margin, 16px))));--_dot: var(--hm-car-dot, var(--hm-onyx, #0a0a0a));display:block;position:relative;min-width:0}@media(min-width:750px){hm-carousel{--_per: var(--per-md, 3);--_gap: var(--gap-md, var(--gap, 16px))}}@media(min-width:990px){hm-carousel{--_per: var(--per-lg, 4);--_gap: var(--gap-lg, var(--gap-md, var(--gap, 20px)))}}.hm-car__track{position:relative;display:flex;gap:var(--_gap);margin:0;padding:4px var(--_gutter) 6px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:auto;scroll-padding-inline:var(--_gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.hm-car__track::-webkit-scrollbar{display:none}.hm-car__track>*{flex:0 0 calc((100% - var(--_gap) * (var(--_per) - 1)) / var(--_per));min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}.hm-car__nav{display:flex;align-items:center;justify-content:center;gap:12px;min-height:28px;margin-top:var(--nav-space, 16px);padding-inline:var(--_gutter)}.hm-car__dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.hm-car__dot{display:grid;place-items:center;min-width:22px;height:28px;padding:0 3px;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.hm-car__dot:before{content:"";display:block;width:7px;height:7px;border-radius:99px;background:var(--_dot);opacity:.22;transition:width .3s ease,opacity .3s ease}.hm-car__dot[aria-current=true]:before{width:22px;opacity:1}.hm-car__dot:focus-visible{outline:2px solid var(--_dot);outline-offset:1px;border-radius:99px}.hm-car__arrow{display:none;place-items:center;flex:0 0 auto;width:40px;height:40px;padding:0;border:1px solid color-mix(in srgb,var(--_dot) 18%,transparent);border-radius:50%;background:var(--hm-car-arrow-bg, #fff);color:var(--_dot);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.hm-car__arrow svg{width:16px;height:16px}.hm-car__arrow:hover{background:var(--_dot);color:var(--hm-car-arrow-bg, #fff);border-color:var(--_dot)}.hm-car__arrow:focus-visible{outline:2px solid var(--_dot);outline-offset:2px}@media(min-width:750px)and (hover:hover){.hm-car__arrow{display:inline-grid}}hm-carousel[data-static] .hm-car__arrow,hm-carousel[data-static] .hm-car__dots{visibility:hidden}@media(prefers-reduced-motion:reduce){.hm-car__dot:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/hm-carousel.css.map */