.serum-ingredients{--si-trajan: "trajan-pro-3", "Trajan Pro 3", "Trajan-fallback", serif;--si-lato: "Lato", "Lato-fallback", sans-serif;display:block;padding:16px 0 40px;color:#201c18;font-family:var(--si-lato)}.serum-ingredients__inner{max-width:calc(1062px + 10rem)}.serum-ingredients__head{text-align:center}.serum-ingredients__eyebrow{letter-spacing:0;margin:0;font-size:14px;font-weight:300;line-height:20px;text-transform:uppercase;color:#000}.serum-ingredients__heading{margin:5px 0 0;font-family:var(--si-trajan);font-size:24px;font-weight:400;line-height:39px;letter-spacing:.6px;text-transform:uppercase;color:#121212}.serum-ingredients__list{position:relative;display:flex;align-items:flex-start;gap:12px;margin:22px -1.5rem 0;padding:0 1.5rem 4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1.5rem;scrollbar-width:none;list-style:none}.serum-ingredients__list::-webkit-scrollbar{display:none}.serum-ingredients__card{flex:0 0 calc(100% - 24px);display:flex;flex-direction:column;box-sizing:border-box;padding:14px 16px 16px;background:#fff;border:1px solid var(--si-border, #ffe5b3);scroll-snap-align:start;scroll-snap-stop:always}.serum-ingredients__card:only-child{flex-basis:100%}.serum-ingredients__serum{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.serum-ingredients__image{flex:0 0 45px;width:45px;height:68px;object-fit:contain;mix-blend-mode:multiply}.serum-ingredients__name{margin:0;font-family:var(--si-trajan);font-size:16px;font-weight:400;line-height:20px;letter-spacing:0;text-transform:uppercase;color:#201c18}.serum-ingredients__chips{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.serum-ingredients__chip{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 14px;background:#fff;border-radius:14px}.serum-ingredients__chip-name{font-size:12px;font-weight:700;line-height:14px;color:#72685e}.serum-ingredients__chip-text{font-size:12px;line-height:18px;text-align:right;color:#72685e}.serum-ingredients__equals{display:none}.serum-ingredients__result{margin-top:auto;padding:14px 18px;background:var(--si-result-bg, #f8f3eb);border:1px solid #eadfce}.serum-ingredients__chips+.serum-ingredients__equals+.serum-ingredients__result{margin-top:16px}.serum-ingredients__result-label{margin:0 0 5px;font-size:11px;font-weight:700;line-height:16px;letter-spacing:1.54px;text-transform:uppercase;color:#000}.serum-ingredients__result-text{margin:0;font-size:16px;font-weight:700;line-height:21px;color:#404040}.serum-ingredients__dots{display:flex;justify-content:center;gap:0;margin-top:12px}.serum-ingredients__dot{position:relative;width:14px;height:44px;margin:0;padding:0;background:none;border:0;cursor:pointer;touch-action:manipulation}.serum-ingredients__dot:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#d9d9d9;transition:background-color var(--duration-default) ease}.serum-ingredients__dot[aria-current=true]:before{background:#121212bf}.serum-ingredients__dot:focus-visible{outline:none}.serum-ingredients__dot:focus-visible:before{box-shadow:0 0 0 2px #fff,0 0 0 4px #201c18}@media screen and (min-width:750px){.serum-ingredients{padding:56px 0 72px}.serum-ingredients__heading{font-size:28px}.serum-ingredients__list{flex-direction:column;align-items:stretch;gap:13px;max-width:1050px;margin:29px auto 0;padding:0;overflow:visible;scroll-snap-type:none}.serum-ingredients__card{flex:none;display:grid;grid-template-columns:190px minmax(0,1fr) 24px minmax(220px,287px);align-items:center;gap:0;min-height:102px;padding:12px 13px 12px 0}.serum-ingredients__serum{padding:0 14px}.serum-ingredients__image{flex-basis:48px;width:48px;height:62px}.serum-ingredients__name{font-size:14px;line-height:19px}.serum-ingredients__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0}.serum-ingredients__chip{flex:0 1 auto;min-width:0;flex-direction:column;gap:3px;padding:12px;border-radius:16px}.serum-ingredients__chip+.serum-ingredients__chip:before{content:"+";position:absolute;margin-left:-23px;font-size:11px;line-height:16px;color:#201c18}.serum-ingredients__chip{position:relative;margin-left:0}.serum-ingredients__chip+.serum-ingredients__chip{margin-left:7px}.serum-ingredients__chip-name{font-size:14px;font-weight:700}.serum-ingredients__chip-text{font-size:14px;text-align:left}.serum-ingredients__equals{display:block;font-size:20px;line-height:30px;text-align:center}.serum-ingredients__result,.serum-ingredients__chips+.serum-ingredients__equals+.serum-ingredients__result{margin:0;padding:16px 18px;border:0}.serum-ingredients__result-label{margin-bottom:7px;font-size:14px;letter-spacing:1.54px}.serum-ingredients__result-text{font-size:14px;color:#201c18}.serum-ingredients__dots{display:none}}@media screen and (min-width:750px)and (max-width:989px){.serum-ingredients__card{grid-template-columns:190px minmax(0,1fr);row-gap:12px}.serum-ingredients__serum{grid-row:span 2}.serum-ingredients__equals{display:none}.serum-ingredients__result,.serum-ingredients__chips+.serum-ingredients__equals+.serum-ingredients__result{grid-column:2;margin-left:4px}}@media screen and (min-width:990px){.serum-ingredients__chips{flex-wrap:nowrap}}.serum-ingredients__card,.serum-ingredients__chip,.serum-ingredients__serum{font-family:var(--si-lato)}
/*# sourceMappingURL=/cdn/shop/t/145/assets/section-serum-ingredients.css.map */