.hero__chips{list-style:none;margin:0;padding:0;position:absolute;z-index:3;left:4%;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(2,auto);gap:1rem 1.1rem}.hero-chip{animation:heroChipIn .8s cubic-bezier(.2,.7,.2,1) both,heroChipFloat 5s ease-in-out infinite;animation-delay:var(--d),calc(var(--d) + .8s)}.hero-chip--2,.hero-chip--4{margin-top:2.6rem}.hero-chip__link{display:flex;flex-direction:column;width:9.2rem;padding:.5rem;background:#fffffff0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:calc(var(--radius) * 1.1);text-decoration:none;color:var(--c-text);box-shadow:0 18px 40px -18px #1e2a3b8c;transition:transform .35s ease,box-shadow .35s ease}.hero-chip__link:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 24px 48px -18px #1e2a3b99}.hero-chip__img{display:block;aspect-ratio:1;border-radius:calc(var(--radius) * .8);overflow:hidden;background:#fff}.hero-chip__img img{width:100%;height:100%;object-fit:cover;display:block}.hero-chip__meta{display:flex;justify-content:space-between;align-items:baseline;gap:.4rem;padding:.5rem .25rem .15rem}.hero-chip__name{font-family:var(--font-heading);font-weight:700;font-size:.78rem;line-height:1.2}.hero-chip__price{font-weight:700;font-size:.78rem;color:#fff;background:var(--c-primary);padding:.12rem .45rem;border-radius:999px;white-space:nowrap}.hero-chip--2 .hero-chip__price{background:var(--c-secondary)}.hero-chip--3 .hero-chip__price{background:#f4a300}.hero-chip--4 .hero-chip__price{background:var(--c-text)}@keyframes heroChipIn{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}@keyframes heroChipFloat{0%,to{translate:0 0}50%{translate:0 -8px}}@media(prefers-reduced-motion:reduce){.hero-chip{animation:none}}@media(max-width:749px){.hero--split .hero__media--chips{padding-bottom:7.5rem;background:var(--c-primary-soft)}.hero__chips{top:auto;bottom:0;left:1rem;right:1rem;transform:none;grid-template-columns:repeat(4,1fr);gap:.5rem}.hero-chip--2,.hero-chip--4{margin-top:0}.hero-chip__link{width:auto;padding:.3rem}.hero-chip__meta{padding:.3rem .1rem 0;flex-direction:column;align-items:flex-start;gap:.2rem}.hero-chip__name,.hero-chip__price{font-size:.64rem}}@media(min-width:750px)and (max-width:1099px){.hero__chips{left:3%;gap:.7rem}.hero-chip__link{width:7rem;padding:.35rem}.hero-chip__meta{flex-direction:column;align-items:flex-start;gap:.2rem}.hero-chip--2,.hero-chip--4{margin-top:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hero-chips.css.map */