.hm-gift{--ease-out:cubic-bezier(.16, 1, .3, 1);isolation:isolate;background:#f5f5f7;border-radius:28px;grid-template-areas:"copy""bundle""cta";gap:1.75rem;padding:2rem 1.25rem 1.5rem;display:grid;position:relative;overflow:hidden}@media (min-width:640px){.hm-gift{padding:2.5rem 2.25rem 2.25rem}}@media (min-width:1024px){.hm-gift{grid-template:".bundle"1fr"copy bundle""cta bundle"".bundle"1fr/minmax(0,4fr) minmax(0,7fr);gap:0 3rem;padding:3.5rem 3.5rem 3.5rem 4rem}}.hm-gWaves{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 18%,#000 62%);mask-image:linear-gradient(100deg,#0000 18%,#000 62%)}.hm-gCopy{grid-area:copy}.hm-gCta{grid-area:cta}@media (min-width:1024px){.hm-gCta{padding-top:2.25rem}}.hm-gBundle{grid-area:bundle;align-items:center;display:grid}@media (min-width:640px){.hm-gBundle{grid-template-columns:minmax(0,.8fr) auto minmax(0,1fr);gap:.875rem}}.hm-gPhoneSlot,.hm-gPlus{display:none}@media (min-width:640px){.hm-gPhoneSlot{align-self:stretch;display:block}.hm-gPlus{width:2rem;height:2rem;color:var(--color-title);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 0 0 1px #0000000d,0 6px 14px -8px #24242440}}.hm-gItems{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}@media (min-width:640px){.hm-gItems{gap:.75rem}}.hm-gTile{height:100%;transition:transform .7s var(--ease-out);background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:.625rem;padding:1rem .75rem .875rem;display:flex;position:relative;box-shadow:0 0 0 1px #0000000a,0 1px 2px #0000000a,0 16px 32px -24px #24242447}.hm-gTile:after{content:"";border-radius:inherit;opacity:0;transition:opacity .7s var(--ease-out);pointer-events:none;position:absolute;inset:0;box-shadow:0 28px 48px -26px #24242452}@media (hover:hover) and (prefers-reduced-motion:no-preference){.hm-gTile:hover{transform:translateY(-4px)}.hm-gTile:hover:after{opacity:1}}.hm-gPhoto{width:72px;height:72px;display:block}@media (min-width:640px){.hm-gPhoto{width:88px;height:88px}}@media (min-width:1280px){.hm-gPhoto{width:104px;height:104px}}.hm-gName{text-align:center;min-height:2.6em;color:var(--color-entity-title);align-items:center;font-size:13px;font-weight:600;line-height:1.3;display:flex}.hm-gPhoneTile{padding:1.25rem 1rem .875rem}.hm-gPhotoBox{flex:1;width:100%;min-height:12rem;position:relative}.hm-gFloat{position:absolute;inset:0}.hm-gDevice{--pw:6.75rem;justify-content:center;align-items:center;height:100%;display:flex}@media (min-width:1280px){.hm-gDevice{--pw:8rem}}.hm-gDevice .hm-phone{box-shadow:inset 0 0 0 1px #ffffff38, inset 0 0 0 calc(var(--pw) * .014) #0e0d11, 0 18px 30px -18px #24242473}@media (prefers-reduced-motion:no-preference){[data-gift=pre] .hm-gIn{opacity:0;transform:translateY(18px)}[data-gift=pre] .hm-gPlus{transform:scale(.6)}[data-gift=in] .hm-gIn{transition:opacity .6s calc(var(--i) * 80ms) ease-out, transform .9s calc(var(--i) * 80ms) var(--ease-out)}.hm-gFloat{animation:7s ease-in-out infinite paused hm-g-float}[data-live=on] .hm-gFloat{animation-play-state:running}}@keyframes hm-g-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:no-preference){.gift-tile{animation:gift-tile-in .6s calc(.1s + var(--i) * 60ms) cubic-bezier(.16, 1, .3, 1) both}}@keyframes gift-tile-in{0%{opacity:0;transform:translateY(6px)}}
