:root{--aspect-w:9;--aspect-h:16}.cr-viewport{z-index:9999;background:0 0;justify-content:center;align-items:center;height:100%;display:flex;position:fixed;inset:0}.cr-viewport[data-open="1"]{pointer-events:none}.cr-stage{background-color:#0000;width:min(56.25vh,100vw);height:100%;position:relative;overflow:hidden}.cr-bg{pointer-events:none;opacity:1;will-change:opacity,transform;z-index:1;background-image:url(/images/envelope/back.png);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 2.2s cubic-bezier(.22,1,.36,1),transform 4.4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(0)}.cr-face{z-index:2;background-image:url(/images/envelope/face.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:70%;height:100%;transition:transform 4.2s cubic-bezier(.22,1,.36,1);position:absolute;top:0;right:0;transform:translate(0)}.cr-stage[data-open="1"] .cr-face{transform:translate(100%)}.cr-stage[data-open="1"] .cr-button{transform:translate(230%)}.cr-stage[data-open="1"] .cr-text{opacity:0}.cr-stage[data-open="1"] .cr-bg{opacity:0;transform:translate(-100%)}.cr-button{aspect-ratio:1;z-index:10;cursor:pointer;z-index:99;background-color:#0000;background-image:url(/images/envelope/button.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:34%;transition:transform 4.2s cubic-bezier(.22,1,.36,1);position:absolute;top:42%;right:44%;transform:translate(0)}.cr-text{aspect-ratio:1;opacity:1;background-color:#0000;background-image:url(/images/envelope/text.png);background-position:0;background-repeat:no-repeat;background-size:contain;transition:opacity 1.2s cubic-bezier(.22,1,.36,1);position:absolute;top:-10px;bottom:0;left:-30px}
.particles-container{width:100%;height:100%;position:relative}