@font-face{font-family:AlFresco;src:url(../../static/media/AlFresco.1a3245cc40adfd9f5991.ttf)}@font-face{font-family:GenSenRounded2TC;font-weight:200;src:url(../../static/media/GenSenRounded2TC-EL.8251ef42353e5a7bbfb1.otf)}@font-face{font-family:GenSenRounded2TC;font-weight:300;src:url(../../static/media/GenSenRounded2TC-L.9bdf27bb8948b802587a.otf)}@font-face{font-family:GenSenRounded2TC;font-weight:400;src:url(../../static/media/GenSenRounded2TC-R.d13dbcdb55db9c91cde6.otf)}@font-face{font-family:GenSenRounded2TC;font-weight:500;src:url(../../static/media/GenSenRounded2TC-M.507d5694c3f276b32605.otf)}@font-face{font-family:GenSenRounded2TC;font-weight:700;src:url(../../static/media/GenSenRounded2TC-B.b8d29a36b577f31b63eb.otf)}@font-face{font-family:GenSenRounded2TC;font-weight:900;src:url(../../static/media/GenSenRounded2TC-H.b6dbb9a31a30a9e7e3fd.otf)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{background:linear-gradient(180deg,#1a214d 12%,#1d87b9);min-height:100%}body,html{height:100%}body{background:url(data:image/png;base64,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UmVhZHlxyWU8AAAEFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuZGJhM2RhM2I1LCAyMDIzLzEyLzE1LTEwOjQyOjM3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6QzFCQ0NFMTg3MUI4REIxMTk5MzE5MEZDRDUyQjRFOUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEU3MzgyRkE0NTNEMTFGMEEzNTlFRkE3QjhDRTI3MTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEU3MzgyRjk0NTNEMTFGMEEzNTlFRkE3QjhDRTI3MTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgSWxsdXN0cmF0b3IgMjkuNSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBlODgyNjQ2LWFjYzktNDFjNy04OTM2LTZkZGU5N2Y3MDc4ZCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowZTg4MjY0Ni1hY2M5LTQxYzctODkzNi02ZGRlOTdmNzA3OGQiLz4gPGRjOnRpdGxlPiA8cmRmOkFsdD4gPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij4yMDI1MDYwOV9NSk5fUGNsYXNzX0FJZ2FtZV9MYXlvdXQtdjQ8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmCdoasAAALxSURBVHja7F1LdoMwDETOKbrtbXr/+1hFjqGQ17Sl4eMZz0KPZTCSRyNp7Axv7x9pGAYZuJlZcvfVk3OtVk0+R7Vs4zPMB/oY5d2H4b9xbeb7Y1nYybHhYzz6CkvjPdK4vszhJ2EmjgVmmPwFg/Vu9LwS8b254y7RrCVyL3ttJv7QYA1CWXfE05/66wa3FgJso+vJgHKeUqsuuIzj5tBn8cQSY2N4qbZoML5oONlwk58vjq8lXt35GHK8+Yq30OwdghwJPRObOIsz5cNpLRl7npd6mbkKp2S99VwTT/+BZdYMtx8mnYNR8XWHjqu2+UZ83/RU+5D5Zj+VR2k2IuubN4lvXOoDX7w7er6OnsFiDdi8HAlfv/oZPvDrGqBqUqD+QCu9JPWz+M4bBCbJr+pR9qQFfdzPiv9tOaj4vNTofiLm9sZRXHG30fec2rojtQnScq7r5GqKkZ85v1s/OS9Vfbg00spL/8YUI+Ex3g2XmOsb6yfereL6oWv2duqtmSd25OP4/p56qx2cPjff9YfSljHpIHDmRbadE7nX3ttA70dL6kU0jyGLmnap4WbHVWYcXd7hw9a/u/vNKOOxzCS9jbzWU/23debHiB2lzxdnxORriPNWysvSgPbnn3378L7qUeNrExjz0nTORnuo5VnPtrtBy32iDXJ4nLuw/Nf+E1eM5YNyiT3MKXk1zPvX4TV/wp8390vmYHMf40VNyTK+Ar+uuDN6t57VmEf+tlcA7l17vGOtFc3vhvN1XvYG+l1Ee+NvupCbZNDzkeGDVLFq8gto3kgn72nd5/I9pj7d00jzgSPw6Vxcw70/OL/43RuJs9gTCD74EccqBwfEOjsoH3g5O31CfFmmqE/n/6yZNQ3WdK1jU0/jsm+/3zeyce+W2WidYSeg+nN7/kqN8Wq8c+J+MHZC6nWnfkb00o/Og/EbkJifasw7pAZo1tedos9KhDXKAfc9eGfnIF7Fpz/qnGOPZp0plclkMplM1rZ9CjAAC1M1cbhravEAAAAASUVORK5CYII=) 0 100% repeat-x;background-repeat:repeat-x;background-size:contain;display:block;margin:0 auto;overflow:hidden;padding:0;position:relative;text-align:center;width:100%}.App{font-family:GenSenRounded2TC,AlFresco,sans-serif!important;margin:auto;max-width:768px}.App .app-container{align-items:center;display:flex;flex-direction:column;height:100%;height:100svh;justify-content:center;left:50%;position:relative;transform:translateX(-50%);width:100%}.App .app-container .logo{background-size:contain;max-width:55%;min-width:45%;position:absolute;top:8%;width:4vw}.App .app-container .slogan{background-size:contain;max-width:85%;min-width:75%;position:absolute;top:20%;width:4vw}.step{height:100%;position:relative;width:100%}.step1-container .flower{left:50%;margin:auto;max-width:80%;min-width:70%;opacity:1;position:absolute;top:31%;transform:translateX(-50%);width:4vw}.step1-container .MuiTypography-root.slogan-text{color:#ccb883;font-size:20px;font-weight:300;left:50%;line-height:25px;margin-bottom:10px;position:absolute;text-align:center;top:70%;transform:translateX(-50%);width:80%}.step1-container .button{bottom:12%;left:50%;position:absolute;transform:translateX(-50%)}.step1-container .MuiTypography-root.text{bottom:2%;color:#fff;left:50%;margin-top:10px;position:absolute;text-align:center;transform:translateX(-50%)}.step2-container .number-input{left:50%;position:absolute;top:35%;transform:translateX(-50%);width:60%}.step2-container .number-input input{background-color:#fff;border:none;border-radius:20px;font-size:80px;text-align:center}.step2-container .number-input fieldset{display:none}.step2-container .error-container{color:red;left:50%;position:absolute;top:70%;transform:translateX(-50%)}.step2-container .MuiTypography-root.number-text{color:#fff;left:50%;position:absolute;text-align:center;top:60%;transform:translateX(-50%);width:100%}.step2-container .button{bottom:12%}.step2-container .button,.step3-container .title{left:50%;position:absolute;transform:translateX(-50%)}.step3-container .title{color:#fff;font-weight:300;margin-bottom:20px;text-align:center;top:35%;width:100%}.step3-container .button-container-a,.step3-container .button-container-b{display:block;left:50%;position:absolute;transform:translateX(-50%)}.step3-container .button-container-a .text,.step3-container .button-container-b .text{color:#fff;font-size:20px;padding:10px 20px;position:relative;text-align:justify;white-space:nowrap;z-index:2}.step3-container .button-container-a .button,.step3-container .button-container-b .button{height:100%;left:0;object-fit:contain;pointer-events:none;position:absolute;scale:1.35;top:0;width:100%;z-index:1}.step3-container .button-container-a{top:50%}.step3-container .or{color:#fff;left:50%;position:absolute;top:60%;transform:translateX(-50%)}.step3-container .button-container-b{top:66%}.step3-container .camera-preview{z-index:999}.step3-container .camera-preview .camera-container{left:50%;max-height:330px;max-width:330px;position:absolute;top:30%;transform:translateX(-50%)}.step3-container .camera-preview .camera-container video{max-height:330px;max-width:330px}.step3-container .camera-preview .camera-button-container{left:50%;margin-top:10px;position:absolute;top:80%;transform:translateX(-50%)}.step3-container .camera-preview .camera-button-container .camera-a-button,.step3-container .camera-preview .camera-button-container .camera-b-button{margin-bottom:10px}.step3-container .preview-image-conatiner{z-index:999}.step3-container .preview-image-conatiner img{left:50%;max-height:330px;max-width:330px;position:absolute;top:30%;transform:translateX(-50%)}.step3-container .preview-image-conatiner .preview-button-container{left:50%;margin-top:10px;position:absolute;top:80%;transform:translateX(-50%)}.step3-container .preview-image-conatiner .preview-button-container .preview-next-button{margin-bottom:10px}.step3-container .bing{bottom:12%;left:0;pointer-events:none;position:fixed;transform:translateY(50%);width:100%;z-index:0}.step4-container .title{color:#fff;font-weight:300;left:50%;margin-bottom:20px;position:absolute;text-align:center;top:35%;transform:translateX(-50%);width:100%}.step4-container .button-container-a,.step4-container .button-container-b{display:block;left:50%;position:absolute;transform:translateX(-50%)}.step4-container .button-container-a .text,.step4-container .button-container-b .text{color:#fff;font-size:20px;padding:10px 20px;position:relative;text-align:justify;white-space:nowrap;z-index:2}.step4-container .button-container-a .button,.step4-container .button-container-b .button{height:100%;left:0;object-fit:contain;pointer-events:none;position:absolute;scale:1.35;top:0;width:100%;z-index:1}.step4-container .button-container-a{top:50%}.step4-container .or{color:#fff;left:50%;position:absolute;top:60%;transform:translateX(-50%)}.step4-container .button-container-b{top:66%}.step4-container .camera-preview{z-index:999}.step4-container .camera-preview .camera-container{left:50%;max-height:330px;max-width:330px;position:absolute;top:30%;transform:translateX(-50%)}.step4-container .camera-preview .camera-container video{max-height:330px;max-width:330px}.step4-container .camera-preview .camera-button-container{left:50%;margin-top:10px;position:absolute;top:80%;transform:translateX(-50%)}.step4-container .camera-preview .camera-button-container .camera-a-button,.step4-container .camera-preview .camera-button-container .camera-b-button{margin-bottom:10px}.step4-container .preview-image-conatiner{z-index:999}.step4-container .preview-image-conatiner img{left:50%;max-height:330px;max-width:330px;position:absolute;top:30%;transform:translateX(-50%)}.step4-container .preview-image-conatiner .preview-button-container{left:50%;margin-top:10px;position:absolute;top:80%;transform:translateX(-50%)}.step4-container .preview-image-conatiner .preview-button-container .preview-next-button{margin-bottom:10px}.step4-container .bing{bottom:12%;left:0;pointer-events:none;position:fixed;transform:translateY(50%);width:100%;z-index:0}.step5-container .title{color:#fff;font-weight:300;left:50%;margin-bottom:20px;position:absolute;text-align:center;top:35%;transform:translateX(-50%);width:100%}.step5-container .button-container-a,.step5-container .button-container-b{display:block;left:50%;position:absolute;transform:translateX(-50%)}.step5-container .button-container-a .text,.step5-container .button-container-b .text{color:#fff;font-size:20px;padding:10px 20px;position:relative;text-align:justify;white-space:nowrap;z-index:2}.step5-container .button-container-a .button,.step5-container .button-container-b .button{height:100%;left:0;object-fit:contain;pointer-events:none;position:absolute;scale:1.35;top:0;width:100%;z-index:1}.step5-container .button-container-a{top:50%}.step5-container .or{color:#fff;left:50%;position:absolute;top:60%;transform:translateX(-50%)}.step5-container .button-container-b{top:66%}.step5-container .preview-image-conatiner{z-index:999}.step5-container .preview-image-conatiner img{left:50%;max-height:330px;max-width:330px;position:absolute;top:30%;transform:translateX(-50%)}.step5-container .preview-image-conatiner .preview-button-container{left:50%;margin-top:10px;position:absolute;top:80%;transform:translateX(-50%)}.step5-container .preview-image-conatiner .preview-button-container .preview-next-button{margin-bottom:10px}.step5-container .bing{bottom:12%;left:0;pointer-events:none;position:fixed;transform:translateY(50%);width:100%;z-index:0}.step6-container .select-wrapper-image{left:50%;margin:auto;max-width:400px;max-width:300px;position:absolute;top:30%;transform:translateX(-50%);width:100vw}.step6-container .select-wrapper-image .dropdown-image{display:block;width:100%}.step6-container .select-wrapper-image .select-overlay{height:100%;left:0;position:absolute;top:0;transform:translateY(-25%);width:100%}.step6-container .select-wrapper-image .select-overlay .placeholder{color:#fff;font-style:normal}.step6-container .select-wrapper-image .select-overlay .MuiInputBase-root{background:#0000;color:#fff;height:100%;padding:0 10px}.step6-container .select-wrapper-image .select-overlay .MuiSelect-icon{color:#fff;font-size:40px;right:15px}.step6-container .select-wrapper-image .select-overlay .MuiOutlinedInput-notchedOutline{border:none}.step6-container .error-text{color:red;left:50%;position:absolute;top:40%;transform:translateX(-50%)}.step6-container .button{bottom:12%;left:50%;position:absolute;transform:translateX(-50%)}.custom-menu-paper{background:none!important;box-shadow:none!important;max-width:280px!important;min-width:240px!important;min-width:auto!important;width:100vw!important}.custom-menu-paper .MuiList-root{background-color:none!important;border-bottom:2px solid #8395c1;border-left:2px solid #8395c1;border-radius:0 0 30px 30px;border-right:2px solid #8395c1;padding:0;padding:0!important}.dropdown-item:nth-child(odd){color:#fff;padding:0 15px}.dropdown-item:nth-child(odd),.dropdown-item:nth-child(odd):hover{background-color:#354a91!important}.dropdown-item:nth-child(2n){color:#fff;padding:0 15px}.dropdown-item:nth-child(2n),.dropdown-item:nth-child(2n):hover{background-color:#1b3277!important}.dropdown-item:last-child{border-radius:0 0 30px 30px}.step7-container.font-a .from-input .MuiOutlinedInput-input,.step7-container.font-a .greeting-input .MuiOutlinedInput-input,.step7-container.font-a .to-input .MuiOutlinedInput-input{font-family:GenSenRounded2TC,sans-serif!important;font-weight:200}.step7-container.font-b .from-input .MuiOutlinedInput-input,.step7-container.font-b .greeting-input .MuiOutlinedInput-input,.step7-container.font-b .to-input .MuiOutlinedInput-input{font-family:GenSenRounded2TC,serif!important;font-weight:600}.step7-container.font-c .from-input .MuiOutlinedInput-input,.step7-container.font-c .greeting-input .MuiOutlinedInput-input,.step7-container.font-c .to-input .MuiOutlinedInput-input{font-family:AlFresco!important}.step7-container .title{color:#fff;font-weight:300;left:50%;position:absolute;top:18%;transform:translateX(-50%);width:100%}.step7-container .font-select-button-container{display:flex;gap:8px;justify-content:flex-end;margin-bottom:10px;position:absolute;right:5%;top:25%;transform:translateX(-50%)}.step7-container .font-select-button-container .font-image{cursor:pointer;height:26px;opacity:.6;width:26px}.step7-container .font-select-button-container .font-image.active{border-radius:100%;opacity:1;outline:1px solid #fff}.step7-container .writing-container{left:50%;position:absolute;top:30%;transform:translateX(-50%);width:70%}.step7-container .from-section,.step7-container .greeting-section,.step7-container .to-section{margin-bottom:10px;position:relative}.step7-container .from-section img,.step7-container .greeting-section img,.step7-container .to-section img{display:block;height:auto;width:100%}.step7-container .from-content,.step7-container .greeting-content,.step7-container .to-content{align-items:center;display:flex;left:10px;position:absolute;top:-10px;width:90%;z-index:1}.step7-container .greeting-content{align-items:start;display:flex;flex-direction:column!important}.step7-container .from-label,.step7-container .greeting-label,.step7-container .to-label{color:#fff;flex-shrink:0;font-weight:400;margin-left:10px;width:70px}.step7-container .to-label{width:50px}.step7-container .greeting-label{margin-top:20px;width:150px}.step7-container .from-input,.step7-container .greeting-input,.step7-container .to-input{flex-grow:1;max-width:100%;width:100%}.step7-container .from-input .MuiOutlinedInput-root,.step7-container .greeting-input .MuiOutlinedInput-root,.step7-container .to-input .MuiOutlinedInput-root{background:#0000;color:#fff}.step7-container .from-input .MuiOutlinedInput-root fieldset,.step7-container .greeting-input .MuiOutlinedInput-root fieldset,.step7-container .to-input .MuiOutlinedInput-root fieldset{border:none}.step7-container .greeting-input{max-width:100%!important}.step7-container .to-input .MuiOutlinedInput-input{padding:16px 0!important}.step7-container .greeting-input .MuiOutlinedInput-input{color:#fff;line-height:1.5;padding:0 10px!important;white-space:pre-wrap}.step7-container .from-input .MuiOutlinedInput-input{padding:16px 0!important}.step7-container .button{bottom:12%}.step7-container .button,.step8-container .title{left:50%;position:absolute;transform:translateX(-50%)}.step8-container .title{color:#fff;font-weight:300;top:18%;width:100%}.step8-container .back-button-container{display:inline-flex;left:30%;margin-bottom:10px;position:absolute;top:25%;transform:translateX(-50%)}.step8-container .back-button-container .back-button{background-color:#fff;border-radius:20px;color:#000;font-size:12px;padding:5px 10px;width:100%}.step8-container .letter-section{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:30%;transform:translateX(-50%);width:70%}.step8-container .letter-section img{display:block;width:100%}.step8-container .letter-section .letter-context{color:#fff;display:flex;flex-direction:column;left:0;margin:auto;position:absolute;top:0;width:100%}.step8-container .letter-section .letter-margin{padding:20px 40px}.step8-container .letter-section .letter-margin .letter-to{font-size:14px;margin-bottom:10px;text-align:start}.step8-container .letter-section .letter-margin .letter-greeting{font-size:24px;margin-bottom:10px;text-align:center}.step8-container .letter-section .letter-margin .letter-from{font-size:14px;text-align:end}.step8-container .letter-section.font-a .letter-context{font-family:GenSenRounded2TC,sans-serif!important;font-weight:200}.step8-container .letter-section.font-b .letter-context{font-family:GenSenRounded2TC,serif!important;font-weight:600}.step8-container .letter-section.font-c .letter-context{font-family:AlFresco!important}.step8-container .button{bottom:12%;left:50%;position:absolute;transform:translateX(-50%)}.step9-container .ai-image-loading-container{left:50%;position:absolute;top:18%;transform:translateX(-50%);width:100%}.step9-container .ai-image-loading-container .title{color:#fff;font-weight:300}.step9-container .ai-image-loading-container .ai-image-loading{margin-top:40px}.step9-container .ai-image{left:50%;position:absolute;top:18%;transform:translateX(-50%);width:80%}.step9-container .message-container{left:50%;position:absolute;top:57%;transform:translateX(-50%);width:90%}.step9-container .message-container .thanks-message{color:#fff;font-size:12px;text-align:center}.step9-container .message-container .table-number{color:#fff;text-align:center}.step9-container .button{bottom:12%;left:50%;position:absolute;transform:translateX(-50%)}.step10-container .book-container{left:50%;position:absolute;top:18%;transform:translateX(-50%);width:70%}.step10-container .book-container .book{box-shadow:5px 5px 10px rgba(0,0,0,.439);display:block;height:auto;width:100%}.step10-container .book-container .book-inner{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;margin:15px 25px 30px;position:absolute;top:0}.step10-container .book-container .book-inner .logo-slogan{width:90%}.step10-container .book-container .book-inner .ai-image-container{display:flex;justify-content:center;position:relative}.step10-container .book-container .book-inner .ai-image-container .ai-image{width:80%}.step10-container .book-container .book-inner .ai-image-container .flower{bottom:0;height:auto;position:absolute;right:0;transform:translate(20%,50%);width:40%}.step10-container .book-container .book-inner .book-section{color:#fff;display:flex;flex-direction:column;margin-top:20px;width:80%;z-index:1}.step10-container .book-container .book-inner .book-section .book-to{font-size:14px;margin-bottom:10px;text-align:start}.step10-container .book-container .book-inner .book-section .book-greeting{font-size:24px;margin-bottom:10px;text-align:center}.step10-container .book-container .book-inner .book-section .book-from{font-size:14px;text-align:end}.step10-container .book-container .book-inner .book-section.font-a{font-family:GenSenRounded2TC,sans-serif!important;font-weight:200}.step10-container .book-container .book-inner .book-section.font-b{font-family:GenSenRounded2TC,serif!important;font-weight:600}.step10-container .book-container .book-inner .book-section.font-c{font-family:AlFresco!important}.step10-container .share-text{bottom:10%;color:#fff;left:50%;margin:5px;position:absolute;text-align:center;transform:translateX(-50%)}.step10-container .media-container{bottom:5%;display:flex;gap:20px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:100%;z-index:999}.step10-container .media-container .media-icon{width:30px}.step10-container .button{bottom:15%}.bing,.step10-container .button{left:50%;position:absolute;transform:translateX(-50%)}.bing{bottom:-13%;width:100%;z-index:0}
/*# sourceMappingURL=main.13fdb7d8.css.map*/