.fq{--fq-accent: var(--color-primary-button-background);--fq-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));--fq-faint: rgb(var(--color-foreground-rgb) / var(--opacity-50));--fq-hairline: var(--color-border);--fq-surface: rgb(var(--color-foreground-rgb) / var(--opacity-5));--fq-tint: rgb(var(--color-foreground-rgb) / var(--opacity-5));--fq-radius: var(--style-border-radius-inputs);--fq-gap: var(--padding-sm, 12px);--fq-font: "Plus Jakarta Sans", var(--font-paragraph--family), sans-serif;--fq-track-display: -.03em;--fq-track-heading: -.02em;--fq-track-eyebrow: .16em;color:var(--color-foreground);font-family:var(--fq-font);font-size:1rem;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;padding-block:var(--padding-block-start, 0px) var(--padding-block-end, 0px)}.fq *,.fq *:before,.fq *:after{box-sizing:border-box}.fq [data-focus]:focus{outline:none}.fq__inner{max-width:44rem;margin-inline:auto;padding-inline:var(--page-margin, 20px)}.fq__body{padding-block-end:0}.fq--has-actions .fq__body,.fq--has-sticky .fq__body{padding-block-end:96px}@media(min-width:750px){.fq--has-actions .fq__body{padding-block-end:0}}.fq__progress{position:sticky;top:var(--sticky-header-offset, 0px);z-index:3;display:flex;align-items:center;gap:12px;padding-block:16px;background-color:transparent;border-block-end:1px solid var(--fq-hairline)}.fq__progress[hidden]{display:none}.fq__back{flex:none;display:inline-grid;place-items:center;inline-size:36px;block-size:36px;margin-inline-start:-8px;padding:0;border:0;border-radius:var(--fq-radius);background:transparent;color:inherit;cursor:pointer;transition:background-color var(--animation-speed) var(--animation-easing)}.fq__back:hover{background-color:var(--fq-surface)}.fq__back svg{inline-size:18px;block-size:18px}.fq__back[disabled]{opacity:var(--opacity-30);pointer-events:none}.fq__track{flex:1;block-size:2px;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-15));overflow:hidden}.fq__fill{display:block;block-size:100%;inline-size:0%;background-color:var(--fq-accent);transition:inline-size .4s var(--animation-easing)}.fq__nudge{flex:none;font-family:var(--fq-font);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fq-accent);animation:fq-in var(--animation-speed) var(--animation-easing) both}.fq__nudge[hidden]{display:none}.fq__count{flex:none;font-family:var(--fq-font);font-size:.75rem;font-weight:600;letter-spacing:.06em;color:var(--fq-faint);font-variant-numeric:tabular-nums}.fq__view{display:none}.fq__view[data-active]{display:block;animation:fq-in var(--animation-speed) var(--animation-easing) both}@keyframes fq-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fq__eyebrow{margin:0 0 14px;font-family:var(--fq-font);font-size:.6875rem;font-weight:600;letter-spacing:var(--fq-track-eyebrow);text-transform:uppercase;color:var(--fq-accent)}.fq__intro{padding-block:56px 40px;text-align:center}@media(min-width:750px){.fq__inner{max-width:none;padding-inline:var(--page-margin, 40px)}.fq__intro{padding-block:64px 48px}.fq__intro-text{max-width:38ch;font-size:1.0625rem}}.fq__intro-title{margin:0 0 16px;font-family:var(--fq-font);font-weight:800;font-size:clamp(2.125rem,6.5vw,3.5rem);line-height:1.05;letter-spacing:var(--fq-track-display);text-wrap:balance}.fq__intro-text{margin:0 auto 32px;max-width:34ch;font-size:1.0625rem;line-height:1.6;color:var(--fq-muted);text-wrap:pretty}.fq__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px;margin-block-start:30px;padding:0;font-size:.9375rem;font-weight:500;color:var(--fq-muted)}.fq__meta li{display:flex;align-items:center;gap:9px;list-style:none}.fq__meta svg{inline-size:19px;block-size:19px;color:var(--fq-accent)}.fq__step-inner{padding-block:24px 8px}.fq__legend{padding:0;border:0;margin:0 0 10px;font-family:var(--fq-font);font-size:.6875rem;font-weight:600;letter-spacing:var(--fq-track-eyebrow);text-transform:uppercase;color:var(--fq-accent)}.fq__question{margin:0 0 8px;font-family:var(--fq-font);font-weight:700;font-size:clamp(1.5rem,4vw,2.125rem);line-height:1.18;letter-spacing:var(--fq-track-heading);text-wrap:pretty}.fq__hint{margin:0 0 24px;font-size:.9375rem;color:var(--fq-faint)}.fq__fieldset{border:0;padding:0;margin:0}.fq__options{display:grid;gap:var(--fq-gap);margin-block-start:26px}.fq__input{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.fq__option{position:relative;display:flex;align-items:center;gap:14px;min-block-size:60px;padding:16px 18px;font-family:var(--fq-font);font-size:.9375rem;font-weight:500;border:1px solid var(--fq-hairline);border-radius:var(--fq-radius);background-color:var(--color-background);line-height:1.4;cursor:pointer;transition:border-color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing);-webkit-tap-highlight-color:transparent}@media(hover:hover){.fq__option:hover{border-color:var(--color-foreground)}}.fq__input:focus-visible+.fq__option{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.fq__input:checked+.fq__option{border-color:var(--fq-accent);background-color:var(--fq-tint)}.fq__mark{flex:none;display:grid;place-items:center;inline-size:22px;block-size:22px;border:1.5px solid rgb(var(--color-foreground-rgb) / var(--opacity-30));background:transparent;transition:border-color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing),transform .16s var(--animation-easing)}@media(hover:hover){.fq__option:hover .fq__mark{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}}.fq__input:checked+.fq__option .fq__mark{transform:scale(1.05)}.fq__options--single .fq__mark{border-radius:var(--style-border-radius-pills, 50%)}.fq__options--multi .fq__mark{border-radius:var(--fq-radius)}.fq__mark svg{inline-size:11px;block-size:11px;color:var(--color-primary-button-text);opacity:0;transform:scale(.7);transition:opacity .16s var(--animation-easing),transform .16s var(--animation-easing)}.fq__input:checked+.fq__option .fq__mark{border-color:var(--fq-accent);background-color:var(--fq-accent)}.fq__input:checked+.fq__option .fq__mark svg{opacity:1;transform:none}.fq__option-text{flex:1}.fq__option.fq__option--icon{align-items:center;gap:12px}.fq__option--icon .fq__option-text{min-inline-size:0}.fq__option-icon{flex:none;inline-size:30px;block-size:30px;background-color:currentColor;-webkit-mask-image:var(--fq-icon);mask-image:var(--fq-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;opacity:var(--opacity-60, .6);transition:opacity var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing)}@media(hover:hover){.fq__option:hover .fq__option-icon{opacity:1}}.fq__input:checked+.fq__option .fq__option-icon{color:var(--fq-accent);opacity:1}@media(min-width:750px){.fq__option-icon{inline-size:34px;block-size:34px}}.fq__options.fq__options--cards{grid-template-columns:1fr;gap:10px}.fq__option--card{align-items:center;gap:0;min-block-size:0;padding:0;overflow:hidden;text-align:start}.fq__option--card .fq__option-media{inline-size:38%;flex:none}.fq__option-media{display:block;position:relative;aspect-ratio:1;overflow:hidden;background-color:var(--fq-surface)}.fq__option-media img{inline-size:100%;block-size:100%;object-fit:cover;display:block;transition:transform var(--animation-speed) var(--animation-easing)}@media(hover:hover){.fq__option--card:hover .fq__option-media img{transform:scale(1.03)}}.fq__option--card .fq__mark{position:absolute;top:10px;inset-inline-end:10px;z-index:1;background-color:rgb(var(--color-background-rgb, 255 255 255) / .9);border-color:transparent}.fq__option--card .fq__option-text{flex:1 1 auto;min-inline-size:0;padding:12px 14px;font-size:.875rem;line-height:1.35}@media(min-width:750px){.fq__options.fq__options--cards{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:16px}.fq__option.fq__option--card{flex-direction:column;align-items:stretch;padding:0}.fq__option--card .fq__option-media{inline-size:100%}.fq__options.fq__options--cards{max-width:62rem;margin-inline:auto}.fq__option--card .fq__option-text{flex:none;padding:14px 16px 16px;font-size:.9375rem}}@media(min-width:750px){.fq__step-inner{max-width:90rem;margin-inline:auto;padding-block:36px 16px;text-align:center}.fq__options{text-align:start;margin-block-start:36px}.fq__options--single{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:14px}.fq__options.fq__options--multi{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.fq__options--multi>.fq__option{flex:0 1 calc((100% - 28px) / 3);min-inline-size:min(17rem,100%)}.fq__option{align-items:flex-start;padding:18px 20px}.fq__legend{margin-block-end:12px}.fq__question{max-width:46rem;margin-inline:auto;margin-block-end:10px}.fq__hint{margin-block-end:28px}}.fq__actions{position:fixed;inset-inline:0;bottom:0;z-index:4;padding:12px var(--page-margin, 20px) calc(12px + env(safe-area-inset-bottom));background-color:var(--color-background);border-block-start:1px solid var(--fq-hairline)}.fq__actions[hidden]{display:none}.fq__actions-inner{max-width:44rem;margin-inline:auto}@media(min-width:750px){.fq__actions{position:static;padding:28px 0 0;border-block-start:0;background:transparent}}.fq__sticky{position:fixed;inset-inline:0;bottom:0;z-index:4;padding:12px var(--page-margin, 20px) calc(12px + env(safe-area-inset-bottom));background-color:var(--color-background);border-block-start:1px solid var(--fq-hairline);animation:fq-sticky-in .18s var(--animation-easing) both}.fq__sticky[hidden]{display:none}.fq__offers:empty{display:none}.fq__ctas [data-action=add-all],.fq--has-sticky .fq__ctas [data-action=buy-now]{display:none}@keyframes fq-sticky-in{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.fq__sticky{animation:none}}.fq__sticky-inner{display:flex;flex-direction:column;gap:8px;max-width:44rem;margin-inline:auto}.fq__sticky-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.fq__sticky-info{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.fq__sticky-label{font-size:.75rem;font-weight:600;letter-spacing:var(--fq-track-eyebrow);text-transform:uppercase;color:var(--fq-muted)}.fq__sticky-value{display:flex;align-items:baseline;gap:8px;font-size:1.125rem;font-weight:700;white-space:nowrap}.fq__sticky-compare{font-size:.875rem;font-weight:500;color:var(--fq-faint)}.fq__sticky-btn{flex:0 1 auto;min-inline-size:10rem}@media(min-width:750px){.fq__sticky{padding-inline-end:calc(var(--page-margin, 20px) + 88px)}.fq__sticky-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:20px;max-width:62rem}.fq__sticky-row{flex:1;justify-content:flex-end;gap:20px}.fq__sticky-value{font-size:1.25rem}}.fq .button,.fq .button-secondary{min-block-size:54px;padding-inline:28px;font-family:var(--fq-font);font-size:.9375rem;font-weight:600;letter-spacing:.01em;transition:background-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing),transform .12s var(--animation-easing)}.fq .button:active:not(:disabled),.fq .button-secondary:active:not(:disabled){transform:translateY(1px)}.fq .button-secondary{box-shadow:inset 0 0 0 1.5px var(--fq-hairline)}.fq .button-secondary:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--color-foreground)}.fq__btn--full{inline-size:100%;width:100%}@media(min-width:750px){.fq__btn--full{inline-size:auto;width:auto;min-inline-size:16rem;margin-inline:auto}}.fq__loading{display:grid;place-items:center;gap:20px;min-block-size:60vh;text-align:center}.fq__spinner{inline-size:36px;block-size:36px;border:2px solid rgb(var(--color-foreground-rgb) / var(--opacity-15));border-top-color:var(--fq-accent);border-radius:50%;animation:fq-spin .8s linear infinite}@keyframes fq-spin{to{transform:rotate(360deg)}}.fq__loading p{margin:0;color:var(--fq-muted)}.fq__result-head{padding-block:44px 32px;text-align:center}.fq__result-title{margin:0 0 14px;font-family:var(--fq-font);font-weight:800;font-size:clamp(1.875rem,5vw,3rem);line-height:1.08;letter-spacing:var(--fq-track-display);text-wrap:balance}.fq__result-text{margin:0 auto;max-width:42ch;font-size:1.0625rem;line-height:1.6;color:var(--fq-muted);text-wrap:pretty}.fq__cards{display:grid;gap:0;margin:0;padding:0;border-block-start:1px solid var(--fq-hairline)}.fq-card{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center;padding-block:18px;border-block-end:1px solid var(--fq-hairline);list-style:none}.fq-card[hidden]{display:none}.fq-card__media{position:relative;aspect-ratio:1;border-radius:var(--fq-radius);overflow:hidden;background-color:var(--fq-surface)}.fq-card__media img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.fq-card__body{padding-inline-end:34px}.fq-card__step{margin:0 0 6px;font-family:var(--fq-font);font-size:.6875rem;font-weight:600;letter-spacing:var(--fq-track-eyebrow);text-transform:uppercase;color:var(--fq-accent)}.fq-card__title{margin:0 0 4px;font-family:var(--fq-font);font-size:1.0625rem;font-weight:600;letter-spacing:var(--fq-track-heading);line-height:1.3}.fq-card__title a{color:inherit;text-decoration:none}.fq-card__title a:hover{text-decoration:underline;text-underline-offset:3px}.fq-card__rating{display:flex;align-items:center;gap:6px;margin:0 0 6px}.fq-card__stars{display:inline-flex;gap:2px}.fq-card__star{inline-size:13px;block-size:13px;fill:rgb(var(--color-foreground-rgb) / var(--opacity-20))}.fq-card__star.is-filled{fill:var(--fq-accent)}.fq-card__rating-count{font-size:.75rem;color:var(--fq-faint);font-variant-numeric:tabular-nums}.fq-card__reason{margin:0 0 8px;font-size:.8125rem;line-height:1.45;color:var(--fq-muted);text-wrap:pretty}.fq-card__price{margin:0;font-size:.875rem;font-variant-numeric:tabular-nums}.fq-card__compare{margin-inline-start:6px;color:var(--fq-faint);text-decoration:line-through}.fq-card__sold-out{color:var(--fq-faint)}@media(min-width:750px){.fq-card{grid-template-columns:104px 1fr;gap:22px;padding-block:22px}.fq__result-head{padding-block:56px 36px}.fq__cards,.fq__summary,.fq__result-foot{max-width:44rem;margin-inline:auto}.fq__summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;margin-block-start:32px}.fq__total{margin:0;flex-direction:column;align-items:flex-start;gap:2px}.fq__ctas{flex:none;grid-auto-flow:column;gap:12px}.fq__ctas .button,.fq__ctas .button-secondary{inline-size:auto;width:auto;min-inline-size:11rem}.fq__error{flex-basis:100%;text-align:start}}.fq-card{position:relative}.fq-card__remove{position:absolute;top:12px;inset-inline-end:0;display:grid;place-items:center;inline-size:28px;block-size:28px;padding:0;border:0;border-radius:var(--fq-radius);background:transparent;color:var(--fq-faint);cursor:pointer;transition:color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing)}.fq-card__remove:hover{color:var(--color-foreground);background-color:var(--fq-surface)}.fq-card__remove svg{inline-size:15px;block-size:15px}.fq__removed{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:10px 14px;border-radius:var(--fq-radius);background-color:var(--fq-surface);font-size:.8125rem;color:var(--fq-muted)}.fq__removed[hidden]{display:none}.fq__undo{padding:0;border:0;background:none;color:var(--fq-accent);font-family:var(--fq-font);font-size:.8125rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.fq__summary{margin-block-start:28px}.fq__total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 18px}.fq__total-label{font-size:.9375rem;color:var(--fq-muted)}.fq__total-value{display:inline-flex;align-items:baseline;gap:10px}.fq__total strong{font-family:var(--fq-font);font-size:1.5rem;font-weight:700;letter-spacing:var(--fq-track-heading);font-variant-numeric:tabular-nums}.fq__total-compare{font-size:1rem;font-weight:500;color:var(--fq-faint);text-decoration:line-through;font-variant-numeric:tabular-nums}.fq__total-compare[hidden]{display:none}.fq__save{display:inline-flex;align-items:center;gap:6px;margin:0 0 18px;padding:7px 12px;border-radius:var(--fq-radius);background-color:var(--fq-accent-wash, rgb(var(--color-foreground-rgb) / var(--opacity-5)));font-size:.8125rem;font-weight:600;color:var(--fq-accent)}.fq__save[hidden]{display:none}.fq__save svg{inline-size:14px;block-size:14px;flex:none}.fq__ctas{display:grid;gap:10px}.fq__ctas .button,.fq__ctas .button-secondary{inline-size:100%;width:100%}.fq__ctas [hidden]{display:none}.fq__result-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 28px;margin-block:24px 8px;text-align:center}.fq__retake{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:none;color:var(--fq-faint);font-family:var(--fq-font);font-size:.875rem;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color var(--animation-speed) var(--animation-easing)}.fq__retake svg{inline-size:15px;block-size:15px}.fq__retake:hover{color:var(--color-foreground)}.fq__error{margin-block-start:12px;font-size:.875rem;color:var(--fq-accent);text-align:center}.fq__error[hidden]{display:none}@media(prefers-reduced-motion:reduce){.fq *,.fq *:before,.fq *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/fiore-hair-quiz.css.map */