.trend-showcase{--ts-accent: #609afa;--ts-border-w: 2px;--ts-radius: 12px;--ts-body-bg: linear-gradient(188.66deg, #eff5ff 28.75%, rgba(244, 251, 255, .4) 87.64%);--ts-tab-color: #1e97ee;--ts-tab-bg: #f7f7f8;--ts-tab-active-bg: #eff5ff;--ts-tab-fs: 12px;--ts-tab-img-h: 36px;--ts-pill-radius: 999px;--ts-pill-color: #404040;--ts-pill-bg: #ffffff;--ts-pill-border: #d4d4d8;--ts-pill-active-color: #2570eb;--ts-pill-active-bg: #eff5ff;--ts-pill-active-border: #3b82f6;--ts-sub-radius: 8px;--ts-gap: 8px;--ts-per-view: var(--ts-per-view-mobile, 2);--ts-card-bg: #ffffff;--ts-card-radius: 16px;position:relative;display:block;font-family:var(--font-body-family, inherit);border:var(--ts-border-w) solid var(--ts-accent);border-top:0;border-radius:var(--ts-radius);background:var(--ts-body-bg)}.ts-tabs{position:relative;z-index:2;display:flex;align-items:stretch;gap:0;margin:0 calc(var(--ts-border-w) * -1);background:#fff;border-radius:var(--ts-radius) var(--ts-radius) 0 0;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.ts-tabs::-webkit-scrollbar{display:none}.ts-tab{position:relative;flex:1 1 0;min-width:80px;min-height:44px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;margin:0;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none;border:0;border-bottom:var(--ts-border-w) solid var(--ts-accent);border-radius:var(--ts-radius) var(--ts-radius) 0 0;background:var(--ts-tab-bg);box-shadow:inset -1px 0 10px #0000000d,0 2px 8px #00000008;transition:opacity .3s ease,background-color .3s ease}.ts-tab:hover .ts-tab__text,.ts-tab:hover .ts-tab__img{opacity:.7}.ts-tab.is-active{z-index:3;pointer-events:none;border:var(--ts-border-w) solid var(--ts-accent);border-bottom:0;background:var(--ts-tab-active-bg);box-shadow:none}.ts-tab__text{display:block;font-family:var(--font-heading-family, inherit);font-size:var(--ts-tab-fs);font-weight:var(--font-heading-weight, 700);line-height:1.15;text-transform:uppercase;color:var(--ts-tab-color);white-space:pre-line;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.ts-tab__img{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:8px 4px;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.ts-tab__img img{display:block;width:auto;max-width:100%;height:auto;max-height:var(--ts-tab-img-h);object-fit:contain}.ts-tab--has-image .ts-tab__text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:8px 4px;transform:scale(1);opacity:1}.ts-tab--has-image.is-active .ts-tab__text{transform:scale(.9);opacity:0;pointer-events:none}.ts-tab--has-image .ts-tab__img{transform:scale(.9);opacity:0}.ts-tab--has-image.is-active .ts-tab__img{transform:scale(1);opacity:1}.ts-tab--text-only .ts-tab__text{padding:10px 6px}.ts-body{padding:12px 0}.ts-panelgroup[hidden]{display:none}.ts-panelgroup{animation:ts-fade-in .3s ease-in-out}@keyframes ts-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.trend-showcase *,.trend-showcase *:before,.trend-showcase *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.ts-strip{position:relative}.ts-strip__track{display:flex;align-items:center;gap:var(--ts-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.ts-strip__track::-webkit-scrollbar{display:none}.ts-strip__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:flex;align-items:center;justify-content:center;width:28px;height:56px;padding:0;border:0;cursor:pointer;color:#262626;background:#ffffffd9;box-shadow:0 4px 14px #0000001f;transition:opacity .15s ease,background-color .15s ease}.ts-strip__arrow:hover{background:#fff}.ts-strip__arrow svg{width:22px;height:22px}.ts-strip__arrow--prev{left:0;border-radius:0 999px 999px 0}.ts-strip__arrow--next{right:0;border-radius:999px 0 0 999px}.ts-strip__arrow[hidden]{display:none}.ts-pills{padding:0 12px}.ts-pills--l2{margin-bottom:10px}.ts-pills--l3{margin-bottom:4px}.ts-pill{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-width:92px;height:26px;padding:0 12px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;color:var(--ts-pill-color);background:var(--ts-pill-bg);border:1px solid var(--ts-pill-border);border-radius:var(--ts-pill-radius);transition:color .2s ease,border-color .2s ease,background-color .2s ease}.ts-pill:hover{border-color:var(--ts-pill-active-border);color:var(--ts-pill-active-color)}.ts-pill.is-active{pointer-events:none;color:var(--ts-pill-active-color);background:var(--ts-pill-active-bg);border-color:var(--ts-pill-active-border)}.ts-pills--l3 .ts-pill{border-radius:var(--ts-sub-radius)}.ts-pill__icon{display:block;width:auto;height:16px;max-width:24px;object-fit:contain}.ts-catbody[hidden],.ts-panel[hidden]{display:none}.ts-carousel{margin-top:12px;padding:0 12px}.ts-carousel .ts-strip__track{align-items:stretch;padding:6px 0 4px}.ts-slide{flex:0 0 calc((100% - (var(--ts-per-view) - 1) * var(--ts-gap)) / var(--ts-per-view));display:flex}.ts-carousel .ts-strip__arrow{width:34px;height:34px;border-radius:999px}.ts-carousel .ts-strip__arrow--prev{left:2px}.ts-carousel .ts-strip__arrow--next{right:2px}.ts-empty{padding:24px 12px;font-size:14px;color:#6b7280}.ts-slide>*{width:100%}.ts-slide .product-item{height:100%}.ts-slide .product-item>.card{height:100%;background:var(--ts-card-bg);border-radius:var(--ts-card-radius)}.ts-slide .product-item>.card>.card-product{border-radius:var(--ts-card-radius) var(--ts-card-radius) 0 0;overflow:hidden}@media(min-width:768px){.ts-tab{min-height:62px}.trend-showcase{--ts-border-w: 3px;--ts-per-view: var(--ts-per-view-tablet, 3)}.ts-tab__text{font-size:var(--ts-tab-fs-md, 2.3vw);white-space:normal}.ts-body{padding:20px}.ts-pills,.ts-carousel{padding:0}.ts-pills--l2{margin-bottom:14px}.ts-pill{height:36px;min-width:80px;font-size:14px}.ts-pill__icon{height:20px;max-width:28px}.ts-strip__arrow{width:24px;height:32px}}@media(min-width:1025px){.trend-showcase{--ts-per-view: var(--ts-per-view-desktop, 4)}}@media(min-width:1200px){.ts-tab__text{font-size:var(--ts-tab-fs-xl, 28px)}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/component-trend-showcase.css.map */