.tp-hero{position:relative;overflow:hidden;isolation:isolate}.tp-hero__grid{position:relative;z-index:2}.tp-paws{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.tp-paw{position:absolute;left:var(--x);top:var(--y);width:var(--s, 56px);height:var(--s, 56px);opacity:0;transform:rotate(var(--r, 0deg));animation:tp-step 10s ease-in-out infinite;animation-delay:var(--d, 0s)}.tp-paw svg{width:100%;height:100%;display:block}.tp-paw--dog{color:#12322f}.tp-paw--cat{color:#5e9c84}@keyframes tp-step{0%{opacity:0;transform:translateY(12px) scale(.8) rotate(var(--r, 0deg))}8%{opacity:.17;transform:translateY(0) scale(1) rotate(var(--r, 0deg))}40%{opacity:.17;transform:translateY(0) scale(1) rotate(var(--r, 0deg))}55%{opacity:0}to{opacity:0}}.tp-paw--float{opacity:.13;animation:tp-float 7s ease-in-out infinite alternate;animation-delay:var(--d, 0s)}@keyframes tp-float{0%{transform:translateY(0) rotate(var(--r, 0deg))}to{transform:translateY(-18px) rotate(calc(var(--r, 0deg) + 10deg))}}.tp-collage{position:relative;padding-bottom:40px;min-width:0}.tp-collage__main{max-height:560px}.tp-collage__card{position:absolute;width:34%;aspect-ratio:1 / 1;border-radius:24px;overflow:hidden;border:6px solid var(--tp-ground);box-shadow:0 14px 30px #12322f33;background:var(--tp-mint);color:var(--tp-ink);text-decoration:none;animation:tp-bob 6s ease-in-out infinite alternate}.tp-collage__card img{width:100%;height:100%;object-fit:cover;display:block}.tp-collage__card--a{left:-5%;bottom:0}.tp-collage__card--b{right:-3%;bottom:16%;width:30%;animation-delay:1.5s}.tp-collage__label{position:absolute;left:8px;right:8px;bottom:8px;background:#f7f9f6f2;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes tp-bob{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-10px) rotate(2deg)}}.tp-strip{padding:72px 0 24px;overflow:hidden}.tp-strip__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px}.tp-strip__track{display:flex;width:max-content;animation:tp-marquee 70s linear infinite}.tp-strip:hover .tp-strip__track{animation-play-state:paused}.tp-strip__group{display:flex;gap:16px;padding-right:16px}.tp-strip__item{flex:none;width:240px;aspect-ratio:1 / 1;border-radius:20px;overflow:hidden;background:var(--tp-mint);transition:transform .3s ease,box-shadow .3s ease}.tp-strip__item img{width:100%;height:100%;object-fit:cover;display:block}.tp-strip__item:hover,.tp-strip__item:focus-visible{transform:translateY(-6px) rotate(-1deg);box-shadow:0 14px 28px #12322f2e}.tp-ticker{background:var(--tp-ink);color:#f7f9f6;overflow:hidden;padding:14px 0}.tp-ticker__track{display:flex;width:max-content;animation:tp-marquee 32s linear infinite}.tp-ticker:hover .tp-ticker__track{animation-play-state:paused}.tp-ticker__group{display:flex;align-items:center;gap:28px;padding-right:28px}.tp-ticker__item{font-weight:700;font-size:15px;white-space:nowrap}.tp-ticker__paw{flex:none;color:var(--tp-accent)}@keyframes tp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tp-product .tp-photo{transition:transform .3s ease,box-shadow .3s ease}.tp-product:hover .tp-photo,.tp-product:focus-visible .tp-photo{transform:translateY(-6px) rotate(-1deg);box-shadow:0 16px 32px #12322f29}.tp-photo__alt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease}.tp-product:hover .tp-photo__alt,.tp-product:focus-visible .tp-photo__alt{opacity:1}.tp-btn{transition:transform .2s ease,opacity .2s ease}.tp-btn--primary:hover{transform:translateY(-2px)}@media(max-width:749px){.tp-paw{--s: 40px}.tp-collage__card{width:32%;border-width:4px}.tp-collage__card--a{left:-2%}.tp-collage__card--b{right:-2%;width:28%}.tp-strip__item{width:180px}}@media(prefers-reduced-motion:reduce){.tp-paw,.tp-paw--float,.tp-ticker__track,.tp-strip__track,.tp-collage__card{animation:none!important}.tp-paw{opacity:.1}.tp-product:hover .tp-photo{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/tidypaw-motion.css.map */