*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}html,body{height:100%;margin:0;padding:0;font-size:100%;line-height:1.5}*:active,*:focus{outline:none!important;box-shadow:none!important}body{font-family:Arial,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;cursor:pointer}.step0,.step1,.step2,.step3,.step4,.step5,.step6,.step7,.loading,.printing{display:flex;justify-content:center;align-items:center;position:relative}.styleA .frame-a,.styleB .frame-b{display:flex}.styleB .liveRenderTarget{position:absolute;width:88%;top:11%;height:67%;z-index:-1;object-fit:cover}.styleB .capture{position:absolute;bottom:25%;width:20%}.styleB .switch{position:absolute;bottom:26%;width:16%;right:20%}.first-pic-0,.first-pic-1{position:absolute;top:27%;right:52%;width:8%}.second-pic-0,.second-pic-1{position:absolute;top:27%;right:40%;width:8%}.styleB .first-pic-0,.styleB .first-pic-1,.styleB .second-pic-0{top:14%}.liveRenderTarget{position:absolute;width:87%;top:24%;height:67%;z-index:-1;object-fit:cover}.step3-instructions{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000000b3}.hint{width:90%}.step3-modal-close{position:absolute;width:32%;height:6%;bottom:37%}.frame-a,.frame-b{display:none}.mobile-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100svh;aspect-ratio:9 / 16;max-width:100%}.linear-bg{background:linear-gradient(to bottom,#6b92f0,#e8c8df)}body{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.step1-start{position:absolute;bottom:5%;height:10%;width:54%}.mySwiper{top:28%;width:85%;position:absolute;flex:1;display:flex;justify-content:center;align-items:center}.style1{position:absolute;width:42%;left:8%;top:26%}.style2{position:absolute;width:42%;right:8%;top:26%}.style1.selected .style1-img-unselected{display:none}.style1-img-unselected{display:block}.style2.selected .style2-img-unselected{display:none}.style2-img-unselected{display:block}.style1-img-select,.style2-img-select{display:none}.style1.selected .style1-img-select,.style2.selected .style2-img-select{display:block}.step2-confirm{position:absolute;width:35%;height:6%;bottom:5%}.step4-content,.step5-content,.step6-content{position:absolute;top:16%;width:72%}.step4-next,.step5-next,.step6-next{position:absolute;bottom:4%;width:36%}.result-pic{position:absolute;width:37%;top:10%;left:33%}.step7-replay{position:absolute;bottom:12%;width:36%;height:7%;left:12%}.step7-share,.step7-print{position:absolute;bottom:12%;width:36%;height:7%;right:12%}.step7-download-app{position:absolute;bottom:3%;width:78%;height:7%}.capture{position:absolute;bottom:12%;width:20%}.switch{position:absolute;bottom:13%;width:16%;right:20%}.loader{position:absolute;top:43%;width:50%}.print-1{position:absolute;top:48%;width:50%}.flash{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;pointer-events:none;z-index:9999;transition:opacity .25s ease-out}.flash.active{opacity:1;transition:opacity .05s ease-in}.photo-preview{position:absolute;top:6%;left:50%;transform:translate(-50%) scale(.8);width:36%;padding:8px;background:#fff9;border-radius:16px;box-shadow:0 6px 20px #00000026;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .4s ease;z-index:99999}.photo-preview.show{opacity:.7;transform:translate(-50%) scale(1)}.photo-preview img{width:100%;border-radius:12px}.swiper-wrapper{display:flex;align-items:center;height:80%}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.print-modal{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000000b3;z-index:100}.print-modal img{width:90%}.print{position:absolute;width:30%;height:7%;bottom:37%;right:18%}.print-modal-close{position:absolute;width:30%;height:7%;bottom:37%;left:18%}.hidden{display:none}