@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&display=swap);#root{height:100vh;overflow:hidden}body{-moz-osx-font-smoothing:grayscale;background-color:#16478e;font-family:Cocon Pro,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3{margin:0;text-shadow:1px 1px 2px #00000080}.title-container{background-image:url(/chewbies-eggciting-mystery/static/media/title_background_desktop.ad87d3980a2a8385da1b.jpg);background-position:50%;background-size:cover;flex-direction:row;height:100vh;overflow:hidden;width:100vw}.content-container,.title-container{align-items:center;display:flex;justify-content:center}.content-container{flex-direction:column}.easter-logo{margin-bottom:50px;margin-right:250px;width:68vw}.title-button{align-self:center;bottom:11rem;cursor:pointer;position:absolute;right:5rem;transition:transform .2s ease;width:23vw}.title-button-mobile{display:none}.title-button:hover{transform:scale(1.05) rotate(5deg)}.title-button-mobile:hover{transform:scale(1.05)}@media (max-width:668px){.title-container{background-image:url(/chewbies-eggciting-mystery/static/media/title_background_mobile.2c6d7530c6b4522099ea.jpg)}.content-container{align-items:center;margin-bottom:75px;transform:translateX(0)}.easter-logo{margin:0;width:80%}.title-button{display:none}.title-button-mobile{display:block;position:relative;top:9rem;width:60%}}@media (max-width:458px){.easter-logo{margin:0;width:95%}}.rules-screen{align-items:center;background-image:url(/chewbies-eggciting-mystery/static/media/rules_background_desktop.bfeeb1e711ad8763e197.jpg);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;width:100vw}.rules-button{align-self:center;bottom:3rem;cursor:pointer;display:block;position:absolute;transition:transform .2s ease;width:23rem}.rules-button:hover{transform:scale(1.05)}.rules-eggs{display:block;width:60rem}.rules-eggs-mobile{display:none}@media (max-width:968px){.rules-screen{background-image:url(/chewbies-eggciting-mystery/static/media/rules_background_mobile.9914085a957c6e5fef66.jpg)}.rules-button{bottom:6rem;display:block;position:absolute;width:18rem}.rules-eggs-mobile{bottom:200px;display:block;position:absolute;width:55%}.rules-eggs{display:none}}@media (max-width:718px){.rules-eggs-mobile{bottom:275px;display:block;position:absolute;width:62%}}@media (max-width:418px){.rules-eggs-mobile{bottom:350px;display:block;position:absolute;width:80%}}.game-screen{height:100vh;position:relative;width:100vw}.game-bg{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.game-bg-mobile{display:none}.game-chewbie{bottom:0;display:block;position:absolute;width:15rem}.egg-grid{grid-gap:1rem;grid-column-gap:2.8rem!important;grid-row-gap:5rem;align-items:end;bottom:10%;column-gap:2.8rem!important;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,auto);justify-items:center;left:24%;position:absolute;row-gap:5rem;width:35%;z-index:2}.egg-cell{align-items:flex-end;cursor:pointer;display:flex;justify-content:center;position:relative;width:103px}.egg-icon{position:relative;transition:transform .2s ease;width:100%;z-index:2}.egg-icon:hover{transform:scale(1.05)}.egg-icon.selected-first{animation:jiggle .4s ease;transform:rotate(20deg) translateY(-40px)}.egg-icon.selected-second{animation:jiggleleft .4s ease;transform:rotate(-20deg) translateY(-40px)}.egg-grid .egg-cell:nth-child(11){transform:translateX(45px)}.egg-grid .egg-cell:nth-child(12),.egg-grid .egg-cell:nth-child(13){transform:translateX(40px)}.egg-grid .egg-cell:nth-child(14){transform:translateX(35px)}.egg-grid .egg-cell:nth-child(15){transform:translateX(30px)}@keyframes jiggle{0%{transform:rotate(20deg) translateX(0)}25%{transform:rotate(15deg) translateX(-5px)}50%{transform:rotate(20deg) translateX(5px)}75%{transform:rotate(25deg) translateX(-5px)}to{transform:rotate(20deg) translateX(0)}}@keyframes jiggleleft{0%{transform:rotate(-20deg) translateX(0)}25%{transform:rotate(-15deg) translateX(5px)}50%{transform:rotate(-20deg) translateX(-5px)}75%{transform:rotate(-25deg) translateX(5px)}to{transform:rotate(-20deg) translateX(0)}}.egg-grass{bottom:-6px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:115%;z-index:3}.submit-button:disabled img{cursor:not-allowed;opacity:.5}.submit-desktop{display:block}.submit-mobile{display:none}.submit-button{background-color:initial;border:none;bottom:-4rem;color:#16478e;cursor:pointer;left:2rem;padding:0;position:relative;transition:transform .3s ease;width:12rem}.submit-button img{width:8rem}.submit-button:hover{transform:scale(1.05)}.submit-wrap{display:inline-block;position:relative}.submit-button.ready-to-mix{filter:drop-shadow(0 0 4px rgba(255,255,255,.9)) drop-shadow(0 0 10px rgba(255,255,255,.75)) drop-shadow(0 0 18px rgba(255,255,255,.6))}@media (max-width:868px){.game-bg-mobile{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.game-bg{display:none}.egg-grid{column-gap:0!important;gap:10px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto);left:0;margin:0 auto;position:relative;row-gap:2.8rem;top:30px;width:88vw}.egg-icon.selected-first{animation:jiggle .4s ease;transform:rotate(20deg) translateY(-20px)}.egg-icon.selected-second{animation:jiggleleft .4s ease;transform:rotate(-20deg) translateY(-20px)}.egg-cell{width:70px}.egg-icon{cursor:pointer;flex:1 1;height:auto;max-width:70px}.egg-grid .egg-cell:nth-child(11),.egg-grid .egg-cell:nth-child(12),.egg-grid .egg-cell:nth-child(13),.egg-grid .egg-cell:nth-child(14),.egg-grid .egg-cell:nth-child(15){transform:translateX(0)}.submit-button{cursor:pointer;left:0;margin:0 auto;position:relative;top:750px;width:14rem}.submit-wrap{display:block}.submit-desktop{display:none}.submit-mobile{display:block}.game-chewbie{display:none}}.form-screen{background-image:url(/chewbies-eggciting-mystery/static/media/game_background_desktop.33b7abd542071f2c3678.jpg);background-position:50%;color:#16478e;gap:1.5rem;overflow:hidden;width:100vw}.form-content-container,.form-screen{align-items:center;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center}.form-content-container{background-image:url(/chewbies-eggciting-mystery/static/media/form_desktop.5316cf102ba0fd2d7f28.png);gap:1rem;position:absolute;width:50%;width:50vw}.header-text{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 2.5rem;text-align:center}.form-chewbie{bottom:0;display:block;left:5px;position:absolute;width:15rem}.egg-grid-form{grid-gap:1rem;grid-column-gap:2.8rem!important;grid-row-gap:5rem;align-items:end;bottom:10%;column-gap:2.8rem!important;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,auto);justify-items:center;left:24%;position:absolute;row-gap:5rem;width:35%;z-index:0}.egg-cell-form{align-items:flex-end;cursor:pointer;display:flex;justify-content:center;position:relative;width:103px}.egg-icon-form{position:relative;transition:transform .2s ease;width:100%;z-index:2}.egg-grass-form{bottom:-6px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:115%;z-index:3}@media (max-width:868px){.form-chewbie-wrapper{display:none}.form-screen{background-image:url(/chewbies-eggciting-mystery/static/media/form_background_mobile.2ef82eb009b5bee2d484.jpg);background-position:50%;background-size:cover;color:#16478e;gap:1.5rem;height:100vh;width:100vw}.form-content-container,.form-screen{align-items:center;display:flex;flex-direction:column;justify-content:center}.form-content-container{gap:1rem;position:static;transform:none;width:100%}.egg-grid-form,.form-chewbie{display:none}}.disclaimer-text{font-size:small;padding:0 2.5rem;text-align:center}.form-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem}input{background-color:initial;border:none;border-top:2px solid #fcdc04;color:#16478e;font-size:medium;font-weight:600;padding:.65rem 5rem .65rem 1rem}input.selected{border:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#16478e!important}::placeholder{border:none;color:#16478e99;font-size:medium;opacity:1}.questions-container{border:2px solid #fcdc04;display:flex;flex-direction:column}.sign-up-text{color:#16478e;font-size:medium;font-weight:600;padding:.65rem 1.5rem;text-align:center;text-transform:uppercase}.last-step{width:18rem}.form-submit-button:hover{transform:scale(1.05)}.form-submit-button{background-color:initial;border:none;color:#16478e;padding:0;transition:transform .3s ease;width:12rem}.form-submit-button img{cursor:pointer;width:12rem}.end-screen{background-image:url(/chewbies-eggciting-mystery/static/media/end_background_desktop.ecb8ae24bd75c5676d7c.jpg);background-position:center 80%;background-size:cover;height:100vh;position:relative;width:100vw}.end-screen,.text-container{align-items:center;display:flex;flex-direction:column;justify-content:end}.text-container{bottom:0;padding:0 16px 2rem;position:absolute;text-align:center;z-index:100}.end-logo-mobile{display:none}.end-logo{bottom:100px;right:-82px;width:37rem}.end-logo,.end-text{display:block;position:absolute}.end-text{bottom:300px;left:134px;width:18rem}.learn-button{bottom:200px;left:150px;position:absolute;width:16rem}@media (max-width:800px){.end-screen{background-image:url(/chewbies-eggciting-mystery/static/media/end_background_mobile.727f9bd85922118d4dff.jpg);background-position:50%}.text-container{bottom:10%}.end-logo-mobile{bottom:7rem;display:block;position:absolute;width:22rem}.end-logo,.end-text{display:none}.learn-button{position:static;width:13rem}}
/*# sourceMappingURL=main.55098dc6.css.map*/