.emz-quiz{--quiz-gold: #d4a574;--quiz-gold-hover: #c49564;--quiz-gold-light: #f0e4d7;--quiz-bg: #fdfaf7;--quiz-card-bg: #ffffff;--quiz-card-border: #e8e0d8;--quiz-card-hover-border: #d4c8bc;--quiz-card-shadow: 0 1px 3px rgba(0,0,0,.04);--quiz-card-hover-shadow: 0 4px 16px rgba(0,0,0,.08);--quiz-card-selected-shadow: 0 4px 20px rgba(212,165,116,.25);--quiz-text: #2d2926;--quiz-text-secondary: #6b5e54;--quiz-text-muted: #9a8d82;--quiz-heading: #1a1614;--quiz-progress-bg: #e8e0d8;--quiz-result-bg: #ffffff;--quiz-result-border: #e8e0d8;--quiz-btn-bg: #2d2926;--quiz-btn-text: #fdfaf7;--quiz-btn-hover-bg: #1a1614;--quiz-compare-text: #9a8d82;position:relative;width:100%;min-height:80vh;background:var(--quiz-bg);overflow:hidden;scroll-margin-top:100px;font-family:inherit;color:var(--quiz-text);-webkit-font-smoothing:antialiased}.emz-quiz-section{padding:0!important;margin:0!important}.emz-quiz__progress{position:absolute;top:0;left:0;right:0;height:3px;background:var(--quiz-progress-bg);z-index:10;transition:opacity .4s ease}.emz-quiz__progress--hidden{opacity:0;pointer-events:none}.emz-quiz__progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--quiz-gold),#e0b88a);border-radius:0 2px 2px 0;transition:width .5s cubic-bezier(.4,0,.2,1)}.emz-quiz__screen{display:none;position:absolute;top:0;left:0;right:0;bottom:0;min-height:80vh;overflow-y:auto}.emz-quiz__screen--active{display:flex;position:relative;animation:quizFadeIn .35s ease forwards}.emz-quiz__screen--exit-left{display:flex;position:absolute;animation:quizSlideOutLeft .35s ease forwards;pointer-events:none}.emz-quiz__screen--exit-right{display:flex;position:absolute;animation:quizSlideOutRight .35s ease forwards;pointer-events:none}.emz-quiz__screen--enter-right{animation:quizSlideInRight .35s ease forwards}.emz-quiz__screen--enter-left{animation:quizSlideInLeft .35s ease forwards}@keyframes quizFadeIn{0%{opacity:0}to{opacity:1}}@keyframes quizSlideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-40px);opacity:0}}@keyframes quizSlideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(40px);opacity:0}}@keyframes quizSlideInRight{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes quizSlideInLeft{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}.emz-quiz__screen-inner{width:100%;max-width:720px;margin:0 auto;padding:60px 24px 80px;display:flex;flex-direction:column;align-items:center;text-align:center}.emz-quiz__welcome{display:flex;flex-direction:column;align-items:center;padding-top:40px}.emz-quiz__eyebrow{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--quiz-gold);margin:0 0 16px}.emz-quiz__title{font-size:clamp(32px,6vw,48px);font-weight:300;line-height:1.15;color:var(--quiz-heading);margin:0 0 16px;letter-spacing:-.01em}.emz-quiz__subtitle{font-size:16px;line-height:1.6;color:var(--quiz-text-secondary);max-width:440px;margin:0 0 36px}.emz-quiz__cta{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:var(--quiz-gold);color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .25s ease,transform .2s ease,box-shadow .25s ease;box-shadow:0 2px 12px #d4a5744d}.emz-quiz__cta:hover{background:var(--quiz-gold-hover);transform:translateY(-1px);box-shadow:0 4px 20px #d4a57466}.emz-quiz__cta:active{transform:translateY(0)}.emz-quiz__cta svg{transition:transform .2s ease}.emz-quiz__cta:hover svg{transform:translate(3px)}.emz-quiz__fine-print{font-size:12px;color:var(--quiz-text-muted);margin:16px 0 0}.emz-quiz__step-label{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--quiz-gold);margin:0 0 12px}.emz-quiz__question{font-size:clamp(24px,5vw,32px);font-weight:300;line-height:1.25;color:var(--quiz-heading);margin:0 0 8px;letter-spacing:-.01em}.emz-quiz__hint{font-size:14px;color:var(--quiz-text-muted);margin:0 0 32px}.emz-quiz__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;width:100%;max-width:600px}.emz-quiz__cards--multi{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.emz-quiz__card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px 16px;background:var(--quiz-card-bg);border:1.5px solid var(--quiz-card-border);border-radius:12px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease,background .2s ease;box-shadow:var(--quiz-card-shadow);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;font-family:inherit;color:var(--quiz-text);text-align:center}.emz-quiz__card:hover{border-color:var(--quiz-card-hover-border);box-shadow:var(--quiz-card-hover-shadow);transform:translateY(-2px)}.emz-quiz__card:active{transform:translateY(0) scale(.98)}.emz-quiz__card--selected{border-color:var(--quiz-gold)!important;box-shadow:var(--quiz-card-selected-shadow)!important;background:var(--quiz-gold-light)}.emz-quiz__card--selected:after{content:"";position:absolute;top:8px;right:8px;width:20px;height:20px;background:var(--quiz-gold);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6L5 8.5L9.5 3.5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px;animation:quizCheckPop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes quizCheckPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.emz-quiz__card-icon{font-size:32px!important;line-height:1!important;display:block!important}.emz-quiz__card-label{font-size:14px;font-weight:600;color:var(--quiz-heading);line-height:1.3}.emz-quiz__card-desc{font-size:12px;color:var(--quiz-text-muted);line-height:1.3}.emz-quiz__next{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;margin-top:28px;background:var(--quiz-btn-bg);color:var(--quiz-btn-text);border:none;border-radius:50px;font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .25s ease,transform .2s ease,opacity .3s ease;opacity:0;pointer-events:none;transform:translateY(8px);font-family:inherit}.emz-quiz__next--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.emz-quiz__next:hover{background:var(--quiz-btn-hover-bg);transform:translateY(-1px)}.emz-quiz__next svg{transition:transform .2s ease}.emz-quiz__next:hover svg{transform:translate(3px)}.emz-quiz__back{position:absolute;top:20px;left:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--quiz-card-bg);border:1px solid var(--quiz-card-border);border-radius:50%;cursor:pointer;z-index:20;opacity:0;pointer-events:none;transition:opacity .3s ease,background .2s ease,border-color .2s ease;color:var(--quiz-text-secondary);font-family:inherit}.emz-quiz__back--visible{opacity:1;pointer-events:auto}.emz-quiz__back:hover{background:var(--quiz-gold-light);border-color:var(--quiz-gold);color:var(--quiz-gold)}.emz-quiz__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:24px}.emz-quiz__loading-spinner{width:48px;height:48px;color:var(--quiz-gold)}.emz-quiz__spinner-svg{animation:quizSpin 1.4s linear infinite;width:100%;height:100%}.emz-quiz__spinner-svg circle{animation:quizDash 1.4s ease-in-out infinite}@keyframes quizSpin{to{transform:rotate(360deg)}}@keyframes quizDash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35}to{stroke-dasharray:1,200;stroke-dashoffset:-125}}.emz-quiz__loading-text{font-size:16px;color:var(--quiz-text-secondary);animation:quizPulse 1.8s ease-in-out infinite}@keyframes quizPulse{0%,to{opacity:.6}50%{opacity:1}}.emz-quiz__results-header{margin-bottom:36px}.emz-quiz__results-header .emz-quiz__subtitle{margin-bottom:0}.emz-quiz__results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:640px}.emz-quiz__result-card{background:var(--quiz-result-bg);border:1px solid var(--quiz-result-border);border-radius:12px;overflow:hidden;transition:box-shadow .25s ease,transform .2s ease;display:flex;flex-direction:column}.emz-quiz__result-card:hover{box-shadow:0 6px 24px #00000014;transform:translateY(-2px)}.emz-quiz__result-image-link{display:block;aspect-ratio:1;overflow:hidden;background:#f5f2ed}.emz-quiz__result-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.emz-quiz__result-card:hover .emz-quiz__result-image{transform:scale(1.04)}.emz-quiz__result-body{padding:16px;display:flex;flex-direction:column;flex:1}.emz-quiz__result-title{font-size:14px;font-weight:600;color:var(--quiz-heading);text-decoration:none;line-height:1.35;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.emz-quiz__result-title:hover{color:var(--quiz-gold)}.emz-quiz__result-price{font-size:14px;font-weight:600;color:var(--quiz-text);margin-bottom:8px;display:flex;align-items:center;gap:6px}.emz-quiz__result-compare{text-decoration:line-through;color:var(--quiz-compare-text);font-weight:400;font-size:13px}.emz-quiz__result-reason{font-size:12px;line-height:1.5;color:var(--quiz-text-secondary);margin:0 0 12px;flex:1}.emz-quiz__match-icon{color:var(--quiz-gold);margin-right:2px;font-size:10px;vertical-align:1px}.emz-quiz__add-to-cart{width:100%;padding:11px 16px;background:var(--quiz-btn-bg);color:var(--quiz-btn-text);border:none;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .25s ease,transform .15s ease;font-family:inherit}.emz-quiz__add-to-cart:hover{background:var(--quiz-btn-hover-bg);transform:translateY(-1px)}.emz-quiz__add-to-cart:active{transform:translateY(0)}.emz-quiz__add-to-cart:disabled{cursor:default;opacity:.7}.emz-quiz__add-to-cart--added{background:#3d7c4a!important}.emz-quiz__results-footer{margin-top:40px;text-align:center}.emz-quiz__retake{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:transparent;color:var(--quiz-text-secondary);border:1.5px solid var(--quiz-card-border);border-radius:50px;font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;font-family:inherit}.emz-quiz__retake:hover{border-color:var(--quiz-gold);color:var(--quiz-gold);background:var(--quiz-gold-light)}.emz-quiz__retake svg{transition:transform .3s ease}.emz-quiz__retake:hover svg{transform:rotate(-180deg)}@media (prefers-color-scheme: dark){.emz-quiz{--quiz-bg: #1a1816;--quiz-card-bg: #242120;--quiz-card-border: #3a3530;--quiz-card-hover-border: #504a44;--quiz-card-shadow: 0 1px 3px rgba(0,0,0,.15);--quiz-card-hover-shadow: 0 4px 16px rgba(0,0,0,.25);--quiz-card-selected-shadow: 0 4px 20px rgba(212,165,116,.2);--quiz-text: #e8e2db;--quiz-text-secondary: #b8b0a5;--quiz-text-muted: #8a7f73;--quiz-heading: #f5f2ed;--quiz-progress-bg: #2e2a27;--quiz-gold-light: rgba(212,165,116,.12);--quiz-result-bg: #242120;--quiz-result-border: #3a3530;--quiz-btn-bg: #d4a574;--quiz-btn-text: #1a1614;--quiz-btn-hover-bg: #c49564;--quiz-compare-text: #8a7f73}.emz-quiz__result-image-link{background:#2e2a27}.emz-quiz__add-to-cart--added{background:#4a8c58!important;color:#fff!important}}@media (min-width: 768px){.emz-quiz__screen-inner{padding:80px 32px 100px}.emz-quiz__cards{grid-template-columns:repeat(3,1fr);gap:14px}.emz-quiz__cards--multi{grid-template-columns:repeat(3,1fr)}.emz-quiz__results-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width: 1024px){.emz-quiz__screen-inner{padding:100px 40px 120px}.emz-quiz__results-grid{grid-template-columns:repeat(3,1fr);max-width:880px}.emz-quiz__back{top:28px;left:28px}}@media (max-width: 399px){.emz-quiz__screen-inner{padding:48px 16px 64px}.emz-quiz__cards{grid-template-columns:repeat(2,1fr);gap:10px}.emz-quiz__cards--multi{grid-template-columns:repeat(2,1fr)}.emz-quiz__card{padding:16px 10px 14px}.emz-quiz__card-icon{font-size:26px!important}.emz-quiz__card-label{font-size:13px}.emz-quiz__results-grid{grid-template-columns:1fr;gap:16px}.emz-quiz__result-card{flex-direction:row}.emz-quiz__result-image-link{width:120px;min-height:120px;aspect-ratio:auto;flex-shrink:0}.emz-quiz__result-body{padding:12px}}@media (min-width: 400px) and (max-width: 767px){.emz-quiz__cards{grid-template-columns:repeat(2,1fr);gap:12px}.emz-quiz__results-grid{grid-template-columns:repeat(2,1fr);gap:14px}}.emz-quiz__card{min-height:80px}@media (pointer: coarse){.emz-quiz__card{min-height:88px}}@media (max-width: 767px){.emz-quiz__next--visible{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:2147483647;margin-top:0;box-shadow:0 4px 24px #00000040}.emz-quiz__screen-inner{padding-bottom:100px}body:has(.emz-quiz) #smile-ui-container{display:none!important}body:has(.emz-quiz) #ShopifyChat,body:has(.emz-quiz) shopify-chat,body:has(.emz-quiz) inbox-online-store-chat{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;width:0!important;overflow:hidden!important;clip-path:inset(50%)!important;position:fixed!important;top:-9999px!important}}@media (min-width: 768px){body:has(.emz-quiz) #ShopifyChat,body:has(.emz-quiz) #smile-ui-container{z-index:50!important}}
/*# sourceMappingURL=/cdn/shop/t/151/assets/emz-skin-quiz.css.map */