.gift-quiz{--gift-quiz-duration: var(--duration-long);--gift-quiz-gap: 1.2rem;--gift-quiz-border: rgba(var(--color-foreground), .12);--gift-quiz-surface: rgba(var(--color-foreground), .04);--gift-quiz-back-button-size: 4.4rem;display:block}.gift-quiz__retake{display:flex;justify-content:flex-end;padding-block:var(--gift-quiz-gap)}.gift-quiz__track{display:flex;align-items:flex-start;transition:height calc(var(--gift-quiz-duration) / 2) ease}.gift-quiz--transitioning .gift-quiz__track{overflow:hidden}.gift-quiz__step{flex:0 0 100%;min-width:0}.gift-quiz__step-inner{display:flex;flex-direction:column;gap:var(--gift-quiz-gap)}.gift-quiz__step[data-step-active=false]{display:none}.gift-quiz--forward .gift-quiz__step{animation:giftQuizSlideForward var(--gift-quiz-duration) ease}.gift-quiz--back .gift-quiz__step{animation:giftQuizSlideBack var(--gift-quiz-duration) ease}@keyframes giftQuizSlideForward{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes giftQuizSlideBack{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.gift-quiz{--gift-quiz-duration: 0s}.gift-quiz--forward .gift-quiz__step,.gift-quiz--back .gift-quiz__step{animation:none}}.gift-quiz__step-header{display:flex;flex-direction:column;gap:var(--gift-quiz-gap);text-align:center}.gift-quiz__step-title,.gift-quiz__step-heading,.gift-quiz__step-sub-heading{margin:0}.gift-quiz__step-title{--gift-quiz-title-gap: .4rem;display:flex;align-items:center;justify-content:center;gap:var(--gift-quiz-title-gap);font-size:1.6rem;line-height:100%}.gift-quiz__step-title:has(.gift-quiz__back-button){padding-inline-end:calc(var(--gift-quiz-back-button-size) + var(--gift-quiz-title-gap))}@media screen and (min-width:750px){.gift-quiz__step-title{font-size:2.4rem}}.gift-quiz__step-heading:focus{outline:none}.gift-quiz__step-heading:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.gift-quiz__back-button{display:inline-flex;align-items:center;justify-content:center;width:var(--gift-quiz-back-button-size);height:var(--gift-quiz-back-button-size);padding:0;border:none;background:none;color:currentColor;cursor:pointer}.gift-quiz__back-button svg{width:1rem;height:1rem;transform:rotate(90deg)}.gift-quiz__options{display:grid;grid-template-columns:repeat(var(--gift-options-columns-mobile, 2),minmax(0,1fr));gap:var(--gift-quiz-gap)}@media screen and (min-width:750px){.gift-quiz__options{grid-template-columns:repeat(var(--gift-options-columns-tablet, 3),minmax(0,1fr))}}@media screen and (min-width:990px){.gift-quiz__options{grid-template-columns:repeat(var(--gift-options-columns-desktop, 4),minmax(0,1fr))}}.gift-quiz__option{position:relative;height:100%;overflow:hidden;border:.2rem solid var(--gift-quiz-border);border-radius:var(--media-radius);text-align:var(--gift-option-text-align, left);transition:border-color var(--duration-short) ease}.gift-quiz__option:hover,.gift-quiz__option:has(.gift-quiz__option-button:focus-visible){border-color:rgba(var(--color-foreground),.8)}.gift-quiz__option:has(.gift-quiz__option-button:focus-visible){outline:.2rem solid rgba(var(--color-foreground),.8);outline-offset:.3rem}.gift-quiz__option-media{position:relative;aspect-ratio:var(--gift-option-aspect-ratio, 1/1)}.gift-quiz__option-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gift-quiz__option-media .placeholder-svg{background-color:var(--gift-quiz-surface);fill:rgba(var(--color-foreground),.55)}.gift-quiz__option-text{padding:1.2rem}.gift-quiz__option-title{margin:0 0 1rem}.gift-quiz__option-button{padding:0;border:none;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer}.gift-quiz__option-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.gift-quiz__option-button:focus-visible{outline:none;box-shadow:none}.gift-quiz__option-copy{margin:0;line-height:150%}.gift-quiz__editor-note{color:rgb(var(--color-foreground));background:var(--gift-quiz-surface);border:.1rem dashed var(--gift-quiz-border);padding:1rem;text-align:left}.gift-quiz__price-ranges{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:78rem;margin:0 auto}.gift-quiz__pill{min-width:20rem;padding:1rem 2rem;border:.2rem solid var(--gift-quiz-border);border-radius:999px;background:var(--gift-quiz-surface);color:rgb(var(--color-foreground));font:inherit;text-align:center;cursor:pointer;transition:border-color var(--duration-short) ease}.gift-quiz__pill:hover{border-color:rgba(var(--color-foreground),.5)}@media screen and (max-width:749px){.gift-quiz__price-range{flex:0 0 calc(50% - .5rem);min-width:0}}.gift-quiz__results{width:fit-content;max-width:100%;margin:0 auto;overflow-x:auto}.gift-quiz__gifts{display:grid;grid-auto-flow:column;grid-auto-columns:25rem;gap:1rem;margin:0;padding:1rem;list-style:none}.gift-quiz__gift .card-wrapper{height:100%}
/*# sourceMappingURL=/cdn/shop/t/473/assets/component-gift-quiz.css.map */