.js-trending{display:flex;flex-direction:column;gap:20px;width:100%;max-width:100%;min-width:0;color:#030303}.js-trending__header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.js-trending__title{margin:0;padding-left:24px;border-left:8px solid var(--js-trending-accent, #0f6bb7);color:#030303;font-family:var(--js-condensed-font-family, "Open Sans Condensed", sans-serif);font-style:var(--heading-font-style);font-size:26px;line-height:34px;font-weight:700;letter-spacing:0;text-transform:uppercase}.js-trending__view-all{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;color:#666;font-family:var(--js-sans-font-family, "Source Sans Pro", sans-serif);font-size:16px;line-height:24px;font-weight:400;text-decoration:none;white-space:nowrap}.js-trending__view-all:hover{color:#030303}.js-trending__view-all-icon{display:flex;align-items:center;justify-content:center;padding:4px;background:#fff;border-radius:12px}.js-trending__view-all-icon img{display:block;width:16px;height:16px}.js-trending__swiper.swiper{box-sizing:border-box;width:calc(100% + (var(--container-outer-width) * 2));max-width:calc(100vw - var(--scrollbar-width, 0px));margin-inline:calc(-1 * var(--container-outer-width));overflow:hidden}.js-trending__swiper .swiper-wrapper{align-items:stretch}.js-trending__slide.swiper-slide{display:flex;width:304px;height:auto}.js-trending__controls{display:flex;align-items:center;gap:40px;width:100%}.js-trending__scrollbar.swiper-scrollbar{display:none;position:relative;inset:auto;flex:1 1 auto;width:auto;height:4px;margin:0;background:#e7e7e7;border-radius:0}.js-trending__scrollbar .swiper-scrollbar-drag{background:#222;border-radius:0;cursor:grab}.js-trending__nav{display:none;flex:0 0 auto;align-items:center;gap:12px}.js-trending__nav-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:48px;height:48px;margin:0;padding:12px;border:0;border-radius:99px;background:#e7e7e7;cursor:pointer}.js-trending__nav-button img{display:block;width:24px;height:24px}.js-trending__nav-button[data-trending-prev] img{transform:rotate(-90deg)}.js-trending__nav-button[data-trending-next] img{transform:rotate(90deg)}.js-trending__nav-button.swiper-button-disabled,.js-trending__nav-button[disabled]{opacity:.4;cursor:default}@media screen and (min-width:1000px){.js-trending{gap:40px}.js-trending__title{font-size:32px;line-height:46px}.js-trending__slide.swiper-slide{width:338px}.js-trending__nav{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/js-trending.css.map */