.tiktok-showcase{grid-column:1 / -1;width:100%;padding:var(--space-section-sm) 0}.tiktok-showcase--bg-light{background:var(--bg-paper)}.tiktok-showcase--bg-brand{background:var(--bg-brand-subtle)}.tiktok-showcase--bg-dark{background:var(--gray-900)}.tiktok-showcase--bg-dark .tiktok-showcase__title,.tiktok-showcase--bg-dark .tiktok-showcase__subtitle{color:var(--text-inverse)}.tiktok-showcase__container{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-margin)}.tiktok-showcase__header{text-align:center;margin-bottom:var(--space-6)}.tiktok-showcase__title{font-family:var(--font-family-display);font-size:var(--font-size-display-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);color:var(--text-primary);margin:0 0 var(--space-2) 0}.tiktok-showcase__subtitle{font-family:var(--font-family-body);font-size:var(--font-size-text-md);line-height:var(--line-height-relaxed);color:var(--text-secondary);max-width:40rem;margin:0 auto}.tiktok-showcase__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.tiktok-showcase__card{background:var(--bg-paper);border-radius:var(--radius-organic-md);overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column;transition:transform var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-in-out)}.tiktok-showcase__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.tiktok-showcase__media{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;background:var(--bg-secondary)}.tiktok-showcase__video,.tiktok-showcase__poster,.tiktok-showcase__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border:0}.tiktok-showcase__facade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;display:block}.tiktok-showcase__facade:focus-visible{outline:2px solid var(--brand-600);outline-offset:-2px}.tiktok-showcase__poster--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:linear-gradient(135deg,var(--brand-100) 0%,var(--bg-brand-subtle) 100%)}.tiktok-showcase__poster-glyph{color:var(--brand-700);opacity:.85}.tiktok-showcase__poster-handle{font-size:var(--font-size-text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.tiktok-showcase__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--space-10);height:var(--space-10);border-radius:var(--radius-full);background:rgba(var(--gray-900-rgb),.55);border:2px solid var(--color-white);color:var(--color-white);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform var(--transition-base) var(--ease-out),background var(--transition-base) var(--ease-out)}.tiktok-showcase__facade:hover .tiktok-showcase__play,.tiktok-showcase__facade:focus-visible .tiktok-showcase__play{background:rgba(var(--gray-900-rgb),.72);transform:translate(-50%,-50%) scale(1.06)}.tiktok-showcase__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-text-sm)}.tiktok-showcase__content{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.tiktok-showcase__caption{font-style:italic;color:var(--text-secondary);font-size:var(--font-size-text-sm);line-height:var(--line-height-normal);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tiktok-showcase__links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.tiktok-showcase__shop,.tiktok-showcase__attribution{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-base) var(--ease-out)}.tiktok-showcase__shop{color:var(--brand-700)}.tiktok-showcase__shop:hover{color:var(--brand-600)}.tiktok-showcase__attribution{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.tiktok-showcase__attribution:hover{color:var(--text-primary)}@media screen and (min-width:640px){.tiktok-showcase{padding:var(--space-section-md) 0}.tiktok-showcase__title{font-size:var(--font-size-display-sm)}.tiktok-showcase__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}}@media screen and (min-width:1024px){.tiktok-showcase__grid{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}}@media(prefers-reduced-motion:reduce){.tiktok-showcase__card,.tiktok-showcase__play{transition:none}.tiktok-showcase__card:hover{transform:none}.tiktok-showcase__facade:hover .tiktok-showcase__play,.tiktok-showcase__facade:focus-visible .tiktok-showcase__play{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-tiktok-showcase.css.map */