.spq{padding:28px 16px}.spq__wrap{max-width:560px;margin:0 auto}.spq__card{border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:24px 20px;background:#fffffffa;box-shadow:0 14px 34px #00000014;text-align:center}.spq__progressTrack{height:4px;background:#0000000f;border-radius:999px;margin-bottom:24px;overflow:hidden}.spq__progressBar{height:100%;width:0%;background:#111;border-radius:999px;transition:width .35s cubic-bezier(.2,.8,.2,1)}.spq__screen[hidden]{display:none}.spq__kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin-bottom:8px}.spq__title{margin:0 0 8px;font-size:26px;line-height:1.15;letter-spacing:-.02em}.spq__p{margin:0 0 20px;opacity:.78;line-height:1.5}.spq__counter{font-size:13px;opacity:.55;margin-bottom:6px}.spq__qtext{font-size:20px;line-height:1.3;margin:0 0 16px;letter-spacing:-.01em}.spq__answers{display:grid;grid-template-columns:1fr;gap:10px}@keyframes spqFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spq__fadeIn{animation:spqFadeIn .3s ease both}.spq__answer{position:relative;width:100%;text-align:center;border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:14px 16px;background:#fffffffa;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:inherit;font-family:inherit;line-height:1.4;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;overflow:hidden}.spq__answer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.8,.2,1);background:linear-gradient(180deg,#0000000a,#00000014)}.spq__answer:hover{box-shadow:0 12px 28px #0000001a;border-color:#00000038}.spq__answer:hover:before{transform:translateY(0)}.spq__answer:active{transform:scale(.985)}.spq__answer.is-selected{border-color:#00000059;box-shadow:0 14px 34px #0000001f}.spq__answer.is-selected:before{transform:translateY(0)}.spq__answer:disabled{cursor:default}.spq__back{display:inline-block;margin-top:14px;padding:0;border:none;background:none;font-size:13px;font-family:inherit;opacity:.5;cursor:pointer;transition:opacity .14s ease}.spq__back:hover{opacity:.8}.spq__loading{min-height:200px;display:grid;place-items:center;text-align:center;gap:16px;padding:40px 0}.spq__loadingRing{width:44px;height:44px;border-radius:999px;border:3px solid rgba(0,0,0,.1);border-top-color:#0000008c;animation:spqSpin .8s linear infinite}@keyframes spqSpin{to{transform:rotate(360deg)}}.spq__loadingText{opacity:.65;font-size:15px}.spq__resultKicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.65}.spq__resultTitle{margin:8px 0 0;font-size:28px;line-height:1.1;letter-spacing:-.02em}.spq__resultDesc{margin:12px 0 20px;opacity:.82;line-height:1.5}.spq__tipsLabel{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.55;margin-bottom:10px}.spq__tips{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.spq__tip{font-size:13px;border:1px solid rgba(0,0,0,.12);padding:6px 14px;border-radius:999px;opacity:.88}.spq__btn--full{display:block;width:100%}.spq__retake{display:inline-block;margin-top:14px;padding:0;border:none;background:none;font-size:13px;font-family:inherit;opacity:.45;cursor:pointer;transition:opacity .14s ease}.spq__retake:hover{opacity:.75}.spq__btn{display:inline-block;border-radius:14px;padding:12px 20px;border:1px solid rgba(0,0,0,.15);cursor:pointer;background:#fffffffa;font-size:inherit;font-family:inherit;text-decoration:none;text-align:center;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.spq__btn:hover{box-shadow:0 12px 28px #0000001a;border-color:#00000038}.spq__btn:active{transform:scale(.985)}.spq__btn--primary{background:#111;color:#fff;border-color:#111}.spq__footer{margin-top:16px;opacity:.55;font-size:13px;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/3/assets/skin-personality-quiz.css.map */