:root{--trending-now-spacing-xs: 8px;--trending-now-spacing-sm: 12px;--trending-now-spacing-md: 16px;--trending-now-spacing-lg: 24px;--trending-now-spacing-xl: 32px;--trending-now-spacing-2xl: 48px;--trending-now-arrow-size: 40px;--trending-now-dot-size: 8px;--trending-now-transition: all .3s cubic-bezier(.4, 0, .2, 1);--trending-now-slide-gap: 16px}.trending-now-slider{padding:var(--trending-now-spacing-2xl) 0;overflow:hidden;--slides-per-view: var(--slides-desktop, 4)}.trending-now-slider__container{width:100%;max-width:var(--page-width, 1200px);margin:0 auto;padding:0 var(--trending-now-spacing-md)}.trending-now-slider__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--trending-now-spacing-xl)}.trending-now-slider__heading{margin:0;font-size:2.4rem;font-weight:600;color:rgb(var(--color-foreground, 33, 33, 33));line-height:1.2}.trending-now-slider__view-all{display:inline-flex;align-items:center;gap:var(--trending-now-spacing-xs);color:rgb(var(--color-foreground, 33, 33, 33));text-decoration:none;font-size:1.4rem;font-weight:500;transition:var(--trending-now-transition)}.trending-now-slider__view-all:hover{opacity:.7}.trending-now-slider__view-all svg{width:16px;height:16px;transition:transform .2s ease}.trending-now-slider__view-all:hover svg{transform:translate(3px)}.trending-now-slider__wrapper{position:relative}.trending-now-slider__track{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;margin:0 calc(var(--trending-now-arrow-size) * -1 - var(--trending-now-spacing-sm));padding:0 calc(var(--trending-now-arrow-size) + var(--trending-now-spacing-sm))}.trending-now-slider__track::-webkit-scrollbar{display:none}.trending-now-slider__slides{display:flex;gap:var(--trending-now-slide-gap);padding:var(--trending-now-spacing-xs) 0 var(--trending-now-spacing-md);--slides-per-view: var(--slides-per-view, var(--slides-desktop, 4))}.trending-now-slider__slide{flex:0 0 auto;scroll-snap-align:start;scroll-snap-stop:always;width:calc((100% - (var(--slides-per-view, 4) - 1) * var(--trending-now-slide-gap)) / var(--slides-per-view, 4))}.trending-now-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--trending-now-arrow-size);height:var(--trending-now-arrow-size);display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:50%;cursor:pointer;z-index:2;transition:var(--trending-now-transition);box-shadow:0 2px 8px #0000001a}.trending-now-slider__arrow:hover:not(:disabled){background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-50%) scale(1.1)}.trending-now-slider__arrow:disabled{opacity:.3;cursor:not-allowed}.trending-now-slider__arrow svg{width:24px;height:24px;color:rgb(var(--color-foreground, 33, 33, 33))}.trending-now-slider__arrow--prev{left:var(--trending-now-spacing-xs)}.trending-now-slider__arrow--next{right:var(--trending-now-spacing-xs)}.trending-now-slider__dots{display:flex;justify-content:center;gap:var(--trending-now-spacing-xs);margin-top:var(--trending-now-spacing-lg);padding:var(--trending-now-spacing-sm) 0}.trending-now-slider__dot{width:var(--trending-now-dot-size);height:var(--trending-now-dot-size);border-radius:50%;border:none;background:rgb(var(--color-foreground, 33, 33, 33));opacity:.2;cursor:pointer;transition:var(--trending-now-transition);padding:0}.trending-now-slider__dot:hover{opacity:.4;transform:scale(1.2)}.trending-now-slider__dot--active{opacity:1;width:calc(var(--trending-now-dot-size) * 3);border-radius:var(--trending-now-dot-size)}.trending-now-slider__empty{text-align:center;padding:var(--trending-now-spacing-2xl) var(--trending-now-spacing-lg);background:rgba(var(--color-foreground, 33, 33, 33),.03);border-radius:8px}.trending-now-slider__empty p{margin:0;color:rgb(var(--color-foreground, 33, 33, 33));opacity:.7;font-size:1.6rem}.trending-now-slider__empty p+p{margin-top:var(--trending-now-spacing-sm);font-size:1.4rem}@media screen and (min-width: 990px){.trending-now-slider__slide{--slides-per-view: var(--slides-desktop, 4)}.trending-now-slider__track{margin:0;padding:0}}@media screen and (min-width: 750px) and (max-width: 989px){.trending-now-slider__slide{--slides-per-view: var(--slides-tablet, 3)}.trending-now-slider__track{margin:0;padding:0 var(--trending-now-spacing-sm)}.trending-now-slider__heading{font-size:2rem}.trending-now-slider__arrow{width:36px;height:36px}.trending-now-slider__arrow svg{width:20px;height:20px}}@media screen and (max-width: 749px){.trending-now-slider__slide{--slides-per-view: var(--slides-mobile, 2)}.trending-now-slider__container{padding:0 var(--trending-now-spacing-sm)}.trending-now-slider__header{flex-direction:column;align-items:flex-start;gap:var(--trending-now-spacing-sm)}.trending-now-slider__heading{font-size:1.8rem}.trending-now-slider__view-all{font-size:1.3rem}.trending-now-slider__arrow{width:32px;height:32px}.trending-now-slider__arrow svg{width:18px;height:18px}.trending-now-slider__dots{margin-top:var(--trending-now-spacing-md)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.trending-now-slider__arrow:focus-visible,.trending-now-slider__dot:focus-visible,.trending-now-slider__view-all:focus-visible{outline:2px solid rgb(var(--color-foreground, 33, 33, 33));outline-offset:2px}@media print{.trending-now-slider__arrow,.trending-now-slider__dots{display:none}}@media (prefers-reduced-motion: reduce){.trending-now-slider__track{scroll-behavior:auto}.trending-now-slider__arrow,.trending-now-slider__dot,.trending-now-slider__view-all{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/trending-now-slider.css.map */