:host {
  /**
    * @prop --deckgo-chart-position: The position of the chart host
    * @default relative
    */
  position: var(--deckgo-chart-position, relative);

  /**
    * @prop --deckgo-chart-display: The display property of the chart host
    * @default block
    */
  display: var(--deckgo-chart-display, block);

  /**
    * @prop --deckgo-chart-margin: The margin of the chart host
    * @default 0
    */
  margin: var(--deckgo-chart-margin, 0);
}

text {
  /**
    * @prop --deckgo-chart-text-color: The color of the labels
    * @default black
    */
  fill: var(--deckgo-chart-text-color, black);
  /**
    * @prop --deckgo-chart-text-display: The display property of the labels
    */
  display: var(--deckgo-chart-text-display);
  /**
    * @prop --deckgo-chart-text-font-size: The font size of the labels of the chart
    */
  font-size: var(--deckgo-chart-text-font-size);
  /**
    * @prop --deckgo-chart-text-font-family: The font family of the labels of the chart
    * @default initial
    */
  font-family: var(--deckgo-chart-text-font-family, initial);
}

path {
  /**
    * @prop --deckgo-chart-path-stroke: The color of the path
    */
  stroke: var(--deckgo-chart-path-stroke);
}

svg {
  /**
    * @prop --deckgo-chart-svg-overflow: The overflow property of the svg generated by the chart
    */
  overflow: var(--deckgo-chart-svg-overflow);

  /**
    * @prop --deckgo-chart-svg-position: The position of the svg generated by the chart
    * @default absolute
    */
  position: var(--deckgo-chart-svg-position, absolute);
  /**
    * @prop --deckgo-chart-svg-top: The top position of the svg generated by the chart
    * @default 50%
    */
  top: var(--deckgo-chart-svg-top, 50%);
  /**
    * @prop --deckgo-chart-svg-left: The left position of the svg generated by the chart
    * @default 50%
    */
  left: var(--deckgo-chart-svg-left, 50%);
  /**
    * @prop --deckgo-chart-svg-translate: The translate property of the svg generated by the chart
    * @default translate(-50%, -50%)
    */
  transform: var(--deckgo-chart-svg-translate, translate(-50%, -50%));
}
