body>#root>div{width:100vw;height:100vh}body{font-family:"sofia-pro",sans-serif;padding:0;margin:0;background-color:transparent;touch-action:none}.theme-1{background-color:#1f2430;background-image:url(/static/media/background-1.9442fe98.png)}.theme-1 h1{color:#fde254}.theme-1 h2{color:#5187c2}.theme-1 .text-field{color:#fff;border-color:#fff}.theme-1 .text-field::-webkit-input-placeholder{color:#fff}.theme-1 .text-field:-ms-input-placeholder{color:#fff}.theme-1 .text-field::placeholder{color:#fff}.theme-1 .checkbox-label-text{color:#fff}.theme-1 .button{color:#1f2430;background-color:#5187c2}.theme-1 .checkbox{--border:#fff;--tick:#1f2430}.theme-1 #reload-icon,.theme-1 #theme-icon{fill:#5187c2}.theme-1 #loading-indicator>span{border-color:#5187c2}.theme-1 .logo{fill:#5187c2}.theme-1 #error-message{color:#ff4d4f}.theme-2{background-color:#352517;background-image:url(/static/media/background-2.30ce3de6.png)}.theme-2 h1{color:#fbba62}.theme-2 h2{color:#f36032}.theme-2 .text-field{color:#fbba62;border-color:#fbba62}.theme-2 .text-field::-webkit-input-placeholder{color:#fbba62}.theme-2 .text-field:-ms-input-placeholder{color:#fbba62}.theme-2 .text-field::placeholder{color:#fbba62}.theme-2 .checkbox-label-text{color:#fbba62}.theme-2 .button{color:#352517;background-color:#fbba62}.theme-2 .checkbox{--border:#fbba62;--tick:#1f2430}.theme-2 #reload-icon,.theme-2 #theme-icon{fill:#fbba62}.theme-2 #loading-indicator>span{border-color:#fbba62}.theme-2 .logo{fill:#f36032}.theme-2 #error-message{color:#ff4d4f}.theme-3{background-color:#fdfcfd;background-image:url(/static/media/background-3.621937fe.png)}.theme-3 h1{color:#2e5c9f}.theme-3 h2{color:#231f20}.theme-3 .text-field{color:#231f20;border-color:#231f20}.theme-3 .text-field::-webkit-input-placeholder{color:#231f20}.theme-3 .text-field:-ms-input-placeholder{color:#231f20}.theme-3 .text-field::placeholder{color:#231f20}.theme-3 .checkbox-label-text{color:#231f20}.theme-3 .button{color:#fdfcfd;background-color:#2e5c9f}.theme-3 .checkbox{--border:#2e5c9f;--tick:#fdfcfd}.theme-3 #reload-icon,.theme-3 #theme-icon{fill:#231f20}.theme-3 #loading-indicator>span{border-color:#2e5c9f}.theme-3 .logo{fill:#231f20}.theme-3 #error-message{color:#ff4d4f}.theme-4{background-color:#db0631;background-image:url(/static/media/background-4.6b7726b0.png)}.theme-4 h1{color:#fcdc00}.theme-4 h2{color:#fff}.theme-4 .text-field{color:#fff;border-color:#fff}.theme-4 .text-field::-webkit-input-placeholder{color:#fff}.theme-4 .text-field:-ms-input-placeholder{color:#fff}.theme-4 .text-field::placeholder{color:#fff}.theme-4 .checkbox-label-text{color:#fff}.theme-4 .button{color:#db0631;background-color:#fff}.theme-4 .checkbox{--border:#fff;--tick:#db0631}.theme-4 #reload-icon,.theme-4 #theme-icon{fill:#fff}.theme-4 #loading-indicator>span{border-color:#fff}.theme-4 .logo{fill:#20145f}.theme-4 #error-message{color:#fcdc00}#main-container{display:flex;flex-direction:column;justify-content:center;padding:20px 80px;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;position:relative;transition:all .3s ease-in-out}.transition-content{position:absolute;width:550px}#sign-up-transition{z-index:0;transition:opacity .3s ease-in-out}#thank-you-transition{z-index:1}.fade{transition:opacity .3s ease-in-out}.no-transition{transition:none}.visible{opacity:1;pointer-events:auto}.hidden{opacity:0;pointer-events:none}#theme-switcher-overlay{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:flex-end;pointer-events:none}#theme-switcher-button{background-color:transparent;width:70px;height:70px;position:relative;border:0;outline:none;padding:20px;pointer-events:auto;cursor:pointer;transition:opacity .3s ease-in-out;opacity:.2}#theme-switcher-button:hover{opacity:1}#theme-switcher-button:active{opacity:.4}#theme-icon{fill:#fff;width:100%;height:100%}h1{font-size:92px;font-weight:900;margin:0 0 15px}h1,h2{text-transform:uppercase;white-space:nowrap;transition:color .3s ease-in-out}h2{font-size:26px;font-weight:700;margin:0 0 20px}.form{margin-top:30px;width:100%}#text-fields-container{display:flex;flex-direction:row;width:500px}#first-name-field{margin-right:15px}#last-name-field{margin-left:15px}.button{padding:12px 40px 17px;font-size:22px;line-height:30px;font-family:inherit;font-weight:300;border-radius:2.5rem;align-self:flex-start;cursor:pointer;border:none;outline:none;transition:all .3s ease-in-out}.button:focus{box-shadow:0 0 1rem rgb(0 0 0)}.button:disabled{cursor:pointer;opacity:.25}#beer-preferences-title{margin-top:20px}#beer-preference-options{margin-bottom:20px;display:flex;flex-direction:row;flex-wrap:wrap;max-width:100%}#submit-button-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 0 2.4rem}#submit-button{margin-right:20px}#submit-button-message-container{height:50px;position:relative;white-space:nowrap;display:flex;align-items:center}#loading-indicator>span{border-bottom-color:transparent!important}#loading-indicator{z-index:0}#error-message,#loading-indicator{position:absolute;transition:opacity .3s ease-in-out}#error-message{z-index:1;font-size:20px;padding-bottom:4px}.checkbox-input{margin-right:10px}.checkbox-label{font-weight:300;display:flex;flex-direction:row;align-items:center;white-space:nowrap;cursor:pointer;margin-bottom:20px;margin-right:30px}.checkbox-label-text{padding-bottom:2px;box-sizing:border-box;margin-left:10px;font-size:20px}.checkbox{position:relative}.checkbox input,.checkbox svg{width:24px;height:24px;display:block}.checkbox input{-webkit-appearance:none;-moz-appearance:none;position:relative;outline:none;background:transparent;border:none;margin:0;padding:0;cursor:pointer;border-radius:4px;transition:box-shadow .3s;box-shadow:inset 0 0 0 2px var(--border);box-shadow:inset 0 0 0 var(--s,2px) var(--b,var(--border))}.checkbox input:hover{--s:3px}.checkbox svg{pointer-events:none;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke:var(--border);stroke:var(--stroke,var(--border));position:absolute;top:4px;left:0;width:24px;height:24px;transform:scale(1) translateZ(0);transform:scale(var(--scale,1)) translateZ(0)}.checkbox.path input:checked{--s:2px;transition-delay:.4s}.checkbox.path input:checked+svg{--a:16.1 86.12;--o:102.22}.checkbox.path svg{stroke-dasharray:86.12;stroke-dasharray:var(--a,86.12);stroke-dashoffset:86.12;stroke-dashoffset:var(--o,86.12);transition:stroke-dasharray .6s,stroke-dashoffset .6s}.checkbox.bounce{--stroke:var(--tick)}.checkbox.bounce input:checked{--s:14px}.checkbox.bounce input:checked+svg{animation:bounce .4s linear .2s forwards}.checkbox.bounce svg{--scale:0}@keyframes bounce{50%{transform:scale(1.2)}75%{transform:scale(.9)}to{transform:scale(1)}}.text-field{margin:0 0 20px;padding:.6rem .4rem;border:0;border-bottom:2px solid;border-radius:0;outline:0;background-color:transparent;resize:vertical;font-size:20px;line-height:32px;font-family:inherit;font-weight:300;width:100%}#reload-overlay{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:flex-start;align-items:flex-end;pointer-events:none}#reload-button{background-color:transparent;width:70px;height:70px;position:relative;border:0;outline:none;padding:20px;pointer-events:auto;cursor:pointer;transition:opacity .3s ease-in-out;opacity:.2}#reload-button:hover{opacity:1}#reload-button:active{opacity:.4}#reload-icon{fill:#fff;width:100%;height:100%}#thank-you-container{display:flex;flex-direction:column;justify-content:center;align-items:center}#logo-container{height:80px;margin-top:40px}
/*# sourceMappingURL=main.d5f31a28.chunk.css.map */