.as-tiktok-hero__inner{display:flex;flex-direction:column;align-items:center;gap:40px}.shopify-section:has(.as-tiktok-hero){position:relative;z-index:1;overflow:visible}.shopify-section:has(.as-tiktok-hero)+.shopify-section{position:relative;z-index:2;margin-top:-60px}.as-tiktok-hero__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:820px}.as-tiktok-hero__logo{display:inline-flex;align-items:center;justify-content:center}.as-tiktok-hero__logo-image{display:block;width:auto;height:38px;max-width:142px;object-fit:contain}.as-tiktok-hero__heading{margin:0;text-align:center}.as-tiktok-hero__heading br{display:inline}.as-tiktok-hero__subheading{margin:0;text-align:center;max-width:48ch}.as-tiktok-hero__fan{--card-width: 204px;--card-height: 364px;--fan-spread: 222px;position:relative;width:100%;max-width:1180px;height:calc(var(--card-height) + 56px);margin-inline:auto}.as-tiktok-hero__card{position:absolute;top:50%;left:50%;width:var(--card-width);height:var(--card-height);transform:translate(-50%,-50%);transform-origin:center center;transition:transform .35s ease;will-change:transform}.as-tiktok-hero__card:nth-child(1){transform:translate(-50%,-50%) translate(calc(var(--fan-spread) * -2)) translateY(48px) rotate(-8deg);z-index:1}.as-tiktok-hero__card:nth-child(2){transform:translate(-50%,-50%) translate(calc(var(--fan-spread) * -1)) translateY(12px) rotate(-4deg);z-index:2}.as-tiktok-hero__card:nth-child(3){transform:translate(-50%,-50%) translate(0) translateY(0) rotate(0);z-index:5}.as-tiktok-hero__card:nth-child(4){transform:translate(-50%,-50%) translate(calc(var(--fan-spread) * 1)) translateY(12px) rotate(4deg);z-index:2}.as-tiktok-hero__card:nth-child(5){transform:translate(-50%,-50%) translate(calc(var(--fan-spread) * 2)) translateY(48px) rotate(8deg);z-index:1}@media(hover:hover)and (min-width:990px){.as-tiktok-hero__card:nth-child(1):hover{z-index:20;transform:translate(-50%,-50%) translate(calc(var(--fan-spread) * -2)) translateY(40px) rotate(-8deg) scale(1.03)}.as-tiktok-hero__card:nth-child(2):hover{z-index:20;transform:translate(-50%,-50%) translate(calc(var(--fan-spread) * -1)) translateY(4px) rotate(-4deg) scale(1.03)}.as-tiktok-hero__card:nth-child(3):hover{z-index:20;transform:translate(-50%,-50%) translate(0) translateY(-8px) rotate(0) scale(1.03)}.as-tiktok-hero__card:nth-child(4):hover{z-index:20;transform:translate(-50%,-50%) translate(calc(var(--fan-spread) * 1)) translateY(4px) rotate(4deg) scale(1.03)}.as-tiktok-hero__card:nth-child(5):hover{z-index:20;transform:translate(-50%,-50%) translate(calc(var(--fan-spread) * 2)) translateY(40px) rotate(8deg) scale(1.03)}}.as-tiktok-hero__card-inner{width:100%;height:100%;border-radius:14px;overflow:hidden;background:#d9d9d9;box-shadow:0 16px 36px #03010229}.as-tiktok-hero__video,.as-tiktok-hero__card-inner video,.as-tiktok-hero__card-inner lazy-video,.as-tiktok-hero__card-inner img,.as-tiktok-hero__poster{width:100%;height:100%;display:block;object-fit:cover}@media screen and (max-width:989px){.shopify-section:has(.as-tiktok-hero)+.shopify-section{margin-top:-28px}.as-tiktok-hero__inner{gap:28px}.as-tiktok-hero__header{gap:12px}.as-tiktok-hero__heading br{display:none}.as-tiktok-hero__subheading{max-width:none}.as-tiktok-hero__fan{--card-width: 102px;--card-height: 182px;--fan-spread: 110px;width:100%;max-width:100%;height:calc(var(--card-height) + 36px)}.as-tiktok-hero__card:nth-child(1){transform:translate(-50%,-50%) translate(calc(var(--fan-spread) * -2)) translateY(20px) rotate(-8deg)}.as-tiktok-hero__card:nth-child(2){transform:translate(-50%,-50%) translate(calc(var(--fan-spread) * -1)) translateY(6px) rotate(-4deg)}.as-tiktok-hero__card:nth-child(3){transform:translate(-50%,-50%) translate(0) translateY(0) rotate(0)}.as-tiktok-hero__card:nth-child(4){transform:translate(-50%,-50%) translate(calc(var(--fan-spread) * 1)) translateY(6px) rotate(4deg)}.as-tiktok-hero__card:nth-child(5){transform:translate(-50%,-50%) translate(calc(var(--fan-spread) * 2)) translateY(20px) rotate(8deg)}.as-tiktok-hero__card-inner{border-radius:10px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/as-tiktok-hero.css.map */