tt-product-quiz{display:block;color:var(--q-text,#272727);background:var(--q-bg,#fff);font-family:var(--q-body-font,var(--font-body-family,Arial,sans-serif));line-height:1.5}tt-product-quiz[hidden],tt-product-quiz [hidden]{display:none!important}tt-product-quiz *{box-sizing:border-box}tt-product-quiz .q-wrap{max-width:1200px;margin:auto;padding:var(--q-top,48px) 24px var(--q-bottom,64px)}tt-product-quiz .q-card{max-width:var(--q-width,640px);margin:auto;scroll-margin-top:110px}tt-product-quiz h1,tt-product-quiz h2{font-family:var(--q-heading-font,Georgia,serif);color:var(--q-text,#272727);font-size:var(--q-heading-size,36px);font-weight:600;line-height:1.25;letter-spacing:-.6px;margin:24px 0;text-align:var(--q-align,left)}tt-product-quiz .q-question{margin:28px 0 20px}tt-product-quiz p{color:var(--q-muted,#454545);font-size:var(--q-body-size,16px);line-height:1.55}tt-product-quiz .q-question-hint{text-align:var(--q-align,left)}tt-product-quiz .q-options{display:grid;grid-template-columns:repeat(var(--q-columns,1),minmax(0,1fr));gap:var(--q-gap,16px);margin:32px 0 20px}tt-product-quiz button,tt-product-quiz .q-shop{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:14px 24px;min-height:48px;background:var(--q-button-bg,#d45e46);color:var(--q-button-text,#fff);font-weight:600;text-decoration:none;display:inline-block;white-space:normal}tt-product-quiz .q-option,tt-product-quiz button.q-choice{display:flex;align-items:center;gap:18px;min-width:0;width:100%;min-height:112px;padding:var(--q-padding,20px);border:var(--q-border-width,1px) solid var(--q-border,#d6d6d6);border-radius:var(--q-radius,16px);background:var(--q-card-bg,#fff);color:var(--q-text,#272727);font:inherit;font-weight:400;text-align:left;cursor:pointer;transition:background-color .15s,border-color .15s}tt-product-quiz .q-option:hover,tt-product-quiz button.q-choice:hover{background:var(--q-hover,#f7f7f7);border-color:var(--q-accent,#d45e46)}tt-product-quiz .q-option:has(input:checked),tt-product-quiz button.q-choice[aria-pressed=true]{background:var(--q-selected,#fff6e8);border-color:var(--q-accent,#d45e46)}tt-product-quiz .q-answer-copy{display:block;min-width:0;flex:1}tt-product-quiz .q-option strong{display:block;font-size:var(--q-answer-size,18px);line-height:1.4;font-weight:600}tt-product-quiz small{display:block;color:var(--q-muted,#454545);font-size:13px;line-height:1.5}tt-product-quiz .q-option small{font-size:var(--q-body-size,16px);margin-top:4px}tt-product-quiz .q-answer-image{display:block;width:var(--q-image,80px);height:var(--q-image,80px);object-fit:contain;flex-shrink:0}tt-product-quiz .q-option input,tt-product-quiz .q-consent input{accent-color:var(--q-accent,#d45e46);width:19px;height:19px;flex-shrink:0}tt-product-quiz .q-dot{height:18px;width:18px;border:1px solid var(--q-border,#d6d6d6);border-radius:50%;flex-shrink:0}tt-product-quiz [aria-pressed=true] .q-dot{background:var(--q-accent,#d45e46);box-shadow:inset 0 0 0 4px #fff}tt-product-quiz .q-arrow{margin-left:auto;font-size:22px}tt-product-quiz.q-hide-images .q-answer-image,tt-product-quiz.q-hide-dots .q-dot,tt-product-quiz.q-hide-arrows .q-arrow,tt-product-quiz.q-hide-progress progress,tt-product-quiz.q-hide-progress .q-progress-with-icon,tt-product-quiz.q-hide-counter .q-progress-label{display:none}tt-product-quiz .q-progress-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;color:var(--q-muted,#454545)}tt-product-quiz .q-progress-label span:last-child{font-weight:400}tt-product-quiz progress{display:block;width:100%;height:5px;-webkit-appearance:none;appearance:none;border:0;border-radius:8px;overflow:hidden;background:var(--q-progress-track,var(--q-border,#d6d6d6));margin:12px 0 30px;accent-color:var(--q-progress-fill,var(--q-accent,#d45e46))}tt-product-quiz progress::-webkit-progress-bar{background:var(--q-progress-track,var(--q-border,#d6d6d6))}tt-product-quiz progress::-webkit-progress-value{background:var(--q-progress-fill,var(--q-accent,#d45e46))}tt-product-quiz progress::-moz-progress-bar{background:var(--q-progress-fill,var(--q-accent,#d45e46))}tt-product-quiz .q-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}tt-product-quiz .q-back,tt-product-quiz .q-skip{background:transparent;color:var(--q-text,#272727);text-decoration:underline;padding-left:0;font-size:14px}tt-product-quiz .q-new{margin:16px 0}tt-product-quiz .q-none{background:var(--q-hover,#f7f7f7);color:var(--q-text,#272727);width:100%;border:1px solid var(--q-border,#d6d6d6)}tt-product-quiz .q-tip{padding:16px 18px;background:var(--q-hover,#f7f7f7);border-radius:10px;font-size:14px}tt-product-quiz .q-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}tt-product-quiz input[type=email]{display:block;width:100%;padding:15px;border:1px solid var(--q-border,#d6d6d6);border-radius:7px;font:inherit;margin:10px 0 18px;background:var(--q-card-bg,#fff);color:var(--q-text,#272727)}tt-product-quiz .q-consent{display:flex;gap:10px;font-size:14px;align-items:flex-start;margin:18px 0}tt-product-quiz .q-consent a{color:inherit}tt-product-quiz button:disabled{opacity:.5;cursor:wait}tt-product-quiz .q-error{color:#a22928;font-size:14px}tt-product-quiz .q-result{background:var(--q-card-bg,#fff);border:1px solid var(--q-border,#d6d6d6);padding:28px;border-radius:var(--q-radius,16px);margin:25px 0}tt-product-quiz .q-result h2{font-size:28px}tt-product-quiz h3{font-size:18px;letter-spacing:0;margin:24px 0 12px}tt-product-quiz .q-reasons{list-style:disc;padding-left:21px;color:var(--q-muted,#454545);line-height:1.6;margin:0 0 24px}tt-product-quiz .q-reasons li{margin:7px 0}tt-product-quiz .q-titles{border-top:1px solid var(--q-border,#d6d6d6);margin:20px 0;padding-top:1px}tt-product-quiz .q-product-image{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;margin-bottom:25px}tt-product-quiz .q-note{font-size:13px}tt-product-quiz .q-demo{background:#fff0b3;color:#272727;padding:9px 16px;font-size:13px;text-align:center}tt-product-quiz :focus-visible{outline:3px solid var(--q-accent,#d45e46);outline-offset:4px}tt-product-quiz [tabindex="-1"]{scroll-margin-top:110px}tt-product-quiz .q-invitation{display:grid;gap:24px;align-items:center}tt-product-quiz .q-invitation-visual img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain}tt-product-quiz .q-invitation-visual p{text-align:center}@media(max-width:600px){tt-product-quiz .q-wrap{padding-left:20px;padding-right:20px}tt-product-quiz .q-options{grid-template-columns:1fr}tt-product-quiz h1,tt-product-quiz h2{font-size:var(--q-heading-mobile,28px)}tt-product-quiz .q-option,tt-product-quiz button.q-choice{gap:14px;min-height:96px}tt-product-quiz .q-answer-image{width:min(var(--q-image,80px),72px);height:min(var(--q-image,80px),72px)}tt-product-quiz .q-progress-label span:last-child{display:none}tt-product-quiz .q-result{padding:20px}}tt-product-quiz .q-answer-image{border-radius:var(--q-image-radius,50%);object-fit:var(--q-image-fit,cover)}tt-product-quiz .q-editor-preview{padding:16px 24px;background:#f1f5f9;border-bottom:1px solid #d6d6d6;color:#172c47}tt-product-quiz .q-editor-preview label{display:flex;align-items:center;gap:12px;max-width:900px;margin:auto;font-weight:600}tt-product-quiz .q-editor-preview select{width:100%;min-width:0;padding:10px 12px;background:#fff;color:#172c47;border:1px solid #aeb8c4;border-radius:6px;font:inherit}tt-product-quiz .q-editor-preview small{display:block;max-width:900px;margin:6px auto 0;font-size:12px}tt-product-quiz button:disabled{opacity:.5;cursor:not-allowed}tt-product-quiz .q-option input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0}tt-product-quiz .q-option:has(input[type=checkbox]:checked){box-shadow:inset 0 0 0 1px var(--q-accent,#d45e46)}tt-product-quiz .q-option:has(input[type=checkbox]:focus-visible){outline:3px solid var(--q-accent,#d45e46);outline-offset:4px}@media(max-width:749px){tt-product-quiz:has(.q-options) .q-wrap{padding:var(--q-mobile-space,24px) 16px}tt-product-quiz:has(.q-options) progress{margin:8px 0 16px}tt-product-quiz:has(.q-options) .q-question{margin:12px 0 8px}tt-product-quiz:has(.q-options) .q-question-hint{margin:8px 0 12px}tt-product-quiz .q-options{gap:var(--q-mobile-gap,8px);margin:16px 0 12px}tt-product-quiz .q-options .q-option,tt-product-quiz .q-options button.q-choice{min-height:64px;padding:var(--q-mobile-padding,10px) 12px;gap:12px}tt-product-quiz .q-options .q-answer-image{width:var(--q-mobile-image,44px);height:var(--q-mobile-image,44px)}tt-product-quiz .q-options .q-answer-copy{line-height:1.35}tt-product-quiz .q-options .q-answer-copy small{display:block;line-height:1.35;margin-top:2px}tt-product-quiz .q-card>form:has(.q-options)>.q-actions{margin-top:12px;gap:12px}tt-product-quiz[data-mobile-sticky-continue=true] .q-card>form:has(.q-options)>.q-actions:has(button[type=submit]){position:sticky;bottom:0;z-index:5;background:var(--q-bg,#fff);padding:10px 0 max(10px,env(safe-area-inset-bottom));box-shadow:0 -8px 16px var(--q-bg,#fff);flex-wrap:nowrap}tt-product-quiz .q-card>form:has(.q-options)>.q-actions button{min-height:44px;padding:10px 18px}}body[data-tt-quiz-focus] .tt-quiz-focus-path>:not(.tt-quiz-focus-path):not(tt-product-quiz),body[data-tt-quiz-focus] #shopify-section-sticky-atc,body[data-tt-quiz-focus] #shopify-section-sticky-offer,body[data-tt-quiz-focus] #gorgias-chat-container,body[data-tt-quiz-focus] #mount-floating-engagement-widget,body[data-tt-quiz-focus] .klaviyo-form{display:none!important}@media(max-width:749px){tt-product-quiz .q-options{width:var(--q-mobile-options-width,max-content);max-width:min(100%,var(--q-mobile-options-max,344px));margin-left:auto;margin-right:auto;grid-template-columns:minmax(0,1fr)}tt-product-quiz .q-options .q-option,tt-product-quiz .q-options button.q-choice{width:100%;max-width:100%;text-align:left}}@media(max-width:749px){tt-product-quiz .q-question,tt-product-quiz .q-question-hint,tt-product-quiz .q-selection-instructions{text-align:var(--q-mobile-align,center)}tt-product-quiz .q-selection-instructions{display:block;width:100%}}@media(min-width:750px){tt-product-quiz .q-options>.q-option:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc((100% - var(--q-gap,16px) * (var(--q-columns,1) - 1)) / var(--q-columns,1))}}tt-product-quiz .q-selection-instructions{display:block;margin:8px 0 0;text-align:var(--q-align,left)}@media(max-width:749px){tt-product-quiz .q-selection-instructions{text-align:var(--q-mobile-align,center)}}tt-product-quiz .q-progress-with-icon{--q-progress-icon-display-size:var(--q-progress-icon-size,40px);position:relative;height:var(--q-progress-icon-display-size);display:flex;align-items:center;margin:12px 0 20px}tt-product-quiz .q-progress-with-icon progress{margin:0}tt-product-quiz .q-progress-icon{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:var(--q-progress-icon-display-size);height:var(--q-progress-icon-display-size);padding:var(--q-progress-icon-padding);border:var(--q-progress-icon-border-width) solid var(--q-progress-icon-border);border-radius:50%;background:var(--q-progress-icon-bg);pointer-events:none}tt-product-quiz .q-progress-icon img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:749px){tt-product-quiz .q-progress-with-icon{--q-progress-icon-display-size:var(--q-progress-icon-mobile,32px)}tt-product-quiz:has(.q-options) .q-progress-with-icon{margin:8px 0 12px}tt-product-quiz:has(.q-options) .q-progress-with-icon progress{margin:0}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/tt-quiz.css.map */