chart-box-precipitation-dialog-view dialog.alert{max-width:min(95%,720px);width:100%}chart-box-precipitation-dialog-view .body .hidden{display:none}chart-box-precipitation-dialog-view .loading{padding:2em 1em;text-align:center;color:var(--color-secondary-font)}chart-box-precipitation-dialog-view .chart-wrap{width:100%;margin-top:.5em}chart-box-precipitation-dialog-view precipitation-dialog-chart{display:block;width:100%;height:13em;position:relative}chart-box-precipitation-dialog-view precipitation-dialog-chart canvas{width:100%!important;height:100%!important}chart-box-precipitation-dialog-view .buckets{display:flex;gap:1em;margin-top:1em}chart-box-precipitation-dialog-view .precip-bucket-card{flex:1 1 0;background:var(--dashboard-widget-bg-color);border:1px solid var(--dashboard-widget-border-color);border-radius:1em;padding:1em;display:flex;flex-direction:column;align-items:center;text-align:center}chart-box-precipitation-dialog-view .precip-bucket-card .bucket-svg{width:3em;margin:0 auto}chart-box-precipitation-dialog-view .precip-bucket-card .bucket-svg svg{display:block;width:100%;height:auto}chart-box-precipitation-dialog-view .precip-bucket-card .title{font-size:.75em;font-weight:700;color:var(--color-secondary-font);opacity:.7;text-transform:uppercase;letter-spacing:.075em;margin-top:.75em}chart-box-precipitation-dialog-view .precip-bucket-card .value{font-size:1.75em;font-weight:200;margin-top:.25em;line-height:1}chart-box-precipitation-dialog-view .precip-bucket-card .unit{font-size:.5em;color:var(--color-secondary-font);vertical-align:super;margin-left:.25em}@media (max-width:540px){chart-box-precipitation-dialog-view dialog.alert{max-width:100vw;width:100vw;max-height:100vh;height:100vh;margin:0;border-radius:0;border:none;box-sizing:border-box}chart-box-precipitation-dialog-view .buckets{flex-direction:column;align-items:center}chart-box-precipitation-dialog-view .precip-bucket-card{width:100%;max-width:20em}}