#aquatheory-skin-quiz{max-width:900px;margin:0 auto}.atq-card{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:18px;background:#fff}.atq-header h1{margin:0 0 6px;font-size:28px;line-height:1.2}.atq-sub{margin:0;opacity:.8}.atq-progress{margin-top:14px;display:grid;gap:8px}.atq-progressbar{height:10px;background:#00000014;border-radius:999px;overflow:hidden}.atq-progressbar>div{height:100%;width:0%;background:#1f6f7a;transition:width .25s ease}.atq-steps{display:flex;flex-wrap:wrap;gap:6px}.atq-pill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.1);opacity:.65}.atq-pill.atq-active{opacity:1;border-color:#1f6f7a}.atq-qwrap{margin-top:18px;display:grid;gap:14px}.atq-qtitle{font-size:18px;font-weight:700;margin:0}.atq-answers{display:grid;gap:10px}.atq-answer{border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:12px;cursor:pointer;transition:transform .05s ease,border-color .15s ease;background:#fff}.atq-answer:hover{transform:translateY(-1px);border-color:#1f6f7a}.atq-answer input{display:none}.atq-answer .atq-atext{display:block;font-size:14px;line-height:1.35}.atq-nav{margin-top:18px;display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.atq-btn{-webkit-appearance:none;appearance:none;border:0;border-radius:12px;padding:12px 14px;font-weight:700;cursor:pointer}.atq-btn-primary{background:#1f6f7a;color:#fff}.atq-btn-secondary{background:#00000012}.atq-small{font-size:12px;opacity:.75;line-height:1.35}.atq-results{margin-top:18px;display:grid;gap:14px}.atq-type{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.atq-code{font-size:30px;font-weight:900;letter-spacing:.08em}.atq-name{font-size:16px;opacity:.85}.atq-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:860px){.atq-grid{grid-template-columns:1.25fr .75fr}}.atq-box{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:14px}.atq-box h3{margin:0 0 8px;font-size:16px}.atq-list{margin:0;padding-left:18px;display:grid;gap:6px}.atq-products{display:grid;gap:10px}.atq-product{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px;display:grid;gap:6px}.atq-product a{color:#1f6f7a;font-weight:800;text-decoration:none}.atq-tag{display:inline-block;font-size:11px;padding:4px 8px;border-radius:999px;background:#1f6f7a1a;width:fit-content}
/*# sourceMappingURL=/cdn/shop/t/5/assets/skin-quiz.css.map */