.rb-quiz{--rb-quiz-gap: 1.6rem;--rb-quiz-block-sm: 1.2rem;--rb-quiz-block-md: 2.4rem;--rb-quiz-block-lg: 4rem;--rb-quiz-tracking: .08em;--rb-quiz-step-width: 88rem;display:block;padding-block-start:var(--p-spacing-t, 80px);padding-block-end:var(--p-spacing-b, 80px)}.rb-quiz__step{max-width:var(--rb-quiz-step-width);margin-inline:auto;text-align:center}.rb-quiz__step--intro,.rb-quiz__step--email{max-width:60rem}.rb-quiz__step--results{max-width:none}.rb-quiz__progress{max-width:var(--rb-quiz-step-width);margin-inline:auto;margin-block-end:var(--rb-quiz-block-md)}.rb-quiz__progress-label{margin:0 0 .8rem;font-family:var(--font-body--family);font-size:var(--body-xxs-font-size, 1rem);letter-spacing:var(--rb-quiz-tracking);text-transform:uppercase;color:var(--color-foreground-muted)}.rb-quiz__progress-track{height:2px;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-15))}.rb-quiz__progress-bar{height:100%;width:0;background-color:var(--color-primary);transition:width var(--duration-default, .2s) var(--cubic-smooth, ease)}.rb-quiz__title,.rb-quiz__question{margin:0 0 var(--rb-quiz-block-sm);padding:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:var(--font-size--3xl);line-height:1.2;letter-spacing:var(--rb-quiz-tracking);text-transform:uppercase;color:var(--color-foreground-heading)}@media screen and (max-width:749px){.rb-quiz__title,.rb-quiz__question{font-size:var(--font-size--xl);letter-spacing:.04em}}.rb-quiz__fieldset{display:block;min-inline-size:0;margin:0;padding:0;border:0}legend.rb-quiz__question{display:block;width:100%}.rb-quiz__lede{margin:0 auto var(--rb-quiz-block-md);max-width:52rem;font-family:var(--font-body--family);font-size:var(--font-size--sm);line-height:1.7;color:rgb(var(--color-foreground-rgb) / var(--opacity-80))}.rb-quiz__options{display:grid;gap:var(--rb-quiz-gap);margin-block-end:var(--rb-quiz-block-md);grid-template-columns:repeat(2,minmax(0,1fr));text-align:start}.rb-quiz__options--text{grid-template-columns:minmax(0,1fr);max-width:44rem;margin-inline:auto}@media screen and (min-width:750px){.rb-quiz__options--2{grid-template-columns:repeat(2,minmax(0,1fr))}.rb-quiz__options--3{grid-template-columns:repeat(3,minmax(0,1fr))}.rb-quiz__options--4{grid-template-columns:repeat(4,minmax(0,1fr))}.rb-quiz__options--text{max-width:none}}.rb-quiz__option{position:relative;display:flex;flex-direction:column;gap:var(--rb-quiz-block-sm);padding:.8rem;cursor:pointer;border:var(--style-border-width, 1px) solid var(--color-border);background-color:var(--color-background);transition:border-color var(--duration-default, .2s) var(--cubic-smooth, ease),background-color var(--duration-default, .2s) var(--cubic-smooth, ease)}.rb-quiz__options--text .rb-quiz__option{align-items:center;justify-content:center;min-height:var(--minimum-touch-target, 4.5rem);padding:1.6rem;text-align:center}.rb-quiz__option:hover{border-color:var(--color-primary)}.rb-quiz__option:has(.rb-quiz__radio:checked){border-color:var(--color-primary);background-color:rgb(var(--color-primary-rgb) / var(--opacity-10))}.rb-quiz__option:has(.rb-quiz__radio:focus-visible){outline:var(--focused-base-outline, .2rem solid);outline-offset:2px}.rb-quiz__option-media{display:block;overflow:hidden;aspect-ratio:1}.rb-quiz__option-media img{display:block;width:100%;height:100%;object-fit:cover}.rb-quiz__option-label{padding-inline:.6rem;padding-block-end:.6rem;font-family:var(--font-body--family);font-size:var(--font-size--md);line-height:1.4;color:var(--color-foreground)}.rb-quiz__field{display:flex;flex-direction:column;gap:var(--rb-quiz-block-sm);max-width:40rem;margin-inline:auto;margin-block-end:var(--rb-quiz-block-md)}.rb-quiz__input{width:100%;min-height:var(--minimum-touch-target, 4.5rem);padding:1.2rem 1.6rem;font-family:var(--font-body--family);font-size:var(--font-size--sm);text-align:center;color:var(--color-input-text);background-color:var(--color-input-background);border:var(--style-border-width, 1px) solid var(--color-input-border);border-radius:var(--inputs-radius, 0)}.rb-quiz__input:focus-visible{outline:var(--focused-base-outline, .2rem solid);outline-offset:2px}.rb-quiz__field .rb-quiz__button{align-self:center}.rb-quiz__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--rb-quiz-gap)}.rb-quiz__button{min-width:20rem}.rb-quiz__link{padding:.8rem;font-family:var(--font-body--family);font-size:var(--font-size--xs);letter-spacing:var(--rb-quiz-tracking);text-transform:uppercase;text-decoration:underline;color:rgb(var(--color-foreground-rgb) / var(--opacity-70));background:none;border:0;cursor:pointer}.rb-quiz__link:hover{color:var(--color-foreground)}.rb-quiz__error{margin:var(--rb-quiz-block-sm) 0 0;font-family:var(--font-body--family);font-size:var(--font-size--xs);color:var(--color-error-text, #dc3545)}.rb-quiz__notice{margin:0 auto var(--rb-quiz-block-sm);max-width:52rem;font-family:var(--font-body--family);font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.rb-quiz__consent,.rb-quiz__empty{margin:var(--rb-quiz-block-sm) auto 0;max-width:44rem;font-family:var(--font-body--family);font-size:var(--body-xs-font-size, 1.2rem);line-height:1.5;color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}.rb-quiz__results{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rb-quiz-gap);margin-block:var(--rb-quiz-block-lg);padding:0;list-style:none;text-align:start}@media screen and (min-width:750px){.rb-quiz__results{grid-template-columns:repeat(var(--rb-quiz-columns, 3),minmax(0,1fr))}}.rb-quiz__result{display:flex;flex-direction:column;min-width:0}.rb-quiz__result[hidden],.rb-quiz__step[hidden]{display:none}.rb-quiz__result .card-wrapper,.rb-quiz__result .card,.rb-quiz__result img{max-width:100%}.rb-quiz__result .card{flex-direction:column}.rb-quiz__result .card__inner{width:100%}.rb-quiz__result .card-product__group-wrapper{display:none}.rb-quiz__reason{margin:0 0 .8rem;font-family:var(--font-body--family);font-size:var(--body-xxs-font-size, 1rem);letter-spacing:var(--rb-quiz-tracking);text-transform:uppercase;color:var(--color-primary)}.rb-quiz__options--multi .rb-quiz__option{gap:1.2rem;flex-direction:row;align-items:center;justify-content:flex-start;text-align:start}.rb-quiz__options--multi .rb-quiz__option:before{content:"";flex:0 0 auto;width:1.8rem;height:1.8rem;border:var(--style-border-width, 1px) solid var(--color-border);background-color:var(--color-background)}.rb-quiz__options--multi .rb-quiz__option:after{content:"";position:absolute;inset-inline-start:2.1rem;width:.5rem;height:.9rem;border:solid var(--color-primary);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}.rb-quiz__options--multi .rb-quiz__option:has(.rb-quiz__radio:checked):before{border-color:var(--color-primary)}.rb-quiz__options--multi .rb-quiz__option:has(.rb-quiz__radio:checked):after{opacity:1}.rb-quiz__hint{margin:calc(var(--rb-quiz-block-md) * -.5) 0 var(--rb-quiz-block-sm);font-family:var(--font-body--family);font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}.rb-quiz__profile{margin:0 auto var(--rb-quiz-block-sm);max-width:52rem;font-family:var(--font-heading--family);font-size:var(--font-size--lg);line-height:1.4;color:var(--color-foreground-heading)}.rb-quiz__profile:first-letter{text-transform:uppercase}.rb-quiz__profile-note{margin:0 auto var(--rb-quiz-block-md);max-width:52rem;font-family:var(--font-body--family);font-size:var(--font-size--sm);line-height:1.6;color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.rb-quiz__bundles{margin-block:var(--rb-quiz-block-lg) 0;text-align:start}.rb-quiz__bundles-heading{margin:0 0 var(--rb-quiz-block-sm);font-family:var(--font-body--family);font-size:var(--body-xxs-font-size, 1rem);letter-spacing:var(--rb-quiz-tracking);text-transform:uppercase;text-align:center;color:var(--color-primary)}.rb-quiz__bundle{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rb-quiz-gap);align-items:center;padding:var(--rb-quiz-block-sm);border:var(--style-border-width, 1px) solid var(--color-primary);background-color:rgb(var(--color-primary-rgb) / var(--opacity-10))}@media screen and (min-width:750px){.rb-quiz__bundle{grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:var(--rb-quiz-block-md);padding:var(--rb-quiz-block-md)}}.rb-quiz__bundles[hidden],.rb-quiz__bundle[hidden]{display:none}.rb-quiz__bundle-media{display:block;overflow:hidden;aspect-ratio:1}.rb-quiz__bundle-media img{display:block;width:100%;height:100%;object-fit:cover}.rb-quiz__bundle-body{display:flex;flex-direction:column;gap:var(--rb-quiz-block-sm);align-items:flex-start}.rb-quiz__bundle-title{margin:0;font-family:var(--font-heading--family);font-size:var(--font-size--xl);line-height:1.2;color:var(--color-foreground-heading)}.rb-quiz__bundle-title a{color:inherit;text-decoration:none}.rb-quiz__bundle-title a:hover{text-decoration:underline}.rb-quiz__bundle-contents{margin:0;font-family:var(--font-body--family);font-size:var(--font-size--xs);letter-spacing:var(--rb-quiz-tracking);text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.rb-quiz__bundle-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:1.2rem;margin:0;font-family:var(--font-body--family);font-size:var(--font-size--md);color:var(--color-foreground)}.rb-quiz__bundle-was{color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}.rb-quiz__bundle-save{font-size:var(--font-size--xs);letter-spacing:var(--rb-quiz-tracking);text-transform:uppercase;color:var(--color-primary)}.rb-quiz__bundles-divider{margin:var(--rb-quiz-block-md) 0 0;font-family:var(--font-body--family);font-size:var(--font-size--xs);letter-spacing:var(--rb-quiz-tracking);text-transform:uppercase;text-align:center;color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}.rb-quiz__bundles:not([hidden])+.rb-quiz__results{margin-block-start:var(--rb-quiz-block-md)}.rb-quiz__referral{margin:0 auto var(--rb-quiz-block-sm);max-width:52rem;padding:var(--rb-quiz-block-sm);font-family:var(--font-body--family);font-size:var(--font-size--xs);line-height:1.6;color:var(--color-foreground);border:var(--style-border-width, 1px) solid var(--color-border)}.rb-quiz__referral[hidden]{display:none}.rb-quiz__option-note{display:block;margin-block-start:.4rem;font-size:var(--body-xxs-font-size, 1rem);letter-spacing:normal;text-transform:none;color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}.rb-quiz__result .card__content{display:flex;flex-direction:column}.rb-quiz__result .card__content .quick-add{order:1;margin-block-start:var(--rb-quiz-block-sm);width:100%}.rb-quiz__result .quick-add .form,.rb-quiz__result .quick-add__submit{width:100%}.rb-quiz__result .quick-add__submit{font-size:var(--font-size--xs);letter-spacing:var(--rb-quiz-tracking);text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/2/assets/rb-hair-quiz.css.map */