.sp-color-quiz{padding-block:var(--component-color-quiz-section-space-mobile);scroll-margin-block-start:calc(var(--component-color-quiz-section-space-wide) + var(--component-color-quiz-target-min));background-color:var(--semantic-color-surface-muted)}.sp-color-quiz__inner{max-inline-size:var(--component-color-quiz-content-max);margin-inline:auto}.sp-color-quiz__header{display:grid;gap:var(--component-color-quiz-space-md);max-inline-size:var(--component-color-quiz-copy-max);margin-block-end:var(--component-color-quiz-space2xl)}.sp-color-quiz__eyebrow{margin:var(--component-color-quiz-space-zero);color:var(--sp-ink, var(--semantic-color-text));font-size:var(--component-color-quiz-font-eyebrow);font-weight:var(--primitive-font-weight-bold);letter-spacing:var(--component-color-quiz-letter-wide);line-height:var(--component-color-quiz-line-label);text-transform:uppercase}.sp-color-quiz__title{margin:var(--component-color-quiz-space-zero);color:var(--sp-ink, var(--semantic-color-text));font-family:var(--semantic-font-heading);font-size:var(--component-color-quiz-font-title-mobile);font-weight:var(--primitive-font-weight-bold);letter-spacing:var(--component-color-quiz-letter-tight);line-height:var(--component-color-quiz-line-title)}.sp-color-quiz__description{margin:var(--component-color-quiz-space-zero);color:var(--sp-ink, var(--semantic-color-text));font-size:var(--component-color-quiz-font-body);line-height:var(--component-color-quiz-line-body)}.sp-color-quiz__frame{border:var(--component-color-quiz-hairline) solid var(--sp-ink, var(--semantic-color-text));border-radius:var(--semantic-radius-control);background-color:var(--semantic-color-background)}.sp-color-quiz__progress{display:grid;gap:var(--component-color-quiz-space-sm);padding:var(--component-color-quiz-space-lg) var(--component-color-quiz-space-xl);border-block-end:var(--component-color-quiz-hairline) solid var(--sp-line, var(--semantic-color-border-subtle))}.sp-color-quiz__progress-label{color:var(--sp-ink, var(--semantic-color-text));font-size:var(--component-color-quiz-font-label);font-weight:var(--primitive-font-weight-bold);letter-spacing:var(--component-color-quiz-letter-wide);line-height:var(--component-color-quiz-line-label);text-transform:uppercase}.sp-color-quiz__progress-track{display:flex;gap:var(--component-color-quiz-space-xs)}.sp-color-quiz__progress-segment{flex:1;border-block-start:var(--component-color-quiz-progress-line) solid var(--sp-line, var(--semantic-color-border-subtle))}.sp-color-quiz__progress-segment.is-active{border-block-start-color:var(--sp-accent, var(--semantic-color-accent))}.sp-color-quiz__body{padding:var(--component-color-quiz-space-xl)}.sp-color-quiz__step{min-inline-size:var(--component-color-quiz-space-zero);margin:var(--component-color-quiz-space-zero);padding:var(--component-color-quiz-space-zero);border:var(--component-color-quiz-space-zero)}.sp-color-quiz__question{display:block;margin-block-end:var(--component-color-quiz-space-xl);color:var(--sp-ink, var(--semantic-color-text));font-size:var(--component-color-quiz-font-question);font-weight:var(--primitive-font-weight-bold);letter-spacing:var(--component-color-quiz-letter-tight);line-height:var(--component-color-quiz-line-heading)}.sp-color-quiz__options{display:flex;flex-wrap:wrap;gap:var(--component-color-quiz-space-md)}.sp-color-quiz__step-actions{display:flex;margin-block-start:var(--component-color-quiz-space-xl)}.sp-color-quiz__option-item{display:flex;flex:1 1 var(--component-color-quiz-choice-min)}.sp-color-quiz__option{flex:1;min-block-size:var(--component-color-quiz-target-min);padding:var(--component-color-quiz-space-md) var(--component-color-quiz-space-lg);border:var(--component-color-quiz-hairline) solid var(--sp-ink, var(--semantic-color-text));border-radius:var(--semantic-radius-control);color:var(--sp-ink, var(--semantic-color-text));background-color:var(--semantic-color-background);font:inherit;font-size:var(--component-color-quiz-font-option);font-weight:var(--primitive-font-weight-semibold);line-height:var(--component-color-quiz-line-control);text-align:start;cursor:pointer;-webkit-appearance:none;appearance:none}.sp-color-quiz__option:hover,.sp-color-quiz__option[aria-pressed=true]{background-color:var(--sp-accent, var(--semantic-color-accent));color:var(--sp-accent-ink, var(--semantic-color-on-accent))}.sp-color-quiz__option:focus-visible,.sp-color-quiz__button:focus-visible{outline:var(--component-color-quiz-focus-width) solid var(--sp-accent, var(--semantic-color-accent));outline-offset:var(--component-color-quiz-focus-offset)}.sp-color-quiz__result{display:grid;gap:var(--component-color-quiz-space-lg);padding:var(--component-color-quiz-space2xl) var(--component-color-quiz-space-xl);color:var(--semantic-color-background);background-color:var(--sp-ink, var(--semantic-color-text))}.sp-color-quiz__result[hidden],.sp-color-quiz__step[hidden]{display:none}.sp-color-quiz__result-kicker,.sp-color-quiz__result-title,.sp-color-quiz__result-text{margin:var(--component-color-quiz-space-zero);color:inherit}.sp-color-quiz__result-kicker{font-size:var(--component-color-quiz-font-eyebrow);font-weight:var(--primitive-font-weight-bold);letter-spacing:var(--component-color-quiz-letter-wide);line-height:var(--component-color-quiz-line-label);text-transform:uppercase}.sp-color-quiz__result-title{font-size:var(--component-color-quiz-font-result);font-weight:var(--primitive-font-weight-bold);letter-spacing:var(--component-color-quiz-letter-tight);line-height:var(--component-color-quiz-line-heading)}.sp-color-quiz__result-text{max-inline-size:var(--component-color-quiz-result-max);font-size:var(--component-color-quiz-font-body);line-height:var(--component-color-quiz-line-body)}.sp-color-quiz__result-summary{display:grid;gap:var(--component-color-quiz-space-xs);max-inline-size:var(--component-color-quiz-result-max);margin:var(--component-color-quiz-space-zero);padding:var(--component-color-quiz-space-lg);border:var(--component-color-quiz-hairline) solid var(--semantic-color-border-subtle);color:inherit;font-size:var(--component-color-quiz-font-option);line-height:var(--component-color-quiz-line-body)}.sp-color-quiz__actions{display:flex;flex-wrap:wrap;gap:var(--component-color-quiz-space-md);margin-block-start:var(--component-color-quiz-space-sm)}.sp-color-quiz__button{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--component-color-quiz-target-min);padding:var(--component-color-quiz-space-md) var(--component-color-quiz-space-xl);border:var(--component-color-quiz-hairline) solid var(--sp-accent, var(--semantic-color-accent));border-radius:var(--semantic-radius-control);color:var(--sp-accent-ink, var(--semantic-color-on-accent));background-color:var(--sp-accent, var(--semantic-color-accent));font:inherit;font-size:var(--component-color-quiz-font-option);font-weight:var(--primitive-font-weight-bold);line-height:var(--component-color-quiz-line-control);text-decoration:none;cursor:pointer}.sp-color-quiz__button--secondary{border-color:var(--semantic-color-background);color:var(--semantic-color-background);background-color:var(--sp-ink, var(--semantic-color-text))}.sp-color-quiz__button--back{border-color:var(--sp-ink, var(--semantic-color-text));color:var(--sp-ink, var(--semantic-color-text));background-color:var(--semantic-color-background)}.sp-color-quiz__button--whatsapp{border-color:var(--semantic-color-channel-whatsapp);color:var(--semantic-color-background);background-color:var(--semantic-color-channel-whatsapp)}.sp-color-quiz__button:hover{border-color:var(--semantic-color-background);color:var(--sp-ink, var(--semantic-color-text));background-color:var(--semantic-color-background)}@media screen and (min-width:750px){.sp-color-quiz{padding-block:var(--component-color-quiz-section-space-wide)}.sp-color-quiz__title{font-size:var(--component-color-quiz-font-title-wide)}.sp-color-quiz__progress,.sp-color-quiz__body{padding-inline:var(--component-color-quiz-space2xl)}.sp-color-quiz__body{padding-block:var(--component-color-quiz-space2xl)}.sp-color-quiz__result{padding:var(--component-color-quiz-space3xl) var(--component-color-quiz-space2xl)}}.sp-color-swatch{padding-block:var(--component-color-quiz-section-space-mobile);scroll-margin-block-start:calc(var(--component-color-quiz-section-space-wide) + var(--component-color-quiz-target-min));color:var(--semantic-color-text);background-color:var(--semantic-color-background)}.sp-color-swatch__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--component-color-quiz-choice-min)),1fr));gap:var(--component-color-quiz-space2xl);max-inline-size:var(--component-color-quiz-content-max);margin-inline:auto}.sp-color-swatch__intro{display:grid;align-content:start;gap:var(--component-color-quiz-space-md);max-inline-size:var(--component-color-quiz-copy-max)}.sp-color-swatch__eyebrow,.sp-color-swatch__heading,.sp-color-swatch__description,.sp-color-swatch__product-title,.sp-color-swatch__product-price,.sp-color-swatch__status{margin:var(--component-color-quiz-space-zero)}.sp-color-swatch__eyebrow{font-size:var(--component-color-quiz-font-eyebrow);font-weight:var(--primitive-font-weight-bold);letter-spacing:var(--component-color-quiz-letter-wide);line-height:var(--component-color-quiz-line-label);text-transform:uppercase}.sp-color-swatch__heading{font-family:var(--semantic-font-heading);font-size:var(--component-color-quiz-font-title-mobile);font-weight:var(--primitive-font-weight-bold);letter-spacing:var(--component-color-quiz-letter-tight);line-height:var(--component-color-quiz-line-title)}.sp-color-swatch__description,.sp-color-swatch__status{font-size:var(--component-color-quiz-font-body);line-height:var(--component-color-quiz-line-body)}.sp-color-swatch__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--component-color-quiz-choice-min)),1fr));margin:var(--component-color-quiz-space-zero);padding:var(--component-color-quiz-space-zero);border-block-start:var(--component-color-quiz-hairline) solid var(--semantic-color-border-subtle);list-style:none}.sp-color-swatch__step{display:grid;gap:var(--component-color-quiz-space-sm);padding:var(--component-color-quiz-space-xl) var(--component-color-quiz-space-zero);border-block-end:var(--component-color-quiz-hairline) solid var(--semantic-color-border-subtle)}.sp-color-swatch__step-number{font-size:var(--component-color-quiz-font-label);font-weight:var(--primitive-font-weight-bold);letter-spacing:var(--component-color-quiz-letter-wide);line-height:var(--component-color-quiz-line-label)}.sp-color-swatch__step strong,.sp-color-swatch__step span:last-child{font-size:var(--component-color-quiz-font-option);line-height:var(--component-color-quiz-line-body)}.sp-color-swatch__purchase{display:grid;align-content:start;gap:var(--component-color-quiz-space-lg);padding:var(--component-color-quiz-space-xl);border:var(--component-color-quiz-hairline) solid var(--semantic-color-text);background-color:var(--semantic-color-surface-muted)}.sp-color-swatch__product-mark{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--component-color-quiz-target-min);block-size:var(--component-color-quiz-target-min);border:var(--component-color-quiz-hairline) solid var(--semantic-color-text);color:var(--semantic-color-text)}.sp-color-swatch__product-title{font-size:var(--component-color-quiz-font-question);font-weight:var(--primitive-font-weight-bold);line-height:var(--component-color-quiz-line-heading)}.sp-color-swatch__product-price{font-size:var(--component-color-quiz-font-body);font-weight:var(--primitive-font-weight-bold);line-height:var(--component-color-quiz-line-control)}.sp-color-swatch__form{display:grid;gap:var(--component-color-quiz-space-md)}.sp-color-swatch__label{font-size:var(--component-color-quiz-font-label);font-weight:var(--primitive-font-weight-bold);letter-spacing:var(--component-color-quiz-letter-wide);line-height:var(--component-color-quiz-line-label);text-transform:uppercase}.sp-color-swatch__select,.sp-color-swatch__button,.sp-color-swatch__fallback{min-block-size:var(--component-color-quiz-target-min);border:var(--component-color-quiz-hairline) solid var(--semantic-color-text);border-radius:var(--semantic-radius-control);font:inherit;font-size:var(--component-color-quiz-font-option);font-weight:var(--primitive-font-weight-bold);line-height:var(--component-color-quiz-line-control)}.sp-color-swatch__select{inline-size:100%;padding:var(--component-color-quiz-space-md) var(--component-color-quiz-space-lg);color:var(--semantic-color-text);background-color:var(--semantic-color-background)}.sp-color-swatch__button,.sp-color-swatch__fallback{display:inline-flex;align-items:center;justify-content:center;padding:var(--component-color-quiz-space-md) var(--component-color-quiz-space-xl);inline-size:calc(100% - var(--component-color-quiz-target-min));color:var(--semantic-color-on-accent);background-color:var(--semantic-color-accent);text-align:center;text-decoration:none;cursor:pointer}.sp-color-swatch__button:disabled{color:var(--semantic-color-background);background-color:var(--semantic-color-text);cursor:not-allowed}.sp-color-swatch__select:focus-visible,.sp-color-swatch__button:focus-visible,.sp-color-swatch__fallback:focus-visible{outline:var(--component-color-quiz-focus-width) solid var(--semantic-color-accent);outline-offset:var(--component-color-quiz-focus-offset)}.sp-color-swatch__button:not(:disabled):hover,.sp-color-swatch__fallback:hover{color:var(--semantic-color-background);background-color:var(--semantic-color-text)}.sp-color-swatch__fine-print{margin:var(--component-color-quiz-space-zero);font-size:var(--component-color-quiz-font-label);line-height:var(--component-color-quiz-line-body)}
/*# sourceMappingURL=/cdn/shop/t/3/compiled_assets/styles.css.map?subset=AAAAAAAAAAY */