.inv--apricot{--inv-bg: radial-gradient(90% 70% at 50% 35%,#fff6ee,#fbe6d4 70%,#f7d8c0);--inv-ink: #6a2f1c;--inv-accent: #d9825b;--inv-surface: #fff6ee;--ap-apricot: #f2a477;--ap-terra: #d9825b;--ap-mint: #a8c3a0;--ap-butter: #f6d68b;font-family: "Marhey",var(--font-body)}.ap-scene{display: grid;justify-items: center;gap: 2.2rem}.ap-kicker{font-family: "Lalezar",var(--font-display);font-size: clamp(2.2rem,9vw,3rem);color: var(--ap-terra);animation: ap-pop 0.8s cubic-bezier(0.3,1.6,0.5,1) both 0.3s}.ap-gift{position: relative;width: 11rem;height: 11rem;animation: ap-bounce 1.6s cubic-bezier(0.4,0,0.6,1) infinite 1s;transform-origin: 50% 100%}.ap-box{position: absolute;left: 1rem;right: 1rem;bottom: 0;height: 7rem;border-radius: 0.6rem;background: linear-gradient(180deg,var(--ap-apricot),#ec9466);box-shadow: inset 0 -10px 0 rgb(0 0 0 / 0.06)}.ap-box__ribbon{position: absolute;top: 0;bottom: 0;left: 50%;width: 1.4rem;translate: -50% 0;background: var(--ap-mint)}.ap-lid{position: absolute;left: 0.3rem;right: 0.3rem;bottom: 6.7rem;height: 2.4rem;border-radius: 0.6rem;background: var(--ap-terra);transform-origin: 50% 100%}.ap-lid::before{content: "";position: absolute;top: 0;bottom: 0;left: 50%;width: 1.4rem;translate: -50% 0;background: var(--ap-mint)}.ap-bow{position: absolute;bottom: 100%;left: 50%;translate: -50% 0.3rem;display: flex}.ap-bow i{width: 2.4rem;height: 1.8rem;border: 0.55rem solid var(--ap-mint);border-radius: 50% 50% 10% 50%}.ap-bow i:last-child{transform: scaleX(-1)}.ap-shadow{position: absolute;left: 1.5rem;right: 1.5rem;bottom: -0.8rem;height: 0.8rem;border-radius: 50%;background: rgb(106 47 28 / 0.15)}.ap-confetti{position: absolute;left: 50%;top: 50%;pointer-events: none}.ap-confetti span{position: absolute;width: 0.55rem;height: 0.8rem;border-radius: 2px;background: var(--ap-terra);opacity: 0}.ap-confetti span:nth-child(3n){background: var(--ap-mint)}.ap-confetti span:nth-child(3n + 1){background: var(--ap-butter);width: 0.6rem;height: 0.6rem;border-radius: 50%}.ap-confetti span:nth-child(4n){background: var(--ap-apricot)}.inv--apricot[data-state="opening"] .ap-gift{animation: ap-shake 0.45s ease both}.inv--apricot[data-state="opening"] .ap-lid{animation: ap-lid 0.9s cubic-bezier(0.2,0.7,0.3,1) both 0.4s}.inv--apricot[data-state="opening"] .ap-box,.inv--apricot[data-state="opening"] .ap-shadow{animation: ap-sink 0.6s var(--ease-in-out) both 0.9s}.inv--apricot[data-state="opening"] .ap-confetti span{animation: ap-burst 1.3s cubic-bezier(0.1,0.7,0.3,1) both calc(0.45s + var(--i) * 0.01s)}.inv--apricot[data-state="opening"] .ap-kicker{animation: ap-out 0.3s both}.ap-wrap{position: relative;min-height: 100vh;min-height: 100svh;overflow: hidden}.ap-balloon{position: absolute;border-radius: 50% 50% 48% 52% / 55% 55% 45% 45%;pointer-events: none;animation: ap-float 6s var(--ease-in-out) infinite}.ap-balloon::after{content: "";position: absolute;top: 100%;left: 50%;width: 1px;height: 5rem;background: rgb(106 47 28 / 0.25)}.ap-balloon--a{width: 5rem;height: 6rem;top: 12%;right: -1.2rem;background: radial-gradient(circle at 35% 30%,#ffd2b6,var(--ap-apricot))}.ap-balloon--b{width: 3.8rem;height: 4.6rem;top: 34%;left: -0.8rem;background: radial-gradient(circle at 35% 30%,#d8eacf,var(--ap-mint));animation-delay: 1.5s}.ap-balloon--c{width: 4.4rem;height: 5.2rem;bottom: 12%;right: 8%;background: radial-gradient(circle at 35% 30%,#fff0c4,var(--ap-butter));animation-delay: 3s}.ap-sheet{position: relative;max-width: 30rem;margin-inline: auto;display: grid;justify-items: center;gap: 1.3rem;text-align: center}.ap-pre{font-size: 1.15rem;font-weight: 500}.ap-name{font-family: "Marhey",var(--font-body);font-weight: 700;font-size: clamp(3.2rem,14vw,4.8rem);line-height: 1.2;color: var(--ap-terra);outline: none}.ap-age{display: grid;justify-items: center}.ap-age__num{display: grid;place-items: center;width: 9rem;height: 9rem;border-radius: 50%;font-family: "Lalezar",var(--font-display);font-size: 6rem;line-height: 1;padding-top: 0.6rem;color: #fff;background: var(--ap-apricot);box-shadow: 0.6rem 0.6rem 0 var(--ap-mint)}.ap-age__label{margin-top: 1rem;font-weight: 500}.ap-tags{display: grid;gap: 0.9rem;width: 100%;max-width: 20rem}.ap-tag{display: grid;padding: 0.9rem 1.1rem;border-radius: 1rem;font-size: 1rem;line-height: 1.7;box-shadow: 0 10px 20px -14px rgb(106 47 28 / 0.6)}.ap-tag b{font-family: "Lalezar",var(--font-display);font-weight: 400;font-size: 1.15rem}.ap-tag--a{background: #fff;transform: rotate(-2.5deg)}.ap-tag--b{background: #e5efe0;transform: rotate(1.8deg)}.ap-tag--c{background: #fdf0cc;transform: rotate(-1deg)}.ap-cd{gap: 0.5rem;padding: 0.7rem 1rem;border-radius: 999px;background: #fff;box-shadow: 0 8px 18px -12px rgb(106 47 28 / 0.5)}.ap-cd .cd__num{font-family: "Lalezar",var(--font-display);font-size: 1.6rem;color: var(--ap-terra)}.ap-foot{font-family: "Lalezar",var(--font-display);font-size: 1.8rem;color: var(--ap-terra)}.inv--apricot:is([data-state="opening"],[data-state="open"]) .ap-sheet>*{animation: ap-pop 0.7s cubic-bezier(0.3,1.6,0.5,1) both calc(1.05s + var(--i) * 0.1s)}.inv--apricot:is([data-state="opening"],[data-state="open"]) .ap-balloon{animation: ap-rise 1.2s var(--ease-out) both 1.1s,ap-float 6s var(--ease-in-out) infinite 2.3s}@keyframes ap-pop{from{opacity: 0;transform: scale(0.5)}to{opacity: 1;transform: none}}@keyframes ap-out{to{opacity: 0}}@keyframes ap-bounce{0%,100%{transform: translateY(0) scale(1,1)}15%{transform: translateY(0) scale(1.08,0.92)}40%{transform: translateY(-26px) scale(0.96,1.05)}60%{transform: translateY(0) scale(1.06,0.94)}75%{transform: scale(1)}}@keyframes ap-shake{0%,100%{transform: rotate(0)}20%{transform: rotate(-7deg)}40%{transform: rotate(6deg)}60%{transform: rotate(-5deg)}80%{transform: rotate(3deg)}}@keyframes ap-lid{to{transform: translate(30px,-55vh) rotate(38deg);opacity: 0}}@keyframes ap-sink{to{transform: translateY(40px) scale(0.85);opacity: 0}}@keyframes ap-burst{0%{opacity: 1;transform: rotate(var(--a)) translateY(0) rotate(0)}70%{opacity: 1}100%{opacity: 0;transform: rotate(var(--a)) translateY(calc(-9rem - var(--s) * 9rem)) rotate(540deg)}}@keyframes ap-float{0%,100%{transform: translateY(0) rotate(-3deg)}50%{transform: translateY(-16px) rotate(3deg)}}@keyframes ap-rise{from{opacity: 0;transform: translateY(60vh)}to{opacity: 1;transform: none}}.inv--apricot{--scratch-foil: #e9915f}