#counterCircleHost,#mainCircle.counterDigits{position:relative;display:flex;justify-content:center;align-items:center}#mainCircle.counterDigits{box-sizing:content-box;flex-shrink:0;width:200px;height:200px;padding:35px;font-size:60px;border-radius:50%;color:#fff;overflow:visible;z-index:1}.counterNumberHost{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-variant-numeric:tabular-nums;min-height:1em}.counterNumberHost.is-crossfade,.counterNumberHost.is-ticker{direction:ltr;unicode-bidi:isolate}.counterNumberHost.is-crossfade{display:grid;place-items:center}.counterNumberHost.is-crossfade>span{grid-area:1/1;transition:opacity .28s ease}.counterNumberFadeCurrent{opacity:1}.counterNumberFadeCurrent.is-out,.counterNumberFadeNext{opacity:0}.counterNumberFadeNext.is-in{opacity:1}.counterDigitCol{display:inline-block;height:1em;overflow:hidden;width:.62em;position:relative;vertical-align:top}.counterDigitStrip{display:block;will-change:transform;transition:transform .32s cubic-bezier(.2,.8,.2,1)}.counterDigitGlyph{display:flex;align-items:center;justify-content:center;height:1em;line-height:1}#counterOccupancyRing{display:none;position:absolute;top:50%;left:50%;width:calc(100% + 36px);height:calc(100% + 36px);transform:translate(-50%,-50%);pointer-events:none;z-index:0;overflow:visible}body.counter-style-ring #counterOccupancyRing,body.counter-style-ringSegments #counterOccupancyRing{display:block}#counterOccupancyRingTrack{fill:none;stroke:hsla(0,0%,100%,.28);stroke-width:5.5}body.light-mode #counterOccupancyRingTrack{stroke:rgba(0,0,0,.16)}#counterOccupancyRingProgress{fill:none;stroke:#d7ffd0;stroke-width:5.5;stroke-linecap:round;transition:stroke-dasharray .35s ease,stroke .25s ease;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.35))}#counterOccupancyRing[data-capacity-state=warning] #counterOccupancyRingProgress,#counterOccupancyRing[data-capacity-state=warning] .counterOccupancyRingSegment.is-lit{stroke:#ffe0b0}#counterOccupancyRing[data-capacity-state=danger] #counterOccupancyRingProgress,#counterOccupancyRing[data-capacity-state=danger] .counterOccupancyRingSegment.is-lit{stroke:#ffc0c0}#counterOccupancyRing[data-capacity-state=normal] #counterOccupancyRingProgress,#counterOccupancyRing[data-capacity-state=normal] .counterOccupancyRingSegment.is-lit{stroke:#d7ffd0}.counterOccupancyRingSegment{fill:none;stroke:hsla(0,0%,100%,.22);stroke-width:5.5;stroke-linecap:butt;transition:stroke .2s ease;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.28))}body.light-mode .counterOccupancyRingSegment{stroke:rgba(0,0,0,.14);filter:none}body.light-mode #counterOccupancyRingProgress{filter:none}body.light-mode #counterOccupancyRing[data-capacity-state=normal] #counterOccupancyRingProgress,body.light-mode #counterOccupancyRing[data-capacity-state=normal] .counterOccupancyRingSegment.is-lit{stroke:#2f9e57}body.light-mode #counterOccupancyRing[data-capacity-state=warning] #counterOccupancyRingProgress,body.light-mode #counterOccupancyRing[data-capacity-state=warning] .counterOccupancyRingSegment.is-lit{stroke:#e08900}body.light-mode #counterOccupancyRing[data-capacity-state=danger] #counterOccupancyRingProgress,body.light-mode #counterOccupancyRing[data-capacity-state=danger] .counterOccupancyRingSegment.is-lit{stroke:#e03333}body.counter-style-ring #mainCircle.capacity-normal,body.counter-style-ringSegments #mainCircle.capacity-normal,body.counter-style-simple #mainCircle.capacity-normal{background-color:green;color:#fff;font-weight:500}body.counter-style-ring #mainCircle.capacity-warning,body.counter-style-ringSegments #mainCircle.capacity-warning,body.counter-style-simple #mainCircle.capacity-warning{background-color:#ff8c00;color:#fff;font-weight:500}body.counter-style-ring #mainCircle.capacity-danger,body.counter-style-ringSegments #mainCircle.capacity-danger,body.counter-style-simple #mainCircle.capacity-danger{background-color:red;color:#fff;font-weight:500}body.light-mode.counter-style-ring #mainCircle.capacity-normal,body.light-mode.counter-style-ringSegments #mainCircle.capacity-normal,body.light-mode.counter-style-simple #mainCircle.capacity-normal{background-color:#e6f4ea;color:#111;font-weight:700}body.light-mode.counter-style-ring #mainCircle.capacity-danger,body.light-mode.counter-style-ring #mainCircle.capacity-warning,body.light-mode.counter-style-ringSegments #mainCircle.capacity-danger,body.light-mode.counter-style-ringSegments #mainCircle.capacity-warning,body.light-mode.counter-style-simple #mainCircle.capacity-danger,body.light-mode.counter-style-simple #mainCircle.capacity-warning{background-color:#fde8e7;color:#111;font-weight:700}body.light-mode.counter-style-ring .counterDigits,body.light-mode.counter-style-ring .counterDigits.full,body.light-mode.counter-style-ringSegments .counterDigits,body.light-mode.counter-style-ringSegments .counterDigits.full,body.light-mode.counter-style-simple .counterDigits,body.light-mode.counter-style-simple .counterDigits.full{color:#111!important}body.dark-mode.counter-style-ring .counterDigits,body.dark-mode.counter-style-ring .counterDigits.full,body.dark-mode.counter-style-ringSegments .counterDigits,body.dark-mode.counter-style-ringSegments .counterDigits.full,body.dark-mode.counter-style-simple .counterDigits,body.dark-mode.counter-style-simple .counterDigits.full{color:#f5f5f5!important}body.counter-style-halo #mainCircle.circleGradient,body.counter-style-haloTap #mainCircle.circleGradient{background:radial-gradient(circle at 50% 50%,rgba(0,128,0,.9),rgba(0,128,0,.6) 60%,rgba(0,128,0,.35) 100%);box-shadow:0 0 0 8px hsla(0,0%,100%,.12),inset 0 0 24px rgba(0,0,0,.25);color:#fff!important;font-weight:500}body.counter-style-halo #mainCircle.circleGradient--capacity-warning,body.counter-style-haloTap #mainCircle.circleGradient--capacity-warning{background:radial-gradient(circle at 50% 50%,rgba(255,140,0,.95),rgba(255,140,0,.65) 60%,rgba(255,140,0,.4) 100%)}body.counter-style-halo #mainCircle.circleGradient--capacity-danger,body.counter-style-haloTap #mainCircle.circleGradient--capacity-danger{background:radial-gradient(circle at 50% 50%,rgba(220,20,20,.95),rgba(220,20,20,.65) 60%,rgba(220,20,20,.4) 100%)}body.counter-style-halo #mainCircle.pulseSoft,body.counter-style-haloTap #mainCircle.pulseSoft{animation:a 2.8s ease-in-out infinite}body.counter-style-halo #mainCircle.pulseSoft.pulseAnim{animation:b .5s 1}#circleTapPulseOverlay{display:none;position:absolute;top:50%;left:50%;width:110%;height:110%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;opacity:0;border:3px solid hsla(0,0%,100%,.42);box-shadow:0 0 0 0 hsla(0,0%,100%,.18),0 0 30px hsla(0,0%,100%,.16);box-sizing:border-box;z-index:1}body.counter-style-haloTap #circleTapPulseOverlay{display:block}@keyframes a{0%{transform:scale(1);box-shadow:0 0 0 8px hsla(0,0%,100%,.12),inset 0 0 24px rgba(0,0,0,.25)}50%{transform:scale(1.02);box-shadow:0 0 0 12px hsla(0,0%,100%,.18),inset 0 0 32px rgba(0,0,0,.28)}to{transform:scale(1);box-shadow:0 0 0 8px hsla(0,0%,100%,.12),inset 0 0 24px rgba(0,0,0,.25)}}@keyframes b{0%{box-shadow:0 0 0 0 rgba(154,205,50,.9);transform:scale(1)}50%{box-shadow:0 0 0 5px rgba(154,205,50,.9);transform:scale(1.05)}to{box-shadow:0 0 0 0 rgba(154,205,50,.9);transform:scale(1)}}