.ui-graph{width:100%;max-width:50rem;overflow:hidden;border:1px solid var(--color-brand-white);border-radius:var(--radius-panel);background:var(--color-background);box-shadow:0 -1px 5px rgb(from var(--color-brand-marengo) r g b/5%),0 5px 10px rgb(from var(--color-brand-marengo) r g b/15%)}.ui-graph__title{width:100%}.ui-graph__body{position:relative;padding:var(--space-20)}.ui-graph--titled .ui-graph__body{padding:var(--space-15) var(--space-15) var(--space-20)}.ui-graph__canvas{position:relative;width:100%;height:var(--ui-graph-chart-height, 260px);min-height:12rem}.ui-graph__canvas canvas{display:block;width:100%;height:100%}.ui-graph__empty{display:flex;width:100%;min-height:12rem;height:var(--ui-graph-chart-height, 260px);align-items:center;justify-content:center;font-family:var(--font-main);font-size:var(--font-size-m);line-height:var(--line-height-normal);color:var(--color-foreground-60)}.ui-graph__data{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;border:0;padding:0;clip-path:inset(50%);white-space:nowrap}