body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Assistant,serif;margin:0}#root,body{height:100%;width:100%}h1{font-family:BeautifulPeople,serif;font-size:3.5rem;letter-spacing:6px}h1,h2{margin:0}h2{letter-spacing:2px}p{font-size:1.1rem;letter-spacing:1px;line-height:1.4rem}@font-face{font-family:BeautifulPeople;src:url(/static/media/beautiful_people.17efd45acf38dcea2253.ttf) format("truetype")}@font-face{font-family:Tallys;src:url(/static/media/tallys.dc9d1927ce04e24baaf1.otf) format("opentype")}:root{--general-width:520px;--general-border-radius:14px}.suspense-container{background-color:#f0f0f0}.container[data-isnight=true]{animation:fadeInAnimation 2s ease;background:url(/static/media/kerri-shaver-xepikEyPgmI-unsplash.0f1735e4c52bf9fe9bb2.webp) no-repeat 50% fixed;background-size:cover}.container[data-isnight=false]{animation:fadeInAnimation 2s ease;background:url(/static/media/sean-oulashin-KMn4VEeEPR8-unsplash.7281ac7efda5044b8d18.webp) no-repeat 50% fixed;background-size:cover}.block-container{padding:8rem 0 0}.block-container-small{padding:5rem 0 0}.tree{border-radius:14px;border-radius:var(--general-border-radius);box-shadow:0 6px 25px 0 #0003;filter:brightness(70%);max-width:520px;max-width:var(--general-width);width:100%}.image-container{position:relative;text-align:center}.item-container{display:flex;justify-content:center}.title-container{bottom:0;left:0;position:absolute;right:0}.title-header{color:#b5756f;font-family:Tallys,serif;font-size:2rem;font-style:italic}.title-names-header{-webkit-text-fill-color:#0000;background:#ecd38b;background:linear-gradient(to bottom left,#ecd38b,#d0a456 20%,#ecd38b 50%,#d0a456 80%);-webkit-background-clip:text;color:#d0a456;font-family:Tallys,serif;font-size:3rem;text-transform:uppercase}.title-tree{text-align:center}.subtitle-tree,.title-tree{color:#fff;text-shadow:2px 2px 4px #00000080}.subtitle-tree{letter-spacing:1px}.title-names-tree{color:#fff;font-family:BeautifulPeople,serif;font-size:1.5rem;letter-spacing:4px;margin:1rem 0;text-shadow:2px 2px 4px #00000080}.error-message{margin-bottom:3rem;text-shadow:1px 1px 6px #000000b3;width:100%}.card-content[data-isnight=false],.error-message{color:#fff;max-width:520px;max-width:var(--general-width);text-align:center}.card-content[data-isnight=false]{padding:2rem;text-shadow:3px 3px 6px #000000b3;width:70%}.card-content[data-isnight=true]{color:#b5756f;max-width:520px;max-width:var(--general-width);padding:2rem;text-align:center;width:70%}.confirmation{margin:1rem 0 8rem}.card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#b5756f14;border-radius:14px;border-radius:var(--general-border-radius);box-shadow:0 2px 8px 0 #00000026;box-sizing:border-box;max-width:520px;max-width:var(--general-width);width:100%}form{margin:1rem 0 8rem}.form-description{margin-bottom:2rem;text-align:start}.input-field{border-bottom:2px solid #b5756f8c;margin:24px 0;position:relative}.input-field label{color:#b5756f;font-size:16px;font-weight:700;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:.15s ease}.input-field input{background:#0000;border:none;color:#fff;font-size:16px;height:40px;outline:none;width:100%}.input-field input:focus~label,.input-field input:user-invalid~label,.input-field input:valid~label{font-size:1rem;top:10px;transform:translateY(-120%)}.input-field textarea{background:#0000;border:none;color:#fff;font-size:16px;height:60px;letter-spacing:-1px;margin-top:10px;max-width:100%;min-height:60px;min-width:100%;outline:none;width:100%}.input-field textarea:focus~label,.input-field textarea:user-valid~label{font-size:1rem;top:10px;transform:translateY(-120%)}.input-field textarea::-webkit-scrollbar{display:none}.radio-group{display:flex;flex-direction:row;justify-content:center;margin-bottom:8px;width:100%}.radio-group>:nth-child(2){margin:0 12px}.radio{align-items:center;color:#ccc;cursor:pointer;display:flex;width:100%}.radio input[type=radio]{display:none}.radio-custom{align-items:center;border-radius:14px;border-radius:var(--general-border-radius);box-shadow:0 3px 5px 3px #0000001a;color:#fff;display:flex;font-weight:700;height:48px;justify-content:center;position:relative;transition:all .2s ease-out;-webkit-user-select:none;user-select:none;width:100%}.radio input[type=radio]:checked+.radio-custom{background-color:#b5756f;box-shadow:inset 0 5px 10px 4px #0000004d}.radio:hover .radio-custom{box-shadow:inset 0 8px 8px 0 #0000004d}.radio-validation{color:#e37d7d;font-weight:700}.button-custom{align-items:center;background-color:initial;border:none;border-radius:14px;border-radius:var(--general-border-radius);box-shadow:0 3px 5px 3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:48px;justify-content:center;position:relative;transition:background-color 1.5s ease-in-out;width:100%}.button-custom:hover{box-shadow:inset 0 8px 8px 0 #0000004d}.button-custom:active,.button-custom:focus{background-color:#b5756f;box-shadow:inset 0 5px 10px 4px #0000004d;transition:none}.spinner{animation:rotate 1s linear infinite;border-radius:50%;height:48px;position:relative;width:48px}.spinner:before{animation:prixClipFix 2s linear infinite;border:5px solid #fff;border-radius:50%;box-sizing:border-box;content:"";inset:0;position:absolute}@media (max-width:394px){.title-tree{font-size:3rem}.subtitle-tree{font-size:1rem}.title-header,.title-names-tree{font-size:1.4rem}.title-names-header{font-size:2.5rem}}@media (max-width:440px){.title-tree{font-size:2.3rem}}@media (max-width:520px){.card,.tree{border-radius:0}.card-content[data-isnight=false],.card-content[data-isnight=true]{width:100%}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes show{to{opacity:1}}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes prixClipFix{0%{-webkit-clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}
/*# sourceMappingURL=main.ec4773b8.css.map*/