:root{--quiz-font-size: clamp(16px, 2vw, 20px);--quiz-button-radius: 9999px;--quiz-button-color: rgb(var(--color-foreground));--quiz-button-hover-color: #E4DBCB;--quiz-progress-color: #0b2b4a;--quiz-error-color: #dc2626;--quiz-error-bg: #fef2f2;--quiz-warning-border: #fecaca;--quiz-accent-color: #dbceb9;--quiz-background: #f8f1e5;--quiz-progress-bg: #e7d8c2;--spacing-xs: clamp(.25rem, 1vw, .5rem);--spacing-sm: clamp(.5rem, 2vw, 1rem);--spacing-md: clamp(1rem, 3vw, 1.5rem);--spacing-lg: clamp(1.5rem, 4vw, 2rem);--spacing-xl: clamp(2rem, 5vw, 3rem);--container-max-width: min(90vw, 1200px);--input-max-width: min(80vw, 600px);--logo-max-width: min(30vw, 200px)}*{box-sizing:border-box}body{font-family:DM Sans,sans-serif;background-color:var(--quiz-background);color:var(--quiz-button-color);margin:0;padding:0;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::placeholder{color:var(--quiz-accent-color);opacity:1;font-weight:600;font-size:24px;line-height:1.2;text-align:center}.title-name{font-family:DM Sans,sans-serif;font-weight:800;font-size:48px;line-height:1.1;text-align:center;color:#aa926d;margin:0 0 var(--spacing-md) 0}.title-name span{letter-spacing:-.08rem!important}.quiz-title-main{font-family:DM Sans,sans-serif;font-weight:600;font-size:16px;max-width:260px;margin:0 auto;line-height:1.3;letter-spacing:-.03em;text-align:center;color:#0b2b4a;padding:0 var(--spacing-sm);margin-bottom:0!important}.quiz-sub-title{font-family:DM Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.3;margin-bottom:0!important;letter-spacing:-.02em;text-align:center;padding:0 var(--spacing-sm)}.quiz-question-text{font-family:DM Sans,sans-serif;font-weight:600;font-size:clamp(18px,3vw,24px);line-height:1.3;letter-spacing:-.02em;text-align:center;color:#0b2b4a;margin:0 0 var(--spacing-lg) 0;padding:0 var(--spacing-sm);margin-top:8px}.autocomplete-input-default,.multi-input-email-default,.multi-input-number-default,.multi-input-text-default{color:#dbceb9!important}input[type=text],input[type=email]{max-width:var(--input-max-width);padding:4px;border:none;border-bottom:2px solid var(--quiz-accent-color);background:transparent;text-align:center;box-sizing:border-box;margin-bottom:var(--spacing-md);transition:border-color .3s ease,color .3s ease;-webkit-text-size-adjust:100%;-webkit-appearance:none;min-height:44px}input[type=text]:focus,input[type=email]:focus{outline:none;border-bottom-color:var(--quiz-button-color);color:var(--quiz-button-color);font-family:DM Sans,sans-serif}input[type=email]{width:100%;font-family:DM Sans,sans-serif;max-width:var(--input-max-width)}input[type=number]{width:clamp(60px,15vw,120px);padding:4px;font-size:clamp(16px,2vw,18px);border:none;font-family:DM Sans,sans-serif;border-bottom:2px solid var(--quiz-accent-color);background:transparent;text-align:center;box-sizing:border-box;margin-bottom:var(--spacing-md);transition:border-color .3s ease,color .3s ease;-webkit-text-size-adjust:100%;-webkit-appearance:none;min-height:38px}input[type=number]:focus{outline:none;border-bottom-color:var(--quiz-button-color);color:var(--quiz-button-color);font-family:DM Sans,sans-serif}select{padding:4px;font-size:clamp(16px,2vw,18px);border:none;border-bottom:2px solid var(--quiz-accent-color);background:transparent;text-align:center;width:auto;font-family:DM Sans,sans-serif;max-width:100%;margin-bottom:var(--spacing-md);transition:border-color .3s ease,color .3s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-text-size-adjust:100%;min-height:38px}select:focus{outline:none;border-bottom-color:var(--quiz-button-color);color:var(--quiz-button-color);font-family:DM Sans,sans-serif}.input-error{background-color:var(--quiz-error-bg)!important}.input-error:focus{border-color:var(--quiz-error-color)!important;outline-color:var(--quiz-error-color)!important;box-shadow:0 0 0 3px #dc26261a!important}.multi-select-button-group.input-error{border:2px solid var(--quiz-error-color);border-radius:8px;background-color:var(--quiz-error-bg);padding:8px}.error-message{color:var(--quiz-error-color);font-size:clamp(12px,1.5vw,14px);font-weight:500;margin-top:4px;text-align:center;display:none}.dropdown-container,.number-container,.multi-input-text-container,.multi-input-container{width:40%;max-width:var(--container-max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--spacing-sm)}input[type=text]{max-width:180px}.autocomplete-wrapper input[type=text]{width:fit-content;max-width:fit-content}.multi-select-button-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:var(--spacing-lg) 0;padding:0 var(--spacing-sm);width:100%;max-width:var(--container-max-width)}.multi-select-btn{font-family:DM Sans,sans-serif;font-weight:600;border-radius:var(--quiz-button-radius);border:2px solid var(--quiz-accent-color);background-color:#fff;color:var(--quiz-button-color);cursor:pointer;transition:all .25s ease;min-width:clamp(80px,20vw,100px);text-align:center;white-space:nowrap;flex-shrink:0;padding:5px 12px;font-size:16px;line-height:1;letter-spacing:-.05rem}.multi-select-btn:hover{background-color:#f5efe3;border-color:var(--quiz-button-hover-color);transform:translateY(-1px)}.multi-select-btn.selected{background-color:var(--quiz-button-color);color:#fff;border-color:var(--quiz-button-color);transform:translateY(-1px);box-shadow:0 2px 8px #1e3b5833}.quiz-progress-bar-wrapper{width:100%;position:fixed;top:0;left:0;z-index:1000;background-color:#dbceb9;box-sizing:border-box;padding:0;height:16px}.progress-bar-container{width:100%;height:100%;background-color:transparent;border-radius:0;overflow:hidden}.progress-bar{height:100%;width:0%;background-color:#aa926d;transition:width .4s cubic-bezier(.4,0,.2,1)}.quiz-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);padding:16px}.progress-back-btn{background:none;border:none;color:var(--quiz-button-color);font-weight:400;font-size:14px;cursor:pointer;padding:var(--spacing-xs);transition:color .3s ease}.progress-back-btn:hover{color:var(--quiz-accent-color)}.progress-text{font-size:14px;font-weight:400;letter-spacing:-.03rem;color:var(--quiz-button-color);margin-left:auto;margin-right:0;text-align:right;width:auto;padding:0 var(--spacing-sm);flex-shrink:0}.progress-image-container{text-align:center;margin:var(--spacing-lg) 0}.progress-image{width:auto;max-width:min(80vw,300px);height:auto}.quiz-image-wrapper{text-align:center;margin-bottom:0;width:100%}#quiz-title-img{display:block;max-width:160px;width:100%;height:auto;margin:12px auto 0;object-fit:contain}#questions-container{height:calc(100vh - 200px);display:flex;flex-direction:column;justify-content:flex-start;padding-top:24px;align-items:center}.quiz-container{max-width:100%;margin:0 auto;width:100%;min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;padding:clamp(80px,15vh,100px) var(--spacing-sm) clamp(80px,10vh,140px) var(--spacing-sm);background:#fcfaf7;position:relative}.question-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--container-max-width);margin:0 auto}.quiz-titles{width:100%;text-align:center;margin-bottom:8px}.fixed-continue{position:fixed;bottom:0;left:0;right:0;background:#fff;text-align:center;z-index:999;box-shadow:0 -4px 20px #0000001a;display:flex;justify-content:center;align-items:center;width:100%}.continue-button{background:var(--quiz-button-color);color:#fff;border:none;border-radius:var(--quiz-button-radius);padding:16px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:200px;width:100%;text-transform:none;max-width:300px;margin:16px auto;text-align:center}.continue-button:hover{background:var(--quiz-button-hover-color)}.continue-button:disabled{background:#e4dbcb;color:var(--quiz-button-color);cursor:not-allowed;transform:none;box-shadow:none}@media (hover: none) and (pointer: coarse){.continue-button:hover{background:var(--quiz-button-color)!important;transform:none!important;box-shadow:0 2px 8px #1e3b5833!important}}@media (max-width: 768px){.continue-button:hover{background:var(--quiz-button-color)!important;transform:none!important;box-shadow:0 2px 8px #1e3b5833!important}.continue-button{opacity:1!important;pointer-events:auto!important;cursor:pointer!important}.progress-text{text-align:right!important;margin-left:auto!important;margin-right:0!important;flex-shrink:0!important}.quiz-progress-header{justify-content:space-between!important;flex-wrap:nowrap!important}select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;min-height:44px;line-height:1.2;font-size:16px!important;transform:scale(1)}select::-ms-expand{display:none}}.progress-logo{width:100%;max-width:90px;margin:var(--spacing-md) auto;text-align:center}.progress-logo img{max-width:100%;height:auto;display:block;margin:0 auto}.question-message{font-size:14px;color:#0b2b4a;background:#fff;padding:8px;letter-spacing:-.01rem;line-height:1.6;margin:var(--spacing-md) 0 var(--spacing-lg) 0;text-align:center;padding:0 var(--spacing-sm);max-width:min(90vw,600px);margin-left:auto;margin-right:auto;padding:14px;border-radius:8px;border:1px solid #dbceb9}.custom-loading-screen{background-color:#fcfaf7;height:auto;width:100vw;display:flex;justify-content:center;align-items:center;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden;border-radius:0;text-align:center}.progress-bar-line{position:absolute;top:0;left:0;height:4px;width:0%;background:linear-gradient(90deg,#aa926d,#b7955b,#aa926d);z-index:10;animation:progressFill 2.5s ease-in-out forwards;border-radius:0 2px 2px 0}@keyframes progressFill{0%{width:0%}to{width:100%}}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100% - 100px);width:100%;background-color:transparent;max-width:min(90vw,400px);padding:150px 0;position:relative}.bowl-icon{width:160px;height:auto;display:block;margin:0}.loading-text{font-size:16px;font-weight:600;color:#1e3b58;line-height:1.4;margin:0;padding:0 clamp(1rem,3vw,2rem);animation:textFadeIn 1s ease-out .3s both;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.02em}@keyframes textFadeIn{0%{opacity:0}to{opacity:1}}.custom-loading-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.loading-content{position:relative;z-index:2}.question-line{width:100%;max-width:var(--container-max-width);margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;flex-wrap:wrap;gap:var(--spacing-xs);padding:0 var(--spacing-sm)}.question-line p,.question-line .p,.question-line span{font-size:24px!important;letter-spacing:-.08rem!important}.inline-input-wrapper{display:contents;margin:0;padding:0}@media (max-width: 1024px){:root{--container-max-width: 95vw;--input-max-width: 85vw;--logo-max-width: min(100px, 180px)}.quiz-container{padding-top:90px}.loading-content{max-width:min(95vw,350px);gap:clamp(1.5rem,4vw,2.5rem)}.brand-logo{width:clamp(100px,25vw,150px)}}@media (max-width: 768px){:root{--container-max-width: 98vw;--input-max-width: 90vw;--logo-max-width: min(40vw, 150px)}.quiz-container{padding-top:16px;padding-bottom:16px}.question-container{padding:var(--spacing-sm)}.loading-logo{max-width:min(40vw,150px);margin-bottom:var(--spacing-lg)}.loading-image{max-width:200px}.customizing-text{font-size:clamp(16px,2.5vw,20px);padding:0 var(--spacing-sm)}.brand-logo{width:clamp(80px,22vw,120px)}.loading-text{font-size:clamp(1rem,2.5vw,1.4rem);padding:0 clamp(.5rem,2vw,1rem)}.progress-bar-line{height:3px}}@media (max-width: 480px){:root{--container-max-width: 100vw;--input-max-width: 95vw;--logo-max-width: min(50vw, 120px)}.quiz-container{padding:16px}.quiz-title-main,.quiz-sub-title{font-size:16px}.question-container{padding:var(--spacing-xs)}.loading-logo{max-width:min(50vw,120px);margin-bottom:var(--spacing-md)}.loading-image{max-width:min(90vw,250px)}.customizing-text{font-size:clamp(14px,2vw,18px);padding:0 var(--spacing-xs)}input[type=text],input[type=email],input[type=number],select{font-size:clamp(14px,1.8vw,16px);padding:4px}.brand-logo{width:clamp(70px,20vw,100px)}.loading-text{font-size:clamp(.9rem,2.2vw,1.2rem);padding:0 clamp(.25rem,1.5vw,.5rem)}.progress-bar-line{height:2px}.progress-text{text-align:right!important;margin-left:auto!important;margin-right:0!important;width:auto!important;min-width:fit-content!important;padding:0 8px!important}.quiz-progress-header{justify-content:space-between!important;align-items:center!important;padding:12px!important;flex-wrap:nowrap!important}@keyframes bowlBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}}}@media screen and (max-width: 768px){.progress-bar{min-width:0!important;max-width:100%!important;flex:none!important;flex-grow:0!important;flex-shrink:0!important;box-sizing:border-box!important;display:block!important;transition:width .4s cubic-bezier(.4,0,.2,1)!important}.progress-bar-container{width:100%!important;min-width:0!important;max-width:100%!important;flex:none!important;box-sizing:border-box!important}.quiz-progress-bar-wrapper .progress-bar,.quiz-progress .progress-bar{min-width:0!important;max-width:100%!important;flex:none!important;transition:width .4s cubic-bezier(.4,0,.2,1)!important}.quiz-progress-bar-wrapper .progress-bar-container{width:100%!important;box-sizing:border-box!important}}@media screen and (min-width: 769px){.progress-bar{min-width:0;max-width:100%;flex:none;flex-grow:0;flex-shrink:0;box-sizing:border-box;transition:width .4s cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.brand-logo,.bowl-icon,.loading-text{animation:none}.progress-bar-line{animation:none;width:100%}.bowl-icon{filter:none}}button:focus-visible,input:focus-visible,select:focus-visible{outline:0;outline-offset:2px}@media (prefers-contrast: high){.continue-button{border:2px solid var(--quiz-button-color)}.multi-select-btn{border-width:3px}.custom-loading-screen{background-color:#fff}.loading-text{color:#000}.progress-bar-line{background:#000}}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week],input[type=color],input[type=range],select,textarea{font-size:16px!important;-webkit-text-size-adjust:100%!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;min-height:38px!important}@media screen and (max-width: 768px){input,select,textarea{font-size:16px!important;min-height:38px!important;-webkit-text-size-adjust:100%!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important;font-weight:600!important}.quiz-container input,.quiz-container select,.quiz-container textarea,.question-container input,.question-container select,.question-container textarea{font-size:16px!important;font-weight:600!important;min-height:38px!important;height:38px!important}}@media screen and (max-width: 480px){input,select,textarea{font-size:16px!important;-webkit-text-size-adjust:none!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important;font-weight:600!important}}input[type=text]:not([readonly]):not([disabled]),input[type=email]:not([readonly]):not([disabled]),input[type=password]:not([readonly]):not([disabled]),input[type=search]:not([readonly]):not([disabled]),input[type=tel]:not([readonly]):not([disabled]),input[type=url]:not([readonly]):not([disabled]),input[type=number]:not([readonly]):not([disabled]),select:not([readonly]):not([disabled]),textarea:not([readonly]):not([disabled]){font-size:24px!important;font-weight:600!important;-webkit-text-size-adjust:100%!important;font-family:DM Sans,sans-serif;color:#0b2b4a;text-align:center;text-align-last:center;letter-spacing:-.05rem;border-radius:0}@supports (-webkit-touch-callout: none){input,select,textarea{font-size:16px!important;-webkit-text-size-adjust:100%!important;-webkit-appearance:none!important}}.autocomplete-wrapper{position:relative;display:inline-block;width:auto;max-width:100%;margin-bottom:0}.autocomplete-input{max-width:var(--input-max-width);padding:clamp(10px,2vw,12px);font-size:clamp(16px,2vw,18px);border:none;border-bottom:2px solid var(--quiz-accent-color);background:transparent;text-align:center;box-sizing:border-box;width:100%;transition:border-color .3s ease,color .3s ease;-webkit-text-size-adjust:100%;-webkit-appearance:none;min-height:44px}.autocomplete-input:focus{outline:none;border-bottom-color:var(--quiz-button-color);color:var(--quiz-button-color)}.autocomplete-input::placeholder{color:var(--quiz-accent-color);opacity:1;font-size:24px;text-align:center}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--quiz-accent-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1001;max-height:200px;overflow-y:auto;margin-top:4px;transition:opacity .2s ease,transform .2s ease;opacity:1;transform:translateY(0)}.autocomplete-dropdown:empty{display:none!important}.autocomplete-option{padding:clamp(8px,2vw,12px) clamp(12px,3vw,16px);font-size:clamp(14px,2vw,16px);cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease,color .2s ease;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:44px;display:flex;align-items:center}.autocomplete-option:last-child{border-bottom:none}.autocomplete-option:hover,.autocomplete-option.active{background-color:var(--quiz-button-color);color:#fff}.autocomplete-option:active{background-color:var(--quiz-button-hover-color)}.autocomplete-wrapper.input-error .autocomplete-input{border-bottom-color:#dc2626!important;color:#dc2626}.autocomplete-wrapper.input-error .autocomplete-dropdown{border-color:#dc2626}@media (max-width: 768px){.autocomplete-dropdown{position:absolute;left:0;right:0;width:100%;max-height:180px;border-radius:12px;box-shadow:0 8px 25px #0003;z-index:1001}.autocomplete-option{padding:12px 16px;font-size:16px;min-height:48px}.autocomplete-input{font-size:16px!important;min-height:44px}}@media (hover: none) and (pointer: coarse){.autocomplete-option:hover{background-color:transparent;color:inherit}.autocomplete-option:active{background-color:var(--quiz-button-color);color:#fff}}@media (prefers-contrast: high){.autocomplete-dropdown{border-width:2px;border-color:#000}.autocomplete-option{border-bottom-width:2px;border-bottom-color:#000}.autocomplete-option:hover,.autocomplete-option.active{background-color:#000;color:#fff}}select.multi-input-dropdown-default{color:var(--quiz-accent-color)!important;opacity:1;font-size:24px;text-align:center;font-weight:400}.multi-select-button-group.has-default .multi-select-btn.selected{background-color:#dbceb9!important;color:var(--quiz-button-color)!important;border-color:#dbceb9!important}@media (prefers-reduced-motion: reduce){.autocomplete-dropdown,.autocomplete-option{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/quiz.css.map */