smart-webcomponents/source/styles/components/smart.chart.css

Web Components & Custom Elements for Professional Web Applications

.smart-chart-tooltip .smart-chart-tooltip-text,smart-chart .smart-chart-annotation-text,smart-chart .smart-chart-axis-description,smart-chart .smart-chart-axis-text,smart-chart .smart-chart-label-text,smart-chart .smart-chart-legend-text,smart-chart .smart-chart-title-description,smart-chart .smart-chart-title-text{fill:var(--smart-background-color);color:var(--smart-background-color);font-family:var(--smart-font-family)}smart-chart{display:block;width:var(--smart-chart-default-width);height:var(--smart-chart-default-height)}smart-chart .smart-chart-annotation-text,smart-chart .smart-chart-axis-description,smart-chart .smart-chart-axis-text,smart-chart .smart-chart-label-text,smart-chart .smart-chart-legend-text{box-sizing:content-box;font-size:calc(var(--smart-font-size) - 1px)}smart-chart .smart-chart-title-text{font-weight:700;font-size:calc(var(--smart-font-size) + 2px)}smart-chart .smart-chart-title-description{font-size:var(--smart-font-size)}smart-chart[theme=dark] .smart-chart-annotation-text,smart-chart[theme=dark] .smart-chart-axis-description .smart-chart-label-text,smart-chart[theme=dark] .smart-chart-axis-text,smart-chart[theme=dark] .smart-chart-legend-text,smart-chart[theme=dark] .smart-chart-title-description,smart-chart[theme=dark] .smart-chart-title-text{fill:var(--smart-background-color);color:var(--smart-background-color)}.smart-chart-range-selector>smart-chart{width:100%;height:100%;touch-action:none}.smart-chart-range-selector .slider{box-sizing:content-box;pointer-events:none}.smart-chart-tooltip{position:absolute;cursor:default;z-index:10000000;transition:.3s ease-in,transform .3s ease-in;opacity:1;transform:scale(1)}.smart-chart-tooltip .smart-chart-tooltip-content{position:absolute;box-sizing:content-box;outline:0;border:1px solid transparent;padding:3px;text-align:center;vertical-align:middle;margin:0;cursor:default;left:0;top:0;border-radius:var(--smart-border-radius)}.smart-chart-tooltip .smart-chart-tooltip-text{box-sizing:content-box;font-size:calc(var(--smart-font-size) - 1px)}.smart-chart-tooltip .smart-chart-tooltip-arrow-outer{box-sizing:content-box;width:0;height:0;position:absolute;z-index:10000001}.smart-chart-tooltip .smart-chart-tooltip-arrow-inner{box-sizing:content-box;width:0;height:0;position:absolute;z-index:10000002}.smart-chart-tooltip[animation=none]{transition:none}.smart-chart-tooltip.smart-visibility-hidden{transform:scale(0)}[theme=dark] .smart-chart-tooltip:not([theme=dark]) .smart-chart-tooltip-text{fill:var(--smart-background);color:var(--smart-background)}.smart-chart-tooltip[right-to-left] .smart-chart-tooltip-text,smart-chart[right-to-left] .smart-chart-annotation-text,smart-chart[right-to-left] .smart-chart-axis-description,smart-chart[right-to-left] .smart-chart-axis-text,smart-chart[right-to-left] .smart-chart-label-text,smart-chart[right-to-left] .smart-chart-legend-text,smart-chart[right-to-left] .smart-chart-title-text{direction:rtl;text-anchor:end}