.active-diagnostic-panel{--adp-ink: var(--proto-accent, #16243f);--adp-text: #38332d;--adp-muted: #8c8378;--adp-cream: #f7f3ec;--adp-surface: #ffffff;--adp-gold: #b08d57;--adp-gold-deep: #997739;--adp-line: rgb(22 24 28 / .11);--adp-line-soft: rgb(22 24 28 / .06);--adp-serif: "Butler", "Hoefler Text", "Times New Roman", serif;--adp-radius: 14px;--adp-ease: cubic-bezier(.22, 1, .36, 1);position:relative;isolation:isolate;margin:0 0 28px;padding:30px 0 4px;color:var(--adp-text);border-top:1px solid var(--adp-line)}.active-diagnostic-panel,.active-diagnostic-panel *{box-sizing:border-box}.active-diagnostic-panel__grid{position:absolute;inset:-40px -10% auto;height:320px;z-index:-1;pointer-events:none;opacity:.7;background:radial-gradient(60% 120% at 82% 0,color-mix(in oklab,var(--adp-gold),transparent 90%),transparent 60%)}.active-diagnostic-panel__index{display:grid;gap:13px;padding-bottom:30px}.active-diagnostic-panel__eyebrow{display:inline-flex;align-items:center;gap:11px;width:fit-content;color:var(--adp-gold-deep);font-size:10px;font-weight:700;letter-spacing:.26em;line-height:1;text-transform:uppercase}.active-diagnostic-panel__eyebrow:before{content:"";width:22px;height:1px;background:currentColor;opacity:.7}.active-index__label{margin:0;color:var(--adp-ink);font-family:var(--adp-serif);font-size:clamp(22px,2.8vw,32px);font-weight:500;line-height:1.06;letter-spacing:-.015em;text-wrap:balance}.active-index__lede{margin:0;max-width:54ch;color:var(--adp-text);font-size:14px;line-height:1.6;opacity:.82;text-wrap:pretty}.active-signals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:4px 0 28px}.active-signal{--signal-color: var(--adp-gold);position:relative;display:grid;grid-template-rows:auto 1fr;align-content:start;gap:16px;min-width:0;min-height:196px;padding:22px 18px 20px;overflow:hidden;border:1px solid var(--adp-line);border-radius:var(--adp-radius);background:linear-gradient(180deg,var(--adp-surface),var(--adp-cream));transition:transform .4s var(--adp-ease),border-color .4s var(--adp-ease),box-shadow .4s var(--adp-ease)}.active-signal:after{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;background:linear-gradient(90deg,color-mix(in oklab,var(--signal-color),var(--adp-ink) 28%),transparent);transform:scaleX(0);transform-origin:left;opacity:0;transition:transform .5s var(--adp-ease),opacity .4s var(--adp-ease)}.active-signal__icon{display:grid;place-items:center;width:66px;max-width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff,color-mix(in oklab,var(--signal-color),var(--adp-cream) 88%));border:1px solid var(--adp-line-soft);box-shadow:inset 0 1px #ffffffe6,0 8px 20px #16181c0f}.active-signal__icon img{display:block;width:34px;height:34px;max-width:100%;object-fit:contain}.active-signal__fallback{color:var(--adp-ink);font-family:var(--adp-serif);font-size:22px;font-weight:500;line-height:1;text-transform:uppercase}.active-signal__body{display:grid;align-content:start;gap:5px;min-width:0;max-width:100%}.active-signal__name,.active-signal__claim,.active-signal__label{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.active-signal__name{color:var(--adp-ink);font-family:var(--adp-serif);font-size:18px;font-weight:500;line-height:1.18;letter-spacing:-.005em}.active-signal__claim{color:var(--adp-text);font-size:12.5px;line-height:1.45;opacity:.82}.active-signal__label{display:inline-flex;align-items:center;gap:7px;margin-top:8px;color:var(--adp-muted);font-size:9px;font-style:normal;font-weight:700;letter-spacing:.2em;line-height:1.2;text-transform:uppercase}.active-signal__label:before{content:"";width:5px;height:5px;border-radius:50%;background:color-mix(in oklab,var(--signal-color),var(--adp-ink) 24%)}.active-diagnostic-panel__more{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;width:fit-content;margin:0 0 22px;padding:0 0 3px;border:0;border-bottom:1px solid color-mix(in oklab,var(--adp-gold),transparent 40%);background:transparent;color:var(--adp-gold-deep);font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.3;text-transform:uppercase;cursor:pointer;transition:color .3s var(--adp-ease),border-color .3s var(--adp-ease)}.active-diagnostic-panel__more:hover{color:var(--adp-ink);border-bottom-color:var(--adp-ink)}.active-diagnostic-panel__more:focus-visible{outline:2px solid color-mix(in oklab,var(--adp-gold),#fff 30%);outline-offset:4px}@media(hover:hover){.active-signal:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--adp-gold),transparent 50%);box-shadow:0 20px 44px #16181c1a}.active-signal:hover:after{transform:scaleX(1);opacity:1}.active-signal:hover .active-signal__icon{box-shadow:inset 0 1px #ffffffe6,0 12px 26px color-mix(in oklab,var(--signal-color),transparent 72%)}}.active-signal--pore-clarity{--signal-color: #4f74a8}.active-signal--exfoliation{--signal-color: #5f7fb0}.active-signal--gentle-exfoliation{--signal-color: #7d9ec4}.active-signal--tone-clarity{--signal-color: #6f7eb0}.active-signal--calming{--signal-color: #7da88e}.active-signal--soothing{--signal-color: #c0a060}.active-signal--hydration{--signal-color: #6f9bc6}.active-signal--barrier{--signal-color: #b8a46e}.active-signal--oil-balance{--signal-color: #4a5e84}.active-signal--mineral{--signal-color: #8a93a0}.active-signal--brightening{--signal-color: #c6a35a}.active-signal--renewal{--signal-color: #a87fa2}.active-signal--firming,.active-signal--firmness{--signal-color: #8983bf}.active-signal--antioxidant{--signal-color: #9d7fbd}.active-signal--repair{--signal-color: #7e90bf}.active-signal--energizing{--signal-color: #9a7c54}.active-signal--protection{--signal-color: #6f86b6}.active-signal--active{--signal-color: var(--adp-gold)}@supports not (color: color-mix(in oklab,#000,#fff)){.active-signal{background:var(--adp-cream)}.active-signal__icon{background:#f1ece3}.active-signal:after{background:var(--adp-gold)}.active-signal__label:before,.active-signal__icon{border-color:var(--adp-line)}}.active-diagnostic-modal{width:min(92vw,580px);max-height:min(84vh,720px);padding:0;overflow:hidden;border:1px solid var(--adp-line, rgb(22 24 28 / .11));border-radius:18px;color:var(--adp-text, #38332d);background:radial-gradient(70% 90% at 86% 0,rgb(176 141 87 / .1),transparent 55%),linear-gradient(180deg,#fff,#f7f3ec);box-shadow:0 40px 100px #16181c47}.active-diagnostic-modal::backdrop{background:#14120e75;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.active-diagnostic-modal__surface{position:relative;display:grid;gap:22px;max-height:min(84vh,720px);overflow:auto;padding:34px}.active-diagnostic-modal__close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:38px;aspect-ratio:1;border:1px solid rgb(22 24 28 / .12);border-radius:50%;background:#ffffffb3;color:var(--adp-ink, #16243f);font-size:22px;line-height:1;cursor:pointer;transition:background .25s ease,border-color .25s ease}.active-diagnostic-modal__close:hover{background:#fff;border-color:color-mix(in oklab,#b08d57,transparent 40%)}.active-diagnostic-modal__header{padding-right:46px}.active-diagnostic-modal__header span{display:block;margin-bottom:12px;color:var(--adp-gold-deep, #997739);font-size:10px;font-weight:700;letter-spacing:.26em;line-height:1;text-transform:uppercase}.active-diagnostic-modal__header h2{margin:0;color:var(--adp-ink, #16243f);font-family:var(--adp-serif, "Butler", serif);font-size:clamp(28px,4.4vw,40px);font-weight:500;line-height:1.02;letter-spacing:-.01em}.active-diagnostic-modal__header p{margin:12px 0 0;color:var(--adp-muted, #8c8378);font-size:13px;line-height:1.5}.active-diagnostic-modal__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.active-diagnostic-modal__item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:13px;align-items:center;min-width:0;padding:12px;border:1px solid rgb(22 24 28 / .09);border-radius:12px;background:#fff9;transition:border-color .25s ease,background .25s ease}.active-diagnostic-modal__item:hover{border-color:color-mix(in oklab,#b08d57,transparent 50%);background:#fff}.active-diagnostic-modal__glyph{display:grid;place-items:center;width:40px;aspect-ratio:1;border-radius:50%;color:var(--adp-gold-deep, #997739);background:radial-gradient(circle at 32% 24%,#fff,#f1ece3);border:1px solid rgb(22 24 28 / .07);font-family:var(--adp-serif, "Butler", serif);font-size:15px;font-weight:500;line-height:1}.active-diagnostic-modal__name{min-width:0;color:var(--adp-ink, #16243f);font-size:13.5px;font-weight:600;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}@media(max-width:989px){.active-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.active-signal{min-height:184px}}@media(max-width:749px){.active-diagnostic-panel{margin-bottom:24px;padding-top:24px}.active-diagnostic-panel__index{padding-bottom:24px}.active-index__label{font-size:clamp(24px,7vw,30px)}.active-signals{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:20px}.active-signal{min-height:172px;padding:18px 14px 16px;border-radius:12px}.active-signal__icon{width:58px}.active-signal__icon img{width:31px;height:31px}.active-signal__name{font-size:16px}.active-signal__claim{font-size:12px}}@media(max-width:749px){.active-diagnostic-modal{width:min(94vw,520px);border-radius:16px}.active-diagnostic-modal__surface{padding:26px 18px 20px}.active-diagnostic-modal__list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.active-diagnostic-panel *,.active-diagnostic-panel:before,.active-diagnostic-panel:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.active-signal:after{transform:scaleX(1);opacity:1}}.active-signal--rich{appearance:none;-webkit-appearance:none;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}.active-signal--rich .active-signal__icon{padding:0;overflow:hidden;background:var(--adp-cream)}.active-signal--rich .active-signal__icon img{width:100%;height:100%;object-fit:cover}.active-signal__meta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--adp-gold-deep);font-family:var(--adp-serif);font-style:normal;font-size:13px;font-weight:500;letter-spacing:.01em;font-variant-numeric:tabular-nums}.active-signal__meta--cta{font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.active-signal__meta--cta:after{content:"\2192";font-size:11px;transition:translate .3s var(--adp-ease)}@media(hover:hover){.active-signal--rich:hover .active-signal__meta--cta:after{translate:3px 0}}.active-signal__label{display:none}.ingredient-drawer{width:min(94vw,720px);max-height:min(88vh,760px);padding:0;overflow:hidden;border:1px solid var(--adp-line, rgb(22 24 28 / .11));border-radius:18px;color:var(--adp-text, #38332d);background:linear-gradient(180deg,#fff,#f7f3ec);box-shadow:0 50px 120px #16181c52}.ingredient-drawer::backdrop{background:#14120e80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ingredient-drawer__surface{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;max-height:min(88vh,760px)}.ingredient-drawer__media{position:relative;min-height:260px;background:var(--adp-cream, #f7f3ec)}.ingredient-drawer__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ingredient-drawer__content{display:grid;align-content:start;gap:12px;padding:40px 38px 42px;overflow:auto}.ingredient-drawer__eyebrow{color:var(--adp-gold-deep, #997739);font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.ingredient-drawer__name{margin:0;color:var(--adp-ink, #16243f);font-family:var(--adp-serif, "Butler", serif);font-size:clamp(26px,3.4vw,38px);font-weight:500;line-height:1.04;letter-spacing:-.015em;text-wrap:balance}.ingredient-drawer__conc{margin:0;color:var(--adp-gold-deep, #997739);font-family:var(--adp-serif, "Butler", serif);font-size:17px;font-variant-numeric:tabular-nums}.ingredient-drawer__benefit{margin:0;color:var(--adp-ink, #16243f);font-size:15px;font-weight:600;line-height:1.4}.ingredient-drawer__desc{color:var(--adp-text, #38332d);font-size:14px;line-height:1.7;opacity:.86;text-wrap:pretty}.ingredient-drawer__desc p{margin:0 0 .8em}.ingredient-drawer__desc :last-child{margin-bottom:0}.ingredient-drawer__close{position:absolute;top:16px;right:16px;z-index:2;display:grid;place-items:center;width:38px;aspect-ratio:1;border:1px solid rgb(22 24 28 / .12);border-radius:50%;background:#ffffffd1;color:var(--adp-ink, #16243f);font-size:22px;line-height:1;cursor:pointer;transition:background .25s ease,border-color .25s ease}.ingredient-drawer__close:hover{background:#fff;border-color:color-mix(in oklab,#b08d57,transparent 40%)}.active-diagnostic-modal__conc{color:var(--adp-gold-deep, #997739);font-variant-numeric:tabular-nums;font-weight:600}.active-diagnostic-modal__glyph img{width:100%;height:100%;object-fit:cover;border-radius:50%}@media(max-width:749px){.ingredient-drawer{width:min(96vw,520px)}.ingredient-drawer__surface{grid-template-columns:1fr}.ingredient-drawer__media{min-height:200px}.ingredient-drawer__content{padding:26px 20px 30px}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/component-active-diagnostic.css.map */