@font-face{font-family:helvetica-neue-ltd-HvEx;src:url(https://mabgmobile.shop/HelveticaNeueLTStd-HvEx.2311453b.otf)}@font-face{font-family:arial-narrow-bold;src:url(https://mabgmobile.shop/arialnarrow_bold.b2e7c4d4.ttf)}@font-face{font-family:Eulyoo Regular;src:url(https://mabgmobile.shop/Eulyoo1945-Regular.b7e52fb6.otf)}@font-face{font-family:Nanum Bareun Pen Regular;src:url(https://mabgmobile.shop/nanumbarunpenR.9b3b502c.woff)}@font-face{font-family:PIGMENT;src:url(https://mabgmobile.shop/pigment.f92a8a11.woff)}@font-face{font-family:Kyobo SungJiyoung;src:url(https://mabgmobile.shop/KyoboHandwriting2021sjy.87517af1.otf)}:root{--SC:2;--MARGIN:calc(var(--SC)*2vmin);--PADDING:calc(var(--SC)*1vmin);--BTN-PADDING:calc(var(--SC)*1.5vmin);--HEADER-H:calc(var(--SC)*11vmin);--MAIN-LOGO-W:calc(var(--SC)*15vmin);--MENU-W:calc(var(--SC)*1.5vmin);--MENU-H:calc(var(--SC)*1.2vmin);--EDT-NAV-H:calc(var(--SC)*10vmin);--LARGE-FONT:calc(var(--SC)*1.5vmin);--MEDIUM-FONT:calc(var(--SC)*1vmin);--SMALL-FONT:calc(var(--SC)*0.7vmin);--BORDER-WIDTH:max(1px,calc(var(--SC)*0.05vmin));--Z-TOP:10;--BCK-COL:#fff;--FR-GRND-COL:#000;--MUTE-COL:#aaa;--NAVER-COL:#03c75a;--SELEC-COL:beige;--SIDE-W:calc(var(--SC)*30vmin);--sat-env:env(safe-area-inset-top,0px);--sab-env:env(safe-area-inset-bottom,0px);--sat:0px;--sab:0px}body{overflow-x:hidden;scroll-behavior:smooth;padding:0;margin:0;font-size:var(--LARGE-FONT);font-family:Helvetica,Arial,sans-serif}body.popup-open{overflow:hidden;overscroll-behavior:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0;scroll-behavior:none;word-break:keep-all;-webkit-tap-highlight-color:rgba(255,255,255,0)}.preloader{position:fixed;background-color:var(--BCK-COL);top:0;left:0;width:100%;height:100%;opacity:1;transition-property:opacity;transition-duration:.3s;z-index:var(--Z-TOP)}.preloader.loaded{opacity:0;pointer-events:none}.preloader .preloader-loading{transform:translate(-50%,-50%);width:calc(var(--MARGIN)*2);height:calc(var(--MARGIN)*2);animation-name:loading_rotation;animation-iteration-count:infinite}.preloader .preloader-loading,.preloader .preloader-loading .circle{position:absolute;top:50%;left:50%;animation-duration:2s;pointer-events:none}.preloader .preloader-loading .circle{width:calc(var(--PADDING)*0.5);height:calc(var(--PADDING)*0.5);background-color:var(--MUTE-COL);border-radius:calc(var(--PADDING)*0.5);--loading-rad:var(--PADDING);animation-name:circle_move;animation-iteration-count:infinite}.preloader .preloader-loading .circle:first-child{transform:translate(-50%,-50%) translateY(var(--loading-rad)) rotate(0deg)}.preloader .preloader-loading .circle:nth-child(2){transform:translate(-50%,-50%) rotate(45deg) translateY(var(--loading-rad))}.preloader .preloader-loading .circle:nth-child(3){transform:translate(-50%,-50%) rotate(90deg) translateY(var(--loading-rad))}.preloader .preloader-loading .circle:nth-child(4){transform:translate(-50%,-50%) rotate(135deg) translateY(var(--loading-rad))}.preloader .preloader-loading .circle:nth-child(5){transform:translate(-50%,-50%) rotate(180deg) translateY(var(--loading-rad))}.preloader .preloader-loading .circle:nth-child(6){transform:translate(-50%,-50%) rotate(225deg) translateY(var(--loading-rad))}.preloader .preloader-loading .circle:nth-child(7){transform:translate(-50%,-50%) rotate(270deg) translateY(var(--loading-rad))}.preloader .preloader-loading .circle:nth-child(8){transform:translate(-50%,-50%) rotate(315deg) translateY(var(--loading-rad))}@keyframes loading_rotation{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.justify{text-align:justify}.justify:after{content:"";width:100%;display:inline-block}.futura{font-family:futura-pt-bold,sans-serif;font-weight:700;font-style:normal}.futura-book{font-weight:400}.futura-book,.futura-medium{font-family:futura-pt,sans-serif;font-style:normal}.futura-medium{font-weight:500}.pretendard{font-weight:400;line-height:1.5}.pretendard,.pretendard-medium{font-family:pretendard,sans-serif}.pretendard-medium{font-weight:500;font-style:normal}.helvetica{font-family:helvetica-neue-ltd-HvEx,sans-serif}.medium-size{font-size:var(--MEDIUM-FONT)}.bold{font-weight:700}.underbar-btn{cursor:pointer;position:relative}.underbar-btn:after{position:absolute;bottom:calc(var(--MARGIN)*-0.11);left:0;content:"";width:100%;height:calc(var(--MARGIN)*0.11);background-color:var(--FR-GRND-COL);transition-property:width;transition-duration:.3s}.underbar-btn:hover:after{width:0}.cover-btn{cursor:pointer;position:relative;transition-property:opacity}.cover-btn,.cover-btn:after{transition-duration:.3s;transition-delay:.1s}.cover-btn:after{position:absolute;bottom:0;left:0;content:"";width:100%;height:100%;background-color:var(--BCK-COL);transition-property:height}.box-shadow{box-shadow:0 0 8px rgba(0,0,0,.2)}.drop-shadow{-webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,.2));filter:drop-shadow(0 0 4px rgba(0,0,0,.2))}.material-symbols-outlined{font-size:130%;opacity:0}.google-icon-loaded .material-symbols-outlined{opacity:1}div[class*=btn]{cursor:pointer}.txt-center{text-align:center}.txt-right{text-align:right}.txt-left{text-align:left}.imp-txt{color:orange}.white-nowrp{white-space:nowrap}.preserve-space{white-space:pre-wrap}.font-larger{font-size:120%;line-height:1.8}input[type=number],input[type=text]{margin-top:var(--PADDING);padding:calc(var(--BTN-PADDING)*0.5) calc(var(--BTN-PADDING)*1);display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:var(--MARGIN);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);width:calc(100% - var(--PADDING)*2);color:var(--MUTE-COL);font-size:var(--MEDIUM-FONT)}input[type=number]:focus,input[type=text]:focus{outline:none;box-shadow:none}::-webkit-scrollbar{display:none!important}::selection{background-color:transparent}.strong::selection,input::selection,textarea::selection{background-color:var(--SELEC-COL)}a{outline:none}a,a:active,a:hover{color:inherit;text-decoration:none}a:active,a:hover{background-color:inherit}input[type=range]{-webkit-appearance:none;width:100%;height:1px;background:var(--MUTE-COL);outline:none;opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:var(--MUTE-COL);border-radius:15px;cursor:pointer}input[type=range]::-moz-range-thumb{width:15px;height:15px;background:var(--MUTE-COL);border-radius:15px;cursor:pointer}.select-wrapper{display:flex;align-items:center;justify-content:center;text-align:center;padding:0 var(--PADDING);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);border-radius:var(--MARGIN);position:relative}.select-wrapper:after{content:"\e5c5";font-family:Material Symbols Outlined;position:absolute;right:var(--PADDING);top:50%;transform:translateY(-50%);display:block}select{position:relative;width:100%;height:calc(var(--MARGIN)*1.2);outline:none;border:0;text-align:center;font-size:var(--MEDIUM-FONT);-webkit-appearance:none;background-color:inherit}option,select,textarea{color:var(--MUTE-COL)}textarea{font-size:var(--MEDIUM-FONT);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);border-radius:var(--PADDING);padding:calc(var(--PADDING)*1.5) calc(var(--PADDING)*2);overflow:auto;outline:none;font-family:pretendard,sans-serif;font-weight:500;line-height:1.5;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;resize:none}img:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--MUTE-COL);content:""}img.no-after:after{display:none}.img{position:relative}.img:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--MUTE-COL);transition-duration:.3s;transition-property:background-color;pointer-events:none}.img.loaded:after{background-color:hsla(0,0%,100%,0)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.checkbox-wrapper{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.checkbox-wrapper input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-wrapper .checkmark{position:relative;margin-top:calc(var(--PADDING)*0.5);top:0;left:0;height:calc(var(--MARGIN)*1.35);width:calc(var(--MARGIN)*1.35);border-radius:var(--MARGIN);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);background-color:var(--BCK-COL)}.checkbox-wrapper .checkmark:after{content:"";position:absolute;top:50%;left:50%;width:var(--PADDING);height:var(--PADDING);opacity:0;transition-property:opacity;transition-duration:.3s;transform:translate(-50%,-50%);background-color:var(--MUTE-COL);border-radius:var(--PADDING)}.checkbox-wrapper input:checked~.checkmark:after{opacity:1}[id*=btn] *{pointer-events:none}.flex{display:flex}.col-1-2{width:50%}.col-2-2{width:100%}.col-1-4{width:25%}.col-2-4{width:50%}.col-3-4{width:75%}.col-4-4{width:100%}.col-1-12{width:8.33333%}.col-2-12{width:16.66667%}.col-3-12{width:25%}.col-4-12{width:33.33333%}.col-5-12{width:41.66667%}.col-6-12{width:50%}.col-7-12{width:58.33333%}.col-8-12{width:66.66667%}.col-9-12{width:75%}.col-10-12{width:83.33333%}.col-11-12{width:91.66667%}.col-12-12{width:100%}.row-1-12{height:8.33333%}.row-2-12{height:16.66667%}.row-3-12{height:25%}.row-4-12{height:33.33333%}.row-5-12{height:41.66667%}.row-6-12{height:50%}.row-7-12{height:58.33333%}.row-8-12{height:66.66667%}.row-9-12{height:75%}.row-10-12{height:83.33333%}.row-11-12{height:91.66667%}.row-12-12{height:100%}.col-1-7{width:14.28571%}.col-2-7{width:28.57143%}.col-3-7{width:42.85714%}.col-4-7{width:57.14286%}.col-5-7{width:71.42857%}.col-6-7{width:85.71429%}.col-7-7{width:100%}.resizing *{transition:none!important;transition-duration:0s!important}.slide-container{position:relative;min-height:10vw;min-width:10vw;width:100%;height:calc(100% - var(--MARGIN)*3)}.slide-container,.slide-container *{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.slide-container[data-type*=normal]{min-height:calc(var(--CARD-W)*1.7)}.slide-container[data-type*=normal],.slide-container[data-type=normal-2]{height:calc(var(--vh)*100 - var(--MARGIN)*4)}.slide-container[data-type*=normal] .next-btn,.slide-container[data-type*=normal] .prev-btn{position:relative;top:calc(var(--MARGIN)*-2.5)}.slide-container[data-type=board]{min-height:calc(var(--CARD-W)*1)}.slide-container .slide-view{position:absolute;width:100%;height:100%;overflow:hidden}.slide-container .slide-wrapper{position:absolute;min-height:10vw;min-width:10vw;height:100%;width:500%;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:grab}.slide-container .thumb-view{position:absolute;width:100%;height:calc(var(--MARGIN)*2);left:0;bottom:0;overflow:hidden}.slide-container .thumb-wrapper{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;justify-content:center;cursor:grab}.slide-container .thumb-wrapper img{object-fit:cover;width:calc(var(--MARGIN)*2);height:calc(var(--MARGIN)*2);background-color:var(--MUTE-COL);cursor:pointer}.slide-container .thumb-wrapper .img{position:relative}.slide-container .slide{position:relative;margin:var(--MARGIN);min-height:10vw;min-width:10vw;width:20%;height:100%;display:flex}.slide-container .navigation{position:absolute;z-index:1;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;justify-content:space-between;font-size:var(--MEDIUM-FONT)}.slide-container .navigation *{pointer-events:auto}.slide-container .next-btn,.slide-container .prev-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;pointer-events:auto}.slide-container .next-btn svg,.slide-container .prev-btn svg{pointer-events:none;width:100%;height:auto}.slide-container .pagination{position:absolute;bottom:0;left:50%;transform:translate(-50%);pointer-events:none;opacity:0}.slide-container .pagination.active{opacity:1}.slide-container .slide img{position:relative;-webkit-touch-callout:none;pointer-events:none}.slide-container[data-type=album]{position:relative;width:100%;height:calc(var(--CARD-W)*0.7);top:0;left:50%;transform:translate(-50%);background-position:50%;background-size:contain;background-repeat:no-repeat;font-size:calc(var(--MEDIUM-FONT)*1.5)}.slide-container[data-type=album] .slide-view:after{content:"groom";position:absolute;top:calc(var(--MARGIN)*1.5);left:28%;transform:translate(-50%,-50%)}.slide-container[data-type=album] .slide-view:before{content:"bride";position:absolute;top:calc(var(--MARGIN)*1.5);left:72%;transform:translate(-50%,-50%)}.slide-container[data-type=album] .slide>img{position:absolute;width:60%;border:calc(var(--PADDING)*0.5) solid var(--BCK-COL)}.slide-container[data-type=album] .slide>img:first-of-type{top:48%;left:25%;transform:translate(-50%,-50%) rotate(5deg) scale(.45)}.slide-container[data-type=album] .slide>img:nth-of-type(2){top:48%;right:25%;transform:translate(50%,-50%) rotate(-5deg) scale(.45)}.slide-container[data-type=album]:after{content:"click to see";position:absolute;left:50%;bottom:0;transform:translate(-50%,var(--PADDING));color:var(--MUTE-COL)}.slide-container[data-type=album] .slide img.noimg{opacity:0!important;pointer-events:none}.slide-container[data-type=normal] .slide>img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--bevel)/100*var(--MARGIN)*7)}.slide-container[data-type=normal] .slide{border-radius:calc(var(--bevel)/100*var(--MARGIN)*7);overflow:hidden}.slide-container[data-type=normal] .thumb-view{width:calc(100% - var(--MARGIN)*2);left:50%;transform:translate(-50%);height:calc(var(--MARGIN)*5)}.slide-container[data-type=normal] .thumb-wrapper .img:after{position:absolute;top:0;left:50%;content:"";transform:translate(-50%,-100%);width:var(--SMALL-FONT);height:var(--SMALL-FONT);border-radius:var(--SMALL-FONT);background-color:var(--MUTE-COL);opacity:0;transition-property:opacity;transition-duration:.3s}.slide-container[data-type=normal] .thumb-wrapper .img.active:after{opacity:1}.slide-container[data-type=normal] .thumb-wrapper img{border-radius:var(--PADDING);width:100%;height:100%}.slide-container[data-type=normal] .thumb-wrapper .img{padding:calc(var(--PADDING)*0.5);height:calc(100% - var(--MARGIN));width:calc(var(--CARD-W)/4 - var(--MARGIN)*2/4)}.slide-container[data-type=normal] .pagination{opacity:1;top:0;width:calc(100% - var(--MARGIN)*2);color:var(--MUTE-COL);font-size:var(--MEDIUM-FONT)}.slide-container[data-type=normal] .page-number{position:absolute;top:0;left:0}.slide-container[data-type=normal] .page-number-total{position:absolute;top:0;right:0}.slide-container[data-type=normal-2] .slide-view{width:100%;height:calc(100% - var(--MARGIN)*5)}.slide-container[data-type=normal] .slide-view{width:100%;height:calc(100% - var(--MARGIN)*5.5)}.slide-container[data-type=normal-2] .slide{position:absolute;width:calc(100% - var(--MARGIN)*0);height:calc(100% - var(--MARGIN)*0);display:block;top:50%;left:50%;margin:0;transform:translate(-50%,-50%);pointer-events:none}.slide-container[data-type=normal-2] .slide-wrapper{width:100%;height:100%;display:block}.slide-container[data-type=normal-2] .slide img{object-fit:contain;width:80%;height:80%;position:absolute;pointer-events:auto;cursor:pointer;top:50%;left:50%;transform:translate(-50%,-50%)}.slide-container[data-type=normal-2] .pagination{opacity:1;bottom:calc(var(--MARGIN)*5.5);left:50%;color:var(--FR-GRND-COL);font-size:var(--MEDIUM-FONT);transform:translate(-50%);position:absolute}.slide-container[data-type=normal-2] .pagination:after{position:absolute;bottom:0;left:50%;transform:translate(-50%);content:"/"}.slide-container[data-type=normal-2] .page-number{margin-right:var(--PADDING)}.slide-container[data-type=normal-2] .page-number-total{margin-left:var(--PADDING)}.slide-container[data-type=normal-2] .thumb-view{width:calc(100% - var(--MARGIN)*2);left:50%;transform:translate(-50%);height:calc(var(--MARGIN)*5)}.slide-container[data-type=normal-2] .thumb-wrapper .img:after{position:absolute;top:0;left:50%;content:"";transform:translate(-50%,-100%);width:var(--SMALL-FONT);height:var(--SMALL-FONT);border-radius:var(--SMALL-FONT);background-color:var(--MUTE-COL);opacity:0;transition-property:opacity;transition-duration:.3s}.slide-container[data-type=normal-2] .thumb-wrapper .img.active:after{opacity:1}.slide-container[data-type=normal-2] .thumb-wrapper img{border-radius:calc(var(--PADDING)*0.25);width:100%;height:100%}.slide-container[data-type=normal-2] .thumb-wrapper .img{padding:calc(var(--PADDING)*0.5);height:calc(100% - var(--MARGIN));width:calc(var(--CARD-W)/4 - var(--MARGIN)*2/4)}.slide-container[data-type=normal-2] .slide:after,.slide-container[data-type=normal] .slide:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--MUTE-COL);transition-duration:.3s;transition-property:background-color;pointer-events:none}.slide-container[data-type=normal-2] .slide.loaded:after,.slide-container[data-type=normal] .slide.loaded:after{background-color:hsla(0,0%,100%,0)}.slide-container[data-type=board] .slide-wrapper{height:100%;width:500%}.slide-container[data-type=board] .slide .img{width:calc(var(--CARD-W)*0.3 - var(--MARGIN));height:calc(var(--CARD-W)*0.3);background-color:var(--BCK-COL);padding:calc(var(--PADDING)*0.5) calc(var(--PADDING)*0.5) calc(var(--PADDING)*2.5) calc(var(--PADDING)*0.5)}.slide-container[data-type=board] .slide .img.noimg{opacity:0;pointer-events:none}.slide-container[data-type=board] .slide .img:nth-child(3){transform:rotate(5deg)}.slide-container[data-type=board] .slide .img:nth-child(4n){transform:rotate(-5deg)}.slide-container[data-type=board] .slide .img:nth-child(5n){transform:rotate(5deg)}.slide-container[data-type=board] .slide img{width:100%;height:100%;object-fit:cover;object-position:left top}.slide-container[data-type=board] .slide{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;justify-items:center;margin:var(--MARGIN);width:20%;height:100%}.slide-container[data-type=board] .pagination{opacity:1;bottom:calc(var(--PADDING)*-3);left:50%;color:var(--FR-GRND-COL);font-size:var(--MEDIUM-FONT);transform:translate(-50%);position:absolute}.slide-container[data-type=board] .pagination:after{position:absolute;bottom:0;left:50%;transform:translate(-50%);content:"/"}.slide-container[data-type=board] .page-number{margin-right:var(--PADDING)}.slide-container[data-type=board] .page-number-total{margin-left:var(--PADDING)}.slide-container.popup-slide{height:100%;position:absolute;top:0;left:0}.popup.slide-popup .content{max-width:unset;border-radius:0;box-shadow:none}.slide-container.popup-slide .slide{margin:0}.slide-container.popup-slide .slide img{position:absolute;width:100%;height:100%;pointer-events:none}.slide-container.popup-slide .pagination{opacity:1;bottom:var(--PADDING);left:50%;color:var(--FR-GRND-COL);font-size:var(--MEDIUM-FONT);transform:translate(-50%);position:absolute;background-color:var(--MUTE-COL);padding:var(--PADDING);border-radius:var(--MARGIN)}.slide-container.popup-slide .pagination:after{position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);content:"/"}.slide-container.popup-slide .page-number{margin-right:var(--PADDING)}.slide-container.popup-slide .page-number-total{margin-left:var(--PADDING)}.popup:not(.show) *{pointer-events:none!important}#common-popup-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--Z-TOP);backdrop-filter:blur(0);transition-property:backdrop-filter;transition-duration:.3s;pointer-events:none}#common-popup-background.show{backdrop-filter:blur(4px)}.popup{position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,.5);height:100%;z-index:var(--Z-TOP);transition-property:opacity;transition-duration:.3s;opacity:0;pointer-events:none}.popup.show{opacity:1;pointer-events:auto}.popup .content{position:absolute;top:50%;left:50%;padding:var(--MARGIN) calc(var(--MARGIN)*2);transform:translate(-50%,-50%);background-color:var(--BCK-COL);border-radius:var(--PADDING);max-width:calc(100% - var(--MARGIN)*1.5)}.popup .header{text-align:center;margin-bottom:var(--MARGIN)}.popup.choose-invitation .header{color:var(--MUTE-COL);font-size:var(--MEDIUM-FONT)}.popup.choose-invitation .btn{padding:calc(var(--BTN-PADDING)*0.5) calc(var(--MARGIN)*2);border-radius:var(--MARGIN);font-size:var(--MEDIUM-FONT);color:var(--BCK-COL);background-color:var(--MUTE-COL);margin-top:var(--PADDING);text-align:center}.popup.login .header{font-size:var(--LARGE-FONT)}.popup.login .btn{background-color:var(--NAVER-COL);border-radius:calc(var(--PADDING)*0.5);padding:var(--MARGIN) calc(var(--MARGIN)*4);color:var(--BCK-COL);display:flex;align-items:center;justify-content:center}.popup.login .naver-logo svg{height:calc(var(--MEDIUM-FONT)*1);fill:var(--BCK-COL);margin-right:var(--PADDING)}.popup.info .block{background-color:var(--MUTE-COL);border-radius:calc(var(--PADDING)*0.5);padding:calc(var(--PADDING)*1.5) calc(var(--PADDING)*2);max-width:25vw;color:var(--BCK-COL);margin-bottom:var(--MARGIN);font-size:var(--MEDIUM-FONT)}.popup.info .block:last-child{margin-bottom:0}.popup.info .block .row{display:flex}.popup.info .block .row .col:first-child{width:25%}.popup.info .block .row .col:last-child{width:75%}.popup.calendar{font-size:var(--MEDIUM-FONT)}.popup.calendar .content{padding:var(--PADDING) 0;overflow:hidden}.popup.calendar .calendar-body{padding:var(--PADDING) 0;width:calc(var(--MARGIN)*15);height:calc(var(--MARGIN)*10);display:flex}.popup.calendar .calendar-nav{display:flex;align-items:flex-start;justify-content:space-between;padding:0 calc(var(--PADDING)*0.5)}.popup.calendar .year-btn{padding:calc(var(--PADDING)*0.5) var(--PADDING);border-radius:var(--MARGIN);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);display:flex;align-items:center;justify-content:space-between}.popup.calendar .prev-next{padding:calc(var(--PADDING)*0.5) 0;display:flex;align-items:center;justify-content:center}.popup.calendar .date-block{display:flex;flex-direction:column;color:var(--MUTE-COL);padding:0 var(--PADDING)}.popup.calendar .date-body{display:flex;flex-direction:column;justify-content:space-around;align-items:stretch}.popup.calendar .row{display:flex;align-items:center;justify-content:center}.popup.calendar .row>div[class*=col]{display:inline-flex;align-items:center;justify-content:center}.popup.calendar .hour-block{border-left:1px solid var(--MUTE-COL);border-right:1px solid var(--MUTE-COL);overflow:scroll}.popup.calendar .hour,.popup.calendar .min{padding:calc(var(--PADDING)*0.5) 0;display:flex;align-items:center;justify-content:center;color:var(--MUTE-COL);cursor:pointer}.popup.calendar .min-block{overflow:scroll}.popup.calendar .btn,.popup.calendar .hour,.popup.calendar .min{position:relative}.popup.calendar .btn:after,.popup.calendar .hour:after,.popup.calendar .min:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;content:"";width:var(--MARGIN);height:var(--MARGIN);border-radius:var(--MARGIN);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);transition-property:opacity;transition-duration:.3s;opacity:0;pointer-events:none}.popup.calendar .btn.active:after,.popup.calendar .hour.active:after,.popup.calendar .min.active:after{opacity:1}.popup.calendar .calendar-footer{display:flex;align-items:center;justify-content:center;padding:var(--PADDING) var(--PADDING) 0 var(--PADDING)}.popup.calendar .submit-btn{padding:calc(var(--PADDING)*0.5) calc(var(--PADDING)*4);color:var(--BCK-COL);border-radius:var(--MARGIN);background-color:var(--MUTE-COL)}.popup.calendar .month-list{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:scroll;background-color:var(--BCK-COL);opacity:1;transition-property:opacity;transition-duration:.3s;transition-delay:.3s;z-index:1}.popup.calendar .month-list>.month-item{display:inline-flex;margin:var(--MARGIN);width:calc(33% - var(--MARGIN)*2);padding:calc(var(--PADDING)*0.5) var(--PADDING);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);border-radius:var(--MARGIN);align-items:center;justify-content:center}.popup.calendar .month-list>.month-item.current{background-color:var(--MUTE-COL);color:var(--BCK-COL)}.popup.calendar .month-list.hide{opacity:0;pointer-events:none}.popup.color-picker .content{padding:0;overflow:hidden}.popup.color-picker .SL-picker{height:calc(var(--vh)*20);cursor:pointer;position:relative;background:linear-gradient(0deg,#000,#fff)}.popup.color-picker .SL-picker:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(90deg,#fff,hsl(calc(360deg*var(--thumb-h-v)) 100% 50%));mix-blend-mode:multiply}.popup.color-picker .SL-thumb{background-color:transparent!important;display:block;position:absolute;left:calc(100%*var(--thumb-sl-x));top:calc(100%*var(--thumb-sl-y));transform:translate(-50%,-50%);width:var(--MEDIUM-FONT);height:var(--MEDIUM-FONT);border-radius:var(--MEDIUM-FONT);border:var(--BORDER-WIDTH) solid var(--MUTE-COL)}.popup.color-picker .H-picker{margin:var(--MARGIN) var(--PADDING);height:calc(var(--MARGIN)*1.3);border-radius:var(--MARGIN);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.popup.color-picker .H-thumb-wrapper{position:relative;margin:var(--PADDING)}.popup.color-picker .H-thumb{position:absolute;left:calc(100%*var(--thumb-h-v));bottom:0;transform:translate(-50%);width:var(--MEDIUM-FONT);height:var(--MEDIUM-FONT);border-radius:var(--MEDIUM-FONT);background-color:hsl(calc(360deg*var(--thumb-h-v)) 100% 50%);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);cursor:pointer}.popup.color-picker .H-thumb:before{content:"";background-color:var(--MUTE-COL);position:absolute;display:block;width:1px;height:calc(var(--PADDING)*0.5);left:50%;top:-100%;transform:translate(-50%)}.popup.color-picker .footer{padding:var(--PADDING);display:flex;align-items:center;justify-content:space-between}.popup.color-picker #color-submit-btn{white-space:nowrap;padding:calc(var(--BTN-PADDING)*0.5) calc(var(--BTN-PADDING)*1);color:var(--BCK-COL);border-radius:var(--MARGIN);background-color:var(--MUTE-COL);font-size:var(--MEDIUM-FONT);width:calc(var(--MARGIN)*4.5);display:flex;align-items:center;justify-content:center;margin-left:var(--PADDING)}.popup.color-picker input[type=text]{margin-top:0;width:calc(var(--MARGIN)*4.5);text-transform:uppercase;color:var(--MUTE-COL)}.popup.slide-popup,.popup.slide-popup .content{overscroll-behavior:contain;touch-action:pan-x}.popup.slide-popup .content{padding:0;background:transparent;width:100%;height:100%}.popup.slide-popup img{object-fit:contain}.popup.slide-popup .close-btn{position:absolute;top:var(--PADDING);left:50%;color:var(--FR-GRND-COL);font-size:var(--MEDIUM-FONT);transform:translate(-50%);background-color:var(--MUTE-COL);width:var(--MARGIN);height:var(--MARGIN);border-radius:var(--MARGIN);display:flex;align-items:center;justify-content:center;cursor:pointer}.popup.guestbook-popup .content{position:absolute;left:50%;top:10vh;transform:translateX(-50%);width:var(--SIDE-W);background:var(--MUTE-COL)}.popup.guestbook-popup .header{color:var(--BCK-COL);margin-bottom:var(--PADDING);font-size:var(--MEDIUM-FONT)}.popup.guestbook-popup .send-btn{position:relative;transform:translate(-50%);width:50%;left:50%;text-align:center;padding:calc(var(--PADDING)*0.5) var(--PADDING);border-radius:var(--MARGIN);background:var(--BCK-COL);color:var(--MUTE-COL);display:flex;align-items:center;justify-content:center;margin-top:var(--PADDING);padding-top:calc(var(--PADDING)*0.7);font-size:var(--MEDIUM-FONT)}.popup.guestbook-popup input,.popup.guestbook-popup textarea{width:100%!important;margin-top:var(--PADDING);text-align:center}.popup.guestbook-popup textarea{box-sizing:border-box;line-height:1.4;padding-top:.6em;padding-bottom:.6em;overflow-y:auto;resize:none}.popup.excel-popup{font-size:var(--MEDIUM-FONT)}.popup.excel-popup .header{margin-top:var(--PADDING);text-align:left;font-size:var(--LARGE-FONT)}.popup.excel-popup .download-btn{cursor:pointer;position:absolute;top:calc(var(--MARGIN)*0.5);right:calc(var(--MARGIN)*1.8);width:var(--MARGIN);height:var(--MARGIN);border-radius:var(--MARGIN);background:var(--BCK-COL);display:flex;align-items:center;justify-content:center;color:var(--MUTE-COL)}.popup.excel-popup .download-btn:after{font-family:pretendard,sans-serif;font-weight:500;font-style:normal;font-size:var(--MEDIUM-FONT);white-space:pre;line-height:1.5;content:"엑셀이나 넘버스에서 열 수 있는 \A .csv 파일로 데이터를 다운받을 수 있어요.";position:absolute;padding:calc(var(--PADDING)*0.5) calc(var(--PADDING)*1);top:calc(var(--MARGIN)*1.5);left:0;opacity:0;background-color:var(--BCK-COL);pointer-events:none;transition-property:opacity;transition-duration:.1s;color:var(--MUTE-COL);box-shadow:0 0 8px rgba(0,0,0,.2);border-radius:calc(var(--PADDING)*0.5)}.popup.excel-popup .download-btn:hover:after{opacity:1}.popup.excel-popup .close-btn{cursor:pointer;position:absolute;top:calc(var(--MARGIN)*0.5);right:calc(var(--MARGIN)*0.5);width:var(--MARGIN);height:var(--MARGIN);border-radius:var(--MARGIN);background:var(--BCK-COL);display:flex;align-items:center;justify-content:center;color:var(--MUTE-COL)}.popup.excel-popup .sheet-body{width:calc(var(--SIDE-W)*2);min-height:calc(var(--vh)*50);max-height:calc(var(--vh)*80 - var(--MARGIN)*2);overflow-y:scroll}.popup.excel-popup .sheet-body-wrapper{width:100%;overflow-x:scroll}.popup.excel-popup .sheet-header{position:sticky;top:-1px;left:0;margin-bottom:var(--MARGIN);background:var(--BCK-COL)}.popup.excel-popup .sheet-header:before{pointer-events:none;content:"";position:absolute;bottom:1px;left:0;width:100%;transform:translateY(100%);height:calc(var(--MARGIN)*1);background-image:linear-gradient(-180deg,var(--BCK-COL),transparent)}.popup.excel-popup .guestbook.sheet-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,3fr) minmax(0,.5fr);padding:calc(var(--PADDING)*0.5) 0}.popup.excel-popup .rsvp.sheet-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,2fr) minmax(0,.5fr);padding:calc(var(--PADDING)*0.5) 0}.popup.excel-popup .sheet-col{display:flex;word-break:break-all;padding-right:calc(var(--PADDING)*0.5)}.popup.excel-popup .sheet-col:last-child{text-align:right;justify-content:flex-end}.popup.excel-popup .btn{cursor:pointer}.popup.qrcode-popup .content{padding:var(--MARGIN) var(--MARGIN) calc(var(--MARGIN)*0.5) var(--MARGIN)}.popup.qrcode-popup .qr-download-btn{margin-top:calc(var(--MARGIN)*0.5);position:relative;left:50%;top:0;transform:translate(-50%);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.popup.qrcode-popup .qrcode-wrapper img{max-width:20vw}.popup.confirm-popup .content{width:var(--SIDE-W)}.popup.confirm-popup .header,.popup.confirm-popup .sub-header{color:var(--MUTE-COL);font-size:var(--MEDIUM-FONT)}.popup.confirm-popup .sub-header{text-align:center;margin-bottom:var(--MARGIN)}.popup.confirm-popup .btn{padding:calc(var(--BTN-PADDING)*0.5) calc(var(--MARGIN)*2);border-radius:var(--MARGIN);font-size:var(--MEDIUM-FONT);color:var(--BCK-COL);background-color:var(--MUTE-COL);margin-top:var(--PADDING);text-align:center}.popup.alert-popup .content{width:var(--SIDE-W)}.popup.alert-popup .header,.popup.alert-popup .sub-header{color:var(--MUTE-COL);font-size:var(--MEDIUM-FONT)}.popup.alert-popup .sub-header{text-align:center;margin-bottom:var(--MARGIN)}.popup.alert-popup .btn{padding:calc(var(--BTN-PADDING)*0.5) calc(var(--MARGIN)*2);border-radius:var(--MARGIN);font-size:var(--MEDIUM-FONT);color:var(--BCK-COL);background-color:var(--MUTE-COL);margin-top:var(--PADDING);text-align:center}.popup.alert-popup .btn,.popup.alert-popup .strong{display:flex;align-items:center;justify-content:center}.popup.alert-popup .strong{font-size:var(--LARGE-FONT);margin:var(--PADDING) 0 calc(var(--MARGIN)*1) 0}.popup.alert-popup a.btn{margin-bottom:calc(var(--MARGIN)*-0.5)}.popup.alert-popup .fail-log{text-align:left;max-height:calc(var(--vh)*30);overflow-y:scroll}.popup.countdown-popup .content{width:var(--SIDE-W)}.popup.countdown-popup .header,.popup.countdown-popup .sub-header{color:var(--MUTE-COL);font-size:var(--MEDIUM-FONT);text-align:center;margin-bottom:var(--MARGIN)}.popup.countdown-popup .close-btn{cursor:pointer;position:absolute;top:calc(var(--MARGIN)*0.5);right:calc(var(--MARGIN)*0.5);width:var(--MARGIN);height:var(--MARGIN);border-radius:var(--MARGIN);background:var(--BCK-COL);display:flex;align-items:center;justify-content:center;color:var(--MUTE-COL)}.popup.countdown-popup .timer-display{font-size:var(--LARGE-FONT);color:var(--MUTE-COL);font-weight:700;text-align:center;margin-bottom:var(--MARGIN)}.popup.countdown-popup .btn{padding:calc(var(--BTN-PADDING)*0.5) calc(var(--MARGIN)*2);border-radius:var(--MARGIN);font-size:var(--MEDIUM-FONT);color:var(--BCK-COL);background-color:var(--MUTE-COL);margin-top:var(--PADDING);text-align:center;display:flex;align-items:center;justify-content:center}.popup.policy .content{width:var(--SIDE-W)}.popup.policy .header,.popup.policy .sub-header{color:var(--MUTE-COL);font-size:var(--MEDIUM-FONT)}.popup.policy .sub-header{text-align:center;margin-bottom:var(--MARGIN)}.popup.policy .btn{padding:calc(var(--BTN-PADDING)*0.5) calc(var(--MARGIN)*2);border-radius:var(--MARGIN);font-size:var(--MEDIUM-FONT);color:var(--BCK-COL);background-color:var(--MUTE-COL);margin-top:var(--PADDING);text-align:center}.popup.policy .btn,.popup.policy .strong{display:flex;align-items:center;justify-content:center}.popup.policy .strong{font-size:var(--LARGE-FONT);margin:var(--PADDING) 0 calc(var(--MARGIN)*1) 0}.popup.policy a.btn{margin-bottom:calc(var(--MARGIN)*-0.5)}.popup.policy .fail-log{text-align:left;max-height:calc(var(--vh)*30);overflow-y:scroll}.popup.policy .policy-content{text-align:left;max-height:calc(var(--vh)*100 - var(--MARGIN)*8);overflow-y:scroll}.popup.policy .policy-content h1,.popup.policy .policy-content h2,.popup.policy .policy-content h3{margin-top:var(--MARGIN);margin-bottom:calc(var(--PADDING)*0.5)}.popup.policy .policy-content h1:first-child,.popup.policy .policy-content h2:first-child,.popup.policy .policy-content h3:first-child{margin-top:0}.popup.policy .policy-content li{display:list-item;list-style-type:decimal;margin-left:var(--MARGIN)}.popup.policy .policy-content li::marker{color:inherit}.popup.policy .content{width:calc(100% - var(--MARGIN)*10);display:flex;flex-direction:column;align-items:center;justify-content:center}.popup.policy .btn{max-width:calc(var(--MARGIN)*4);margin-top:0}#main-container,#main-content{position:absolute;top:0;left:0;width:100%;min-height:100%}#main-header{position:fixed;top:0;left:0;width:100%;height:var(--HEADER-H);display:flex;align-items:start;justify-content:space-between;padding:var(--MARGIN);z-index:var(--Z-TOP);transform:translateY(-100%);transition-property:transform;transition-duration:.3s;pointer-events:none}#main-header *{pointer-events:auto}.ready #main-header{transform:translate(0)}.preparing #main-header{transform:translateY(-100%)}#main-header .left{position:relative;top:calc(var(--MARGIN)*-0.25);cursor:pointer;overflow:hidden;max-width:30vw;max-height:calc(var(--vh)*50);opacity:1;white-space:nowrap}#main-header .pencil{display:inline-block;width:calc(var(--MARGIN)*0.5);position:relative;transform:rotate(0deg);transition-property:transform;transition-duration:.3s}#main-header .left:hover .pencil{transform:rotate(1turn)}#main-header .main-logo{width:var(--MAIN-LOGO-W)}#main-header .center{position:absolute;transform:translate(-50%);left:50%}#main-header .right{display:flex;align-items:flex-end;justify-content:center;flex-direction:column}#main-header .main-logo{cursor:pointer}#main-header .subtitle{width:calc(100% - .2vw);pointer-events:none;font-family:helvetica-neue-ltd-HvEx,sans-serif;font-size:var(--SMALL-FONT);margin-top:calc(var(--PADDING)*0.3)}#main-header .main-menu{width:var(--MENU-W);height:var(--MENU-H);cursor:pointer;position:relative}#main-header .main-menu div[class^=l-]{height:calc(var(--MARGIN)*0.11);background-color:var(--FR-GRND-COL);width:100%;transition-property:opacity,transform;transition-duration:.3s,.3s}#main-header .main-menu .l-1{position:absolute;top:0;left:0}#main-header .main-menu .l-2,#main-header .main-menu .l-3{position:absolute;top:50%;left:0;transform:translateY(-50%)}#main-header .main-menu .l-4{position:absolute;bottom:0;left:0}#main-header.menu-open .main-menu .l-1,#main-header.menu-open .main-menu .l-4{opacity:0}#main-header.menu-open .main-menu .l-2{transform:rotate(45deg)}#main-header.menu-open .main-menu .l-3{transform:rotate(-45deg)}#main-footer{position:fixed;bottom:0;left:0;width:100%;display:flex;align-items:end;justify-content:space-between;padding:var(--MARGIN);z-index:var(--Z-TOP);transform:translateY(100%);transition-property:transform;transition-duration:.3s}.ready #main-footer{transform:translate(0)}.preparing #main-footer{transform:translateY(100%)}#main-header .cover-btn{pointer-events:none;opacity:0}#main-header.menu-open .cover-btn{cursor:pointer;pointer-events:auto;opacity:1}#main-header.menu-open .cover-btn:after{height:0%}#main-header .cover-btn{margin-top:1vw}.home #main-content>img{height:50%;top:50%}.home #main-content>img,.home .clock{position:absolute;left:50%;transform:translate(-50%,-50%)}.home .clock{top:calc(75% + var(--MARGIN));max-width:25vw;width:100%;font-family:helvetica-neue-ltd-HvEx,sans-serif;font-size:var(--SMALL-FONT)}.makeinvitation .preview-area .card-area{--MARGIN:calc(var(--CARD-W)*0.07);--PADDING:calc(var(--CARD-W)*0.035);--LARGE-FONT:calc(var(--CARD-W)*0.07);--MEDIUM-FONT:calc(var(--CARD-W)*0.035);--SMALL-FONT:calc(var(--CARD-W)*0.02);--BORDER-WIDTH:1px}.editor-scrollup-btn{opacity:0}.makeinvitation img.img-preview{position:relative;width:100%;height:auto;border-radius:var(--PADDING);min-height:calc(var(--MARGIN)*3)}.makeinvitation .preview-area>.preloader{width:calc(100% - var(--SIDE-W));background-color:var(--MUTE-COL)}.makeinvitation .mobile-toggle-editor{display:none}.makeinvitation .preview-area{width:calc(100% - var(--SIDE-W));min-height:100%;background-color:transparent;position:relative}.makeinvitation .preview-area .card-area{position:absolute;top:0;left:50%;width:var(--CARD-W);background-color:#fff;transform:translate(-50%)}.makeinvitation .edit-area{position:fixed;right:0;min-height:100%;width:var(--SIDE-W);font-size:var(--MEDIUM-FONT);background:var(--BCK-COL);box-shadow:0 0 8px rgba(0,0,0,.2)}.makeinvitation #main-footer,.makeinvitation.ready #main-footer{visibility:hidden;pointer-events:none;opacity:0;transform:translateY(100%)}.makeinvitation.ready #main-header .center{position:relative;top:0;left:0;transform:translate(0)}#main-header{transform:translateY(-100%)}.makeinvitation.ready #main-header{width:var(--SIDE-W);right:0;left:unset;transform:translate(0)}.makeinvitation.ready #main-header .left{display:none}.makeinvitation.editor-scrolled-down #main-header{transform:translateY(-100%)}.makeinvitation #main-header .left{pointer-events:none}.makeinvitation #main-content{display:flex}.makeinvitation .editor-wrapper{position:absolute;top:calc(var(--HEADER-H) - var(--MARGIN));left:0;width:100%;height:calc(100% - var(--HEADER-H) + var(--MARGIN));overflow-y:auto;transition-property:top,height;transition-duration:.3s,.3s}.makeinvitation.editor-scrolled-down .editor-wrapper{top:0;height:100%}.makeinvitation .editor-nav{position:sticky;z-index:2;top:0;left:0;width:100%;height:var(--EDT-NAV-H);background-color:var(--BCK-COL);transition-property:box-shadow;transition-duration:.3s}.makeinvitation .editor-manage-nav{display:flex;align-items:center;justify-content:end;position:relative;padding:var(--MARGIN) var(--PADDING) var(--MARGIN) var(--PADDING)}.makeinvitation .editor-save-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-delete-btn,.makeinvitation .editor-save-btn{padding:calc(var(--BTN-PADDING)*0.5) calc(var(--BTN-PADDING)*2);height:calc(var(--MARGIN)*1.5);background-color:var(--MUTE-COL);color:var(--BCK-COL);border-radius:var(--MARGIN);align-items:center;justify-content:center}.makeinvitation .editor-delete-btn{width:calc(var(--MARGIN)*1.5);height:calc(var(--MARGIN)*1.5);padding:calc(var(--BTN-PADDING)*0.5)}.makeinvitation .editor-manage-nav div[class*=-btn],.makeinvitation .editor-toggle-nav div[class*=-btn]{display:inline-flex}.makeinvitation .editor-toggle-nav div[class*=-btn]{padding:calc(var(--BTN-PADDING)*0.5) calc(var(--BTN-PADDING)*1);border-bottom:1px solid var(--MUTE-COL);width:100%;display:flex;align-items:center;justify-content:center;color:var(--MUTE-COL);transition-property:border-bottom,color;transition-duration:.3s,.3s}.makeinvitation .editor-toggle-nav div[class*=-btn].active{border-bottom:1px solid var(--FR-GRND-COL);color:var(--FR-GRND-COL)}.makeinvitation .editor-toggle-nav{display:flex;align-items:center;justify-content:space-around}.makeinvitation .editor-option-content{min-height:calc(100% - var(--HEADER-H) - var(--EDT-NAV-H) + var(--MARGIN)*6);padding-bottom:calc(var(--MARGIN)*4)}.makeinvitation .option-wrapper{display:none}.makeinvitation .option-wrapper.active{display:block}.makeinvitation .option-block-header{cursor:pointer;padding:var(--MARGIN);text-align:center;position:relative}.makeinvitation .option-block-header .icon-expand-less{position:absolute;right:var(--MARGIN);top:50%;transform:translateY(-50%) rotate(180deg);transition-property:transform;transition-duration:.3s}.makeinvitation .option-block-header.active .icon-expand-less{transform:translateY(-50%) rotate(0deg)}.makeinvitation .option-block-header.checker .icon-expand-less{border:var(--BORDER-WIDTH) solid var(--MUTE-COL);border-radius:var(--MARGIN);color:transparent;transition-property:transform,border,color;transition-duration:.3s,.3s,.3s}.makeinvitation .option-block-header.checker.active .icon-expand-less{transform:translateY(-50%) rotate(180deg);color:var(--FR-GRND-COL);border:var(--BORDER-WIDTH) solid var(--FR-GRND-COL)}.makeinvitation .option-block-header .material-symbols-outlined{position:absolute;right:var(--MARGIN);top:50%;transform:translateY(-50%) rotate(180deg);transition-property:transform;transition-duration:.3s}.makeinvitation .option-block-header.active .material-symbols-outlined{transform:translateY(-50%) rotate(0deg)}.makeinvitation .option-block-header.checker .material-symbols-outlined{border:var(--BORDER-WIDTH) solid var(--MUTE-COL);border-radius:var(--MARGIN);color:transparent;transition-property:transform,border,color;transition-duration:.3s,.3s,.3s}.makeinvitation .option-block-header.checker.active .material-symbols-outlined{transform:translateY(-50%) rotate(180deg);color:var(--FR-GRND-COL);border:var(--BORDER-WIDTH) solid var(--FR-GRND-COL)}.makeinvitation .option-block{max-height:0;overflow:hidden;border-bottom:1px solid var(--MUTE-COL);transition-property:max-height,border;transition-duration:.3s,.3s}.makeinvitation .option-block.active:last-child,.makeinvitation .option-block.open:last-child{border-bottom:1px solid transparent}.makeinvitation .option-block.open{max-height:none;padding-top:var(--MARGIN)}.makeinvitation .option-block .section{padding:0 var(--MARGIN) calc(var(--MARGIN)*1) var(--MARGIN);display:flex;align-items:center;justify-content:center;color:var(--MUTE-COL)}.makeinvitation .option-block .section.hide{display:none!important}.makeinvitation .info-block{width:100%;background-color:var(--MUTE-COL);border-radius:var(--PADDING);padding:calc(var(--PADDING)*1.5) calc(var(--PADDING)*2);color:var(--BCK-COL);margin:0 var(--PADDING)}.makeinvitation .info-block.nomargin{margin:0}.makeinvitation .info-block .copy-letter{padding:var(--PADDING);border-radius:calc(var(--PADDING)*0.5);border:1px solid var(--BCK-COL);margin-right:calc(var(--PADDING)*0.5);position:relative;display:inline-block;cursor:pointer}.makeinvitation .info-block .copy-letter span{cursor:pointer}.makeinvitation .info-block .emphasized{font-weight:700;text-decoration:underline}.makeinvitation .option-block .section-header{padding:0 var(--MARGIN) calc(var(--MARGIN)*0.5) var(--MARGIN);display:flex;align-items:center;justify-content:center;color:var(--MUTE-COL)}.makeinvitation .option-block .section .btn{padding:calc(var(--BTN-PADDING)*0.5) calc(var(--BTN-PADDING)*2);height:calc(var(--MARGIN)*1.27);background-color:var(--MUTE-COL);color:var(--BCK-COL);border-radius:var(--MARGIN);display:flex;align-items:center;justify-content:center;width:calc(100% - var(--PADDING)*2)}.makeinvitation .option-block .section:last-child{padding-bottom:var(--MARGIN)}.makeinvitation .option-block .section>div[class*=col]{display:flex;align-items:center;justify-content:center;flex-direction:column}.makeinvitation .editor-scrollup-btn{opacity:1;position:sticky;bottom:var(--MARGIN);left:50%;width:calc(var(--MARGIN)*1);height:calc(var(--MARGIN)*1.5);display:flex;transform:translate(-50%,calc(100% + var(--MARGIN)));padding:calc(var(--BTN-PADDING)*0.5) calc(var(--BTN-PADDING)*2);background-color:var(--MUTE-COL);color:var(--BCK-COL);border-radius:var(--MARGIN);align-items:center;justify-content:center;transition-property:transform,opacity;transition-duration:.3s,.3s;transition-delay:0s,.3s;z-index:1}.makeinvitation .editor-scrollup-btn svg{width:24px;height:24px;flex-shrink:0;fill:currentColor}.makeinvitation.editor-scrolled-down .editor-scrollup-btn{transform:translate(-50%)}.makeinvitation input[type=text]{margin-top:calc(var(--PADDING)*0.5);padding:calc(var(--BTN-PADDING)*0.5) calc(var(--BTN-PADDING)*1);display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:var(--MARGIN);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);width:calc(100% - var(--PADDING)*2)}.makeinvitation textarea{margin-top:var(--PADDING);width:calc(100% - var(--PADDING)*2);min-height:200px}.makeinvitation input[type=text][data-type=bck-color],.makeinvitation input[type=text][data-type=border-color],.makeinvitation input[type=text][data-type=color],.makeinvitation input[type=text][data-type=data-color],.makeinvitation input[type=text][data-type=fill-color-2],.makeinvitation input[type=text][data-type=fill-color]{color:transparent;cursor:pointer}.makeinvitation label{color:var(--MUTE-COL)}.makeinvitation input[type=range]{width:calc(100% - var(--PADDING)*2.5);margin-top:var(--PADDING)}.makeinvitation .select-wrapper{margin-top:var(--PADDING);width:calc(100% - var(--PADDING)*2)}.makeinvitation .image-gallery,.makeinvitation .pick-image-gallery{width:100%;min-height:calc(var(--MARGIN)*4.5);border-radius:var(--PADDING);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);margin-top:calc(var(--PADDING)*0.5);position:relative;display:grid;align-items:center;grid-template-columns:1fr 1fr 1fr;justify-items:center}.makeinvitation .pick-image-gallery{overflow-y:scroll}.makeinvitation .image-gallery img,.makeinvitation .pick-image-gallery img{width:100%;height:100%;object-fit:cover;position:relative;border-radius:calc(var(--PADDING)*0.5)}.makeinvitation .pick-image-gallery img{object-fit:contain}.makeinvitation .image-gallery .add-img,.makeinvitation .image-gallery .img,.makeinvitation .pick-image-gallery .img{width:calc(100% - var(--PADDING)*2);height:calc(var(--SIDE-W)/3.5);position:relative;margin:calc(var(--PADDING)*1) 0 calc(var(--PADDING)*1) 0;border-radius:calc(var(--PADDING)*0.5);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);cursor:grab}.makeinvitation .image-gallery .img.dragging{cursor:grabbing;opacity:.7;box-shadow:0 0 10px rgba(0,0,0,.3)}.makeinvitation .pick-image-gallery .img{height:calc(var(--SIDE-W)/4.5);transition-property:border;transition-duration:.2s}.makeinvitation .pick-image-gallery .img.added{border:var(--BORDER-WIDTH) solid var(--FR-GRND-COL)}.makeinvitation .image-gallery .add-img{height:calc(var(--SIDE-W)/3.5);border-radius:calc(var(--PADDING)*0.5);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);cursor:pointer}.makeinvitation .image-gallery .img .img-delete{cursor:pointer;position:absolute;top:0;right:0;width:var(--LARGE-FONT);height:var(--LARGE-FONT);border-radius:var(--LARGE-FONT);background-color:var(--BCK-COL);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);display:flex;align-items:center;justify-content:center;transform:translate(30%,-30%);z-index:1}.makeinvitation .list-items{width:100%;padding-bottom:calc(var(--MARGIN)*2.2);border-radius:var(--PADDING);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);margin-top:calc(var(--PADDING)*0.5);position:relative}.makeinvitation .image-gallery .add-img:after,.makeinvitation .image-gallery:after,.makeinvitation .list-items:after{width:2px;height:var(--MEDIUM-FONT)}.makeinvitation .image-gallery .add-img:before,.makeinvitation .image-gallery:before,.makeinvitation .list-items:before{height:2px;width:var(--MEDIUM-FONT)}.makeinvitation .image-gallery .add-img:after,.makeinvitation .image-gallery .add-img:before,.makeinvitation .image-gallery:after,.makeinvitation .image-gallery:before,.makeinvitation .list-items:after,.makeinvitation .list-items:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;pointer-events:none;opacity:0;transition-property:opacity;transition-duration:.3s;background-color:var(--MUTE-COL)}.makeinvitation .list-items:after,.makeinvitation .list-items:before{top:calc(100% - var(--MARGIN)*1.1);opacity:1}.makeinvitation .image-gallery .add-img:after,.makeinvitation .image-gallery .add-img:before,.makeinvitation .image-gallery.empty:after,.makeinvitation .image-gallery.empty:before,.makeinvitation .list-items.empty:after,.makeinvitation .list-items.empty:before{opacity:1}.makeinvitation .image-gallery.empty{cursor:pointer}.makeinvitation .map-block{width:100%;height:calc(var(--MARGIN)*10);border-radius:var(--PADDING);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);position:relative;margin:0 var(--PADDING);background-color:var(--MUTE-COL);isolation:isolate}.makeinvitation #content-order{display:block}.makeinvitation #content-order .btn-wrapper{display:flex;align-items:center;justify-content:center}.makeinvitation #content-order .btn{display:none}.makeinvitation #content-order .btn.active{display:flex;margin:var(--PADDING) 0 0 0}.makeinvitation .account{border:var(--BORDER-WIDTH) solid var(--MUTE-COL);margin:var(--PADDING);border-radius:calc(var(--PADDING)*0.5);background-color:var(--MUTE-COL);position:relative;width:calc(100% - var(--PADDING)*2);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:calc(var(--PADDING)*0.5) 0}.makeinvitation .account input{margin:calc(var(--PADDING)*0.5) var(--PADDING);padding:0;display:inline-flex;align-items:center;justify-content:center;text-align:left;border-radius:unset;border:none;width:calc(100% - var(--PADDING)*2);background-color:transparent;color:var(--BCK-COL)}.makeinvitation .account input:nth-of-type(2),.makeinvitation .account input:nth-of-type(4){grid-column:2/5}.makeinvitation .account input:nth-of-type(5){grid-column:1/5}.makeinvitation .account .delete-btn{cursor:pointer;position:absolute;top:0;right:0;width:var(--LARGE-FONT);height:var(--LARGE-FONT);border-radius:var(--LARGE-FONT);display:flex;align-items:center;justify-content:center;transform:translate(30%,-30%)}.makeinvitation .account .delete-btn,.makeinvitation .our-stories-item{background-color:var(--BCK-COL);border:var(--BORDER-WIDTH) solid var(--MUTE-COL)}.makeinvitation .our-stories-item{position:relative;width:calc(100% - var(--PADDING)*2);margin:var(--PADDING);padding:calc(var(--PADDING)*0.9) var(--PADDING) var(--PADDING);padding-top:calc(var(--PADDING)*1.15);border-radius:calc(var(--PADDING)*0.5);box-sizing:border-box}.makeinvitation .our-stories-item .delete-btn{cursor:pointer;position:absolute;top:0;right:0;width:var(--LARGE-FONT);height:var(--LARGE-FONT);border-radius:var(--LARGE-FONT);background-color:var(--BCK-COL);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);display:flex;align-items:center;justify-content:center;transform:translate(30%,-30%);z-index:2}.makeinvitation .our-stories-item .select-wrapper{margin-bottom:calc(var(--PADDING)*0.55)}.makeinvitation .our-stories-item .select-wrapper select{width:100%}.makeinvitation .our-stories-item .our-stories-row{display:flex;width:100%;box-sizing:border-box}.makeinvitation .our-stories-item .our-stories-row--a{justify-content:flex-start}.makeinvitation .our-stories-item .our-stories-row--b{justify-content:flex-end}.makeinvitation .editor-wrapper,.makeinvitation .preview-area .our-stories-preview{--our-stories-letter-a:#000;--our-stories-bubble-a:#e5e5ea;--our-stories-letter-b:#fff;--our-stories-bubble-b:#007aff}.makeinvitation .edit-area .our-stories-item .chat-bubble{position:relative;display:inline-block;box-sizing:border-box;max-width:92%;width:fit-content;min-width:0;border-radius:16px;padding:calc(var(--PADDING)*0.55) calc(var(--PADDING)*0.9);text-align:left;word-break:keep-all;overflow-wrap:break-word;overflow:visible;vertical-align:bottom}.makeinvitation .edit-area .our-stories-item .chat-bubble__text{position:relative;z-index:1;display:block;box-sizing:border-box;width:auto;min-width:2.5em;max-width:100%;margin:0;padding:0;min-height:0;height:auto;border:none;border-radius:0;background:transparent;font-size:calc(var(--MEDIUM-FONT)*var(--our-stories-font-ratio, 1));line-height:1.35;text-align:left;color:inherit;outline:none;resize:none;overflow:visible;white-space:pre-wrap;field-sizing:content;-webkit-appearance:none;appearance:none}@supports not (field-sizing:content){.makeinvitation .edit-area .our-stories-item .chat-bubble{width:92%;max-width:92%}.makeinvitation .edit-area .our-stories-item .chat-bubble__text{width:100%;min-width:0;min-height:0}}.makeinvitation .edit-area .our-stories-item .chat-bubble--a{background-color:var(--our-stories-bubble-a);color:var(--our-stories-letter-a)}.makeinvitation .edit-area .our-stories-item .chat-bubble--a:after{content:"";position:absolute;z-index:0;left:-12px;bottom:-1px;width:24px;height:16px;background-color:var(--our-stories-bubble-a);background-image:none;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 60'%3E%3Cpath d='M90 0A80 60 0 010 60 80 95 0 0045 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 60'%3E%3Cpath d='M90 0A80 60 0 010 60 80 95 0 0045 0z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 16px;mask-size:24px 16px;-webkit-mask-position:right bottom;mask-position:right bottom;pointer-events:none}.makeinvitation .edit-area .our-stories-item .chat-bubble--b{background-color:var(--our-stories-bubble-b);color:var(--our-stories-letter-b)}.makeinvitation .edit-area .our-stories-item .chat-bubble--b:after{content:"";position:absolute;z-index:0;right:-12px;bottom:-1px;left:auto;width:24px;height:16px;background-color:var(--our-stories-bubble-b);background-image:none;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 60'%3E%3Cpath d='M0 0a80 60 0 0090 60A80 95 0 0145 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 60'%3E%3Cpath d='M0 0a80 60 0 0090 60A80 95 0 0145 0z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 16px;mask-size:24px 16px;-webkit-mask-position:left bottom;mask-position:left bottom;pointer-events:none}.makeinvitation .option-block .section .btn[data-activate-target*=family]{background-color:var(--BCK-COL);color:var(--MUTE-COL);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);transition-property:background-color,color;transition-duration:.2s,.2s}.makeinvitation .option-block .section .btn.active[data-activate-target*=family]{background-color:var(--MUTE-COL);color:var(--BCK-COL)}.makeinvitation .option-block .section .btn[data-activate-target*=form-accounts-expand]{background-color:var(--BCK-COL);color:var(--MUTE-COL);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);transition-property:background-color,color;transition-duration:.2s,.2s}.makeinvitation .option-block .section .btn.active[data-activate-target*=form-accounts-expand]{background-color:var(--MUTE-COL);color:var(--BCK-COL)}.makeinvitation .option-block .section .btn[data-activate-target*=form-alignment-location]{background-color:var(--BCK-COL);color:var(--MUTE-COL);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);transition-property:background-color,color;transition-duration:.2s,.2s}.makeinvitation .option-block .section .btn.active[data-activate-target*=form-alignment-location]{background-color:var(--MUTE-COL);color:var(--BCK-COL)}.makeinvitation .option-block .section .btn[data-activate-target*=form-slide-imgs]{background-color:var(--BCK-COL);color:var(--MUTE-COL);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);transition-property:background-color,color;transition-duration:.2s,.2s}.makeinvitation .option-block .section .btn.active[data-activate-target*=form-slide-imgs]{background-color:var(--MUTE-COL);color:var(--BCK-COL)}.makeinvitation .option-block .section .btn[data-activate-target*=form-alignment-ceremony]{background-color:var(--BCK-COL);color:var(--MUTE-COL);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);transition-property:background-color,color;transition-duration:.2s,.2s}.makeinvitation .option-block .section .btn.active[data-activate-target*=form-alignment-ceremony]{background-color:var(--MUTE-COL);color:var(--BCK-COL)}.makeinvitation .option-block .section .btn[data-activate-target*=form-alignment-photobooth]{background-color:var(--BCK-COL);color:var(--MUTE-COL);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);transition-property:background-color,color;transition-duration:.2s,.2s}.makeinvitation .option-block .section .btn.active[data-activate-target*=form-alignment-photobooth]{background-color:var(--MUTE-COL);color:var(--BCK-COL)}.makeinvitation .option-block .section .btn[data-activate-target*=form-alignment-notice]{background-color:var(--BCK-COL);color:var(--MUTE-COL);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);transition-property:background-color,color;transition-duration:.2s,.2s}.makeinvitation .option-block .section .btn.active[data-activate-target*=form-alignment-notice]{background-color:var(--MUTE-COL);color:var(--BCK-COL)}.makeinvitation .option-block .section .btn[data-activate-target*=form-alignment-free-text-]{background-color:var(--BCK-COL);color:var(--MUTE-COL);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);transition-property:background-color,color;transition-duration:.2s,.2s}.makeinvitation .option-block .section .btn.active[data-activate-target*=form-alignment-free-text-]{background-color:var(--MUTE-COL);color:var(--BCK-COL)}.makeinvitation .option-block .section .btn[data-activate-target*=form-alignment-reception]{background-color:var(--BCK-COL);color:var(--MUTE-COL);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);transition-property:background-color,color;transition-duration:.2s,.2s}.makeinvitation .option-block .section .btn.active[data-activate-target*=form-alignment-reception]{background-color:var(--MUTE-COL);color:var(--BCK-COL)}.makeinvitation .option-block .section .btn[data-activate-target*=form-alignment-puppy]{background-color:var(--BCK-COL);color:var(--MUTE-COL);border:var(--BORDER-WIDTH) solid var(--MUTE-COL);transition-property:background-color,color;transition-duration:.2s,.2s}.makeinvitation .option-block .section .btn.active[data-activate-target*=form-alignment-puppy]{background-color:var(--MUTE-COL);color:var(--BCK-COL)}.makeinvitation .option-block .section.hidden{display:none}.makeinvitation .hidden-on-empty.empty{display:none!important}.makeinvitation.preview-mode .preview-area>.preloader{width:100%;background-color:var(--BCK-COL)}.makeinvitation.preview-mode .edit-area{display:none;pointer-events:none}.makeinvitation.preview-mode .preview-area{width:100%}.makeinvitation.preview-mode .preview-area,.makeinvitation.preview-mode .preview-area *{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.makeinvitation.preview-mode #main-header{display:none}body[prev=makeinvitation].preparing #main-header .center{position:relative;top:0;left:0;transform:translate(0)}body[prev=makeinvitation].preparing #main-header{width:var(--SIDE-W);right:0;left:unset;transform:translateY(-100%)}body[prev=makeinvitation].preparing #main-header .left{display:none}.makeinvitation .preview-area .expand-btn{cursor:pointer;display:flex;align-items:center}.makeinvitation .preview-area .dot.hide{display:none}.makeinvitation .preview-area .expand-btn .icon-expand{margin-left:calc(var(--PADDING)*0.1);transform:rotate(180deg);transition:transform .2s;width:1em;height:1em;fill:currentColor;vertical-align:middle;display:inline-block}.makeinvitation .preview-area .expand-btn.expanded .icon-expand{transform:rotate(0deg)}.makeinvitation .preview-area .expand-content{transition-property:max-height,opacity;transition-duration:.3s,.3s;max-height:0;opacity:0;pointer-events:none;overflow:hidden}.makeinvitation .preview-area .expand-content.expanded{opacity:1;pointer-events:auto}.makeinvitation .preview-area .cover-btn:after{background-color:var(--form-bck-color);bottom:unset;top:0;transition-property:height;transition-duration:.4s}.makeinvitation .preview-area .cover-btn.reveal:after{height:0}.makeinvitation .preview-area .cover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;transition-property:opacity;transition-duration:.3s;pointer-events:auto}.makeinvitation .preview-area .cover.cover-loaded:after,.makeinvitation .preview-area .cover.no-img:after{opacity:0;pointer-events:none}.makeinvitation .preview-area #rsvp-data-body label{color:inherit}.makeinvitation .preview-area #rsvp-data-body input{margin-top:var(--PADDING)}.makeinvitation .preview-area #rsvp-data-body textarea{text-align:center}.makeinvitation .preview-area #rsvp-data-body .checkmark{pointer-events:none;margin-top:0}.makeinvitation .preview-area #rsvp-data-body .checkbox-wrapper{width:calc(100% - var(--MARGIN))}.makeinvitation .preview-area .rsvp-wrapper{width:100%}.makeinvitation .preview-area #rsvp-data-body{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.makeinvitation .preview-area #rsvp-data-send-btn{width:calc(100% - var(--MARGIN));display:flex;background:var(--BCK-COL);padding:calc(var(--PADDING)*0.5) var(--PADDING);color:var(--MUTE-COL);margin-top:var(--PADDING);margin-bottom:calc(var(--PADDING)*3);position:relative;top:0}.makeinvitation .preview-area #add-to-guest-book-btn,.makeinvitation .preview-area #rsvp-data-send-btn{align-items:center;justify-content:center;border-radius:var(--MARGIN);left:50%;transform:translate(-50%)}.makeinvitation .preview-area #add-to-guest-book-btn{display:inline-flex;width:calc(var(--MARGIN)*1.5);height:calc(var(--MARGIN)*1.5);background:inherit;position:absolute;bottom:var(--MARGIN);background:color-mix(in lch,var(--form-bck-color),#fff);font-size:80%}.makeinvitation .preview-area #guest-book-container{position:absolute;width:100%;height:calc(100% - var(--MARGIN)*3);top:calc(var(--MARGIN)*3);left:0;padding:0 var(--MARGIN) calc(var(--MARGIN)*3) var(--MARGIN);overflow-y:scroll;overflow-x:hidden}.makeinvitation .preview-area #guest-book-container:before{pointer-events:none;content:"";position:sticky;display:block;top:-1px;left:0;width:calc(100% + var(--MARGIN)*2);transform:translate(calc(var(--MARGIN)*-1));height:calc(var(--MARGIN)*2);background-image:linear-gradient(-180deg,var(--form-bck-color),var(--form-bck-transparent-color))}.makeinvitation .preview-area #guest-book-container .comment-item{color:inherit;padding:var(--PADDING);border-radius:calc(var(--PADDING)*0.5);margin-bottom:var(--PADDING);background:var(--form-bck-color);line-height:1.5}.makeinvitation .preview-area #guest-book-container .comment-item *{overflow-wrap:break-word}.makeinvitation .preview-area .audio-btn{position:absolute;top:var(--PADDING);right:var(--PADDING);width:var(--MARGIN);height:var(--MARGIN);border-radius:var(--MARGIN);z-index:3;transition-property:opacity;transition-duration:.2s;opacity:1}.makeinvitation .preview-area .audio-btn.inactive{opacity:0}.makeinvitation .preview-area .audio-btn:after{content:"\e440";font-family:Material Symbols Outlined;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--form-color)}.makeinvitation .preview-area .audio-btn.playing:after{content:"\e405"}.makeinvitation .preview-area .block{display:block;width:100%;position:relative}.makeinvitation .preview-area .block-footer{position:absolute;bottom:var(--PADDING);left:50%;width:50%;transform:translate(-50%);pointer-events:none}.makeinvitation .preview-area .published .block-footer{opacity:1}.makeinvitation .preview-area .block-footer svg path{fill:var(--form-color);mix-blend-mode:multiply}.makeinvitation .preview-area .content:before,.makeinvitation .preview-area .cover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--paper-texture);mix-blend-mode:multiply;opacity:.5}.makeinvitation .preview-area .paper-texture-over .block-section,.makeinvitation .preview-area .paper-texture-over .block.cover>*{mix-blend-mode:multiply}.makeinvitation .preview-area .block.cover{position:relative;top:0;left:0;width:100%;height:calc(var(--vh)*100);height:100svh;transform:translate(0);z-index:2;background-color:var(--BCK-COL);transition-property:transform,height;transition-duration:.3s,.3s;padding:var(--MARGIN);overflow:hidden}body.makeinvitation.preview-mode .preview-area .card-area:not(.sticker-invitation) .block.cover{padding:calc(var(--MARGIN) + var(--sat, 0px)) var(--MARGIN) calc(var(--MARGIN) + var(--sab, 0px))}body.makeinvitation.preview-mode .preview-area .sticker-invitation .cover-title{top:var(--sat,0)}.makeinvitation .preview-area .block-section{position:relative;width:100%;--block-section-min-h:calc(var(--CARD-W)*1.7);--block-section-min-h2:calc(var(--vh)*100 + 2px);min-height:max(var(--block-section-min-h),var(--block-section-min-h2));padding:var(--MARGIN);margin-top:-3px}.makeinvitation .preview-area .block-section.hidden{display:none}.makeinvitation .preview-area .block-section.grow{min-height:unset}.makeinvitation .preview-area .block-section.nopadding{padding:0}.makeinvitation .preview-area .block-section.inactive{display:none}.makeinvitation .preview-area .main-title{text-align:center;top:0;transition-property:top;transition-duration:.3s;position:relative;margin-bottom:var(--MARGIN);font-size:var(--LARGE-FONT)}.makeinvitation .preview-area .open .main-title{top:calc(var(--MARGIN)*-2)}.makeinvitation .preview-area .main-title .large{font-size:100%}.makeinvitation .preview-area .cover-btn,.makeinvitation .preview-area .main-title .large *{font-size:var(--font-scale)}.makeinvitation .preview-area .subtitle{text-align:center;margin-bottom:calc(var(--MARGIN)*2);transition-property:top,margin;transition-duration:.3s,.3s;position:relative;top:0;line-height:1.5;font-size:var(--MEDIUM-FONT)}.makeinvitation .preview-area .open .subtitle{top:calc(var(--MARGIN)*-4);margin:0}.makeinvitation .preview-area .date{text-align:center;top:0;transition-property:top;transition-duration:.3s;position:relative;font-size:calc(var(--LARGE-FONT)*0.8)}.makeinvitation .preview-area .open .date{top:calc(var(--MARGIN)*-2)}.makeinvitation .preview-area .block-title{font-size:calc(var(--LARGE-FONT)*1.2);text-align:center;padding:var(--MARGIN)}.makeinvitation .preview-area .block-title.small{font-size:var(--LARGE-FONT)}.makeinvitation .preview-area .block-title.smallbold{font-size:calc(var(--LARGE-FONT)*0.7);font-weight:bolder}.makeinvitation .preview-area .block-subtitle{font-size:var(--MEDIUM-FONT);margin:var(--MARGIN) 0}.makeinvitation .preview-area .cover-img{width:calc(100% - var(--MARGIN)*0.7);background-color:var(--MUTE-COL);margin:calc(var(--PADDING)*0.7) calc(var(--PADDING)*0.7) calc(var(--PADDING)*2) calc(var(--PADDING)*0.7)}.makeinvitation .preview-area .cover-img,.makeinvitation .preview-area .free-cover-img{position:relative;object-fit:cover;user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:none}.makeinvitation .preview-area .free-cover-img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto;background-color:transparent}.makeinvitation .preview-area .cover-img-wrapper{width:calc(var(--OR-CARD-W) - var(--MARGIN)*4);max-height:0;padding:0;background-color:var(--BCK-COL);position:absolute;bottom:var(--MARGIN);left:50%;transform:translate3d(-50%,0,1px);overflow:hidden;transition-property:padding,max-height,bottom;transition-duration:.3s,.3s,.3s;z-index:1}.makeinvitation .preview-area .spill .cover-img-wrapper{bottom:calc(var(--MARGIN)*3);max-height:calc(var(--vh)*100)}.makeinvitation .preview-area .view-detail{position:absolute;bottom:calc(var(--MARGIN)*0.5 + var(--sab, 0px));left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;font-size:calc(var(--LARGE-FONT)*0.8)}.makeinvitation .preview-area .card-wrapper{position:relative;top:0;left:0;width:100%;min-height:100%}.makeinvitation .preview-area .block-card{position:absolute;top:50%;left:50%;width:calc(100% - var(--MARGIN)*2);min-height:calc(var(--vh)*100 - var(--MARGIN)*6);height:auto;background-color:var(--MUTE-COL);border-radius:var(--PADDING);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;line-height:1.5}.makeinvitation .preview-area .block-card.grow{height:auto}.makeinvitation .preview-area .block-card.grow.no-minh{min-height:unset}.makeinvitation .preview-area .block-section.grow:has(>.block-card.relative){padding:var(--MARGIN) 0;margin-top:-1px}.makeinvitation .preview-area .block-section.grow:has(>.link-share){margin-top:-3px}.makeinvitation .preview-area .block-card.relative{position:relative;top:0;left:50%;transform:translate(-50%);width:calc(100% - var(--MARGIN)*2);padding:0 var(--MARGIN)}.makeinvitation .preview-area .block-padder:after,.makeinvitation .preview-area .block-padder:before{content:"";width:100%;height:calc(var(--MARGIN)*3);pointer-events:none;opacity:0;position:relative;display:block}.makeinvitation .preview-area .block-padder--flush:after,.makeinvitation .preview-area .block-padder--flush:before,.makeinvitation .preview-area .block-padder.notop:before{height:0}.makeinvitation .preview-area .block-card:after{content:"";width:100%;height:calc(var(--MARGIN)*1);pointer-events:none;opacity:0;position:relative;display:block}.makeinvitation .preview-area .block-card.relative .block-subtitle{margin-bottom:var(--PADDING);text-align:center}.makeinvitation .preview-area .block-card.relative .block-subtitle.empty{display:none}.makeinvitation .preview-area .block-card.relative .block-subtitle-2{margin:var(--MARGIN) 0;margin-bottom:0;text-align:center;font-size:120%}.makeinvitation .preview-area .block-card.relative .block-content-2{padding-top:calc(var(--MARGIN)*1)}.makeinvitation .preview-area .block-card{font-size:var(--MEDIUM-FONT)}.makeinvitation .preview-area .block-card .col{padding:calc(var(--MARGIN)*1.5) var(--MARGIN);position:relative;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.makeinvitation .preview-area .block-card .col.txt-left{align-items:flex-start}.makeinvitation .preview-area .block-card .col.txt-center{align-items:center}.makeinvitation .preview-area .block-card .col:first-child{padding-top:var(--MARGIN)}.makeinvitation .preview-area .block-card [data-target-name*=-deceased]{font-size:60%;vertical-align:super}.makeinvitation .preview-area .block-card .font-size-col,.makeinvitation .preview-area .block-card .font-size-row{--font-scale-width:max(1%,calc(var(--font-scale)/100));width:calc(var(--font-scale-width)*100)!important;justify-content:space-between}.makeinvitation .preview-area .block-card .hide{display:none!important}.makeinvitation .preview-area .block-card .fill,.makeinvitation .preview-area .block-card .fill-preserve{width:100%}.makeinvitation .preview-area .block-card .fill>.col{padding:0}.makeinvitation .preview-area .block-card .fillh>.col{padding-top:0}.makeinvitation .preview-area .block-card .fill>.col.padd-top{padding-top:var(--MARGIN)}.makeinvitation .preview-area .block-card .fill>.col.padd-bottom{padding-bottom:var(--MARGIN)}.makeinvitation .preview-area .block-card .col:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);height:var(--BORDER-WIDTH);width:50%;background-color:var(--border-color,var(--FR-GRND-COL))}.makeinvitation .preview-area .block-card .col:last-child:after,.makeinvitation .preview-area .block-card .content-empty.col:after,.makeinvitation .preview-area .block-card .empty.col:after,.makeinvitation .preview-area .block-card .next-empty.col:after{display:none}.makeinvitation .preview-area .block-card .col.left{align-items:flex-start}.makeinvitation .preview-area .block-card .col.left:after{width:calc(100% - var(--MARGIN)*2)}.makeinvitation .preview-area .block-card .col.last:after{display:none}.makeinvitation .preview-area .block-card .row-65{width:65%}.makeinvitation .preview-area .block-card .row-70{width:calc(60% + var(--font-scale)*2/10);align-items:center}.makeinvitation .preview-area .block-card .inblock{width:100%;font-size:120%}.makeinvitation .preview-area .block-card .row{width:100%}.makeinvitation .preview-area .block-card .row.vcen{align-items:center}.makeinvitation .preview-area .map-btn{width:100%;margin:var(--MARGIN) var(--PADDING) 0 var(--PADDING);font-size:var(--MEDIUM-FONT);display:flex;align-items:center;justify-content:center;background:var(--MUTE-COL);padding:var(--PADDING);border-radius:var(--MARGIN);cursor:pointer;user-select:none;-webkit-user-drag:none}.makeinvitation .preview-area .map-btn:first-child{margin-left:0}.makeinvitation .preview-area .map-btn:last-child{margin-right:0}.makeinvitation .preview-area .youtube-block{position:relative;left:50%;border-radius:var(--PADDING);overflow:hidden;top:0;transform:translate(-50%)}.makeinvitation .preview-area .youtube-block,.makeinvitation .preview-area iframe.youtube{width:calc(var(--CARD-W) - var(--MARGIN)*2);height:calc(var(--CARD-W)*315/560 - var(--MARGIN)*2*315/560)}.makeinvitation .preview-area .block-wrapper{position:relative;height:calc(var(--vh)*100 - var(--MARGIN)*6);border-radius:var(--PADDING)}.makeinvitation .preview-area .block-wrapper.grow{min-height:calc(var(--vh)*100 - var(--MARGIN)*6);height:auto}.makeinvitation .preview-area .block-wrapper.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.makeinvitation .preview-area .block-wrapper.center.center-up{top:40%}.makeinvitation .preview-area .block-wrapper.small{height:calc(100% - var(--MARGIN)*10)}.makeinvitation .preview-area .block-wrapper.large{height:calc(100% - var(--MARGIN)*2)}.makeinvitation .preview-area .row,.makeinvitation .preview-area .row-65,.makeinvitation .preview-area .row-70{display:flex}.makeinvitation .preview-area .calendar{width:100%;padding:var(--MARGIN);padding-top:0;font-size:var(--MEDIUM-FONT)}.makeinvitation .preview-area .calendar-header{margin-bottom:var(--MARGIN)}.makeinvitation .preview-area .calendar .row{padding:var(--PADDING) 0}.makeinvitation .preview-area .calendar .btn{position:relative}.makeinvitation .preview-area .calendar .btn.active:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;content:"";width:var(--MARGIN);height:var(--MARGIN);border-radius:var(--MARGIN);border:none;background-color:var(--data-color,var(--BCK-COL));pointer-events:none;z-index:-1}.makeinvitation .preview-area .calendar .date-block,.makeinvitation .preview-area .calendar .year-btn{font-size:110%}.makeinvitation .preview-area .calendar-footer{padding-top:var(--MARGIN);text-align:center;line-height:1.5;white-space:pre-line;font-size:110%}.makeinvitation .preview-area .map-block{margin:0}.makeinvitation .preview-area .account{width:calc(100% - var(--PADDING));padding:calc(var(--PADDING)*0.25) var(--MARGIN) calc(var(--PADDING)*0.25) 0;background-color:inherit;border:none;overflow:hidden;display:block}.makeinvitation .preview-area .account *{pointer-events:none}.makeinvitation .preview-area .account>*{margin:calc(var(--PADDING)*0.5) calc(var(--PADDING)*1);padding:0}.makeinvitation .preview-area .account .copy-account-btn,.makeinvitation .preview-area .account .copy-kakao-btn{background:hsla(0,0%,100%,.2);height:calc(var(--MARGIN)*1);width:calc(var(--MARGIN)*1);border-radius:var(--MARGIN);display:flex;align-items:center;justify-content:center;margin:0;pointer-events:auto;cursor:pointer}.makeinvitation .preview-area .account .copy-kakao-btn{margin-left:calc(var(--PADDING)*0.5)}.makeinvitation .preview-area .account .btn-wrapper{position:absolute;right:calc(var(--PADDING)*0.5);top:calc(var(--PADDING)*0.5);display:flex;align-items:center;justify-content:flex-end;flex-direction:row;margin:0;cursor:pointer}.makeinvitation .preview-area .account .copy-kakao-btn svg{width:60%;fill:var(--form-color)}.makeinvitation .preview-area .account .copy-account-btn:after{content:"\e14d";font-family:Material Symbols Outlined;position:absolute}.makeinvitation .preview-area .hidden-on-empty[data-font-size*=form-font-size],.makeinvitation .preview-area [data-font-size*=form-font-size]>*{font-size:var(--font-scale)}.makeinvitation .preview-area .hidden-on-empty[data-font-size=form-font-size]>*{font-size:unset}.makeinvitation .preview-area .link-share{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;position:relative;top:0;left:50%;transform:translate(-50%);width:100%;padding:calc(var(--MARGIN)*2) 0}.makeinvitation .preview-area .link-item{display:flex;flex-direction:column;align-items:baseline;justify-content:space-between;font-size:var(--MEDIUM-FONT);background:var(--MUTE-COL);width:calc(50% - var(--MARGIN)*1.5);height:calc(var(--MARGIN)*2.7);padding:var(--PADDING) calc(var(--PADDING)*1.2);border-radius:calc(var(--PADDING)*0.5);cursor:pointer}.makeinvitation .preview-area .link-item svg{fill:var(--form-color);width:calc(var(--LARGE-FONT)*0.7);height:calc(var(--LARGE-FONT)*0.7)}.makeinvitation .preview-area .envelope-invitation .fnt-en-fnt-1{font-family:futura-pt,sans-serif!important;font-weight:500!important;font-style:normal!important}.makeinvitation .preview-area .envelope-invitation .fnt-en-fnt-2{font-family:arial-narrow-bold,sans-serif!important;font-style:normal!important}.makeinvitation .preview-area .envelope-invitation .fnt-kr-fnt-1{font-family:pretendard,sans-serif!important;font-weight:500!important;font-style:normal!important}.makeinvitation .preview-area .envelope-invitation .fnt-kr-fnt-2{font-family:Eulyoo Regular,serif!important;font-style:normal!important}.makeinvitation .preview-area .envelope-invitation .fnt-kr-fnt-3{font-family:Nanum Bareun Pen Regular,pretendard,sans-serif!important;font-style:normal!important}.makeinvitation .preview-area .envelope-invitation .envelope-container{position:absolute;bottom:calc(var(--MARGIN)*2);width:100%;height:calc(var(--OR-CARD-W)*14/30);transition-property:bottom,transform,width,height;transition-duration:.3s,.3s,.3s,.3s;left:50%;transform:translate(-50%,-50%)}.makeinvitation .preview-area .envelope-invitation .open .envelope-container{bottom:calc(var(--MARGIN)*3.5);transform:translate(-50%)}.makeinvitation .preview-area .envelope-invitation .envelope-container svg{position:absolute;width:calc(var(--OR-CARD-W) - var(--MARGIN));top:50%;left:50%;transform:translate(-50%,-50%);fill:var(--fill-color)}.makeinvitation .preview-area .envelope-invitation .open .envelope-container svg:first-of-type{z-index:unset}.makeinvitation .preview-area .envelope-invitation .envelope-container svg:nth-of-type(2),.makeinvitation .preview-area .envelope-invitation .envelope-container svg:nth-of-type(3),.makeinvitation .preview-area .envelope-invitation .envelope-container svg:nth-of-type(4){z-index:unset;transform:translate3d(-50%,-50%,2px)}.makeinvitation .preview-area .envelope-invitation .open .envelope-container svg:first-of-type{z-index:1;transform:translate3d(-50%,-50%,0)}.makeinvitation .preview-area .envelope-invitation .envelope-container svg:nth-of-type(3),.makeinvitation .preview-area .envelope-invitation .envelope-container svg:nth-of-type(4),.makeinvitation .preview-area .envelope-invitation .open .envelope-container svg:nth-of-type(2){z-index:2;transform:translate3d(-50%,-50%,2px)}.makeinvitation .preview-area .envelope-invitation .envelope-container svg:last-of-type{z-index:3;top:0;left:calc(50% - .5px);transform-origin:center top;transform:translate3d(-50%,calc(var(--OR-CARD-W)*14/30*-0.118),3px) rotateX(0deg);transition-property:transform,top;transition-duration:.2s,.2s}.makeinvitation .preview-area .envelope-invitation .open .envelope-container svg:last-of-type{z-index:unset;top:calc(var(--MARGIN)*1.4);transform:translate3d(-50%,calc(var(--MARGIN)*-0.7),0) rotateX(180deg)}.makeinvitation .preview-area .sticker-invitation .fnt-en-fnt-1{font-family:futura-pt,sans-serif!important;font-weight:500!important;font-style:normal!important}.makeinvitation .preview-area .sticker-invitation .fnt-en-fnt-2{font-family:crayonize,sans-serif;font-weight:700;font-style:normal}.makeinvitation .preview-area .sticker-invitation .fnt-en-fnt-3{font-family:lullabies-text,sans-serif;font-weight:200;font-style:normal}.makeinvitation .preview-area .sticker-invitation .fnt-en-fnt-4{font-family:PIGMENT,sans-serif;font-style:normal}.makeinvitation .preview-area .sticker-invitation .fnt-kr-fnt-1{font-family:pretendard,sans-serif!important;font-weight:500!important;font-style:normal!important}.makeinvitation .preview-area .sticker-invitation .fnt-kr-fnt-2{font-family:Kyobo SungJiyoung,sans-serif!important;font-style:normal!important}.makeinvitation .preview-area .sticker-invitation .fnt-kr-fnt-3{font-family:Nanum Bareun Pen Regular,pretendard,sans-serif!important;font-style:normal!important}.makeinvitation .preview-area .sticker-invitation .cover>img{position:absolute;top:0;left:0;width:var(--CARD-W);height:calc(var(--CARD-W)*1.5);margin:0;object-fit:cover;background-color:var(--MUTE-COL);user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-webkit-touch-callout:none}.makeinvitation .preview-area .sticker-invitation .cover-title{position:absolute;z-index:2;text-align:center;top:0;left:50%;transform:translate(-50%);width:100%;height:min(calc(100% - var(--subtitle-h) - var(--MARGIN)),calc(var(--CARD-W)*1.5));pointer-events:none;padding-top:calc(var(--MARGIN)*2);font-size:var(--LARGE-FONT)}.makeinvitation .preview-area .sticker-invitation [data-title-position=form-title-position]{position:absolute;top:calc(var(--MARGIN)*3.2 + var(--title-position)*0.52);left:50%;white-space:nowrap;transform:translate(-50%)}.makeinvitation .preview-area .sticker-invitation [data-title-position=form-title-position-2]{position:absolute;top:calc(var(--MARGIN)*2 + var(--title-position)*0.52);left:50%;white-space:nowrap;transform:translate(-50%)}.makeinvitation .preview-area .sticker-invitation [data-title-position=form-title-position]>*{font-size:120%}.makeinvitation .preview-area .sticker-invitation .sticker-view{position:absolute;top:0;left:0;width:var(--CARD-W);height:calc(var(--CARD-W)*1.5);overflow:hidden}.makeinvitation .preview-area .sticker-invitation .subtitle:before{content:"";position:fixed;bottom:max(calc(var(--subtitle-h) + var(--sab, 0px)),calc(100% - var(--CARD-W)*1.5));left:0;width:100%;transform:translateY(2px);height:calc(var(--MARGIN)*3);background:linear-gradient(0deg,var(--form-bck-color) 30%,var(--form-bck-transparent-color) 80%)}.makeinvitation .preview-area .sticker-invitation .subtitle{text-align:center;padding:0 0 calc(var(--MARGIN)*2) 0;transition-property:top,margin;transition-duration:.3s,.3s;position:absolute;bottom:var(--sab,0);top:unset;left:0;width:100%;line-height:1.5;background-color:var(--form-bck-color);font-size:var(--MEDIUM-FONT);margin-bottom:0}.makeinvitation .preview-area .sticker-invitation .subtitle *{font-size:var(--font-scale)}.makeinvitation .preview-area .sticker-invitation .sticker-view #sticker-cursor{position:absolute;transform:translate(-50%,-50%);width:var(--MEDIUM-FONT);height:var(--MEDIUM-FONT);opacity:0;transition-property:opacity;transition-duration:.2s}.makeinvitation .preview-area .sticker-invitation .sticker-view #sticker-cursor.show{opacity:1}.makeinvitation .preview-area .sticker-invitation .sticker-view #sticker-cursor.rotate:after{content:"\e5d5";font-family:Material Symbols Outlined;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.makeinvitation .preview-area .sticker-invitation .sticker-view #sticker-cursor.resize:after{content:"\f730";font-family:Material Symbols Outlined;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.makeinvitation .preview-area .sticker-invitation .sticker-view>img{width:calc(var(--CARD-W)*var(--sticker-size));height:calc(var(--CARD-W)*var(--sticker-size));top:calc(50% + var(--CARD-W)*var(--offset-y, 0));left:calc(50% + var(--CARD-W)*var(--offset-x, 0));transform:translate(-50%,-50%) rotate(var(--offset-a,0deg));transition-property:border;transition-duration:.2s;border-radius:var(--PADDING);user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-webkit-touch-callout:none}.makeinvitation .preview-area .sticker-invitation .sticker-view>img:after{display:none}.makeinvitation .preview-area .sticker-invitation .sticker-view>img.chosen{border:var(--BORDER-WIDTH) solid var(--FR-GRND-COL)}.makeinvitation .preview-area .sticker-invitation .mini-album-container{position:absolute;bottom:var(--MARGIN);left:50%;width:calc(var(--CARD-W)*0.8);height:calc(var(--CARD-W)*0.53);transform:translate(-50%,calc(var(--MARGIN)*-1)) rotate(-5deg) scale(1.1)}.makeinvitation .preview-area .sticker-invitation .mini-album-container:after{content:"";background-image:var(--ornament-img);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:0;left:0;width:100%;height:calc(100% - var(--PADDING)*3);pointer-events:none}.makeinvitation .preview-area .sticker-invitation .mini-album-container>img{position:absolute}.makeinvitation .preview-area .sticker-invitation .mini-album-container>img.first{top:0;left:25%;width:20%;height:55%;transform:translate(-50%,calc(var(--PADDING)*1)) rotate(90deg)}.makeinvitation .preview-area .sticker-invitation .mini-album-container>.second{left:27%;top:47%;transform:translate(-50%,-50%) rotate(-10deg);width:calc(var(--MARGIN)*4);height:calc(var(--MARGIN)*4);position:absolute;mask-position:center;mask-size:contain;mask-repeat:no-repeat}.makeinvitation .preview-area .sticker-invitation .mini-album-container img{object-fit:cover}.makeinvitation .preview-area .sticker-invitation .mini-album-container>.second img{width:100%;height:100%}.makeinvitation .preview-area .sticker-invitation .mini-album-container>img.third{top:calc(var(--PADDING)*1.7);right:calc(var(--PADDING)*2.7);width:calc(50% - var(--PADDING)*5);height:calc(100% - var(--PADDING)*6);transform:rotate(8deg)}.makeinvitation .preview-area .calendar .date-block{display:flex;flex-direction:column;color:var(--FR-GRND-COL);padding:0 var(--PADDING)}.makeinvitation .preview-area .calendar .date-body{display:flex;flex-direction:column;justify-content:space-around;align-items:stretch}.makeinvitation .preview-area .calendar .row{display:flex;align-items:center;justify-content:center}.makeinvitation .preview-area .calendar .row>div[class*=col]{display:inline-flex;align-items:center;justify-content:center}.makeinvitation .preview-area .kr-date-with-time{width:95%}.makeinvitation .preview-area .our-stories-preview{width:100%}.makeinvitation .preview-area .our-stories-preview:before{content:"";width:100%;height:var(--MARGIN);pointer-events:none;opacity:0;position:relative;display:block}.makeinvitation .preview-area .our-stories-preview:after{content:"";width:100%;height:calc(var(--MARGIN)*3);pointer-events:none;opacity:0;position:relative;display:block}.makeinvitation .preview-area .our-stories-chat{display:flex;flex-direction:column;gap:calc(var(--PADDING)*0.5);width:100%;box-sizing:border-box;padding:0 var(--PADDING)}.makeinvitation .preview-area .our-stories-row{display:flex;width:100%;box-sizing:border-box;padding:calc(var(--PADDING)*0.3)}.makeinvitation .preview-area .our-stories-row--a{justify-content:flex-start;padding-left:var(--PADDING)}.makeinvitation .preview-area .our-stories-row--b{justify-content:flex-end;padding-right:var(--PADDING)}.makeinvitation .preview-area .chat-bubble{position:relative;box-sizing:border-box;max-width:78%;width:fit-content;min-width:0;border-radius:16px;padding:calc(var(--PADDING)*0.55) calc(var(--PADDING)*0.9);text-align:left;word-break:keep-all;overflow-wrap:break-word;overflow:visible}.makeinvitation .preview-area .chat-bubble__text{position:relative;z-index:1;line-height:1.35;text-align:left;white-space:pre-wrap}.makeinvitation .edit-area .our-stories-item .chat-bubble[data-font-size]>.chat-bubble__text,.makeinvitation .preview-area .chat-bubble[data-font-size]>.chat-bubble__text,.makeinvitation .preview-area .chat-bubble__text{font-size:calc(var(--MEDIUM-FONT)*var(--our-stories-font-ratio, 1))}.makeinvitation .preview-area .chat-bubble--a{background-color:var(--our-stories-bubble-a);color:var(--our-stories-letter-a)}.makeinvitation .preview-area .chat-bubble--a:after{content:"";position:absolute;z-index:0;left:-12px;bottom:-1px;width:24px;height:16px;background-color:var(--our-stories-bubble-a);background-image:none;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 60'%3E%3Cpath d='M90 0A80 60 0 010 60 80 95 0 0045 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 60'%3E%3Cpath d='M90 0A80 60 0 010 60 80 95 0 0045 0z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 16px;mask-size:24px 16px;-webkit-mask-position:right bottom;mask-position:right bottom;pointer-events:none}.makeinvitation .preview-area .chat-bubble--b{background-color:var(--our-stories-bubble-b);color:var(--our-stories-letter-b)}.makeinvitation .preview-area .chat-bubble--b:after{content:"";position:absolute;z-index:0;right:-12px;bottom:-1px;left:auto;width:24px;height:16px;background-color:var(--our-stories-bubble-b);background-image:none;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 60'%3E%3Cpath d='M0 0a80 60 0 0090 60A80 95 0 0145 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 60'%3E%3Cpath d='M0 0a80 60 0 0090 60A80 95 0 0145 0z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 16px;mask-size:24px 16px;-webkit-mask-position:left bottom;mask-position:left bottom;pointer-events:none}.mypage #main-content{overflow-y:scroll;overflow-x:hidden}.mypage #main-content .content{position:absolute;top:var(--HEADER-H);left:0;width:100%;height:auto;padding:0 0 calc(var(--MARGIN)*3) 0;font-size:var(--MEDIUM-FONT)}.mypage #main-content .content .list-title{padding-left:var(--MARGIN)}.mypage #main-content .content .list-content{position:relative;min-height:calc(100% - var(--MARGIN)*2);padding-top:var(--MARGIN);display:grid;align-items:center;grid-template-columns:1fr 1fr 1fr 1fr;justify-items:center}.mypage #main-content .content .list-item{width:calc(100% - var(--MARGIN)*2);height:calc(var(--SIDE-W)*0.85);position:relative;border-radius:calc(var(--PADDING)*0.5);color:var(--MUTE-COL);background-position:50%;background-size:cover;background-repeat:no-repeat;background-blend-mode:overlay;background-color:hsla(0,0%,100%,.5);transition-duration:.3s;transition-property:background-color;margin-bottom:calc(var(--MARGIN)*3)}.mypage #main-content .content .list-label{position:absolute;bottom:calc(var(--MARGIN)*-2);left:50%;transform:translate(-50%);text-align:center}.mypage #main-content .content .list-label>.small{font-size:80%}.mypage #main-content .content .list-item.published.box-shadow,.mypage #main-content .content .list-item.published .box-shadow{box-shadow:0 0 10px #00b400}.mypage #main-content .content .list-item.published *{color:green}.mypage #main-content .content .list-item.permanent.box-shadow,.mypage #main-content .content .list-item.permanent .box-shadow{box-shadow:0 0 10px #d38997}.mypage #main-content .content .list-item.permanent *{color:pink}.mypage #main-content .content .list-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mypage #main-content .content .list-item.empty:after{content:"\e145";font-family:Material Symbols Outlined;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--MUTE-COL);font-size:var(--LARGE-FONT);cursor:pointer}.mypage #main-content .content .rnd-btn{width:var(--MARGIN);height:var(--MARGIN)}.mypage #main-content .content .btn,.mypage #main-content .content .rnd-btn{display:inline-flex;border-radius:var(--MARGIN);background:var(--MUTE-COL);color:var(--BCK-COL);align-items:center;justify-content:center}.mypage #main-content .content .btn{padding:calc(var(--PADDING)*0.5) calc(var(--PADDING)*2);position:absolute;bottom:var(--PADDING);left:50%;transform:translate(-50%);width:calc(100% - var(--MARGIN)*1.5)}.mypage #main-content .content .qrcode{position:absolute;top:var(--PADDING);left:var(--PADDING)}.mypage #main-content .content .rsvp{position:absolute;top:var(--PADDING);left:calc(var(--PADDING)*1.5 + var(--MARGIN))}.mypage #main-content .content .guestbook{position:absolute;top:var(--PADDING);left:calc(var(--PADDING)*2 + var(--MARGIN)*2)}.mypage #main-content .content .duplicate{position:absolute;top:var(--PADDING);right:calc(var(--PADDING)*2 + var(--MARGIN)*2)}.mypage #main-content .content .view{position:absolute;top:var(--PADDING);right:calc(var(--PADDING)*1.5 + var(--MARGIN))}.mypage #main-content .content .edit{position:absolute;top:var(--PADDING);right:var(--PADDING)}.mypage #main-content .content .duplicate:after,.mypage #main-content .content .edit:after,.mypage #main-content .content .guestbook:after,.mypage #main-content .content .qrcode:after,.mypage #main-content .content .rsvp:after,.mypage #main-content .content .view:after{content:"큐알코드 다운받기";position:absolute;padding:calc(var(--PADDING)*0.5) calc(var(--PADDING)*1);top:calc(var(--MARGIN)*1.5);left:0;opacity:0;background-color:var(--BCK-COL);pointer-events:none;transition-property:opacity;transition-duration:.1s;color:var(--MUTE-COL);box-shadow:0 0 8px rgba(0,0,0,.2);border-radius:calc(var(--PADDING)*0.5)}.mypage #main-content .content .rsvp:after{content:"참석명단"}.mypage #main-content .content .guestbook:after{content:"방명록"}.mypage #main-content .content .duplicate:after{content:"복제하기"}.mypage #main-content .content .view:after{content:"미리보기"}.mypage #main-content .content .edit:after{content:"편집하기"}.mypage #main-content .content .duplicate:hover:after,.mypage #main-content .content .edit:hover:after,.mypage #main-content .content .guestbook:hover:after,.mypage #main-content .content .qrcode:hover:after,.mypage #main-content .content .rsvp:hover:after,.mypage #main-content .content .view:hover:after{opacity:1}@media (max-width: 1720px) {
.mypage #main-content .content .list-content{grid-template-columns:1fr 1fr 1fr 1fr}
}
@media (max-width: 1300px) {
.mypage #main-content .content .list-content{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width: 900px) {
:root{--SC:3;--MARGIN:calc(var(--SC)*2vmin);--PADDING:calc(var(--SC)*1vmin);--BTN-PADDING:calc(var(--SC)*1.5vmin);--HEADER-H:calc(var(--SC)*11vmin);--MAIN-LOGO-W:calc(var(--SC)*15vmin);--MENU-W:calc(var(--SC)*1.5vmin);--MENU-H:calc(var(--SC)*1.2vmin);--EDT-NAV-H:calc(var(--SC)*10vmin);--LARGE-FONT:calc(var(--SC)*1.5vmin);--MEDIUM-FONT:calc(var(--SC)*1vmin);--SMALL-FONT:calc(var(--SC)*0.7vmin);--BORDER-WIDTH:calc(var(--SC)*0.05vmin);--Z-TOP:10;--BCK-COL:#fff;--FR-GRND-COL:#000;--MUTE-COL:#aaa;--NAVER-COL:#03c75a;--SIDE-W:calc(var(--SC)*30vmin)}
}
@media (max-width: 900px) {
.popup .content{width:calc(100% - var(--MARGIN)*1.5)}.popup.info .block{max-width:unset}.popup.login .btn{padding:var(--MARGIN) calc(var(--MARGIN)*1)}.popup.qrcode-popup .content{width:unset}.popup.qrcode-popup .qrcode-wrapper img{max-width:50vw}.popup.calendar .calendar-body{width:100%;height:calc(var(--MARGIN)*12)}.popup.color-picker #color-submit-btn,.popup.color-picker input[type=text]{width:50%}.popup.excel-popup .content{padding:var(--PADDING) var(--MARGIN)}.popup.excel-popup .sheet-body-wrapper{width:100%;overflow-x:scroll}.popup.excel-popup .header{position:sticky;left:0;top:var(--PADDING)}.popup.policy .content{width:calc(100% - var(--MARGIN)*1.5)}
}
@media (max-width: 900px) {
#main-header .left{display:none}#main-header .center{position:relative;left:unset;transform:translate(0)}
}
@media (max-width: 900px) {
.home #main-content>img{width:calc(100% - var(--PADDING)*2.8);height:unset}.home .clock{max-width:unset;width:calc(100% - var(--MARGIN)*2.5);top:calc(65% + var(--MARGIN))}
}
@media (max-width: 900px) {
.makeinvitation .preview-area .card-area{--BORDER-WIDTH:1px}.makeinvitation .edit-area{position:fixed;height:100%;width:100%;background-color:var(--BCK-COL);transition-property:transform;transition-duration:.3s;top:0;left:0;transform:translate(0);box-shadow:none}.makeinvitation .preview-area{position:absolute;width:100%;height:100%}.makeinvitation .preview-area>.preloader{width:100%}.makeinvitation.mobile-editor-closed .edit-area{transform:translate(100%)}.makeinvitation.ready #main-header{width:100%}.makeinvitation.mobile-editor-closed.ready #main-header{transform:translateY(-100%)}.makeinvitation .mobile-toggle-editor{position:fixed;top:50%;left:0;transform:translateY(-50%);background-color:var(--MUTE-COL);display:flex;align-items:center;justify-content:center;height:calc(var(--MARGIN)*3);width:calc(var(--MARGIN)*1);z-index:3;border-radius:0 calc(var(--PADDING)*0.5) calc(var(--PADDING)*0.5) 0;transition-property:transform,border-radius;transition-duration:.3s,.3s}.makeinvitation .mobile-toggle-editor>svg{transition-property:transform;transition-duration:.3s;transform:rotate(0deg)}.makeinvitation.mobile-editor-closed .mobile-toggle-editor{border-radius:calc(var(--PADDING)*0.5) 0 0 calc(var(--PADDING)*0.5);transform:translate(-100%,-50%)}.makeinvitation.mobile-editor-closed .mobile-toggle-editor>svg{transform:rotate(180deg)}.makeinvitation .preview-area .block-card .col:after{transform:translate(-50%) scaleY(.5)}
}
@media (max-width: 900px) {
.mypage #main-content .content .list-content{grid-template-columns:1fr}
}