.active-compounds-banner{text-align:center}.active-compounds-banner__heading{margin:0 0 1rem}.active-compounds-banner__heading-accent{color:var(--guttiful-terracotta)}.active-compounds-banner__subheading{max-width:56rem;margin:0 auto;opacity:.85}.active-compounds__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2rem}.active-compounds__card{background:var(--guttiful-cream);border-radius:16px;padding:1.6rem;box-shadow:0 4px 16px #15241c14;text-align:center}.active-compounds__card-image{aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;margin-bottom:1.6rem;display:flex;align-items:center;justify-content:center;background:var(--guttiful-pale-sage)}.active-compounds__card-image img{width:100%;height:100%;object-fit:cover;display:block}.active-compounds__card-icon{font-size:4.4rem;line-height:1}.active-compounds__amount{display:block;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--guttiful-terracotta);margin-bottom:.6rem}.active-compounds__name{margin:0 0 .8rem}.active-compounds__tooltip-wrap{position:relative;display:inline-block;outline:none}.active-compounds__tooltip-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:.4rem;font-size:1.3rem;color:var(--guttiful-forest);opacity:.6;cursor:help;vertical-align:middle}.active-compounds__tooltip-bubble{position:absolute;bottom:calc(100% + .8rem);left:50%;transform:translate(-50%) translateY(4px);width:20rem;max-width:60vw;padding:1rem 1.2rem;background:var(--guttiful-forest);color:var(--guttiful-cream);border-radius:8px;font-size:1.25rem;font-weight:500;line-height:1.4;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:5}.active-compounds__tooltip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--guttiful-forest)}.active-compounds__tooltip-wrap:hover .active-compounds__tooltip-bubble,.active-compounds__tooltip-wrap:focus .active-compounds__tooltip-bubble,.active-compounds__tooltip-wrap:focus-visible .active-compounds__tooltip-bubble{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.active-compounds__description{opacity:.85;font-size:1.4rem}.active-compounds__description sup{opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-active-compounds.css.map */