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

chartist 2.0.0-rc.2 → 2.0.0

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 (38) hide show

package/dist/index.css.map CHANGED Viewed

	@@ -1 +1 @@
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}"]}
1	+ {"version":3,"sources":["scss/index.scss","scss/_settings.scss","index.css"],"names":[],"mappings":"AAwNE;EAzJA,+CAAA;EACA,gDAAA;EACA,wCAAA;EACA,cCaoB;AC1EtB;AFgEI;EAmJF;IAjJI,qFAAA;IACA,sFAAA;EE9DJ;AACF;;AFqNE;;;EAIE,aAAA;AEnNJ;;AFsNE;;EAEE,0BAAA;AEnNJ;;AFsNE;EAlMA,qBAmM4B;EAlM5B,2BAkMsC;EA/LpC,gBAAA;AElBJ;;AFoNE;EAtMA,uBAuM4B;EAtM5B,2BAsMwC;EAnMtC,gBAAA;AEZJ;;AFkNE;EA1MA,qBA2M4B;EA1M5B,yBA0MsC;EArMpC,iBAAA;AERJ;;AFgNE;EA9MA,qBA+M4B;EA9M5B,2BA8MsC;EA3MpC,gBAAA;AEAJ;;AF8ME;EAlNA,qBAoN4B;EAnN5B,uBAmNsC;EA5MpC,kBAAA;AEEJ;;AF6ME;EAvNA,uBAyN4B;EAxN5B,uBAwNwC;EAjNtC,kBAAA;AEQJ;;AF4ME;EA5NA,qBA8N4B;EA7N5B,2BA6NsC;EA1NpC,gBAAA;AEkBJ;;AF2ME;EAjOA,uBAmO4B;EAlO5B,2BAkOwC;EA/NtC,gBAAA;AEwBJ;;AF0ME;EAtOA,mBAwO4B;EAvO5B,yBAuOoC;EAlOlC,iBAAA;AE4BJ;;AFyME;EA3OA,mBA6O4B;EA5O5B,2BA4OoC;EAzOlC,gBAAA;AEoCJ;;AFwME;EAvMA,gDAAA;EACA,uCAAA;EAEA,+CAAA;AEEF;AFCI;EAiMF;IAhMI,sFAAA;EEEJ;AACF;;AFsME;EACE,0CAAA;AEnMJ;;AFsME;EAjMA,wCAAA;EACA,4CAAA;AEDF;;AFqME;EA7LA,UAAA;EACA,uCAAA;EACA,gDAAA;AEJF;;AFmME;EA3LA,YAAA;EACA,yCAAA;AEJF;;AFkME;EA1LA,UAAA;EACA,uCAAA;AEJF;;AFiME;EAzLA,UAAA;EACA,yCAAA;AEJF;;AFgME;EAnLA,UAAA;EACA,kEAAA;EAIA,8CAAA;EACA,0DAAA;AEZF;;AF6LE;EAvKA,gEAAA;EACA,wCAAA;AElBF;;AF4LE;EAnKA,YAAA;EACA,yDAAA;EACA,0CAAA;AErBF;;AF0LE;EA9JA,UAAA;EACA,uBAAA;EACA,6CAAA;EACA,yDAAA;AExBF;;AFqMM;EArKJ,uCAAA;AE5BF;AF8BE;;;;;;EAME,uBAAA;AE5BJ;AF+BE;;;;EAIE,qBAAA;AE7BJ;;AFmLM;EArKJ,uCAAA;AEVF;AFYE;;;;;;EAME,uBAAA;AEVJ;AFaE;;;;EAIE,qBAAA;AEXJ;;AFiKM;EArKJ,uCAAA;AEQF;AFNE;;;;;;EAME,uBAAA;AEQJ;AFLE;;;;EAIE,qBAAA;AEOJ;;AF+IM;EArKJ,uCAAA;AE0BF;AFxBE;;;;;;EAME,uBAAA;AE0BJ;AFvBE;;;;EAIE,qBAAA;AEyBJ;;AF6HM;EArKJ,uCAAA;AE4CF;AF1CE;;;;;;EAME,uBAAA;AE4CJ;AFzCE;;;;EAIE,qBAAA;AE2CJ;;AF2GM;EArKJ,uCAAA;AE8DF;AF5DE;;;;;;EAME,uBAAA;AE8DJ;AF3DE;;;;EAIE,qBAAA;AE6DJ;;AFyFM;EArKJ,uCAAA;AEgFF;AF9EE;;;;;;EAME,uBAAA;AEgFJ;AF7EE;;;;EAIE,qBAAA;AE+EJ;;AFuEM;EArKJ,uCAAA;AEkGF;AFhGE;;;;;;EAME,uBAAA;AEkGJ;AF/FE;;;;EAIE,qBAAA;AEiGJ;;AFqDM;EArKJ,uCAAA;AEoHF;AFlHE;;;;;;EAME,uBAAA;AEoHJ;AFjHE;;;;EAIE,qBAAA;AEmHJ;;AFmCM;EArKJ,uCAAA;AEsIF;AFpIE;;;;;;EAME,uBAAA;AEsIJ;AFnIE;;;;EAIE,qBAAA;AEqIJ;;AFiBM;EArKJ,uCAAA;AEwJF;AFtJE;;;;;;EAME,uBAAA;AEwJJ;AFrJE;;;;EAIE,qBAAA;AEuJJ;;AFDM;EArKJ,uCAAA;AE0KF;AFxKE;;;;;;EAME,uBAAA;AE0KJ;AFvKE;;;;EAIE,qBAAA;AEyKJ;;AFnBM;EArKJ,uCAAA;AE4LF;AF1LE;;;;;;EAME,uBAAA;AE4LJ;AFzLE;;;;EAIE,qBAAA;AE2LJ;;AFrCM;EArKJ,uCAAA;AE8MF;AF5ME;;;;;;EAME,uBAAA;AE8MJ;AF3ME;;;;EAIE,qBAAA;AE6MJ;;AFvDM;EArKJ,uCAAA;AEgOF;AF9NE;;;;;;EAME,uBAAA;AEgOJ;AF7NE;;;;EAIE,qBAAA;AE+NJ;;AFzEM;EArKJ,2DAAA;AEkPF;AFhPE;;;;;;EAME,uBAAA;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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// The dark defaults follow the element's `color-scheme` through light-dark().\n// A var() whose fallback a browser doesn't know computes to `unset`, so they\n// sit in @supports and the plain declaration stays for older browsers.\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 $ct-text-color-dark: $ct-text-color-dark\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 @if $ct-text-color-dark {\n @supports (color: light-dark(#000, #fff)) {\n $color: light-dark(#{$ct-text-color}, #{$ct-text-color-dark});\n fill: var(--ct-label-color, #{$color});\n color: var(--ct-label-color, #{$color});\n }\n }\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 $ct-grid-color-dark: $ct-grid-color-dark\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 @if $ct-grid-color-dark {\n @supports (color: light-dark(#000, #fff)) {\n stroke: var(\n --ct-grid-color,\n light-dark(#{$ct-grid-color}, #{$ct-grid-color-dark})\n );\n }\n }\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// A series class on the element or a series group around it wins over the default color.\n@mixin ct-chart-target-line(\n $ct-target-line-color: $ct-target-line-color,\n $ct-target-line-width: $ct-target-line-width,\n $ct-target-line-dasharray: $ct-target-line-dasharray\n) {\n fill: none;\n stroke: var(\n --ct-color,\n var(--ct-target-line-color, #{$ct-target-line-color})\n );\n stroke-width: var(--ct-target-line-width, #{$ct-target-line-width});\n stroke-dasharray: var(\n --ct-target-line-dasharray,\n #{ct-or-none($ct-target-line-dasharray)}\n );\n}\n\n@mixin ct-chart-target-label(\n $ct-target-line-color: $ct-target-line-color,\n $ct-text-size: $ct-text-size\n) {\n fill: var(--ct-color, var(--ct-target-line-color, #{$ct-target-line-color}));\n font-size: var(--ct-label-size, #{$ct-text-size});\n}\n\n@mixin ct-chart-band-area(\n $ct-band-color: $ct-band-color,\n $ct-band-opacity: $ct-band-opacity\n) {\n stroke: none;\n fill: var(--ct-color, var(--ct-band-color, #{$ct-band-color}));\n fill-opacity: var(--ct-band-opacity, #{$ct-band-opacity});\n}\n\n@mixin ct-chart-trend-line(\n $ct-trend-line-width: $ct-trend-line-width,\n $ct-trend-line-dasharray: $ct-trend-line-dasharray\n) {\n fill: none;\n stroke: var(--ct-color);\n stroke-width: var(--ct-trend-line-width, #{$ct-trend-line-width});\n stroke-dasharray: var(\n --ct-trend-line-dasharray,\n #{ct-or-none($ct-trend-line-dasharray)}\n );\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 .#{$ct-class-trend-line},\n .#{$ct-class-target-line} {\n stroke: var(--ct-color);\n }\n\n .#{$ct-class-slice-pie},\n .#{$ct-class-area},\n .#{$ct-class-target-label},\n .#{$ct-class-band-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-text-color-dark: $ct-text-color-dark,\n $ct-grid-color: $ct-grid-color,\n $ct-grid-color-dark: $ct-grid-color-dark,\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(\n $ct-text-color,\n $ct-text-size,\n $ct-text-color-dark: $ct-text-color-dark\n );\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(\n $ct-grid-color,\n $ct-grid-width,\n $ct-grid-dasharray,\n $ct-grid-color-dark\n );\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 .#{$ct-class-target-line} {\n @include ct-chart-target-line();\n }\n\n .#{$ct-class-target-label} {\n @include ct-chart-target-label($ct-target-line-color, $ct-text-size);\n }\n\n .#{$ct-class-band-area} {\n @include ct-chart-band-area();\n }\n\n .#{$ct-class-trend-line} {\n @include ct-chart-trend-line();\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$ct-class-target-line: ct-target-line !default;\n$ct-class-target-label: ct-target-label !default;\n$ct-class-band: ct-band !default;\n$ct-class-band-area: ct-band-area !default;\n$ct-class-trend-line: ct-trend-line !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// The label color where the chart's `color-scheme` is dark, in browsers with light-dark(). false: always $ct-text-color\n$ct-text-color-dark: rgba(255, 255, 255, 0.6) !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// The grid color where the chart's `color-scheme` is dark, in browsers with light-dark(). false: always $ct-grid-color\n$ct-grid-color-dark: rgba(255, 255, 255, 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// Target lines: a dashed line in the text color by default, so it reads as a reference behind the data\n$ct-target-line-color: currentColor !default;\n$ct-target-line-width: 1px !default;\n$ct-target-line-dasharray: 4px 4px !default;\n\n// Trend lines: dashed, in the series' color\n$ct-trend-line-width: 2px !default;\n$ct-trend-line-dasharray: 6px 4px !default;\n\n// Bands: a light fill in the text color by default. Fill transparency between 0 and 1\n$ct-band-color: currentColor !default;\n$ct-band-opacity: 0.12 !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@supports (color: light-dark(#000, #fff)) {\n .ct-label {\n fill: var(--ct-label-color, light-dark(rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.6)));\n color: var(--ct-label-color, light-dark(rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.6)));\n }\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@supports (color: light-dark(#000, #fff)) {\n .ct-grid {\n stroke: var(--ct-grid-color, light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)));\n }\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-target-line {\n fill: none;\n stroke: var(--ct-color, var(--ct-target-line-color, currentColor));\n stroke-width: var(--ct-target-line-width, 1px);\n stroke-dasharray: var(--ct-target-line-dasharray, 4px 4px);\n}\n\n.ct-target-label {\n fill: var(--ct-color, var(--ct-target-line-color, currentColor));\n font-size: var(--ct-label-size, 0.75rem);\n}\n\n.ct-band-area {\n stroke: none;\n fill: var(--ct-color, var(--ct-band-color, currentColor));\n fill-opacity: var(--ct-band-opacity, 0.12);\n}\n\n.ct-trend-line {\n fill: none;\n stroke: var(--ct-color);\n stroke-width: var(--ct-trend-line-width, 2px);\n stroke-dasharray: var(--ct-trend-line-dasharray, 6px 4px);\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.ct-series-a .ct-trend-line,\n.ct-series-a .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-a .ct-slice-pie,\n.ct-series-a .ct-area,\n.ct-series-a .ct-target-label,\n.ct-series-a .ct-band-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.ct-series-b .ct-trend-line,\n.ct-series-b .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-b .ct-slice-pie,\n.ct-series-b .ct-area,\n.ct-series-b .ct-target-label,\n.ct-series-b .ct-band-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.ct-series-c .ct-trend-line,\n.ct-series-c .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-c .ct-slice-pie,\n.ct-series-c .ct-area,\n.ct-series-c .ct-target-label,\n.ct-series-c .ct-band-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.ct-series-d .ct-trend-line,\n.ct-series-d .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-d .ct-slice-pie,\n.ct-series-d .ct-area,\n.ct-series-d .ct-target-label,\n.ct-series-d .ct-band-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.ct-series-e .ct-trend-line,\n.ct-series-e .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-e .ct-slice-pie,\n.ct-series-e .ct-area,\n.ct-series-e .ct-target-label,\n.ct-series-e .ct-band-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.ct-series-f .ct-trend-line,\n.ct-series-f .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-f .ct-slice-pie,\n.ct-series-f .ct-area,\n.ct-series-f .ct-target-label,\n.ct-series-f .ct-band-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.ct-series-g .ct-trend-line,\n.ct-series-g .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-g .ct-slice-pie,\n.ct-series-g .ct-area,\n.ct-series-g .ct-target-label,\n.ct-series-g .ct-band-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.ct-series-h .ct-trend-line,\n.ct-series-h .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-h .ct-slice-pie,\n.ct-series-h .ct-area,\n.ct-series-h .ct-target-label,\n.ct-series-h .ct-band-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.ct-series-i .ct-trend-line,\n.ct-series-i .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-i .ct-slice-pie,\n.ct-series-i .ct-area,\n.ct-series-i .ct-target-label,\n.ct-series-i .ct-band-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.ct-series-j .ct-trend-line,\n.ct-series-j .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-j .ct-slice-pie,\n.ct-series-j .ct-area,\n.ct-series-j .ct-target-label,\n.ct-series-j .ct-band-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.ct-series-k .ct-trend-line,\n.ct-series-k .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-k .ct-slice-pie,\n.ct-series-k .ct-area,\n.ct-series-k .ct-target-label,\n.ct-series-k .ct-band-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.ct-series-l .ct-trend-line,\n.ct-series-l .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-l .ct-slice-pie,\n.ct-series-l .ct-area,\n.ct-series-l .ct-target-label,\n.ct-series-l .ct-band-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.ct-series-m .ct-trend-line,\n.ct-series-m .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-m .ct-slice-pie,\n.ct-series-m .ct-area,\n.ct-series-m .ct-target-label,\n.ct-series-m .ct-band-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.ct-series-n .ct-trend-line,\n.ct-series-n .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-n .ct-slice-pie,\n.ct-series-n .ct-area,\n.ct-series-n .ct-target-label,\n.ct-series-n .ct-band-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.ct-series-o .ct-trend-line,\n.ct-series-o .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-o .ct-slice-pie,\n.ct-series-o .ct-area,\n.ct-series-o .ct-target-label,\n.ct-series-o .ct-band-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.ct-series-p .ct-trend-line,\n.ct-series-p .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-p .ct-slice-pie,\n.ct-series-p .ct-area,\n.ct-series-p .ct-target-label,\n.ct-series-p .ct-band-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.ct-series-q .ct-trend-line,\n.ct-series-q .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-q .ct-slice-pie,\n.ct-series-q .ct-area,\n.ct-series-q .ct-target-label,\n.ct-series-q .ct-band-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.ct-series-r .ct-trend-line,\n.ct-series-r .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-r .ct-slice-pie,\n.ct-series-r .ct-area,\n.ct-series-r .ct-target-label,\n.ct-series-r .ct-band-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.ct-series-s .ct-trend-line,\n.ct-series-s .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-s .ct-slice-pie,\n.ct-series-s .ct-area,\n.ct-series-s .ct-target-label,\n.ct-series-s .ct-band-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.ct-series-t .ct-trend-line,\n.ct-series-t .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-t .ct-slice-pie,\n.ct-series-t .ct-area,\n.ct-series-t .ct-target-label,\n.ct-series-t .ct-band-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.ct-series-u .ct-trend-line,\n.ct-series-u .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-u .ct-slice-pie,\n.ct-series-u .ct-area,\n.ct-series-u .ct-target-label,\n.ct-series-u .ct-band-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.ct-series-v .ct-trend-line,\n.ct-series-v .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-v .ct-slice-pie,\n.ct-series-v .ct-area,\n.ct-series-v .ct-target-label,\n.ct-series-v .ct-band-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.ct-series-w .ct-trend-line,\n.ct-series-w .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-w .ct-slice-pie,\n.ct-series-w .ct-area,\n.ct-series-w .ct-target-label,\n.ct-series-w .ct-band-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.ct-series-x .ct-trend-line,\n.ct-series-x .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-x .ct-slice-pie,\n.ct-series-x .ct-area,\n.ct-series-x .ct-target-label,\n.ct-series-x .ct-band-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.ct-series-y .ct-trend-line,\n.ct-series-y .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-y .ct-slice-pie,\n.ct-series-y .ct-area,\n.ct-series-y .ct-target-label,\n.ct-series-y .ct-band-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.ct-series-z .ct-trend-line,\n.ct-series-z .ct-target-line {\n stroke: var(--ct-color);\n}\n.ct-series-z .ct-slice-pie,\n.ct-series-z .ct-area,\n.ct-series-z .ct-target-label,\n.ct-series-z .ct-band-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}"]}