.ingredient-stacks{--lucid-purple: #7B68AE;--lucid-purple-40: rgba(123, 104, 174, .4);--lucid-text: #1E1E2A;--lucid-muted: #A0A0AA;--lucid-white: #FFF;--lucid-bg: #F4F1F4;background:var(--lucid-bg);padding:64px 0;display:none}.ingredient-stacks__container{max-width:1200px;margin:0 auto;padding:0 24px}.ingredient-stacks__heading{color:#000;font-family:Archivo Black,sans-serif;font-size:28px;font-weight:400;line-height:120%;letter-spacing:.5px;margin:0 0 12px}.ingredient-stacks__subheading{color:var(--lucid-text);font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:120%;letter-spacing:.5px;margin:0 0 32px}.ingredient-stacks__toggle{display:flex;justify-content:center;gap:8px;margin-bottom:48px}.ingredient-stacks__toggle-btn{padding:16px 12px;border:1px solid var(--lucid-purple-40);background:transparent;color:var(--lucid-text);font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:120%;letter-spacing:.5px;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease;min-width:180px}.ingredient-stacks__toggle-btn.is-active{border:1px solid var(--lucid-purple);background:var(--lucid-purple);color:var(--lucid-white)}.ingredient-stacks__panel[hidden]{display:none}.ingredient-stacks__images{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:48px;min-height:320px}.ingredient-stacks__image-btn{background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ingredient-stacks__image-wrap{width:210px;height:210px;aspect-ratio:1/1;border-radius:630px;opacity:.4;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:width .4s ease,height .4s ease,opacity .4s ease}.ingredient-stacks__image-btn.is-active .ingredient-stacks__image-wrap{width:300px;height:300px;border-radius:900px;opacity:1}.ingredient-stacks__image{width:100%;height:100%;object-fit:contain}.ingredient-stacks__details{position:relative}.ingredient-stacks__detail{opacity:0;visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.ingredient-stacks__detail.is-active{opacity:1;visibility:visible;position:relative;pointer-events:auto}.ingredient-stacks__badge{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:999px;border:1px solid var(--lucid-purple);background:var(--lucid-white);color:var(--lucid-purple);font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:120%;letter-spacing:.5px;margin-bottom:16px}.ingredient-stacks__badge svg{width:16px;height:16px;flex-shrink:0}.ingredient-stacks__header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.ingredient-stacks__name{color:var(--lucid-text);font-family:Archivo Black,sans-serif;font-size:38px;font-weight:400;line-height:120%;letter-spacing:.5px;margin:0}.ingredient-stacks__nav{display:flex;gap:8px;flex-shrink:0}.ingredient-stacks__nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--lucid-purple-40);background:transparent;color:var(--lucid-purple);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,background-color .2s ease}.ingredient-stacks__nav-btn--prev svg{transform:rotate(180deg)}.ingredient-stacks__nav-btn:hover:not(:disabled){background:var(--lucid-purple);color:var(--lucid-white)}.ingredient-stacks__nav-btn:disabled{opacity:.4;cursor:not-allowed}.ingredient-stacks__meta{color:var(--lucid-muted);font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:120%;letter-spacing:.5px;margin:0 0 16px}.ingredient-stacks__description-wrap{margin-bottom:24px}.ingredient-stacks__description{color:var(--lucid-text);font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:120%;letter-spacing:.5px;margin:0}.ingredient-stacks__rm-label{display:none;color:var(--lucid-purple);font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:120%;letter-spacing:.5px;cursor:pointer;text-decoration:underline;margin-top:4px}.ingredient-stacks__rm-label .rm-text-less{display:none}.ingredient-stacks__rm-toggle{display:none!important}.ingredient-stacks__rm-toggle:checked~.ingredient-stacks__rm-label .rm-text-more{display:none}.ingredient-stacks__rm-toggle:checked~.ingredient-stacks__rm-label .rm-text-less{display:inline}.ingredient-stacks__benefits{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 24px}.ingredient-stacks__benefit{display:flex;align-items:center;gap:8px;color:var(--lucid-text);font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:120%;letter-spacing:.5px}.ingredient-stacks__check{color:var(--lucid-text);flex-shrink:0}.ingredient-stacks__empty{text-align:center;color:var(--lucid-muted);font-family:Poppins,sans-serif;padding:48px 0}@media(max-width:1024px){.ingredient-stacks{padding:20px 0}.ingredient-stacks__container{padding:0 16px}.ingredient-stacks__heading{font-size:21px;margin-bottom:8px}.ingredient-stacks__subheading{margin-bottom:24px;font-size:12px}.ingredient-stacks__toggle{margin-bottom:32px}.ingredient-stacks__toggle-btn{min-width:0;flex:0 1 auto;font-size:12px}.ingredient-stacks__panel{overflow:hidden;margin-left:-16px;margin-right:-16px}.ingredient-stacks__panel>.ingredient-stacks__details{margin-left:16px;margin-right:16px}.ingredient-stacks__images{gap:0;min-height:280px;justify-content:flex-start;padding:0;margin-bottom:32px;width:max-content;transform:translate(calc(50vw - 130px - (260px * var(--active-index, 0))));transition:transform .4s ease}.ingredient-stacks__image-btn{width:260px;flex-shrink:0;padding:10px}.ingredient-stacks__image-wrap{width:200px;height:200px;opacity:.4;transition:opacity .4s ease,width .4s ease,height .4s ease}.ingredient-stacks__image-btn.is-active .ingredient-stacks__image-wrap{width:240px;height:240px;opacity:1}.ingredient-stacks__name{font-size:21px}.ingredient-stacks__header-row{align-items:flex-start}.ingredient-stacks__description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px}.ingredient-stacks__meta{font-size:12px}.ingredient-stacks__rm-toggle:checked~.ingredient-stacks__description{display:block;-webkit-line-clamp:unset;overflow:visible}.ingredient-stacks__description-wrap.has-overflow .ingredient-stacks__rm-label{display:inline-block;font-size:12px}.ingredient-stacks__benefits{grid-template-columns:repeat(2,1fr);gap:10px 16px}.ingredient-stacks__benefits span{font-size:12px!important}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/ingredient-stacks.css.map */