@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Great+Vibes&family=Parisienne&family=Poppins:wght@400;500&family=Rosarivo&display=swap";.theme-demo-4{--color-primary: rgb(141 71 74);--color-secondary: rgb(149 110 73);--color-accent: #ddb576;--color-background: #ebddcd;--text-main: #4a4033;--text-light: #ffffff}.color-primary{color:var(--color-primary)}.color-secondary{color:var(--color-secondary)}.color-accent{color:var(--color-accent)}.color-background{color:var(--color-background)}.color-text-main{color:var(--text-main)}.color-text-light{color:var(--text-light)}.bg-accent{background-color:var(--color-accent)}.bg-primary{background-color:var(--color-primary)}.theme-demo-4 h1{font-family:Dancing Script,cursive;font-size:4rem;line-height:1;color:var(--color-primary);letter-spacing:1px}.theme-demo-4 h2{font-family:Parisienne,cursive;font-size:2.5rem;letter-spacing:.5px;font-weight:600;color:var(--color-secondary)}.theme-demo-4 h3{font-family:Great Vibes,cursive;font-size:2rem;font-weight:400;color:var(--color-primary);margin-bottom:0}.theme-demo-4 p{font-family:Rosarivo,serif;font-size:1.1rem;line-height:1.75;color:var(--text-main)}.countdown-number-demo-4{font-size:clamp(1rem,2vw,1.5rem);text-align:center;color:var(--color-primary)}.btn-accent{background-color:var(--color-accent);color:var(--text-light);padding:.5rem 1.25rem;border-radius:9999px;font-weight:500;transition:background-color .3s ease}.btn-accent:hover{background-color:var(--color-secondary)}.icon-container>div{animation:spinPulse 2.5s infinite}.font-wedding{font-family:Great Vibes,cursive;color:#5e3c2b;font-weight:400;font-size:1.5rem}.envelope-flap{position:absolute;background:#e6cfc1;transition:transform 1s ease-in-out;z-index:50;box-shadow:0 3px 8px #0000001f,inset 0 0 5px #00000026}.flap-top{top:0;left:0;width:100vw;height:50vh;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:center bottom}.flap-top:before{content:"";position:absolute;top:0;left:0;width:100vw;height:50vh;background:#6b4c3b;clip-path:polygon(0 0,100% 0,50% 100%);z-index:-1;pointer-events:none}.flap-bottom{bottom:0;left:0;width:100vw;height:50vh;clip-path:polygon(0 100%,100% 100%,50% 0);transform-origin:center top}.flap-bottom:before{content:"";position:absolute;top:0;left:0;width:100vw;height:50vh;background:#6b4c3b;clip-path:polygon(0 100%,100% 100%,50% 0);z-index:-1;pointer-events:none}.flap-left{top:0;left:0;width:50vw;height:100vh;clip-path:polygon(0 0,100% 50%,0 100%);transform-origin:right center}.flap-left:before{content:"";position:absolute;top:0;left:0;width:50vw;height:100vh;background:#6b4c3b;clip-path:polygon(0 0,100% 50%,0 100%);z-index:-1;pointer-events:none}.flap-right{top:0;right:0;width:50vw;height:100vh;clip-path:polygon(100% 0,0 50%,100% 100%);transform-origin:left center}.flap-right:before{content:"";position:absolute;top:0;left:0;width:50vw;height:100vh;background:#6b4c3b;clip-path:polygon(100% 0,0 50%,100% 100%);z-index:-1;pointer-events:none}.open-top{transform:translateY(-100%)}.open-bottom{transform:translateY(100%)}.open-left{transform:translate(-100%)}.open-right{transform:translate(100%)}.envelope-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:80px;background:#fff6f0;border:2px solid #c5a89b;box-shadow:0 0 8px #0000001a;border-radius:.5rem;z-index:60;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 1rem;transition:transform .7s ease,opacity .7s ease;animation:pulse-bright 2s ease-in-out infinite;cursor:pointer}.envelope-label:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 10px #f0e3d1,0 0 25px #c5a89b}.envelope-label.opened{opacity:0;pointer-events:none;animation:none;transform:translate(-50%,-50%) scale(0)}@keyframes pulse-bright{0%{box-shadow:0 0 6px #f5e4d5}50%{box-shadow:0 0 12px #c5a89b,0 0 20px #f0e3d1}to{box-shadow:0 0 6px #f5e4d5}}@keyframes spinPulse{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}@keyframes underline-grow{to{width:100%}}@keyframes riseIn{0%{transform:translateY(50px);opacity:0}60%{transform:translateY(-5px);opacity:.8}to{transform:translateY(0);opacity:1}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.slide-enter-active{transition:transform .3s ease-out}.slide-leave-active{transition:transform .3s ease-in}.slide-enter-from{transform:translate(-100%)}.slide-enter-to,.slide-leave-from{transform:translate(0)}.slide-leave-to{transform:translate(-100%)}.md\:hidden button:focus{outline:2px solid var(--color-secondary);outline-offset:2px}.unit .number[data-v-eda133a0]{min-width:3ch;font-size:2rem}.card[data-v-db0587a3]{width:230px;height:290px;background:#d3d3d3;border-radius:10px}.card .one[data-v-db0587a3]{width:230px;height:290px;z-index:10;position:absolute;background:#fbecec;backdrop-filter:blur(8.5px);-webkit-backdrop-filter:blur(8.5px);border-radius:10px;border:1px solid rgba(9,9,9,.18)}.card .one .title[data-v-db0587a3]{width:110px;border:1px solid rgba(180,177,177,.308);display:block;margin:12px auto;text-align:center;font-size:12px;font-weight:700;border-radius:12px;font-family:Roboto,sans-serif;color:#666464e8}.card .one .music[data-v-db0587a3]{width:80px;height:80px;background:#d8d4d4b9;margin:30px auto;border-radius:15px;display:flex;align-items:center;justify-content:center}.card .one .name[data-v-db0587a3]{width:180px;height:20px;font-size:16px;font-weight:500;font-family:Roboto,sans-serif;padding:0 5px;margin:-14px auto;display:block;overflow:hidden;text-align:center;color:#323133a2}.card .one .name1[data-v-db0587a3]{width:120px;height:20px;font-size:12px;font-weight:500;font-family:Roboto,sans-serif;padding:0 5px;margin:19px auto;display:block;overflow:hidden;text-align:center;color:#323133a2}.card .one .bar[data-v-db0587a3]{width:100px;margin:-15px auto;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.card .one .bar[data-v-db0587a3]:last-child{margin:35px auto;width:100%;padding:2px 23px}.card .one .bar .color[data-v-db0587a3]{fill:#524f4fd3}.card .one .bar .color1[data-v-db0587a3]{fill:#1d1c1cd3;cursor:pointer}.card .one .bar .bi[data-v-db0587a3]:first-child{transform:rotate(180deg)}.card .one .bar:last-child .color1[data-v-db0587a3]:first-child{transform:rotate(0)}.timeline__items[data-v-f6bcdb4c]{list-style:none;margin-left:.75em}.timeline__item[data-v-f6bcdb4c]{padding:0 0 1.5em 1.25em;position:relative}.timeline__item[data-v-f6bcdb4c]:before,.timeline__item[data-v-f6bcdb4c]:after{content:"";position:absolute;left:0;background-color:#000;display:block}.timeline__item[data-v-f6bcdb4c]:before{top:.25em;width:1em;height:1em;border-radius:50%;transform:translate(-50%) scale(var(--dot-scale, 0));transition:transform .3s ease;z-index:1}.timeline__item[data-v-f6bcdb4c]:after{top:.75em;width:.125em;height:100%;transform:translate(-50%)}.timeline__item[data-v-f6bcdb4c]:last-child:after{display:none}.timeline__item-time[data-v-f6bcdb4c]{font-size:.833em;font-weight:700;line-height:1.8}.timeline__item-publisher[data-v-f6bcdb4c]{font-size:.833em;line-height:1.8}@media (min-width: 768px){.timeline__items[data-v-f6bcdb4c]{margin-left:17em;width:17em}.timeline__item-time[data-v-f6bcdb4c]{position:absolute;top:0;right:calc(100% + 2rem);width:17rem;text-align:right;transform:translate(.75em)}}img[data-v-936b64e4]{user-select:none;-webkit-user-drag:none}
