.ddi-quiz-section{background:var(--paper, #f5f2ec);padding:var(--section-pad, 100px) 0;border-top:4px solid var(--blue, #023dfb)}.ddi-quiz{--ddi-quiz-gap: 2px;max-width:860px;margin:0 auto;min-height:620px;font-family:Switzer,sans-serif;color:var(--ink, #1c1a18)}.ddi-quiz *,.ddi-quiz *:before,.ddi-quiz *:after{box-sizing:border-box}.ddi-quiz__screen{display:block}.ddi-quiz-head{max-width:680px;margin:0 0 40px}.ddi-quiz-head__lead{font-size:var(--t-lead, 21px);line-height:1.55;letter-spacing:-.005em;color:var(--ink-80, rgba(28, 26, 24, .78));margin:0}.ddi-quiz__progressbox{margin:0 0 28px}.ddi-quiz__progress{height:2px;background:var(--rule, rgba(28, 26, 24, .1));overflow:hidden}.ddi-quiz__progressfill{display:block;height:100%;background:var(--blue, #023dfb);transition:width .2s ease-out}.ddi-quiz__step{margin:12px 0 0;font-family:Switzer,sans-serif;font-size:var(--t-eyebrow, 12px);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-60, rgba(28, 26, 24, .66))}.ddi-quiz__q,.ddi-quiz h2.ddi-quiz__q{font-family:Erode,serif!important;font-size:var(--t-h2, 48px)!important;font-weight:500!important;line-height:1.08!important;letter-spacing:-.038em!important;color:var(--ink, #1c1a18);max-width:22ch;margin:0 0 12px}.ddi-quiz__sub{margin:0 0 28px;font-size:var(--t-body, 17px);line-height:1.55;color:var(--ink-80, rgba(28, 26, 24, .78));max-width:52ch}.ddi-quiz__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ddi-quiz__opt{appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:0;border:0;border-radius:0;text-align:left;background:var(--ink-10, rgba(28, 26, 24, .08));cursor:pointer;transition:box-shadow var(--ease, .2s ease)}.ddi-quiz__opt:hover .ddi-quiz__img{transform:scale(1.03)}.ddi-quiz__opt:hover .ddi-quiz__optlabel{background:var(--wash-blue, #dde4fe)}.ddi-quiz__opt.is-selected{box-shadow:inset 0 0 0 2px var(--blue, #023dfb)}.ddi-quiz__opt.is-selected .ddi-quiz__optlabel{background:var(--wash-blue, #dde4fe)}.ddi-quiz__opt:focus-visible,.ddi-quiz__cta:focus-visible,.ddi-quiz__input:focus-visible,.ddi-quiz__skip:focus-visible,.ddi-quiz__back:focus-visible,.ddi-quiz__cardmedia:focus-visible{outline:2px solid var(--blue, #023dfb);outline-offset:2px}.ddi-quiz__media{display:block;flex:0 0 auto;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:var(--img-linen, #d8d0c0)}.ddi-quiz__media--tone{background:var(--tone, var(--img-linen, #d8d0c0))}.ddi-quiz__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}.ddi-quiz__optlabel{display:block;background:var(--paper, #f5f2ec);padding:16px 16px 2px;font-family:Switzer,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;line-height:1.2;color:var(--ink, #1c1a18);transition:background var(--ease, .2s ease)}.ddi-quiz__optlabel:before{content:"";display:block;height:3px;width:100%;background:var(--blue, #023dfb);margin:-16px 0 12px}.ddi-quiz__optsub{display:block;flex:1 1 auto;background:var(--paper, #f5f2ec);padding:4px 16px 16px;font-size:var(--t-caption, 14px);line-height:1.4;color:var(--ink-60, rgba(28, 26, 24, .66))}.ddi-quiz__opt.is-selected .ddi-quiz__optsub,.ddi-quiz__opt:hover .ddi-quiz__optsub{background:var(--wash-blue, #dde4fe)}.ddi-quiz__back,.ddi-quiz__skip{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:10px;background:transparent;border:0;border-bottom:1px solid var(--rule-heavy, rgba(28, 26, 24, .22));border-radius:0;margin:28px 0 0;padding:0 0 4px;min-height:24px;font-family:Switzer,sans-serif;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink, #1c1a18);cursor:pointer;transition:color var(--ease, .2s ease),border-color var(--ease, .2s ease)}.ddi-quiz__back:hover,.ddi-quiz__skip:hover{color:var(--blue, #023dfb);border-bottom-color:var(--blue, #023dfb)}.ddi-quiz__incentive{margin:0 0 18px;min-height:24px;font-size:var(--t-body, 17px);color:var(--ink-80, rgba(28, 26, 24, .78))}.ddi-quiz__incentive.is-empty{visibility:hidden}.ddi-quiz__form{display:flex;flex-direction:column;gap:12px;max-width:460px}.ddi-quiz__input{width:100%;min-height:48px;padding:13px 16px;font-size:16px;font-family:Switzer,sans-serif;color:var(--ink, #1c1a18);background:var(--paper, #f5f2ec);border:1.5px solid var(--rule-heavy, rgba(28, 26, 24, .22));border-radius:2px}.ddi-quiz__input::placeholder{color:var(--ink-40, rgba(28, 26, 24, .62))}.ddi-quiz__input.is-error{border-color:var(--red, #c0392b)}.ddi-quiz__cta{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin:28px 0 0;padding:14px 28px;font-family:Switzer,sans-serif;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:0;border-radius:2px;background:var(--blue, #023dfb);color:var(--paper, #f5f2ec)!important;cursor:pointer;transition:background var(--ease, .2s ease),color var(--ease, .2s ease),border-color var(--ease, .2s ease)}.ddi-quiz__cta:after{content:"\2192";font-size:14px;letter-spacing:0;font-weight:400;transition:transform var(--ease, .2s ease)}.ddi-quiz__cta:hover{background:var(--ink, #1c1a18)}.ddi-quiz__cta:hover:after{transform:translate(4px)}.ddi-quiz__form .ddi-quiz__cta{margin:0}.ddi-quiz__cta[disabled]{opacity:.4;cursor:not-allowed}.ddi-quiz__cta[disabled]:hover{background:var(--blue, #023dfb)}.ddi-quiz__cta--outline{background:transparent;color:var(--ink, #1c1a18)!important;border:1.5px solid var(--ink, #1c1a18);padding:13px 27px}.ddi-quiz__cta--outline:hover{background:var(--ink, #1c1a18);color:var(--paper, #f5f2ec)!important}.ddi-quiz__cta--outline[disabled]:hover{background:transparent;color:var(--ink, #1c1a18)!important}.ddi-quiz__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;font-family:Switzer,sans-serif;font-size:var(--t-eyebrow, 12px);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--blue, #023dfb)}.ddi-quiz__eyebrow:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.ddi-quiz__persona,.ddi-quiz h2.ddi-quiz__persona{font-family:Erode,serif!important;font-size:var(--t-h2, 48px)!important;font-weight:500!important;line-height:1.08!important;letter-spacing:-.038em!important;color:var(--ink, #1c1a18);max-width:20ch;margin:0 0 16px}.ddi-quiz__blurb{margin:0 0 8px;font-size:var(--t-lead, 21px);line-height:1.55;letter-spacing:-.005em;color:var(--ink-80, rgba(28, 26, 24, .78));max-width:46ch}.ddi-quiz__sectiontitle,.ddi-quiz h3.ddi-quiz__sectiontitle{font-family:Erode,serif!important;font-size:var(--t-h4, 22px)!important;font-weight:500!important;line-height:1.3!important;letter-spacing:-.018em!important;color:var(--ink, #1c1a18);margin:40px 0 16px}.ddi-quiz__card{background:var(--paper, #f5f2ec);position:relative;border:0;border-top:4px solid var(--blue, #023dfb);border-radius:0;padding:0 0 28px}.ddi-quiz__card--pair{border-top-color:var(--ochre, #c8922a)}.ddi-quiz__cardmedia{display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--img-linen, #d8d0c0)}.ddi-quiz__cardmedia .ddi-quiz__img{aspect-ratio:1 / 1}.ddi-quiz__card:hover .ddi-quiz__cardmedia .ddi-quiz__img{transform:scale(1.03)}.ddi-quiz__cardtitle,.ddi-quiz h3.ddi-quiz__cardtitle{font-family:Erode,serif!important;font-size:21px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:-.02em!important;color:var(--ink, #1c1a18);margin:20px 20px 4px}.ddi-quiz__price{margin:12px 20px 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-family:Switzer,sans-serif;font-size:15px;font-weight:500;color:var(--ink, #1c1a18)}.ddi-quiz__pricewas{text-decoration:line-through;font-weight:400;color:var(--ink-40, rgba(28, 26, 24, .62))}.ddi-quiz__saved{display:inline-flex;align-items:center;background:var(--wash-red, #f5ddd9);color:#b63629;font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1;padding:3px 6px;border-radius:3px;text-transform:uppercase;white-space:nowrap}.ddi-quiz__stock{margin:8px 20px 0;font-size:var(--t-caption, 14px);color:var(--ink-60, rgba(28, 26, 24, .66))}.ddi-quiz__stock.is-out{color:var(--brick, #9c4a2e);font-weight:600}.ddi-quiz__stock.is-out:before{content:"\25c6\a0"}.ddi-quiz__pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--ddi-quiz-gap);background:var(--rule, rgba(28, 26, 24, .1))}.ddi-quiz__pair--single{grid-template-columns:1fr}.ddi-quiz__pairnote{margin:16px 0 0;font-size:var(--t-caption, 14px);line-height:1.5;color:var(--ink-60, rgba(28, 26, 24, .66));max-width:52ch}.ddi-quiz__error{margin:12px 0 0;min-height:20px;font-size:var(--t-caption, 14px);color:var(--red, #c0392b)}@media screen and (min-width:861px){.ddi-quiz{min-height:680px}.ddi-quiz__grid{grid-template-columns:repeat(4,1fr)}.ddi-quiz__cta{width:auto;min-width:300px}.ddi-quiz__card--hero{display:grid;grid-template-columns:340px 1fr;grid-template-rows:auto auto 1fr;column-gap:32px;align-items:start;padding-bottom:0}.ddi-quiz__card--hero .ddi-quiz__cardmedia{grid-row:1 / span 3}.ddi-quiz__card--hero .ddi-quiz__cardtitle{margin:4px 0 6px}.ddi-quiz__card--hero .ddi-quiz__price,.ddi-quiz__card--hero .ddi-quiz__stock{margin-left:0;margin-right:0}}@media screen and (max-width:720px){.ddi-quiz__grid{grid-template-columns:1fr 1fr;gap:12px}.ddi-quiz__media{aspect-ratio:1 / 1}.ddi-quiz__optlabel{padding:14px 12px 2px;font-size:12px}.ddi-quiz__optlabel:before{margin:-14px 0 10px}.ddi-quiz__optsub{padding:4px 12px 14px;font-size:13px}.ddi-quiz__cardtitle{margin:16px 16px 4px}.ddi-quiz__price,.ddi-quiz__stock{margin-left:16px;margin-right:16px}.ddi-quiz__pair{gap:12px;background:transparent}}@media(prefers-reduced-motion:reduce){.ddi-quiz__progressfill,.ddi-quiz__opt,.ddi-quiz__img,.ddi-quiz__cta,.ddi-quiz__cta:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/129/assets/ddi-quiz.css.map */