.usage-metric-card-outer{background:radial-gradient(12rem at 0 0,#fff 0%,#777 28%,#242626 62%,#0c0d0d 100%);border-radius:.75rem;width:100%;height:10rem;padding:1px;position:relative;overflow:hidden}.usage-metric-card{z-index:1;color:#fff;isolation:isolate;background:radial-gradient(15rem at 0 0,#444 0%,#202121 42%,#0c0d0d 100%);border:1px solid #202222;border-radius:calc(.75rem - 1px);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.usage-metric-card__ray{z-index:0;opacity:.35;filter:blur(.625rem);transform-origin:10%;background:#c7c7c7;border-radius:999px;width:75%;height:2.25rem;position:absolute;top:-.25rem;left:-.25rem;transform:rotate(35deg);box-shadow:0 0 3rem #ffffffe6}.usage-metric-card__value{z-index:2;color:#0000;font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(45deg,#050505 2%,#fff 48%,#777 68%,#050505 100%);-webkit-background-clip:text;background-clip:text;max-width:82%;font-size:clamp(1.65rem,3vw,2.5rem);font-weight:700;line-height:1.1;position:relative;overflow:hidden}.usage-metric-card__value>span{color:inherit}.usage-metric-card__label{z-index:2;color:#ffffffb8;margin-top:.35rem;font-size:.75rem;font-weight:500;position:relative}.usage-metric-card__line{z-index:1;pointer-events:none;background:#2c2c2c;position:absolute}.usage-metric-card__line--top,.usage-metric-card__line--bottom{width:100%;height:1px;left:0}.usage-metric-card__line--top{background:linear-gradient(90deg,#888 30%,#1d1f1f 70%);top:10%}.usage-metric-card__line--bottom{bottom:10%}.usage-metric-card__line--left,.usage-metric-card__line--right{width:1px;height:100%;top:0}.usage-metric-card__line--left{background:linear-gradient(#747474 30%,#222424 70%);left:10%}.usage-metric-card__line--right{right:10%}@media (width<=639px){.usage-metric-card-outer{height:8.75rem}}
