.hx-wrap{container-type:inline-size;width:100%;overflow:hidden;background:#fff;color:#1a1625;font-family:Work Sans,system-ui,sans-serif}.hx-hero{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:clamp(40px,7cqi,88px) 16px clamp(32px,5cqi,56px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(18px,2.6cqi,28px)}.hx-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#e7f4f6;color:#0a5f6e;font-size:13px;font-weight:700;letter-spacing:1.5px}.hx-h1{margin:0;font-family:Bungee,sans-serif;font-weight:400;font-size:clamp(36px,7.4cqi,84px);line-height:1;color:#1a1625}.hx-h1 span{color:#d1166f}.hx-p{margin:0;max-width:520px;font-size:clamp(16px,1.7cqi,19px);line-height:1.55;color:#3d3650}.hx-eq{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.6cqi,20px);margin:clamp(4px,1cqi,12px) 0}.hx-card{width:clamp(84px,15cqi,168px);aspect-ratio:1 / 1;border-radius:clamp(14px,2cqi,22px);background:#f6f4fa;border:1px solid #e6e2ee;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #1a16251a}.hx-card svg{width:82%;height:82%}.hx-sym{font-family:Bungee,sans-serif;font-size:clamp(24px,4cqi,48px);color:#8a839e;line-height:1}.hx-badge{width:clamp(84px,15cqi,168px);aspect-ratio:1 / 1;border-radius:50%;background:#d1166f;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Bungee,sans-serif;line-height:1;box-shadow:0 10px 24px #d1166f47}.hx-badge b{font-weight:400;font-size:clamp(26px,4.6cqi,52px)}.hx-badge span{font-size:clamp(14px,2.2cqi,24px)}.hx-in{animation:hxUp .6s cubic-bezier(.2,.8,.2,1) both}.hx-d1{animation-delay:.05s}.hx-d2{animation-delay:.15s}.hx-d6{animation-delay:1.2s}.hx-cardA{animation:hxFromL .7s cubic-bezier(.2,.8,.2,1) .35s both,hxFloat 4s ease-in-out 1.6s infinite}.hx-cardB{animation:hxFromR .7s cubic-bezier(.2,.8,.2,1) .6s both,hxFloat 4s ease-in-out 2.2s infinite}.hx-plus{animation:hxPop .4s cubic-bezier(.3,1.6,.5,1) .55s both}.hx-eqs{animation:hxPop .4s cubic-bezier(.3,1.6,.5,1) .85s both}.hx-badge{animation:hxPop .55s cubic-bezier(.3,1.6,.5,1) 1s both,hxWiggle 5s ease-in-out 2.5s infinite}@keyframes hxUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes hxFromL{0%{opacity:0;transform:translate(-40px) rotate(-12deg)}to{opacity:1;transform:rotate(-4deg)}}@keyframes hxFromR{0%{opacity:0;transform:translate(40px) rotate(12deg)}to{opacity:1;transform:rotate(4deg)}}@keyframes hxFloat{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes hxPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes hxWiggle{0%,86%,to{rotate:0deg}90%{rotate:-8deg}94%{rotate:6deg}97%{rotate:-3deg}}@media(max-width:749px){.hx-hero{padding:16px 16px 12px;gap:12px}.hx-eq{margin:0;gap:8px}.hx-card,.hx-badge{width:76px}.hx-h1{font-size:36px}.hx-p{font-size:15px}}@media(prefers-reduced-motion:reduce){.hx-in,.hx-cardA,.hx-cardB,.hx-plus,.hx-eqs,.hx-badge{animation:none}.hx-cardA{transform:rotate(-4deg)}.hx-cardB{transform:rotate(4deg)}}
/*# sourceMappingURL=/cdn/shop/t/146/assets/pick-any-2-hero.css.map */