.sasaro-product-rail{width:100%;overflow-x:hidden;overflow-x:clip}.sasaro-product-rail__container{display:flex;flex-direction:column;gap:var(--sasaro-space-md)}.sasaro-product-rail{--sasaro-rail-gutter: 1.5rem}@media screen and (min-width:750px){.sasaro-product-rail{--sasaro-rail-gutter: 2.4rem}}.sasaro-product-rail__container.page-width{max-width:none;padding-inline:var(--sasaro-rail-gutter)}.sasaro-product-rail__header{display:flex;flex-direction:column;align-items:center;gap:var(--sasaro-space-sm);text-align:center}.sasaro-product-rail__heading-group{display:flex;align-items:center;justify-content:center;gap:var(--sasaro-space-sm);min-width:0}.sasaro-product-rail__titles{min-width:0}.sasaro-product-rail__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:4.4rem;height:4.4rem;border-radius:var(--sasaro-radius-md, 1rem);color:var(--sasaro-rail-accent, var(--sasaro-blue));background-color:color-mix(in srgb,var(--sasaro-rail-accent, var(--sasaro-blue)) 12%,transparent);border:.1rem solid color-mix(in srgb,var(--sasaro-rail-accent, var(--sasaro-blue)) 30%,transparent)}.sasaro-product-rail__icon svg{width:2.4rem;height:2.4rem}@supports not (background-color: color-mix(in srgb,red 12%,transparent)){.sasaro-product-rail__icon{background-color:var(--sasaro-bg-subtle);border-color:var(--sasaro-border)}}.sasaro-product-rail__count{margin:.2rem 0 0;font-size:1.3rem;font-weight:500;line-height:1.2;color:var(--sasaro-text-muted)}.sasaro-product-rail__heading{margin:0;color:var(--sasaro-text);font-weight:800;font-size:3rem;line-height:1.05;letter-spacing:-.01em;text-transform:uppercase}.sasaro-product-rail__heading-link{color:inherit;text-decoration:none}.sasaro-product-rail__heading-link:hover,.sasaro-product-rail__heading-link:focus-visible{text-decoration:underline;text-decoration-thickness:.2rem;text-underline-offset:.4rem;text-decoration-color:var(--sasaro-rail-accent, var(--sasaro-blue))}.sasaro-product-rail--band{background-color:var(--sasaro-bg-subtle);border-block:.1rem solid var(--sasaro-border)}@media screen and (max-width:749px){.sasaro-product-rail__heading{font-size:2.2rem}.sasaro-product-rail__icon{width:3.6rem;height:3.6rem}.sasaro-product-rail__icon svg{width:2rem;height:2rem}.sasaro-product-rail__heading-group{gap:var(--sasaro-space-xs)}}.sasaro-product-rail__view-all{display:inline-flex;align-items:center;justify-content:center;gap:var(--sasaro-space-3xs);flex:0 0 auto;white-space:nowrap;min-height:4.4rem;padding:.9rem 1.6rem;border-radius:var(--sasaro-radius-full);border:.15rem solid var(--sasaro-rail-accent, var(--sasaro-blue));color:var(--sasaro-rail-accent, var(--sasaro-blue));font-weight:700;font-size:1.3rem;text-decoration:none;background-color:transparent;box-sizing:border-box;transition:background-color var(--sasaro-transition-fast),color var(--sasaro-transition-fast),border-color var(--sasaro-transition-fast)}.sasaro-product-rail__view-all:hover,.sasaro-product-rail__view-all:focus-visible{background-color:color-mix(in srgb,var(--sasaro-rail-accent, var(--sasaro-blue)) 14%,transparent)}.sasaro-product-rail__view-all-arrow{transition:transform var(--sasaro-transition-fast)}.sasaro-product-rail__view-all:hover .sasaro-product-rail__view-all-arrow{transform:translate(.2rem)}.sasaro-product-rail__scroller{position:relative;margin-top:var(--sasaro-space-md)}.sasaro-product-rail__track{display:flex;align-items:stretch;gap:var(--sasaro-space-sm);margin:0;padding-block:0 var(--sasaro-space-xs);padding-inline:var(--sasaro-rail-gutter) var(--sasaro-space-lg);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--sasaro-rail-gutter);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overflow-anchor:none;scrollbar-width:none;-ms-overflow-style:none}.sasaro-product-rail__track::-webkit-scrollbar{display:none;height:0}.sasaro-product-rail__track:focus-visible{outline:2px solid var(--sasaro-blue);outline-offset:4px;border-radius:var(--sasaro-radius-sm)}.sasaro-product-rail__track--settling{scroll-snap-type:none}.sasaro-product-rail__item{flex:0 0 auto;width:180px;scroll-snap-align:start}@media screen and (min-width:750px){.sasaro-product-rail__item{width:220px}}@media screen and (min-width:990px){.sasaro-product-rail__item{width:260px}}.sasaro-product-rail__arrow{display:none;position:absolute;top:var(--sasaro-rail-arrow-offset, 50%);translate:0 -50%;z-index:2;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:var(--sasaro-radius-full);border:1px solid var(--sasaro-border);background-color:color-mix(in srgb,var(--sasaro-surface) 90%,transparent);-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);color:var(--sasaro-text);cursor:pointer;box-shadow:var(--sasaro-shadow-lg);transition:background-color var(--sasaro-transition-fast),border-color var(--sasaro-transition-fast),transform var(--sasaro-transition-fast)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.sasaro-product-rail__arrow{background-color:var(--sasaro-surface)}}.sasaro-product-rail__arrow--prev{inset-inline-start:var(--sasaro-space-md)}.sasaro-product-rail__scroller{--sasaro-rail-side-nav-clearance: 5.2rem}html:has(sasaro-side-nav.is-visible) .sasaro-product-rail__arrow--prev{inset-inline-start:calc(var(--sasaro-rail-side-nav-clearance) + var(--sasaro-space-md))}.sasaro-product-rail__arrow--next{inset-inline-end:var(--sasaro-space-md)}.sasaro-product-rail__arrow:hover,.sasaro-product-rail__arrow:focus-visible{border-color:var(--sasaro-blue);color:var(--sasaro-blue);transform:scale(1.05)}.sasaro-product-rail__arrow[hidden]{display:none!important}.sasaro-product-rail__arrow-icon{display:inline-flex;width:1.6rem;height:1.6rem}.sasaro-product-rail__arrow-icon svg{width:100%;height:100%}.sasaro-product-rail__arrow-icon--prev{transform:rotate(90deg)}.sasaro-product-rail__arrow-icon--next{transform:rotate(-90deg)}@media screen and (min-width:990px)and (pointer:fine){.sasaro-product-rail__scroller{--sasaro-rail-item-width: 260px;--sasaro-rail-arrow-offset: calc(var(--sasaro-rail-item-width) * 5 / 4 / 2)}.sasaro-product-rail__arrow{display:flex}}@media(prefers-reduced-motion:reduce){.sasaro-product-rail__track{scroll-behavior:auto}.sasaro-product-rail__arrow,.sasaro-product-rail__view-all-arrow{transition:none}}.sasaro-product-rail__editor-note{margin:0;padding:var(--sasaro-space-sm);border:1px dashed var(--sasaro-border);border-radius:var(--sasaro-radius-sm);color:var(--sasaro-text-muted);font-size:1.3rem}
/*# sourceMappingURL=/cdn/shop/t/15/assets/sasaro-product-rail.css.map */