@font-face{font-family:ShowcaseSans;src:url(/font/showcasesans.woff2)format("woff2"),url(/font/showcasesans.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PlayfairDisplay;src:url(/font/playfairdisplay.woff2)format("woff2"),url(/font/playfairdisplay.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/font/montserrat.woff2)format("woff2"),url(/font/montserrat.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Signora;src:url(/font/signora.woff2)format("woff2"),url(/font/signora.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mallong;src:url(/font/mallong.woff2)format("woff2"),url(/font/mallong.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Belinda Avenue;src:url(/font/belinda-avenue.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/font/quicksand.woff2)format("woff2"),url(/font/quicksand.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Madam Ghea;src:url(/font/madam-ghea.woff2)format("woff2"),url(/font/madam-ghea.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}.thiep1-wrapper{background-color:#fff;justify-content:center;align-items:flex-start;width:100%;display:flex;position:relative;overflow-x:hidden}.thiep1-container{background-color:#fff;flex-shrink:0;width:393px;margin:0;position:relative}.thiep1-stage{background-color:#fff;width:393px;height:6595.33px;position:relative;overflow:hidden}.thiep1-layer{box-sizing:border-box;position:absolute}.thiep1-layer img{max-width:none}.photo-component{width:100%;height:100%;position:relative;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.photo-bg-wrap{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.thiep1-anim{opacity:0;will-change:opacity, transform;width:100%;height:100%;transition:opacity 1.3s cubic-bezier(.25,1,.5,1),transform 1.3s cubic-bezier(.25,1,.5,1);transform:translateY(20px)}.vp-visible .thiep1-anim,.mode-editor .thiep1-anim{opacity:1!important;transform:translate(0)scale(1)!important}.thiep1-anim[data-transition-key*=slide-left]{transform:translate(40px)}.thiep1-anim[data-transition-key*=slide-right]{transform:translate(-40px)}.thiep1-anim[data-transition-key*=slide-up]{transform:translateY(40px)}.thiep1-anim[data-transition-key*=scale-in]{transform:scale(.92)}.thiep1-anim[data-transition-key*=fade-in]{transform:none}.template-1-wrapper .audio-toggle{background-color:#0006;border-radius:50%}.calendar.componentBOX{width:100%;height:100%}.template-three{color:#fff;flex-wrap:wrap;width:100%;height:100%;font-family:Arial,sans-serif;font-size:11px;display:flex;position:relative}.template-three>div{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:14.285%;height:16.666%;display:flex;position:relative}.template-three img.heart-date{pointer-events:none;z-index:1;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.template-three .colorF{z-index:2;color:#fff;font-weight:700;position:relative}.thiep1-countdown-box{justify-content:space-between;align-items:center;gap:8px;width:100%;height:100%;display:flex}.thiep1-countdown-item{color:#fff;background-color:#000;border-radius:4px;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;padding:4px 0;display:flex}.thiep1-countdown-val{font-family:PlayfairDisplay,serif;font-size:26px;font-weight:500;line-height:1.1}.thiep1-countdown-label{text-transform:lowercase;opacity:.9;font-size:11px;font-weight:400}
.wedding-frame{width:100%;position:relative}.wedding-frame--public{background-color:#000;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}.wedding-frame--editor{width:100%;min-height:100%}.wedding-frame--preview,.preview-layout-container{box-sizing:border-box;background-color:#fcf1f2;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.wedding-frame__preview-center,.preview-center{z-index:1;flex-direction:row;align-items:center;gap:15px;display:flex;position:relative}.wedding-frame__main-left,.preview-main-left{flex-direction:column;align-items:center;display:flex}.wedding-frame__phone,.preview-phone{background-color:#fff;border-radius:40px;flex-direction:column;padding:30px 0 0;display:flex;position:relative;box-shadow:0 10px 40px #0000000d}.wedding-frame__phone-hardware,.preview-phone-hardware{align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.wedding-frame__phone-speaker,.preview-phone-speaker{background-color:#e0e0e0;border-radius:2px;width:40px;height:4px}.wedding-frame__phone-camera,.preview-phone-camera{background-color:#e0e0e0;border-radius:50%;width:6px;height:6px}.wedding-frame__phone-title,.preview-phone-title{color:#333;text-align:center;margin-bottom:12px;padding-top:5px;font-size:14px;font-weight:700}.wedding-frame__screen-wrapper,.preview-phone-screen-wrapper{background-color:#fff;border-radius:25px;width:400px;height:80vh;position:relative;overflow:hidden}.wedding-frame__screen,.preview-phone-screen{width:100%;height:100%;position:relative;overflow:hidden auto;scrollbar-width:none!important;-ms-overflow-style:none!important}.wedding-frame__screen::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.preview-phone-screen::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.wedding-frame__make-btn,.preview-make-btn{z-index:100;color:#fff;cursor:pointer;text-align:center;letter-spacing:2px;-webkit-user-select:none;user-select:none;background-color:#e9646b;border-radius:25px;padding:10px 40px;font-size:15px;transition:transform .2s,box-shadow .2s;position:fixed;top:30px;right:40px;box-shadow:0 4px 15px #e9646b66}.wedding-frame__make-btn:hover,.preview-make-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #e9646b80}.wedding-frame__nav,.preview-nav{background:#fff;border-radius:25px;flex-direction:column;align-items:center;gap:15px;padding:15px 10px;display:flex;box-shadow:0 5px 20px #0000000a}.wedding-frame__nav-arrow-up,.wedding-frame__nav-arrow-down,.nav-arrow-up,.nav-arrow-down{cursor:pointer;background:0 0;border-top:1.5px solid #888;border-bottom:none;border-left:none;border-right:1.5px solid #888;width:14px;height:14px;margin:5px 0;padding:0}.wedding-frame__nav-arrow-up,.nav-arrow-up{transform:rotate(-45deg)}.wedding-frame__nav-arrow-down,.nav-arrow-down{transform:rotate(135deg)}.wedding-frame__nav-text,.nav-text{writing-mode:vertical-rl;color:#888;cursor:pointer;letter-spacing:2px;-webkit-user-select:none;user-select:none;font-size:12px}.wedding-frame__page-count,.nav-page-count{color:#aaa;justify-content:center;align-items:center;width:30px;margin:8px 0;font-size:12px;display:flex}.wedding-frame__curpage,.nav-page-count .curpage{color:#333;font-weight:700}.wedding-frame__main-right,.preview-main-right{position:absolute;bottom:50px;right:50px}.wedding-frame__qr-box,.qr-box{background:#fff;border-radius:8px;flex-direction:column;align-items:center;padding:15px;display:flex;box-shadow:0 5px 25px #0000000f}.wedding-frame__qr-title,.qr-title{color:#333;margin-bottom:15px;font-size:12px;font-weight:500}.wedding-frame__qr-wrapper,.qr-code-wrapper{justify-content:center;align-items:center;width:130px;height:130px;display:flex}.wedding-frame__qr-save-btn,.qr-save-btn{color:#999;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;margin-top:12px;font-size:12px;display:flex}.wedding-frame__qr-save-btn:hover,.qr-save-btn:hover{color:#666}.wedding-frame__toolbar,.preview-toolbar{z-index:999;box-sizing:border-box;background-color:#0006;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 10px;display:flex;position:absolute;bottom:0;left:0}.wedding-frame__toolbar-left,.preview-toolbar .bar-left{flex:1}.wedding-frame__toolbar-input,.preview-toolbar .bar-left .bar-mess{color:#fff;box-sizing:border-box;background-color:#fff3;border:none;border-radius:15px;outline:none;width:90%;height:30px;padding:0 15px;font-size:12px}.wedding-frame__toolbar-input::placeholder,.preview-toolbar .bar-left .bar-mess::placeholder{color:#fff9}.wedding-frame__toolbar-center,.preview-toolbar .bar-center{gap:15px;display:flex}.wedding-frame__toolbar-action,.preview-toolbar .bar-center .center-gift{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex}.wedding-frame__toolbar-right,.preview-toolbar .bar-right{margin-left:15px}.wedding-frame__toolbar-praise,.preview-toolbar .bar-heart{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#ff4d4f;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:flex;position:relative}.wedding-frame__praise-plus,.preview-toolbar .bar-zan{color:#ff4d4f;opacity:0;font-size:12px;font-weight:700;position:absolute;top:-10px;right:-5px}@media (max-width:1100px){.wedding-frame__main-right,.preview-main-right{display:none}}@media (max-width:768px){.wedding-frame--preview,.preview-layout-container{background-color:#0000;width:100%;height:100dvh;min-height:100dvh;margin:0;padding:0;display:block}.wedding-frame__preview-center,.preview-center,.wedding-frame__main-left,.preview-main-left,.wedding-frame__phone,.preview-phone{width:100%;height:100%;box-shadow:none;background-color:#0000;border-radius:0;margin:0;padding:0;display:block}.wedding-frame__phone-hardware,.preview-phone-hardware,.wedding-frame__phone-title,.preview-phone-title,.wedding-frame__make-btn,.preview-make-btn,.wedding-frame__nav,.preview-nav,.wedding-frame__main-right,.preview-main-right,.wedding-frame__toolbar,.preview-toolbar{display:none!important}.wedding-frame__screen-wrapper,.preview-phone-screen-wrapper{background-color:#fff;border-radius:0;width:100%;max-width:100%;height:100dvh;min-height:100%;display:block;position:relative;overflow:hidden}.wedding-frame__screen,.preview-phone-screen{-webkit-overflow-scrolling:touch;width:100%;height:100%;position:relative;overflow:hidden auto;scrollbar-width:none!important;-ms-overflow-style:none!important}.wedding-frame__screen::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.preview-phone-screen::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}}.template-iframe-page,.template-iframe-page body{scrollbar-width:none!important;-ms-overflow-style:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}.template-iframe-page::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.template-iframe-page body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.template-iframe-page ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.template-iframe-page .wedding-frame--preview,.template-iframe-page .preview-layout-container{scrollbar-width:none!important;-ms-overflow-style:none!important;background:0 0!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}.template-iframe-page .wedding-frame__preview-center,.template-iframe-page .preview-center,.template-iframe-page .wedding-frame__main-left,.template-iframe-page .preview-main-left,.template-iframe-page .wedding-frame__phone,.template-iframe-page .preview-phone{width:100%!important;height:100%!important;min-height:100%!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important}.template-iframe-page .wedding-frame__phone-hardware,.template-iframe-page .preview-phone-hardware,.template-iframe-page .wedding-frame__phone-title,.template-iframe-page .preview-phone-title,.template-iframe-page .wedding-frame__make-btn,.template-iframe-page .preview-make-btn,.template-iframe-page .wedding-frame__nav,.template-iframe-page .preview-nav,.template-iframe-page .wedding-frame__main-right,.template-iframe-page .preview-main-right,.template-iframe-page .wedding-frame__toolbar,.template-iframe-page .preview-toolbar{display:none!important}.template-iframe-page .wedding-frame__screen-wrapper,.template-iframe-page .preview-phone-screen-wrapper{scrollbar-width:none!important;-ms-overflow-style:none!important;background-color:#fff!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;min-height:100%!important;display:block!important;position:relative!important;overflow:hidden!important}.template-iframe-page .wedding-frame__screen,.template-iframe-page .preview-phone-screen{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;width:100%!important;height:100%!important;position:relative!important;overflow:hidden auto!important}.template-iframe-page .wedding-frame__screen::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.template-iframe-page .preview-phone-screen::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.wedding-frame__branding{pointer-events:none;z-index:1000;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.wedding-frame__branding .watermark,.wedding-frame__branding .wedding-frame__watermark{right:10px;bottom:calc(98px + env(safe-area-inset-bottom,0px));text-align:center;white-space:nowrap;pointer-events:none;z-index:999;width:20px;height:20px;transition:bottom .3s;position:absolute;transform:rotate(-90deg)}.wedding-frame__branding[data-toolbar-visible=true] .watermark,.wedding-frame__branding[data-toolbar-visible=true] .wedding-frame__watermark{bottom:calc(148px + env(safe-area-inset-bottom,0px))}.wedding-frame__branding .watermark-content,.wedding-frame__branding .wedding-frame__watermark-content{text-align:center;color:#1c1c1c;opacity:.6;font-size:11px;font-weight:400}.wedding-frame__branding .watermark-link,.wedding-frame__branding .wedding-frame__watermark-link{color:#414141;pointer-events:auto;margin-left:2px;font-weight:500;text-decoration:none;transition:color .3s}.wedding-frame__branding .watermark-link:hover,.wedding-frame__branding .wedding-frame__watermark-link:hover{color:#000}.wedding-frame__branding .toolbar-toggle-button,.wedding-frame__branding .wedding-frame__toolbar-toggle{right:8px;bottom:calc(20px + env(safe-area-inset-bottom,0px));cursor:pointer;z-index:1001;pointer-events:auto;background-color:#ffffffe6;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .3s;display:flex;position:absolute;overflow:visible;box-shadow:0 2px 10px #0003}.wedding-frame__branding .toolbar-toggle-button:hover,.wedding-frame__branding .wedding-frame__toolbar-toggle:hover{background-color:#fff;transform:scale(1.05)}.wedding-frame__branding[data-toolbar-visible=true] .toolbar-toggle-button,.wedding-frame__branding[data-toolbar-visible=true] .wedding-frame__toolbar-toggle{bottom:calc(68px + env(safe-area-inset-bottom,0px))}.wedding-frame__branding .toolbar-toggle-button .toolbar-toggle-pill,.wedding-frame__branding .wedding-frame__toolbar-toggle .wedding-frame__toolbar-toggle-pill{box-sizing:border-box;background:linear-gradient(#ffeff2,#ff6883);border-radius:35px;width:100%;height:68px;transition:height .15s ease-in-out;position:absolute;bottom:0;left:0}.wedding-frame__branding .toolbar-toggle-button.toolbar-toggle-has-thumbnail .toolbar-toggle-pill,.wedding-frame__branding .wedding-frame__toolbar-toggle.toolbar-toggle-has-thumbnail .wedding-frame__toolbar-toggle-pill{background:linear-gradient(#ff9aa6,#ff4969)}.wedding-frame__branding .toolbar-toggle-button .thumbnail,.wedding-frame__branding .wedding-frame__toolbar-toggle .wedding-frame__toolbar-thumbnail{z-index:2;object-fit:cover;background-color:#fff;border:1px solid #fff;border-radius:50%;width:37px;height:37px;transition:all .3s;display:block;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000026}.wedding-frame__branding .toolbar-toggle-button .icon-svg,.wedding-frame__branding .wedding-frame__toolbar-toggle .wedding-frame__toolbar-icon{box-sizing:border-box;color:#fff;width:36px;height:36px;padding:7px;transition:transform .15s ease-in-out;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.wedding-frame__screen--locked{overflow-y:hidden!important}.wedding-frame--locked{height:100dvh;overflow-y:hidden!important}@media (min-width:769px){.wedding-frame--preview.is-feed-layout .wedding-frame__screen-wrapper,.preview-layout-container.is-feed-layout .preview-phone-screen-wrapper{border-radius:16px;width:480px;max-width:95vw;height:94vh;margin:0 auto;box-shadow:0 8px 30px #00000014}.wedding-frame--preview.is-feed-layout .wedding-frame__phone,.preview-layout-container.is-feed-layout .preview-phone{border-radius:20px;padding-top:0!important}}@media (max-width:768px){.wedding-frame--preview.is-feed-layout,.preview-layout-container.is-feed-layout{width:100%!important;height:100dvh!important;margin:0!important;padding:0!important}.wedding-frame--preview.is-feed-layout .wedding-frame__preview-center,.preview-layout-container.is-feed-layout .preview-center,.wedding-frame--preview.is-feed-layout .wedding-frame__main-left,.preview-layout-container.is-feed-layout .preview-main-left,.wedding-frame--preview.is-feed-layout .wedding-frame__phone,.preview-layout-container.is-feed-layout .preview-phone{width:100%!important;height:100%!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important}.wedding-frame--preview.is-feed-layout .wedding-frame__screen-wrapper,.preview-layout-container.is-feed-layout .preview-phone-screen-wrapper{width:100%!important;max-width:100%!important;height:100dvh!important;min-height:100%!important;box-shadow:none!important;border-radius:0!important;margin:0!important}}.wedding-frame--preview.is-feed-layout .wedding-frame__phone-hardware,.preview-layout-container.is-feed-layout .preview-phone-hardware,.wedding-frame--preview.is-feed-layout .wedding-frame__phone-title,.preview-layout-container.is-feed-layout .preview-phone-title{display:none!important}
