.app-score{background:var(--as-background, #ffffff);padding-top:var(--as-padding-top, 64px);padding-bottom:var(--as-padding-bottom, 64px)}.app-score__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6rem}.app-score--swap .app-score__text{order:2}.app-score__eyebrow{margin:0 0 1.2rem;color:var(--as-eyebrow-color, #ff9016);font-size:1.6rem;font-weight:700}.app-score__heading{margin:0 0 1.6rem;font-family:var(--font-heading-family);font-size:4rem;font-weight:700;line-height:1.15;color:var(--as-heading-color, #004751);text-wrap:balance}.app-score__description{color:var(--as-text-color, #3a3a4a);font-size:1.7rem;line-height:1.5}.app-score__description p{margin:0}.app-score__visual{display:flex;flex-direction:column;align-items:center;gap:1.6rem}.app-score__card{position:relative;display:grid;place-items:center;width:30rem;height:30rem;border-radius:50%;background:var(--as-ring-background, #0e2240)}.app-score__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.app-score__track,.app-score__progress{fill:none;stroke-width:8;stroke-linecap:round}.app-score__track{stroke:var(--as-ring-track, #26364f)}.app-score__progress{stroke:var(--as-ring-color, #c6f222);stroke-dasharray:var(--as-circumference, 326.7);stroke-dashoffset:var(--as-circumference, 326.7);transition:stroke-dashoffset 1.4s cubic-bezier(.22,1,.36,1)}.app-score__card--running .app-score__progress{stroke-dashoffset:var(--as-target-offset, 0)}.app-score__value{display:flex;flex-direction:column;align-items:center;gap:.4rem;z-index:1}.app-score__number{font-family:var(--font-heading-family);font-size:7.2rem;font-weight:700;line-height:1;color:var(--as-number-color, #c6f222);font-variant-numeric:tabular-nums}.app-score__note{font-size:1.4rem;color:#fff9}.app-score__delta{margin:0;color:var(--as-text-color, #3a3a4a);font-size:1.5rem}@media(prefers-reduced-motion:reduce){.app-score__progress{transition:none}}@media screen and (max-width:767px){.app-score__inner{grid-template-columns:1fr;gap:3.2rem}.app-score--swap .app-score__text{order:0}.app-score__heading{font-size:3rem}.app-score__card{width:24rem;height:24rem}.app-score__number{font-size:5.6rem}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/section-app-score-ring.css.map */