.creator-showcase{display:grid;gap:clamp(28px,3.5vw,48px)}.creator-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.2vw,16px)}.creator-tab{--accent: var(--creator-accent, var(--color-foreground));position:relative;display:inline-flex;align-items:center;gap:12px;padding:10px 20px;border-radius:999px;border:1px solid rgb(var(--color-foreground) / .12);background:rgb(var(--color-foreground) / .02);color:inherit;cursor:pointer;overflow:hidden;transition:border-color .35s ease,background-color .35s ease,transform .35s ease,box-shadow .35s ease}@media(hover:hover){.creator-tab:hover{border-color:rgb(var(--accent) / .5);transform:translateY(-2px)}}.creator-tab.is-active{border-color:rgb(var(--accent) / .6);background:rgb(var(--accent) / .08);box-shadow:0 10px 30px -16px rgb(var(--accent) / .7)}.creator-tab:focus-visible{outline:2px solid rgb(var(--accent) / .7);outline-offset:3px}.creator-tab__avatar{flex:0 0 auto;width:34px;height:34px;border-radius:999px;overflow:hidden;background:rgb(var(--color-foreground) / .1)}.creator-tab__avatar img{width:100%;height:100%;object-fit:cover}.creator-tab__label{display:grid;gap:1px;text-align:left;line-height:1.15}.creator-tab__name{font-weight:600}.creator-tab__role{font-size:.72em;opacity:.6}.creator-tab__progress{position:absolute;left:0;bottom:0;height:3px;width:0;background:rgb(var(--accent));border-radius:999px}.creator-showcase.is-autoplay .creator-tab.is-active .creator-tab__progress{animation:creator-progress var(--rotate-interval, 6s) linear forwards}.creator-showcase.is-autoplay:hover .creator-tab.is-active .creator-tab__progress{animation-play-state:paused}@keyframes creator-progress{0%{width:0}to{width:100%}}@media(prefers-reduced-motion:reduce){.creator-tab__progress{display:none}}.creator-panels{position:relative}.creator-panel[hidden]{display:none}.creator-panel.is-active{animation:creator-panel-in .5s cubic-bezier(.16,1,.3,1) both}@keyframes creator-panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.creator-channels{display:grid;grid-template-columns:repeat(var(--channel-columns, 3),minmax(0,1fr));gap:clamp(12px,1.5vw,20px)}@media screen and (max-width:989px){.creator-channels{grid-template-columns:repeat(var(--channel-columns-tablet, 2),minmax(0,1fr))}}@media screen and (max-width:749px){.creator-channels{grid-template-columns:repeat(var(--channel-columns-mobile, 1),minmax(0,1fr))}}.channel-card{--accent: var(--creator-accent, var(--color-foreground));position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:clamp(20px,2vw,30px) 18px;border-radius:var(--rounded-lg, 16px);border:1px solid rgb(var(--color-foreground) / .1);background:rgb(var(--color-foreground) / .02);color:inherit;text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease,background-color .4s ease}.channel-card[data-reveal]{opacity:0;transform:translateY(28px) scale(.97);transition-delay:var(--reveal-delay, 0ms)}.channel-card[data-reveal].is-visible{opacity:1;transform:translateY(0) scale(1)}.channel-card:before{content:"";position:absolute;inset:-40% 20% auto;height:70%;background:radial-gradient(60% 60% at 50% 0%,rgb(var(--accent) / .28),transparent 70%);opacity:0;transform:translateY(-10px);transition:opacity .45s ease,transform .45s ease;z-index:-1;pointer-events:none}@media(hover:hover){.channel-card:hover{transform:translateY(-6px);border-color:rgb(var(--accent) / .5);background:rgb(var(--color-foreground) / .04);box-shadow:0 18px 40px -18px rgb(var(--accent) / .55)}.channel-card:hover:before{opacity:1;transform:translateY(0)}.channel-card:hover .channel-card__avatar{transform:scale(1.06)}}.channel-card:focus-visible{outline:2px solid rgb(var(--accent) / .7);outline-offset:3px}.channel-card__avatar{position:relative;width:clamp(64px,7vw,92px);height:clamp(64px,7vw,92px);border-radius:999px;overflow:hidden;background:rgb(var(--color-foreground) / .08);transition:transform .45s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 3px rgb(var(--color-background)),0 0 0 4px rgb(var(--accent) / .35)}.channel-card__avatar img{width:100%;height:100%;object-fit:cover;animation:creator-avatar-in .5s ease both}@keyframes creator-avatar-in{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.channel-card__avatar:not(.has-image):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,rgb(var(--color-foreground) / 0) 20%,rgb(var(--color-foreground) / .12),rgb(var(--color-foreground) / 0) 60%);background-size:200% 100%;animation:creator-shimmer 1.4s infinite linear}@keyframes creator-shimmer{0%{background-position:180% 0}to{background-position:-180% 0}}.channel-card__name{font-weight:600;line-height:1.2;word-break:break-word}.channel-card__subs{display:inline-flex;align-items:baseline;gap:5px;font-size:.9em;opacity:.75}.channel-card__subs [data-subs]{font-weight:700;font-variant-numeric:tabular-nums;opacity:1;color:rgb(var(--accent))}.channel-card__badge{display:inline-flex;align-items:center;gap:5px;font-size:.7em;letter-spacing:.04em;text-transform:uppercase;opacity:.6}.channel-card__badge svg{width:14px;height:14px;fill:currentColor}.channel-card.is-error .channel-card__avatar:not(.has-image):after{animation:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/creator-showcase.css.map */