.gift-box{--box-bg:#fff;isolation:isolate;height:66px;color:var(--color-ink);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:14px 32px 0;font-size:15px;font-weight:600;transition:transform .46s cubic-bezier(.34,1.7,.6,1);display:inline-flex;position:relative}.gift-box.is-ink{--box-bg:var(--color-ink);color:#fff}.gift-box-label{z-index:2;position:relative}.gift-box-body,.gift-box-lid{background:var(--box-bg);position:absolute;box-shadow:inset 0 0 0 1px #c9a56066}.gift-box-body{z-index:1;border-radius:4px 4px 9px 9px;transition:box-shadow .3s;inset:12px 0 0;box-shadow:inset 0 0 0 1px #c9a56066,inset 0 7px 6px -5px #3c1e1429,0 12px 30px -10px #00000080}.gift-box-lid{z-index:3;border-radius:4px;height:16px;transition:transform .42s cubic-bezier(.5,0,.3,1);top:0;left:-5px;right:-5px;box-shadow:inset 0 0 0 1px #c9a56066,0 3px 4px -1px #00000038}.gift-box-band{background:linear-gradient(90deg,#4a0914,#7e1a2d 22%,#b9475b 46%,#8a2236 62%,#5a0f1d);width:14px;margin-left:-7px;position:absolute;top:0;bottom:0;left:50%;box-shadow:inset 0 0 0 .5px #28050a80}.gift-box-bow{filter:drop-shadow(0 2px 2px #28050a59);width:84px;height:42px;margin-left:-42px;position:absolute;top:-15px;left:50%;overflow:visible}.gift-box-inside{z-index:0;pointer-events:none;position:absolute;top:18px;left:50%}.gift-box-inside .gb{opacity:0;max-width:none;height:auto;transform:translate(-50%, -50%) translate(calc(var(--x) * .25), 16px) scale(.35);filter:drop-shadow(0 4px 5px #00000047);transition:transform .32s cubic-bezier(.5, 0, .75, 0) calc((5 - var(--i)) * 20ms), opacity .16s ease calc(.12s + (5 - var(--i)) * 20ms);position:absolute;top:0;left:0}.gift-box-rise{z-index:2;pointer-events:none;height:230px;position:absolute;bottom:52px;left:-70px;right:-70px;overflow:hidden}.gift-box-light{opacity:0;transform-origin:50% 100%;-webkit-mask-composite:source-in;background:radial-gradient(34% 26% at 50% 100%,#fff0c8bf,#ffe0a000 100%),repeating-conic-gradient(from -42deg at 50% 100%,#ffe4aa52 0deg 3deg,#ffe4aa00 3deg 9deg);height:170px;transition:opacity .26s,transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleY(.3);-webkit-mask-image:radial-gradient(52% 100% at 50% 100%,#000 10%,#0000 72%),linear-gradient(90deg,#0000 0 19%,#000 32% 68%,#0000 81%);mask-image:radial-gradient(52% 100% at 50% 100%,#000 10%,#0000 72%),linear-gradient(90deg,#0000 0 19%,#000 32% 68%,#0000 81%);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gift-box-letter{transform-origin:50% 100%;background:linear-gradient(170deg,#fffaf0,#f6eddb);border-radius:3px;flex-direction:column;align-items:stretch;gap:6px;width:128px;height:96px;margin-left:-64px;padding:13px 12px 0;transition:transform .3s cubic-bezier(.5,0,.75,0),opacity .2s;display:flex;position:absolute;bottom:0;left:50%;transform:translateY(100%);box-shadow:inset 0 0 0 1px #c9a56073,inset 0 0 0 4px #fffaf0,inset 0 0 0 4.6px #c9a56059,0 6px 14px -4px #280a0a66}.gift-box-script{font-family:var(--font-script);white-space:nowrap;-webkit-text-stroke:.35px #5e3f14b3;color:#0000;filter:drop-shadow(0 .6px #fff8e6e6)drop-shadow(0 .5px .5px #462d0a40);clip-path:inset(-20% 100% -20% 0);background-image:linear-gradient(100deg,#5e3f14 0%,#835d24 26%,#b48a43 44%,#8a6227 62%,#5a3c12 100%);-webkit-background-clip:text;background-clip:text;align-self:center;margin:-2px -10px -3px;padding:2px 10px 3px;font-size:21px;font-weight:400;line-height:1.15;transition:clip-path .16s}.gift-box-line{width:var(--w);align-items:center;gap:5px;display:flex}.gift-box-line b{color:#8a2433;opacity:0;font-size:8px;line-height:1;transition:opacity .12s,transform .16s;display:flex;transform:scale(.3)}.gift-box-line span{transform-origin:0;background:linear-gradient(90deg,#a0783c99,#a0783c40);border-radius:1px;flex:1;height:1.5px;transition:transform .16s;transform:scaleX(0)}.gift-box:hover,.gift-box:focus-visible{transform:translateY(-2px)}.gift-box:hover .gift-box-lid,.gift-box:focus-visible .gift-box-lid{transition:transform .72s cubic-bezier(.34,1.5,.5,1);animation:2.4s ease-in-out .72s infinite gb-lid-bob;transform:translateY(-92px)rotate(-4deg)}@keyframes gb-lid-bob{0%,to{translate:0}50%{translate:0 -4px}}.gift-box:hover .gift-box-light,.gift-box:focus-visible .gift-box-light{opacity:1;transition:opacity .42s 60ms,transform .7s cubic-bezier(.2,.8,.3,1) 60ms;transform:none}.gift-box:hover .gift-box-letter,.gift-box:focus-visible .gift-box-letter{transition:transform .82s cubic-bezier(.3,1.35,.45,1) .14s;transform:translateY(18px)rotate(-2.5deg)}.gift-box:hover .gift-box-script,.gift-box:focus-visible .gift-box-script{clip-path:inset(-20% -10% -20% 0);transition:clip-path .76s cubic-bezier(.45,.05,.4,1) .56s}.gift-box:hover .gift-box-line b,.gift-box:focus-visible .gift-box-line b{opacity:1;transition:opacity .16s ease calc(1.1s + var(--i) * .16s), transform .42s cubic-bezier(.34, 2, .6, 1) calc(1.1s + var(--i) * .16s);transform:none}.gift-box:hover .gift-box-line span,.gift-box:focus-visible .gift-box-line span{transition:transform .38s cubic-bezier(.5, 0, .3, 1) calc(1.16s + var(--i) * .16s);transform:none}.gift-box:hover .gb,.gift-box:focus-visible .gb{opacity:1;transform:translate(-50%, -50%) translate(var(--x), var(--y)) rotate(var(--r)) scale(1);transition:transform .62s cubic-bezier(.34, 1.8, .6, 1) calc(.3s + var(--i) * 50ms), opacity .12s ease calc(.3s + var(--i) * 50ms)}.gift-box:hover .gift-box-body,.gift-box:focus-visible .gift-box-body{box-shadow:inset 0 0 0 1px #c9a56066,inset 0 7px 6px -5px #3c1e1429,0 -6px 26px -4px #ffe2a073,0 0 30px 2px #f1dda84d,0 18px 36px -12px #0000008c}.gift-box:active{transition-duration:.14s;transform:scale(.97)}@media (hover:none){.gift-box .gift-box-lid{animation:6s linear 2s 4 gb-lid-now}.gift-box .gift-box-light{animation:6s linear 2s 4 gb-light-now}.gift-box .gift-box-letter{animation:6s linear 2s 4 gb-letter-now}.gift-box .gift-box-script{animation:6s linear 2s 4 gb-write-now}.gift-box .gift-box-line b{animation:gb-heart-now 6s linear calc(2s + var(--i) * .16s) 4}.gift-box .gift-box-line span{animation:gb-rule-now 6s linear calc(2s + var(--i) * .16s) 4}.gift-box .gb{animation:gb-pop-now 6s linear calc(2s + var(--i) * 50ms) 4}}@keyframes gb-lid-now{0%,46%,to{transform:none}6%{animation-timing-function:ease-in-out;transform:translateY(-98px)rotate(-5deg)}9%,38%{animation-timing-function:cubic-bezier(.5,0,.3,1);transform:translateY(-92px)rotate(-4deg)}}@keyframes gb-light-now{0%,44%,to{opacity:0;transform:scaleY(.3)}9%,38%{opacity:1;transform:none}}@keyframes gb-letter-now{0%,2%,45%,to{transform:translateY(100%)}11%{animation-timing-function:ease-in-out;transform:translateY(12px)rotate(-3deg)}14%{transform:translateY(18px)rotate(-2.5deg)}38%{animation-timing-function:cubic-bezier(.5,0,.75,0);transform:translateY(18px)rotate(-2.5deg)}}@keyframes gb-write-now{0%,10%,42%,to{clip-path:inset(-20% 100% -20% 0)}22%,40%{clip-path:inset(-20% -10% -20% 0)}}@keyframes gb-heart-now{0%,21%,41%,to{opacity:0;transform:scale(.3)}24%{opacity:1;transform:scale(1.25)}26%,39%{opacity:1;transform:none}}@keyframes gb-rule-now{0%,22%,41%,to{transform:scaleX(0)}28%,39%{transform:none}}@keyframes gb-pop-now{0%,5%,41%,to{opacity:0;transform:translate(-50%, -50%) translate(calc(var(--x) * .25), 16px) scale(.35)}6%{opacity:1}10%{opacity:1;transform:translate(-50%, -50%) translate(calc(var(--x) * 1.05), calc(var(--y) * 1.12)) rotate(var(--r)) scale(1.06)}13%,37%{opacity:1;transform:translate(-50%, -50%) translate(var(--x), var(--y)) rotate(var(--r)) scale(1);animation-timing-function:cubic-bezier(.5,0,.75,0)}}.gift-box[data-open] .gift-box-lid{opacity:0;transition:transform .6s cubic-bezier(.2,.7,.3,1),opacity .3s .3s;animation:none;transform:translate(-30px,-120px)rotate(-16deg)}.gift-box[data-open] .gift-box-letter{opacity:0;transition:transform .62s cubic-bezier(.2,.8,.3,1),opacity .26s .36s;animation:none;transform:translateY(-70px)rotate(-6deg)scale(1.06)}.gift-box[data-open] .gift-box-script{clip-path:none;animation:none}.gift-box[data-open] .gift-box-line b{opacity:1;animation:none;transform:none}.gift-box[data-open] .gift-box-line span{animation:none;transform:none}.gift-box[data-open] .gift-box-light{opacity:1;animation:none;transform:scaleY(1.2)}.gift-box[data-open] .gb{animation:gb-burst .62s cubic-bezier(.2, .8, .3, 1) calc(var(--i) * 25ms) both}.gift-box[data-open]{animation:.6s cubic-bezier(.34,1.6,.6,1) both gb-glow}@keyframes gb-burst{0%{opacity:0;transform:translate(-50%, -50%) translate(calc(var(--x) * .25), 16px) scale(.35)}20%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) translate(calc(var(--x) * 1.7), calc(var(--y) * 1.9 - 16px)) rotate(calc(var(--r) * 2.5)) scale(1.15)}}@keyframes gb-glow{45%{transform:translateY(-3px)scale(1.06)}to{transform:translateY(-2px)scale(1.03)}}@media (prefers-reduced-motion:reduce){.gift-box,.gift-box .gift-box-lid,.gift-box .gb,.gift-box-light,.gift-box-letter,.gift-box-script,.gift-box-line b,.gift-box-line span{transition:none!important;animation:none!important}}