.longevity__heading{text-align:center;margin:0 0 4rem}.longevity__chart{max-width:76rem;margin:0 auto}.longevity__axis{position:relative;display:flex;justify-content:space-between;border-bottom:1px solid rgba(var(--color-foreground),.25);padding-bottom:.8rem;margin-bottom:2.8rem}.longevity__tick{position:relative;font-size:1.1rem;font-weight:600;letter-spacing:.12em;opacity:.55}.longevity__tick:after{content:"";position:absolute;left:50%;bottom:-.9rem;width:1px;height:.6rem;background:rgba(var(--color-foreground),.35)}.longevity__row{margin-bottom:2.4rem}.longevity__label{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 .8rem;font-size:1.2rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.longevity__hours{font-size:1.05rem;opacity:.55;letter-spacing:.12em}.longevity__track{position:relative;height:2.4rem;border-radius:99px;background:rgba(var(--color-foreground),.08);overflow:hidden}.longevity__fill{height:100%;width:var(--bar-width);border-radius:inherit;background:var(--bar-color, rgb(var(--color-button)));transition:width 1.1s cubic-bezier(.22,1,.36,1)}longevity-comparison.is-pending .longevity__fill{width:0}.longevity__fill--fades{-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent 100%);mask-image:linear-gradient(90deg,#000 55%,transparent 100%)}.longevity__marker{position:absolute;top:50%;transform:translate(-.4rem,-50%);padding:.35rem 1rem;border-radius:99px;border:1px solid rgba(var(--color-foreground),.3);background:rgb(var(--color-background));font-size:1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.85;transition:opacity .5s ease .9s;white-space:nowrap}longevity-comparison.is-pending .longevity__marker{opacity:0;transition:none}longevity-comparison.is-resetting .longevity__fill,longevity-comparison.is-resetting .longevity__marker{transition:none}longevity-comparison.is-visible .longevity__fill{width:var(--bar-width)}longevity-comparison.is-visible .longevity__marker{opacity:.85;transition:opacity .5s ease .9s}@media(prefers-reduced-motion:reduce){.longevity__fill,longevity-comparison.is-pending .longevity__fill{transition:none;width:var(--bar-width)}.longevity__marker,longevity-comparison.is-pending .longevity__marker{transition:none;opacity:.85}}@media screen and (max-width:749px){.longevity__tick:nth-child(2n){display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-longevity.css.map */