.concerns-section--container{position:relative;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between}.concerns-section--media{position:relative;width:100%}.concerns-section--media figure,.concerns-section--content{width:100%;border-radius:var(--border-radius);overflow:hidden}.concerns-section--media-cta{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:var(--container-gutter);pointer-events:none}.concerns-section--media-cta a{pointer-events:auto}.concerns-section--content{display:flex;flex-direction:column;align-items:center;justify-content:center}.concerns-section--text{display:grid;grid-template-rows:max-content 0fr;transition:grid-template-rows var(--transition-duration) var(--transition-ease) calc(var(--transition-duration) / 2)}.concerns-section--content.in-view .concerns-section--text{grid-template-rows:max-content 1fr}.concerns-section--heading{text-align:center;text-wrap:pretty;max-width:25rem;margin:0 auto}.concerns-section--concerns{overflow:hidden}.concerns-section--concerns ul{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:center;opacity:0;transition:opacity var(--transition-duration) var(--transition-ease) calc(calc(var(--transition-duration) / 2) + .3s)}.concerns-section--content.in-view .concerns-section--concerns ul{opacity:1}.concerns-section--concerns ul{margin-top:3.1rem}@media (min-width: 1024px){.concerns-section--container{flex-direction:row-reverse;gap:var(--container-gutter)}.concerns-section--media{width:var(--column-7);flex-shrink:0;position:unset}.concerns-section--media-cta{justify-content:flex-start}.concerns-section--content{padding:0 3.75rem}.concerns-section--concerns{transition:opacity var(--transition-duration) var(--transition-ease);transition-delay:calc(var(--transition-duration) + .1s)}.concerns-section.modal-open .concerns-section--concerns{opacity:0;transition-delay:0ms}.concerns-section ingredients-modal{position:absolute;width:100%;height:100%}.concerns-section .ingredients-modal--background{position:fixed}.concerns-section .ingredients-modal--modal{align-items:flex-start;justify-content:center;height:100%;pointer-events:none;transform:translateY(0)}.concerns-section .ingredients-modal--nav{position:absolute;right:0;width:calc(40% + calc(var(--container-gutter) / 2));padding:0 3.75rem;transition-delay:0ms;mask:none;-webkit-mask:none}.concerns-section ingredients-modal.open .ingredients-modal--nav{transition-delay:var(--transition-duration)}.concerns-section .ingredients-modal--nav button{pointer-events:auto}.concerns-section .ingredients-modal--nav ul{flex-wrap:wrap;gap:.625rem;justify-content:center}.concerns-section .ingredients-modal--inner{width:40%;margin:5% calc(10% - calc(var(--container-gutter) / 2));border-radius:var(--border-radius);pointer-events:auto;opacity:0;transform:translate(0);transition-property:opacity;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-ease)}.concerns-section ingredients-modal.open .ingredients-modal--inner{opacity:1;transition-delay:var(--transition-duration)}.concerns-section .ingredients-modal--controls span{display:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/concerns-section.css.map */