.gift{--gift-paper:color-mix(in srgb, var(--card) 70%, var(--surface));--gift-paper-shade:color-mix(in srgb, var(--surface-strong) 70%, var(--card));--gift-lining:color-mix(in srgb, var(--gold) 24%, var(--card));--gift-fold:var(--line-strong);--gift-ease:cubic-bezier(.22, 1, .36, 1);--gift-ease-io:cubic-bezier(.55, .05, .25, 1)}.gift-stage-wrap{width:100%;max-width:35rem;margin-inline:auto;position:relative;container-type:inline-size}.gift-stage{aspect-ratio:3/2;width:100%;margin-top:17cqw;position:relative}.gift-env{isolation:isolate;width:78%;height:78%;margin:auto;position:absolute;inset:0}.gift-layer,.gift-flap-wrap{position:absolute;inset:0}.gift-layer>svg,.gift-flap-wrap svg{width:100%;height:100%;display:block;overflow:visible}.gift-back{z-index:0}.gift-env-shadow{z-index:-1;position:absolute;inset:0;box-shadow:0 1px 2px #11111114,0 18px 40px -14px #11111147}.gift-card{z-index:1;will-change:transform;width:128.205%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.65)}.gift-pocket{z-index:2}.gift-flap-wrap{z-index:3;perspective:900px}.gift-flap{transform-origin:50% 0;transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.gift-flap>svg{backface-visibility:hidden;position:absolute;inset:0}.gift-flap>svg:last-child{transform:rotateY(180deg)}.gift-seal{transform-box:fill-box;transform-origin:50%}.gift-open{z-index:5;cursor:pointer;background:0 0;border:0;outline:none;width:78%;height:78%;margin:auto;position:absolute;inset:0}.gift-open:focus-visible{outline:2px solid var(--ring);outline-offset:6px}.gift-shine{pointer-events:none;opacity:0;position:absolute;inset:0;overflow:hidden}.gift-shine:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--card) 38%, transparent), transparent);width:46%;position:absolute;inset:-10% auto -10% 0;transform:translate(-130%)skew(-18deg)}.gift-hint{text-align:center;animation:gift-fade-up .6s .5s var(--gift-ease) both;margin-top:1.25rem;position:absolute;inset:100% 0 auto}.gift-details{display:none}.gift[data-state=open] .gift-card{animation:1.5s linear .3s both gift-card-out,1.5s step-end .3s both gift-card-z,.14s linear .28s both gift-card-in}.gift[data-state=open] .gift-seal{animation:.11s ease-out both gift-seal-off}.gift[data-state=open] .gift-flap{animation:gift-flap-open .56s 90ms var(--gift-ease-io) both}.gift[data-state=open] .gift-flap-wrap{animation:.56s step-end 90ms both gift-flap-z,.4s cubic-bezier(.5,0,.9,.6) .8s both gift-env-drop,.12s linear 1.08s both gift-env-fade}.gift[data-state=open] .gift-back,.gift[data-state=open] .gift-pocket,.gift[data-state=open] .gift-env-shadow{animation:.4s cubic-bezier(.5,0,.9,.6) .8s both gift-env-drop,.12s linear 1.08s both gift-env-fade}.gift[data-state=open] .gift-shine{animation:.6s linear 1.75s both gift-shine-box}.gift[data-state=open] .gift-shine:before{animation:.6s cubic-bezier(.4,0,.2,1) 1.75s both gift-shine-move}.gift[data-state=open] .gift-hint{animation:.2s ease-out both gift-fade-out}.gift[data-state=open] .gift-open{display:none}.gift[data-state=open] .gift-details{display:block}.gift[data-state=open] .gift-reveal{animation:gift-fade-up .55s var(--gift-ease) both;animation-delay:calc(1.45s + var(--i,0) * .12s)}@keyframes gift-flap-open{0%{transform:rotateX(0)}to{transform:rotateX(180deg)}}@keyframes gift-flap-z{0%{z-index:3}50%{z-index:0}to{z-index:0}}@keyframes gift-card-out{0%{animation-timing-function:cubic-bezier(.3,.6,.3,1);transform:translate(-50%,-50%)scale(.65)}40%{animation-timing-function:ease-out;transform:translate(-50%,-50%)translateY(-42%)scale(.65)}55%{animation-timing-function:cubic-bezier(.45,0,.2,1);transform:translate(-50%,-50%)translateY(-44%)scale(.65)}to{transform:translate(-50%,-50%)translateY(0)scale(1)}}@keyframes gift-card-z{0%{z-index:1}55%{z-index:4}to{z-index:4}}@keyframes gift-card-in{0%{opacity:0}to{opacity:1}}@keyframes gift-seal-off{to{opacity:0;transform:scale(1.1)}}@keyframes gift-env-drop{0%{transform:none}to{transform:translateY(100%)}}@keyframes gift-env-fade{to{opacity:0;visibility:hidden}}@keyframes gift-shine-box{0%,to{opacity:0}15%,85%{opacity:1}}@keyframes gift-shine-move{0%{transform:translate(-130%)skew(-18deg)}to{transform:translate(330%)skew(-18deg)}}@keyframes gift-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes gift-fade-out{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.gift *,.gift :before,.gift :after{transition:none!important;animation:none!important}.gift .gift-card{width:100%;transform:translate(-50%,-50%)!important}.gift .gift-env{width:100%;height:100%;inset:0}.gift .gift-back,.gift .gift-pocket,.gift .gift-flap-wrap,.gift .gift-env-shadow,.gift .gift-open,.gift .gift-hint,.gift .gift-shine,.gift .gift-replay{display:none!important}.gift .gift-details{display:block!important}}