.composition{background-color:var(--c-bg);color:var(--c-text)}.composition__heading{margin-bottom:clamp(24px,4vw,40px);text-align:center}.composition__body{display:grid;gap:clamp(32px,6vw,56px)}.composition__rings{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(24px,6vw,56px)}.ring{display:flex;flex-direction:column;align-items:center;gap:12px}.ring__chart{position:relative;width:clamp(104px,26vw,132px);aspect-ratio:1}.ring__chart svg{width:100%;height:100%;transform:rotate(-90deg)}.ring__track,.ring__fill{fill:none;stroke-width:6}.ring__track{stroke:var(--c-line)}.ring__fill{stroke:var(--c-text);stroke-linecap:round;transition:stroke-dashoffset .9s var(--ease)}.ring__value{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:clamp(1.25rem,5vw,1.5rem);letter-spacing:var(--heading-tracking);font-variant-numeric:tabular-nums}.ring__label{font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}.composition__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;margin:0;background-color:var(--c-line);border-block:1px solid var(--c-line)}.stat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 12px;background-color:var(--c-bg);text-align:center}.stat__label{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted)}.stat__value{margin:0;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:clamp(1.75rem,6vw,2.5rem);line-height:1;letter-spacing:var(--heading-tracking);font-variant-numeric:tabular-nums}.stat__value--text{font-size:clamp(1rem,3.2vw,1.25rem);text-transform:uppercase}@media screen and (min-width:990px){.composition__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.composition__stats{border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-product-composition.css.map */