@font-face{font-family:Palatino Linotype;src:local("Palatino Linotype"),url(/fonts/palatinolinotype.ttf) format("truetype");font-weight:400,500,600,700,800}@font-face{font-family:Monotype Corsiva;src:local("Monotype Corsiva"),url(/fonts/MTCORSVA.woff) format("woff");font-weight:400,500,600,700,800}:root{--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--green: hsl(137, 57%, 93%);--green-alpha: hsla(137, 57%, 93%, .25);--blue: hsl(199, 87%, 91%);--blue-alpha: hsla(199, 87%, 91%, .25);--purple: hsl(223, 36%, 79%);--purple-alpha: hsla(223, 36%, 79%, .25);--pink: hsl(8, 79%, 92%);--pink-alpha: hsla(8, 79%, 92%, .35);--black: hsl(0, 1%, 14%);--dark-blue: hsl(224, 16%, 39%);--dark-blue-alpha: hsla(224, 16%, 39%, .35);--red: hsl(354, 70%, 54%);--white: hsl(0, 38%, 97%);--border-radius: .25rem;color-scheme:light}@media prefers-reduced-motion{:root{transition:none;animation:none}}*,*:before,*:after{box-sizing:border-box}*{--step--3: clamp(.6813rem, .6772rem + .0203vw, .7rem);--step--2: clamp(.7813rem, .7772rem + .0203vw, .8rem);--step--1: clamp(.9375rem, .924rem + .0676vw, 1rem);--step-0: clamp(1.125rem, 1.098rem + .1351vw, 1.25rem);--step-1: clamp(1.35rem, 1.3041rem + .2297vw, 1.5625rem);--step-2: clamp(1.62rem, 1.548rem + .3601vw, 1.9531rem);--step-3: clamp(1.944rem, 1.8365rem + .5377vw, 2.4414rem);--step-4: clamp(2.3328rem, 2.1773rem + .7773vw, 3.0518rem);--step-5: clamp(2.7994rem, 2.5798rem + 1.0977vw, 3.8147rem);--step-6: clamp(3.3492rem, 3.0491rem + 1.5204vw, 4.7686rem);--space-3xs: clamp(.3125rem, .3125rem + 0vw, .3125rem);--space-2xs: clamp(.5625rem, .5408rem + .1087vw, .625rem);--space-xs: clamp(.875rem, .8533rem + .1087vw, .9375rem);--space-s: clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--space-m: clamp(1.6875rem, 1.6223rem + .3261vw, 1.875rem);--space-l: clamp(2.25rem, 2.163rem + .4348vw, 2.5rem);--space-xl: clamp(3.375rem, 3.2446rem + .6522vw, 3.75rem);--space-2xl: clamp(4.5rem, 4.3261rem + .8696vw, 5rem);--space-3xl: clamp(6.75rem, 6.4891rem + 1.3043vw, 7.5rem);--font-family: "Palatino Linotype", sans-serif;scroll-behavior:smooth;transition-behavior:allow-discrete;margin:0}ul[role=list],ol[role=list]{list-style:none}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{font-family:var(--font-family);overflow-wrap:break-word}#root,#__next{isolation:isolate}::selection{background-color:var(--pink-alpha)}.animate__animated{animation-duration:2s!important}.wedding-date.animate__animated{animation-delay:1s!important}a{text-decoration:none;color:inherit;transition:color .3s ease;&:hover{color:var(--dark-blue)}}p{max-width:700px;margin:0 auto;padding-bottom:1rem}html{background-color:var(--white);color:var(--dark-blue);scroll-behavior:smooth;font-size:1rem}body{display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%;font-family:Palatino Linotype,serif}header{display:flex;justify-content:center;width:100%;height:fit-content;padding-block-start:3rem;gap:1.5rem;user-select:none;pointer-events:none;overflow:hidden;.logo{width:5%;min-width:150px}.floral{width:15%;min-width:385px}}.diamond-sparkle{position:absolute;left:47%;top:40px;height:50px;width:65px}.cursive{font-family:Monotype Corsiva,cursive;font-size:2rem}.non-cursive{font-family:Palatino Linotype,serif}main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:fit-content;padding-block:3rem}.names{display:inline-flex;position:relative;font-size:4rem;color:var(--dark-blue);gap:5rem;font-weight:500}.span-inline{position:absolute;font-family:Palatino Linotype,serif;color:var(--purple);font-size:12rem;bottom:-4.2rem;left:33%;z-index:-1;user-select:none;transition:color 1s ease-in-out;&:hover{color:var(--pink)}}.wedding-date{letter-spacing:.6rem;font-size:1.5rem;color:var(--dark-blue);font-weight:500;margin-top:.8rem}.hero-names{padding-block:2.2rem;text-align:center}.hero-image-wrapper{max-width:1000px;display:flex;flex-direction:column;justify-content:center;align-items:center;user-select:none;img.image-frame{width:100%;z-index:2}img.hero-image{width:100%;object-fit:cover;aspect-ratio:2/1;border:.5rem solid var(--pink);border-top:.25rem solid var(--pink);box-shadow:0 2rem 5rem 0 var(--pink-alpha)}}.login-container{width:100%;max-width:300px}.login-title{text-align:center}.hidden{display:none}.error-message{color:var(--red);margin-top:10px;font-size:.9rem;text-align:center;opacity:0;transition:opacity .3s ease;user-select:none}.error-message.visible{opacity:1}.password-container{position:relative;display:flex;width:100%;margin:.8rem 0;&:before{content:url(/images/button-floral-left.png);position:absolute;right:99%;top:10px;z-index:-1}&:after{content:url(/images/button-floral-right.png);position:absolute;left:99%;top:10px;z-index:-1}}.password-container input{width:100%;padding:12px 40px 12px 12px;border:2px solid var(--purple);border-radius:var(--border-radius);box-sizing:border-box;font-size:.9rem;transition:all .3s ease;&:hover{background-color:var(--pink-alpha)}}.password-container input:focus{outline:none;border-color:var(--pink)}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.1rem;border:none;background:none;cursor:pointer;padding:0;width:auto;margin:0;color:var(--dark-blue);transition:color .3s ease}.password-toggle:hover{color:var(--purple)}.password-toggle:focus{outline:none}.submit-button{width:100%;padding:12px;background-color:var(--dark-blue);color:var(--white);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;transition:all .3s ease}.submit-button:hover{background-color:var(--blue);color:var(--black)}.submit-button:active{translate:0% 2%}.protected-content{max-width:1000px;width:inherit;margin:20px auto;text-align:center;transition:all 1s ease}.intro-message{padding-top:1rem;padding-bottom:3rem;p{text-wrap:balance;padding-bottom:.75rem;line-height:1.2}}.rsvp{position:relative;font-weight:600;padding-inline:1rem;padding-block:.25rem;border-radius:var(--border-radius);background-color:var(--purple-alpha);transition:all .3s ease;&:hover{background-color:var(--pink-alpha)}&:before{content:url(/images/button-floral-left.png);position:absolute;top:-3px;right:99%;z-index:-1}&:after{content:url(/images/button-floral-right.png);position:absolute;top:-3px;left:99%;z-index:-1}}ol{padding:0;text-align:left;li{padding-bottom:.5rem}}.meal-options{padding-bottom:1rem}.logout-button{width:fit-content;padding:4px 16px;margin:.25rem;background-color:var(--red);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease;position:absolute;top:0;right:0}.logout-button:hover{background-color:#c82333}.links{display:flex;justify-content:space-evenly;list-style-type:none;padding-inline:0;margin-top:1rem;position:relative;top:74px;z-index:11;font-size:1.1rem;transition:all .5s ease}.links a{color:var(--dark-blue);padding:.25rem 1rem;border-radius:var(--border-radius);font-weight:600;transition:background-color .3s ease;&:hover{background-color:var(--pink-alpha)}}.nav-links-wrapper{display:none;flex-direction:column;justify-content:right;list-style-type:none;padding-inline:0;position:relative;font-size:1.1rem;position:absolute;top:0;right:0;background-color:unset;padding:1rem;height:0px;opacity:0;transition-behavior:allow-discrete;overflow:hidden}.nav-toggle{display:flex;justify-content:right;justify-self:right;padding-bottom:40px;width:40px;background-image:url(/images/icons/nav-menu.svg);background-position:center;background-size:contain;background-repeat:no-repeat;z-index:11}.nav-links{display:flex;flex-direction:column;justify-content:space-evenly;list-style-type:none;gap:20px;padding-inline:0;padding-block:30px;height:fit-content}.section{margin-bottom:1rem;padding:1rem;max-width:calc(700px + 2rem);margin:0 auto}.section:first-child{margin-top:1rem}.timeline{position:relative;margin:1rem auto}.timeline:after{content:"";position:absolute;width:.25rem;background-color:var(--purple);top:0;bottom:0;left:50%;margin-left:-2px}.container{padding:10px 40px;position:relative;width:50%;transition:all .3s ease;cursor:pointer}.container:before{content:" ";height:0;position:absolute;top:20px;width:0;z-index:1}.container:after{content:"";position:absolute;width:25px;height:25px;background-color:var(--purple);border:4px solid var(--purple);top:15px;border-radius:50%;z-index:1;transition:all .3s ease}.container:hover .content{background-color:var(--pink-alpha);z-index:5;transition:all .3s ease}.container:hover:after{background-color:var(--pink);border-color:var(--pink)}.container:nth-child(2n){left:50%}.container:nth-child(odd){left:0}.container:nth-child(2n):after{left:-12px}.container:nth-child(odd):after{right:-12px}.container:nth-child(2n):before{left:30px;border:medium solid var(--white);border-width:10px 10px 10px 0;border-color:transparent var(--purple-alpha) transparent transparent}.container:nth-child(odd):before{right:30px;border:medium solid var(--white);border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--purple-alpha)}.container:nth-child(2n):hover:before{border-color:transparent var(--pink-alpha) transparent transparent}.container:nth-child(odd):hover:before{border-color:transparent transparent transparent var(--pink-alpha)}.content{padding:1rem;background-color:var(--purple-alpha);position:relative;border-radius:var(--border-radius);transition:all .3s ease}.time{font-weight:700;color:var(--black)}form{min-width:300px;margin:0 auto;transition:all .3s ease;fieldset:last-of-type{margin-bottom:1rem}}fieldset{border:none;padding:.75rem 0;display:flex;flex-direction:column;input,select{padding:.25rem;text-align:center;background-color:#fff;box-shadow:none;border:2px solid var(--purple);border-radius:var(--border-radius);transition:all .3s ease}input:hover{background-color:var(--pink-alpha)}input:focus,select:focus{outline:none;border-color:var(--pink)}}select{cursor:pointer}.loading{opacity:.5;pointer-events:none}#submission-status{margin-top:1rem;padding:1rem;border-radius:4px}#submission-status.success{background-color:var(--green);border:2px dashed var(--purple)}#submission-status.error{background-color:var(--red);color:var(--white);border:2px dashed var(--white)}#submission-status.loading{background-color:var(--blue);color:var(--black);border:2px dashed var(--dark-blue-alpha)}.registry-qr{margin:.5rem auto;max-width:300px}footer{display:flex;flex-direction:column;height:fit-content;background-color:var(--blue-alpha);border-top:2px dashed var(--pink);text-align:center;padding-top:50px;margin-top:auto;flex-shrink:0}.footer-title{font-size:1.8rem;line-height:1.6rem}.footer-subtitle{letter-spacing:.25rem;margin-bottom:1rem}.footer-links{display:flex;gap:50px;padding-left:unset;justify-content:center;list-style:none;font-weight:600}.to-top{margin:1rem;a{display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center}}#kittycode{font-size:.8rem;font-weight:500;cursor:pointer;align-items:center;display:flex;gap:5px;margin-top:0;margin-bottom:.5rem;justify-content:center}@media screen and (max-width: 1024px){.links{top:60px}}@media screen and (max-width: 768px){main{padding-inline:unset}header{padding-block-start:3rem;overflow:hidden}.diamond-sparkle{left:43%;top:30px}.names{font-size:3.6rem}.span-inline{font-size:10rem;bottom:-3.6rem;left:35%}.wedding-date{font-size:1.8rem;letter-spacing:.5rem;margin-top:0;margin-left:8px}.hero-image-wrapper{img.hero-image{aspect-ratio:1/1;border-radius:0 0 .5rem .5rem;border-block:.5rem solid var(--pink);border-inline:unset}}.logout-button{display:none}.nav-links-wrapper{display:flex;opacity:1;height:60px;width:70px;transition-behavior:allow-discrete}.active{height:fit-content;width:100%;background-color:var(--pink)}.nav-links-wrapper.active{.nav-toggle{background-image:url(/images/icons/menu-close.svg);background-position:right;background-size:contain;width:100%}}.links{display:none;opacity:0}.timeline:after{left:31px}.container{width:100%;padding-left:70px;padding-right:25px}.container:nth-child(2n){left:0}.container:before{left:60px;transform:rotate(180deg)}.container:nth-child(2n):before{left:60px;transform:unset}.container:nth-child(odd):after,.container:nth-child(2n):after{left:17px}.footer-links{gap:30px;flex-wrap:wrap}}@media screen and (max-width: 460px){header{gap:1rem;padding-block-start:2rem;.logo{width:5%;min-width:100px}.floral{width:15%;min-width:285px}}.diamond-sparkle{left:40%;top:15px;height:40px;width:50px}main{padding-block:1.8rem;overflow-x:clip}.hero-names{padding-block:2rem}.names{font-size:3.4rem;height:75px}.span-inline{font-size:10rem;bottom:0;top:-80px;left:35%}.wedding-date{font-size:1.6rem;letter-spacing:.45rem}.hero-image-wrapper{img.hero-image{aspect-ratio:1/1.4}}form{min-width:200px}.registry-qr{max-width:240px}.footer-links{gap:10px;flex-direction:column}}@media screen and (min-width: 1920px){html{font-size:clamp(1rem,calc(1rem + (1vw - 19.2px)*.68),1.6rem)}.diamond-sparkle{width:4%}.login-container{max-width:13%;min-width:300px}.hero-image-wrapper{max-width:40%;min-width:1000px}}form{margin:0 auto;transition:all .3s ease;fieldset:last-of-type{margin-bottom:1rem}.submit-button:hover{background-color:var(--pink-alpha);color:var(--black);box-shadow:0 2px 0 0 var(--purple)}}fieldset{border:none;padding:.75rem;display:flex;flex-direction:column;input,select{padding:.25rem;text-align:center;background-color:var(--purple-alpha);box-shadow:none;border:1px solid var(--purple);border-radius:.25rem;&:hover{background-color:var(--pink-alpha)}}option{background-color:var(--white)}}