*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;overflow-x:hidden}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}main{height:22.1875rem;background-color:#242327;max-width:26.25rem;border-radius:.4375rem;padding:2rem 3.125rem;box-shadow:0 10px 30px #00000026;transition:height .2s ease}main .form{margin:1.25rem 0 1.875rem}main .qr-code{opacity:0;display:flex;padding:2.0625rem 0;border-radius:.3125rem;align-items:center;pointer-events:none;justify-content:center;border:0}main .qr-code img{box-shadow:0 10px 30px #00000026}header h1{color:#fff;font-size:1.3125rem;font-weight:500}header p{color:#fff;margin-top:.3125rem;font-size:1rem}main.active{height:48.4375rem}main.active .qr-code{opacity:1;pointer-events:auto;transition:opacity .5s .05s ease}main.active .download{opacity:1;pointer-events:auto;transition:opacity .5s .05s ease}.form input,button{width:100%;height:3.4375rem;border:none;outline:none;border-radius:.3125rem}.form input{background-color:var(--gray);font-size:1.125rem;padding:0 1.0625rem;border:.0625rem solid var(--light-gray);color:#fff}.form button{color:#fff;cursor:pointer;margin-top:1.25rem;font-size:1.0625rem;background-color:var(--green);transition:.5s}.form button:hover{background-color:var(--dark-green)}.download{opacity:0;pointer-events:none}.download p{font-size:1.125rem;margin-top:1.25rem;margin-bottom:0;color:#fff;text-transform:uppercase;letter-spacing:.0625rem;text-align:center;font-weight:500}@media (min-width: 71.875em){.download p{font-size:1.25rem}}.download .buttons{display:flex}.download .buttons a{display:flex;align-items:center;justify-content:center;font-weight:400;width:100%;height:3.4375rem;border:none;outline:none;border-radius:.3125rem;margin:1.25rem .9375rem 0;color:#fff;cursor:pointer;font-size:1.0625rem;background-color:#00a984;transition:.5s;text-decoration:none;font-size:1rem}@media (min-width: 71.875em){.download .buttons a{font-size:1.125rem}}.download .buttons a:hover{background-color:#00755c}.colors-input{display:flex;margin-top:1.25rem;justify-content:space-between}.colors-input input{max-width:9.375rem}:root{--gray: hsl(252, 3%, 32%);--light-gray: hsl(0, 0%, 60%);--black: hsl(255, 6%, 12%);--green: hsl(167, 100%, 33%);--dark-green: hsl(167, 100%, 23%)}:root{--font-body: "Ubuntu", sans-serif}.container{padding:0 1.5rem;max-width:69.375rem;margin:0 auto}@media (min-width: 71.875em){.container{padding:0;transform:translate(0)}}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--black);font-family:var(--font-body)}