.container{border-color:#5b5f8a;border-style:solid;border-width:.1px;border-radius:4px;padding:16px;width:100%}.capacity-container{display:flex;gap:40px}.bar-back{margin-top:10px;height:20px;background:#111611;width:100%;border-radius:4px}.percent-display{display:flex;align-items:baseline;font-weight:700}.percent-int{font-size:2rem}.percent-decimal{font-size:1rem;margin-left:2px}.small-decimal{display:flex;align-items:baseline;font-weight:700}.small-decimal .number{font-size:1rem}.small-decimal .decimal{font-size:.7rem;margin-left:2px}.small-decimal .unit{font-size:1rem;margin-left:2px}.progress-container{width:100%;height:20px;background-color:#121118;border-radius:4px;overflow:hidden;position:relative}.progress-bar{height:100%;background:var(--bar-color, #4caf50);position:relative;overflow:hidden;border-radius:4px 0 0 4px;transition:width .5s ease}.shimmer{position:absolute;top:0;left:-50%;width:200px;height:100%;background:#ffffff0f;transform:skew(-20deg);animation:shimmer var(--shimmer-duration, 1.5s) linear infinite;animation-delay:var(--shimmer-delay, 0s);filter:blur(16px)}.shimmer2{position:absolute;top:0;left:-50%;width:100px;height:100%;background:#2dbb510a;transform:skew(-20deg);animation:shimmer var(--shimmer-duration2, 1.5s) linear infinite;animation-delay:var(--shimmer-delay2, 0s);filter:blur(10px)}@keyframes shimmer{0%{left:-50%}to{left:150%}}@keyframes shimmer2{0%{left:-50%}to{left:150%}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1f1d29;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}