.cherry-quiz{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--cherry-cream, #FBF5EF);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s}.cherry-quiz.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .28s ease,transform .28s ease,visibility 0s linear 0s}body.cherry-quiz-locked{overflow:hidden}.cherry-quiz__head{position:sticky;top:0;z-index:2;background:var(--cherry-cream, #FBF5EF);border-bottom:1px solid var(--cherry-line, rgba(26, 7, 16, .08))}.cherry-quiz__head-inner{max-width:980px;margin:0 auto;padding:.9rem 1.2rem;display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:.8rem}.cherry-quiz__brand{display:flex;justify-content:center}.cherry-quiz__brand img{display:block}.cherry-quiz__back,.cherry-quiz__close{width:36px;height:36px;border-radius:50%;border:1px solid var(--cherry-line, rgba(26, 7, 16, .1));background:transparent;color:var(--cherry-ink, #1A0710);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .16s ease,color .16s ease}.cherry-quiz__back:hover,.cherry-quiz__close:hover{background:var(--cherry-ink, #1A0710);color:var(--cherry-cream, #FBF5EF)}.cherry-quiz__progress{height:8px;background:#d8276b29;overflow:hidden;position:relative}.cherry-quiz__progress-fill{height:100%;background:linear-gradient(90deg,#FF8FA3 0%,var(--cherry-rose, #D8276B) 50%,#FF6B45 100%);transition:width .48s cubic-bezier(.3,.7,.3,1);position:relative;border-radius:0 8px 8px 0;box-shadow:0 0 12px #d8276b59}.cherry-quiz__progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:2px;background:#fffc}.cherry-quiz__main{flex:1;overflow-y:auto;padding:2.4rem 1.2rem 3rem}.cherry-quiz__step-wrap{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:1.6rem}.cherry-quiz .cherry-quiz__title,body .cherry-quiz__title{font-family:var(--cherry-font-display, "Fraunces", serif)!important;font-size:clamp(1.6rem,3vw,2.2rem)!important;font-weight:400!important;color:var(--cherry-ink, #1A0710)!important;line-height:1.15!important;text-align:left!important;text-indent:0!important;padding-left:0!important;margin:0!important;align-self:flex-start!important;width:100%!important}.cherry-quiz .cherry-quiz__subtitle,body .cherry-quiz__subtitle{font-size:.95rem!important;color:var(--cherry-graphite, #6F5E63)!important;text-align:left!important;text-indent:0!important;padding-left:0!important;margin:-.6rem 0 0!important;line-height:1.4!important;align-self:flex-start!important;width:100%!important}.cherry-quiz__step{margin-top:.5rem;animation:cherry-quiz-step-in .32s ease}@keyframes cherry-quiz-step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cherry-quiz__grid{display:grid;gap:.9rem}.cherry-quiz__grid--cols-2{grid-template-columns:repeat(2,1fr)}.cherry-quiz__grid--cols-3{grid-template-columns:repeat(3,1fr)}.cherry-quiz__grid--cols-4{grid-template-columns:repeat(4,1fr)}.cherry-quiz__grid--cols-6{grid-template-columns:repeat(6,1fr)}@media(max-width:768px){.cherry-quiz__grid--cols-3,.cherry-quiz__grid--cols-4{grid-template-columns:repeat(2,1fr)}.cherry-quiz__grid--cols-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.cherry-quiz__grid--cols-6{grid-template-columns:repeat(2,1fr)}}.cherry-quiz__skin-tile{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .16s ease,transform .16s ease;min-height:72px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;color:var(--cherry-cream, #FBF5EF);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.92rem!important;text-shadow:0 1px 8px rgba(0,0,0,.45)}.cherry-quiz__skin-tile:hover{transform:translateY(-2px)}.cherry-quiz__skin-tile.is-selected{border-color:var(--cherry-rose, #D8276B);box-shadow:0 0 0 3px #d8276b2e}.cherry-quiz__skin-tile-check{position:absolute;top:8px;left:8px;width:26px;height:26px;border-radius:50%;background:var(--cherry-rose, #D8276B);color:#fff;display:none;align-items:center;justify-content:center}.cherry-quiz__skin-tile.is-selected .cherry-quiz__skin-tile-check{display:inline-flex}.cherry-quiz__color-tile{border:1.5px solid var(--cherry-line, rgba(26, 7, 16, .1));background:var(--cherry-cream, #FBF5EF);border-radius:12px;padding:1.2rem .6rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.7rem;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;position:relative;min-height:130px}.cherry-quiz__color-tile:hover{transform:translateY(-2px)}.cherry-quiz__color-tile.is-selected{border-color:var(--cherry-rose, #D8276B);box-shadow:0 6px 18px #d8276b29}.cherry-quiz__color-circle{width:56px;height:56px;border-radius:50%;background-color:#ddd;box-shadow:inset 0 2px 6px #0000002e,0 2px 8px #00000014;flex-shrink:0}.cherry-quiz__color-tile-label{font-size:.92rem!important;font-weight:500!important;color:var(--cherry-ink, #1A0710)!important;text-align:center}.cherry-quiz__color-tile.is-selected .cherry-quiz__color-circle{display:none}.cherry-quiz__color-tile-check{width:56px;height:56px;border-radius:50%;background:var(--cherry-rose, #D8276B);color:#fff;display:none;align-items:center;justify-content:center}.cherry-quiz__color-tile.is-selected .cherry-quiz__color-tile-check{display:inline-flex}.cherry-quiz__radio-tile{border:1.5px solid var(--cherry-line, rgba(26, 7, 16, .1));background:var(--cherry-cream, #FBF5EF);border-radius:12px;padding:1.1rem 1.2rem;cursor:pointer;display:flex;align-items:flex-start;gap:.9rem;transition:border-color .16s ease,box-shadow .16s ease;text-align:left}.cherry-quiz__radio-tile.is-selected{border-color:var(--cherry-rose, #D8276B);box-shadow:0 6px 18px #d8276b24}.cherry-quiz__radio-mark{width:22px;height:22px;border-radius:50%;border:2px solid var(--cherry-line, rgba(26, 7, 16, .15));flex-shrink:0;margin-top:2px;position:relative}.cherry-quiz__radio-tile.is-selected .cherry-quiz__radio-mark{border-color:var(--cherry-rose, #D8276B);background:var(--cherry-rose, #D8276B)}.cherry-quiz__radio-tile.is-selected .cherry-quiz__radio-mark:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--cherry-cream, #FBF5EF);border-radius:50%}.cherry-quiz__radio-body{display:flex;flex-direction:column;gap:.25rem}.cherry-quiz__radio-title{font-weight:600!important;font-size:1rem!important;color:var(--cherry-ink, #1A0710)!important;text-align:left;display:block}.cherry-quiz__radio-desc{display:block;font-size:.88rem!important;color:var(--cherry-graphite, #6F5E63)!important;line-height:1.45;margin:0;text-align:left}.cherry-quiz__freq-list{display:flex;flex-direction:column;gap:.85rem}.cherry-quiz__freq-row{display:grid;grid-template-columns:220px 1fr;align-items:center;border:1.5px solid var(--cherry-line, rgba(26, 7, 16, .08));border-radius:12px;overflow:hidden;background:var(--cherry-cream, #FBF5EF);transition:border-color .16s ease}.cherry-quiz__freq-row.is-active{border-color:#d8276b33}.cherry-quiz__freq-img{aspect-ratio:4 / 3;background-size:cover;background-position:center;background-color:#d8276b0d;position:relative}.cherry-quiz__freq-img:after{content:attr(data-emoji);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:3rem;opacity:.6}.cherry-quiz__freq-body{padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.8rem}.cherry-quiz__freq-label{font-family:var(--cherry-font-display, "Fraunces", serif)!important;font-size:1.15rem!important;font-weight:400!important;color:var(--cherry-ink, #1A0710)!important}.cherry-quiz__freq-buttons{display:inline-flex;border:1.5px solid var(--cherry-line, rgba(26, 7, 16, .12));border-radius:10px;overflow:hidden;align-self:flex-start}.cherry-quiz__freq-btn{background:transparent;border:none;padding:.55rem 1rem;cursor:pointer;font-size:.88rem!important;font-weight:500;color:var(--cherry-ink, #1A0710);transition:background .16s ease,color .16s ease}.cherry-quiz__freq-btn+.cherry-quiz__freq-btn{border-left:1.5px solid var(--cherry-line, rgba(26, 7, 16, .12))}.cherry-quiz__freq-btn:hover{background:#d8276b14}.cherry-quiz__freq-btn.is-active{background:var(--cherry-rose, #D8276B);color:var(--cherry-cream, #FBF5EF)}@media(max-width:640px){.cherry-quiz__freq-row{grid-template-columns:1fr}.cherry-quiz__freq-img{aspect-ratio:16 / 9}}.cherry-quiz__tone-group{margin-top:.4rem}.cherry-quiz__tone-group-title{font-family:var(--cherry-font-display, "Fraunces", serif)!important;font-size:1.05rem!important;font-weight:400!important;text-align:center!important;color:var(--cherry-ink, #1A0710)!important;margin:0 0 .9rem!important;position:relative}.cherry-quiz__tone-group-title:before,.cherry-quiz__tone-group-title:after{content:"";position:absolute;top:50%;width:26%;height:1px;background:var(--cherry-line, rgba(26, 7, 16, .12))}.cherry-quiz__tone-group-title:before{left:8%}.cherry-quiz__tone-group-title:after{right:8%}.cherry-quiz__tone-tile{border:1.5px solid var(--cherry-line, rgba(26, 7, 16, .1));background:var(--cherry-cream, #FBF5EF);border-radius:10px;padding:.5rem .45rem .55rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.4rem;position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.cherry-quiz__tone-tile:hover{transform:translateY(-2px)}.cherry-quiz__tone-tile.is-selected{border-color:var(--cherry-rose, #D8276B);box-shadow:0 6px 18px #d8276b29}.cherry-quiz__tone-tile-swatch{width:100%;aspect-ratio:3 / 1;border-radius:6px;background-size:cover}.cherry-quiz__tone-tile-check{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--cherry-rose, #D8276B);color:#fff;display:none;align-items:center;justify-content:center}.cherry-quiz__tone-tile.is-selected .cherry-quiz__tone-tile-check{display:inline-flex}.cherry-quiz__tone-tile-label{font-size:.92rem!important;color:var(--cherry-ink, #1A0710)!important;font-weight:500!important}.cherry-quiz__brand-tile{border:1.5px solid var(--cherry-line, rgba(26, 7, 16, .1));background:var(--cherry-cream, #FBF5EF);border-radius:12px;padding:1.1rem .7rem 1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-height:120px;position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;color:var(--cherry-ink, #1A0710);text-align:center}.cherry-quiz__brand-tile:hover{transform:translateY(-2px)}.cherry-quiz__brand-tile.is-selected{border-color:var(--cherry-rose, #D8276B);box-shadow:0 6px 18px #d8276b29}.cherry-quiz__brand-tile-svg{width:38px;height:38px;color:var(--cherry-ink, #1A0710)}.cherry-quiz__brand-tile.is-selected .cherry-quiz__brand-tile-svg{color:var(--cherry-rose, #D8276B)}.cherry-quiz__brand-tile-label{font-size:.85rem!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase}.cherry-quiz__brand-tile-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--cherry-rose, #D8276B);color:#fff;display:none;align-items:center;justify-content:center}.cherry-quiz__brand-tile.is-selected .cherry-quiz__brand-tile-check{display:inline-flex}.cherry-quiz__icon-tile{border:1.5px solid var(--cherry-line, rgba(26, 7, 16, .1));background:var(--cherry-cream, #FBF5EF);border-radius:12px;padding:1.3rem .7rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.7rem;position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;min-height:130px}.cherry-quiz__icon-tile:hover{transform:translateY(-2px)}.cherry-quiz__icon-tile.is-selected{border-color:var(--cherry-rose, #D8276B);box-shadow:0 6px 18px #d8276b29}.cherry-quiz__icon-tile-svg{width:44px;height:44px;color:var(--cherry-ink, #1A0710)}.cherry-quiz__icon-tile.is-selected .cherry-quiz__icon-tile-svg{color:var(--cherry-rose, #D8276B)}.cherry-quiz__icon-tile-label{font-size:.92rem!important;color:var(--cherry-ink, #1A0710)!important;font-weight:500!important;text-align:center}.cherry-quiz__icon-tile-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--cherry-rose, #D8276B);color:#fff;display:none;align-items:center;justify-content:center}.cherry-quiz__icon-tile.is-selected .cherry-quiz__icon-tile-check{display:inline-flex}.cherry-quiz__hint{background:#ffe6c866;border-radius:10px;padding:.7rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.82rem!important;color:var(--cherry-graphite, #6F5E63)!important;margin-top:.6rem}.cherry-quiz__hint svg{flex-shrink:0;color:var(--cherry-rose, #D8276B)}.cherry-quiz__foot{position:sticky;bottom:0;z-index:2;background:var(--cherry-cream, #FBF5EF);border-top:1px solid var(--cherry-line, rgba(26, 7, 16, .08));box-shadow:0 -10px 24px #1a07100f}.cherry-quiz__foot-inner{max-width:880px;margin:0 auto;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cherry-quiz__counter{font-size:.82rem!important;letter-spacing:.08em;text-transform:uppercase;color:var(--cherry-graphite, #6F5E63)!important;font-weight:600}.cherry-quiz__next{display:inline-flex;align-items:center;gap:.5rem;background:var(--cherry-ink, #1A0710);color:var(--cherry-cream, #FBF5EF);font-family:var(--cherry-font-sans, "Inter", sans-serif);font-size:.95rem!important;font-weight:600;letter-spacing:.01em;border:none;border-radius:999px;padding:.95rem 1.7rem;cursor:pointer;transition:background .16s ease,transform .16s ease,opacity .16s ease}.cherry-quiz__next:not(:disabled):hover{background:var(--cherry-rose, #D8276B);transform:translateY(-1px)}.cherry-quiz__next:disabled{opacity:.35;cursor:not-allowed}.cherry-quiz__done{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cherry-cream, #FBF5EF);z-index:3;display:flex;align-items:center;justify-content:center;padding:2rem 1.2rem;animation:cherry-quiz-step-in .38s ease}.cherry-quiz__done[hidden]{display:none}.cherry-quiz__done-inner{max-width:480px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.cherry-quiz__done-iso{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6) 0%,transparent 50%),linear-gradient(135deg,#ffe0ec,#f8c8d8);display:grid;place-items:center;box-shadow:0 14px 32px #d8276b33;margin-bottom:.4rem}.cherry-quiz__done-title{font-family:var(--cherry-font-display, "Fraunces", serif)!important;font-size:clamp(1.6rem,3vw,2.1rem)!important;font-weight:400!important;color:var(--cherry-ink, #1A0710)!important;line-height:1.1!important;margin:0}.cherry-quiz__done-text{font-size:1rem!important;line-height:1.55!important;color:var(--cherry-graphite, #6F5E63)!important;margin:0}.cherry-quiz__done-cta{margin-top:.4rem}.cherry-quiz__done-restart{background:transparent;border:none;color:var(--cherry-graphite, #6F5E63);text-decoration:underline;cursor:pointer;font-size:.88rem!important;font-family:inherit;margin-top:.4rem;padding:.5rem}.cherry-quiz__done-restart:hover{color:var(--cherry-rose, #D8276B)}@media(max-width:640px){.cherry-quiz__main{padding:1.6rem 1rem 2rem}.cherry-quiz__foot-inner{padding:.85rem 1rem}.cherry-quiz__next{padding:.85rem 1.4rem;font-size:.92rem!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cherry-quiz.css.map */