.quiz-container{width:100%;height:100%;overflow:hidden;z-index:9;display:flex;align-items:center;justify-content:center;position:relative}.container{display:flex;width:100%;max-width:1600px;flex-direction:column;align-items:center;justify-content:center}.row{display:flex;width:100%}.column{display:flex;width:100%;flex:1;flex-direction:column;align-items:center;justify-content:center}.form-group{position:relative}.form-group .input-container{position:relative;width:707.85px;height:91.15px;background:linear-gradient(94.51deg,#ffffff29 -24.59%,#fff0 99.76%);border:1px solid rgba(255,255,255,.84);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group .input-container:hover:not(.error){border-color:#fff;background:linear-gradient(94.51deg,#fff3 -24.59%,#ffffff0d 99.76%);transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.form-group .input-container:focus-within{border-color:#fff;background:linear-gradient(94.51deg,#ffffff40 -24.59%,#ffffff1a 99.76%);box-shadow:0 0 20px #ffffff1a}.form-group .input-container.error{border-color:#f44;background:linear-gradient(94.51deg,#f443 -24.59%,#ff44440d 99.76%);animation:shake .5s ease-in-out}.form-group .input-container.error input,.form-group .input-container.error label{color:#f66}.form-group .input-container.filled{border-color:#b7ffb7d6;background:linear-gradient(94.51deg,#b7ffb729 -24.59%,#b7ffb70d 99.76%)}.form-group .input-container.filled input{color:#b7ffb7}.form-group .input-container input{position:absolute;width:100%;height:100%;left:0;top:0;background:transparent;border:none;outline:none;padding:32px 26px 22px;font-family:var(--second-family);font-weight:400;font-size:20.6667px;line-height:31px;color:var(--text-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group .input-container input::placeholder{color:#fff}.form-group .input-container input:focus::placeholder{color:transparent}.form-group .input-container input:focus+label,.form-group .input-container input:valid+label,.form-group .input-container input:not(:placeholder-shown)+label{opacity:0;transform:translateY(-32px) scale(.85);font-size:14px}.form-group .input-container input[type=date]+label,.form-group .input-container input[type=time]+label{display:none}.form-group .input-container input[type=date]{cursor:pointer}.form-group .input-container input[type=date]::-webkit-calendar-picker-indicator{background:transparent;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto;filter:invert(1)}.form-group .input-container input[type=date]::-webkit-datetime-edit{color:var(--text-color)}.form-group .input-container input[type=date]::-webkit-datetime-edit-fields-wrapper{color:var(--text-color)}.form-group .input-container input[type=date]::-webkit-datetime-edit-text{color:var(--text-color)}.form-group .input-container input[type=date]::-webkit-datetime-edit-month-field,.form-group .input-container input[type=date]::-webkit-datetime-edit-day-field,.form-group .input-container input[type=date]::-webkit-datetime-edit-year-field{color:var(--text-color)}.form-group .input-container input[type=time]{cursor:pointer}.form-group .input-container input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1)}.form-group .input-container input[type=time]::-webkit-datetime-edit{color:var(--text-color)}.form-group .input-container input[type=time]::-webkit-datetime-edit-fields-wrapper{color:var(--text-color)}.form-group .input-container input[type=time]::-webkit-datetime-edit-text{color:var(--text-color)}.form-group .input-container input[type=time]::-webkit-datetime-edit-hour-field,.form-group .input-container input[type=time]::-webkit-datetime-edit-minute-field,.form-group .input-container input[type=time]::-webkit-datetime-edit-ampm-field{color:var(--text-color)}.form-group .input-container label{position:absolute;left:26px;top:50%;transform:translateY(-50%);font-weight:400;font-size:20.6667px;line-height:31px;color:var(--text-white);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.7;transform-origin:left top}.find-button{position:absolute;width:304px;height:64px;left:calc(50% - 152px + min(587px,25vw));top:895px;background:linear-gradient(94.51deg,var(--button-bg) -24.59%,var(--button-bg) 99.76%);border:1px solid var(--button-bg);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0 15px;min-width:250px;overflow:hidden;max-width:calc(100vw - 40px);right:20px}.find-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fcf8eb4d}.find-button:hover svg{transform:translate(3px)}.find-button.loading{opacity:.6;cursor:not-allowed}.find-button.loading span{animation:pulse 1.5s infinite}.find-button span{font-family:var(--font-family);font-weight:700;font-size:30px;line-height:64px;text-align:center;text-transform:lowercase;color:var(--button-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.find-button .divider{width:40px;height:0px;border:2px solid var(--button-text);margin:0 5px;flex-shrink:0}.find-button svg{transition:transform .3s ease}.find-button-bottom-right{position:fixed;bottom:80px;right:80px;width:304px;height:64px;background:#fff;border:2px solid #ffffff;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0 15px;box-shadow:0 4px 12px #0000001a;outline:none;z-index:1002;min-width:200px;overflow:hidden}.suggestions{position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:1002;border:none!important;border-radius:5px;padding:10px;max-height:200px;overflow-y:auto}.suggestions li{list-style:none;padding:10px;cursor:pointer}.suggestions li:hover{background:#f0f0f0}.suggestions li:active{background:#e0e0e0}.find-button-bottom-right:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background:#f8f8f8}.find-button-bottom-right:hover svg{transform:translate(3px)}.find-button-bottom-right:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.find-button-bottom-right:focus{outline:2px solid #4a90e2;outline-offset:2px}.find-button-bottom-right:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.find-button-bottom-right span{font-family:var(--font-family);font-weight:700;font-size:30px;line-height:64px;text-align:center;text-transform:lowercase;color:var(--button-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.find-button-bottom-right svg{transition:transform .3s ease;flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.form-group:after{content:"";position:absolute;bottom:-20px;left:26px;color:#f66;font-size:14px;opacity:0;transition:opacity .3s ease}.form-group.error:after{opacity:1}.form-group.error[data-error=name]:after{content:"Please enter a valid name (letters only)"}.form-group.error[data-error=mobile]:after{content:"Please enter a valid mobile number"}.form-group.error[data-error=email]:after{content:"Please enter a valid email address"}.form-group.error[data-error=timeOfBirth]:after{content:"Please select your time of birth"}.form-group.error[data-error=dateOfBirth]:after{content:"Please select a valid date of birth"}.form-group.error[data-error=placeOfBirth]:after{content:"Please enter your place of birth"}.success-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:20px 40px;border-radius:12px;font-family:var(--second-family);font-size:18px;z-index:1000;opacity:0;transition:opacity .3s ease}.success-message.show{opacity:1}@media(max-width:1920px){.quiz-container{width:100vw;height:100vh}.navbar{width:calc(100vw - 160px);left:50%;top:7.41vh;transform:translate(-50%);max-width:1760px}.form-group .input-container{width:clamp(300px,36.87vw,707.85px);height:clamp(60px,8.44vh,91.15px)}.right-column .input-container{width:clamp(300px,37.58vw,721.51px);height:clamp(60px,8.6vh,92.91px)}.find-button{width:clamp(250px,15.83vw,304px);height:clamp(50px,5.93vh,64px);left:auto;right:clamp(20px,4vw,80px);top:clamp(700px,82.87vh,895px);padding:0 clamp(10px,1.5vw,15px);gap:clamp(10px,1.5vw,15px);max-width:calc(100vw - 40px)}.find-button span{font-size:clamp(20px,2.5vw,30px);line-height:clamp(50px,5.93vh,64px)}.find-button .divider{width:clamp(25px,3vw,40px)}.find-button-bottom-right{bottom:clamp(40px,7.41vh,80px);right:clamp(40px,4.17vw,80px);width:clamp(200px,15.83vw,304px);height:clamp(40px,5.93vh,64px);padding:0 clamp(10px,1.5vw,15px);gap:clamp(10px,1.5vw,15px)}.find-button-bottom-right span{font-size:clamp(20px,2.5vw,30px);line-height:clamp(40px,5.93vh,64px)}}@media(max-width:1024px){.navbar .logo{display:none}.quiz-form{flex-direction:column;gap:30px;padding:20px}.quiz-form .form-column{gap:30px;margin:0}.form-group .input-container,.right-column .input-container{width:clamp(280px,80vw,600px);height:clamp(50px,12vw,80px)}.form-group .input-container input,.right-column .input-container input{padding:32px 26px 22px;font-size:16px;line-height:24px}.form-group .input-container label,.right-column .input-container label{font-size:16px;left:26px;top:50%;transform:translateY(-50%)}.find-button{position:relative;left:auto;top:auto;margin:20px auto 0}.find-button-bottom-right{bottom:40px;right:40px;width:clamp(180px,40vw,280px);height:clamp(40px,10vw,60px)}.find-button-bottom-right span{font-size:clamp(18px,4vw,24px)}}@media(max-width:768px){.navbar{width:calc(100vw - 40px);left:50%;top:40px;transform:translate(-50%)}.navbar .burger-menu{width:40px;height:40px}.navbar .burger-menu:hover{background:#ffffff26}.navbar .logo{width:200px;height:35px}.navbar .find-scent-nav{padding:8px 12px;margin-right:0}.navbar .find-scent-nav span{font-size:18px;line-height:22px}.form-column{gap:20px}.form-group .input-container,.right-column .input-container{width:clamp(250px,90vw,400px);height:clamp(45px,15vw,70px)}.form-group .input-container input,.right-column .input-container input{font-size:16px;padding:28px 16px 18px}.form-group .input-container input[type=date]::-webkit-calendar-picker-indicator,.form-group .input-container input[type=time]::-webkit-calendar-picker-indicator,.right-column .input-container input[type=date]::-webkit-calendar-picker-indicator,.right-column .input-container input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1)}.form-group .input-container label,.right-column .input-container label{font-size:16px;left:16px;top:50%;transform:translateY(-50%)}.find-button{width:clamp(200px,60vw,280px);height:clamp(45px,12vw,60px);padding:0 clamp(8px,2vw,12px);gap:clamp(8px,2vw,12px);left:auto;right:20px;max-width:calc(100vw - 40px)}.find-button span{font-size:clamp(16px,4vw,24px);line-height:clamp(45px,12vw,60px)}.find-button .divider{width:clamp(20px,5vw,30px)}.find-button-bottom-right{bottom:20px;right:20px;width:clamp(160px,50vw,240px);height:clamp(35px,8vw,50px);padding:0 clamp(8px,2vw,12px);gap:clamp(8px,2vw,12px)}.find-button-bottom-right span{font-size:clamp(16px,4vw,20px);line-height:clamp(35px,8vw,50px)}}@media(max-width:480px){.quiz-form{padding:0 10px;max-width:none;margin:0}.navbar .logo{display:none}.form-group .input-container,.right-column .input-container{width:clamp(200px,95vw,350px);height:clamp(40px,18vw,60px)}.form-group .input-container input,.right-column .input-container input{font-size:14px;padding:25px 12px 15px}.form-group .input-container input[type=date]::-webkit-calendar-picker-indicator,.form-group .input-container input[type=time]::-webkit-calendar-picker-indicator,.right-column .input-container input[type=date]::-webkit-calendar-picker-indicator,.right-column .input-container input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1)}.form-group .input-container label,.right-column .input-container label{font-size:14px;left:12px;top:50%;transform:translateY(-50%)}.find-button{width:clamp(180px,80vw,250px);height:clamp(40px,15vw,55px);padding:0 clamp(6px,2vw,10px);gap:clamp(6px,2vw,10px);left:auto;right:15px;max-width:calc(100vw - 30px)}.find-button span{font-size:clamp(14px,5vw,20px);line-height:clamp(40px,15vw,55px)}.find-button .divider{width:clamp(15px,4vw,25px)}.find-button-bottom-right{bottom:15px;right:15px;width:clamp(140px,60vw,200px);height:clamp(30px,10vw,45px);padding:0 clamp(6px,2vw,10px);gap:clamp(6px,2vw,10px)}.find-button-bottom-right span{font-size:clamp(12px,4vw,18px);line-height:clamp(30px,10vw,45px)}}@media(max-height:770px){.find-button{position:fixed!important;bottom:20px!important;right:20px!important;top:auto!important;left:auto!important;width:clamp(200px,25vw,280px)!important;height:clamp(40px,6vh,55px)!important;z-index:1003!important}.find-button span{font-size:clamp(16px,2.5vw,22px)!important;line-height:clamp(40px,6vh,55px)!important}.find-button .divider{width:clamp(20px,3vw,30px)!important}}@media(max-height:650px){.find-button{bottom:15px!important;right:15px!important;width:clamp(180px,30vw,250px)!important;height:clamp(35px,5.5vh,50px)!important}.find-button span{font-size:clamp(14px,2.2vw,20px)!important;line-height:clamp(35px,5.5vh,50px)!important}.find-button .divider{width:clamp(18px,2.5vw,25px)!important}}@media(max-height:550px){.find-button{bottom:10px!important;right:10px!important;width:clamp(160px,35vw,220px)!important;height:clamp(30px,5vh,45px)!important}.find-button span{font-size:clamp(12px,2vw,18px)!important;line-height:clamp(30px,5vh,45px)!important}.find-button .divider{width:clamp(15px,2vw,20px)!important}}.form-group+.form-group{margin-top:3rem}
/*# sourceMappingURL=/cdn/shop/t/1/assets/quiz.css.map */