.main{margin-top:72px;height:calc(100vh - 144px)}.main__full_screen{margin:0!important;height:100vh!important}.menu{position:fixed;z-index:9999;top:72px;left:0;width:100vw;height:calc(100vh - 72px);background:var(--white)}.menu__inner{position:relative;display:flex;justify-content:center;align-items:center;height:100%;width:100%}.menu__list{height:100%;max-height:400px;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.menu__list-item-link{color:var(--darkPurple)}.menu__list-item-link,.menu__list-item-link--active{font:var(--menu);letter-spacing:var(--font-letter-space-02);text-decoration:none}.menu__list-item-link--active{color:var(--brightPink)}.header{position:fixed;z-index:99999;top:0;left:0;height:72px;width:100vw;background:var(--white)!important;box-shadow:0 2px 2px rgba(46,35,66,.1)}.header__inner{height:100%;width:100%;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.header__hamburger{display:flex;justify-content:center;align-items:center;height:40px;width:40px}.header__hamburger .header__hamburger--line{position:relative;width:24px;height:3px;background:var(--darkPurple)}.header__hamburger .header__hamburger--line:after,.header__hamburger .header__hamburger--line:before{content:"";position:absolute;left:0;width:24px;height:3px;background:var(--darkPurple)}.header__hamburger .header__hamburger--line:before{top:-8px}.header__hamburger .header__hamburger--line:after{top:8px}.header__hamburger--line,.header__hamburger--line:after,.header__hamburger--line:before{transition:all .2s ease}.header__hamburger--open .header__hamburger--line{position:relative;width:24px;height:3px;background:transparent}.header__hamburger--open .header__hamburger--line:after,.header__hamburger--open .header__hamburger--line:before{content:"";position:absolute;left:0;top:50%;width:24px;height:3px;background:var(--darkPurple)}.header__hamburger--open .header__hamburger--line:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header__hamburger--open .header__hamburger--line:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.footer{height:72px;width:100vw;background:var(--white);box-shadow:0 -4px 2px rgba(0,0,0,.05)}.footer__inner{height:100%;width:100%;padding:0 24px;display:flex;justify-content:center;align-items:center}.footer p{font:var(--footer);color:var(--lightGrey);letter-spacing:var(--font-letter-space-normal)}.image{height:auto;width:100%;max-width:160px}.image__full_width{max-width:100%!important}.image__max_high--400px{object-fit:cover}@media (max-height:1125px){.image__max_high--400px{max-height:400px}}@media (max-height:750px){.image__max_high--400px{max-height:292px}.image__iphone{max-height:264px;object-fit:contain}}@media (max-height:568px){.image__max_high--400px{max-height:216px}.image__iphone{max-height:202px;object-fit:contain}}.button{border:0}.button__text{font:var(--button);letter-spacing:var(--font-letter-space-normal);text-align:center;padding:calc(var(--px4)*3) calc(var(--px8)*4);border-radius:15px}.button__icon{height:56px;width:56px;display:inline-flex;justify-content:center;align-items:center;border-radius:100%}.button__primary{background:var(--fadedYellow);color:var(--darkPurple)}.button__secondary{background:var(--darkPurple);color:var(--white)}.button__facebook{background:var(--white);border:1px solid #3b5998}.button__apple{background:var(--white);border:1px solid #000}.button__apple svg{margin:-2px 0 0 -2px}.button__google{background:var(--white);border:1px solid #ea4335}.button__upload{background:var(--white);font:var(--body);letter-spacing:var(--font-letter-space-02);text-align:center;border-radius:15px;width:100%;max-width:340px;height:100%;max-height:116px;box-shadow:0 0 4px rgba(0,0,0,.25)}.button__upload span{position:relative}.button__upload span:before{content:"";position:absolute;top:0;left:-36px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.39 15.527a1.14 1.14 0 001.142-1.131v-9.87l-.096-1.473.544.779 1.238 1.323c.192.213.459.33.747.33.523 0 .992-.394.992-.96a.9.9 0 00-.31-.693L10.298.598C9.998.31 9.7.204 9.39.204c-.31 0-.597.106-.896.394L5.133 3.832a.9.9 0 00-.31.693c0 .566.459.96.982.96.288 0 .565-.117.758-.33L7.8 3.832l.545-.79-.097 1.483v9.87a1.14 1.14 0 001.142 1.132zm-5.847 8.27h11.684c2.294 0 3.543-1.238 3.543-3.511v-9.721c0-2.273-1.249-3.521-3.543-3.521h-2.604v2.55h2.327c.821 0 1.27.405 1.27 1.28v9.103c0 .875-.449 1.28-1.27 1.28H3.81c-.822 0-1.26-.405-1.26-1.28v-9.103c0-.875.438-1.28 1.26-1.28H6.2v-2.55H3.543C1.248 7.044 0 8.292 0 10.564v9.722c0 2.273 1.248 3.51 3.543 3.51z' fill='%23FF3066'/%3E%3C/svg%3E");background-size:24px 24px;height:24px;width:24px}.button__logout{color:var(--lightGrey);font:var(--body);letter-spacing:var(--font-letter-space-02)}.button__ghost,.button__logout{background:transparent;text-align:center}.button__ghost{border:1px solid var(--darkPurple);color:var(--darkPurple);font:var(--button);letter-spacing:var(--font-letter-space-normal)}.button__disabled{pointer-events:none!important;opacity:1%}@media (max-height:1125px){.button__upload{max-height:116px}}@media (max-height:750px){.button__upload{max-height:100px}.button__icon{-webkit-transform:scale(.9);transform:scale(.9)}}@media (max-height:568px){.button__upload{max-height:78px;max-width:90%}.button__icon{-webkit-transform:scale(.8);transform:scale(.8)}}.scanQr{justify-content:center;width:100%;height:100%}.scanQr,.scanQr__inner{display:flex;align-items:center}.scanQr__inner{flex-direction:column;justify-content:space-between;width:inherit;height:inherit;max-height:585px;text-align:center}.scanQr__inner h2,.scanQr__inner p{font:var(--body);color:var(--darkPurple);letter-spacing:var(--font-letter-space-02);width:100%}.scanQr__title{max-width:204px}.scanQr__download{max-width:284px}@media (max-height:1125px){.scanQr__inner{max-height:565px}}@media (max-height:750px){.scanQr__inner{max-height:458px}}@media (max-height:568px){.scanQr__inner{max-height:368px}}.login{justify-content:center;width:100%;height:100%}.login,.login__inner{display:flex;align-items:center}.login__inner{flex-direction:column;justify-content:space-between;width:inherit;height:inherit;max-height:565px;text-align:center}.login__title{font:var(--body);color:var(--darkPurple);letter-spacing:var(--font-letter-space-02);width:100%;padding-bottom:16px}.login__text{font:var(--footer);color:var(--lightGrey);letter-spacing:var(--font-letter-space-normal);width:100%;max-width:284px}.login__text a{color:var(--darkPurple);text-decoration:none}.button__container{height:200px;//display:flex;flex-direction:column;align-items:center}.button__wrapper{justify-content:space-between;max-width:224px;padding-bottom:16px}.button_op .button__icon{-webkit-transform:scale(1.2);transform:scale(1.2)}.button__more{display:block;margin:32px auto 16px;padding:10px 44px;border-radius:100px}@media (max-height:1125px){.login__inner{max-height:565px}}@media (max-height:750px){.login__inner{max-height:488px}}@media (max-height:568px){.login__inner{max-height:388px}}.welcome{justify-content:center;width:100%;height:100%}.welcome,.welcome__inner{display:flex;align-items:center}.welcome__inner{flex-direction:column;justify-content:space-between;width:inherit;height:inherit;max-height:508px;text-align:center}.welcome__title{font:var(--title)}.welcome__text,.welcome__title{color:var(--darkPurple);letter-spacing:var(--font-letter-space-02);width:100%}.welcome__text{font:var(--body);max-width:284px}@media (max-height:1125px){.welcome__inner{max-height:508px}}@media (max-height:750px){.welcome__inner{max-height:428px}.welcome__inner .housewarming{max-height:152px}}@media (max-height:568px){.welcome__inner{max-height:368px}.welcome__inner .housewarming{max-height:132px}}.main video{height:100vh;width:100vw;object-fit:cover}.qr__wrapper{touch-event:none;position:relative}svg.qr__svg{top:0;left:0;width:100vw;height:100vh}.qr__line,svg.qr__svg{touch-event:none;position:absolute}.qr__line{z-index:999;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:300px;width:320px;opacity:.8}.qr__line .qr__line--inner{touch-event:none;position:relative;height:inherit;width:inherit}.qr__line .qr__line--inner:before{touch-event:none;content:"";position:absolute;z-index:9999;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;max-width:320px;height:4px;background-color:var(--brightPink);-webkit-animation:qrAnimation 5s ease 0s infinite none;animation:qrAnimation 5s ease 0s infinite none}@-webkit-keyframes qrAnimation{0%{top:0}50%{top:100%}to{top:0}}@keyframes qrAnimation{0%{top:0}50%{top:100%}to{top:0}}.alert{position:fixed;z-index:9999;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;border-radius:15px;width:362px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.alert__inner{width:inherit;height:inherit;padding:32px}.alert__message{margin-bottom:36px}.alert__btn{padding:10px 44px;border:1px solid var(--darkPurple);border-radius:15px;font:var(--button);letter-spacing:var(--font-letter-space-normal)}.alert__title{font:var(--button);color:var(--brightPink);margin-bottom:8px}.alert__btn-wrapper{width:100%;height:auto;display:flex}.alert__overlay{position:fixed;z-index:999;top:0;left:0;width:100vw;height:100vh;background-color:#000;opacity:.5}.guest{height:calc(100% - 164px)}.guest,.guest__header{display:flex;justify-content:center;align-items:center;width:100%}.guest__header{background:url(/static/media/prt_party_background.990596e8.jpg);height:164px}.guest__header-title{font:var(--body);color:var(--white);letter-spacing:var(--font-letter-space-normal)}.guest__inner{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:inherit;height:100%;max-height:800px;text-align:center}.guest__title{font:var(--title)}.guest__text,.guest__title{color:var(--darkPurple);letter-spacing:var(--font-letter-space-02);width:100%}.guest__text{font:var(--body);max-width:284px}@media (max-height:1125px){.guest__inner{max-height:400px}}@media (max-height:750px){.guest{height:calc(100% - 124px)}.guest__header{height:124px}.guest__inner{max-height:302px}}@media (max-height:568px){.guest{height:calc(100% - 108px)}.guest__header{height:108px}.guest__inner{max-height:246px}}.photoUpload{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.photoUpload__inner{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:inherit;height:inherit;text-align:center}.photoUpload__inner h2,.photoUpload__inner p{font:var(--body);color:var(--darkPurple);letter-spacing:var(--font-letter-space-02);width:100%}.photoUpload__title{max-width:204px}.photoUpload__loading{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999999;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.9)}.photoUpload__loading img{width:100px;height:auto}.hidden{display:none!important}.button__wrapper{display:flex;justify-content:center;align-items:center;width:100%}.button__wrapper button:not(:last-child){margin-right:calc(var(--px8)*3)}@media (max-height:1125px){.photoUpload__inner{max-height:585px}}@media (max-height:750px){.photoUpload__inner{max-height:432px}}@media (max-height:568px){.photoUpload__inner{max-height:348px}}.userinfo{justify-content:center;width:100%;height:100%}.userinfo,.userinfo__inner{display:flex;align-items:center}.userinfo__inner{flex-direction:column;justify-content:space-between;width:inherit;height:inherit;max-height:508px;text-align:center}.userinfo__title{font:var(--title);margin-bottom:calc(var(--px8)*2)}.userinfo__text,.userinfo__title{color:var(--darkPurple);letter-spacing:var(--font-letter-space-02);width:100%}.userinfo__text{font:var(--body);max-width:284px}form input{width:288px;border:none;border-bottom:1px solid var(--darkPurple);padding:5px 10px;outline:none;text-align:center;font:var(--body)}@media (max-height:1125px){.userinfo__inner{max-height:508px}}@media (max-height:750px){.userinfo__inner{max-height:428px}.userinfo__inner .housewarming{max-height:152px}}@media (max-height:568px){.userinfo__inner{max-height:368px}.userinfo__inner .housewarming{max-height:132px}form input{width:264px}}:root{--darkPurple:#2e2342;--brightPink:#ff3066;--fadedYellow:#ffb400;--white:#fff;--lightGrey:#9d9d9d;--darkGrey:#2e2e2e;--px4:4px;--px8:8px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-style:normal;--font-weight-bold:bold;--font-weight-normal:normal;--font-letter-space-normal:normal;--font-letter-space-02:0.2px;--title-font-size:24px;--title-line-height:167%;--body-font-size:20px;--body-line-height:150%;--footer-font-size:12px;--footer-line-height:133%;--menu-font-size:16px;--menu-line-height:150%;--button-font-size:16px;--button-line-height:150%;--title:var(--font-style) var(--font-weight-bold) var(--title-font-size)/var(--title-line-height) var(--font-family);--body:var(--font-style) var(--font-weight-normal) var(--body-font-size)/var(--body-line-height) var(--font-family);--footer:var(--font-style) var(--font-weight-normal) var(--footer-font-size)/var(--footer-line-height) var(--font-family);--menu:var(--font-style) var(--font-weight-bold) var(--menu-font-size)/var(--menu-line-height) var(--font-family);--button:var(--font-style) var(--font-weight-bold) var(--button-font-size)/var(--button-line-height) var(--font-family)}@media (max-height:568px){:root{--title-font-size:20px;--title-line-height:150%;--body-font-size:16px;--body-line-height:150%;--button-font-size:12px;--button-line-height:133%}}.display__none{display:none!important}

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}body{overflow:hidden;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*# sourceMappingURL=main.894b6240.chunk.css.map */