.oc3-ing{--tag-eyes-bg:#fff7df;--tag-eyes:#a1490b;--tag-calming-bg:#f7f2f9;--tag-calming:#754782;--tag-joints-bg:#ebf2fb;--tag-joints:#354d98;--tag-gut-bg:#e9f8ec;--tag-gut:#265530;--tag-immune-bg:#fbf0f0;--tag-immune:#822f40;--tag-cat-bg:#fff;--tag-cat:#1e1f24}.oc3-ing h3{font-family:var(--sans);letter-spacing:normal;text-transform:none}.oc3-ing .oc3-ing-hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;background:var(--cream)}.oc3-ing .oc3-ing-hero-img{position:relative;overflow:hidden;background:#f6f5f1}.oc3-ing .oc3-ing-hero-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.oc3-ing .oc3-ing-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:40px 64px 40px 80px}.oc3-ing .oc3-ing-hero h1{max-width:600px;font-family:var(--serif);font-weight:500;font-size:51px;line-height:57.6px;letter-spacing:-.01em;color:var(--ink)}.oc3-ing .oc3-ing-hero h1 em{font-style:italic}.oc3-ing .oc3-ing-hero p{max-width:576px;margin-top:16px;font-size:18px;line-height:25.2px;color:#3f424d}.oc3-ing .oc3-ing-vals{padding-top:120px;text-align:center}.oc3-ing .oc3-ing-vals .oc3-h2{max-width:690px;margin:0 auto}.oc3-ing .oc3-ing-vlist{display:flex;flex-wrap:wrap;justify-content:center;column-gap:16px;row-gap:40px;max-width:1312px;margin:48px auto 0}.oc3-ing .oc3-ing-v{width:calc((100% - 32px)/3);display:flex;flex-direction:column;align-items:center}.oc3-ing .oc3-ing-vi{display:grid;place-items:center;width:88px;height:88px;border-radius:9999px;background:var(--cream);color:#000;flex:none}.oc3-ing .oc3-ing-vi svg{width:30px;height:30px}.oc3-ing .oc3-ing-vi svg.oc3-flag{width:34px;height:17px;border-radius:2px;box-shadow:0 0 0 1px #0000001f}.oc3-ing .oc3-ing-v h3{margin-top:16px;font-size:20px;line-height:24px;font-weight:600;color:#1e1f24}.oc3-ing .oc3-ing-v p{margin-top:4px;font-size:16px;line-height:22.4px;color:#3f424d}.oc3-ing .oc3-ing-explore{padding-top:128px;padding-bottom:88px;text-align:center}.oc3-ing .oc3-ing-flabel{margin-top:40px;font-size:16px;line-height:22.4px;font-weight:600;color:#1e1f24}.oc3-ing .oc3-ing-tabs{display:flex;justify-content:center;gap:8px;margin-top:17px}.oc3-ing :where(.oc3-ing-tab){flex:none;min-height:48px;padding:12px 16px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:16px;line-height:22.4px;font-weight:600;color:#1e1f24;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.oc3-ing :where(.oc3-ing-tab):hover{background:#f7f8f8}.oc3-ing :where(.oc3-ing-tab)[aria-pressed=true]{border-color:#000;background:#f7f8f8}.oc3-ing .oc3-ing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;row-gap:64px;max-width:1184px;margin:40px auto 0;text-align:left}.oc3-ing .oc3-ing-card[hidden]{display:none}.oc3-ing .oc3-ing-media{position:relative;aspect-ratio:2/1;border-radius:24px;overflow:hidden;background:var(--cream)}.oc3-ing .oc3-ing-media img{position:absolute;left:50%;top:50%;width:58%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #ffffffb8,0 0 0 8px #13213c14,0 14px 30px #13213c1f}.oc3-ing .oc3-ing-tags{position:absolute;left:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:8px}.oc3-ing .oc3-ing-tag{padding:4px 8px;border-radius:4px;font-size:12px;line-height:16.8px;font-weight:600;background:var(--tag-cat-bg);color:var(--tag-cat)}.oc3-ing .oc3-ing-tag[data-t=eyes]{background:var(--tag-eyes-bg);color:var(--tag-eyes)}.oc3-ing .oc3-ing-tag[data-t=calming]{background:var(--tag-calming-bg);color:var(--tag-calming)}.oc3-ing .oc3-ing-tag[data-t=joints]{background:var(--tag-joints-bg);color:var(--tag-joints)}.oc3-ing .oc3-ing-tag[data-t=gut]{background:var(--tag-gut-bg);color:var(--tag-gut)}.oc3-ing .oc3-ing-tag[data-t=immune]{background:var(--tag-immune-bg);color:var(--tag-immune)}.oc3-ing .oc3-ing-card h3{margin-top:16px;font-size:20px;line-height:24px;font-weight:600;color:#1e1f24}.oc3-ing .oc3-ing-sub{margin-top:4px;font-size:16px;line-height:22.4px;color:#3f424d}.oc3-ing .oc3-ing-desc{margin-top:16px;font-size:16px;line-height:22.4px;color:#3f424d}.oc3-ing .oc3-ing-in{margin-top:12px;font-size:14px;line-height:19.6px;color:#3f424d}.oc3-ing .oc3-ing-in a{font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.oc3-ing .oc3-ing-in a:hover{color:var(--cta)}@media(max-width:1199px){.oc3-ing .oc3-ing-hero-copy{padding:40px 32px}.oc3-ing .oc3-ing-hero h1{font-size:42.5px;line-height:51px}.oc3-ing .oc3-ing-tabs{flex-wrap:wrap}.oc3-ing .oc3-ing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.oc3-ing .oc3-ing-hero{display:block;min-height:0}.oc3-ing .oc3-ing-hero-img{aspect-ratio:390/201}.oc3-ing .oc3-ing-hero-copy{padding:32px 16px;text-align:center;align-items:center}.oc3-ing .oc3-ing-hero h1{font-size:34px;line-height:40.8px}.oc3-ing .oc3-ing-hero p{margin-top:16px;font-size:16px;line-height:22.4px}.oc3-ing .oc3-ing-vals{padding-top:40px}.oc3-ing .oc3-ing-vlist{display:grid;row-gap:24px;margin-top:40px;text-align:left}.oc3-ing .oc3-ing-v{width:auto;display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:16px;align-items:center}.oc3-ing .oc3-ing-vi{width:64px;height:64px;grid-row:1/span 2}.oc3-ing .oc3-ing-vi svg{width:22px;height:22px}.oc3-ing .oc3-ing-vi svg.oc3-flag{width:28px;height:14px}.oc3-ing .oc3-ing-v h3{margin-top:0;font-size:16px;line-height:19.2px;align-self:end}.oc3-ing .oc3-ing-v p{margin-top:5px;font-size:14px;line-height:19.6px;align-self:start}.oc3-ing .oc3-ing-explore{padding-top:72px;padding-bottom:56px}.oc3-ing .oc3-ing-flabel{margin-top:24px}.oc3-ing .oc3-ing-tabs{flex-wrap:nowrap;justify-content:flex-start;gap:4px;margin:8px -16px 0;padding:0 16px;overflow-x:auto;scrollbar-width:none}.oc3-ing .oc3-ing-tabs::-webkit-scrollbar{display:none}.oc3-ing .oc3-ing-grid{grid-template-columns:minmax(0,1fr);row-gap:40px;margin-top:24px}.oc3-ing .oc3-ing-media{border-radius:16px}.oc3-ing .oc3-ing-tags{left:8px;bottom:8px;gap:8px}.oc3-ing .oc3-ing-card h3{font-size:16px;line-height:19.2px}.oc3-ing .oc3-ing-sub{font-size:14px;line-height:19.6px}.oc3-ing .oc3-ing-desc{margin-top:16px;font-size:14px;line-height:19.6px}.oc3-ing .oc3-ing-in{margin-top:10px;font-size:13px;line-height:18.2px}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/oc3-ingredients.css.map */
