@layer pages{.hanlo-envelope-letter{width:95%;max-width:800px;color:var(--heo-fontcolor);background:var(--heo-card-bg);border:var(--style-border-always);box-shadow:var(--heo-shadow-border);border-radius:5px;margin:auto;overflow:hidden}.hanlo-envelope-message{color:var(--heo-fontcolor);overflow-wrap:anywhere;text-align:center;background:var(--heo-secondbg);border-block:var(--style-border-always);margin:15px 0;padding:20px;line-height:2}.hanlo-envelope-signature{color:var(--heo-secondtext);text-align:center;padding-inline:1rem;font-size:12px}@media screen and (width<=599px){#afterimg,#beforeimg{display:none}}@media screen and (width>=600px){.hanlo-envelope-container img{margin:0 auto}#form-wrap{z-index:0;height:447px;transition:all 1s ease-in-out .3s;position:relative;top:0;overflow:hidden}#form-wrap:hover{height:var(--hanlo-envelope-open-height);top:-200px}#beforeimg{z-index:-100;pointer-events:none;background-repeat:no-repeat;width:530px;height:317px;position:absolute;bottom:126px;left:0}#afterimg{z-index:100;pointer-events:none;background-repeat:no-repeat;width:530px;height:259px;position:absolute;bottom:-2px;left:0}#envelope{width:500px;margin:0 auto;padding-top:200px;transition:all 1s ease-in-out .3s;position:relative;overflow:visible}#maincontent{width:530px;margin:20px auto 0}}}