.ingredients-section{position:relative}.ingredients-section__inner{padding-top:4rem;padding-bottom:4rem;padding-inline:1.6rem}@media(min-width:750px){.ingredients-section__inner{padding-inline:4rem;padding-top:5.6rem;padding-bottom:8rem}}.ingredients-section__header{text-align:center;margin-bottom:3.2rem}@media(min-width:750px){.ingredients-section__header{margin-bottom:4.8rem}}.ingredients-section__title{margin:0 0 1.2rem;font-weight:500;line-height:1.2}.ingredients-section__subtitle{margin:0;font-size:1.6rem;line-height:1.5;color:rgba(var(--color-foreground),.6)}.ingredients-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}@media(min-width:750px){.ingredients-grid{grid-template-columns:repeat(2,1fr);gap:1.6rem}}@media(min-width:990px){.ingredients-grid{grid-template-columns:repeat(3,1fr);gap:1.6rem}}.ingredient-card{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);border-radius:1.2rem;cursor:pointer;text-align:left;font-family:inherit;transition:border-color var(--duration-default) ease,box-shadow var(--duration-default) ease;width:100%}.ingredient-card:hover,.ingredient-card:focus-visible{border-color:rgba(var(--color-foreground),.2);box-shadow:0 2px 8px #0000000f}.ingredient-card:focus-visible{outline:2px solid rgba(var(--color-foreground),.4);outline-offset:2px}.ingredient-card__image{flex-shrink:0;width:6.4rem;height:6.4rem;border-radius:.8rem;overflow:hidden;background:rgba(var(--color-foreground),.04)}.ingredient-card__img{display:block;width:100%;height:100%;object-fit:cover}.ingredient-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ingredient-card__placeholder .placeholder-svg{width:60%;height:60%;opacity:.3}.ingredient-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.ingredient-card__name{font-size:1.4rem;font-weight:500;line-height:1.3;color:rgb(var(--color-foreground));font-family:LED Dot Matrix,monospace;text-transform:uppercase}.ingredient-card__dosage{font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.55);font-family:Basis Grotesque;text-transform:uppercase}.ingredient-card__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;color:rgba(var(--color-foreground),.35);transition:color var(--duration-default) ease}.ingredient-card:hover .ingredient-card__icon{color:rgba(var(--color-foreground),.6)}.ingredient-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;pointer-events:none;opacity:0;visibility:hidden;color:#fff;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.ingredient-modal p{color:#fff}.ingredient-modal.is-active{pointer-events:auto;opacity:1;visibility:visible}.ingredient-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;cursor:pointer}.ingredient-modal__content{position:relative;z-index:1;width:100%;max-width:48rem;background:#ffffff73;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:1.2rem;overflow:hidden;color:#fff;transform:translateY(1.6rem);transition:transform var(--duration-default) ease}.ingredient-modal.is-active .ingredient-modal__content{transform:translateY(0)}.ingredient-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;padding:2.4rem 2.4rem 1.6rem;margin-bottom:90px}.ingredient-modal__header-text{min-width:0}.ingredient-modal__name{margin:0;font-size:24px;font-weight:400;line-height:1.2;color:#fff;text-transform:uppercase;letter-spacing:0px;font-family:LED Dot Matrix,monospace}.ingredient-modal__dosage{margin:.4rem 0 0;font-size:16px;line-height:1.3;color:#fff9;text-transform:uppercase;letter-spacing:0;font-family:Basis Grotesque;font-weight:400}.ingredient-modal__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;background:transparent;border:none;color:#fff9;cursor:pointer;border-radius:.4rem;transition:color var(--duration-default) ease}.ingredient-modal__close:hover,.ingredient-modal__close:focus-visible{color:#fff}.ingredient-modal__close:focus-visible{outline:2px solid rgba(255,255,255,.4);outline-offset:2px}.ingredient-modal__body{padding:0 2.4rem 2.4rem}.ingredient-modal__description{margin:0;font-size:16px;color:#ffffffd9}.ingredient-modal__description p{margin:0;font-size:16px}.ingredient-modal__description p+p{margin-top:1.2rem}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-ingredients.css.map */