.otw-quiz{--otw-ink: #141412;--otw-cream: #f4efe5;--otw-paper: #fbf8f2;--otw-line: rgba(20, 20, 18, .14);--otw-sun: #F2C230;--otw-dark-tile: #1d1d1b;--otw-light-tile: #ece5d6;color:var(--otw-ink);background:var(--otw-cream)}.otw-quiz [hidden]{display:none!important}.otw-quiz button{font:inherit;color:inherit;cursor:pointer}.otw-quiz .otw-btn{display:inline-block;background:var(--otw-ink);color:var(--otw-paper);border:0;border-radius:14px;padding:16px 26px;font-size:15px;text-decoration:none;transition:transform .15s ease,opacity .15s}.otw-quiz .otw-btn:hover{transform:translateY(-1px)}.otw-quiz .otw-btn--light{background:var(--otw-paper);color:var(--otw-ink)}.otw-quiz .otw-link{background:none;border:0;padding:0;margin-top:28px;font-size:14px;text-decoration:underline;opacity:.7}.otw-quiz .otw-quiz__eyebrow,.otw-quiz .otw-quiz__count{font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin:0 0 14px}.otw-quiz .otw-quiz__q,.otw-quiz .otw-hero__title,.otw-quiz .otw-results__title,.otw-quiz .otw-quiz__sub{font-family:var(--font-heading--family, serif);font-weight:400;line-height:1.04;margin:0 0 16px}.otw-quiz .otw-quiz__q{font-size:clamp(30px,4.6vw,46px);margin-bottom:28px}.otw-quiz .otw-quiz__lead{font-size:16px;line-height:1.6;max-width:58ch;margin:0 0 24px;opacity:.85}.otw-quiz .otw-quiz__sub{font-size:28px;margin:44px 0 6px}.otw-quiz .otw-quiz__hint{font-size:14px;opacity:.65;margin:0 0 18px}.otw-hero{position:relative;min-height:min(86vh,780px);display:flex;align-items:flex-end;overflow:hidden;background:#2a3a44;color:#fff}.otw-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%}.otw-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0a0e10b8,#0a0e1059 45%,#0a0e1000 75%)}.otw-hero__copy{position:relative;padding:0 16px 56px;max-width:1200px;width:100%;margin:0 auto}.otw-hero__copy .otw-quiz__eyebrow{opacity:.85}.otw-hero__title{font-size:clamp(44px,8vw,88px);max-width:12ch;color:#fff}.otw-hero__lead{font-size:17px;line-height:1.55;max-width:44ch;margin:0 0 28px;opacity:.92}@media(min-width:750px){.otw-hero__copy{padding:0 40px 72px}}.otw-stage{display:grid;grid-template-columns:1fr;min-height:78vh}.otw-stage__media{position:relative;margin:0;height:190px;overflow:hidden;background:#2a3a44}.otw-stage__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.otw-stage__img.is-on{opacity:1}.otw-stage__panel{padding:32px 16px 64px;max-width:640px;width:100%;margin:0 auto}@media(min-width:900px){.otw-stage{grid-template-columns:45% 55%}.otw-stage__media{height:auto;min-height:78vh}.otw-stage__panel{padding:72px 56px 80px;margin:0;align-self:center}}.otw-quiz .otw-quiz__progress{height:2px;background:var(--otw-line);margin-bottom:36px}.otw-quiz .otw-quiz__progress span{display:block;height:100%;width:0;background:var(--otw-ink);transition:width .35s ease}.otw-quiz .otw-quiz__step{display:none;animation:otwFade .35s ease}.otw-quiz .otw-quiz__step.is-active{display:block}@keyframes otwFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.otw-quiz .otw-quiz__options{display:grid;gap:12px}.otw-quiz .otw-quiz__options--two{grid-template-columns:1fr 1fr}.otw-quiz .otw-quiz__options button{text-align:left;background:var(--otw-paper);border:1px solid var(--otw-line);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,background .15s,transform .15s}.otw-quiz .otw-quiz__options button:hover{border-color:var(--otw-ink);transform:translateY(-1px)}.otw-quiz .otw-quiz__options button.is-picked{border-color:var(--otw-ink);background:#fff;box-shadow:inset 4px 0 0 var(--otw-sun)}.otw-quiz .otw-quiz__options strong{font-size:17px;font-weight:600}.otw-quiz .otw-quiz__options span{font-size:14px;opacity:.7}.otw-quiz .otw-quiz__swatches{display:flex;gap:6px;margin-top:8px;font-style:normal}.otw-quiz .otw-quiz__swatches b{width:22px;height:22px;border-radius:50%;border:1px solid var(--otw-line)}@media(max-width:560px){.otw-quiz .otw-quiz__options--two{grid-template-columns:1fr}}.otw-results{max-width:1100px;margin:0 auto;padding:56px 16px 88px}@media(min-width:750px){.otw-results{padding:80px 40px 104px}}.otw-results__title{font-size:clamp(44px,7vw,72px)}.otw-quiz .otw-quiz__chips{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:8px}.otw-quiz .otw-quiz__chips li{background:var(--otw-paper);border:1px solid var(--otw-line);border-radius:100px;padding:6px 12px;font-size:13px}.otw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}@media(max-width:560px){.otw-grid{grid-template-columns:1fr 1fr;gap:10px}}.otw-card{text-align:left;border:1px solid var(--otw-line);border-radius:10px;background:var(--otw-paper);padding:0;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative;transition:border-color .15s,transform .15s}.otw-card:hover{border-color:var(--otw-ink);transform:translateY(-2px)}.otw-card__art{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:14%}.otw-card__art--dark{background:var(--otw-dark-tile)}.otw-card__art--light{background:var(--otw-light-tile)}.otw-card__art img{width:100%;height:100%;object-fit:contain}.otw-card__photo{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--otw-light-tile)}.otw-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}.otw-card__name{font-weight:600;font-size:16px}.otw-card__meta{font-size:13px;opacity:.7;line-height:1.45}.otw-card__badge{position:absolute;top:10px;left:10px;background:var(--otw-sun);color:#111;font-size:12px;font-weight:600;border-radius:100px;padding:4px 10px;z-index:1}@media(max-width:560px){.otw-card__body{padding:10px 12px 12px}}.otw-save{margin-top:56px;padding:28px;background:var(--otw-paper);border:1px solid var(--otw-line);border-radius:14px;display:grid;gap:16px;align-items:end}.otw-save .otw-quiz__sub{margin-top:0;font-size:26px}.otw-save .otw-quiz__hint{margin:0}@media(min-width:900px){.otw-save{grid-template-columns:1fr 1fr}}.otw-save__form{display:flex;gap:10px;flex-wrap:wrap}.otw-save__form input[type=email]{flex:1 1 220px;border:1px solid var(--otw-line);border-radius:14px;padding:15px 16px;font:inherit;background:#fff;color:inherit}.otw-save__ok{font-size:15px;margin:0}.otw-save__err{width:100%;color:#a3321f;font-size:14px;margin:0}.otw-quiz .otw-btn--ghost{background:transparent;color:var(--otw-ink);border:1px solid var(--otw-ink);margin-top:24px}.otw-card__tag{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.otw-offer{margin:28px 0 8px;padding:24px;background:var(--otw-sun);color:var(--otw-ink);border-radius:14px;display:grid;gap:16px;align-items:end}@media(min-width:900px){.otw-offer{grid-template-columns:1fr 1fr;padding:28px 32px}}.otw-offer .otw-quiz__eyebrow{opacity:.75;margin-bottom:8px}.otw-offer__title{font-family:var(--font-heading--family, serif);font-weight:400;font-size:clamp(28px,4vw,38px);line-height:1.05;margin:0 0 8px}.otw-offer__text{font-size:15px;line-height:1.5;margin:0}.otw-offer .otw-save__form input[type=email]{border-color:#14141240}.otw-offer .otw-save__err{color:#6b1d0f}
/*# sourceMappingURL=/cdn/shop/t/5/assets/otw-style-quiz.css.map */