.art-finder{max-width:72rem;margin:0 auto}.art-finder--results{max-width:none}[data-art-finder-quiz],[data-art-finder-results]{scroll-margin-top:calc(var(--header-height, 0px) + 2rem)}.art-finder__progress{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem}.art-finder__progress-label{font-size:1.3rem;letter-spacing:.08rem;text-transform:uppercase;white-space:nowrap;opacity:.7}.art-finder__bar{flex:1 1 auto;height:.2rem;background:rgba(var(--color-foreground),.15)}.art-finder__bar-fill{display:block;height:100%;width:0;background:rgb(var(--color-foreground));transition:width .35s ease}.art-finder__panel{min-height:46rem}@media screen and (min-width:750px){.art-finder__panel{min-height:32rem}}.art-finder__fieldset{min-width:0;margin:0;padding:0;border:0}.art-finder__question{display:block;width:100%;margin:0 0 2rem;padding:0}.art-finder__options{display:grid;grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none;border:0}@media screen and (min-width:750px){.art-finder__options{grid-template-columns:repeat(2,1fr);gap:1.2rem}}.art-finder__option-wrap{position:relative;display:flex}.art-finder__option{display:flex;align-items:center;width:100%;min-height:6.4rem;padding:1.6rem 2rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:var(--inputs-radius, 0);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.6rem;line-height:1.4;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.art-finder__option:hover{border-color:rgba(var(--color-foreground),.6)}.art-finder__input:checked+.art-finder__option{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.art-finder__input:focus-visible+.art-finder__option{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.art-finder__input:focus+.art-finder__option{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.art-finder__input:focus:not(:focus-visible)+.art-finder__option{outline:0}.art-finder__subtitle{margin:-1.2rem 0 2rem;font-size:1.5rem;opacity:.75}.art-finder__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.8rem;margin-bottom:1.2rem}.art-finder__swatch{display:flex;align-items:center;gap:.8rem;width:100%;min-height:4.8rem;padding:.8rem 1rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:var(--inputs-radius, 0);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.5rem;line-height:1.2;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.art-finder__swatch:hover{border-color:rgba(var(--color-foreground),.6)}.art-finder__swatch-label{min-width:0;overflow-wrap:anywhere}.art-finder__swatch-dot{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background-color:var(--art-finder-swatch, transparent);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.3)}.art-finder__check{width:1.6rem;height:1.6rem;opacity:0;color:#fff;filter:drop-shadow(0 0 .1rem rgba(0,0,0,.55));transition:opacity .15s ease}.art-finder__input--colour:checked+.art-finder__swatch{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.art-finder__input--colour:checked+.art-finder__swatch .art-finder__swatch-label{font-weight:600}.art-finder__input--colour:checked+.art-finder__swatch .art-finder__check{opacity:1}.art-finder__swatch-dot--light .art-finder__check{color:#1a1a1a;filter:none}.art-finder__input:focus-visible+.art-finder__swatch{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.art-finder__input:focus+.art-finder__swatch{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.art-finder__input:focus:not(:focus-visible)+.art-finder__swatch{outline:0}.art-finder__none .art-finder__option--none{min-height:4.8rem;justify-content:center;font-size:1.5rem}@media screen and (min-width:750px){.art-finder__swatches{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem}.art-finder__swatch{gap:1rem;padding:.8rem 1.2rem}.art-finder__none .art-finder__option--none{max-width:24rem}}@media(prefers-reduced-motion:reduce){.art-finder__swatch,.art-finder__check{transition:none}}.art-finder__nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.4rem}.art-finder__nav .button{margin:0}.art-finder__back{padding-left:0}.art-finder__results-intro{max-width:60rem;margin:0 auto 3rem;text-align:center}.art-finder__summary{margin:.8rem 0 0}.art-finder__retake{margin-top:3.2rem;text-align:center}.art-finder__skeleton{display:block;width:100%;aspect-ratio:1 / 1;background:rgba(var(--color-foreground),.07)}.art-finder__error{text-align:center}.art-finder__panel--enter{animation:art-finder-fade-in .3s ease both}@keyframes art-finder-fade-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.art-finder__panel--enter{animation:none}.art-finder__bar-fill,.art-finder__option{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/art-finder-quiz.css.map */