.cl-quiz{position:relative;display:flex;flex-direction:column;min-height:var(--cl-quiz-height, 100vh);color:var(--cl-white);background:var(--cl-cocoa);overflow:hidden;isolation:isolate;--cl-quiz-ease: cubic-bezier(.4, 0, .2, 1)}@supports (height: 100svh){.cl-quiz.is-vh{min-height:100svh}}@media screen and (min-width:992px){html:not(.cl-quiz-solo) .cl-quiz.is-vh{min-height:calc(100vh - var(--cl-nav-h, 0px))}}.cl-quiz-solo .shopify-section-group-header-group,.cl-quiz-solo .shopify-section-group-footer-group,.cl-quiz-solo .cl-nav,.cl-quiz-solo .cl-footer{display:none!important}.cl-quiz-solo .cl .main-wrapper{padding-top:0}.cl-quiz__backdrops{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--cl-cocoa)}.cl-quiz__backdrop{position:fixed;top:-4%;right:-4%;bottom:-4%;left:-4%;background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(28px) saturate(1.06);-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.cl-quiz__backdrop.is-plain{background-image:linear-gradient(160deg,var(--cl-cocoa-lift),var(--cl-cocoa))}.cl-quiz__tint{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(37,31,32,calc(var(--cl-quiz-tint, .45) + .2)),rgba(37,31,32,calc(var(--cl-quiz-tint, .45) + .06)) 38%,rgba(37,31,32,calc(var(--cl-quiz-tint, .45) + .24)))}.cl-quiz__chrome{position:relative;z-index:2;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--cl-ink-50) 0%,var(--cl-ink-22) 60%,#251f2000 100%)}.cl-quiz__chrome-row{display:flex;align-items:center;justify-content:space-between;column-gap:1.25rem;padding:1rem 5%;min-height:4rem}.cl-quiz__brand{display:flex;align-items:center;min-width:0}.cl-quiz__logo{display:block;width:auto;height:1.875rem;filter:brightness(0) invert(1) drop-shadow(0 1px 4px #251f2073);opacity:.95}.cl-quiz__brand:hover .cl-quiz__logo{opacity:1}.cl-quiz__wordmark{font-family:var(--cl-font-heading);font-size:1.5rem;color:var(--cl-white);text-decoration:none}.cl-quiz__brand:focus-visible{outline:2px solid var(--cl-white);outline-offset:4px;border-radius:.25rem}.cl-quiz__shop{flex:none}.cl-quiz__rail{position:relative;height:.125rem;background:#ffffff38;flex:none;overflow:visible}.cl-quiz__rail[hidden]{display:none}.cl-quiz__rail-fill{display:block;height:100%;width:0;background:var(--cl-white);transition:width .525s cubic-bezier(.357,.007,.58,1)}.cl-quiz__pct{position:absolute;top:50%;left:clamp(1.75rem,var(--cl-quiz-pct, 0%),calc(100% - 1.75rem));z-index:2;transform:translate(-50%,-50%);padding:.1875rem .5rem;border-radius:999px;border:1px solid rgb(255 255 255 / 55%);background-color:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cl-white);font-size:.6875rem;letter-spacing:.06em;font-variant-numeric:tabular-nums;transition:left .525s cubic-bezier(.357,.007,.58,1)}.cl-quiz__pct[hidden]{display:none}@media(prefers-reduced-motion:reduce){.cl-quiz__rail-fill,.cl-quiz__pct{transition:none}}@media screen and (max-width:767px){.cl-quiz__chrome-row{padding:.75rem 5%;min-height:3.5rem}.cl-quiz__logo{height:1.5rem}.cl-quiz__wordmark{font-size:1.25rem}}.cl-quiz__stage{position:relative;z-index:1;flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:2.5rem 5% 3.5rem;min-height:0}.cl-quiz__morph{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:visible}.cl-quiz__panel{width:100%;max-width:44rem;margin-inline:auto}.cl-quiz__panel[hidden]{display:none}.cl-quiz__wrap{box-sizing:border-box;background:var(--cl-lucidity);color:var(--cl-cocoa);border-radius:1.25rem;padding:2.25rem 2.5rem 2.5rem;transition:height .45s var(--cl-quiz-ease)}.cl-quiz__wrap.is-morphing{overflow:hidden}@media(prefers-reduced-motion:reduce){.cl-quiz__wrap{transition:none}}.cl-quiz__spinner{display:inline-block;width:1.75rem;height:1.75rem;flex:none;border-radius:50%;border:2px solid var(--cl-ink-16);border-top-color:var(--cl-cocoa);animation:cl-quiz-spin .8s linear infinite}.cl-quiz__spinner.is-small{width:1rem;height:1rem;border-width:2px}.cl-quiz__spinner.is-inverse{border-color:#ffffff47;border-top-color:var(--cl-white)}@keyframes cl-quiz-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cl-quiz__spinner{animation:none}}.cl-quiz__tally{position:absolute;z-index:3;right:2rem;bottom:2rem;width:17rem;display:flex;flex-direction:column;border-radius:.75rem;border:1px solid rgba(255,255,255,.16);background:#251f206b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1rem 2.5rem var(--cl-ink-28);color:var(--cl-white);overflow:hidden}.cl-quiz__tally[hidden]{display:none}.cl-quiz__tally-head{display:flex;align-items:center;gap:.5rem;padding:.75rem .875rem .5rem;border:0;background:none;color:inherit;cursor:pointer;font-family:inherit;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;text-align:left}.cl-quiz__tally-head:focus-visible{outline:2px solid var(--cl-white);outline-offset:-2px}.cl-quiz__tally-title{flex:1 1 auto;opacity:.82}.cl-quiz__tally-count{flex:none;min-width:1.25rem;height:1.25rem;padding:0 .25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.25rem;background:var(--cl-lucid);color:var(--cl-cocoa);font-size:.75rem;letter-spacing:0}.cl-quiz__tally-chevron{width:.875rem;height:.875rem;flex:none;opacity:.7;transition:transform .3s var(--cl-quiz-ease)}.cl-quiz__tally.is-collapsed .cl-quiz__tally-chevron{transform:rotate(180deg)}.cl-quiz__tally-list{list-style:none;margin:0;padding:0 .5rem .5rem;max-height:44vh;overflow-y:auto}.cl-quiz__tally.is-collapsed .cl-quiz__tally-list{display:none}.cl-quiz__tally-row+.cl-quiz__tally-row{border-top:1px solid rgba(255,255,255,.1)}.cl-quiz__tally-jump{width:100%;display:flex;flex-direction:column;gap:.125rem;padding:.5rem .375rem;border:0;border-radius:.375rem;background:none;color:inherit;cursor:pointer;font-family:inherit;text-align:left}.cl-quiz__tally-jump:hover{background:#ffffff1a}.cl-quiz__tally-jump:focus-visible{outline:2px solid var(--cl-white);outline-offset:-2px}.cl-quiz__tally-q{font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.cl-quiz__tally-a{font-size:.875rem;line-height:1.35}@media(prefers-reduced-motion:reduce){.cl-quiz__tally-chevron{transition:none}}@media screen and (max-width:1279px){.cl-quiz__tally{right:1rem;bottom:1rem;width:auto;overflow:visible;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.cl-quiz__tally-head{border-radius:2rem;border:1px solid rgba(255,255,255,.16);background:#251f208c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 .75rem 2rem #251f204d}.cl-quiz__tally-list{position:absolute;right:0;bottom:calc(100% + .5rem);width:min(15rem,calc(100vw - 2rem));padding:.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.16);background:#251f209e;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1rem 2.5rem var(--cl-ink-35);max-height:50vh}}.cl-quiz__back{-webkit-appearance:none;appearance:none;border:0;background:none;padding:.125rem .375rem;margin:0 auto 1rem;width:max-content;color:var(--cl-cocoa);font:inherit;font-size:.8125rem;line-height:1;display:flex;align-items:center;gap:.3rem;letter-spacing:.02em;opacity:.58;cursor:pointer;transition:opacity .15s ease}.cl-quiz__back:hover{opacity:1}.cl-quiz__back:focus-visible{outline:2px solid var(--cl-cocoa);outline-offset:3px;border-radius:.25rem;opacity:1}.cl-quiz__back[hidden]{display:none}.cl-quiz__back svg{width:.875rem;height:.875rem;flex:none}@media(prefers-reduced-motion:reduce){.cl-quiz__back{transition:none}}.cl-quiz__copy{text-align:center}.cl-quiz__eyebrow{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cl-dark-red);font-weight:500;margin-bottom:.75rem;min-height:1em}.cl-quiz__title,.cl-quiz__question{color:inherit}.cl .cl-quiz__hint{margin-top:.75rem;margin-inline:auto;max-width:34rem;font-size:.9375rem;opacity:.72}.cl .cl-quiz__lead{margin-top:1rem;margin-inline:auto;max-width:36rem;font-size:1.0625rem;line-height:1.55;color:var(--cl-cocoa);opacity:.82}.cl-quiz__actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.75rem}.cl-quiz__meta{font-size:.8125rem;opacity:.65}.cl-quiz__answers{display:grid;grid-template-columns:1fr;gap:.625rem;margin-top:2.25rem;text-align:left}@media screen and (min-width:1200px){.cl-quiz__answers.is-duo{grid-template-columns:1fr 1fr}}.cl-quiz__answer{-webkit-appearance:none;appearance:none;position:relative;display:flex;align-items:center;gap:.875rem;width:100%;min-height:4rem;padding:.875rem 1rem;border:1px solid var(--cl-ink-14);border-radius:.75rem;background:var(--cl-white);color:var(--cl-cocoa);font:inherit;text-align:left;line-height:1.35;cursor:pointer;transition:background .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}.cl-quiz__answer:hover{border-color:var(--cl-cocoa)}.cl-quiz__answer:focus-visible{outline:2px solid var(--cl-cocoa);outline-offset:2px}.cl-quiz__answer.is-on{background:var(--cl-white);border-color:var(--cl-cocoa);box-shadow:inset 0 0 0 1px var(--cl-cocoa)}.cl-quiz__answer-main{display:flex;align-items:flex-start;flex:1 1 auto;min-width:0;padding-right:2.25rem}.cl-quiz__box{position:absolute;top:.75rem;right:.75rem;width:1.375rem;min-width:1.375rem;height:1.375rem;min-height:1.375rem;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:14px 14px;border:1px solid var(--cl-line);border-radius:.25rem;line-height:normal;transition:background-color .2s,border-color .2s}.cl-quiz__answer:hover .cl-quiz__box{border-color:var(--cl-cocoa)}.cl-quiz__answer.is-on .cl-quiz__box{background-color:var(--cl-cocoa);border-color:var(--cl-cocoa);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:reduce){.cl-quiz__box{transition:none}}.cl-quiz__thumb{flex:none;width:4rem;height:4rem;border-radius:.5rem;overflow:hidden;background:var(--cl-pumice)}.cl-quiz__thumb img{width:100%;height:100%;object-fit:cover;display:block}.cl-quiz__answer.has-thumb{padding:.75rem .875rem}.cl-quiz__icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--cl-lucidity);color:var(--cl-cocoa);transition:background-color .2s,color .2s}.cl-quiz__icon svg{width:1.375rem;height:1.375rem;display:block}.cl-quiz__answer.is-on .cl-quiz__icon{background:var(--cl-cocoa);color:var(--cl-white)}@media(prefers-reduced-motion:reduce){.cl-quiz__icon{transition:none}}.cl-quiz__answer-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1 1 auto}.cl-quiz__answer-label{font-size:1rem;font-weight:400;line-height:1.35}.cl-quiz__answer-sub{font-size:.8125rem;line-height:1.4;opacity:.68}@media screen and (max-width:767px){.cl-quiz__answer{min-height:3.5rem;padding:.8125rem .875rem;gap:.75rem}.cl-quiz__answer.has-thumb{padding:.625rem .75rem}.cl-quiz__thumb{width:3.25rem;height:3.25rem}}.cl-quiz__step-actions{display:flex;justify-content:center;margin-top:1.75rem}.cl-quiz__next{position:relative;width:min(100%,22rem);overflow:hidden}.cl-quiz__next[disabled]{opacity:.38;pointer-events:none}.cl-quiz__next.is-waiting[disabled],.cl-quiz__next.is-waiting{opacity:1;pointer-events:none}.cl-quiz__next-label{display:block;transition:opacity .15s ease}.cl-quiz__next-wait{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:0 1.25rem;opacity:0;transition:opacity .2s ease}.cl-quiz__next-text{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cl-quiz__next.is-waiting .cl-quiz__next-label{opacity:0}.cl-quiz__next.is-waiting .cl-quiz__next-wait{opacity:1}@media(prefers-reduced-motion:reduce){.cl-quiz__next-label,.cl-quiz__next-wait{transition:none}}.cl-quiz__form{margin-top:1.5rem;text-align:left}.cl-quiz__fields{display:grid;grid-template-columns:1fr;gap:.875rem}@media screen and (min-width:768px){.cl-quiz__fields{grid-template-columns:1fr 1.4fr}.cl-quiz__fields .cl-field.is-full{grid-column:1 / -1}}.cl-field.is-phone .cl-field__control{align-items:stretch}.cl-phone__country{position:relative;flex:none;display:inline-flex;align-items:center;gap:.5rem;min-height:3.25rem;padding:0 .75rem 0 .875rem;border:1px solid var(--cl-ink-22);border-right:0;border-radius:.625rem 0 0 .625rem;background:var(--cl-white);color:var(--cl-cocoa);font-size:.9375rem;font-variant-numeric:tabular-nums}.cl-phone__country:focus-within{border-color:var(--cl-cocoa);box-shadow:inset 0 0 0 1px var(--cl-cocoa)}.cl-phone__code{white-space:nowrap}.cl-phone__chevron{width:.875rem;height:.875rem;opacity:.6;flex:none}.cl-phone__select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:1rem}.cl .cl-field.is-phone .cl-phone__input{border-radius:0 .625rem .625rem 0}.cl .cl-field.is-phone.is-valid .cl-phone__country{border-color:var(--cl-valid);box-shadow:inset 0 0 0 1px var(--cl-valid)}.cl .cl-field.is-phone.is-invalid .cl-phone__country{border-color:var(--cl-dark-red);box-shadow:inset 0 0 0 1px var(--cl-dark-red)}.cl-quiz__form .cl-quiz__actions{margin-top:2rem}.cl-quiz__skip{-webkit-appearance:none;appearance:none;border:0;background:none;color:inherit;font:inherit;font-size:.9375rem;text-decoration:underline;text-underline-offset:.2em;opacity:.7;cursor:pointer;padding:.25rem .5rem}.cl-quiz__skip:hover{opacity:1}.cl-quiz__consent{margin-top:1.75rem;font-size:.75rem;line-height:1.5;opacity:.62;text-align:center}.cl-quiz .button.is-busy{opacity:.6;pointer-events:none}.cl-quiz__thinking{display:flex;flex-direction:column;align-items:center;gap:.625rem;text-align:center}.cl-quiz__reel{position:relative;width:min(100%,16rem);aspect-ratio:4 / 3;border-radius:.75rem;background:var(--cl-white);overflow:hidden}.cl-quiz__reel-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:.5rem;opacity:0;transition:opacity .18s ease}.cl-quiz__reel-img.is-on{opacity:1}.cl-quiz__reel-name{font-family:var(--cl-font-heading);font-size:1.125rem;min-height:1.5em}.cl-quiz__thinking .cl-quiz__spinner{margin-top:.5rem}.cl .cl-quiz__thinking-title{font-size:1.0625rem;line-height:1.4;margin-top:.25rem}.cl .cl-quiz__thinking-line{font-size:.875rem;line-height:1.5;opacity:.66;max-width:30rem;margin-inline:auto}@media(prefers-reduced-motion:reduce){.cl-quiz__reel-img{transition:none}}.cl-quiz__wrap.is-result{padding:2rem 2.5rem 2.25rem}.cl-quiz__result{display:flex;flex-direction:column;gap:1.25rem}.cl-quiz__result-eyebrow{text-align:center;margin-bottom:0}.cl-quiz__result-image{display:block;border-radius:.75rem;background:var(--cl-white);border:1px solid var(--cl-ink-10);aspect-ratio:16 / 10;overflow:hidden}.cl-quiz__result-image img{width:100%;height:100%;object-fit:contain;display:block;padding:1rem}.cl-quiz__result-body{display:flex;flex-direction:column;gap:.625rem;text-align:left}.cl-quiz__result-name{color:inherit}.cl-quiz__result-price{font-family:var(--cl-font-heading);font-size:1.5rem}.cl .cl-quiz__result-why{font-size:1.0625rem;line-height:1.5}.cl .cl-quiz__facts{list-style:none;margin:.25rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem}.cl-quiz__fact{display:flex;align-items:center;gap:.625rem;min-width:0}.cl-quiz__fact-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--cl-white);color:var(--cl-cocoa)}.cl-quiz__fact-icon svg{width:1.25rem;height:1.25rem;display:block}.cl-quiz__fact-text{display:flex;flex-direction:column;min-width:0}.cl-quiz__fact-label{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.cl-quiz__fact-value{font-size:.9375rem;line-height:1.35}.cl .cl-quiz__reasons{margin:.5rem 0 0;padding:0;list-style:none;display:grid;gap:.5rem}.cl-quiz__reasons li{position:relative;padding-left:1.5rem;line-height:1.45;font-size:.9375rem}.cl-quiz__reasons li:before{content:"";position:absolute;left:0;top:.45em;width:.9375rem;height:.9375rem;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23251f20'/%3E%3Cpath d='M4.6 8.4l2.2 2.2 4.6-5' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.cl-quiz__addon{margin-top:.25rem;padding:.625rem .75rem;border-radius:.5rem;background:var(--cl-lucid)}.cl-quiz__addon[hidden]{display:none}.cl-quiz__result-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.cl-quiz__result-actions .button,.cl-quiz__result-actions .button-secondary{min-width:0;flex:1 1 14rem}.cl-quiz__result-link{align-self:center;color:inherit;font-size:.9375rem;text-decoration:underline;text-underline-offset:.2em;opacity:.8}.cl-quiz__result-link:hover{opacity:1}.cl-quiz__runner{border-top:1px solid var(--cl-ink-12);padding-top:1.25rem;display:flex;flex-direction:column;gap:.625rem}.cl-quiz__runner[hidden]{display:none}.cl-quiz__runner-tag{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cl-dark-red);font-weight:500}.cl-quiz__runner-row{display:flex;align-items:center;gap:1rem;color:inherit;text-decoration:none}.cl-quiz__runner-row:hover .cl-quiz__runner-name{text-decoration:underline;text-underline-offset:.2em}.cl-quiz__runner-image{flex:none;width:5.5rem;height:4.25rem;border-radius:.5rem;background:var(--cl-white);overflow:hidden}.cl-quiz__runner-image img{width:100%;height:100%;object-fit:contain;display:block;padding:.25rem}.cl-quiz__runner-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.cl-quiz__runner-name{font-family:var(--cl-font-heading);font-size:1.125rem}.cl-quiz__runner-sub{opacity:.7}.cl-quiz__send{border-top:1px solid var(--cl-ink-12);padding-top:1.25rem}.cl-quiz__send[hidden]{display:none}.cl-quiz__send-title{font-family:var(--cl-font-heading);font-size:1.25rem;font-weight:400}.cl .cl-quiz__send-text{margin-top:.375rem;font-size:.9375rem;opacity:.72}.cl-quiz__send .cl-quiz__form{margin-top:1rem}.cl-quiz__send .cl-quiz__form .cl-quiz__actions{margin-top:1.25rem}.cl-quiz__note{opacity:.8}.cl-quiz__note[hidden]{display:none}.cl-quiz__result-foot{display:flex;justify-content:center}.cl-quiz__restart.is-result{-webkit-appearance:none;appearance:none;border:1px solid var(--cl-ink-28);background:none;color:var(--cl-cocoa);font:inherit;font-size:.875rem;line-height:1;display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;border-radius:100px;cursor:pointer}.cl-quiz__restart.is-result:hover{background:var(--cl-white);border-color:var(--cl-cocoa)}@media screen and (max-width:767px){.cl-quiz__stage{padding:1.5rem 5% 2.5rem;align-items:flex-start}.cl-quiz__wrap{padding:1.5rem 1.25rem 1.75rem;border-radius:1rem}.cl-quiz__wrap.is-result{padding:1.25rem 1rem 1.5rem}.cl-quiz__answers{margin-top:1.25rem}.cl .cl-quiz__question{font-size:1.625rem;line-height:1.22}.cl .cl-quiz__lead{font-size:1rem}.cl .cl-quiz__facts{grid-template-columns:1fr;gap:.625rem}.cl-quiz__result-actions .button,.cl-quiz__result-actions .button-secondary{width:100%;flex-basis:100%}.cl-quiz__next{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/cl-quiz.css.map */