.sk-sm-macrobar{--ring-p: #A8C13C;--ring-c: #DCEBAE;--ring-f: #7C9A1E;position:absolute;inset-inline:0;bottom:0;z-index:3;display:flex;align-items:center;gap:11px;padding:64px 11px 12px;background:linear-gradient(to top,#000000f0,#000000e0 18%,#0000009e,#00000047 70%,#0000);pointer-events:none}.sk-sm-macrobar[data-tier=performance]{--ring-p: #F0A35C;--ring-c: #F6CFA6;--ring-f: #C9702C}.sk-sm-macrobar[data-tier=recovery]{--ring-p: #D75C49;--ring-c: #ECB3A8;--ring-f: #A53E2E}.sk-sm-ring{position:relative;flex:none;width:58px;height:58px}.sk-sm-ring__svg{width:58px;height:58px;display:block}.sk-sm-ring__svg .trk{stroke:#fff3}.sk-sm-ring__svg .hub{fill:#0a07049e}.sk-sm-ring__svg [data-sm-arc]{transition:stroke-dasharray .5s cubic-bezier(.4,.05,.2,1),stroke-dashoffset .5s cubic-bezier(.4,.05,.2,1),stroke .35s var(--ease)}.sk-sm-ring__svg [data-sm-arc=p]{stroke:var(--ring-p)}.sk-sm-ring__svg [data-sm-arc=c]{stroke:var(--ring-c)}.sk-sm-ring__svg [data-sm-arc=f]{stroke:var(--ring-f)}.sk-sm-ring__txt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.sk-sm-ring__num{font-family:var(--rounded);font-weight:800;font-size:18px;color:#fff;font-variant-numeric:tabular-nums}.sk-sm-ring__unit{font-family:var(--rounded);font-weight:700;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffbd;margin-top:2px}.sk-sm-ring.is-upd .sk-sm-ring__num{animation:sk-sm-ringpop .32s var(--ease)}@keyframes sk-sm-ringpop{40%{transform:scale(1.16)}}.sk-sm-ring-legend{list-style:none;margin:0;padding:0;display:none;align-items:center;gap:11px;flex-wrap:nowrap;min-width:0}.sk-sm-ring-legend li{display:flex;align-items:center;gap:5px;font-family:var(--rounded);white-space:nowrap}.sk-sm-ring-legend i{width:8px;height:8px;border-radius:50%;flex:none;transition:background .35s var(--ease)}.sk-sm-ring-legend i.p{background:var(--ring-p)}.sk-sm-ring-legend i.c{background:var(--ring-c)}.sk-sm-ring-legend i.f{background:var(--ring-f)}.sk-sm-leg-v{font-weight:800;font-size:14px;color:#fff}.sk-sm-leg-k{font-size:11px;font-weight:600;color:#ffffffb8}@container (min-width: 230px){.sk-sm-ring-legend{display:flex}}@container (min-width: 230px) and (max-width: 314px){.sk-sm-ring-legend{gap:9px}.sk-sm-ring-legend li{gap:4px}.sk-sm-leg-k{display:none}}@media(prefers-reduced-motion:reduce){.sk-sm-ring__svg [data-sm-arc]{transition:stroke .35s var(--ease)}.sk-sm-ring.is-upd .sk-sm-ring__num{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/sk-macro-ring.css.map */