.love-letter-module__XpJGBq__wrapper{width:280px;position:relative}.love-letter-module__XpJGBq__envelope{perspective:800px;cursor:pointer;background:#ddd;width:200px;height:100px;transition:transform .3s;position:relative;box-shadow:0 0 1px #00000080,0 1px 3px #00000040}.love-letter-module__XpJGBq__envelope:hover{transform:scale(1.05)}.love-letter-module__XpJGBq__envelope:after{content:"";z-index:2;pointer-events:none;border:100px solid #00000040;border-top:45px solid #0000;border-bottom-width:45px;width:0;height:0;position:absolute;top:0;left:0}.love-letter-module__XpJGBq__flap{z-index:3;pointer-events:none;border:50px solid #0000;border-width:50px 100px;width:100%;height:0;position:absolute}.love-letter-module__XpJGBq__flap.love-letter-module__XpJGBq__front{z-index:3;border-bottom-color:#ccc;border-left-color:#eee;border-right-color:#eee}.love-letter-module__XpJGBq__flap.love-letter-module__XpJGBq__front:after{content:"";border:100px solid #0000;border-top-width:49px;border-bottom:49px solid #eee;width:100%;height:0;position:absolute;bottom:-50px;left:-100px}.love-letter-module__XpJGBq__flap.love-letter-module__XpJGBq__top{z-index:3;transform-origin:top;perspective:800px;transform-style:preserve-3d;border-top-width:55px;border-top-color:#aaa;animation-duration:1s;animation-fill-mode:forwards}.love-letter-module__XpJGBq__envelope.love-letter-module__XpJGBq__open .love-letter-module__XpJGBq__flap.love-letter-module__XpJGBq__top{animation-name:love-letter-module__XpJGBq__flip}.love-letter-module__XpJGBq__flap.love-letter-module__XpJGBq__top:after{content:"";border:100px solid #0000;border-top:54px solid #eee;border-bottom-width:54px;width:100%;height:0;position:absolute;top:-55px;left:-100px}.love-letter-module__XpJGBq__letter{z-index:1;width:194px;height:84px;transform-style:preserve-3d;color:#333;background:#fff;border:1px solid #ccc;justify-content:center;align-items:center;padding:10px;font-size:10px;animation-duration:2s;animation-delay:1.5s;animation-fill-mode:forwards;display:flex;position:absolute;top:8px;left:3px;overflow:hidden}.love-letter-module__XpJGBq__envelope.love-letter-module__XpJGBq__open .love-letter-module__XpJGBq__letter{animation-name:love-letter-module__XpJGBq__remove}.love-letter-module__XpJGBq__letter:before,.love-letter-module__XpJGBq__letter:after{content:"";transform-origin:top;width:192px;height:75%;transform-style:preserve-3d;background:#fff;border:1px solid #ccc;animation-duration:1s;animation-delay:4s;animation-fill-mode:forwards;position:absolute;left:-1px;transform:rotateX(10deg)}.love-letter-module__XpJGBq__letter:before{z-index:1}.love-letter-module__XpJGBq__envelope.love-letter-module__XpJGBq__open .love-letter-module__XpJGBq__letter:before{animation-name:love-letter-module__XpJGBq__foldUp}.love-letter-module__XpJGBq__letter:after{transform-origin:bottom;animation-delay:5s;animation-fill-mode:forwards;bottom:0;transform:rotateX(-5deg)}.love-letter-module__XpJGBq__envelope.love-letter-module__XpJGBq__open .love-letter-module__XpJGBq__letter:after{animation-name:love-letter-module__XpJGBq__foldDown}@keyframes love-letter-module__XpJGBq__flip{to{z-index:1;transform:rotateX(180deg)}}@keyframes love-letter-module__XpJGBq__remove{50%{top:-120px}to{z-index:3;top:8px;transform:scale(1.5)}}@keyframes love-letter-module__XpJGBq__foldUp{0%{}to{transform:rotateX(140deg)}}@keyframes love-letter-module__XpJGBq__foldDown{0%{}to{transform:rotateX(-140deg)}}