.form .loader{align-items:center;background-color:#000c36cc;background-image:url("data:image/svg+xml,%3csvg%20width='200px'%20height='200px'%20viewBox='0%200%20100%20100'%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='xMidYMid'%3e%3ccircle%20cx='50'%20cy='50'%20fill='none'%20stroke='%2351E08A'%20stroke-width='5'%20r='40'%20stroke-dasharray='164.93361431346415%2056.97787143782138'%3e%3canimateTransform%20attributeName='transform'%20type='rotate'%20repeatCount='indefinite'%20dur='1s'%20keyTimes='0;1'%20values='0%2050%2050;360%2050%2050'%3e%3c/animateTransform%3e%3c/circle%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:80%;display:none;inset:0;justify-content:center;position:absolute}*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%}html,body{background-color:#000c36;color:#fff;font-family:Roboto Slab,sans-serif;font-optical-sizing:auto;margin:0;padding:0}body{font-size:1.6rem;font-style:normal;font-weight:400;line-height:1.5}.app-container{align-items:center;display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:400px;min-height:100dvh;padding:3rem}header,main{width:100%}figure{margin:0}img{display:block;margin:0 auto;max-width:100%}main{display:flex;flex:1;flex-direction:column}h1{font-family:Carter One,sans-serif;font-size:4.5rem;line-height:1.5;margin:0;text-align:center}h2{font-size:3rem;line-height:1.25;margin-bottom:2rem;margin-top:0;text-align:center}h2 span{color:#3b4877}p{font-size:1.8rem;margin:0}.form{display:flex;flex:1;flex-direction:column;gap:3rem;position:relative}.form .loader{align-items:center;background-color:#000c36cc;background-image:url("data:image/svg+xml,%3csvg%20width='200px'%20height='200px'%20viewBox='0%200%20100%20100'%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='xMidYMid'%3e%3ccircle%20cx='50'%20cy='50'%20fill='none'%20stroke='%2351E08A'%20stroke-width='5'%20r='40'%20stroke-dasharray='164.93361431346415%2056.97787143782138'%3e%3canimateTransform%20attributeName='transform'%20type='rotate'%20repeatCount='indefinite'%20dur='1s'%20keyTimes='0;1'%20values='0%2050%2050;360%2050%2050'%3e%3c/animateTransform%3e%3c/circle%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:80%;display:none;inset:0;justify-content:center;position:absolute}.form .loader:after{content:"Popcorn popping..."}.form .loader.loading{display:flex}.form fieldset{border:none;margin:0;padding:0}.form legend{display:block;margin-bottom:1rem;padding:0}.form label,.form input,.form textarea{display:block}.form label{margin-bottom:1rem}.form input,.form textarea{background-color:#3b4877;border:none;border-radius:.5rem;color:inherit;font-family:inherit;font-size:inherit;font-weight:300;padding:1rem;width:100%}.form input{text-align:center}.form textarea{resize:none}.form ::placeholder{color:#000c36}button{background-color:#51e08a;border:none;border-radius:.5rem;color:#000c36;font-family:inherit;font-size:3rem;font-weight:700;line-height:1;margin-top:auto;padding:2rem;transition:background-color .3s ease;width:100%}button[disabled]{opacity:.5;pointer-events:none}button:hover{background-color:#26d86d;cursor:pointer;transition:background-color .3s ease}.form-options{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.form-options input[type=radio],.form-options input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.form-options label{background-color:#3b4877;border-radius:.5rem;color:#fff;font-size:1.4rem;line-height:3rem;margin:0;padding:0 1rem}.form-options input[type=radio]:checked+label,.form-options input[type=checkbox]:checked+label{background-color:#51e08a;color:#000c36}.form-group .form-row{display:flex;gap:1rem}.results-container{display:flex;flex-direction:column}.results-container figure{display:flex;flex:1;flex-direction:column;gap:1rem}.results-container figure *{margin:0}.results-container img{border-radius:.5rem}.spinner{flex:1;position:relative}.spinner.spinner-right input{padding-right:2rem;text-align:right}.spinner label{color:#000c36;height:0;inset:.5rem;margin-bottom:0;position:absolute;width:0}.spinner input{font-size:3rem;line-height:1}.spinner-container{display:flex;gap:1rem}.spinner-buttons{display:flex;flex-direction:column;gap:1rem}.spinner-buttons button{background-color:#3b4877;color:#fff;font-weight:400;padding:0 1rem;width:5rem}.spinner-buttons button:hover{background-color:#333e66}