.hn-tiktok{background:#fff;color:var(--hn-gray-800);position:relative}.hn-tiktok>.page-width{position:relative;z-index:1}.hn-tiktok__header{text-align:center;max-width:72rem;margin:0 auto 5rem;padding:0 2rem}.hn-tiktok__subtitle{font-size:var(--hn-body);font-weight:400;line-height:1.6;color:var(--hn-gray-500);max-width:52rem;margin:0 auto}.hn-tiktok__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;padding:0 2rem;max-width:120rem;margin:0 auto}.hn-tiktok-card{position:relative;aspect-ratio:9 / 16;background:var(--hn-gray-800);border-radius:var(--hn-radius-lg);overflow:hidden;cursor:pointer;transition:transform .5s cubic-bezier(.25,.1,.25,1),box-shadow .4s ease;box-shadow:0 2px 12px #00000014}.hn-tiktok-card:nth-child(4n+1){transform:rotate(-1.2deg)}.hn-tiktok-card:nth-child(4n+2){transform:rotate(.8deg)}.hn-tiktok-card:nth-child(4n+3){transform:rotate(-.6deg)}.hn-tiktok-card:nth-child(4n+4){transform:rotate(1.4deg)}.hn-tiktok-card:hover{transform:rotate(0) scale(1.03);box-shadow:0 8px 32px #00000026;z-index:2}.hn-tiktok-card__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.hn-tiktok-card__cover img{width:100%;height:100%;object-fit:cover}.hn-tiktok-card__cover .placeholder-svg{width:100%;height:100%;background:linear-gradient(160deg,#1a1a1a,#222 40%,#1a1a1a);fill:#ffffff0a;padding:30%}.hn-tiktok-card__badge{position:absolute;top:1.2rem;right:1.2rem;background:#000000b3;color:#fff;font-family:var(--hn-font-body);font-size:var(--hn-micro);font-weight:var(--hn-semibold);letter-spacing:var(--hn-ls-display);padding:.4rem 1rem;border-radius:var(--hn-radius);z-index:3;line-height:1.4}.hn-tiktok-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5.2rem;height:5.2rem;border-radius:50%;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;display:flex;align-items:center;justify-content:center;z-index:3;cursor:pointer;transition:background .25s ease}.hn-tiktok-card__play svg{width:2rem;height:2rem;fill:#fff;margin-left:.2rem}.hn-tiktok-card:hover .hn-tiktok-card__play,.hn-tiktok-card__play:hover{background:var(--hn-red)}.hn-tiktok-card__play:focus-visible{background:var(--hn-red);outline:2px solid #ffffff;outline-offset:2px}.hn-tiktok-card__overlay{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 50%,transparent 100%);z-index:2;pointer-events:none}.hn-tiktok-card__creator{position:absolute;bottom:3.2rem;left:1.6rem;right:1.6rem;font-size:var(--hn-body-sm);font-weight:var(--hn-semibold);color:#fff;z-index:3;line-height:1.3;margin:0}.hn-tiktok-card__views{position:absolute;bottom:1.4rem;left:1.6rem;font-size:var(--hn-micro);font-weight:400;color:#ffffffa6;z-index:3;line-height:1.3;margin:0}@media(prefers-reduced-motion:reduce){.hn-tiktok-card,.hn-tiktok-card__play{transition:none}}.hn-tiktok-card__embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;display:none}.hn-tiktok-card__embed iframe{width:100%;height:100%;border:none}.hn-tiktok-card.is-playing .hn-tiktok-card__embed{display:block}.hn-tiktok-card.is-playing .hn-tiktok-card__play,.hn-tiktok-card.is-playing .hn-tiktok-card__overlay,.hn-tiktok-card.is-playing .hn-tiktok-card__creator,.hn-tiktok-card.is-playing .hn-tiktok-card__views,.hn-tiktok-card.is-playing .hn-tiktok-card__badge{display:none}@media screen and (min-width:750px){.hn-tiktok__header{margin-bottom:5rem}.hn-tiktok__grid{gap:2.4rem;padding:0 4rem}}@media screen and (min-width:990px){.hn-tiktok__grid{grid-template-columns:repeat(4,1fr);gap:2.4rem;padding:0 4rem}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/hn-tiktok-gallery.css.map */