.ts-showcase{background:var(--tss-bg,#fff);color:var(--tss-ink,#141416);--tss-h2:var(--gc-t2);--tss-h3:var(--gc-t4);--tss-body:var(--gc-t5);--tss-small:var(--gc-t6);--tss-pad:var(--tss-pad0,56px);--tss-gut:var(--container-gutter,40px);--tss-content:var(--container-max-width,1600px);font-family:var(--gc-font,-apple-system,"PingFang TC",sans-serif);letter-spacing:-.006em;padding-block:calc(var(--tss-pad) - 34px)}.ts-showcase *{box-sizing:border-box}.ts-showcase__head{max-width:var(--tss-content);margin-inline:auto;padding-inline:var(--tss-gut);display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-bottom:34px}.ts-showcase__eb{margin:0 0 12px;font-size:var(--tss-small);font-weight:600;color:color-mix(in srgb,currentColor 58%,transparent)}.ts-showcase__h{margin:0;font-size:var(--tss-h2);font-weight:var(--gc-w-bold,600);letter-spacing:var(--gc-t2-ls,-.018em)!important;line-height:var(--gc-t2-lh);letter-spacing:var(--gc-t2-ls);text-wrap:balance;color:inherit}.ts-showcase__more{font-size:var(--tss-body);font-weight:560;white-space:nowrap;color:color-mix(in srgb,currentColor 58%,transparent);text-decoration:none}.ts-showcase__more:after{content:" \203a"}.ts-showcase__more:hover{color:inherit}.ts-showcase__tabs{display:inline-flex;margin-top:20px;padding:4px;gap:2px;border-radius:999px;background:color-mix(in srgb,currentColor 7%,transparent)}.ts-showcase__tabs button{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;font:inherit;font-size:var(--tss-small);font-weight:600;padding:9px 22px;border-radius:999px;background:transparent;color:color-mix(in srgb,currentColor 58%,transparent);transition:background .18s,color .18s,box-shadow .18s}.ts-showcase__tabs button:hover{color:inherit}.ts-showcase__tabs button[aria-pressed=true]{background:#fff;color:var(--tss-ink,#141416);box-shadow:0 1px 3px #0000001f,0 0 0 .5px #0000000f}.ts-showcase__tabs button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ts-showcase__rail{overflow-x:auto;scrollbar-width:none;padding-block:44px;margin-block:-20px}.ts-showcase__rail::-webkit-scrollbar{display:none}.ts-showcase__track{display:flex;gap:var(--tss-gap,32px);padding-left:max(var(--tss-gut),calc((100% - var(--tss-content))/2 + var(--tss-gut)));padding-right:var(--tss-gut)}.ts-card{flex:0 0 var(--tss-card-w,420px);background:var(--tss-card-bg,#F8F9FC);border-radius:var(--tss-radius,24px);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .34s cubic-bezier(.2,.7,.3,1),box-shadow .34s}.ts-card:hover{transform:scale(var(--tss-hover,1.02));box-shadow:0 22px 44px -18px #00000047;color:inherit}@media(prefers-reduced-motion:reduce){.ts-card{transition:none}.ts-card:hover{transform:none}}.ts-card[hidden]{display:none}.ts-card__art{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;margin:8px}.ts-card__art img{width:100%;height:100%;object-fit:contain;display:block}.ts-card__none{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px dashed color-mix(in srgb,currentColor 30%,transparent);border-radius:12px;font-size:var(--tss-small);color:color-mix(in srgb,currentColor 45%,transparent);padding:16px;text-align:center}.ts-card__b{display:flex;flex-direction:column;padding:0 28px 28px;flex:1}.ts-card__n{font-size:var(--tss-h3);font-weight:var(--gc-w-bold,600);letter-spacing:-.016em;line-height:1.28}.ts-card__s{font-size:var(--tss-small);line-height:1.45;margin-top:5px;color:color-mix(in srgb,currentColor 58%,transparent)}.ts-card__f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px}.ts-card__more{font-size:var(--tss-small);text-decoration:underline;text-underline-offset:4px}.ts-card__buy{font-size:var(--tss-small);font-weight:var(--gc-w-bold,600);padding:11px 22px;border-radius:999px;background:var(--tss-ink,#141416);color:var(--tss-card-bg,#fff);white-space:nowrap}.ts-showcase a{text-decoration-color:currentColor}.ts-card,.ts-card:visited{text-decoration:none}@media(max-width:1100px){.ts-showcase{--tss-pad:calc(var(--tss-pad0,56px) * .72)}.ts-card{flex-basis:min(var(--tss-card-w,420px),340px)}.ts-card__b{padding:0 22px 22px}}@media(max-width:749px){.ts-showcase{--tss-pad:calc(var(--tss-pad0,56px) * .64);--tss-gap:16px}.ts-card{flex-basis:min(var(--tss-card-w,420px),79vw);border-radius:calc(var(--tss-radius,24px) * .75)}.ts-card__b{padding:0 18px 20px}.ts-showcase__tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}.ts-showcase__tabs::-webkit-scrollbar{display:none}}.ts-card--cover .ts-card__art{display:block;position:relative;margin:0;aspect-ratio:var(--tss-art,4 / 3)}.ts-card--cover .ts-card__art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ts-card--cover .ts-card__b{padding-top:22px}.ts-card--full{position:relative;aspect-ratio:var(--tss-card-ratio,3 / 4)}.ts-card--full .ts-card__art{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:block;aspect-ratio:auto}.ts-card--full .ts-card__art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.25,1)}.ts-card--full:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#000c,#000000bd 7%,#0009 16%,#0000006b,#0000003d 38%,#0000001a 50%,#0000 64%);transition:opacity .34s ease}.ts-card--full .ts-card__b{position:relative;z-index:2;flex:0 0 auto;margin-top:auto;padding:0 26px 26px}.ts-card--full .ts-card__n{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.ts-card--full .ts-card__s{color:#ffffffc7;margin-top:6px;text-shadow:0 1px 2px rgba(0,0,0,.28)}.ts-card--full .ts-card__f{padding-top:18px}.ts-card--full .ts-card__buy{background:#fff;color:#141416;box-shadow:0 2px 10px #0000002e}.ts-card--full:hover{transform:translateY(-6px);box-shadow:0 16px 34px -16px #0000004d}.ts-card--full:hover .ts-card__art img{transform:scale(var(--tss-hover,1.02))}.ts-card--full:hover:after{opacity:.88}@media(max-width:749px){.ts-card--full .ts-card__b{padding:0 20px 20px}.ts-card--full .ts-card__f{padding-top:14px}}@media(prefers-reduced-motion:reduce){.ts-card--full:hover{transform:none}.ts-card--full .ts-card__art img,.ts-card--full:hover .ts-card__art img{transition:none;transform:none}}.ts-card--full.ts-card--glass:after{inset:auto 0 0 0;height:58%;background:linear-gradient(to top,#ffffffeb,#ffffffe0 34%,#fffc 62%,#ffffff9e 84%,#ffffff4d);-webkit-mask-image:linear-gradient(to top,#000 0%,#000 46%,rgba(0,0,0,.62) 74%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to top,#000 0% 46%,#0000009e 74%,#0000)}@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ts-card--full.ts-card--glass:after{background:linear-gradient(to top,#fffc,#ffffffbf 40%,#ffffff9e,#ffffff52);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%)}}.ts-card--full.ts-card--glass .ts-card__n{color:var(--tss-ink,#1d1d1f);text-shadow:none}.ts-card--full.ts-card--glass .ts-card__s{color:color-mix(in srgb,var(--tss-ink,#1d1d1f) 62%,transparent);text-shadow:none}.ts-card--full.ts-card--glass .ts-card__more{color:var(--tss-ink,#1d1d1f)}.ts-card--full.ts-card--glass .ts-card__buy{background:var(--tss-ink,#1d1d1f);color:#fff;box-shadow:0 2px 10px #00000024}.ts-card--full.ts-card--glass:hover:after{opacity:1}.ts-card--full.ts-card--panel{background:var(--tss-card-bg,#f8f9fc);color:var(--tss-card-ink,#fff)}.ts-card--full.ts-card--panel .ts-card__art{position:relative;inset:auto;margin:0;display:block;aspect-ratio:auto;flex:1 1 auto;min-height:0}.ts-card--full.ts-card--panel .ts-card__art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--tss-fade,42%)),rgba(0,0,0,.86) calc(100% - var(--tss-fade,42%) * .72),rgba(0,0,0,.5) calc(100% - var(--tss-fade,42%) * .48),rgba(0,0,0,.16) calc(100% - var(--tss-fade,42%) * .26),rgba(0,0,0,0) calc(100% - var(--tss-fade,42%) * .12));mask-image:linear-gradient(to bottom,#000 calc(100% - var(--tss-fade,42%)),#000000db calc(100% - var(--tss-fade,42%) * .72),#00000080 calc(100% - var(--tss-fade,42%) * .48),#00000029 calc(100% - var(--tss-fade,42%) * .26),#0000 calc(100% - var(--tss-fade,42%) * .12))}.ts-card--full.ts-card--panel .ts-card__art:after{display:none}.ts-card--full.ts-card--panel:after{display:none}.ts-card--full.ts-card--panel .ts-card__b{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name buy" "slog buy";align-items:end;column-gap:20px;margin-top:0;padding:14px 26px 26px}.ts-card--full.ts-card--panel .ts-card__n{grid-area:name;color:var(--tss-card-ink,#fff);text-shadow:none}.ts-card--full.ts-card--panel .ts-card__s{grid-area:slog;text-shadow:none;margin-top:8px;color:color-mix(in srgb,var(--tss-card-ink,#fff) 66%,transparent)}.ts-card--full.ts-card--panel .ts-card__f{grid-area:buy;align-self:end;margin-top:0;padding-top:0;justify-content:flex-end}.ts-card--full.ts-card--panel .ts-card__more{color:var(--tss-card-ink,#fff)}.ts-card--full.ts-card--panel .ts-card__buy{background:var(--tss-card-ink,#fff);color:var(--tss-card-bg,#141416);box-shadow:none}@media(max-width:749px){.ts-card--full.ts-card--panel .ts-card__b{grid-template-columns:1fr;grid-template-areas:"name" "slog" "buy";align-items:start;padding:10px 20px 20px}.ts-card--full.ts-card--panel .ts-card__f{align-self:start;justify-content:flex-start;padding-top:14px}.ts-card--full.ts-card--panel{aspect-ratio:3 / 4}.ts-showcase__rail{padding-block:30px;margin-block:-16px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/ts-showcase.css.map */