:root{--hq-bg: #fdfbfa;--hq-product-bg: #faf6f3;--hq-dark: #262626;--hq-line: #e4e4e4;--hq-green: #aee097;--hq-cta: #485CC7;--hq-amber: #e8a838;--hq-font: "Montserrat", sans-serif;--hq-cta-height: 57px;--hq-sticky-footer-pad: 16px;--hq-footer-offset: calc(var(--hq-cta-height) + var(--hq-sticky-footer-pad) * 2 + env(safe-area-inset-bottom, 0px))}.hq-wrapper{width:100%;min-height:100svh;display:flex;flex-direction:column;background:var(--hq-bg);font-family:var(--hq-font);overflow:hidden;position:relative}.hq-status-bar{height:48px;background:#fef8ca;display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;position:sticky;top:0;z-index:10}.hq-status-time{font-size:14px;font-weight:500;color:var(--hq-dark)}.hq-status-icons{display:flex;align-items:center;gap:6px}.hq-content{max-width:652px;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-bottom:var(--hq-footer-offset);min-height:0}.hq-content p{margin:0}.hq-step{display:none;flex-direction:column;gap:20px;padding:24px 18px;background:var(--hq-bg);flex:1;min-height:100%}.hq-step--start{background:transparent}.hq-step.is-active{display:flex}.hq-step.is-active:not(.hq-step--start):has(.hq-step-footer){padding-bottom:var(--hq-footer-offset)}.hq-step-footer{display:flex;flex-direction:column;align-items:stretch;gap:4px;flex-shrink:0}.hq-step--start .hq-step-footer{position:relative;align-self:stretch;margin-top:auto;z-index:1;padding:0;background:transparent}.hq-step.is-active:not(.hq-step--start) .hq-step-footer{position:fixed;bottom:70px;left:50%;z-index:20;width:min(100%,652px);max-width:652px;box-sizing:border-box;transform:translate(-50%);padding:var(--hq-sticky-footer-pad) 18px max(var(--hq-sticky-footer-pad),env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(253,251,250,0) 0%,var(--hq-bg) 40%)}.hq-step__image{width:100%;border-radius:4px;overflow:hidden;border:.8px solid var(--hq-line)}.hq-step__img{width:100%;height:auto;display:block;object-fit:cover}.hq-progress{display:flex;padding-bottom:4px;align-items:center;gap:16px;align-self:stretch}.hq-progress__track{flex:1;height:6px;border-radius:8px;border:.8px solid var(--hq-line);overflow:hidden;background:var(--hq-bg)}.hq-progress__fill{height:100%;background:var(--hq-green);border-radius:8px;transition:width .5s ease}.hq-progress__label{font-size:12px;letter-spacing:.96px;color:var(--hq-dark);font-style:normal;font-weight:400;line-height:normal;width:40px;text-align:right;flex-shrink:0}.hq-question{font-weight:600;font-size:20px;color:var(--hq-dark);letter-spacing:.4px;margin:0;line-height:normal}.hq-subtitle{font-weight:400;font-size:14px;color:var(--hq-dark);opacity:.7;margin:8px 0 0;line-height:1}.hq-question-wrap{display:flex;flex-direction:column}.hq-options{flex:1;display:flex;flex-direction:column;gap:8px}.hq-option{width:100%;min-height:47px;background:var(--hq-product-bg);border:.8px solid var(--hq-line);cursor:pointer;font-family:var(--hq-font);font-weight:600;font-size:12px;letter-spacing:-.24px;color:var(--hq-dark);transition:background .2s,border-color .2s,color .2s;text-align:left;display:flex;height:47px;padding:16px;justify-content:left;align-items:center;gap:8px;border-radius:4px;border:.8px solid var(--LINE-1, #E4E4E4);text-transform:unset}.hqsq-option.is-selected,.hqmq-option.is-selected .hqmq-option-text,.hqmq-other-option.is-selected .hqmq-other-option-text,.hq-grid-item.is-selected .hq-grid-item-text,.hq-grid-item.is-selected .hq-grid-item-title,.hq-grid-item.is-selected .hq-grid-item-content{background:#262626;border-color:transparent;color:#fdfbfa}.hq-multi-question-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch}.hqmq-title{color:var(--MAIN-DARK, #262626);font-family:Montserrat;font-size:20px;font-weight:600;letter-spacing:.4px}.hqmq-subtitle{color:var(--MAIN-DARK, #262626);font-family:Montserrat;font-size:12px;font-weight:400;letter-spacing:-.24px}.hq-multi-question-options{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.hqmq-option{display:flex;width:100%;height:47px;align-items:center;gap:2px;cursor:pointer}.hqmq-option-image{width:47px;height:47px;flex-shrink:0;aspect-ratio:1 / 1;border-radius:4px;border:.8px solid var(--LINE-1, #e4e4e4);background:var(--PRODUCT-BG, #faf6f3)}.hqmq-other-option{width:100%}.hqmq-option-text,.hqmq-other-option-text{display:flex;padding:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch;border-radius:4px;border:.8px solid var(--LINE-1, #e4e4e4);background:var(--PRODUCT-BG, #faf6f3);color:var(--MAIN-DARK, #262626);font-family:Montserrat;font-size:12px;font-weight:600;letter-spacing:-.24px;height:47px}.hqmq-other-option-text{padding:16px 16px 16px 64px}.hqmq-form-option{display:flex;width:100%;height:160px;padding:16px;align-items:flex-start;gap:8px;border-radius:4px;border:.8px solid var(--LINE-1, #e4e4e4);background:var(--PRODUCT-BG, #faf6f3);box-sizing:border-box}.hqmq-input{border:none;background:transparent;width:100%;resize:none;font-family:Montserrat;font-size:12px;color:var(--MAIN-DARK, #262626);outline:none}.hq-grid-items{display:grid;grid-template-columns:1fr 1fr;align-items:flex-start;align-content:flex-start;gap:16px;align-self:stretch}.hq-grid-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;border-radius:4px}.hq-grid-item-image{height:auto;align-self:stretch;aspect-ratio:1 / 1;border-radius:4px;border:.8px solid var(--LINE-1, #e4e4e4);background:var(--PRODUCT-BG, #faf6f3)}.hq-grid-item-text{display:flex;padding:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:4px;border:.8px solid var(--LINE-1, #e4e4e4);background:var(--PRODUCT-BG, #faf6f3)}.hq-grid-item-title{color:var(--MAIN-DARK, #262626);text-align:center;font-family:Montserrat;font-size:12px;font-weight:600;letter-spacing:-.24px;line-height:normal}.hq-grid-item-content{color:var(--MAIN-DARK, #262626);text-align:center;font-family:Montserrat;font-size:12px;font-weight:500;letter-spacing:-.24px;opacity:.9;line-height:normal}.hq-cta{display:flex;width:100%;height:57px;padding:20px 0;justify-content:center;align-items:center;gap:10px;border-radius:999px;background:#485cc7;cursor:pointer;background:linear-gradient(0deg,#485cc7 0% 100%),var(--MAIN-BG, #FDFBFA);color:#fdfbfa;border:none;font-family:var(--hq-font);font-weight:600;font-size:12px;letter-spacing:-.24px;text-transform:uppercase;transition:background .3s,opacity .3s;text-decoration:none}.hq-cta:disabled,.hq-cta.is-disabled{background:linear-gradient(0deg,#485cc74d 0% 100%),var(--MAIN-BG, #FDFBFA);color:#485cc7;cursor:default;pointer-events:none}.hq-text-input{width:100%;height:47px;border-radius:4px;background:var(--hq-product-bg);border:.8px solid var(--hq-line);padding:0 16px;font-family:var(--hq-font);font-weight:600;font-size:12px;color:var(--hq-dark);outline:none;box-sizing:border-box}.hq-step--start{position:relative}.hq-start-background-image{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.hq-start-background-image img{object-position:top}.hq-content:not(:has(.hq-step--start.is-active)) .hq-start-background-image{display:none}.hq-start-background-image img{width:100%;height:100%;object-fit:cover}.hq-start-logo{position:relative;width:18px;height:19px;aspect-ratio:18 / 19}.hq-start-header{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch}.hq-start-title *{color:var(--MAIN-DARK, #262626);font-family:Montserrat;font-style:normal;font-size:20px;font-weight:600;letter-spacing:.4px;line-height:normal}.hq-start-subtitle{opacity:.9}.hq-start-subtitle *{color:var(--MAIN-DARK, #262626);font-family:Montserrat;font-style:normal;font-size:14px;font-weight:400;letter-spacing:-.28px;line-height:normal}.hq-start-body{position:relative}.hq-start-social{display:flex;padding:12px 20px;align-items:flex-start;gap:20px;align-self:stretch;border-radius:4px;border:.4px solid var(--MAIN-DARK, #262626);background:var(--MAIN-BG, #FDFBFA)}.hq-start-social-image{width:51px;height:51px;aspect-ratio:1 / 1;display:flex;align-items:center;flex-shrink:0}.hq-start-social-text *{color:var(--MAIN-DARK, #262626);font-family:Montserrat;font-size:14px;font-weight:400;letter-spacing:-.28px;flex:1 0 0;line-height:normal}.hq-start-hint{color:#262626;text-align:center;text-shadow:0 0 10px #fff;font-family:Montserrat;font-size:12px;font-weight:400;letter-spacing:-.24px;margin:auto}.hq-sp-question{padding:6px 0}.hq-sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 0}.hq-sp-grid-item{height:166px;display:flex;align-items:center;aspect-ratio:1 / 1;border-radius:4px;background:url(<path-to-image>) #d3d3d3 50% / cover no-repeat}.hq-sp-stat{color:#262626;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.28px;padding:6px 0}.hq-stat-body{position:relative;padding:4px 0}.hq-stat-body-background{position:relative;width:100%;height:532px;background:linear-gradient(180deg,#f4efeb99 17.76% 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hq-stat-body-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 20px;align-self:stretch;border-radius:4px;border:.4px solid var(--MAIN-DARK, #262626);background:var(--MAIN-BG, #fdfbfa);box-sizing:border-box}.hq-stat-body-text{color:var(--MAIN-DARK, #262626);text-align:center;font-family:Montserrat;font-size:14px;font-weight:400;letter-spacing:-.28px}.hq-stat-body-text strong{font-weight:600}.hq-stat-rows{flex:1;display:flex;flex-direction:column;gap:24px}.hq-stat-row{display:flex;flex-direction:column;gap:8px}.hq-stat-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.hq-stat-pct{font-weight:600;font-size:32px;color:var(--hq-cta)}.hq-stat-pct--dark{color:var(--hq-dark);font-size:28px;letter-spacing:-.56px;line-height:1.16}.hq-stat-label{font-weight:400;font-size:14px;color:var(--hq-dark);letter-spacing:-.28px}.hq-stat-prefix{font-size:14px;color:var(--hq-dark);padding-bottom:4px}.hq-bar-track{width:100%;height:12px;border-radius:8px;background:var(--hq-line);overflow:hidden}.hq-bar-fill{height:100%;border-radius:8px;width:0;transition:width 1s ease}.hq-bar-fill--green{background:var(--hq-green)}.hq-bar-fill--dark{background:var(--hq-dark)}.hq-info-container{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.hq-info-icon{width:32px;height:32px;aspect-ratio:1 / 1;flex-shrink:0;display:flex;align-items:center}.hq-info-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.hq-info-title{color:var(--MAIN-DARK, #262626);font-family:Montserrat;font-size:14px;font-weight:600;letter-spacing:-.28px}.hq-info-content{color:var(--MAIN-DARK, #262626);font-family:Montserrat;font-size:14px;font-weight:400;letter-spacing:-.28px}.hq-info-content strong{font-weight:600}.hq-summary-body{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:1 0 0;align-self:stretch}.hq-gauge-images{width:100%;min-height:200px;align-self:stretch}.hq-gauge-image{display:none;width:100%;height:200px;align-self:stretch;border-radius:4px;overflow:hidden}.hq-gauge-image.is-active{display:block}.hq-gauge-image .image_wrapper,.hq-gauge-image img{width:100%;height:100%;object-fit:contain;display:block}.hq-gauge-wrap{width:100%}.hq-gauge-track{position:relative;width:100%;display:flex;height:12px;padding:0 59px 0 261px;justify-content:flex-end;align-items:center;align-self:stretch;border-radius:8px;background:linear-gradient(90deg,#aee097,#fef8ca 34.62%,#ff9162 65.38%,#ff5c5c)}.hq-gauge-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#fdfbfa;box-shadow:0 1px 6px #00000040;left:0%;transition:left 1.4s cubic-bezier(.4,0,.2,1)}.hq-gauge-label{position:absolute;bottom:calc(100% + 10px);transform:translate(-50%);left:0%;transition:left 1.4s cubic-bezier(.4,0,.2,1);white-space:nowrap;border:.8px solid var(--hq-line);pointer-events:none;display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:8px;border-radius:12px;background:var(--MAIN-BG, #FDFBFA);box-shadow:0 1px 6px #00000040;color:var(--MAIN-DARK, #262626);font-family:Montserrat;font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.24px}.hq-result-cards{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.hq-result-card{display:flex;width:100%;padding:8px 12px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;background:var(--BG, #f4efeb);box-sizing:border-box}.hq-result-key{color:var(--MAIN-DARK, #262626);font-family:Montserrat;font-size:12px;font-weight:400;letter-spacing:-.24px}.hq-result-values{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.hq-result-value{color:var(--MAIN-DARK, #262626);font-family:Montserrat;font-size:14px;font-weight:600;letter-spacing:-.28px}.hq-timeline-subtitle{color:#262626;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.28px}.hq-timeline-body{display:flex;flex-direction:column;align-items:flex-start;gap:24px;flex:1 0 0;align-self:stretch}.hq-bar-chart{gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;justify-content:space-between;align-items:flex-start;align-self:stretch;height:307px}.hq-bar-col{display:flex;flex-direction:column;align-items:center;gap:12px;height:100%;justify-content:flex-end}.hq-bar-col__bar{width:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;height:0;transition:height .8s ease;box-sizing:border-box}.hq-bar-col-bar-container{border-radius:4px;overflow:hidden;background:var(--LINE-1, #E4E4E4);flex:1 0 0;display:flex;align-items:end;width:100%}.hq-bar-col__bar--dark{background:var(--hq-dark)}.hq-bar-col__bar--cta{background:var(--hq-cta)}.hq-bar-col__pct{color:#e4e4e4;text-align:center;font-family:Montserrat;font-size:20px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.4px;text-transform:uppercase}.hq-bar-col__label{color:#262626;text-align:center;font-family:Montserrat;font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.24px}.hq-analysis-rows{flex:1;display:flex;flex-direction:column;gap:24px}.hq-analysis-row{display:flex;flex-direction:column;gap:8px;opacity:.3;transition:opacity .5s ease}.hq-analysis-row.is-done{opacity:1}.hq-analysis-row__head{display:flex;align-items:center;gap:8px}.hq-analysis-row__check{width:18px;height:18px;border-radius:50%;background:var(--hq-green);display:none;align-items:center;justify-content:center;flex-shrink:0}.hq-analysis-row.is-done .hq-analysis-row__check{display:flex}.hq-analysis-row__label{font-size:14px;color:var(--hq-dark);letter-spacing:-.28px}.hq-result-hero{background:var(--hq-product-bg);border:.8px solid var(--hq-line);border-radius:8px;padding:20px;text-align:center}.hq-result-hero__emoji{font-size:64px;display:block;margin-bottom:12px}.hq-result-hero__title{font-weight:600;font-size:18px;color:var(--hq-dark);margin:0 0 8px}.hq-result-hero__desc{font-weight:400;font-size:14px;color:var(--hq-dark);opacity:.8;margin:0;line-height:1.5}.hq-product-list{display:flex;flex-direction:column;gap:8px}.hq-product-item{background:var(--hq-product-bg);border:.8px solid var(--hq-line);border-radius:4px;padding:16px;display:flex;gap:12px;align-items:center}.hq-product-item__icon{font-size:28px;flex-shrink:0}.hq-product-item__title{font-weight:600;font-size:13px;color:var(--hq-dark);display:block}.hq-product-item__desc{font-weight:400;font-size:12px;color:var(--hq-dark);opacity:.7}.hq-result-hint{font-size:12px;color:var(--hq-dark);opacity:.7;text-align:center;margin:0;letter-spacing:-.24px}.hq-body-text{font-size:14px;color:var(--hq-dark);margin:0;line-height:1.5;letter-spacing:-.28px}@media screen and (min-width:780px){.hq-step{padding:24px 0}.hq-step.is-active:not(.hq-step--start) .hq-step-footer{padding-left:18px;padding-right:18px}.hq-start-title *,.hq-question,.hqmq-title{font-size:28px;line-height:normal;letter-spacing:.56px}.hqmq-title p br{display:none}.hq-start-social{align-items:center}.hq-start-social-text *,.hq-timeline-subtitle,.hq-info-content{font-size:16px;line-height:normal;letter-spacing:-.32px}.hq-option,.hq-grid-item-title,.hqmq-input,.hq-grid-item-content,.hqmq-option-text,.hqmq-other-option-text{font-size:14px;font-style:normal;line-height:normal;letter-spacing:-.28px}.hq-sp-grid-item{height:157px}.hq-grid-items,.hq-sp-grid{grid-template-columns:1fr 1fr 1fr 1fr}.hq-sp-stat{font-size:18px;line-height:normal;letter-spacing:.36px}.hq-multi-question-wrapper,.hq-bar-chart,.hq-info-container{gap:16px}.hq-stat-body-background{height:624px}.hq-gauge-images{min-height:321px}.hq-gauge-image{height:321px}}@media screen and (min-width:1224px){.hq-content:has(.hq-step--start.is-active){max-width:1012px}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/bd-quiz-section.css.map */