:root{--concern-hydration-bg: #D6EDFB;--concern-hydration-fg: #1976B8;--concern-anti-aging-bg: #EAE0F7;--concern-anti-aging-fg: #7C3FA6;--concern-brightening-bg: #FDECC8;--concern-brightening-fg: #D68A0B;--concern-soothing-bg: #DCF0D5;--concern-soothing-fg: #3E8E4F;--concern-barrier-repair-bg: #E1E8F0;--concern-barrier-repair-fg: #3A6EA5;--concern-firming-elasticity-bg: #F6DCE1;--concern-firming-elasticity-fg: #C23D64;--concern-overflow-bg: #E3E3E3;--concern-overflow-fg: #5C5C5C}.concern-icons{position:relative;margin:1.25rem 0}.concern-icons__row{display:flex;gap:1rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.concern-icons__row::-webkit-scrollbar{display:none}.concern-icon{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:none;border:none;padding:0;cursor:pointer;font:inherit;flex:0 0 auto;width:96px;-webkit-tap-highlight-color:transparent}.concern-icon__circle{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--concern-icon-bg, #EEEEEE);color:var(--concern-icon-fg, #666666);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.concern-icon__circle svg{width:32px;height:32px}.concern-icon__label{font-size:1rem;font-weight:500;line-height:1.2;text-align:center;color:#3a3a3a;max-width:100%}.concern-icon--hydration .concern-icon__circle{--concern-icon-bg: var(--concern-hydration-bg);--concern-icon-fg: var(--concern-hydration-fg)}.concern-icon--anti-aging .concern-icon__circle{--concern-icon-bg: var(--concern-anti-aging-bg);--concern-icon-fg: var(--concern-anti-aging-fg)}.concern-icon--brightening .concern-icon__circle{--concern-icon-bg: var(--concern-brightening-bg);--concern-icon-fg: var(--concern-brightening-fg)}.concern-icon--soothing .concern-icon__circle{--concern-icon-bg: var(--concern-soothing-bg);--concern-icon-fg: var(--concern-soothing-fg)}.concern-icon--barrier-repair .concern-icon__circle{--concern-icon-bg: var(--concern-barrier-repair-bg);--concern-icon-fg: var(--concern-barrier-repair-fg)}.concern-icon--firming-elasticity .concern-icon__circle{--concern-icon-bg: var(--concern-firming-elasticity-bg);--concern-icon-fg: var(--concern-firming-elasticity-fg)}.concern-icon__circle--overflow{background:var(--concern-overflow-bg);color:var(--concern-overflow-fg);font-size:1rem;font-weight:600}.concern-icons__scroll-hint{position:absolute;top:17px;width:34px;height:34px;border-radius:50%;border:none;background:#ffffffeb;box-shadow:0 2px 6px #00000024;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:opacity .2s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.concern-icons__scroll-hint--next{right:-2px}.concern-icons__scroll-hint--prev{left:-2px}.concern-icons__scroll-hint.is-hidden{opacity:0;pointer-events:none}@media(hover:hover){.concern-icons__scroll-hint:hover{box-shadow:0 3px 10px #0000002e}}.concern-icons__scroll-hint:active{transform:scale(.94)}.concern-icons__scroll-hint svg{width:18px;height:18px;color:#8a8a8a}.concern-icon.is-pulsing .concern-icon__circle{animation:concern-icon-pulse .6s ease-out}@keyframes concern-icon-pulse{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@media(hover:hover){.concern-icon:hover .concern-icon__circle{box-shadow:0 2px 8px #0000001f;filter:brightness(.97)}}.concern-icon:active .concern-icon__circle{transform:scale(.94)}.concern-popup[hidden],.concern-overflow[hidden]{display:none}.concern-popup,.concern-overflow{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2147483000!important;display:flex;align-items:center;justify-content:center;background:#3c3c3cbf}.concern-popup__backdrop,.concern-overflow__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#3c3c3cbf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.concern-popup__panel,.concern-overflow__panel{position:relative;background:#fff;border-radius:20px;padding:2rem 1.75rem 1.85rem;max-width:420px;width:calc(100% - 2.5rem);max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000038}.concern-popup__panel{--concern-accent: #cfcfcf}.concern-popup__panel:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--concern-accent);border-radius:20px 20px 0 0}.concern-popup__close,.concern-overflow__close{position:absolute;top:.85rem;right:.85rem;width:32px;height:32px;border-radius:50%;border:none;background:#0000000a;font-size:1.4rem;line-height:1;cursor:pointer;color:#777;transition:background .15s ease,color .15s ease}.concern-popup__close:hover,.concern-overflow__close:hover{background:#00000014;color:#333}.concern-popup__icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--concern-icon-bg, #f0f0f0);color:var(--concern-icon-fg, #666);margin-bottom:.9rem}.concern-popup__icon svg{width:26px;height:26px}.concern-popup__eyebrow{margin:0 0 .15rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--concern-icon-fg, #999)}.concern-popup__heading{margin:0 1.5rem .3rem 0;font-size:1.4rem;line-height:1.2;font-weight:700;color:#1e1e1e}.concern-popup__ingredient{display:inline-block;margin:0 0 1rem;font-size:.8rem;font-weight:600;color:var(--concern-icon-fg, #555);background:var(--concern-icon-bg, #f0f0f0);padding:.25rem .7rem;border-radius:999px}.concern-popup__tagline{font-weight:600;font-size:1.02rem;margin:0 0 .9rem;color:#1e1e1e;line-height:1.4}.concern-popup__divider{height:1px;background:#ececec;margin:0 0 .9rem}.concern-popup__description{margin:0 0 .9rem;color:#5a5a5a;line-height:1.6;font-size:1.05rem}.concern-popup__ingredient-list>.concern-popup__description:last-child{margin-bottom:0}.concern-popup[data-concern=hydration] .concern-popup__panel{--concern-accent: var(--concern-hydration-fg)}.concern-popup[data-concern=anti-aging] .concern-popup__panel{--concern-accent: var(--concern-anti-aging-fg)}.concern-popup[data-concern=brightening] .concern-popup__panel{--concern-accent: var(--concern-brightening-fg)}.concern-popup[data-concern=soothing] .concern-popup__panel{--concern-accent: var(--concern-soothing-fg)}.concern-popup[data-concern=barrier-repair] .concern-popup__panel{--concern-accent: var(--concern-barrier-repair-fg)}.concern-popup[data-concern=firming-elasticity] .concern-popup__panel{--concern-accent: var(--concern-firming-elasticity-fg)}.concern-popup[data-concern=hydration] .concern-popup__icon,.concern-popup[data-concern=hydration] .concern-popup__ingredient,.concern-popup[data-concern=hydration] .concern-popup__eyebrow{--concern-icon-bg: var(--concern-hydration-bg);--concern-icon-fg: var(--concern-hydration-fg)}.concern-popup[data-concern=anti-aging] .concern-popup__icon,.concern-popup[data-concern=anti-aging] .concern-popup__ingredient,.concern-popup[data-concern=anti-aging] .concern-popup__eyebrow{--concern-icon-bg: var(--concern-anti-aging-bg);--concern-icon-fg: var(--concern-anti-aging-fg)}.concern-popup[data-concern=brightening] .concern-popup__icon,.concern-popup[data-concern=brightening] .concern-popup__ingredient,.concern-popup[data-concern=brightening] .concern-popup__eyebrow{--concern-icon-bg: var(--concern-brightening-bg);--concern-icon-fg: var(--concern-brightening-fg)}.concern-popup[data-concern=soothing] .concern-popup__icon,.concern-popup[data-concern=soothing] .concern-popup__ingredient,.concern-popup[data-concern=soothing] .concern-popup__eyebrow{--concern-icon-bg: var(--concern-soothing-bg);--concern-icon-fg: var(--concern-soothing-fg)}.concern-popup[data-concern=barrier-repair] .concern-popup__icon,.concern-popup[data-concern=barrier-repair] .concern-popup__ingredient,.concern-popup[data-concern=barrier-repair] .concern-popup__eyebrow{--concern-icon-bg: var(--concern-barrier-repair-bg);--concern-icon-fg: var(--concern-barrier-repair-fg)}.concern-popup[data-concern=firming-elasticity] .concern-popup__icon,.concern-popup[data-concern=firming-elasticity] .concern-popup__ingredient,.concern-popup[data-concern=firming-elasticity] .concern-popup__eyebrow{--concern-icon-bg: var(--concern-firming-elasticity-bg);--concern-icon-fg: var(--concern-firming-elasticity-fg)}.concern-overflow__heading{margin:0 1.5rem 1rem 0;font-size:1.05rem}.concern-overflow__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.concern-overflow__item{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;background:#f7f7f7;border:none;border-radius:10px;padding:.65rem .85rem;cursor:pointer;font:inherit;transition:background .15s ease}.concern-overflow__item:hover{background:#efefef}.concern-overflow__item-icon{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--concern-icon-bg, #e6e6e6);color:var(--concern-icon-fg, #777)}.concern-overflow__item-icon svg{width:18px;height:18px}.concern-overflow__item-text{display:flex;flex-direction:column;min-width:0}.concern-overflow__item-concern{display:block;font-weight:600;font-size:.9rem}.concern-overflow__item-tagline{display:block;font-size:.8rem;color:#666;margin-top:.15rem}.concern-overflow__item[data-concern=hydration] .concern-overflow__item-icon{--concern-icon-bg: var(--concern-hydration-bg);--concern-icon-fg: var(--concern-hydration-fg)}.concern-overflow__item[data-concern=anti-aging] .concern-overflow__item-icon{--concern-icon-bg: var(--concern-anti-aging-bg);--concern-icon-fg: var(--concern-anti-aging-fg)}.concern-overflow__item[data-concern=brightening] .concern-overflow__item-icon{--concern-icon-bg: var(--concern-brightening-bg);--concern-icon-fg: var(--concern-brightening-fg)}.concern-overflow__item[data-concern=soothing] .concern-overflow__item-icon{--concern-icon-bg: var(--concern-soothing-bg);--concern-icon-fg: var(--concern-soothing-fg)}.concern-overflow__item[data-concern=barrier-repair] .concern-overflow__item-icon{--concern-icon-bg: var(--concern-barrier-repair-bg);--concern-icon-fg: var(--concern-barrier-repair-fg)}.concern-overflow__item[data-concern=firming-elasticity] .concern-overflow__item-icon{--concern-icon-bg: var(--concern-firming-elasticity-bg);--concern-icon-fg: var(--concern-firming-elasticity-fg)}.non-comedogenic-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#3f6b4a;background:#eaf3ea;border:none;border-radius:999px;padding:.55rem 1.1rem;margin-bottom:.75rem;cursor:pointer;font-family:inherit;transition:background .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){.non-comedogenic-badge:hover{background:#dfeee0;box-shadow:0 2px 8px #00000014}}.non-comedogenic-badge:active{transform:scale(.98)}.non-comedogenic-badge__icon{width:18px;height:18px;flex:0 0 auto}.non-comedogenic-popup[hidden]{display:none}.non-comedogenic-popup{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2147483000!important;display:flex;align-items:center;justify-content:center;background:#3c3c3cbf}.non-comedogenic-popup__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#3c3c3cbf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.non-comedogenic-popup__panel{position:relative;background:#fff;border-radius:20px;padding:2rem 1.75rem 1.85rem;max-width:400px;width:calc(100% - 2.5rem);max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000038}.non-comedogenic-popup__panel:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:#3f6b4a;border-radius:20px 20px 0 0}.non-comedogenic-popup__close{position:absolute;top:.85rem;right:.85rem;width:32px;height:32px;border-radius:50%;border:none;background:#0000000a;font-size:1.4rem;line-height:1;cursor:pointer;color:#777;transition:background .15s ease,color .15s ease}.non-comedogenic-popup__close:hover{background:#00000014;color:#333}.non-comedogenic-popup__icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf3ea;color:#3f6b4a;margin-bottom:.9rem}.non-comedogenic-popup__icon svg{width:26px;height:26px}.non-comedogenic-popup__heading{margin:0 1.5rem .6rem 0;font-size:1.4rem;line-height:1.2;font-weight:700;color:#1e1e1e}.non-comedogenic-popup__description{margin:0;color:#5a5a5a;line-height:1.6;font-size:1.05rem}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-key-ingredients.css.map */