.quiz__head{background:rgb(var(--rgb-gray-02));text-align:center;padding:40px 15px 0}@media (min-width:768px){.quiz__head{padding:40px 20px 0}}@media (min-width:1200px){.quiz__head{padding-top:60px}}.quiz__logo{margin:0 auto 20px;display:none}@media (min-width:768px){.quiz__logo{display:block}}.quiz__logo--suits{grid-template-columns:repeat(2,26px);justify-content:center;gap:5px;width:fit-content}@media (min-width:768px){.quiz__logo--suits{display:grid}}.quiz__logo--suits span{line-height:0}.qs--spade{color:rgb(var(--rgb-gray-23))}.qs--heart{color:rgb(var(--rgb-red))}.qs--diamond{color:rgb(var(--rgb-blue))}.qs--club{color:rgb(var(--rgb-green))}.step__code{font-family:var(--font-family-titles);font-weight:var(--font-titles-weight);fill:#343c4b;font-size:27px}.step__row{fill:#3e4c63;font-size:14px}.step__row--rank{font-family:var(--font-family-titles);font-weight:var(--font-titles-weight);fill:#88619a}.quiz__head h1{color:rgb(var(--rgb-gray-20));margin:0 0 20px}.trademark{color:rgb(var(--rgb-gray-20));margin:0}.quiz__steps{background:rgb(var(--rgb-gray-02));padding:40px 0 0;overflow:hidden}.quiz__cards{flex-direction:column;gap:20px;padding:0 0 40px;display:flex}@media (min-width:992px){.quiz__cards{flex-direction:row;padding-bottom:80px}}.card--step{background:#fff;border:1px solid #fff;border-radius:10px;flex:1;overflow:hidden;box-shadow:0 2px 10px #0000000f}.card--step .card__inner{flex-direction:column;height:100%;display:flex}.card--step .step__picture{flex-shrink:0;margin:0 0 -12px;display:block}.card--step .step__picture svg{width:100%;height:160px;display:block}.card--step .card__body{padding:20px;position:relative}@media (min-width:768px){.card--step .card__body{padding:24px 24px 26px}}.step__n{color:rgb(var(--rgb-gray-12));margin-bottom:10px}.card--step h2{color:rgb(var(--rgb-gray-20));margin:0 0 10px}.card--step p{color:rgb(var(--rgb-gray-15));margin:0}.card--blue{border-top:4px solid rgb(var(--rgb-blue))}.card--green{border-top:4px solid rgb(var(--rgb-green))}.card--purple{border-top:4px solid rgb(var(--rgb-purple))}.quiz__below{padding:0 15px}@media (min-width:768px){.quiz__below{padding:0 20px}}.quiz__questions{flex-direction:column;align-items:flex-start;padding-top:28px;display:flex}@media (min-width:768px){.quiz__questions{padding-top:48px}}@media (min-width:992px){.quiz__questions{max-width:1080px;margin:0 auto}}.question{border:0;border-bottom:1px solid rgb(var(--rgb-gray-03));width:100%;margin:0 0 20px;padding:0 0 20px;transition:opacity .2s ease-in-out}@media (min-width:768px){.question{margin-bottom:40px;padding-bottom:40px}}.question:last-of-type{border-bottom:0}.input__label{margin-bottom:20px}@media (min-width:768px){.input__label{margin-bottom:30px}}.statement .header{color:rgb(var(--rgb-gray-20))}.group__options{justify-content:flex-start;align-items:center;display:flex}.caption{display:flex}.caption.agree{color:rgb(var(--rgb-green))}.caption.disagree{color:rgb(var(--rgb-purple));text-align:end;flex:0 auto}.caption.agree{flex:0 auto}.radios{justify-content:space-between;align-items:center;gap:0;width:100%;margin:0;display:flex}@media (min-width:768px){.radios{flex:none;gap:24px;width:auto;margin:0 30px}}@media (min-width:1200px){.radios{gap:40px;width:620px;margin:0 60px}}.captions--desktop{display:none}@media (min-width:768px){.captions--desktop{display:flex}}.captions--phone{justify-content:space-between;width:100%;margin-top:8px;display:flex}@media (min-width:768px){.captions--phone{display:none}}.captions--phone .agree{color:rgb(var(--rgb-green))}.captions--phone .disagree{color:rgb(var(--rgb-purple))}.sp-radio{width:var(--sm);height:var(--sm);flex:none;display:block;position:relative}@media (min-width:1200px){.sp-radio{width:var(--lg);height:var(--lg)}}.sp-radio input{opacity:0;cursor:pointer;z-index:2;border-radius:50%;width:100%;height:100%;margin:0;position:absolute;inset:0}.radio__tick{background:0 0;border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .12s;display:flex}.tone--green{color:rgb(var(--rgb-green))}.tone--purple{color:rgb(var(--rgb-purple))}.tone--neutral{color:#9b9faa}.radio__icon{opacity:0;pointer-events:none;width:40%;height:40%}.sp-radio input:hover+.radio__tick{background:rgb(from currentColor r g b / .12)}.sp-radio input:checked+.radio__tick{background:currentColor}.sp-radio input:checked+.radio__tick .radio__icon{opacity:1}.sp-radio input:focus+.radio__tick{outline:2px solid rgb(var(--rgb-link));outline-offset:3px}.sp-radio input:focus:not(:focus-visible)+.radio__tick{outline:none}.quiz__actions{justify-content:center;align-items:center;gap:15px;width:100%;padding:20px 0 60px;display:flex}.btn--action:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{border-color:rgb(var(--rgb-gray-05));color:rgb(var(--rgb-gray-15));background:0 0}.btn--ghost:hover{background:rgb(var(--rgb-gray-02))}.quiz__count{color:rgb(var(--rgb-gray-12))}.quiz__result{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:1080px;margin:0 auto;padding:60px 0;display:flex}.result__meters{text-align:left;gap:10px;width:100%;max-width:460px;margin:0 auto;padding:0;list-style:none;display:grid}.meter{align-items:center;gap:10px;display:flex}.meter__name{color:rgb(var(--rgb-gray-15));flex:0 0 98px;align-items:center;gap:6px;display:inline-flex}.meter__name svg{color:var(--band);flex:none}.meter__track{background:var(--wash);border-radius:999px;flex:1;height:10px;overflow:hidden}.meter__track i{background:var(--band);border-radius:999px;height:100%;display:block}.meter__pct{text-align:right;color:rgb(var(--rgb-gray-20));font-variant-numeric:tabular-nums;flex:0 0 44px}.meter.is--top .meter__name{color:rgb(var(--rgb-gray-20));font-weight:var(--font-text-bold-weight)}.result__gauge{text-align:left;width:100%;max-width:460px;margin:6px auto 0}.gauge__title{color:rgb(var(--rgb-gray-15));margin-bottom:8px;display:block}.gauge__track{background:rgb(var(--rgb-gray-03));border-radius:999px;height:10px;display:block;position:relative}.gauge__dot{background:rgb(var(--rgb-purple));border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000040}.gauge__ranks{color:rgb(var(--rgb-gray-12));justify-content:space-between;margin-top:6px;padding:0 2px;display:flex}.result__lean{color:rgb(var(--rgb-gray-15));margin:4px 0 0}.result__stage{justify-content:center;margin:10px 0 20px;display:flex}.result__stage .figure{width:auto;height:300px}@media (min-width:768px){.result__stage .figure{height:360px}}.result__read{text-align:center;max-width:560px;margin:0 auto 14px}.result__axes{text-align:left;gap:8px;max-width:520px;margin:0 auto 24px;padding:0;list-style:none;display:grid}.result__axes b{font-weight:var(--font-text-bold-weight)}.result__note{color:rgb(var(--rgb-gray-09));margin:14px 0 0}.quiz__questions{scroll-margin-top:calc(var(--navbar-h) + 20px)}