.cs-sp__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:0;padding:0;list-style:none}.cs-sp__stat{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.8rem;min-height:15rem;padding:1.8rem 1.6rem;border:1px solid var(--cs-line);border-radius:var(--cs-radius);background:var(--cs-card);overflow:hidden}.cs-sp__stat:hover{border-color:var(--cs-accent);transform:translateY(-.4rem)}.cs-sp__stat-icon{align-self:flex-end;margin-bottom:auto;color:var(--cs-accent-text);opacity:.85}.cs-sp__stat-value{font-family:var(--cs-font-display);font-size:clamp(2.6rem,1.8rem + 1.8vw,4.4rem);font-weight:700;line-height:1;letter-spacing:-.025em;color:var(--cs-fg);font-variant-numeric:tabular-nums}.cs-sp__stat-label{font-size:1.4rem;line-height:1.4;-webkit-hyphens:auto;hyphens:auto;color:var(--cs-fg-muted)}.cs-sp__stat--featured{grid-column:span 2;background:var(--cs-saffron);border-color:var(--cs-saffron)}.cs-sp__stat--featured .cs-sp__stat-value{font-size:clamp(4rem,2.8rem + 3.4vw,8rem);color:var(--cs-ink)}.cs-sp__stat--featured .cs-sp__stat-label{color:#0b1f2acc;font-weight:600}.cs-sp__stat--featured .cs-sp__stat-icon{color:var(--cs-ink)}.cs-sp__stat>*{position:relative;z-index:1}.cs-sp__stat--featured:after{content:"";position:absolute;right:-6rem;bottom:-6rem;width:20rem;height:20rem;border-radius:50%;border:2.4rem solid rgba(255,255,255,.22);pointer-events:none}.cs-sp__body{display:grid;gap:3.2rem;margin-top:4.8rem}.cs-sp__media{aspect-ratio:1;border-radius:var(--cs-radius-lg)}.cs-media.cs-sp__media.cs-sp__media--right{aspect-ratio:unset}.cs-media.cs-sp__media.cs-sp__media--right img.cs-img{object-fit:unset}.cs-sp__top.cs-sp__top--media-right ul.cs-sp__stats li.cs-sp__stat{min-height:10rem;padding:1.6rem}.cs-sp__top.cs-sp__top--media-right ul.cs-sp__stats .cs-sp__stat.cs-sp__stat--featured span.cs-sp__stat-value.is-in{font-size:clamp(4rem,2.8rem + 3.4vw,5.5rem)}.cs-sp__media img{object-fit:contain}.cs-sp__points{display:grid;gap:1.2rem;margin:0;padding:0;list-style:none}.cs-sp__point{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1.6rem;align-items:start;padding:2rem 2.4rem;border-radius:var(--cs-radius);border:1px solid var(--cs-line)}.cs-sp__point-icon{display:inline-grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:var(--cs-accent);color:var(--cs-on-accent)}.cs-sp__point-icon .cs-icon{width:1.8rem;height:1.8rem}.cs-sp__point .cs-text{padding-top:.6rem;font-size:1.55rem}@media screen and (min-width:750px){.cs-sp__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}.cs-sp__stat{min-height:19rem;padding:2.8rem}.cs-sp__body:not(.cs-sp__body--media) .cs-sp__points{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}}@media screen and (min-width:990px){.cs-sp__body--media{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:6.4rem}}.cs-section.cs-sp.cs-tone--graphite{--cs-bg: #0f1419;--cs-fg: #ffffff;--cs-fg-muted: rgba(226, 230, 235, .68);--cs-line: rgba(255, 255, 255, .08);--cs-card: #181d24;--cs-accent: #ff3b3b;--cs-accent-text: #ff3b3b;--cs-on-accent: #ffffff;color:var(--cs-fg);background:var(--cs-bg)}.cs-sp.cs-tone--graphite .cs-text{color:var(--cs-fg-muted)}.cs-sp.cs-tone--graphite .cs-text strong,.cs-sp.cs-tone--graphite .cs-text b{color:var(--cs-fg)}.cs-sp.cs-tone--graphite .cs-sp__stat{transition:transform .4s var(--cs-ease),border-color .3s ease}.cs-sp.cs-tone--graphite .cs-sp__stat:hover{border-color:#ff3b3b73}.cs-sp.cs-tone--graphite .cs-sp__stat--featured{background:linear-gradient(135deg,#ff3b3b,#d92a2a);border-color:#ff3b3b}.cs-sp.cs-tone--graphite .cs-sp__stat--featured:hover{border-color:#fff}.cs-sp.cs-tone--graphite .cs-sp__stat--featured .cs-sp__stat-value,.cs-sp.cs-tone--graphite .cs-sp__stat--featured .cs-sp__stat-icon{color:#fff}.cs-sp.cs-tone--graphite .cs-sp__stat--featured .cs-sp__stat-label{color:#ffffffd9}.cs-sp.cs-tone--graphite .cs-sp__stat--featured:after{border-color:#ffffff24}.cs-sp.cs-tone--graphite .cs-sp__point{border-color:transparent;background:var(--cs-card);transition:border-color .3s ease}.cs-sp.cs-tone--graphite .cs-sp__point:hover{border-color:#ff3b3b66}.cs-sp.cs-tone--graphite .cs-footnote{color:#e2e6eb80}
/*# sourceMappingURL=/cdn/shop/t/3/assets/customs-stats-points.css.map */