.clio-quiz{--quiz-violet: #4D94FF;--quiz-pink: #FFBB94;--quiz-yellow: #FFEE82;--quiz-sky: #82F6FF;--quiz-mint: #C48EC1;--quiz-ink: #2F2F2F;position:relative;isolation:isolate;overflow:hidden;padding:5.2rem 0 7rem;color:var(--quiz-ink);background:#fff}.clio-quiz__decor{position:absolute;z-index:-1;border-radius:999px;opacity:.24;pointer-events:none}.clio-quiz__decor--yellow{top:5rem;right:-9rem;width:27rem;height:27rem;background:var(--quiz-yellow)}.clio-quiz__decor--pink{top:30rem;left:-8rem;width:20rem;height:20rem;background:var(--quiz-pink)}.clio-quiz__shell{max-width:118rem}.clio-quiz__hero{max-width:82rem;margin:0 auto 3rem;text-align:center}.clio-quiz__eyebrow{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1.2rem;padding:.7rem 1.2rem;color:var(--quiz-violet);background:#f2eafb;border-radius:999px;font-size:1.15rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.clio-quiz__title{max-width:15ch;margin:0 auto 1.4rem;font-size:clamp(4rem,7vw,7.2rem);line-height:.98;letter-spacing:-.035em}.clio-quiz__lead{max-width:67rem;margin:0 auto;color:#161616b8;font-size:1.65rem;line-height:1.58}.clio-quiz__privacy{display:inline-flex;align-items:center;gap:.9rem;margin-top:1.8rem;padding:1rem 1.35rem;color:#161616c2;background:#eefbe9;border:1px solid rgba(115,227,107,.45);border-radius:1.4rem;font-size:1.25rem;text-align:left}.clio-quiz__privacy-icon{display:grid;place-items:center;flex:0 0 auto;width:2.4rem;height:2.4rem;color:#fff;background:#379a31;border-radius:999px;font-weight:900}.clio-quiz__panel{max-width:108rem;margin:0 auto;padding:3rem;background:#fff;border:1px solid rgba(22,22,22,.09);border-radius:3rem;box-shadow:0 20px 55px #2f1b461a}.clio-quiz__progress{margin-bottom:3rem}.clio-quiz__progress-copy{display:flex;justify-content:space-between;gap:2rem;margin-bottom:.9rem;color:#161616ad;font-size:1.2rem;font-weight:700}.clio-quiz__progress-track{height:.85rem;overflow:hidden;background:#eee9f3;border-radius:999px}.clio-quiz__progress-fill{display:block;width:14.285%;height:100%;background:var(--quiz-violet);border-radius:inherit;transition:width .22s ease}.clio-quiz__step{min-width:0;margin:0;padding:0;border:0}.clio-quiz__step[hidden]{display:none}.clio-quiz__step legend{display:block;width:100%;margin:0;padding:0;font-size:clamp(2.7rem,4vw,4.3rem);font-weight:800;line-height:1.08;letter-spacing:-.025em}.clio-quiz__hint{margin:1rem 0 2.2rem;color:#161616a3;font-size:1.35rem}.clio-quiz__options{display:grid;gap:1.25rem}.clio-quiz__options--three{grid-template-columns:repeat(3,minmax(0,1fr))}.clio-quiz__options--four{grid-template-columns:repeat(4,minmax(0,1fr))}.clio-quiz__options--five{grid-template-columns:repeat(5,minmax(0,1fr))}.clio-quiz__option{position:relative;display:flex;min-height:15rem;flex-direction:column;align-items:flex-start;gap:.65rem;padding:1.8rem;cursor:pointer;background:#fff;border:1.5px solid rgba(22,22,22,.11);border-radius:2rem;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.clio-quiz__option:hover{transform:translateY(-3px);border-color:#4d94ff6b;box-shadow:0 10px 24px #22143014}.clio-quiz__option:has(input:checked){background:#f5effc;border-color:var(--quiz-violet);box-shadow:0 0 0 3px #4d94ff1f}.clio-quiz__option input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.clio-quiz__option input:focus-visible+.clio-quiz__option-mark,.clio-quiz__option:has(input:focus-visible){outline:.25rem solid rgba(130,246,255,.55);outline-offset:.2rem}.clio-quiz__option-mark{display:grid;place-items:center;width:3.7rem;height:3.7rem;margin-bottom:.6rem;color:var(--quiz-violet);background:#ffee82;border-radius:1.15rem;font-size:1.05rem;font-weight:900}.clio-quiz__option strong{font-size:1.52rem;line-height:1.2}.clio-quiz__option small{color:#161616a3;font-size:1.16rem;line-height:1.45}.clio-quiz__error{margin:1.5rem 0 0;color:#a91d56;font-size:1.25rem;font-weight:700}.clio-quiz__actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2.6rem}.clio-quiz__actions .button{min-width:16rem;border-radius:999px}.clio-quiz__next,.clio-quiz__submit{color:#fff;background:var(--quiz-violet)}.clio-quiz__next:hover,.clio-quiz__submit:hover{background:#2f72d9}.clio-quiz__back{margin-right:auto}.clio-quiz__results[hidden]{display:none}.clio-quiz__result-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:2.5rem}.clio-quiz__result-kicker{display:block;margin-bottom:.7rem;color:var(--quiz-violet);font-size:1.15rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.clio-quiz__result-heading h2{max-width:17ch;margin:0 0 .8rem;font-size:clamp(3.2rem,5vw,5.2rem);line-height:1}.clio-quiz__result-heading p{max-width:66rem;margin:0;color:#161616ab}.clio-quiz__restart{flex:0 0 auto;padding:.9rem 1.2rem;color:var(--quiz-violet);background:transparent;border:0;border-bottom:1px solid currentColor;cursor:pointer;font:inherit;font-weight:700}.clio-quiz__product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.clio-quiz-product{display:flex;min-width:0;flex-direction:column;overflow:hidden;background:#fff;border:1px solid rgba(22,22,22,.09);border-radius:2.2rem;box-shadow:0 8px 22px #1616160f}.clio-quiz-product__media{position:relative;display:grid;place-items:center;aspect-ratio:1 / 1;overflow:hidden;background:#fff;border-bottom:1px solid rgba(22,22,22,.07)}.clio-quiz-product__media img{width:100%;height:100%;padding:1.6rem;object-fit:contain}.clio-quiz-product__placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--quiz-violet);background:#f3ebfb;font-size:4rem;font-weight:900}.clio-quiz-product__badge{position:absolute;top:1.2rem;left:1.2rem;padding:.6rem .9rem;color:var(--quiz-violet);background:var(--quiz-yellow);border-radius:999px;font-size:1rem;font-weight:900;text-transform:uppercase}.clio-quiz-product__body{display:flex;flex:1;flex-direction:column;padding:1.8rem}.clio-quiz-product__vendor{margin-bottom:.5rem;color:var(--quiz-violet);font-size:1rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.clio-quiz-product__title{min-height:4.5rem;margin:0 0 1rem;font-size:1.55rem;line-height:1.35}.clio-quiz-product__price{margin-top:auto;margin-bottom:1.3rem;color:var(--quiz-violet);font-size:1.8rem;font-weight:900}.clio-quiz-product__body .button{width:100%;min-height:4.7rem;border-radius:1.4rem}.clio-quiz__after-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem;margin-top:2.6rem;padding:2.5rem;background:#dcf8fc;border-radius:2.2rem}.clio-quiz__account-label{display:block;margin-bottom:.5rem;color:var(--quiz-violet);font-size:1.05rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.clio-quiz__account-copy h3{margin:0 0 .7rem;font-size:2.2rem}.clio-quiz__account-copy p{max-width:66rem;margin:0;color:#161616b3}.clio-quiz__account-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:24rem}.clio-quiz__account-actions .button{width:100%;border-radius:999px}@media screen and (max-width:989px){.clio-quiz__options--four,.clio-quiz__options--five,.clio-quiz__product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clio-quiz__after-result{grid-template-columns:1fr}.clio-quiz__account-actions{align-items:flex-start;min-width:0}.clio-quiz__account-actions .button{width:auto}}@media screen and (max-width:749px){.clio-quiz{padding:3rem 0 5rem}.clio-quiz__hero{margin-bottom:2rem;text-align:left}.clio-quiz__title{margin-left:0;font-size:clamp(3.5rem,12vw,5rem)}.clio-quiz__lead{font-size:1.4rem}.clio-quiz__privacy{align-items:flex-start;font-size:1.13rem}.clio-quiz__panel{padding:1.6rem;border-radius:2rem}.clio-quiz__progress{margin-bottom:2.2rem}.clio-quiz__step legend{font-size:2.65rem}.clio-quiz__options--three,.clio-quiz__options--four,.clio-quiz__options--five{grid-template-columns:1fr}.clio-quiz__option{min-height:0;padding:1.5rem}.clio-quiz__actions{flex-wrap:wrap}.clio-quiz__actions .button{min-width:0;flex:1 1 13rem}.clio-quiz__back{order:2;margin-right:0}.clio-quiz__result-heading{display:block}.clio-quiz__restart{margin-top:1.2rem}.clio-quiz__product-grid{grid-template-columns:1fr}.clio-quiz-product__title{min-height:0}.clio-quiz__after-result{padding:2rem}.clio-quiz__account-actions,.clio-quiz__account-actions .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/clio-quiz.css.map */