.envelope-magic{z-index:4;pointer-events:none;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.magic-bloom,.magic-petal{opacity:0;transform-box:fill-box;transform-origin:50%;filter:blur(5px)}.magic-spark{opacity:0;fill:#fffdf3}.magic-dust{fill:#f7dfb4}.magic-mote{opacity:0}.opening .envelope-magic{animation:2.9s ease-out both magic-presence}.opening .magic-bloom{animation:magic-flower-awakens 1.45s ease-out var(--magic-delay) both}.opening .magic-petal{animation:magic-petal-awakens 1.4s ease-out var(--magic-delay) both}.opening .magic-spark{animation:magic-spark-rises 1.1s ease-out var(--magic-delay) both}.opening .magic-mote{animation:magic-mote-rises 1.3s ease-out var(--magic-delay) both}@keyframes magic-presence{0%{opacity:0}8%,76%{opacity:1}to{opacity:0}}@keyframes magic-flower-awakens{0%{opacity:0;transform:scale(.3)}28%{opacity:.95;transform:scale(.95)}60%{opacity:.6;transform:scale(1.15)}to{opacity:0;transform:scale(1.35)}}@keyframes magic-petal-awakens{0%{opacity:0;transform:translateY(30px)scale(.6)}35%{opacity:.8;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-15px)scale(1.1)}}@keyframes magic-spark-rises{0%{opacity:0;transform:translateY(4px)scale(.15)}25%{opacity:1;transform:translateY(0)scale(1)}50%{opacity:.85}to{opacity:0;transform:translateY(-38px)scale(.2)}}@keyframes magic-mote-rises{0%{opacity:0;transform:translateY(15px)}25%{opacity:.95}65%{opacity:.6}to{opacity:0;transform:translate(10px,-55px)}}@media (prefers-reduced-motion:reduce){.envelope-magic{display:none}}