.hg-gift-motion-r226{position:fixed;inset:0;z-index:2147483500;display:grid;place-items:center;overflow:hidden;pointer-events:none;contain:layout paint style;background:radial-gradient(ellipse at 50% 44%,#161321cc,#05060de8 70%);color:#fff;animation:hgGiftVeilR226 4.8s both}
.hg-gift-motion-r226>button{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));width:44px;height:44px;background:#16131d88;color:#f3e8db;border:1px solid #ffffff33;border-radius:50%;font-size:27px;pointer-events:auto;cursor:pointer}
.hg-gift-hero-r226{position:absolute;top:38%;font-size:clamp(80px,22vw,140px);line-height:1;filter:drop-shadow(0 0 24px var(--gift-light));animation:hgGiftArriveR226 2.8s cubic-bezier(.2,.8,.2,1) both;transform-origin:center}
.hg-gift-caption-r226{position:absolute;top:66%;width:min(84%,460px);text-align:center;font:500 14px/1.6 Inter,system-ui,sans-serif;animation:hgGiftCaptionR226 .65s .65s both}.hg-gift-caption-r226 strong{display:block;font-size:clamp(20px,6vw,30px);font-weight:800;color:var(--gift-light)}.hg-gift-caption-r226 span{display:block;color:#f6eacc}.hg-gift-caption-r226 p{margin:9px 0;color:#e4dfe9;overflow-wrap:anywhere}
.hg-gift-halo-r226{position:absolute;top:calc(43% - 130px);width:260px;height:260px;border-radius:50%;border:1px solid var(--gift-light);box-shadow:0 0 70px color-mix(in srgb,var(--gift-light) 35%,transparent),inset 0 0 60px color-mix(in srgb,var(--gift-light) 20%,transparent);animation:hgGiftHaloR226 2.8s .3s both}
.hg-gift-particles-r226{position:absolute;left:50%;top:43%}.hg-gift-particles-r226 i{position:absolute;display:block;width:9px;height:9px;border-radius:50%;color:var(--gift-light);background:var(--gift-light);box-shadow:0 0 12px var(--gift-light);font:normal 22px/1 Georgia,serif;animation:hgGiftBurstR226 2.6s calc(.6s + var(--delay)) both}
[data-kind=snow] .hg-gift-particles-r226 i,[data-kind=spark] .hg-gift-particles-r226 i,[data-kind=fireworks] .hg-gift-particles-r226 i{background:none;box-shadow:none;width:auto;height:auto}
[data-kind=water] .hg-gift-particles-r226 i{border-radius:80% 0 80% 80%;width:13px;height:20px}
[data-kind=rise] .hg-gift-particles-r226 i{animation-name:hgGiftRiseR226;background:none;box-shadow:none;font-size:44px}
[data-kind=snow] .hg-gift-hero-r226{animation-name:hgSnowArriveR226}
[data-kind=fireworks] .hg-gift-particles-r226 i:nth-child(3n){color:#75e3ff}[data-kind=fireworks] .hg-gift-particles-r226 i:nth-child(3n + 1){color:#ffdc74}
@keyframes hgGiftArriveR226{0%{opacity:0;transform:translateY(40px) scale(.25) rotate(-12deg)}25%{opacity:1;transform:translateY(0) scale(1.12) rotate(4deg)}50%,100%{opacity:1;transform:scale(1)}}
@keyframes hgSnowArriveR226{0%{opacity:0;transform:translate(-30vw,-40vh) scale(.15) rotate(-120deg)}22%{opacity:1;transform:scale(1.25) rotate(20deg)}35%,100%{opacity:1;transform:scale(1)}}
@keyframes hgGiftBurstR226{0%{opacity:0;transform:scale(.1)}15%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--spin)) scale(.3)}}
@keyframes hgGiftRiseR226{0%{opacity:0;transform:translate(var(--x),130px)}25%{opacity:1}100%{opacity:0;transform:translate(calc(var(--x)*.6),-250px)}}
@keyframes hgGiftHaloR226{0%{opacity:0;transform:scale(.2)}30%{opacity:.75}100%{opacity:0;transform:scale(2.2)}}
@keyframes hgGiftCaptionR226{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes hgGiftVeilR226{0%,100%{opacity:0}9%,88%{opacity:1}}
@media(prefers-reduced-motion:reduce){.hg-gift-motion-r226,.hg-gift-motion-r226 *{animation:none!important}.hg-gift-halo-r226{opacity:.3}}
