npm - chartist - Versions diffs - 2.0.0-rc.1 → 2.0.0-rc.2 - Mend

chartist 2.0.0-rc.1 → 2.0.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/dist/index.css CHANGED Viewed

@@ -322,6 +322,160 @@ foreignObject > .ct-label {
   fill: var(--ct-color);
 }
+.ct-series-p {
+  --ct-color: var(--ct-series-p, var(--ct-series-a, #d70206));
+}
+.ct-series-p .ct-point,
+.ct-series-p .ct-line,
+.ct-series-p .ct-bar,
+.ct-series-p .ct-slice-donut {
+  stroke: var(--ct-color);
+}
+.ct-series-p .ct-slice-pie,
+.ct-series-p .ct-area {
+  fill: var(--ct-color);
+}
+.ct-series-q {
+  --ct-color: var(--ct-series-q, var(--ct-series-b, #f05b4f));
+}
+.ct-series-q .ct-point,
+.ct-series-q .ct-line,
+.ct-series-q .ct-bar,
+.ct-series-q .ct-slice-donut {
+  stroke: var(--ct-color);
+}
+.ct-series-q .ct-slice-pie,
+.ct-series-q .ct-area {
+  fill: var(--ct-color);
+}
+.ct-series-r {
+  --ct-color: var(--ct-series-r, var(--ct-series-c, #f4c63d));
+}
+.ct-series-r .ct-point,
+.ct-series-r .ct-line,
+.ct-series-r .ct-bar,
+.ct-series-r .ct-slice-donut {
+  stroke: var(--ct-color);
+}
+.ct-series-r .ct-slice-pie,
+.ct-series-r .ct-area {
+  fill: var(--ct-color);
+}
+.ct-series-s {
+  --ct-color: var(--ct-series-s, var(--ct-series-d, #d17905));
+}
+.ct-series-s .ct-point,
+.ct-series-s .ct-line,
+.ct-series-s .ct-bar,
+.ct-series-s .ct-slice-donut {
+  stroke: var(--ct-color);
+}
+.ct-series-s .ct-slice-pie,
+.ct-series-s .ct-area {
+  fill: var(--ct-color);
+}
+.ct-series-t {
+  --ct-color: var(--ct-series-t, var(--ct-series-e, #453d3f));
+}
+.ct-series-t .ct-point,
+.ct-series-t .ct-line,
+.ct-series-t .ct-bar,
+.ct-series-t .ct-slice-donut {
+  stroke: var(--ct-color);
+}
+.ct-series-t .ct-slice-pie,
+.ct-series-t .ct-area {
+  fill: var(--ct-color);
+}
+.ct-series-u {
+  --ct-color: var(--ct-series-u, var(--ct-series-f, #59922b));
+}
+.ct-series-u .ct-point,
+.ct-series-u .ct-line,
+.ct-series-u .ct-bar,
+.ct-series-u .ct-slice-donut {
+  stroke: var(--ct-color);
+}
+.ct-series-u .ct-slice-pie,
+.ct-series-u .ct-area {
+  fill: var(--ct-color);
+}
+.ct-series-v {
+  --ct-color: var(--ct-series-v, var(--ct-series-g, #0544d3));
+}
+.ct-series-v .ct-point,
+.ct-series-v .ct-line,
+.ct-series-v .ct-bar,
+.ct-series-v .ct-slice-donut {
+  stroke: var(--ct-color);
+}
+.ct-series-v .ct-slice-pie,
+.ct-series-v .ct-area {
+  fill: var(--ct-color);
+}
+.ct-series-w {
+  --ct-color: var(--ct-series-w, var(--ct-series-h, #6b0392));
+}
+.ct-series-w .ct-point,
+.ct-series-w .ct-line,
+.ct-series-w .ct-bar,
+.ct-series-w .ct-slice-donut {
+  stroke: var(--ct-color);
+}
+.ct-series-w .ct-slice-pie,
+.ct-series-w .ct-area {
+  fill: var(--ct-color);
+}
+.ct-series-x {
+  --ct-color: var(--ct-series-x, var(--ct-series-i, #e6805e));
+}
+.ct-series-x .ct-point,
+.ct-series-x .ct-line,
+.ct-series-x .ct-bar,
+.ct-series-x .ct-slice-donut {
+  stroke: var(--ct-color);
+}
+.ct-series-x .ct-slice-pie,
+.ct-series-x .ct-area {
+  fill: var(--ct-color);
+}
+.ct-series-y {
+  --ct-color: var(--ct-series-y, var(--ct-series-j, #dda458));
+}
+.ct-series-y .ct-point,
+.ct-series-y .ct-line,
+.ct-series-y .ct-bar,
+.ct-series-y .ct-slice-donut {
+  stroke: var(--ct-color);
+}
+.ct-series-y .ct-slice-pie,
+.ct-series-y .ct-area {
+  fill: var(--ct-color);
+}
+.ct-series-z {
+  --ct-color: var(--ct-series-z, var(--ct-series-k, #eacf7d));
+}
+.ct-series-z .ct-point,
+.ct-series-z .ct-line,
+.ct-series-z .ct-bar,
+.ct-series-z .ct-slice-donut {
+  stroke: var(--ct-color);
+}
+.ct-series-z .ct-slice-pie,
+.ct-series-z .ct-area {
+  fill: var(--ct-color);
+}
 .ct-square {
   display: block;
   position: relative;

package/dist/index.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["scss/index.scss","scss/_settings.scss","index.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["@import 'settings';\n\n// The value of an optional setting (false: not set) as a CSS value.\n@function ct-or-none($value) {\n @if $value {\n @return $value;\n }\n @return none;\n}\n\n@mixin ct-responsive-svg-container($width: 100%, $ratio: $ct-container-ratio) {\n display: block;\n position: relative;\n width: $width;\n\n &:before {\n display: block;\n float: left;\n content: '';\n width: 0;\n height: 0;\n padding-bottom: $ratio * 100%;\n }\n\n &:after {\n content: '';\n display: table;\n clear: both;\n }\n\n > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n }\n}\n\n@mixin ct-align-justify(\n $ct-text-align: $ct-text-align,\n $ct-text-justify: $ct-text-justify\n) {\n align-items: $ct-text-align;\n justify-content: $ct-text-justify;\n // Fallback to text-align for non-flex browsers\n @if ($ct-text-justify == 'flex-start') {\n text-align: left;\n } @else if ($ct-text-justify == 'flex-end') {\n text-align: right;\n } @else {\n text-align: center;\n }\n}\n\n@mixin ct-chart-label(\n $ct-text-color: $ct-text-color,\n $ct-text-size: $ct-text-size,\n $ct-text-line-height: $ct-text-line-height\n) {\n fill: var(--ct-label-color, #{$ct-text-color});\n color: var(--ct-label-color, #{$ct-text-color});\n font-size: var(--ct-label-size, #{$ct-text-size});\n line-height: $ct-text-line-height;\n}\n\n@mixin ct-chart-grid(\n $ct-grid-color: $ct-grid-color,\n $ct-grid-width: $ct-grid-width,\n $ct-grid-dasharray: $ct-grid-dasharray\n) {\n stroke: var(--ct-grid-color, #{$ct-grid-color});\n stroke-width: var(--ct-grid-width, #{$ct-grid-width});\n // Always emitted, so the property works; `none` is the initial value.\n stroke-dasharray: var(--ct-grid-dasharray, #{ct-or-none($ct-grid-dasharray)});\n}\n\n@mixin ct-chart-point(\n $ct-point-size: $ct-point-size,\n $ct-point-shape: $ct-point-shape\n) {\n stroke-width: var(--ct-point-size, #{$ct-point-size});\n stroke-linecap: var(--ct-point-shape, #{$ct-point-shape});\n}\n\n@mixin ct-chart-line(\n $ct-line-width: $ct-line-width,\n $ct-line-dasharray: $ct-line-dasharray\n) {\n fill: none;\n stroke-width: var(--ct-line-width, #{$ct-line-width});\n stroke-dasharray: var(--ct-line-dasharray, #{ct-or-none($ct-line-dasharray)});\n}\n\n@mixin ct-chart-area($ct-area-opacity: $ct-area-opacity) {\n stroke: none;\n fill-opacity: var(--ct-area-opacity, #{$ct-area-opacity});\n}\n\n@mixin ct-chart-bar($ct-bar-width: $ct-bar-width) {\n fill: none;\n stroke-width: var(--ct-bar-width, #{$ct-bar-width});\n}\n\n@mixin ct-chart-donut($ct-donut-width: $ct-donut-width) {\n fill: none;\n stroke-width: var(--ct-donut-width, #{$ct-donut-width});\n}\n\n// Sets the series color as `--ct-color`, which the series' elements use.\n@mixin ct-chart-series-color($color) {\n --ct-color: #{$color};\n\n .#{$ct-class-point},\n .#{$ct-class-line},\n .#{$ct-class-bar},\n .#{$ct-class-slice-donut} {\n stroke: var(--ct-color);\n }\n\n .#{$ct-class-slice-pie},\n .#{$ct-class-area} {\n fill: var(--ct-color);\n }\n}\n\n@mixin ct-chart(\n $ct-container-ratio: $ct-container-ratio,\n $ct-text-color: $ct-text-color,\n $ct-text-size: $ct-text-size,\n $ct-grid-color: $ct-grid-color,\n $ct-grid-width: $ct-grid-width,\n $ct-grid-dasharray: $ct-grid-dasharray,\n $ct-point-size: $ct-point-size,\n $ct-point-shape: $ct-point-shape,\n $ct-line-width: $ct-line-width,\n $ct-bar-width: $ct-bar-width,\n $ct-donut-width: $ct-donut-width,\n $ct-series-names: $ct-series-names,\n $ct-series-colors: $ct-series-colors\n) {\n .#{$ct-class-label} {\n @include ct-chart-label($ct-text-color, $ct-text-size);\n }\n\n .#{$ct-class-chart-line} .#{$ct-class-label},\n .#{$ct-class-chart-bar} .#{$ct-class-label},\n // HTML labels of composed charts, whose svg has no chart-type class.\n foreignObject > .#{$ct-class-label} {\n display: flex;\n }\n\n .#{$ct-class-chart-pie} .#{$ct-class-label},\n .#{$ct-class-chart-donut} .#{$ct-class-label} {\n dominant-baseline: central;\n }\n\n .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {\n @include ct-align-justify(flex-end, flex-start);\n }\n\n .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {\n @include ct-align-justify(flex-start, flex-start);\n }\n\n .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} {\n @include ct-align-justify(flex-end, flex-end);\n }\n\n .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} {\n @include ct-align-justify(flex-end, flex-start);\n }\n\n .#{$ct-class-chart-bar}\n .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {\n @include ct-align-justify(flex-end, center);\n }\n\n .#{$ct-class-chart-bar}\n .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {\n @include ct-align-justify(flex-start, center);\n }\n\n .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars}\n .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {\n @include ct-align-justify(flex-end, flex-start);\n }\n\n .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars}\n .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {\n @include ct-align-justify(flex-start, flex-start);\n }\n\n .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars}\n .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} {\n @include ct-align-justify(center, flex-end);\n }\n\n .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars}\n .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} {\n @include ct-align-justify(center, flex-start);\n }\n\n .#{$ct-class-grid} {\n @include ct-chart-grid($ct-grid-color, $ct-grid-width, $ct-grid-dasharray);\n }\n\n .#{$ct-class-grid-background} {\n fill: var(--ct-grid-background-fill, #{$ct-grid-background-fill});\n }\n\n .#{$ct-class-point} {\n @include ct-chart-point($ct-point-size, $ct-point-shape);\n }\n\n .#{$ct-class-line} {\n @include ct-chart-line($ct-line-width);\n }\n\n .#{$ct-class-area} {\n @include ct-chart-area();\n }\n\n .#{$ct-class-bar} {\n @include ct-chart-bar($ct-bar-width);\n }\n\n .#{$ct-class-slice-donut} {\n @include ct-chart-donut($ct-donut-width);\n }\n\n @if $ct-include-colored-series {\n @for $i from 0 to length($ct-series-names) {\n $name: nth($ct-series-names, $i + 1);\n\n .#{$ct-class-series}-#{$name} {\n $color: nth($ct-series-colors, $i + 1);\n\n @include ct-chart-series-color(var(--ct-series-#{$name}, #{$color}));\n }\n }\n }\n}\n\n@if $ct-include-classes {\n @include ct-chart();\n\n @if $ct-include-alternative-responsive-containers {\n @for $i from 0 to length($ct-scales-names) {\n .#{nth($ct-scales-names, $i + 1)} {\n @include ct-responsive-svg-container($ratio: nth($ct-scales, $i + 1));\n }\n }\n }\n}\n","@use 'sass:math';\n\n// Scales for responsive SVG containers\n$ct-scales: (\n (1),\n math.div(15, 16),\n math.div(8, 9),\n math.div(5, 6),\n math.div(4, 5),\n math.div(3, 4),\n math.div(2, 3),\n math.div(5, 8),\n math.div(1, 1.618),\n math.div(3, 5),\n math.div(9, 16),\n math.div(8, 15),\n math.div(1, 2),\n math.div(2, 5),\n math.div(3, 8),\n math.div(1, 3),\n math.div(1, 4)\n) !default;\n$ct-scales-names: (\n ct-square,\n ct-minor-second,\n ct-major-second,\n ct-minor-third,\n ct-major-third,\n ct-perfect-fourth,\n ct-perfect-fifth,\n ct-minor-sixth,\n ct-golden-section,\n ct-major-sixth,\n ct-minor-seventh,\n ct-major-seventh,\n ct-octave,\n ct-major-tenth,\n ct-major-eleventh,\n ct-major-twelfth,\n ct-double-octave\n) !default;\n\n// Class names to be used when generating CSS\n$ct-class-chart: ct-chart !default;\n$ct-class-chart-line: ct-chart-line !default;\n$ct-class-chart-bar: ct-chart-bar !default;\n$ct-class-horizontal-bars: ct-horizontal-bars !default;\n$ct-class-chart-pie: ct-chart-pie !default;\n$ct-class-chart-donut: ct-chart-donut !default;\n$ct-class-label: ct-label !default;\n$ct-class-series: ct-series !default;\n$ct-class-line: ct-line !default;\n$ct-class-point: ct-point !default;\n$ct-class-area: ct-area !default;\n$ct-class-bar: ct-bar !default;\n$ct-class-slice-pie: ct-slice-pie !default;\n$ct-class-slice-donut: ct-slice-donut !default;\n$ct-class-grid: ct-grid !default;\n$ct-class-grid-background: ct-grid-background !default;\n$ct-class-vertical: ct-vertical !default;\n$ct-class-horizontal: ct-horizontal !default;\n$ct-class-start: ct-start !default;\n$ct-class-end: ct-end !default;\n\n// Container ratio\n$ct-container-ratio: math.div(1, 1.618) !default;\n\n// Text styles for labels\n$ct-text-color: rgba(0, 0, 0, 0.4) !default;\n$ct-text-size: 0.75rem !default;\n$ct-text-align: flex-start !default;\n$ct-text-justify: flex-start !default;\n$ct-text-line-height: 1 !default;\n\n// Grid styles\n$ct-grid-color: rgba(0, 0, 0, 0.2) !default;\n$ct-grid-dasharray: 2px !default;\n$ct-grid-width: 1px !default;\n$ct-grid-background-fill: none !default;\n\n// Line chart properties\n$ct-line-width: 4px !default;\n$ct-line-dasharray: false !default;\n$ct-point-size: 10px !default;\n// Line chart point, can be either round or square\n$ct-point-shape: round !default;\n// Area fill transparency between 0 and 1\n$ct-area-opacity: 0.1 !default;\n\n// Bar chart bar width\n$ct-bar-width: 10px !default;\n\n// Donut width (If donut width is to big it can cause issues where the shape gets distorted)\n$ct-donut-width: 60px !default;\n\n// If set to true it will include the default classes and generate CSS output. If you're planning to use the mixins you\n// should set this property to false\n$ct-include-classes: true !default;\n\n// If this is set to true the CSS will contain colored series. You can extend or change the color with the\n// properties below\n$ct-include-colored-series: $ct-include-classes !default;\n\n// If set to true this will include all responsive container variations using the scales defined at the top of the script\n$ct-include-alternative-responsive-containers: $ct-include-classes !default;\n\n// Series names and colors. This can be extended or customized as desired. Just add more series and colors.\n$ct-series-names: (a, b, c, d, e, f, g, h, i, j, k, l, m, n, o) !default;\n$ct-series-colors: (\n #d70206,\n #f05b4f,\n #f4c63d,\n #d17905,\n #453d3f,\n #59922b,\n #0544d3,\n #6b0392,\n #e6805e,\n #dda458,\n #eacf7d,\n #86797d,\n #b2c326,\n #6188e2,\n #a748ca\n) !default;\n",".ct-label {\n fill: var(--ct-label-color, rgba(0, 0, 0, 0.4));\n color: var(--ct-label-color, rgba(0, 0, 0, 0.4));\n font-size: var(--ct-label-size, 0.75rem);\n line-height: 1;\n}\n\n.ct-chart-line .ct-label,\n.ct-chart-bar .ct-label,\nforeignObject > .ct-label {\n display: flex;\n}\n\n.ct-chart-pie .ct-label,\n.ct-chart-donut .ct-label {\n dominant-baseline: central;\n}\n\n.ct-label.ct-horizontal.ct-start {\n align-items: flex-end;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-label.ct-horizontal.ct-end {\n align-items: flex-start;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-label.ct-vertical.ct-start {\n align-items: flex-end;\n justify-content: flex-end;\n text-align: right;\n}\n\n.ct-label.ct-vertical.ct-end {\n align-items: flex-end;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-chart-bar .ct-label.ct-horizontal.ct-start {\n align-items: flex-end;\n justify-content: center;\n text-align: center;\n}\n\n.ct-chart-bar .ct-label.ct-horizontal.ct-end {\n align-items: flex-start;\n justify-content: center;\n text-align: center;\n}\n\n.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {\n align-items: flex-end;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {\n align-items: flex-start;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {\n align-items: center;\n justify-content: flex-end;\n text-align: right;\n}\n\n.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {\n align-items: center;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-grid {\n stroke: var(--ct-grid-color, rgba(0, 0, 0, 0.2));\n stroke-width: var(--ct-grid-width, 1px);\n stroke-dasharray: var(--ct-grid-dasharray, 2px);\n}\n\n.ct-grid-background {\n fill: var(--ct-grid-background-fill, none);\n}\n\n.ct-point {\n stroke-width: var(--ct-point-size, 10px);\n stroke-linecap: var(--ct-point-shape, round);\n}\n\n.ct-line {\n fill: none;\n stroke-width: var(--ct-line-width, 4px);\n stroke-dasharray: var(--ct-line-dasharray, none);\n}\n\n.ct-area {\n stroke: none;\n fill-opacity: var(--ct-area-opacity, 0.1);\n}\n\n.ct-bar {\n fill: none;\n stroke-width: var(--ct-bar-width, 10px);\n}\n\n.ct-slice-donut {\n fill: none;\n stroke-width: var(--ct-donut-width, 60px);\n}\n\n.ct-series-a {\n --ct-color: var(--ct-series-a, #d70206);\n}\n.ct-series-a .ct-point,\n.ct-series-a .ct-line,\n.ct-series-a .ct-bar,\n.ct-series-a .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-a .ct-slice-pie,\n.ct-series-a .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-b {\n --ct-color: var(--ct-series-b, #f05b4f);\n}\n.ct-series-b .ct-point,\n.ct-series-b .ct-line,\n.ct-series-b .ct-bar,\n.ct-series-b .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-b .ct-slice-pie,\n.ct-series-b .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-c {\n --ct-color: var(--ct-series-c, #f4c63d);\n}\n.ct-series-c .ct-point,\n.ct-series-c .ct-line,\n.ct-series-c .ct-bar,\n.ct-series-c .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-c .ct-slice-pie,\n.ct-series-c .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-d {\n --ct-color: var(--ct-series-d, #d17905);\n}\n.ct-series-d .ct-point,\n.ct-series-d .ct-line,\n.ct-series-d .ct-bar,\n.ct-series-d .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-d .ct-slice-pie,\n.ct-series-d .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-e {\n --ct-color: var(--ct-series-e, #453d3f);\n}\n.ct-series-e .ct-point,\n.ct-series-e .ct-line,\n.ct-series-e .ct-bar,\n.ct-series-e .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-e .ct-slice-pie,\n.ct-series-e .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-f {\n --ct-color: var(--ct-series-f, #59922b);\n}\n.ct-series-f .ct-point,\n.ct-series-f .ct-line,\n.ct-series-f .ct-bar,\n.ct-series-f .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-f .ct-slice-pie,\n.ct-series-f .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-g {\n --ct-color: var(--ct-series-g, #0544d3);\n}\n.ct-series-g .ct-point,\n.ct-series-g .ct-line,\n.ct-series-g .ct-bar,\n.ct-series-g .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-g .ct-slice-pie,\n.ct-series-g .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-h {\n --ct-color: var(--ct-series-h, #6b0392);\n}\n.ct-series-h .ct-point,\n.ct-series-h .ct-line,\n.ct-series-h .ct-bar,\n.ct-series-h .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-h .ct-slice-pie,\n.ct-series-h .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-i {\n --ct-color: var(--ct-series-i, #e6805e);\n}\n.ct-series-i .ct-point,\n.ct-series-i .ct-line,\n.ct-series-i .ct-bar,\n.ct-series-i .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-i .ct-slice-pie,\n.ct-series-i .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-j {\n --ct-color: var(--ct-series-j, #dda458);\n}\n.ct-series-j .ct-point,\n.ct-series-j .ct-line,\n.ct-series-j .ct-bar,\n.ct-series-j .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-j .ct-slice-pie,\n.ct-series-j .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-k {\n --ct-color: var(--ct-series-k, #eacf7d);\n}\n.ct-series-k .ct-point,\n.ct-series-k .ct-line,\n.ct-series-k .ct-bar,\n.ct-series-k .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-k .ct-slice-pie,\n.ct-series-k .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-l {\n --ct-color: var(--ct-series-l, #86797d);\n}\n.ct-series-l .ct-point,\n.ct-series-l .ct-line,\n.ct-series-l .ct-bar,\n.ct-series-l .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-l .ct-slice-pie,\n.ct-series-l .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-m {\n --ct-color: var(--ct-series-m, #b2c326);\n}\n.ct-series-m .ct-point,\n.ct-series-m .ct-line,\n.ct-series-m .ct-bar,\n.ct-series-m .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-m .ct-slice-pie,\n.ct-series-m .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-n {\n --ct-color: var(--ct-series-n, #6188e2);\n}\n.ct-series-n .ct-point,\n.ct-series-n .ct-line,\n.ct-series-n .ct-bar,\n.ct-series-n .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-n .ct-slice-pie,\n.ct-series-n .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-o {\n --ct-color: var(--ct-series-o, #a748ca);\n}\n.ct-series-o .ct-point,\n.ct-series-o .ct-line,\n.ct-series-o .ct-bar,\n.ct-series-o .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-o .ct-slice-pie,\n.ct-series-o .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-square {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-square:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 100%;\n}\n.ct-square:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-square > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-minor-second {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-minor-second:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 93.75%;\n}\n.ct-minor-second:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-minor-second > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-second {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-second:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 88.8888888889%;\n}\n.ct-major-second:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-second > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-minor-third {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-minor-third:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 83.3333333333%;\n}\n.ct-minor-third:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-minor-third > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-third {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-third:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 80%;\n}\n.ct-major-third:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-third > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-perfect-fourth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-perfect-fourth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 75%;\n}\n.ct-perfect-fourth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-perfect-fourth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-perfect-fifth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-perfect-fifth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 66.6666666667%;\n}\n.ct-perfect-fifth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-perfect-fifth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-minor-sixth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-minor-sixth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 62.5%;\n}\n.ct-minor-sixth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-minor-sixth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-golden-section {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-golden-section:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 61.804697157%;\n}\n.ct-golden-section:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-golden-section > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-sixth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-sixth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 60%;\n}\n.ct-major-sixth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-sixth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-minor-seventh {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-minor-seventh:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 56.25%;\n}\n.ct-minor-seventh:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-minor-seventh > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-seventh {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-seventh:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 53.3333333333%;\n}\n.ct-major-seventh:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-seventh > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-octave {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-octave:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 50%;\n}\n.ct-octave:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-octave > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-tenth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-tenth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 40%;\n}\n.ct-major-tenth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-tenth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-eleventh {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-eleventh:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 37.5%;\n}\n.ct-major-eleventh:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-eleventh > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-twelfth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-twelfth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 33.3333333333%;\n}\n.ct-major-twelfth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-twelfth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-double-octave {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-double-octave:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 25%;\n}\n.ct-double-octave:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-double-octave > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}"]}
1	+ {"version":3,"sources":["scss/index.scss","scss/_settings.scss","index.css"],"names":[],"mappings":"AA4IE;EAjFA,+CAAA;EACA,gDAAA;EACA,wCAAA;EACA,cCUoB;ACnEtB;;AF2IE;;;EAIE,aAAA;AEzIJ;;AF4IE;;EAEE,0BAAA;AEzIJ;;AF4IE;EAlHA,qBAmH4B;EAlH5B,2BAkHsC;EA/GpC,gBAAA;AExBJ;;AF0IE;EAtHA,uBAuH4B;EAtH5B,2BAsHwC;EAnHtC,gBAAA;AElBJ;;AFwIE;EA1HA,qBA2H4B;EA1H5B,yBA0HsC;EArHpC,iBAAA;AEdJ;;AFsIE;EA9HA,qBA+H4B;EA9H5B,2BA8HsC;EA3HpC,gBAAA;AENJ;;AFoIE;EAlIA,qBAoI4B;EAnI5B,uBAmIsC;EA5HpC,kBAAA;AEJJ;;AFmIE;EAvIA,uBAyI4B;EAxI5B,uBAwIwC;EAjItC,kBAAA;AEEJ;;AFkIE;EA5IA,qBA8I4B;EA7I5B,2BA6IsC;EA1IpC,gBAAA;AEYJ;;AFiIE;EAjJA,uBAmJ4B;EAlJ5B,2BAkJwC;EA/ItC,gBAAA;AEkBJ;;AFgIE;EAtJA,mBAwJ4B;EAvJ5B,yBAuJoC;EAlJlC,iBAAA;AEsBJ;;AF+HE;EA3JA,mBA6J4B;EA5J5B,2BA4JoC;EAzJlC,gBAAA;AE8BJ;;AF8HE;EApIA,gDAAA;EACA,uCAAA;EAEA,+CAAA;AESF;;AF4HE;EACE,0CAAA;AEzHJ;;AF4HE;EAlIA,wCAAA;EACA,4CAAA;AEUF;;AF2HE;EA9HA,UAAA;EACA,uCAAA;EACA,gDAAA;AEOF;;AFyHE;EA5HA,YAAA;EACA,yCAAA;AEOF;;AFwHE;EA3HA,UAAA;EACA,uCAAA;AEOF;;AFuHE;EA1HA,UAAA;EACA,yCAAA;AEOF;;AFoIM;EAtIJ,uCAAA;AEMF;AFJE;;;;EAIE,uBAAA;AEMJ;AFHE;;EAEE,qBAAA;AEKJ;;AFsHM;EAtIJ,uCAAA;AEoBF;AFlBE;;;;EAIE,uBAAA;AEoBJ;AFjBE;;EAEE,qBAAA;AEmBJ;;AFwGM;EAtIJ,uCAAA;AEkCF;AFhCE;;;;EAIE,uBAAA;AEkCJ;AF/BE;;EAEE,qBAAA;AEiCJ;;AF0FM;EAtIJ,uCAAA;AEgDF;AF9CE;;;;EAIE,uBAAA;AEgDJ;AF7CE;;EAEE,qBAAA;AE+CJ;;AF4EM;EAtIJ,uCAAA;AE8DF;AF5DE;;;;EAIE,uBAAA;AE8DJ;AF3DE;;EAEE,qBAAA;AE6DJ;;AF8DM;EAtIJ,uCAAA;AE4EF;AF1EE;;;;EAIE,uBAAA;AE4EJ;AFzEE;;EAEE,qBAAA;AE2EJ;;AFgDM;EAtIJ,uCAAA;AE0FF;AFxFE;;;;EAIE,uBAAA;AE0FJ;AFvFE;;EAEE,qBAAA;AEyFJ;;AFkCM;EAtIJ,uCAAA;AEwGF;AFtGE;;;;EAIE,uBAAA;AEwGJ;AFrGE;;EAEE,qBAAA;AEuGJ;;AFoBM;EAtIJ,uCAAA;AEsHF;AFpHE;;;;EAIE,uBAAA;AEsHJ;AFnHE;;EAEE,qBAAA;AEqHJ;;AFMM;EAtIJ,uCAAA;AEoIF;AFlIE;;;;EAIE,uBAAA;AEoIJ;AFjIE;;EAEE,qBAAA;AEmIJ;;AFRM;EAtIJ,uCAAA;AEkJF;AFhJE;;;;EAIE,uBAAA;AEkJJ;AF/IE;;EAEE,qBAAA;AEiJJ;;AFtBM;EAtIJ,uCAAA;AEgKF;AF9JE;;;;EAIE,uBAAA;AEgKJ;AF7JE;;EAEE,qBAAA;AE+JJ;;AFpCM;EAtIJ,uCAAA;AE8KF;AF5KE;;;;EAIE,uBAAA;AE8KJ;AF3KE;;EAEE,qBAAA;AE6KJ;;AFlDM;EAtIJ,uCAAA;AE4LF;AF1LE;;;;EAIE,uBAAA;AE4LJ;AFzLE;;EAEE,qBAAA;AE2LJ;;AFhEM;EAtIJ,uCAAA;AE0MF;AFxME;;;;EAIE,uBAAA;AE0MJ;AFvME;;EAEE,qBAAA;AEyMJ;;AF9EM;EAtIJ,2DAAA;AEwNF;AFtNE;;;;EAIE,uBAAA;AEwNJ;AFrNE;;EAEE,qBAAA;AEuNJ;;AF5FM;EAtIJ,2DAAA;AEsOF;AFpOE;;;;EAIE,uBAAA;AEsOJ;AFnOE;;EAEE,qBAAA;AEqOJ;;AF1GM;EAtIJ,2DAAA;AEoPF;AFlPE;;;;EAIE,uBAAA;AEoPJ;AFjPE;;EAEE,qBAAA;AEmPJ;;AFxHM;EAtIJ,2DAAA;AEkQF;AFhQE;;;;EAIE,uBAAA;AEkQJ;AF/PE;;EAEE,qBAAA;AEiQJ;;AFtIM;EAtIJ,2DAAA;AEgRF;AF9QE;;;;EAIE,uBAAA;AEgRJ;AF7QE;;EAEE,qBAAA;AE+QJ;;A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","file":"index.css","sourcesContent":["@import 'settings';\n\n// The value of an optional setting (false: not set) as a CSS value.\n@function ct-or-none($value) {\n @if $value {\n @return $value;\n }\n @return none;\n}\n\n@mixin ct-responsive-svg-container($width: 100%, $ratio: $ct-container-ratio) {\n display: block;\n position: relative;\n width: $width;\n\n &:before {\n display: block;\n float: left;\n content: '';\n width: 0;\n height: 0;\n padding-bottom: $ratio * 100%;\n }\n\n &:after {\n content: '';\n display: table;\n clear: both;\n }\n\n > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n }\n}\n\n@mixin ct-align-justify(\n $ct-text-align: $ct-text-align,\n $ct-text-justify: $ct-text-justify\n) {\n align-items: $ct-text-align;\n justify-content: $ct-text-justify;\n // Fallback to text-align for non-flex browsers\n @if ($ct-text-justify == 'flex-start') {\n text-align: left;\n } @else if ($ct-text-justify == 'flex-end') {\n text-align: right;\n } @else {\n text-align: center;\n }\n}\n\n@mixin ct-chart-label(\n $ct-text-color: $ct-text-color,\n $ct-text-size: $ct-text-size,\n $ct-text-line-height: $ct-text-line-height\n) {\n fill: var(--ct-label-color, #{$ct-text-color});\n color: var(--ct-label-color, #{$ct-text-color});\n font-size: var(--ct-label-size, #{$ct-text-size});\n line-height: $ct-text-line-height;\n}\n\n@mixin ct-chart-grid(\n $ct-grid-color: $ct-grid-color,\n $ct-grid-width: $ct-grid-width,\n $ct-grid-dasharray: $ct-grid-dasharray\n) {\n stroke: var(--ct-grid-color, #{$ct-grid-color});\n stroke-width: var(--ct-grid-width, #{$ct-grid-width});\n // Always emitted, so the property works; `none` is the initial value.\n stroke-dasharray: var(--ct-grid-dasharray, #{ct-or-none($ct-grid-dasharray)});\n}\n\n@mixin ct-chart-point(\n $ct-point-size: $ct-point-size,\n $ct-point-shape: $ct-point-shape\n) {\n stroke-width: var(--ct-point-size, #{$ct-point-size});\n stroke-linecap: var(--ct-point-shape, #{$ct-point-shape});\n}\n\n@mixin ct-chart-line(\n $ct-line-width: $ct-line-width,\n $ct-line-dasharray: $ct-line-dasharray\n) {\n fill: none;\n stroke-width: var(--ct-line-width, #{$ct-line-width});\n stroke-dasharray: var(--ct-line-dasharray, #{ct-or-none($ct-line-dasharray)});\n}\n\n@mixin ct-chart-area($ct-area-opacity: $ct-area-opacity) {\n stroke: none;\n fill-opacity: var(--ct-area-opacity, #{$ct-area-opacity});\n}\n\n@mixin ct-chart-bar($ct-bar-width: $ct-bar-width) {\n fill: none;\n stroke-width: var(--ct-bar-width, #{$ct-bar-width});\n}\n\n@mixin ct-chart-donut($ct-donut-width: $ct-donut-width) {\n fill: none;\n stroke-width: var(--ct-donut-width, #{$ct-donut-width});\n}\n\n// Sets the series color as `--ct-color`, which the series' elements use.\n@mixin ct-chart-series-color($color) {\n --ct-color: #{$color};\n\n .#{$ct-class-point},\n .#{$ct-class-line},\n .#{$ct-class-bar},\n .#{$ct-class-slice-donut} {\n stroke: var(--ct-color);\n }\n\n .#{$ct-class-slice-pie},\n .#{$ct-class-area} {\n fill: var(--ct-color);\n }\n}\n\n@mixin ct-chart(\n $ct-container-ratio: $ct-container-ratio,\n $ct-text-color: $ct-text-color,\n $ct-text-size: $ct-text-size,\n $ct-grid-color: $ct-grid-color,\n $ct-grid-width: $ct-grid-width,\n $ct-grid-dasharray: $ct-grid-dasharray,\n $ct-point-size: $ct-point-size,\n $ct-point-shape: $ct-point-shape,\n $ct-line-width: $ct-line-width,\n $ct-bar-width: $ct-bar-width,\n $ct-donut-width: $ct-donut-width,\n $ct-series-names: $ct-series-names,\n $ct-series-colors: $ct-series-colors\n) {\n .#{$ct-class-label} {\n @include ct-chart-label($ct-text-color, $ct-text-size);\n }\n\n .#{$ct-class-chart-line} .#{$ct-class-label},\n .#{$ct-class-chart-bar} .#{$ct-class-label},\n // HTML labels of composed charts, whose svg has no chart-type class.\n foreignObject > .#{$ct-class-label} {\n display: flex;\n }\n\n .#{$ct-class-chart-pie} .#{$ct-class-label},\n .#{$ct-class-chart-donut} .#{$ct-class-label} {\n dominant-baseline: central;\n }\n\n .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {\n @include ct-align-justify(flex-end, flex-start);\n }\n\n .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {\n @include ct-align-justify(flex-start, flex-start);\n }\n\n .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} {\n @include ct-align-justify(flex-end, flex-end);\n }\n\n .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} {\n @include ct-align-justify(flex-end, flex-start);\n }\n\n .#{$ct-class-chart-bar}\n .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {\n @include ct-align-justify(flex-end, center);\n }\n\n .#{$ct-class-chart-bar}\n .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {\n @include ct-align-justify(flex-start, center);\n }\n\n .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars}\n .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {\n @include ct-align-justify(flex-end, flex-start);\n }\n\n .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars}\n .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {\n @include ct-align-justify(flex-start, flex-start);\n }\n\n .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars}\n .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} {\n @include ct-align-justify(center, flex-end);\n }\n\n .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars}\n .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} {\n @include ct-align-justify(center, flex-start);\n }\n\n .#{$ct-class-grid} {\n @include ct-chart-grid($ct-grid-color, $ct-grid-width, $ct-grid-dasharray);\n }\n\n .#{$ct-class-grid-background} {\n fill: var(--ct-grid-background-fill, #{$ct-grid-background-fill});\n }\n\n .#{$ct-class-point} {\n @include ct-chart-point($ct-point-size, $ct-point-shape);\n }\n\n .#{$ct-class-line} {\n @include ct-chart-line($ct-line-width);\n }\n\n .#{$ct-class-area} {\n @include ct-chart-area();\n }\n\n .#{$ct-class-bar} {\n @include ct-chart-bar($ct-bar-width);\n }\n\n .#{$ct-class-slice-donut} {\n @include ct-chart-donut($ct-donut-width);\n }\n\n @if $ct-include-colored-series {\n $colors: length($ct-series-colors);\n\n @for $i from 0 to length($ct-series-names) {\n $name: nth($ct-series-names, $i + 1);\n // The colors repeat when there are more names than colors.\n $index: $i % $colors + 1;\n $color: nth($ct-series-colors, $index);\n\n // A repeated color follows the property of the series it repeats.\n @if $i >= $colors {\n $color: var(--ct-series-#{nth($ct-series-names, $index)}, #{$color});\n }\n\n .#{$ct-class-series}-#{$name} {\n @include ct-chart-series-color(var(--ct-series-#{$name}, #{$color}));\n }\n }\n }\n}\n\n@if $ct-include-classes {\n @include ct-chart();\n\n @if $ct-include-alternative-responsive-containers {\n @for $i from 0 to length($ct-scales-names) {\n .#{nth($ct-scales-names, $i + 1)} {\n @include ct-responsive-svg-container($ratio: nth($ct-scales, $i + 1));\n }\n }\n }\n}\n","@use 'sass:math';\n\n// Scales for responsive SVG containers\n$ct-scales: (\n (1),\n math.div(15, 16),\n math.div(8, 9),\n math.div(5, 6),\n math.div(4, 5),\n math.div(3, 4),\n math.div(2, 3),\n math.div(5, 8),\n math.div(1, 1.618),\n math.div(3, 5),\n math.div(9, 16),\n math.div(8, 15),\n math.div(1, 2),\n math.div(2, 5),\n math.div(3, 8),\n math.div(1, 3),\n math.div(1, 4)\n) !default;\n$ct-scales-names: (\n ct-square,\n ct-minor-second,\n ct-major-second,\n ct-minor-third,\n ct-major-third,\n ct-perfect-fourth,\n ct-perfect-fifth,\n ct-minor-sixth,\n ct-golden-section,\n ct-major-sixth,\n ct-minor-seventh,\n ct-major-seventh,\n ct-octave,\n ct-major-tenth,\n ct-major-eleventh,\n ct-major-twelfth,\n ct-double-octave\n) !default;\n\n// Class names to be used when generating CSS\n$ct-class-chart: ct-chart !default;\n$ct-class-chart-line: ct-chart-line !default;\n$ct-class-chart-bar: ct-chart-bar !default;\n$ct-class-horizontal-bars: ct-horizontal-bars !default;\n$ct-class-chart-pie: ct-chart-pie !default;\n$ct-class-chart-donut: ct-chart-donut !default;\n$ct-class-label: ct-label !default;\n$ct-class-series: ct-series !default;\n$ct-class-line: ct-line !default;\n$ct-class-point: ct-point !default;\n$ct-class-area: ct-area !default;\n$ct-class-bar: ct-bar !default;\n$ct-class-slice-pie: ct-slice-pie !default;\n$ct-class-slice-donut: ct-slice-donut !default;\n$ct-class-grid: ct-grid !default;\n$ct-class-grid-background: ct-grid-background !default;\n$ct-class-vertical: ct-vertical !default;\n$ct-class-horizontal: ct-horizontal !default;\n$ct-class-start: ct-start !default;\n$ct-class-end: ct-end !default;\n\n// Container ratio\n$ct-container-ratio: math.div(1, 1.618) !default;\n\n// Text styles for labels\n$ct-text-color: rgba(0, 0, 0, 0.4) !default;\n$ct-text-size: 0.75rem !default;\n$ct-text-align: flex-start !default;\n$ct-text-justify: flex-start !default;\n$ct-text-line-height: 1 !default;\n\n// Grid styles\n$ct-grid-color: rgba(0, 0, 0, 0.2) !default;\n$ct-grid-dasharray: 2px !default;\n$ct-grid-width: 1px !default;\n$ct-grid-background-fill: none !default;\n\n// Line chart properties\n$ct-line-width: 4px !default;\n$ct-line-dasharray: false !default;\n$ct-point-size: 10px !default;\n// Line chart point, can be either round or square\n$ct-point-shape: round !default;\n// Area fill transparency between 0 and 1\n$ct-area-opacity: 0.1 !default;\n\n// Bar chart bar width\n$ct-bar-width: 10px !default;\n\n// Donut width (If donut width is to big it can cause issues where the shape gets distorted)\n$ct-donut-width: 60px !default;\n\n// If set to true it will include the default classes and generate CSS output. If you're planning to use the mixins you\n// should set this property to false\n$ct-include-classes: true !default;\n\n// If this is set to true the CSS will contain colored series. You can extend or change the color with the\n// properties below\n$ct-include-colored-series: $ct-include-classes !default;\n\n// If set to true this will include all responsive container variations using the scales defined at the top of the script\n$ct-include-alternative-responsive-containers: $ct-include-classes !default;\n\n// Series names and colors. This can be extended or customized as desired. The names match the series classes\n// Chartist sets (`ct-series-a` to `ct-series-z`). With fewer colors than names, the colors repeat in order, and a\n// series whose color repeats falls back to the custom property of the series it repeats (`--ct-series-p` to\n// `--ct-series-a`).\n$ct-series-names: (\n a,\n b,\n c,\n d,\n e,\n f,\n g,\n h,\n i,\n j,\n k,\n l,\n m,\n n,\n o,\n p,\n q,\n r,\n s,\n t,\n u,\n v,\n w,\n x,\n y,\n z\n) !default;\n$ct-series-colors: (\n #d70206,\n #f05b4f,\n #f4c63d,\n #d17905,\n #453d3f,\n #59922b,\n #0544d3,\n #6b0392,\n #e6805e,\n #dda458,\n #eacf7d,\n #86797d,\n #b2c326,\n #6188e2,\n #a748ca\n) !default;\n",".ct-label {\n fill: var(--ct-label-color, rgba(0, 0, 0, 0.4));\n color: var(--ct-label-color, rgba(0, 0, 0, 0.4));\n font-size: var(--ct-label-size, 0.75rem);\n line-height: 1;\n}\n\n.ct-chart-line .ct-label,\n.ct-chart-bar .ct-label,\nforeignObject > .ct-label {\n display: flex;\n}\n\n.ct-chart-pie .ct-label,\n.ct-chart-donut .ct-label {\n dominant-baseline: central;\n}\n\n.ct-label.ct-horizontal.ct-start {\n align-items: flex-end;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-label.ct-horizontal.ct-end {\n align-items: flex-start;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-label.ct-vertical.ct-start {\n align-items: flex-end;\n justify-content: flex-end;\n text-align: right;\n}\n\n.ct-label.ct-vertical.ct-end {\n align-items: flex-end;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-chart-bar .ct-label.ct-horizontal.ct-start {\n align-items: flex-end;\n justify-content: center;\n text-align: center;\n}\n\n.ct-chart-bar .ct-label.ct-horizontal.ct-end {\n align-items: flex-start;\n justify-content: center;\n text-align: center;\n}\n\n.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {\n align-items: flex-end;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {\n align-items: flex-start;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {\n align-items: center;\n justify-content: flex-end;\n text-align: right;\n}\n\n.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {\n align-items: center;\n justify-content: flex-start;\n text-align: left;\n}\n\n.ct-grid {\n stroke: var(--ct-grid-color, rgba(0, 0, 0, 0.2));\n stroke-width: var(--ct-grid-width, 1px);\n stroke-dasharray: var(--ct-grid-dasharray, 2px);\n}\n\n.ct-grid-background {\n fill: var(--ct-grid-background-fill, none);\n}\n\n.ct-point {\n stroke-width: var(--ct-point-size, 10px);\n stroke-linecap: var(--ct-point-shape, round);\n}\n\n.ct-line {\n fill: none;\n stroke-width: var(--ct-line-width, 4px);\n stroke-dasharray: var(--ct-line-dasharray, none);\n}\n\n.ct-area {\n stroke: none;\n fill-opacity: var(--ct-area-opacity, 0.1);\n}\n\n.ct-bar {\n fill: none;\n stroke-width: var(--ct-bar-width, 10px);\n}\n\n.ct-slice-donut {\n fill: none;\n stroke-width: var(--ct-donut-width, 60px);\n}\n\n.ct-series-a {\n --ct-color: var(--ct-series-a, #d70206);\n}\n.ct-series-a .ct-point,\n.ct-series-a .ct-line,\n.ct-series-a .ct-bar,\n.ct-series-a .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-a .ct-slice-pie,\n.ct-series-a .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-b {\n --ct-color: var(--ct-series-b, #f05b4f);\n}\n.ct-series-b .ct-point,\n.ct-series-b .ct-line,\n.ct-series-b .ct-bar,\n.ct-series-b .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-b .ct-slice-pie,\n.ct-series-b .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-c {\n --ct-color: var(--ct-series-c, #f4c63d);\n}\n.ct-series-c .ct-point,\n.ct-series-c .ct-line,\n.ct-series-c .ct-bar,\n.ct-series-c .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-c .ct-slice-pie,\n.ct-series-c .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-d {\n --ct-color: var(--ct-series-d, #d17905);\n}\n.ct-series-d .ct-point,\n.ct-series-d .ct-line,\n.ct-series-d .ct-bar,\n.ct-series-d .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-d .ct-slice-pie,\n.ct-series-d .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-e {\n --ct-color: var(--ct-series-e, #453d3f);\n}\n.ct-series-e .ct-point,\n.ct-series-e .ct-line,\n.ct-series-e .ct-bar,\n.ct-series-e .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-e .ct-slice-pie,\n.ct-series-e .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-f {\n --ct-color: var(--ct-series-f, #59922b);\n}\n.ct-series-f .ct-point,\n.ct-series-f .ct-line,\n.ct-series-f .ct-bar,\n.ct-series-f .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-f .ct-slice-pie,\n.ct-series-f .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-g {\n --ct-color: var(--ct-series-g, #0544d3);\n}\n.ct-series-g .ct-point,\n.ct-series-g .ct-line,\n.ct-series-g .ct-bar,\n.ct-series-g .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-g .ct-slice-pie,\n.ct-series-g .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-h {\n --ct-color: var(--ct-series-h, #6b0392);\n}\n.ct-series-h .ct-point,\n.ct-series-h .ct-line,\n.ct-series-h .ct-bar,\n.ct-series-h .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-h .ct-slice-pie,\n.ct-series-h .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-i {\n --ct-color: var(--ct-series-i, #e6805e);\n}\n.ct-series-i .ct-point,\n.ct-series-i .ct-line,\n.ct-series-i .ct-bar,\n.ct-series-i .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-i .ct-slice-pie,\n.ct-series-i .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-j {\n --ct-color: var(--ct-series-j, #dda458);\n}\n.ct-series-j .ct-point,\n.ct-series-j .ct-line,\n.ct-series-j .ct-bar,\n.ct-series-j .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-j .ct-slice-pie,\n.ct-series-j .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-k {\n --ct-color: var(--ct-series-k, #eacf7d);\n}\n.ct-series-k .ct-point,\n.ct-series-k .ct-line,\n.ct-series-k .ct-bar,\n.ct-series-k .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-k .ct-slice-pie,\n.ct-series-k .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-l {\n --ct-color: var(--ct-series-l, #86797d);\n}\n.ct-series-l .ct-point,\n.ct-series-l .ct-line,\n.ct-series-l .ct-bar,\n.ct-series-l .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-l .ct-slice-pie,\n.ct-series-l .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-m {\n --ct-color: var(--ct-series-m, #b2c326);\n}\n.ct-series-m .ct-point,\n.ct-series-m .ct-line,\n.ct-series-m .ct-bar,\n.ct-series-m .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-m .ct-slice-pie,\n.ct-series-m .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-n {\n --ct-color: var(--ct-series-n, #6188e2);\n}\n.ct-series-n .ct-point,\n.ct-series-n .ct-line,\n.ct-series-n .ct-bar,\n.ct-series-n .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-n .ct-slice-pie,\n.ct-series-n .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-o {\n --ct-color: var(--ct-series-o, #a748ca);\n}\n.ct-series-o .ct-point,\n.ct-series-o .ct-line,\n.ct-series-o .ct-bar,\n.ct-series-o .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-o .ct-slice-pie,\n.ct-series-o .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-p {\n --ct-color: var(--ct-series-p, var(--ct-series-a, #d70206));\n}\n.ct-series-p .ct-point,\n.ct-series-p .ct-line,\n.ct-series-p .ct-bar,\n.ct-series-p .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-p .ct-slice-pie,\n.ct-series-p .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-q {\n --ct-color: var(--ct-series-q, var(--ct-series-b, #f05b4f));\n}\n.ct-series-q .ct-point,\n.ct-series-q .ct-line,\n.ct-series-q .ct-bar,\n.ct-series-q .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-q .ct-slice-pie,\n.ct-series-q .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-r {\n --ct-color: var(--ct-series-r, var(--ct-series-c, #f4c63d));\n}\n.ct-series-r .ct-point,\n.ct-series-r .ct-line,\n.ct-series-r .ct-bar,\n.ct-series-r .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-r .ct-slice-pie,\n.ct-series-r .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-s {\n --ct-color: var(--ct-series-s, var(--ct-series-d, #d17905));\n}\n.ct-series-s .ct-point,\n.ct-series-s .ct-line,\n.ct-series-s .ct-bar,\n.ct-series-s .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-s .ct-slice-pie,\n.ct-series-s .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-t {\n --ct-color: var(--ct-series-t, var(--ct-series-e, #453d3f));\n}\n.ct-series-t .ct-point,\n.ct-series-t .ct-line,\n.ct-series-t .ct-bar,\n.ct-series-t .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-t .ct-slice-pie,\n.ct-series-t .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-u {\n --ct-color: var(--ct-series-u, var(--ct-series-f, #59922b));\n}\n.ct-series-u .ct-point,\n.ct-series-u .ct-line,\n.ct-series-u .ct-bar,\n.ct-series-u .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-u .ct-slice-pie,\n.ct-series-u .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-v {\n --ct-color: var(--ct-series-v, var(--ct-series-g, #0544d3));\n}\n.ct-series-v .ct-point,\n.ct-series-v .ct-line,\n.ct-series-v .ct-bar,\n.ct-series-v .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-v .ct-slice-pie,\n.ct-series-v .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-w {\n --ct-color: var(--ct-series-w, var(--ct-series-h, #6b0392));\n}\n.ct-series-w .ct-point,\n.ct-series-w .ct-line,\n.ct-series-w .ct-bar,\n.ct-series-w .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-w .ct-slice-pie,\n.ct-series-w .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-x {\n --ct-color: var(--ct-series-x, var(--ct-series-i, #e6805e));\n}\n.ct-series-x .ct-point,\n.ct-series-x .ct-line,\n.ct-series-x .ct-bar,\n.ct-series-x .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-x .ct-slice-pie,\n.ct-series-x .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-y {\n --ct-color: var(--ct-series-y, var(--ct-series-j, #dda458));\n}\n.ct-series-y .ct-point,\n.ct-series-y .ct-line,\n.ct-series-y .ct-bar,\n.ct-series-y .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-y .ct-slice-pie,\n.ct-series-y .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-series-z {\n --ct-color: var(--ct-series-z, var(--ct-series-k, #eacf7d));\n}\n.ct-series-z .ct-point,\n.ct-series-z .ct-line,\n.ct-series-z .ct-bar,\n.ct-series-z .ct-slice-donut {\n stroke: var(--ct-color);\n}\n.ct-series-z .ct-slice-pie,\n.ct-series-z .ct-area {\n fill: var(--ct-color);\n}\n\n.ct-square {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-square:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 100%;\n}\n.ct-square:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-square > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-minor-second {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-minor-second:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 93.75%;\n}\n.ct-minor-second:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-minor-second > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-second {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-second:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 88.8888888889%;\n}\n.ct-major-second:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-second > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-minor-third {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-minor-third:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 83.3333333333%;\n}\n.ct-minor-third:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-minor-third > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-third {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-third:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 80%;\n}\n.ct-major-third:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-third > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-perfect-fourth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-perfect-fourth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 75%;\n}\n.ct-perfect-fourth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-perfect-fourth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-perfect-fifth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-perfect-fifth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 66.6666666667%;\n}\n.ct-perfect-fifth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-perfect-fifth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-minor-sixth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-minor-sixth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 62.5%;\n}\n.ct-minor-sixth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-minor-sixth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-golden-section {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-golden-section:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 61.804697157%;\n}\n.ct-golden-section:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-golden-section > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-sixth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-sixth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 60%;\n}\n.ct-major-sixth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-sixth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-minor-seventh {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-minor-seventh:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 56.25%;\n}\n.ct-minor-seventh:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-minor-seventh > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-seventh {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-seventh:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 53.3333333333%;\n}\n.ct-major-seventh:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-seventh > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-octave {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-octave:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 50%;\n}\n.ct-octave:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-octave > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-tenth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-tenth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 40%;\n}\n.ct-major-tenth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-tenth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-eleventh {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-eleventh:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 37.5%;\n}\n.ct-major-eleventh:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-eleventh > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-major-twelfth {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-major-twelfth:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 33.3333333333%;\n}\n.ct-major-twelfth:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-major-twelfth > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ct-double-octave {\n display: block;\n position: relative;\n width: 100%;\n}\n.ct-double-octave:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: 25%;\n}\n.ct-double-octave:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.ct-double-octave > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}"]}