.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)}.sp-hero-slider{position:relative;display:block;overflow:hidden;background:var(--sp-accent-soft-opaque)}.sp-hero-slider__track.slider{display:flex;flex-wrap:nowrap;gap:0;width:100%;margin:0;padding:0;list-style:none}.sp-hero-slider__slide{position:relative;flex:0 0 100%;width:100%;min-width:0;max-width:100%;aspect-ratio:8 / 3;container-type:inline-size;color:var(--sp-ink)}.sp-hero-slider__media,.sp-hero-slider__content{position:absolute;top:0;right:0;bottom:0;left:0}.sp-hero-slider__media picture,.sp-hero-slider__media img{display:block;width:100%;height:100%}.sp-hero-slider__media img{object-fit:cover;object-position:left center}.sp-hero-slider__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.sp-hero-slider__content{z-index:3;display:flex;align-items:center;justify-content:center;padding:3cqi 6% 7.6rem 46%}.sp-hero-slider__copy{display:flex;flex-direction:column;align-items:center;max-width:100%;text-align:center}.sp-hero-slider__eyebrow{margin:0 0 1.4cqi;padding:.35em .9em;background:var(--sp-ink);color:var(--sp-accent);font-family:var(--font-heading-family);font-size:clamp(1.3rem,2cqi,3.6rem);font-weight:var(--font-heading-weight);line-height:1.2;letter-spacing:.01em}.sp-hero-slider__heading{max-width:100%;margin:0;color:var(--sp-ink);font-family:var(--font-heading-family);font-size:clamp(3.2rem,6.6cqi,12.4rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:.95;letter-spacing:-.03em;overflow-wrap:anywhere;text-wrap:balance}.sp-hero-slider__cta{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;margin-top:1.8cqi;padding:.7em 2.2em;background:var(--sp-ink);color:var(--sp-accent);font-family:var(--font-heading-family);font-size:clamp(1.3rem,1.8cqi,3.2rem);font-weight:var(--font-heading-weight);line-height:1.2;text-align:center;text-decoration:none;box-shadow:0 0 0 var(--sp-accent);transition:background-color .22s ease,color .22s ease,box-shadow .22s ease}.sp-hero-slider__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.sp-hero-slider__cta:hover,.sp-hero-slider__cta:focus-visible{background:var(--sp-accent);color:var(--sp-accent-ink);box-shadow:.5rem .5rem 0 var(--sp-ink)}.sp-hero-slider__cta:focus-visible{outline:.3rem solid var(--sp-ink);outline-offset:.3rem}.sp-hero-slider__control:focus-visible,.sp-hero-slider__dot:focus-visible{outline:.3rem solid var(--sp-accent);outline-offset:.3rem}@keyframes sp-hero-rise{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}.sp-hero-slider__slide[aria-hidden=false] .sp-hero-slider__copy>*{animation:sp-hero-rise .52s cubic-bezier(.22,1,.36,1) backwards}.sp-hero-slider__slide[aria-hidden=false] .sp-hero-slider__heading{animation-delay:80ms}@keyframes sp-hero-fade{0%{opacity:0}to{opacity:1}}.sp-hero-slider__slide[aria-hidden=false] .sp-hero-slider__copy>.sp-hero-slider__cta{animation-name:sp-hero-fade;animation-delay:.16s}.sp-hero-slider__controls{position:absolute;right:2.4rem;bottom:2.4rem;z-index:4;background:var(--sp-surface-alt);color:var(--sp-ink);box-shadow:0 .8rem 2.4rem color-mix(in srgb,var(--sp-ink) 24%,transparent)}.sp-hero-slider__controls .slider-button{color:var(--sp-ink)}.sp-hero-slider__control .icon-arrow{width:2.2rem;height:auto}.sp-hero-slider .sp-hero-slider__control.slider-button--next .icon-arrow,.sp-hero-slider .sp-hero-slider__control.slider-button--next:not([disabled]):hover .icon-arrow{transform:none}.sp-hero-slider .sp-hero-slider__control.slider-button--prev .icon-arrow,.sp-hero-slider .sp-hero-slider__control.slider-button--prev:not([disabled]):hover .icon-arrow{transform:rotate(180deg)}.sp-hero-slider__controls .slider-button:not([disabled]):hover,.sp-hero-slider__controls .slider-counter__link:hover{background:var(--sp-accent);color:var(--sp-accent-ink)}.sp-hero-slider__dots{min-width:auto;margin:0}.sp-hero-slider__dot{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0}.sp-hero-slider__dot.slider-counter__link--dots .dot{width:.8rem;height:.8rem;border-color:currentColor}.sp-hero-slider__dot.slider-counter__link--active .dot{background:var(--sp-accent);border-color:var(--sp-accent-ink);box-shadow:0 0 0 .2rem var(--sp-accent-ink)}.sp-hero-slider .sp-hero-slider__controls .sp-hero-slider__autoplay{position:static;right:auto;margin-left:0;padding:0;border-left:.1rem solid var(--sp-line)}.sp-hero-slider__autoplay .svg-wrapper{position:absolute}.sp-hero-slider__autoplay .icon-play,.sp-hero-slider__autoplay.slideshow__autoplay--paused .icon-pause{display:none}.sp-hero-slider__autoplay.slideshow__autoplay--paused .icon-play{display:block}@media screen and (max-width:749px){.sp-hero-slider__slide{aspect-ratio:4 / 5}.sp-hero-slider__content{align-items:flex-start;padding:7.5cqi 5% 0}.sp-hero-slider__eyebrow{margin-bottom:3cqi;font-size:4.2cqi}.sp-hero-slider__heading{font-size:12.5cqi}.sp-hero-slider__cta{margin-top:4cqi;font-size:4.2cqi}.sp-hero-slider__controls{right:50%;bottom:1.6rem;transform:translate(50%)}}@media(prefers-reduced-motion:reduce){.sp-hero-slider__cta{transition:none}.sp-hero-slider__slide[aria-hidden=false] .sp-hero-slider__copy>*,.sp-hero-slider__slide[aria-hidden=false] .sp-hero-slider__copy>.sp-hero-slider__cta{animation:none}.sp-hero-slider__autoplay{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/compiled_assets/styles.css.map */