.hxrl{container-type:inline-size;width:100%;min-width:0;max-width:100%;font-family:var(--font-body);color:var(--color-graphite);--hx-gap:12px;--hx-side:0px}.hxrl *{box-sizing:border-box}.hxrl .hx-rail-wrap{position:relative}.hxrl .hx-rail{display:flex;gap:var(--hx-gap);min-width:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--hx-side));padding:0 var(--hx-side);scroll-padding:0 var(--hx-side)}.hxrl .hx-rail::-webkit-scrollbar{display:none}.hxrl .hx-rail__card{flex:0 0 var(--hx-card-w);scroll-snap-align:start;position:relative;border-radius:calc(var(--radius) * 2);overflow:hidden;background:var(--color-concrete-b);border:1px solid var(--color-concrete-a)}.hxrl .hx-rail__card>img,.hxrl .hx-rail__card>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:var(--color-concrete-b)}.hxrl .hx-rail__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;font-family:monospace;font-size:10px;line-height:1.55;color:var(--color-iron);overflow-wrap:anywhere;background:repeating-linear-gradient(135deg,var(--ph-a) 0px,var(--ph-a) 1px,var(--ph-b) 1px,var(--ph-b) 12px)}.hxrl .hx-rail__arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;background:var(--color-card);border:1px solid var(--color-concrete-a);box-shadow:0 8px 20px -8px #1a1a1d73;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;color:var(--color-graphite);z-index:2}.hxrl .hx-rail__arrow:hover{background:var(--color-chalk)}.hxrl .hx-rail__arrow svg{stroke:var(--color-graphite)}.hxrl .hx-rail__arrow--prev{left:calc(12px - var(--hx-side))}.hxrl .hx-rail__arrow--next{right:calc(12px - var(--hx-side))}.hxrl .hx-rail__arrow[hidden]{display:none}.hx-20{--hx-side:0px;--hx-card-w:clamp(140px, calc((100% - 3 * var(--hx-gap)) / 4), 210px)}.hx-20 .hx-20__section{padding:clamp(24px,4cqw,36px) var(--hx-side) clamp(24px,4cqw,40px)}@container (min-width:520px){.hx-20 .hx-20__section{--hx-card-w:min(calc((100% - 3 * var(--hx-gap)) / 4), 210px)}}.hx-20 .hx-rail__card{aspect-ratio:9/16}.hx-21{--hx-side:clamp(16px,2.5cqw,24px);--hx-card-w:clamp(220px,18.5cqw,256px);overflow:hidden}.hx-21 .hx-21__section{background:var(--color-chalk);padding:clamp(48px,6cqw,80px) var(--hx-side)}.hx-21 .hx-21__inner{max-width:var(--container-max);margin:0 auto;min-width:0}.hx-21 .hx-21__title{margin:0 0 clamp(24px,3cqw,40px);font-family:var(--font-heading);font-weight:600;font-size:clamp(26px,3.4cqw,40px);line-height:1.15;letter-spacing:-.01em;text-align:center;text-wrap:balance;color:var(--color-graphite)}.hx-21 .hx-rail__card{aspect-ratio:4/5}section.hx21{display:block;min-width:0;max-width:100%}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hx-rail.css.map */