.quiz{--quiz-border: #ddd8cf;--quiz-reward-bg: #ffffff;--quiz-inset: 5.4375rem;--quiz-chrome-inset: 1.75rem;--quiz-serif-tracking: 1.1px;--quiz-display-sm: 1.5625rem;--quiz-card-title: 1rem;--quiz-product-title: 1.875rem;--quiz-content-w: 31.3125rem;--quiz-content-w-wide: 32.4375rem;background:rgb(var(--background));color:rgb(var(--text-color))}.quiz__flow{display:block}.quiz-panel{display:none;border-top:1px solid var(--quiz-border)}.quiz-panel.is-active{display:grid}.quiz__flow:not([data-ready]) .quiz-panel:first-child{display:grid}.quiz-panel{grid-template-columns:minmax(0,1fr);min-height:calc(100svh - var(--header-group-height, 65px))}.quiz-panel__content{display:flex;flex-direction:column;position:relative;padding-block:var(--quiz-chrome-inset) 1.625rem;min-width:0}.quiz-panel__chrome{padding-inline:var(--quiz-chrome-inset)}.quiz-panel__body{display:flex;flex-direction:column;align-items:flex-start;padding-inline:var(--container-gutter);width:100%}.quiz-panel__media{position:relative;order:-1;height:13.5625rem}.quiz-panel__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media screen and (min-width:700px){.quiz-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.quiz-panel__media{order:0;height:auto}.quiz-panel__body{padding-inline:var(--quiz-inset) 2.5rem}}.quiz-eyebrow{font-size:var(--text-sm);letter-spacing:var(--text-letter-spacing);line-height:1.4;text-transform:uppercase;margin:0}.quiz-serif-eyebrow{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--subheading-font-size);letter-spacing:var(--quiz-serif-tracking);text-transform:uppercase;margin:0}.quiz-heading{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:min(var(--text-h2),3.4296875rem);line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);margin:0}.quiz-heading em{font-style:italic;color:var(--quiz-accent)}.quiz-body{font-size:var(--text-base);font-weight:var(--text-font-medium-weight);color:rgb(var(--text-color) / .7);line-height:1.2}.quiz-body p{margin:0}.quiz-body ul{margin:.75em 0;padding-inline-start:1.3125rem}.quiz-caption{font-size:var(--text-sm);letter-spacing:var(--text-letter-spacing);line-height:1.4;color:rgb(var(--text-color) / .4)}.quiz-caption--uppercase{text-transform:uppercase}.quiz-caption--italic{font-style:italic}.quiz-quote{font-size:var(--text-sm);letter-spacing:var(--text-letter-spacing);line-height:1.4;color:rgb(var(--text-color) / .4);font-style:italic;margin:auto 0 0;padding-inline:var(--quiz-chrome-inset);padding-top:1.5rem}.quiz-quote strong{display:block;font-weight:var(--text-font-bold-weight)}.quiz-back,.quiz-next{display:inline-flex;align-items:center;gap:.5rem;background:none;border:0;padding:0;cursor:pointer;font-family:var(--text-font-family);font-size:var(--text-sm);letter-spacing:var(--text-letter-spacing);color:rgb(var(--text-color))}.quiz-back__icon,.quiz-next__icon{width:1rem;height:auto}.quiz-back:hover span,.quiz-next:hover span{text-decoration:underline;text-underline-offset:.2em}.quiz-next{margin-top:1.5rem}.quiz-next[hidden]{display:none}.quiz-progress{display:flex;gap:.625rem;list-style:none;margin:0;padding:0;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--subheading-font-size);letter-spacing:var(--quiz-serif-tracking);text-transform:uppercase}.quiz-progress li{color:rgb(var(--text-color) / .4)}.quiz-progress li.is-current{color:rgb(var(--text-color))}.quiz-panel--intro .quiz-panel__body{gap:1.5rem;margin-top:2.5rem}@media screen and (min-width:700px){.quiz-panel--intro .quiz-panel__body{margin-top:9.4375rem}}.quiz-panel--intro .quiz-heading,.quiz-panel--intro .quiz-body{max-width:var(--quiz-content-w)}.quiz-intro__actions{display:flex;align-items:center;gap:1.8125rem}.quiz-reward{background:var(--quiz-reward-bg);border:1px dashed var(--quiz-accent);border-inline-start:.375rem solid var(--quiz-accent);width:min(var(--quiz-content-w),100%);padding:.8125rem 1.125rem;display:flex;flex-direction:column;gap:.3125rem;margin-top:.25rem}.quiz-reward__text{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--quiz-display-sm);letter-spacing:var(--quiz-serif-tracking);text-transform:capitalize;margin:0}.quiz-reward__text em{font-style:normal;color:var(--quiz-accent)}.quiz-reward__code strong{font-weight:var(--text-font-bold-weight)}@media screen and (max-width:699px){.quiz-reward{padding:1.25rem 1.375rem}.quiz-reward__text{font-size:1.25rem}}.quiz-panel--question .quiz-panel__body{margin-top:2rem}@media screen and (min-width:700px){.quiz-panel--question .quiz-panel__body{margin-top:4.3125rem}}.quiz-question__title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--text-h3);line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);margin:1.5rem 0 0;max-width:var(--quiz-content-w);outline:none}.quiz-answers{display:grid}.quiz-answers--vertical{margin-top:4.25rem;grid-template-columns:repeat(3,minmax(0,10.9375rem));gap:.4375rem .3125rem}.quiz-answers--horizontal{margin-top:4.75rem;grid-template-columns:repeat(2,minmax(0,16.5rem));gap:.4375rem}@media screen and (max-width:1324px)and (min-width:700px){.quiz-answers--vertical{grid-template-columns:repeat(2,minmax(0,10.9375rem))}.quiz-answers--horizontal{grid-template-columns:minmax(0,16.5rem)}}@media screen and (max-width:699px){.quiz-panel__media:not(:has(.quiz-panel__image)){display:none}.quiz-answers{margin-top:2rem;width:100%}.quiz-answers--vertical{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-answers--horizontal{grid-template-columns:minmax(0,1fr)}}.quiz-answer{position:relative;display:flex;border:1px solid var(--quiz-border);background:transparent;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.quiz-answer:hover{border-color:rgb(var(--text-color) / .45)}.quiz-answer:has(.quiz-answer__input:checked){border-color:var(--quiz-accent);background:var(--quiz-reward-bg)}.quiz-answer:has(.quiz-answer__input:focus-visible){outline:2px solid rgb(var(--text-color));outline-offset:2px}.quiz-answer__media{flex-shrink:0;overflow:hidden;margin:1px}.quiz-answer__media:empty{background:rgb(var(--text-color) / .06)}.quiz-answer__image{width:100%;height:100%;object-fit:cover;display:block}.quiz-answer__title{display:block;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--quiz-card-title);line-height:normal}.quiz-answer__subtitle{display:block;font-size:var(--text-sm);letter-spacing:var(--text-letter-spacing);line-height:1.4;color:rgb(var(--text-color) / .4)}.quiz-answers--vertical .quiz-answer{flex-direction:column;min-height:11.5rem;text-align:center}.quiz-answers--vertical .quiz-answer__media{height:6.75rem}.quiz-answers--vertical .quiz-answer__text{display:flex;flex-direction:column;flex-grow:1;align-items:center;padding:.5rem .75rem .8125rem}.quiz-answers--vertical .quiz-answer__subtitle{margin-top:auto;max-width:9.5rem}.quiz-answers--horizontal .quiz-answer{min-height:6.875rem}.quiz-answers--horizontal .quiz-answer__media{width:5.8125rem}.quiz-answers--horizontal .quiz-answer__text{display:flex;flex-direction:column;flex-grow:1;padding:1.75rem .75rem 1.6875rem .5rem}.quiz-answers--horizontal .quiz-answer__subtitle{margin-top:auto;max-width:9.5rem}.quiz-panel--submission .quiz-panel__body{margin-top:2rem;gap:1.25rem}@media screen and (min-width:700px){.quiz-panel--submission .quiz-panel__body{margin-top:4.5625rem}}.quiz-panel--submission .quiz-serif-eyebrow{margin-bottom:1.5rem;outline:none}.quiz-panel--submission .quiz-question__title{margin-top:0}.quiz-panel--submission .quiz-body{max-width:var(--quiz-content-w)}.quiz-gate{display:flex;flex-direction:column;gap:1.25rem;width:min(var(--quiz-content-w-wide),100%)}.quiz-gate__fields{display:flex;flex-direction:column;gap:.5rem}.quiz-gate__error{margin:0;font-size:var(--text-sm);color:rgb(var(--error-text, 176 35 24))}.quiz-gate__submit{align-self:flex-start}.quiz-gate__consent{max-width:var(--quiz-content-w-wide)}.quiz-panel--outcome{display:none;grid-template-columns:minmax(0,1fr);padding-block:var(--quiz-chrome-inset) 0}.quiz-panel--outcome.is-active{display:block}.quiz-panel--outcome .quiz-panel__chrome{padding-inline:var(--quiz-chrome-inset)}.quiz-outcome__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;margin:1.75rem auto 0;padding-inline:var(--container-gutter);max-width:43.5rem}.quiz-outcome__heading{max-width:37.375rem}.quiz-outcome__copy{max-width:var(--quiz-content-w)}.quiz-outcome__meta{margin:0}.quiz-reward--outcome{margin-top:.25rem;width:min(var(--quiz-content-w),100%)}.quiz-outcome__matches{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem 1.375rem;padding-inline:1.5rem;margin-top:3.5rem;padding-bottom:var(--section-vertical-spacing)}@media screen and (min-width:1000px){.quiz-outcome__matches{grid-template-columns:repeat(var(--quiz-match-columns, 2),minmax(0,1fr))}}.quiz-match__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid rgb(var(--text-color) / .1);padding-bottom:.75rem}.quiz-match__rank{font-size:var(--text-sm);letter-spacing:var(--text-letter-spacing);text-transform:uppercase}.quiz-match__score{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:italic;font-size:var(--quiz-display-sm);letter-spacing:var(--quiz-serif-tracking);text-transform:uppercase;color:var(--quiz-accent)}.quiz-product{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:3.75rem;align-items:start}@media screen and (min-width:700px){.quiz-product{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}.quiz-product__media{position:relative;display:flex;justify-content:center}.quiz-product__image{max-height:32rem;width:auto;max-width:100%;object-fit:contain}.quiz-product__badges{position:absolute;top:30%;right:18%;display:flex;flex-direction:column;gap:.5rem}.quiz-product__info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding-inline:1rem}.quiz-product__vendor{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--subheading-font-size);letter-spacing:var(--quiz-serif-tracking);text-transform:uppercase;color:var(--quiz-accent);margin:0}.quiz-product__title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--quiz-product-title);line-height:1;letter-spacing:.02em;text-transform:uppercase;margin:0}.quiz-product__rule{display:block;width:1.625rem;border-top:1px solid rgb(var(--text-color))}.quiz-product__description{font-size:var(--text-sm);letter-spacing:var(--text-letter-spacing);line-height:1.4;max-width:20.4375rem;margin:0}.quiz-product__prices{display:flex;align-items:center;justify-content:center;gap:.6875rem}.quiz-product__buy .button{min-width:9.875rem}.quiz-product__link{font-size:var(--text-base);letter-spacing:var(--text-letter-spacing);text-decoration:underline;text-underline-offset:.2em}.quiz-product__profile{display:flex;flex-direction:column;gap:1.5625rem;margin-top:3rem;width:100%;align-items:center}.quiz-scale{display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);align-items:center;gap:.875rem;width:100%;max-width:22.5rem}.quiz-scale__label{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:.875rem;letter-spacing:var(--text-letter-spacing);text-transform:uppercase}.quiz-scale__label--start{text-align:end}.quiz-scale__label--end{text-align:start}.quiz-scale__level{display:flex;gap:.625rem;list-style:none;margin:0;padding:0}.quiz-scale__level li{width:1rem;height:1rem;flex-shrink:0;border:1px solid var(--quiz-border)}.quiz-scale__level li.is-selected{background:var(--quiz-accent);border-color:var(--quiz-accent)}.quiz-editor-panel{border-top:3px dashed var(--quiz-accent, #8f9650);background:#f6f2ea;color:#231f20;padding:2rem var(--container-gutter) 3rem}.quiz-editor-panel__inner{max-width:60rem;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.quiz-editor-panel__badge{align-self:flex-start;background:#231f20;color:#fffbf6;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .625rem;margin:0}.quiz-editor-panel__title{font-family:var(--heading-font-family);font-size:1.5rem;margin:0}.quiz-editor-panel__subtitle{font-family:var(--heading-font-family);font-size:1.125rem;margin:1rem 0 0}.quiz-editor-panel__help{font-size:.8125rem;line-height:1.5;margin:0}.quiz-editor-panel__actions{display:flex;align-items:center;gap:1rem}.quiz-editor-panel__prompt{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.5;padding:1rem;border:1px solid #ddd8cf;background:#fffdf5}.quiz-editor-panel__validator{font-size:.8125rem;line-height:1.6}.quiz-editor-panel__validator ul{margin:0;padding-inline-start:1.25rem}.quiz-editor-panel__validator .is-ok{color:#3c6e33}.quiz-editor-panel__validator .is-warn{color:#a15c07}.quiz-editor-panel__validator .is-fail{color:#b02318}@media(prefers-reduced-motion:no-preference){.quiz-panel.is-active{animation:quiz-panel-in .35s ease both}}@keyframes quiz-panel-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/469/assets/quiz.css.map */