kiki-crystal-quiz,kiki-crystal-quiz *{box-sizing:border-box}kiki-crystal-quiz{width:100%;color:#282725;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}kiki-crystal-quiz .kq-page{display:none;width:100%}kiki-crystal-quiz .kq-page.active{display:block}kiki-crystal-quiz .kq-panel{width:min(1220px,calc(100% - 36px));min-height:700px;margin:24px auto;padding:65px 50px 45px;background:#fcf8f5;text-align:center}kiki-crystal-quiz .kq-small-title{font-size:12px;letter-spacing:3px;color:#8c837d;margin-bottom:20px}kiki-crystal-quiz h1,kiki-crystal-quiz h2{font-family:Georgia,Times New Roman,serif;font-weight:400;color:#252321;line-height:1.18;margin:0 auto 20px}kiki-crystal-quiz h1{font-size:clamp(38px,4vw,58px)}kiki-crystal-quiz h2{max-width:850px;font-size:clamp(28px,3vw,40px)}kiki-crystal-quiz .kq-subtitle{max-width:650px;margin:0 auto 30px;font-size:16px;line-height:1.7;color:#69615d}kiki-crystal-quiz .kq-question-note{margin:-5px auto 28px;font-size:14px;color:#928781}kiki-crystal-quiz .kq-start{padding-top:55px}kiki-crystal-quiz .kq-hero-wrap{width:min(620px,92%);margin:30px auto 23px;overflow:hidden;background:#eee9e4}kiki-crystal-quiz .kq-hero{display:block;width:100%;height:350px;object-fit:cover;object-position:center}kiki-crystal-quiz .kq-intro-note{max-width:670px;margin:24px auto 28px;font-size:15px;line-height:1.6;color:#5f5955}kiki-crystal-quiz .kq-progress{width:min(380px,80%);margin:0 auto 30px;display:flex;align-items:center;gap:12px;color:#a09690;font-size:11px;letter-spacing:1px}kiki-crystal-quiz .kq-progress-line{position:relative;height:1px;flex:1;background:#ddd4ce}kiki-crystal-quiz .kq-progress-line i{position:absolute;left:0;top:0;height:1px;background:#8f8179}kiki-crystal-quiz .kq-grid{display:grid;justify-content:center;margin:40px auto 58px;gap:34px 24px}kiki-crystal-quiz .kq-grid-3{max-width:650px;grid-template-columns:repeat(3,170px)}kiki-crystal-quiz .kq-grid-4{max-width:790px;grid-template-columns:repeat(4,165px)}kiki-crystal-quiz .kq-grid-5{max-width:930px;grid-template-columns:repeat(5,150px)}kiki-crystal-quiz .kq-grid-color{max-width:800px;grid-template-columns:repeat(4,150px)}kiki-crystal-quiz .kq-option{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;transition:transform .22s ease}kiki-crystal-quiz .kq-option:hover{transform:translateY(-5px)}kiki-crystal-quiz .kq-label{max-width:160px;font-size:14px;line-height:1.35;color:#3b3734}kiki-crystal-quiz .kq-icon,kiki-crystal-quiz .kq-color,kiki-crystal-quiz .kq-quote{width:138px;height:138px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}kiki-crystal-quiz .kq-option:hover .kq-icon,kiki-crystal-quiz .kq-option:hover .kq-color,kiki-crystal-quiz .kq-option:hover .kq-quote{border-color:#746963;box-shadow:0 9px 28px #4b3c341a}kiki-crystal-quiz .kq-icon svg{width:54px;height:54px;fill:none;stroke:#5c5754;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}kiki-crystal-quiz .kq-icon-lilac{background:#eeeaf2}kiki-crystal-quiz .kq-icon-blue{background:#e5eff2}kiki-crystal-quiz .kq-icon-green{background:#e7efe8}kiki-crystal-quiz .kq-icon-sage{background:#edf0e6}kiki-crystal-quiz .kq-icon-peach{background:#f5e7de}kiki-crystal-quiz .kq-icon-rose{background:#f2e2e3}kiki-crystal-quiz .kq-icon-pink{background:#f6e8ed}kiki-crystal-quiz .kq-icon-gold{background:#f4eddc}kiki-crystal-quiz .kq-icon-smoke{background:#e8e6e5}kiki-crystal-quiz .kq-color{position:relative;box-shadow:inset 0 0 28px #ffffff73}kiki-crystal-quiz .kq-blue{background:radial-gradient(circle at 32% 28%,#dcebf0,#9cbfca 55%,#789faa)}kiki-crystal-quiz .kq-pink{background:radial-gradient(circle at 30% 28%,#f9e2e8,#eab8c5 55%,#d89cab)}kiki-crystal-quiz .kq-green{background:radial-gradient(circle at 30% 27%,#e2eee6,#a9c9b2 56%,#7ea08a)}kiki-crystal-quiz .kq-brown{background:radial-gradient(circle at 30% 25%,#eadfd6,#b99e8e 58%,#96796a)}kiki-crystal-quiz .kq-purple{background:radial-gradient(circle at 30% 25%,#eee7f5,#c0afd5 56%,#9c89bb)}kiki-crystal-quiz .kq-black{background:radial-gradient(circle at 30% 25%,#b7b5b4,#716d6b 56%,#4a4746)}kiki-crystal-quiz .kq-yellow{background:radial-gradient(circle at 30% 25%,#fbf0d6,#dfc58a 56%,#c3a667)}kiki-crystal-quiz .kq-quote{padding:18px;font-family:Georgia,serif;font-size:15px;line-height:1.45;color:#645d59}kiki-crystal-quiz .kq-q1{background:#f8e9df}kiki-crystal-quiz .kq-q2{background:#e5f0f1}kiki-crystal-quiz .kq-q3{background:#ede8f2}kiki-crystal-quiz .kq-q4{background:#e7eeee}kiki-crystal-quiz .kq-q5{background:#f4e5e8}kiki-crystal-quiz .kq-q6{background:#e9edf3}kiki-crystal-quiz .kq-primary{min-width:145px;padding:15px 28px;border:0;background:#c88478;color:#fff;font-size:12px;letter-spacing:1.2px;cursor:pointer;transition:opacity .2s ease,transform .2s ease}kiki-crystal-quiz .kq-primary:hover{opacity:.88;transform:translateY(-2px)}kiki-crystal-quiz .kq-back{padding:10px 16px;border:0;background:transparent;color:#3c3936;font-size:12px;cursor:pointer}@media(max-width:900px){kiki-crystal-quiz .kq-grid-5{grid-template-columns:repeat(3,150px)}kiki-crystal-quiz .kq-grid-4,kiki-crystal-quiz .kq-grid-color{grid-template-columns:repeat(2,150px)}}@media(max-width:640px){kiki-crystal-quiz .kq-panel{width:calc(100% - 14px);min-height:640px;margin:7px auto;padding:42px 14px 38px}kiki-crystal-quiz h1{font-size:34px}kiki-crystal-quiz h2{font-size:27px}kiki-crystal-quiz .kq-hero{height:260px}kiki-crystal-quiz .kq-grid,kiki-crystal-quiz .kq-grid-3,kiki-crystal-quiz .kq-grid-4,kiki-crystal-quiz .kq-grid-5,kiki-crystal-quiz .kq-grid-color{grid-template-columns:repeat(2,minmax(120px,1fr));gap:28px 8px}kiki-crystal-quiz .kq-icon,kiki-crystal-quiz .kq-color,kiki-crystal-quiz .kq-quote{width:116px;height:116px}kiki-crystal-quiz .kq-icon svg{width:45px;height:45px}kiki-crystal-quiz .kq-quote{padding:13px;font-size:12px}kiki-crystal-quiz .kq-label{max-width:125px;font-size:12.5px}kiki-crystal-quiz .kq-progress{margin-bottom:25px}}kiki-crystal-quiz .kq-result{padding-top:70px}kiki-crystal-quiz .kq-result-copy{max-width:710px;margin:24px auto 38px;font-size:17px;line-height:1.95;color:#625b56;text-align:left}kiki-crystal-quiz .kq-result-copy p{margin:0 0 15px}kiki-crystal-quiz .kq-match-label{font-size:11px;letter-spacing:3px;color:#a77d70;margin-bottom:13px}kiki-crystal-quiz .kq-result h1{color:#9d6d67;font-size:clamp(36px,5vw,58px);margin-bottom:16px}kiki-crystal-quiz .kq-match-reason{max-width:670px;margin:0 auto 29px;color:#625b56;font-size:16px;line-height:1.85}kiki-crystal-quiz .kq-shop-button{display:inline-block;text-decoration:none;margin-bottom:56px}kiki-crystal-quiz .kq-products-heading{border-top:1px solid #e5dcd6;padding-top:39px}kiki-crystal-quiz .kq-products-heading h2{font-size:29px}kiki-crystal-quiz .kq-products-heading p{color:#817770;font-size:14px}kiki-crystal-quiz .kq-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:30px auto;max-width:980px}kiki-crystal-quiz .kq-product{text-decoration:none;color:inherit;text-align:left;display:block}kiki-crystal-quiz .kq-product img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f1eae6;display:block}kiki-crystal-quiz .kq-product-name{font-size:14px;line-height:1.5;margin-top:12px}kiki-crystal-quiz .kq-product-price{font-size:14px;color:#a46f64;margin-top:5px}kiki-crystal-quiz .kq-products-status{color:#817770;font-size:13px;line-height:1.6}@media(max-width:640px){kiki-crystal-quiz .kq-result-copy{text-align:left;font-size:15px}kiki-crystal-quiz .kq-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}kiki-crystal-quiz .kq-product:last-child{grid-column:1 / -1;max-width:calc(50% - 7px);margin:auto}kiki-crystal-quiz .kq-result{padding-top:45px}}kiki-crystal-quiz .kq-recommendations{max-width:800px;margin:22px auto 45px;display:grid;gap:24px}kiki-crystal-quiz .kq-recommendation{padding:28px 24px;border:1px solid #e9ded8;background:#fffdfa;text-align:center}kiki-crystal-quiz .kq-material-name{margin:8px auto 14px;font-size:clamp(28px,3vw,38px);color:#9d6d67}kiki-crystal-quiz .kq-product-group{margin:40px auto;max-width:980px}kiki-crystal-quiz .kq-product-group h2{font-size:27px}kiki-crystal-quiz .kq-reveal-page{padding-top:75px}kiki-crystal-quiz .kq-reveal-gallery{position:relative;width:min(540px,94%);height:310px;margin:28px auto 14px;overflow:hidden;background:#eee8e4}kiki-crystal-quiz .kq-reveal-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:kikiCrystalQuizRevealFade 15s infinite}kiki-crystal-quiz .kq-reveal-slide:nth-child(1){animation-delay:0s}kiki-crystal-quiz .kq-reveal-slide:nth-child(2){animation-delay:5s}kiki-crystal-quiz .kq-reveal-slide:nth-child(3){animation-delay:10s}@keyframes kikiCrystalQuizRevealFade{0%{opacity:0}8%{opacity:1}30%{opacity:1}38%{opacity:0}to{opacity:0}}kiki-crystal-quiz .kq-reveal-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#94847b;font-family:Georgia,serif;font-size:20px;padding:25px}kiki-crystal-quiz .kq-reveal-caption{font-size:12px;color:#978981;letter-spacing:.6px;margin:0 auto 22px}kiki-crystal-quiz .kq-reveal-button{display:block;margin:0 auto 22px;max-width:94%}@media(max-width:640px){kiki-crystal-quiz .kq-reveal-page{padding-top:55px}kiki-crystal-quiz .kq-reveal-gallery{height:240px}}@media(prefers-reduced-motion:reduce){kiki-crystal-quiz .kq-reveal-slide{animation:none;opacity:0}kiki-crystal-quiz .kq-reveal-slide:first-child{opacity:1}}kiki-crystal-quiz .kq-inventory-notice{max-width:720px;margin:0 auto 22px;font-size:13px;line-height:1.7;color:#7a706c}kiki-crystal-quiz .kq-availability-note{font-size:12px;line-height:1.6;color:#8b827d;margin:12px auto 0}kiki-crystal-quiz .kq-image-placeholder{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:18px;background:#eee7e5;font:italic 19px Georgia,serif;text-align:center;color:#85716e}kiki-crystal-quiz{display:block;isolation:isolate}kiki-crystal-quiz [hidden]{display:none!important}kiki-crystal-quiz button{font-family:inherit;letter-spacing:inherit;text-transform:none}kiki-crystal-quiz button:after{content:none}kiki-crystal-quiz button:focus-visible,kiki-crystal-quiz a:focus-visible{outline:2px solid #62504a;outline-offset:5px}kiki-crystal-quiz h1:focus,kiki-crystal-quiz h2:focus{outline:none}kiki-crystal-quiz .kq-option[aria-pressed=true] .kq-icon,kiki-crystal-quiz .kq-option[aria-pressed=true] .kq-color,kiki-crystal-quiz .kq-option[aria-pressed=true] .kq-quote{outline:2px solid #746963;outline-offset:4px}kiki-crystal-quiz .kq-option[aria-pressed=true]{opacity:.7}kiki-crystal-quiz .kq-primary{white-space:normal}kiki-crystal-quiz .kq-grid{width:100%}kiki-crystal-quiz .kq-label,kiki-crystal-quiz .kq-product-name{overflow-wrap:anywhere}kiki-crystal-quiz .kq-gallery-toggle{margin:8px auto}kiki-crystal-quiz .kq-reveal-gallery.is-paused .kq-reveal-slide{animation-play-state:paused}kiki-crystal-quiz .kq-product img{height:auto}kiki-crystal-quiz .kq-reveal-fallback{width:100%;height:100%;object-fit:cover}kiki-crystal-quiz .kq-reveal-gallery.is-single .kq-reveal-slide{animation:none;opacity:0}kiki-crystal-quiz .kq-reveal-gallery.is-single .kq-reveal-slide:first-child{opacity:1}@media(max-width:640px){kiki-crystal-quiz .kq-panel{width:calc(100% - 20px);padding:36px 16px;min-height:0}kiki-crystal-quiz .kq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}kiki-crystal-quiz .kq-icon,kiki-crystal-quiz .kq-color,kiki-crystal-quiz .kq-quote{width:min(116px,100%);height:auto;aspect-ratio:1}kiki-crystal-quiz .kq-option{min-width:0}kiki-crystal-quiz .kq-hero{height:240px}kiki-crystal-quiz .kq-product:last-child{grid-column:auto;max-width:none;margin:0}}@media(prefers-reduced-motion:reduce){kiki-crystal-quiz *,kiki-crystal-quiz *:before,kiki-crystal-quiz *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/9/compiled_assets/styles.css.map?subset=AAAAAg */