.haf-quiz{background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:calc(var(--spaced-section) * .15) 0 calc(var(--spaced-section) * .45)}.haf-quiz__container{max-width:124rem}.haf-quiz__header{max-width:82rem;margin-bottom:1.6rem}.haf-quiz__eyebrow,.haf-quiz__step-count,.haf-quiz__intro,.haf-quiz__message,.haf-quiz__selected,.haf-quiz__result-copy p{margin:0}.haf-quiz__eyebrow,.haf-quiz__step-count{font-family:var(--font-subtitle-family);font-style:var(--font-subtitle-style);font-weight:var(--font-subtitle-weight);font-size:calc(var(--font-subtitle-scale) * 1rem);letter-spacing:calc(var(--font-subtitle-letter-spacing) * .1);text-transform:var(--font-subtitle-text-transform);color:rgb(var(--color-emphasis))}.haf-quiz__title{margin:0}.haf-quiz__intro{max-width:56rem;margin-top:.8rem;color:rgba(var(--color-foreground-secondary),.82)}.haf-quiz__shell{border-top:.1rem solid rgb(var(--color-border))}.haf-quiz__progress{position:relative;padding:1rem 0 1.2rem}.haf-quiz__progress-bar{position:absolute;left:0;right:auto;bottom:0;width:25%;height:.2rem;background:rgb(var(--color-foreground));transition:width var(--duration-default) ease}.haf-quiz__progress ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;padding:0;margin:0;list-style:none;color:rgba(var(--color-foreground-secondary),.72)}.haf-quiz__progress li[aria-current=step]{color:rgb(var(--color-foreground-title))}.haf-quiz__panel,.haf-quiz__results{padding-top:1.6rem}.haf-quiz__step-copy{display:grid;grid-template-columns:minmax(12rem,.22fr) minmax(0,1fr);gap:2.4rem;align-items:start;margin-bottom:1.6rem}.haf-quiz__step-copy h2,.haf-quiz__results-header h2,.haf-quiz__result-copy h3{margin:0}.haf-quiz__step-copy h2{max-width:76rem}.haf-quiz__art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}.haf-quiz__art-choice,.haf-quiz__option,.haf-quiz__palette-card{font:inherit;border-radius:var(--border-radius)}.haf-quiz__control{font-family:var(--font-button-family);font-style:var(--font-button-style);font-weight:var(--font-button-weight);font-size:calc(var(--font-button-scale) * 1rem);letter-spacing:calc(var(--font-button-letter-spacing) * .1);text-transform:var(--font-button-text-transform);line-height:1.2;border-radius:var(--border-radius-button)}.haf-quiz__art-choice{-webkit-appearance:none;appearance:none;display:grid;gap:.8rem;padding:0;background:transparent;color:inherit;border:0;text-align:left;cursor:pointer}.haf-quiz__art-media{display:block;aspect-ratio:4 / 5;border:.1rem solid rgb(var(--color-border));border-radius:var(--border-radius);background:rgba(var(--color-foreground),.04);position:relative;overflow:hidden}.haf-quiz__art-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-long) ease}.haf-quiz__art-choice:hover .haf-quiz__art-image{transform:scale(1.03)}.haf-quiz__poster-mark,.haf-quiz__poster-mark:before,.haf-quiz__poster-mark:after{content:"";position:absolute;display:block}.haf-quiz__poster-mark{top:12%;right:12%;bottom:12%;left:12%}.haf-quiz__art-media--abstract .haf-quiz__poster-mark{background:#d7462f;clip-path:polygon(10% 15%,88% 4%,72% 92%,0 76%)}.haf-quiz__art-media--botanical .haf-quiz__poster-mark{top:15%;right:22%;bottom:15%;left:22%;border-left:.3rem solid #2f7b5b}.haf-quiz__art-media--botanical .haf-quiz__poster-mark:before,.haf-quiz__art-media--botanical .haf-quiz__poster-mark:after{width:46%;height:28%;border:.3rem solid #2f7b5b;border-radius:50%;left:16%}.haf-quiz__art-media--botanical .haf-quiz__poster-mark:before{top:8%;transform:rotate(-24deg)}.haf-quiz__art-media--botanical .haf-quiz__poster-mark:after{bottom:18%;transform:rotate(24deg)}.haf-quiz__art-media--typographic .haf-quiz__poster-mark:before,.haf-quiz__art-media--typographic .haf-quiz__poster-mark:after{inset:auto;background:rgb(var(--color-foreground))}.haf-quiz__art-media--typographic .haf-quiz__poster-mark:before{width:18%;height:76%;left:20%;top:12%}.haf-quiz__art-media--typographic .haf-quiz__poster-mark:after{width:32%;height:14%;right:18%;top:22%;box-shadow:0 4.4rem rgb(var(--color-foreground)),0 8.8rem rgb(var(--color-foreground))}.haf-quiz__art-media--figurative .haf-quiz__poster-mark{top:18%;right:24%;bottom:18%;left:24%;border-radius:45% 45% 38% 38%;background:#c13f6b}.haf-quiz__art-media--figurative .haf-quiz__poster-mark:after{width:60%;height:34%;left:20%;bottom:-24%;border-radius:50% 50% 0 0;background:rgb(var(--color-foreground))}.haf-quiz__art-media--landscape .haf-quiz__poster-mark{top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#d8e4e7 0 48%,#4f79a5 48% 52%,#d6b06a 52%)}.haf-quiz__art-media--geometric .haf-quiz__poster-mark{background:linear-gradient(135deg,rgb(var(--color-foreground)) 0 23%,transparent 23% 36%,#2f6f99 36% 58%,transparent 58% 70%,#e0b329 70%)}.haf-quiz__art-media--minimalist .haf-quiz__poster-mark{top:18%;right:18%;bottom:18%;left:18%;border:.3rem solid #4a6f53}.haf-quiz__art-media--colour .haf-quiz__poster-mark{top:16%;right:16%;bottom:16%;left:16%;background:conic-gradient(from 90deg,#d7462f,#e0b329,#2f7b5b,#4f79a5,#c13f6b,#d7462f);border-radius:50%}.haf-quiz__choice-label{min-height:2.5em}.haf-quiz__art-choice[aria-pressed=true] .haf-quiz__art-media,.haf-quiz__option[aria-pressed=true],.haf-quiz__palette-card[aria-pressed=true]{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .2rem rgb(var(--color-foreground));outline:0}.haf-quiz__option-grid,.haf-quiz__palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.haf-quiz__option-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.haf-quiz__option,.haf-quiz__palette-card{min-height:8.6rem;padding:1.8rem;border:.1rem solid rgb(var(--color-border));background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:left;cursor:pointer}.haf-quiz__palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.haf-quiz__palette-card{display:grid;gap:1.2rem;align-content:start}.haf-quiz__palette-card:hover,.haf-quiz__option:hover{border-color:rgb(var(--color-foreground))}.haf-quiz__palette-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:7.2rem;border:.1rem solid rgb(var(--color-border));border-radius:var(--border-radius);overflow:hidden}.haf-quiz__palette-strip span{display:block;background:var(--swatch)}.haf-quiz__option-title,.haf-quiz__option-note{display:block}.haf-quiz__option-note{color:rgba(var(--color-foreground-secondary),.82)}.haf-quiz__message{min-height:0;margin-top:.8rem;color:rgb(var(--color-error))}.haf-quiz__controls,.haf-quiz__result-actions,.haf-quiz__restart{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center}.haf-quiz__controls{margin-top:1.6rem}.haf-quiz__control{-webkit-appearance:none;appearance:none;display:inline-flex;min-height:3.8rem;align-items:center;justify-content:center;padding:1rem 2.4rem;border:0;background:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text));text-decoration:none;cursor:pointer;transition:all var(--duration-default) ease}.haf-quiz__control:hover{background:rgba(var(--color-button-hover),var(--alpha-button-background));color:rgb(var(--color-button-text-hover))}.haf-quiz__control--secondary{background:rgba(var(--color-button-secondary),var(--alpha-button-background));color:rgb(var(--color-button-secondary-text))}.haf-quiz__control--secondary:hover{background:rgba(var(--color-button-secondary-hover),var(--alpha-button-background));color:rgb(var(--color-button-secondary-text-hover))}.haf-quiz__results-header{max-width:76rem}.haf-quiz__results-header h2{margin-top:1rem}.haf-quiz__results-header p:not(.haf-quiz__step-count){margin:1.6rem 0 0;color:rgba(var(--color-foreground-secondary),.82)}.haf-quiz__selected{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.4rem}.haf-quiz__selected span{border:.1rem solid rgb(var(--color-border));border-radius:var(--badge-border-radius);padding:.8rem 1rem;background:rgb(var(--color-background))}.haf-quiz__result-profile{margin-top:4rem;border-top:.1rem solid rgb(var(--color-border));padding-top:2.4rem}.haf-quiz__result-copy{max-width:76rem}.haf-quiz__result-copy p{margin-top:1.4rem;color:rgba(var(--color-foreground-secondary),.82)}.haf-quiz__result-actions{margin-top:2.4rem}.haf-quiz__recommendations{margin-top:4rem}.haf-quiz__recommendations-head{display:flex;flex-wrap:wrap;gap:1rem 1.8rem;align-items:center;justify-content:space-between;margin-bottom:1.6rem}.haf-quiz__recommendations-head a{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem}.haf-quiz__product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem}.haf-quiz__product{color:inherit;display:grid;grid-template-rows:auto auto auto;min-width:0;text-decoration:none}.haf-quiz__product-media{display:block;aspect-ratio:4 / 5;background:rgb(var(--color-background));border-radius:var(--border-radius);overflow:hidden}.haf-quiz__product-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long) ease}.haf-quiz__product:hover .haf-quiz__product-media img{transform:scale(1.05)}.haf-quiz__product-placeholder{display:flex;height:100%;align-items:center;justify-content:center;padding:1.8rem;text-align:center;background:rgba(var(--color-foreground),.04)}.haf-quiz__product-title{display:block;margin-top:1.6rem;padding-top:1.6rem;border-top:.1rem solid rgb(var(--color-border));font-family:var(--font-heading-card-family);font-style:var(--font-heading-card-style);font-weight:var(--font-heading-card-weight);font-size:calc(var(--font-heading-card-scale) * 1rem);letter-spacing:calc(var(--font-heading-card-letter-spacing) * .1);text-transform:var(--font-heading-card-text-transform);color:rgb(var(--color-foreground-title))}.haf-quiz__product-price{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem;font-family:var(--font-price-card-family);font-style:var(--font-prcie-card-style);font-weight:var(--font-prcie-card-weight);font-size:calc(var(--font-price-card-scale) * 1rem);color:rgb(var(--color-foreground-title))}.haf-quiz__product-price s{color:rgba(var(--color-foreground),.4)}.haf-quiz__product-cta{display:none}.haf-quiz__restart{margin-top:3.2rem}@media screen and (min-width:990px){.haf-quiz__intro{display:none}}@media screen and (min-width:1100px)and (max-height:760px){.haf-quiz__container{max-width:124rem}.haf-quiz__art-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.haf-quiz__art-media{aspect-ratio:auto;height:clamp(19rem,29vh,23.2rem)}.haf-quiz__art-image{object-fit:cover;background:rgb(var(--color-background))}}@media screen and (min-width:1100px)and (min-height:761px){.haf-quiz__art-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.haf-quiz__art-media{aspect-ratio:auto;height:clamp(24rem,31vh,32rem)}.haf-quiz__art-image{object-fit:cover;background:rgb(var(--color-background))}}@media screen and (max-width:989px){.haf-quiz__art-grid,.haf-quiz__option-grid,.haf-quiz__palette-grid,.haf-quiz__option-grid--wide,.haf-quiz__product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.haf-quiz{padding-top:calc(var(--spaced-section) * .65)}.haf-quiz__step-copy{grid-template-columns:1fr;gap:.8rem}.haf-quiz__option-grid,.haf-quiz__palette-grid,.haf-quiz__option-grid--wide,.haf-quiz__product-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-art-finder-quiz.css.map?fresh=20260614 */