.ctn-quiz{font-family:Karla,sans-serif;background:#fff;padding:2.5rem 1.5rem 5rem}.ctn-quiz__inner{max-width:1100px;margin:0 auto;background:#fff}.ctn-quiz__header{text-align:center;margin-bottom:1.25rem}.ctn-quiz__eyebrow{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#8a8a8a;text-align:center;margin:0 0 10px}.ctn-quiz__title{font-family:Rethink Sans,sans-serif;font-weight:500;font-size:clamp(34px,3.5vw,52px);line-height:1.1;letter-spacing:-.01em;text-align:center;margin:0 auto 12px;max-width:720px;color:#2c2419}.ctn-quiz__lede{font-size:14px;color:#6b5d4f;max-width:550px;margin:0 auto;line-height:1.5}.ctn-quiz__trio{display:grid;grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;gap:10px;margin:1.25rem auto;max-width:900px}.ctn-trio__tile{height:250px;border-radius:10px;background-size:cover;background-position:center;background-repeat:no-repeat}.ctn-trio__tile--bare{background-color:#f0e5da}.ctn-trio__tile--nude{background-color:#e8ddd0}.ctn-trio__tile--contour{background-color:#ddc9b0}.ctn-quiz__stage{position:relative;overflow:hidden;background:#faf7f2;border-radius:12px}.ctn-quiz__track{display:flex;width:200%;transition:transform .4s cubic-bezier(.65,0,.35,1)}.ctn-quiz__track[data-state=result]{transform:translate(-50%)}.ctn-quiz__panel{width:50%;box-sizing:border-box;padding:1.25rem 1.5rem}.ctn-quiz__panel--quiz{display:flex;flex-direction:column;justify-content:center;align-items:stretch}.ctn-quiz__question{font-family:Rethink Sans,sans-serif;font-size:22px;font-weight:500;color:#2c2419;letter-spacing:-.005em;text-align:center;margin:0 0 1rem}.ctn-quiz__options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ctn-option{background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:8px;padding:.9rem .85rem;text-align:center;cursor:pointer;transition:background .25s,border-color .25s,transform .2s,box-shadow .25s;font-family:Karla,sans-serif;position:relative}.ctn-option:hover{background:#2c2419;border-color:#2c2419;transform:translateY(-2px)}.ctn-option:hover .ctn-option__icon,.ctn-option:hover .ctn-option__title,.ctn-option:hover .ctn-option__sub{color:#faf7f2}.ctn-option:active{transform:translateY(0) scale(.98)}.ctn-option:focus-visible{outline:2px solid #2C2419;outline-offset:2px}.ctn-option[aria-checked=true]{background:#2c2419;border-color:#2c2419}.ctn-option[aria-checked=true] .ctn-option__icon,.ctn-option[aria-checked=true] .ctn-option__title,.ctn-option[aria-checked=true] .ctn-option__sub{color:#faf7f2}.ctn-option__icon{color:#8b7355;display:block;margin:0 auto 10px;transition:color .25s}.ctn-option__title{font-family:Rethink Sans,sans-serif;font-size:16px;font-weight:500;color:#2c2419;margin:0 0 4px;text-transform:none;letter-spacing:0;transition:color .25s}.ctn-option__sub{font-size:12px;color:#8b7355;margin:0;text-transform:none;letter-spacing:0;transition:color .25s}.ctn-quiz__panel--result{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;padding:0}.ctn-result__swatch{display:flex;justify-content:end;overflow:hidden;transition:background .4s ease;max-height:500px;border-radius:12px 0 0 12px}.ctn-result__swatch img{max-width:300px;width:100%;height:400px;max-height:400px;object-fit:cover;display:block}.ctn-result__swatch img[src=""]{display:none}.ctn-result__body{padding:1.25rem 2rem;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.ctn-result__tag{font-family:Rethink Sans,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8b7355;font-weight:500;margin:0 0 .4rem}.ctn-result__name{font-family:Rethink Sans,sans-serif;font-size:24px;font-weight:500;color:#2c2419;letter-spacing:-.01em;margin:0 0 .4rem}.ctn-result__spec{font-size:13px;color:#8b7355;margin:0 0 .2rem}.ctn-result__shades{font-size:12px;color:#a89684;margin:0 0 .85rem}.ctn-result__desc{font-size:13.5px;color:#6b5d4f;line-height:1.55;margin:0 0 1.25rem;max-width:340px}.ctn-result__actions{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.btn.ctn-result__shop{background:#000;color:#fff;border:1.5px solid #000000;padding:12px 26px;border-radius:50px;font-size:var(--button-text-size, 13px);font-family:Karla,sans-serif;font-weight:var(--base-font-weight, 400);letter-spacing:1px;text-transform:uppercase;line-height:1em;transition:background-color .1s,color .1s,border-color .1s,opacity .1s}.btn.ctn-result__shop:hover{background:#000;color:#fff;border-color:#000;opacity:.85;transform:none}.ctn-result__restart{background:transparent;border:none;color:#8b7355;padding:10px 12px;font-size:13px;cursor:pointer;text-decoration:underline;font-family:Karla,sans-serif}@media(max-width:900px){.ctn-quiz__panel,.ctn-result__body{padding:1.15rem 1.25rem}.ctn-result__name{font-size:22px}}@media(max-width:640px){.ctn-quiz{padding:2rem 1rem}.ctn-trio__tile{height:200px}.ctn-quiz__title{font-size:26px}.ctn-quiz__question{font-size:18px;margin-bottom:.75rem}.ctn-quiz__trio{gap:6px;margin:1rem 0}.ctn-quiz__panel--quiz{padding:25px 1rem}.ctn-quiz__options{grid-template-columns:1fr;gap:8px}.ctn-option{display:grid;grid-template-columns:30px 1fr;align-items:center;column-gap:12px;text-align:left;padding:.75rem 1rem}.ctn-option__icon{margin:0;grid-row:span 2}.ctn-option__title{margin:0 0 2px}.ctn-quiz__panel--result{grid-template-columns:1fr}.ctn-result__swatch{max-height:500px;border-radius:12px 12px 0 0}.ctn-result__swatch img{height:auto;max-height:320px;max-width:100%}.ctn-result__body{padding:1.25rem 1rem}}@media(prefers-reduced-motion:reduce){.ctn-quiz__track,.ctn-result__swatch,.ctn-option{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/300/compiled_assets/styles.css.map */