@layer sections{.sm-results-rings{background:var(--color-cream);padding:var(--space-24) var(--space-8);--sm-results-ring-fill: #F2A98A}.sm-results-rings__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);text-align:center}.sm-results-rings__card{width:100%;box-sizing:border-box;background:var(--color-paper);border:1.5px solid var(--color-ink);border-radius:28px;padding:var(--space-16) var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-14)}.sm-results-rings__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-7);min-width:0}.sm-results-rings__ring{position:relative;width:180px;height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sm-results-rings__ring-inner{width:160px;height:160px;border-radius:50%;background:var(--color-paper);border:1.5px solid var(--color-ink);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center}.sm-results-rings__value{font-weight:800;font-size:44px;line-height:.9;letter-spacing:-.05em}.sm-results-rings__label{font-weight:700;font-size:13px;line-height:1.15;max-width:110px}.sm-results-rings__product{font-size:9px;color:var(--color-muted)}.sm-results-rings__footnote{margin:0;font-size:12px;line-height:1.5;color:var(--color-muted);max-width:720px}@media(min-width:990px){.sm-results-rings{padding:var(--space-48) var(--space-24)}.sm-results-rings__inner{gap:var(--space-16)}.sm-results-rings__card{border-radius:36px;padding:var(--space-28) var(--space-20);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12);justify-items:center}.sm-results-rings__ring{width:280px;height:280px}.sm-results-rings__ring-inner{width:252px;height:252px;gap:var(--space-3)}.sm-results-rings__value{font-size:72px}.sm-results-rings__label{font-size:17px;max-width:150px}.sm-results-rings__product{font-size:11px}}@media(min-width:990px){.sm-results-rings :is(h1,h2,h3){max-width:none}}@property --ring-p{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.sm-results-rings__ring{--ring-p: var(--ring-target, 0%);background:conic-gradient(var(--sm-results-ring-fill, #F2A98A) 0 var(--ring-p),var(--color-line) var(--ring-p) 100%);transition:--ring-p 1.6s cubic-bezier(.2,.7,.2,1)}.sm-results-rings__ring[data-armed]{--ring-p: 0%}@media(prefers-reduced-motion:reduce){.sm-results-rings__ring{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/sm-results-rings.css.map */
