import { css } from "lit";
const chartCommonStyle = css`
          * {
            -webkit-tap-highlight-color: transparent;
          }

:host {
  display: inline-flex;
  line-height: 0;
}

/* Fixed aspect ratio scaling mode: fill parent width, height from aspect ratio */

:host([fixedaspectratioscaling]) {
  display: flex;
  width: 100%;
}

.wrapper {
  width: auto; /* since we can have an optional legend */
  height: var(--chart-height, auto);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  line-height: 0;
  min-width: 48px;
}

/* Fixed aspect ratio scaling mode: wrapper fills parent */

:host([fixedaspectratioscaling]) .wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}

canvas {
  width: var(--chart-width, 100%);
  height: var(--chart-height, auto);
  min-width: 48px;
  margin: 0 auto;
  display: block;
}

/* Fixed aspect ratio scaling mode: canvas fills wrapper */

:host([fixedaspectratioscaling]) canvas {
  width: 100%;
  height: var(--chart-height, auto);
}
`;
export {
  chartCommonStyle as default
};
//# sourceMappingURL=chart-common.css.js.map
