#mahya-shade-finder{--msf-bg: #FBF6F1;--msf-surface: #FFFFFF;--msf-sand: #F4EBE3;--msf-sand-2: #F0E3D8;--msf-ink: #241C17;--msf-ink-soft: #5A4F47;--msf-muted: #9B8E83;--msf-line: #E7DCD1;--msf-line-2: #DCCDBE;--msf-copper: #C08B6E;--msf-copper-dk: #A8714F;--msf-ok: #6E8B6A;--msf-serif: "Cormorant Garamond", "Times New Roman", serif;--msf-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--msf-radius: 16px;--msf-pill: 999px;font-family:var(--msf-sans);color:var(--msf-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;max-width:960px;margin:0 auto;padding:32px 16px 64px;box-sizing:border-box}@media(min-width:768px){#mahya-shade-finder{padding:56px 24px 96px}}#mahya-shade-finder *,#mahya-shade-finder *:before,#mahya-shade-finder *:after{box-sizing:border-box}.msf-card{background:linear-gradient(168deg,var(--msf-sand) 0%,var(--msf-sand-2) 100%);border:1px solid var(--msf-line);border-radius:var(--msf-radius);padding:32px 28px 36px;position:relative;overflow:hidden;box-shadow:0 1px 3px #241c170a,0 30px 60px -30px #a8714f2e}@media(min-width:640px){.msf-card{padding:48px 56px 52px}}@media(min-width:960px){.msf-card{padding:60px 72px 64px}}.msf-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:radial-gradient(ellipse 600px 420px at -10% -10%,rgba(212,165,116,.3),transparent 55%),radial-gradient(ellipse 520px 360px at 110% 15%,rgba(240,205,184,.45),transparent 60%),radial-gradient(ellipse 440px 320px at 90% 110%,rgba(168,113,79,.18),transparent 55%),radial-gradient(ellipse 360px 260px at 10% 100%,rgba(255,247,238,.55),transparent 60%);pointer-events:none;z-index:0}.msf-card:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(168,113,79,.1);border-radius:calc(var(--msf-radius) - 6px);pointer-events:none;z-index:0}.msf-card>*{position:relative;z-index:1}.msf-progress{margin-bottom:26px}.msf-progress__meta{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--msf-muted);margin-bottom:10px}.msf-progress__bar{height:3px;background:var(--msf-line-2);border-radius:999px;overflow:hidden}.msf-progress__fill{height:100%;width:0;background:var(--msf-copper);border-radius:999px;transition:width .45s cubic-bezier(.22,.61,.36,1)}.msf-q{animation:msf-fade .45s ease both}@keyframes msf-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.msf-q__kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--msf-copper-dk);margin:0 0 8px;display:inline-flex;align-items:center;gap:10px}.msf-q__kicker:before{content:"";width:22px;height:1px;background:var(--msf-copper)}.msf-q__title{font-family:var(--msf-serif);font-weight:500;font-size:27px;line-height:1.18;letter-spacing:.2px;margin:0 0 6px;color:var(--msf-ink)}@media(min-width:640px){.msf-q__title{font-size:32px}}.msf-q__help{font-size:13.5px;line-height:1.5;color:var(--msf-ink-soft);margin:0 0 22px;max-width:46ch}.msf-opts{display:flex;flex-wrap:wrap;gap:10px}.msf-opt{-webkit-appearance:none;appearance:none;cursor:pointer;background:var(--msf-surface);border:1px solid var(--msf-line);border-radius:var(--msf-pill);color:var(--msf-ink);font-family:var(--msf-sans);font-size:15px;font-weight:500;padding:13px 22px;min-height:46px;display:inline-flex;align-items:center;gap:10px;transition:border-color .18s,background .18s,color .18s,transform .12s,box-shadow .18s}.msf-opt:hover{border-color:var(--msf-line-2);background:#fff;transform:translateY(-1px)}.msf-opt:focus-visible{outline:2px solid var(--msf-copper);outline-offset:2px}.msf-opt[aria-pressed=true],.msf-opt.is-selected{background:var(--msf-ink);border-color:var(--msf-ink);color:#fff;box-shadow:0 6px 18px -10px #241c1799}.msf-opt__sub{font-size:12px;font-weight:400;opacity:.65}.msf-opts--visual{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media(max-width:560px){.msf-opts--visual{grid-template-columns:repeat(5,1fr);gap:7px}}.msf-opt--chip{flex-direction:column;padding:14px 8px 12px;border-radius:14px;gap:9px;min-height:0;text-align:center}.msf-swatch{width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.85);box-shadow:0 0 0 1px #0000000f,inset 0 -3px 8px #0000001f}@media(max-width:560px){.msf-swatch{width:38px;height:38px}}.msf-opt--chip .msf-opt__label{font-size:12.5px;line-height:1.1}.msf-opt--chip[aria-pressed=true] .msf-swatch{border-color:#fff}.msf-illus{width:44px;height:44px;display:block}.msf-multi-hint{font-size:12px;color:var(--msf-muted);margin:14px 0 0;display:flex;align-items:center;gap:6px}.msf-nav{display:flex;align-items:center;justify-content:space-between;margin-top:26px;gap:12px}.msf-btn{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--msf-sans);font-weight:600;border-radius:var(--msf-pill);border:1px solid transparent;transition:all .18s;font-size:14px;padding:13px 26px}.msf-btn--ghost{background:transparent;border-color:var(--msf-line-2);color:var(--msf-ink-soft)}.msf-btn--ghost:hover{border-color:var(--msf-ink);color:var(--msf-ink)}.msf-btn--primary{background:var(--msf-ink);color:#fff}.msf-btn--primary:hover{background:#000}.msf-btn--primary:disabled{opacity:.4;cursor:not-allowed}.msf-btn--link{background:none;border:none;color:var(--msf-muted);text-decoration:underline;padding:8px 4px;font-weight:400}.msf-btn:focus-visible{outline:2px solid var(--msf-copper);outline-offset:2px}.msf-intro{text-align:center;padding:14px 0 6px;animation:msf-fade .5s ease both}.msf-intro__eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--msf-copper-dk);margin:0 0 14px}.msf-intro__title{font-family:var(--msf-serif);font-weight:500;font-size:38px;line-height:1.08;margin:0 0 14px}@media(min-width:640px){.msf-intro__title{font-size:46px}}.msf-intro__sub{font-size:15px;line-height:1.55;color:var(--msf-ink-soft);max-width:42ch;margin:0 auto 26px}.msf-intro__meta{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin:0 0 28px}.msf-intro__meta span{font-size:12px;letter-spacing:.04em;color:var(--msf-muted)}.msf-result{animation:msf-fade .5s ease both}.msf-shot{background:linear-gradient(168deg,#FFFDFB 0%,var(--msf-sand) 120%);border:1px solid var(--msf-line);border-radius:var(--msf-radius);padding:30px 26px}@media(min-width:640px){.msf-shot{padding:36px 38px}}.msf-result__brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.msf-result__wordmark{font-family:var(--msf-serif);font-size:22px;letter-spacing:.28em;text-transform:uppercase}.msf-result__tags{display:flex;gap:7px}.msf-tag{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;background:#241c170f;color:var(--msf-ink-soft);padding:6px 11px;border-radius:999px}.msf-result__headline{font-family:var(--msf-serif);font-weight:500;font-size:30px;line-height:1.12;margin:6px 0 4px}@media(min-width:640px){.msf-result__headline{font-size:36px}}.msf-result__lead{font-size:14px;line-height:1.55;color:var(--msf-ink-soft);margin:0 0 22px;max-width:50ch}.msf-match{display:grid;gap:14px}.msf-match__row{display:flex;align-items:center;gap:16px;background:#ffffffc7;border:1px solid var(--msf-line);border-radius:14px;padding:18px 20px;text-decoration:none;color:inherit;transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}.msf-match__row--link{cursor:pointer}.msf-match__row--link:hover{background:#fff;border-color:var(--msf-copper);transform:translateY(-1px);box-shadow:0 12px 28px -14px #c08b6e6b,0 1px 3px #241c170d}.msf-match__row--link:focus-visible{outline:2px solid var(--msf-copper-dk);outline-offset:2px}.msf-match__swatch{flex:none;width:54px;height:54px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #a8714f38,inset 0 -4px 10px #00000029,inset 0 3px 6px #ffffff47}.msf-match__body{flex:1;min-width:0}.msf-match__kind{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--msf-muted);margin-bottom:2px}.msf-match__name{font-size:17px;font-weight:600;line-height:1.2;color:var(--msf-ink)}.msf-match__meta{font-size:12.5px;color:var(--msf-ink-soft)}.msf-match__sku{font-size:11px;color:var(--msf-muted);font-variant-numeric:tabular-nums;margin-top:3px}.msf-match__price{font-weight:600;font-size:15px;white-space:nowrap;color:var(--msf-ink)}.msf-match__arrow{flex:none;color:var(--msf-copper);font-size:18px;margin-left:4px;transition:transform .22s ease;font-variant-numeric:tabular-nums}.msf-match__row--link:hover .msf-match__arrow{transform:translate(4px);color:var(--msf-copper-dk)}.msf-match__row--alt{background:#ffffff80}.msf-match__row--alt:hover{background:#ffffffd9}.msf-alt-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--msf-muted);margin:22px 0 6px;display:flex;align-items:center;gap:10px}.msf-alt-label:after{content:"";flex:1;height:1px;background:var(--msf-line)}.msf-conf{margin:22px 0 4px}.msf-conf__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.msf-conf__label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--msf-ink-soft)}.msf-conf__band{font-size:12px;font-weight:600}.msf-conf__track{height:6px;background:var(--msf-line-2);border-radius:999px;overflow:hidden}.msf-conf__fill{height:100%;border-radius:999px;transition:width .6s ease}.msf-notes{margin:20px 0 0;padding:16px 18px;background:#c08b6e14;border:1px solid rgba(192,139,110,.25);border-radius:12px}.msf-notes p{margin:0 0 8px;font-size:13px;line-height:1.5;color:var(--msf-ink-soft)}.msf-notes p:last-child{margin:0}.msf-notes strong{color:var(--msf-ink)}.msf-promo{margin:14px 0 0;padding:14px 18px;display:flex;align-items:center;gap:12px;background:var(--msf-ink);color:#fbf6f1;border-radius:12px}.msf-promo__icon{font-size:16px;color:var(--msf-copper);flex:0 0 auto}.msf-promo p{margin:0;font-size:13.5px;line-height:1.45;color:inherit}.msf-promo strong{color:#fff;font-weight:600}.msf-promo code{font-family:var(--msf-sans);font-size:12.5px;background:#ffffff24;color:#fff;padding:2px 7px;border-radius:4px;letter-spacing:.04em}.msf-intro__logo{display:block;max-width:140px;height:auto;margin:0 auto 18px;filter:none}.msf-result__logo{display:block;max-width:110px;height:auto;margin:0 0 4px}.msf-actions{display:grid;gap:10px;margin-top:22px}@media(min-width:560px){.msf-actions{grid-template-columns:1fr 1fr}}.msf-actions .msf-btn{width:100%;justify-content:center;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.msf-actions__full{grid-column:1 / -1}.msf-restart{text-align:center;margin-top:14px}.msf-loading,.msf-error{text-align:center;padding:48px 20px;color:var(--msf-muted);font-size:14px}.msf-spinner{width:28px;height:28px;border:2px solid var(--msf-line-2);border-top-color:var(--msf-copper);border-radius:50%;margin:0 auto 14px;animation:msf-spin .8s linear infinite}@keyframes msf-spin{to{transform:rotate(360deg)}}.msf-selftest{margin-top:14px;font-size:12px}.msf-selftest pre{background:#1d1712;color:#f0e6da;padding:14px;border-radius:10px;overflow:auto;line-height:1.5}@media(prefers-reduced-motion:reduce){#mahya-shade-finder *,#mahya-shade-finder *:before{animation:none!important;transition:none!important}}.mahya-finder-section{background:radial-gradient(ellipse 900px 600px at 100% 0%,rgba(240,205,184,.55),transparent 60%),radial-gradient(ellipse 800px 500px at 0% 100%,rgba(212,165,116,.2),transparent 60%),radial-gradient(ellipse 600px 400px at 50% 50%,rgba(255,247,238,.4),transparent 70%),var(--msf-section-bg, #FBF6F1);position:relative;overflow:hidden;padding:0}.mahya-finder-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(115deg,transparent 0,transparent 38px,rgba(168,113,79,.045) 38px,rgba(168,113,79,.045) 39px);pointer-events:none;z-index:0}.mahya-finder-section>*{position:relative;z-index:1}.mahya-finder-hero{max-width:960px;margin:0 auto;text-align:center;padding:64px 24px 8px;font-family:var(--msf-sans);color:var(--msf-ink)}@media(min-width:768px){.mahya-finder-hero{padding:88px 24px 12px}}.mahya-finder-hero__title{font-family:var(--msf-serif);font-weight:500;font-size:clamp(36px,5.5vw,56px);line-height:1.05;margin:0 0 14px;letter-spacing:-.01em}.mahya-finder-hero__title:after{content:"";display:block;width:56px;height:1px;background:var(--msf-copper);margin:18px auto;opacity:.8}.mahya-finder-hero__sub{font-size:clamp(15px,1.4vw,17px);line-height:1.5;color:var(--msf-ink-soft, #5a4d44);max-width:56ch;margin:0 auto}.mahya-finder-hero+#mahya-shade-finder{padding-top:24px}@media(min-width:768px){.mahya-finder-hero+#mahya-shade-finder{padding-top:32px}}.mahya-finder-faq{max-width:760px;margin:8px auto 0;padding:0 24px 80px;font-family:var(--msf-sans)}.mahya-finder-faq__item{border-top:1px solid rgba(36,28,23,.14);padding:18px 4px}.mahya-finder-faq__item:last-child{border-bottom:1px solid rgba(36,28,23,.14)}.mahya-finder-faq__item summary{cursor:pointer;font-weight:500;font-size:16px;color:var(--msf-ink);list-style:none}.mahya-finder-faq__item summary::-webkit-details-marker{display:none}.mahya-finder-faq__item summary:after{content:"+";float:right;color:var(--msf-copper);font-weight:400;transition:transform .2s}.mahya-finder-faq__item[open] summary:after{content:"\2013"}.mahya-finder-faq__answer{margin-top:10px;font-size:14.5px;line-height:1.55;color:var(--msf-ink-soft)}.mahya-finder-faq__answer p:first-child{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/mahya-foundation-finder.css.map */