.topSection{display:flex;flex-direction:row;align-items:center;justify-content:center;min-width:500px}.creditsSection{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-left:1rem;margin-top:0;transform:none}.creditsSection .creditRemaining{font-size:56px;font-family:Space Grotesk,monospace;font-weight:400;color:#373737;margin-top:-1rem;margin-bottom:.3rem}.creditRemaining span{font-size:22px;font-weight:200;margin-right:.5rem}.addCreditsButton{background:#f8f8f8;border:1px solid #B2B2B2;box-shadow:0 2px 2.8px #00000026;border-radius:5px;padding:.2rem .5rem;width:100%;width:fit-content;font-size:16px}.addCreditsButton a{color:#373737;text-decoration:none}.usageSection{display:flex;flex-direction:column;gap:8px;width:40%}.usageHeader{display:flex;justify-content:space-between}.statusImage{width:163px}.usageHeader .usageHeading{font-weight:400;font-size:21px}.usageHistory{background:transparent;border:none;outline:none;cursor:pointer;font-size:16px;font-family:Space Grotesk,monospace;text-align:right;padding:0 .3rem}.usage{background:#f8f8f8;border-radius:10px;padding:8px 16px}.noUsage{color:#373737;font-size:16px;font-weight:400}.usageChartScroller{overflow-x:auto;margin-top:8px}.usageChart{display:flex;align-items:flex-end;gap:12px;min-height:180px;padding:12px 0;position:relative}.barCol{width:60px;display:flex;flex-direction:column;align-items:center}.bar{position:relative;width:60px;border-radius:0;background:#373737;box-shadow:none;display:flex;align-items:flex-start;justify-content:center;overflow:visible}.barValue{position:absolute;top:8px;left:50%;transform:translate(-50%);color:#fff;font-size:12px;font-weight:400;line-height:1}.barValue.outside{top:-16px;color:#373737}.usageChartScroller{scrollbar-width:thin;scrollbar-color:#B2B2B2 transparent}.usageChartScroller::-webkit-scrollbar{height:4px}.usageChartScroller::-webkit-scrollbar-track{background:transparent}.usageChartScroller::-webkit-scrollbar-thumb{background-color:#b2b2b2;border-radius:2px}.barLabel{margin-top:6px;color:#373737;font-size:12px;text-align:center;white-space:nowrap}.statusPrefix{font-size:18px;font-weight:400;color:#373737}.statusUntil{font-size:16px;font-weight:400;color:#373737;margin-top:6px}.creditsSection .statusText{transform:none;transform-origin:left center}.creditsSection.unlimited .statusText{transform:rotate(12.04deg);margin-left:-3rem;margin-top:2rem}.creditsSection.unlimited .statusText .creditRemaining{margin-top:-.2rem;font-size:45px;font-weight:500}.creditsSection.unlimited .statusText .statusUntil{margin-top:-.5rem}@media (max-width: 800px){.topSection{flex-direction:column;align-items:center;min-width:0;width:100%}.topSection img{display:none}.creditsSection{align-items:flex-start;text-align:left;margin-left:0;margin-top:1rem;transform:none}.addCreditsButton{align-self:center;margin-top:6px}.usageSection{width:100%;padding:0 12px;box-sizing:border-box}}@media (max-width: 400px){.creditsSection .creditRemaining{font-size:42px}.usageHeader .usageHeading{font-size:19px}}