.animation-container{background:#fff;justify-content:center;align-items:center;min-height:100vh;transition:opacity 1s ease-in-out;display:flex;position:relative}.animation-container.fade-out{opacity:0}.envelope-wrapper{z-index:2;transition:opacity 1s ease-in-out;position:relative}.envelope-wrapper.fade-out,.animation-container.fade-out .envelope-wrapper{opacity:0}.envelope-svg{width:300px;height:300px;animation:1.5s ease-in-out envelopePulse}@keyframes envelopePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hearts-container{pointer-events:none;z-index:1;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animation-container.fade-out .hearts-container{opacity:0}.heart{opacity:0;animation:heartPop 5s ease-out var(--delay)forwards;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}.svg-icon{object-fit:contain;width:60px;height:60px}@keyframes heartPop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}15%{opacity:1;transform:translate(calc(-50% + var(--peak-x)*.3),calc(-50% + var(--peak-y)*.3))scale(1.2)rotate(10deg)}50%{opacity:1;transform:translate(calc(-50% + var(--peak-x)),calc(-50% + var(--peak-y)))scale(1)rotate(180deg)}to{opacity:0;transform:translate(calc(-50% + var(--final-x)),calc(-50% + var(--final-y)))scale(.5)rotate(360deg)}}.content-fade-in{opacity:0;transition:opacity 1s ease-in-out}.content-fade-in.visible{opacity:1}