#undertone-quiz,#undertone-quiz .uq-screen{background:#eaeaea}#undertone-quiz h1,#undertone-quiz h2,#undertone-quiz h3,#undertone-quiz #uq-rname{color:#111}#undertone-quiz #uq-rname em{color:#111;font-style:italic}#undertone-quiz .uq-intro{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:680px;margin:0 auto}#undertone-quiz .uq-intro .uq-meta{justify-content:center}#undertone-quiz .uq-introimg{width:100%;display:flex;justify-content:center;margin:6px 0 4px}#undertone-quiz .uq-introimg img{max-width:420px;width:100%;height:auto;display:block;border-radius:12px}#undertone-quiz .uq-qhead h2{font-size:clamp(20px,3.2vw,29px)}#undertone-quiz .uq-qhead p{font-size:clamp(15px,2vw,17px);color:#333}@media(min-width:760px){#undertone-quiz .uq-options{display:flex;flex-wrap:nowrap;gap:12px;align-items:stretch}#undertone-quiz .uq-options .uq-opt{flex:1 1 0;min-width:0}}@media(max-width:759px){#undertone-quiz .uq-options{display:flex;flex-wrap:wrap;gap:12px}#undertone-quiz .uq-options .uq-opt{flex:1 1 100%}}#undertone-quiz .uq-opt{padding:12px 10px}#undertone-quiz .uq-opt .uq-lbl{font-size:15px;line-height:1.3;display:block;text-align:center;text-transform:none;letter-spacing:normal}@media(max-width:759px){#undertone-quiz .uq-opt .uq-lbl{font-size:15px}}#undertone-quiz .uq-opt--img{flex-direction:column;align-items:center}#undertone-quiz .uq-opt--img .uq-art{display:block;width:100%;height:auto;aspect-ratio:1/1;background-size:cover;background-position:center;border-radius:0;margin-bottom:8px}@media(max-width:759px){#undertone-quiz .uq-opt--img .uq-art{max-width:260px;margin-left:auto;margin-right:auto}}#undertone-quiz .uq-palette-head p{display:none}#undertone-quiz .uq-modes-hint{margin:2px 0 10px;font-size:13.5px;color:#444;text-align:left;line-height:1.4}#undertone-quiz .uq-swatch-note{margin:10px 0 14px;font-size:12.5px;color:#666;text-align:left;line-height:1.4}#undertone-quiz .uq-modes{display:flex;gap:10px;margin:4px 0 6px}#undertone-quiz .uq-mode{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:10px 20px;border:1px solid #111;background:transparent;color:#111;border-radius:0;cursor:pointer;text-align:center;font-family:inherit;font-size:0;line-height:1.2;white-space:nowrap;transition:transform .08s ease,background .15s,color .15s}#undertone-quiz .uq-mode:after{display:inline-block;width:auto;text-align:center;font-size:17px;font-weight:700;letter-spacing:.04em}#undertone-quiz .uq-mode[data-mode=general]:after{content:"BEST GENERAL"}#undertone-quiz .uq-mode[data-mode=neutral]:after{content:"BEST NEUTRAL"}#undertone-quiz .uq-mode:active{transform:scale(.96)}#undertone-quiz .uq-mode.is-on{background:#111;color:#fff;border-color:#111}@media(max-width:759px){#undertone-quiz .uq-modes{gap:8px}#undertone-quiz .uq-mode{flex:1 1 0;min-width:0;padding:10px 6px}#undertone-quiz .uq-mode:after{font-size:13px;letter-spacing:.02em}}#undertone-quiz .uq-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}#undertone-quiz .uq-swatch{flex:none;display:flex;flex-direction:column;align-items:stretch;border:0;background:none;padding:0;margin:0;cursor:pointer}#undertone-quiz .uq-swatch .uq-chip{display:block;width:100%;height:42px;border-radius:0;border:1px solid rgba(0,0,0,.12);box-shadow:none}#undertone-quiz .uq-swatch small{display:block;text-align:center;font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px;color:#222}#undertone-quiz .uq-swatch.is-active .uq-chip{outline:2px solid #111;outline-offset:1px}@media(max-width:759px){#undertone-quiz .uq-swatches{grid-template-columns:repeat(3,1fr)}#undertone-quiz .uq-swatch small{font-size:10.5px}}#undertone-quiz .uq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}@media(max-width:759px){#undertone-quiz .uq-grid{grid-template-columns:repeat(2,1fr);gap:10px}}#undertone-quiz .uq-cardp{display:flex;flex-direction:column;background:#fff;border-radius:0;overflow:hidden;border:1px solid rgba(0,0,0,.08)}#undertone-quiz .uq-cardp .uq-photo{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:0;background:#f3efe9}#undertone-quiz .uq-cardp .uq-photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}#undertone-quiz .uq-cardp .uq-match,#undertone-quiz .uq-dots{display:none!important}#undertone-quiz .uq-info{padding:9px 10px 4px;display:flex;flex-direction:column;gap:2px}#undertone-quiz .uq-info .uq-nm{font-size:13px;font-weight:600;color:#111;text-decoration:none;line-height:1.25}#undertone-quiz .uq-info .uq-cur{font-size:12px;color:#555}#undertone-quiz .uq-info .uq-pr{font-size:12.5px;color:#111}#undertone-quiz .uq-add{margin-top:auto;border:0;background:#111;color:#fff;padding:10px;cursor:pointer;border-radius:0;font-size:13px;font-weight:600;transition:background .15s,transform .08s}#undertone-quiz .uq-add:active{transform:scale(.98)}#undertone-quiz .uq-add.is-added{background:#3a7d44}#undertone-quiz .uq-add[disabled],#undertone-quiz .uq-add.uq-oos{background:#9a9a9a;color:#fff;cursor:not-allowed;opacity:1}
/*# sourceMappingURL=/cdn/shop/t/141/assets/uq-fix.css.map */