.shop-rail{position:relative}.shop-rail__header{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.8rem}.shop-rail__eyebrow{display:inline-flex;align-items:center;gap:.7rem;margin:0;font-size:1.1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.72}.shop-rail__pulse{width:.7rem;height:.7rem;flex:0 0 auto;border-radius:50%;background:rgb(var(--color-foreground));animation:shop-rail-pulse 2.4s ease-in-out infinite}@keyframes shop-rail-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.shop-rail__heading{margin:0;text-wrap:balance}.shop-rail__subheading{margin:0;max-width:60ch;opacity:.75}.shop-rail__header-row{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}@media screen and (min-width:750px){.shop-rail__header-row{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}}.shop-rail__viewall{flex:0 0 auto;display:inline-flex;align-items:center;gap:.7rem;min-height:4.2rem;padding:.6rem 1.8rem;border:1px solid rgba(var(--color-foreground),.35);border-radius:999px;color:rgb(var(--color-foreground));font-size:1.3rem;font-weight:600;white-space:nowrap;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.shop-rail__viewall:hover,.shop-rail__viewall:focus-visible{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.shop-rail__viewall-arrow{display:inline-block;transition:transform .18s ease}.shop-rail__viewall:hover .shop-rail__viewall-arrow,.shop-rail__viewall:focus-visible .shop-rail__viewall-arrow{transform:translate(.4rem)}.shop-rail__tabs{display:flex;gap:.8rem;margin:0 0 1.6rem;padding:.4rem 1.5rem .8rem;margin-inline:-1.5rem;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shop-rail__tabs::-webkit-scrollbar{display:none}.shop-rail__tab{flex:0 0 auto;scroll-snap-align:start}.shop-rail__pill{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.7rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:5rem;background:rgba(var(--color-foreground),.02);color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:500;line-height:1.2;letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.shop-rail__pill:hover{border-color:rgba(var(--color-foreground),.45);transform:translateY(-.1rem)}.shop-rail__pill[aria-selected=true]{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.shop-rail__pill-emoji{font-size:1.6rem;line-height:1}.shop-rail__pill-count{font-size:1.1rem;font-variant-numeric:tabular-nums;opacity:.6}.shop-rail__panel[hidden]{display:none}.product-rail{--rail-gap: 1.2rem;--rail-arrow-top: 34%;--rail-fade: 2.4rem;position:relative}.product-rail__viewport{display:block;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:.4rem 1.5rem 1rem;margin-inline:-1.5rem}.product-rail__viewport::-webkit-scrollbar{display:none}.product-rail__track{display:flex;align-items:stretch;column-gap:var(--rail-gap);margin:0;padding:0;list-style:none}.product-rail__item{flex:0 0 clamp(15.5rem,60vw,21rem);min-width:0}.product-rail__item>.card-wrapper,.product-rail__item>*{height:100%}@media screen and (max-width:749px){.product-rail__viewport{scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth}.product-rail__item{scroll-snap-align:start!important;scroll-snap-stop:normal}}@media screen and (min-width:750px){.product-rail:not([data-running]) .product-rail__viewport{scroll-snap-type:x proximity}.product-rail:not([data-running]) .product-rail__item{scroll-snap-align:start}}.product-rail[data-overflows]:before,.product-rail[data-overflows]:after{display:none;content:none}.product-rail__arrow{position:absolute;top:var(--rail-arrow-top);transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:1px solid rgba(var(--color-foreground),.14);border-radius:50%;background:rgba(var(--color-background, 255, 255, 255),.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:rgb(var(--color-foreground));box-shadow:0 4px 14px #00000024;cursor:pointer;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease}@media screen and (max-width:749px){.product-rail__arrow{width:3.4rem;height:3.4rem;background:#fffffff5;box-shadow:0 2px 10px #0003}.product-rail__arrow--prev{left:.5rem}.product-rail__arrow--next{right:.5rem}}@media screen and (min-width:750px){.product-rail__arrow{width:4.4rem;height:4.4rem}.product-rail__arrow--prev{left:-1.2rem}.product-rail__arrow--next{right:-1.2rem}}.product-rail__arrow svg{width:1.4rem;height:1.4rem}.product-rail__arrow:hover{box-shadow:0 .3rem 1.8rem rgba(var(--color-foreground),.22);transform:translateY(-50%) scale(1.08)}.product-rail__arrow[disabled]{opacity:0;pointer-events:none;cursor:default}.shop-rail__empty{padding:3rem 2rem;border:.1rem dashed rgba(var(--color-foreground),.2);border-radius:1rem;text-align:center;opacity:.7}@media screen and (min-width:750px){.shop-rail__header{gap:.8rem;margin-bottom:2.4rem}.shop-rail__header-row{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:2rem}.shop-rail__tabs{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}.product-rail{--rail-gap: 1.6rem;--rail-fade: 4rem}.product-rail__viewport{padding-inline:0;margin-inline:0}.product-rail__item{flex-basis:24rem}.product-rail__arrow{display:flex}}@media screen and (min-width:990px){.product-rail__item{flex-basis:calc((min(var(--page-width),100vw - 10rem) - (var(--rail-per-view, 4) - 1) * var(--rail-gap)) / var(--rail-per-view, 4))}.product-rail__arrow--prev{left:-2rem}.product-rail__arrow--next{right:-2rem}}@media(prefers-reduced-motion:reduce){.product-rail .product-rail__viewport{scroll-snap-type:x proximity}.product-rail .product-rail__item{scroll-snap-align:start}.shop-rail__pulse{animation:none;opacity:.7}.shop-rail__pill,.shop-rail__viewall,.shop-rail__viewall-arrow,.product-rail__arrow{transition:none}.shop-rail__pill:hover,.product-rail__arrow:hover{transform:none}.product-rail__arrow:hover{transform:translateY(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-product-rail.css.map */