.hm-rail{--g: clamp(8px, 1vw, 16px);position:relative;max-width:1440px;margin:0 auto}.hm-rail .hm-rail__track{display:flex;gap:0 var(--g);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 var(--hm-gutter);overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hm-rail .hm-rail__track::-webkit-scrollbar{display:none}.hm-rail .hm-rail__track>*{flex:0 0 calc((100% - 3 * var(--g)) / 4);min-width:0;scroll-snap-align:start}.hm-rail .c2-track{overflow-x:hidden;overscroll-behavior:auto}.hm-rail__nav{display:flex;align-items:center;gap:10px;margin-top:clamp(24px,2.4vw,36px)}.hm-rail:not(.is-scrollable) .hm-rail__nav{display:none}.hm-rail__bar{position:relative;flex:1;height:1px;margin-right:14px;background:#e2dfda;overflow:hidden}.hm-rail__bar i{position:absolute;top:0;bottom:0;left:0;width:25%;background:var(--hm-ink, #111);will-change:left}.hm-rail__btn{flex:none;width:44px;height:44px;padding:0;border:1px solid #d9d6d1;border-radius:50%;background:#fff;color:var(--hm-ink, #111);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s,opacity .2s}.hm-rail__btn svg{width:18px;height:18px}.hm-rail__btn:hover:not([disabled]){background:var(--hm-ink, #111);border-color:var(--hm-ink, #111);color:#fff}.hm-rail__btn[disabled]{opacity:.3;cursor:default}@media(min-width:990px){.hm-rail{--pad: max(var(--hm-gutter), 72px);padding:0 var(--pad);max-width:calc(1440px + 2 * var(--pad))}.hm-rail .hm-rail__track{padding:0;max-width:none;scroll-padding:0;scroll-snap-type:x proximity}.hm-rail__nav{margin-top:clamp(20px,2vw,28px)}.hm-rail__bar{margin-right:0}.hm-rail__btn{position:absolute;top:var(--mid, 38%);transform:translateY(-50%);z-index:3;width:48px;height:48px;box-shadow:0 2px 10px #0000000f}.hm-rail__btn[data-hm-step="-1"]{left:calc((var(--pad) - 48px) / 2)}.hm-rail__btn[data-hm-step="1"]{right:calc((var(--pad) - 48px) / 2)}.hm-rail__btn[disabled]{opacity:.25}}@media(max-width:989px){.hm-rail{--g: 10px}.hm-rail .hm-rail__track>*{flex-basis:calc((100% - var(--g)) / 2.15)}.hm-rail__nav{padding:0 var(--hm-gutter);margin-top:22px;gap:8px}.hm-rail__bar{margin-right:10px}.hm-rail__btn{width:36px;height:36px}.hm-rail__btn svg{width:16px;height:16px}}@media(hover:none){.hm-rail .c2-track{overflow-x:hidden;touch-action:pan-x pan-y}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hm-rail.css.map */