.metric{overflow:hidden}.metric{padding:15px;width:100%;height:100%;min-height:300px;display:flex;flex-direction:column}.metric .block-subtitle{font-size:0.9rem!important}.metric .block-horizontal-content{flex:1;min-height:200px;position:relative}.metric canvas{width:100%!important;height:100%!important}.metric.big{max-height:1000px}.metric.medium{max-height:500px}.metric.small{max-height:250px}.metric.htmx-request{opacity:0.9;overflow:hidden!important}.metric .metric-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.metric .metric-header .metric-name{font-size:0.9rem}.metric .metric-header .metric-name-container{padding:3px;border-radius:var(--primary-border-radius)}.metric .metric-header form{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px}.metric.isEditing .metric-header .metric-name-container:hover{background-color:var(--tertiary_background);cursor:pointer}.metric .metric-author{font-size:0.7rem;opacity:0.8;margin-left:10px;color:var(--secondary-text);margin-top:3px}.metric .metric-last-computed{font-size:0.6rem;opacity:0.5;color:var(--secondary-text);margin-top:3px;font-style:italic;position:absolute;right:20px;bottom:20px;font-weight:300}.metric .metric-header-controls{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:5px}.metric .metric-header-controls .metric-control{cursor:pointer;font-size:1.0rem;color:var(--secondary-text);padding:5px;border-radius:var(--primary-border-radius)}.metric .metric-header-controls .metric-control:hover{background-color:var(--tertiary_background)}.metric .metric-settings{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%;flex-wrap:wrap;border-bottom:1px solid var(--primary-border);margin:15px 0px;margin-top:10px;font-size:0.8rem;padding-bottom:10px}.metric.isEditing .metric-settings{flex-direction:column;align-items:flex-start}.metric .metric-setting{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.metric .metric-settings .metric-settings-title{font-weight:bold}.metric.isEditing .metric-setting .metric-setting-label{display:flex;width:150px}.metric .metric-setting .metric-setting-label{color:var(--secondary-text);display:none}.metric .metric-table-container{width:100%}.metric.metric-table-container{min-height:0px}.metric.metric-table-container .block-horizontal-content{min-height:150px;height:auto}.metric.metric-table-container .block-table{border-width:1.5px}.metric .metric-data-empty-warning{margin-top:30px;background-color:var(--darker-transparent-color4);padding:10px;border-radius:var(--primary-border-radius);border:1px solid var(--color4);opacity:0.8}.metric .metric-error-warning{margin-top:30px;background-color:var(--darker-transparent-color3);padding:10px;border-radius:var(--primary-border-radius);border:1px solid var(--color3);opacity:0.8}.metric .metric-content{position:relative;margin-top:20px}.metric .metric-aggregate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;flex:1}.metric .metric-aggregate-value{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:0.5rem}.metric .metric-aggregate-label{font-size:1rem;font-weight:500;color:var(--secondary-text);margin-bottom:0.25rem}.metric .metric-aggregate-timerange{font-size:0.875rem;color:var(--secondary-text);opacity:0.8}