.category-rail{--category-rail-size:80px;--category-rail-pad:8px;--category-rail-fade:var(--ease-duration-base);--category-rail-pill-bg:color-mix(in srgb, rgb(var(--text-color)) 10%, rgb(var(--bg-color,255 255 255)));display:block}.category-rail[hidden]{display:none}.category-rail__heading{margin:0 0 calc(4 * var(--space-unit));font-size:1.8rem;font-weight:600}.category-rail__viewport{position:relative}.category-rail__track{gap:calc(2.5 * var(--space-unit));scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none;display:flex;overflow:auto hidden}.category-rail__track::-webkit-scrollbar{display:none}.category-rail__track:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px;border-radius:2px}.category-rail--draggable .category-rail__track{cursor:grab}.category-rail--grabbing .category-rail__track{cursor:grabbing}.category-rail__card{flex:0 0 var(--category-rail-size);width:var(--category-rail-size);align-items:center;gap:calc(2 * var(--space-unit));text-align:center;color:inherit;flex-direction:column;text-decoration:none;display:flex}.category-rail__card:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:4px;border-radius:var(--btn-border-radius,4px)}.category-rail__media{width:var(--category-rail-size);height:var(--category-rail-size)}.category-rail__img,.category-rail__placeholder{box-sizing:border-box;width:100%;height:100%;padding:var(--category-rail-pad,0);background:var(--category-rail-pill-bg);display:block}.category-rail__img{object-fit:cover;-webkit-user-drag:none}.category-rail__track--circle .category-rail__img,.category-rail__track--circle .category-rail__placeholder{border-radius:50%}.category-rail__track--rounded .category-rail__img,.category-rail__track--rounded .category-rail__placeholder{border-radius:calc(2 * var(--space-unit))}.category-rail__track--square .category-rail__img,.category-rail__track--square .category-rail__placeholder{border-radius:0}.category-rail__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;height:2.6em;font-size:1.3rem;line-height:1.3;display:-webkit-box;overflow:hidden}.category-rail__card[hidden]{display:none}.category-rail__arrow{top:var(--category-rail-arrow-top,calc(var(--category-rail-size) / 2));width:calc(8 * var(--space-unit));height:calc(8 * var(--space-unit));background:rgb(var(--text-color));color:rgb(var(--bg-color,255 255 255));cursor:pointer;z-index:1;box-shadow:0 2px 8px rgb(var(--text-color) / .15);transition:opacity var(--category-rail-fade) var(--ease-standard);border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translateY(-50%)}.category-rail__arrow svg{width:16px;height:16px}.category-rail__arrow:disabled{opacity:0;pointer-events:none;cursor:default}.category-rail__arrow:focus-visible{outline:2px solid rgb(var(--bg-color,255 255 255));outline-offset:2px}.category-rail__arrow--prev{inset-inline-start:calc(1 * var(--space-unit))}.category-rail__arrow--next{inset-inline-end:calc(1 * var(--space-unit))}.category-rail__note{margin:calc(4 * var(--space-unit)) 0;padding:calc(3 * var(--space-unit));background:rgb(var(--text-color) / .04);text-align:center;color:rgb(var(--text-color) / .7)}@media(max-width:768.98px){.category-rail__track{gap:calc(2 * var(--space-unit))}.category-rail__arrow{width:calc(7 * var(--space-unit));height:calc(7 * var(--space-unit))}}@media(prefers-reduced-motion:reduce){.category-rail__track{scroll-behavior:auto}.category-rail__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/category-rail.css.map */