skinclarity-ingredient-search{--sc-inci-hairline: rgba(21, 73, 56, .12);--sc-inci-hairline-soft: rgba(21, 73, 56, .08);--sc-inci-ease: cubic-bezier(.23, 1, .32, 1);display:block;background:var(--color-neutral-50);padding-block:clamp(3.2rem,2rem + 4vw,6.4rem)}.sc-inci__container{max-width:120rem;margin-inline:auto;padding-inline:var(--spacing-lg)}.sc-inci__intro{max-width:64rem;margin-inline:auto;text-align:center;margin-bottom:var(--spacing-xl)}.sc-inci__eyebrow{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-dark);margin:0 0 var(--spacing-sm)}.sc-inci__title{font-family:var(--font-heading);font-size:var(--text-4xl);line-height:1.1;letter-spacing:-.02em;color:var(--color-neutral-900);margin:0 0 var(--spacing-sm)}.sc-inci__lead{font-family:var(--font-body);font-size:var(--text-lg);line-height:1.7;color:var(--color-neutral-600);margin:0 auto;max-width:56ch}.sc-inci__search-wrap{position:relative;max-width:60rem;margin:0 auto var(--spacing-md)}.sc-inci__searchbar{position:relative;display:flex;align-items:center;height:6.6rem;padding-left:1rem;background:#fff;border:1px solid var(--sc-inci-hairline);border-radius:1.6rem;box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease}.sc-inci__searchbar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 .5rem #1549381a}.sc-inci__ico{flex:none;display:grid;place-items:center;width:4.2rem;height:4.2rem;border-radius:1.1rem;background:#c4a55e29;color:var(--color-accent-dark);transition:background .18s ease}.sc-inci__searchbar:focus-within .sc-inci__ico{background:#c4a55e42}.sc-inci__search-icon{width:2rem;height:2rem;pointer-events:none}.sc-inci__divider{flex:none;width:1px;height:2.8rem;background:#1549381f;margin:0 .4rem 0 1.4rem}.sc-inci__hint{flex:none;margin-inline-end:1.8rem;font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-400);white-space:nowrap}.sc-inci__hint[hidden]{display:none}.sc-inci__input{flex:1 1 auto;min-width:0;height:100%;border:none;background:transparent;font-family:var(--font-body);font-size:var(--text-md);color:var(--color-neutral-900);padding:0 1.4rem;outline:none;-webkit-appearance:none;appearance:none}.sc-inci__input::placeholder{color:var(--color-neutral-500)}.sc-inci__input::-webkit-search-decoration,.sc-inci__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.sc-inci__clear{flex:none;display:grid;place-items:center;width:3.6rem;height:3.6rem;margin-inline-end:.8rem;border:none;background:transparent;color:var(--color-neutral-500);border-radius:var(--radius-full);cursor:pointer;transition:color .15s ease,background .15s ease}.sc-inci__clear:hover{color:var(--color-neutral-900);background:var(--color-neutral-100)}.sc-inci__clear[hidden]{display:none}.sc-inci__clear svg{width:1.8rem;height:1.8rem}.sc-inci__typeahead{position:absolute;top:calc(100% + .6rem);left:0;right:0;z-index:20;margin:0;padding:.6rem;list-style:none;background:#fff;border:1px solid var(--sc-inci-hairline);border-radius:1.2rem;box-shadow:var(--shadow-lg);max-height:34rem;overflow-y:auto}.sc-inci__typeahead[hidden]{display:none}.sc-inci__ta-item{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1rem 1.2rem;border-radius:.8rem;cursor:pointer;font-family:var(--font-body)}.sc-inci__ta-item.is-active,.sc-inci__ta-item:hover{background:var(--color-primary-50)}.sc-inci__ta-name{font-size:var(--text-md);color:var(--color-neutral-900)}.sc-inci__ta-count{flex:none;font-size:var(--text-xs);font-weight:600;color:var(--color-primary);background:var(--color-primary-50);border-radius:var(--radius-full);padding:.2rem .9rem}.sc-inci__ta-item.is-active .sc-inci__ta-count{background:#fff}.sc-inci__mode{display:flex;width:fit-content;margin:1.8rem auto var(--spacing-xl);gap:2.8rem}.sc-inci__mode-btn{border:none;background:none;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-500);padding:0 0 .7rem;border-bottom:2px solid transparent;cursor:pointer;transition:color .18s ease,border-color .18s ease}.sc-inci__mode-btn:hover{color:var(--color-neutral-700)}.sc-inci__mode-btn.is-active{color:var(--color-primary);border-bottom-color:var(--color-accent)}.sc-inci__mode-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.sc-inci__chips{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem;max-width:64rem;margin:0 auto}.sc-inci__chips-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-500);margin-inline-end:.4rem}.sc-inci__chip{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-primary);background:#fff;border:1px solid var(--sc-inci-hairline);border-radius:var(--radius-full);padding:.8rem 1.6rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .14s var(--sc-inci-ease)}.sc-inci__chip:active{transform:scale(.97)}.sc-inci__chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(hover:hover)and (pointer:fine){.sc-inci__chip:hover{background:var(--color-primary-50);border-color:var(--color-primary-200)}}[data-state=results] .sc-inci__chips,[data-state=empty] .sc-inci__chips,[data-state=loading] .sc-inci__chips{display:none}.sc-inci__status{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-neutral-600);text-align:center;margin:var(--spacing-xl) 0 var(--spacing-lg);min-height:1.5em}.sc-inci__status:empty{display:none}[data-state=idle] .sc-inci__status{display:none}.sc-inci__results{display:block}.sc-inci__results:empty{display:none}[data-state=results] .sc-inci__results{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:var(--spacing-xl) var(--spacing-lg)}.sc-inci__results--enter .skc-product-card{animation:scInciCardIn .3s var(--sc-inci-ease) backwards;animation-delay:calc(var(--i, 0) * 50ms)}@keyframes scInciCardIn{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@media(hover:hover)and (pointer:fine){.sc-inci__results .skc-product-card{transition:transform .2s var(--sc-inci-ease)}.sc-inci__results .skc-product-card:hover{transform:translateY(-2px)}}.sc-inci__match{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.6;color:var(--color-neutral-600);margin:.4rem 0 .8rem}.sc-inci__match-label{color:var(--color-neutral-500)}.sc-inci__match mark,.sc-inci__match-hl{background:#c4a55e38;color:var(--color-accent-text);font-weight:600;padding:.1rem .5rem;border-radius:.4rem}.sc-inci__benefit{display:block;margin-top:.4rem;font-size:var(--text-sm);line-height:1.5;color:var(--color-neutral-700)}.sc-inci__match--avoid .sc-inci__match-label{color:var(--color-primary);font-weight:600}.sc-inci__match--avoid mark{background:var(--color-primary-50);color:var(--color-primary)}.sc-inci__results .skc-product-card__info{display:flex;flex-direction:column}.sc-inci__results .skc-product-card__price{margin-top:.4rem}.sc-inci__results .sc-atc-btn{margin-top:1.2rem}.sc-inci__empty{max-width:52rem;margin:0 auto;text-align:center;padding:var(--spacing-xl) 0}.sc-inci__empty-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-neutral-900);margin:0 0 var(--spacing-sm)}.sc-inci__empty-text{font-family:var(--font-body);font-size:var(--text-md);color:var(--color-neutral-600);margin:0 0 var(--spacing-lg)}.sc-inci__empty-suggestions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:var(--spacing-lg)}.sc-inci__empty-link{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-decoration:underline;text-underline-offset:.3rem}.sc-inci__skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:var(--spacing-xl) var(--spacing-lg)}.sc-inci__skeleton-card{border-radius:var(--radius-xl);overflow:hidden}.sc-inci__skeleton-img{aspect-ratio:1;border-radius:1.6rem;background:linear-gradient(100deg,var(--color-neutral-100) 30%,var(--color-neutral-200) 50%,var(--color-neutral-100) 70%);background-size:200% 100%;animation:scInciShimmer 1.4s ease-in-out infinite}@keyframes scInciShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.sc-inci__results--enter .skc-product-card,.sc-inci__skeleton-img{animation:none}.sc-inci__results .skc-product-card,.sc-inci__chip{transition:none}.sc-inci__results .skc-product-card:hover{transform:none}}@media(max-width:749px){.sc-inci__container{padding-inline:var(--spacing-md)}.sc-inci__searchbar{height:5.8rem}.sc-inci__ico{width:3.6rem;height:3.6rem;border-radius:.9rem}.sc-inci__search-icon{width:1.8rem;height:1.8rem}.sc-inci__divider{margin:0 .2rem 0 1rem}.sc-inci__input{padding:0 1rem;font-size:var(--text-base)}.sc-inci__hint{display:none}.sc-inci__mode{gap:2rem}[data-state=results] .sc-inci__results,.sc-inci__skeleton{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg) var(--spacing-sm)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/skinclarity-ingredient-search.css.map */