.shopify-section--bubbles-angels-hair-quiz .hair-quiz{background:var(--color-neutral-charcoal);max-height:100vh;max-height:100svh;min-height:100vh;min-height:100svh;overflow:hidden;position:relative}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__background{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__background-media{background:var(--color-neutral-charcoal);height:100%;overflow:hidden;position:relative;width:100%}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__background-picture,.shopify-section--bubbles-angels-hair-quiz .hair-quiz__background-image,.shopify-section--bubbles-angels-hair-quiz .hair-quiz__background-texture{display:block;height:100%;width:100%}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__background-image{object-fit:cover;object-position:center center}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__background-texture{top:0;right:0;bottom:0;left:0;mix-blend-mode:soft-light;object-fit:cover;opacity:.17;position:absolute}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__content{align-items:center;display:flex;flex-direction:column;gap:var(--space-16);max-height:100vh;max-height:100svh;min-height:100vh;min-height:100svh;padding:var(--space-24) var(--space-16);position:relative;z-index:1}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__intro{align-items:center;display:flex;flex-direction:column;gap:var(--space-12);margin-top:34px;text-align:center}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__title{color:var(--color-white);font-family:var(--font-body),sans-serif!important;font-size:32px!important;font-style:normal;font-weight:500!important;letter-spacing:-.48px!important;line-height:1.1!important;margin:0;max-width:177px;text-transform:none!important}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__subtitle{color:var(--color-white);font-family:var(--font-body),sans-serif!important;font-size:14px!important;font-style:normal;font-weight:500!important;letter-spacing:.07px!important;line-height:1.286!important;margin:0}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__viewport{cursor:grab;margin-top:var(--space-12);overflow:hidden;touch-action:pan-y;width:300px}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__viewport.is-dragging{cursor:grabbing}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__track{display:flex;gap:var(--space-16);transition:transform .32s ease;will-change:transform}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__track.is-dragging{transition:none}.shopify-section--bubbles-angels-hair-quiz .quiz-step-card{background:var(--color-surface-cream);display:flex;flex:0 0 300px;flex-direction:column;gap:var(--space-16);min-height:250px;padding:var(--space-24)}.shopify-section--bubbles-angels-hair-quiz .quiz-step-card__number{color:var(--color-black);font-family:var(--font-body),sans-serif!important;font-size:32px!important;font-style:normal;font-weight:500!important;letter-spacing:-.48px!important;line-height:1.1!important;margin:0}.shopify-section--bubbles-angels-hair-quiz .quiz-step-card__heading{color:var(--color-ink-brand);font-family:var(--font-body),sans-serif!important;font-size:12px!important;font-style:normal;font-weight:600!important;letter-spacing:1.2px!important;line-height:15px!important;margin:0;text-transform:uppercase!important}.shopify-section--bubbles-angels-hair-quiz .quiz-step-card__options{display:grid;gap:17px 0}.shopify-section--bubbles-angels-hair-quiz .quiz-step-card__options--columns-3{gap:17px 32px;grid-template-columns:repeat(3,minmax(0,1fr))}.shopify-section--bubbles-angels-hair-quiz .quiz-step-card__options--columns-5{grid-template-columns:repeat(5,50px);justify-content:space-between}.shopify-section--bubbles-angels-hair-quiz .quiz-step-card__next{align-items:center;align-self:flex-start;background:transparent;border:0;color:var(--color-black);cursor:pointer;display:inline-flex;font-family:var(--font-body),sans-serif!important;font-size:12px!important;font-style:normal;font-weight:600!important;gap:4px;letter-spacing:1.2px!important;line-height:15px!important;margin-top:auto;padding:0}.shopify-section--bubbles-angels-hair-quiz .quiz-step-card__next[disabled]{cursor:default;opacity:.35}.shopify-section--bubbles-angels-hair-quiz .quiz-step-card__next-label{display:inline-flex;line-height:15px;text-transform:uppercase!important}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip{align-items:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-8);padding:0;position:relative;text-align:center}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip__media{align-items:center;background:var(--color-surface-warm);display:flex;justify-content:center;overflow:hidden;position:relative}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip--method{width:50px}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip--method .quiz-option-chip__media{border-radius:var(--radius-full);height:45px;width:45px}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip--texture,.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip--fullness{min-width:0}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip--texture .quiz-option-chip__media,.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip--fullness .quiz-option-chip__media{border-radius:var(--radius-full);height:50px;width:100%}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip__image{display:block;height:100%;max-width:none!important;object-fit:cover;width:100%}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip[data-value=weft] .quiz-option-chip__image{object-position:center 58%}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip[data-value=genius-weft] .quiz-option-chip__image{object-position:center 52%}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip[data-value=tape-in] .quiz-option-chip__image{object-position:center 26%}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip[data-value=halo] .quiz-option-chip__image{object-fit:contain;object-position:center 68%;transform:scale(.94)}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip[data-value=clip-ins] .quiz-option-chip__image{object-position:center 38%}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip[data-value=natural-straight] .quiz-option-chip__image{object-position:center}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip[data-value=natural-wavy] .quiz-option-chip__image{object-position:center 40%}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip[data-value=deep-wave] .quiz-option-chip__image{object-position:center 34%}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip__label{color:var(--color-ink-brand);font-family:var(--font-body),sans-serif!important;font-size:10px!important;font-style:normal;font-weight:500!important;letter-spacing:.07px!important;line-height:14px!important}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip.is-selected .quiz-option-chip__media:after{content:none}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip.is-selected .quiz-option-chip__media{outline:1px solid var(--color-ink-brand);outline-offset:3px}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip__graphic{align-items:center;display:flex;gap:6px;height:100%;justify-content:center;transform:rotate(90deg)}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip__graphic-bar{border:1.5px solid rgba(0,0,0,.5);border-radius:var(--radius-full);display:block;height:28px;width:5px}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip__graphic--bars-4 .quiz-option-chip__graphic-bar{height:27px}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip__graphic--bars-6 .quiz-option-chip__graphic-bar{height:39px}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip__graphic--bars-7 .quiz-option-chip__graphic-bar{height:49px}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip--fullness .quiz-option-chip__label{color:#111111b3}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__progress{background:#ffffff40;height:2px;margin-top:2px;overflow:hidden;width:300px}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__progress-indicator{background:var(--color-white);display:block;height:100%;transition:width .32s ease;width:calc(100% / var(--quiz-total-steps, 3))}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__result-title{margin-top:var(--space-16);position:relative}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__result-title-label{color:var(--color-white);display:inline-block;font-family:var(--font-body),sans-serif!important;font-size:12px!important;font-style:normal;font-weight:600!important;letter-spacing:1.2px!important;line-height:15px!important;padding:var(--space-4) 0;position:relative;text-transform:uppercase!important}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__result-title-label:after{background:var(--color-white);bottom:4px;content:"";height:1px;left:0;position:absolute;right:0}@media(min-width:768px){.shopify-section--bubbles-angels-hair-quiz .hair-quiz{max-height:100vh;max-height:100svh;min-height:100vh;min-height:100svh}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__background-media{margin:0 auto}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__content{gap:var(--space-32);margin:0 auto;max-width:1440px;max-height:100vh;max-height:100svh;min-height:100vh;min-height:100svh;padding:96px 0}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__intro{gap:var(--space-12);margin-top:0}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__title{font-size:48px!important;letter-spacing:0!important;line-height:1!important;max-width:504px}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__subtitle{font-size:20px!important;letter-spacing:0!important;line-height:24px!important}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__viewport{cursor:grab;margin-top:0;overflow:hidden;touch-action:pan-y;width:520px}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__track{gap:var(--space-16);margin:0}.shopify-section--bubbles-angels-hair-quiz .quiz-step-card{flex-basis:520px;gap:var(--space-16);min-height:240px;padding:22px}.shopify-section--bubbles-angels-hair-quiz .quiz-step-card__number{font-size:40px!important;letter-spacing:0!important;line-height:1!important}.shopify-section--bubbles-angels-hair-quiz .quiz-step-card__heading,.shopify-section--bubbles-angels-hair-quiz .quiz-step-card__next{font-size:16px!important;letter-spacing:1.5px!important;line-height:28px!important}.shopify-section--bubbles-angels-hair-quiz .quiz-step-card__next-label{line-height:28px}.shopify-section--bubbles-angels-hair-quiz .quiz-step-card__options--columns-5{gap:0 32px;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:initial}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip--method{width:auto}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip--method .quiz-option-chip__media{height:64px;width:64px}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip--texture .quiz-option-chip__media,.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip--fullness .quiz-option-chip__media{height:64px}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip--fullness .quiz-option-chip__media{border:1.5px solid rgba(0,0,0,.5)}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip__graphic-bar{height:36px;width:4.922px}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip__graphic--bars-4 .quiz-option-chip__graphic-bar{height:27px}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip__graphic--bars-6 .quiz-option-chip__graphic-bar{height:39px}.shopify-section--bubbles-angels-hair-quiz .quiz-option-chip__graphic--bars-7 .quiz-option-chip__graphic-bar{height:49px}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__progress{margin-top:0;width:520px}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__result-title{margin-top:0}.shopify-section--bubbles-angels-hair-quiz .hair-quiz__result-title-label{font-size:16px!important;letter-spacing:1.5px!important;line-height:28px!important}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/bubbles-angels-hair-quiz.css.map */