.cloud-chart{width:100%;padding:1rem 0}.cloud-chart-container{gap:.5rem;height:200px;display:flex}.y-axis{flex-direction:column;justify-content:space-between;min-width:40px;padding:0 .5rem;display:flex}.y-axis-label{color:#ffffff80;font-size:.75rem}.chart-area{border-radius:8px;flex:1;position:relative;overflow:hidden}.chart-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:100% 25%,25% 100%;position:absolute;inset:0}.chart-bars{align-items:flex-end;gap:2px;height:100%;padding:0 4px;display:flex}.chart-bar-container{background:0 0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;transition:background .3s;display:flex;position:relative}.chart-bar-container.nighttime{background:#6366f11a}.cloud-bar{transform-origin:bottom;cursor:pointer;background:linear-gradient(#6366f1e6,#6366f166);border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:height .5s ease-out,opacity .3s;animation:.5s ease-out forwards growUp}.cloud-bar:hover{opacity:1;background:linear-gradient(#8b8ef1,#6366f199)}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.time-label{color:#ffffff80;white-space:nowrap;font-size:.625rem;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}@media (max-width:768px){.cloud-chart-container{height:150px}.chart-bars{gap:1px}.time-label{font-size:.5rem}}@media (max-width:480px){.cloud-chart-container{height:120px}.y-axis{min-width:30px;font-size:.625rem}}
/*# sourceMappingURL=3353acc742240d80.css.map*/