@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap);:root{--background:#000;--main-text:#fff;--highlight:#ccff02;--validations:#ff0075;--placeholders:#d2d0d0;--bg:#e3e4e8;--fg:#17181c;--transDur:0.1s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-color:var(--background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text{font-family:Helvetica Neue}input,select{cursor:pointer}.container{align-self:center;justify-self:center;margin-bottom:30px;margin-top:30px}.card,.container{align-items:center;display:flex;justify-content:center;z-index:0}.card{-webkit-overflow-scrolling:touch;align-content:space-between;border-radius:12px;box-shadow:0 0 10px #ccff02;box-shadow:0 0 10px var(--highlight);box-sizing:border-box;color:#fff;color:var(--main-text);flex-direction:column;font-weight:500;height:calc(100vh - 60px);height:calc(100vh - 60px - env(safe-area-inset-bottom));overflow-y:auto;padding:0 16px;width:90vw}.interaction{transition:transform .2s ease-in}.interaction:hover{cursor:pointer;transform:scale(1.1)}.gentle-interaction{transition:transform .1s ease}.gentle-interaction:hover{cursor:pointer;transform:scale(1.05)}.questions-main-heading{font-size:16px;line-height:24px;margin-bottom:20px;margin-top:10px}.instructions,.questions-main-heading{align-items:center;justify-content:left}.instructions{font-size:14px;line-height:20px}.highlight{color:#ccff02;color:var(--highlight)}.validations{color:#ff0075;color:var(--validations);font-family:Helvetica,sans-serif;font-size:14px;font-weight:lighter}::placeholder{color:#d2d0d0;color:var(--placeholders)}@media (min-width:768px){.questions-main-heading{font-size:26px;line-height:36px;margin-bottom:30px;margin-top:20px}.instructions{align-items:center;font-size:20px;justify-content:left;line-height:20px}.validations{font-size:16px}}.welcome{background-image:url(/static/media/headphones.4de01f7a8ff65f4c4601.jpg);background-position:50%;background-size:cover;opacity:.9}.give-btn{background:var(--background);border-radius:4px;box-shadow:0 0 8px var(--main-text);box-shadow:0 0 8px var(--highlight);color:var(--main-text);font-size:12px;font-weight:400;height:36px;letter-spacing:1px;margin-top:20px;padding:0;text-transform:uppercase;transition:all .2s ease-in-out;width:180px}.give-btn,.give-btn:hover{border:1px solid var(--highlight)}.give-btn:hover{box-shadow:0 3px 38px var(--main-text)}.welcome-header-container{display:flex;flex-direction:row}.welcome-header{display:inline-flex;margin-top:10px}.greetings{margin-bottom:10px;margin-top:5px}@media (min-width:768px){.welcome{background-image:url(/static/media/headphones.4de01f7a8ff65f4c4601.jpg)}.give-btn{font-size:20px;height:50px;margin-top:50px;width:240px}.welcome-header{font-size:66px}.greetings{font-size:28px;margin-bottom:26px}}.btn{background-color:var(--background);border:1px solid var(--highlight);border-radius:4px;color:var(--main-text);font-size:12px;font-weight:700;height:36px;letter-spacing:1px;padding:0;text-transform:uppercase;width:150px}.button-wrapper{margin-top:26px}.progress-bar{color:var(--highlight);font-family:Helvetica,sans-serif;font-size:14px;font-weight:lighter;margin-bottom:20px;margin-top:0}.current-step{display:flex;flex-wrap:wrap;margin-bottom:20px;padding:0}@media (min-width:768px){.progress-bar{font-size:22px;margin-top:0}.btn{font-size:18px;height:50px;width:240px}.current-step,.progress-bar{margin-bottom:30px}.button-wrapper{margin-top:36px}}.eight-wrapper{margin:0;padding:0}.eight{margin-top:0}.checkbox{font-size:12px}.other-input{margin-bottom:-8px;margin-top:10px}.slider-parent{position:relative}.bubble{color:var(--main-text);display:block;font-size:16px;font-weight:400;position:absolute;text-align:center}.range{-webkit-appearance:none;background:#302f2f;border:2px solid var(--highlight);border-radius:15px;box-shadow:inset 0 0 5px #000;height:15px;outline:none;overflow:hidden;width:270px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--highlight);border:4px solid #333;border-radius:50%;box-shadow:-407px 0 0 400px var(--highlight);cursor:pointer;height:15px;width:15px}@media (min-width:768px){.bubble{font-size:18px;font-size:22px;font-weight:600}.range{height:22px;width:480px}.range::-webkit-slider-thumb{box-shadow:-410px 0 0 400px var(--highlight);height:22px;width:22px}}.buttons-wrapper{display:flex;flex-direction:row}.radio-input{color:var(--fg);font:1em/1.5 Helvetica,sans-serif;margin-top:10px}.label,.radio-container{width:270px}.radio-container{display:flex;flex-direction:column}.label{-webkit-tap-highlight-color:transparent;display:block;text-align:center}.label:first-child input{border-radius:.5em 0 0 .5em;box-shadow:inset .1em 0 0 #2726267f,inset -.1em 0 0 #27262600,inset 0 .1em 0 #afa490,0 -.1em 0 #ffffff3f,0 .2em .5em #0000007f,inset 0 -.1em 0 #926086,inset -.1em -.2em 0 #ffffff7f,inset .2em 0 0 #ffffff7f}.label:last-child input{border-radius:0 .5em .5em 0;box-shadow:inset 0 -.1em 0 #926086,inset .1em 0 0 #2726267f,inset -.1em 0 0 #2726267f,inset 0 .1em 0 #afa490,inset -.1em 0 0 #afa490,0 -.1em 0 #ffffff3f,0 .2em .5em #0000007f,inset -.1em -.1em 0 .1em #ffffff7f}.label:first-child input:checked{box-shadow:inset .1em 0 0 #ccff02,inset -.1em 0 0 #272626,inset 0 .1em 0 #847a62,0 -.1em 0 #ffffff3f,0 .1em 0 #ffffff7f,inset 0 -.1em 0 #ccff02,inset -.1em -.2em 0 #ffffff7f,inset .2em 0 0 #ffffff7f}.label:last-child input:checked{box-shadow:inset .1em 0 0 #ccff02,inset -.1em 0 0 #272626,inset 0 -.1em 0 #ccff02,inset 0 .1em 0 #847a62,inset -.1em 0 0 #847a62,0 -.1em 0 #ffffff3f,0 .1em 0 #ffffff7f,inset -.1em -.1em 0 .1em #ffffff7f}.radio-input{appearance:none;background-image:linear-gradient(#fff 33%,#414751 58%,#837b52,#c5baa1,#c3adaa);border-radius:0;box-shadow:inset .1em 0 0 #2726267f,inset -.1em 0 0 #27262600,inset 0 .1em 0 #afa490,0 -.1em 0 #ffffff3f,0 .2em .5em #0000007f,inset 0 -.1em 0 #926086,inset -.1em -.2em 0 #ffffff7f;cursor:pointer;display:block;height:1em;margin-bottom:.5em;transition:box-shadow var(--transDur) ease-in-out;width:100%}.radio-input:checked{background-image:linear-gradient(#fff 33%,#414751 58%,#827a7b,#c0b6ac,#c3adaa);box-shadow:inset .1em 0 0 #ccff02,inset -.1em 0 0 #272626,inset 0 .1em 0 #847a62,0 -.1em 0 #ffffff3f,0 .1em 0 #ffffff7f,inset 0 -.1em 0 #ccff02,inset -.1em -.2em 0 #ffffff7f}.radio-input:checked+span{opacity:1}.radio-input:focus{outline:#0000}.radio-input+span{opacity:.65;transition:opacity var(--transDur) ease-in-out}.extra-space{width:310px}.instruction-wrapper{line-height:30px;margin-bottom:20px;margin-left:auto;margin-top:20px}@media (min-width:768px){.label,.radio-container{width:500px}.extra-space{width:600px}.radio-input{height:1.3em;margin-top:20px}.instruction-wrapper{line-height:46px;margin-bottom:40px;margin-left:auto;margin-top:40px}}.select-container{display:flex;flex-direction:column;width:270px}.custom-input,.dropdown{background-color:var(--main-text);background:none;border:2px solid var(--highlight);border-radius:4px;color:var(--placeholders);display:inline-block;font-size:16px;height:30px;opacity:.8;outline:none;position:relative;text-align:left;transition:all .5s ease;width:270px}.custom-input{padding-left:4px}.custom-input:hover,.dropdown:hover{background-color:var(--highlight);border:2px solid var(--highlight);box-shadow:0 0 5px var(--highlight);color:var(--background);opacity:1}.custom-input:hover::placeholder{color:var(--background)}.custom-input:focus,.dropdown:focus{background:none;border:2px solid var(--highlight);color:var(--main-text);opacity:1}.client-details-wrapper{margin-bottom:14px}@media (min-width:768px){.select-container{width:480px}.custom-input,.dropdown{font-size:18px;height:40px;width:480px}.client-details-wrapper{margin-bottom:20px}}.form-group{display:block;margin-bottom:15px}.form-group input{cursor:pointer;display:none;height:auto;margin-bottom:0;padding:0;width:auto}.form-group label{position:relative}.form-group label:before{-webkit-appearance:none;background-color:initial;border:1px solid var(--main-text);box-shadow:0 1px 2px #2b2b2b4a,inset 0 -15px 10px -12px rgba(85,85,85,.338);content:"";cursor:pointer;display:inline-block;margin-right:5px;padding:10px;position:relative;vertical-align:middle}.form-group input:checked+label:after{border-width:1px;border-bottom:2px solid var(--highlight);border-left:0 solid var(--highlight);border-right:2px solid var(--highlight);border-top:0 solid var(--highlight);box-shadow:none;content:"";display:block;height:10px;left:8px;position:absolute;top:3px;transform:rotate(45deg);width:5px}.form-group input:checked+label:before{border:1px solid var(--highlight)}@media (min-width:768px){.form-group input:checked+label:after{top:5px}}.main-wrapper{margin:0}.confetti-wrapper,.main-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh}.confetti-wrapper{z-index:0}.summary{align-self:center;background-color:var(--background);color:var(--main-text);display:flex;flex-direction:column;justify-self:center;max-height:calc(100vh - 40px);overflow-y:auto}.center,.thankyou-wrapper{text-align:center}.tick-img{fill:var(--highlight);height:8px;width:8px}.general-tick-color{color:var(--main-text)}@media (min-width:768px){.tick-img{height:12px;width:12px}}
/*# sourceMappingURL=main.bb5ba518.css.map*/