@property --color-1{
    syntax:"<color>";
    initial-value:transparent;
    inherits:true
}
@property --color-2{
    syntax:"<color>";
    initial-value:transparent;
    inherits:true
}
@property --color-3{
    syntax:"<color>";
    initial-value:transparent;
    inherits:true
}
@property --color-4{
    syntax:"<color>";
    initial-value:transparent;
    inherits:true
}
@property --color-5{
    syntax:"<color>";
    initial-value:transparent;
    inherits:true
}
@property --color-6{
    syntax:"<color>";
    initial-value:transparent;
    inherits:true
}
@property --color-7{
    syntax:"<color>";
    initial-value:transparent;
    inherits:true
}
@property --color-8{
    syntax:"<color>";
    initial-value:transparent;
    inherits:true
}
@property --color-9{
    syntax:"<color>";
    initial-value:transparent;
    inherits:true
}
@property --color-10{
    syntax:"<color>";
    initial-value:transparent;
    inherits:true
}
@property --color{
    syntax:"<color>";
    inherits:true
}
@property --chart-bg-color{
    syntax:"<color>";
    inherits:true
}
@property --aspect-ratio{
    syntax:"<ratio>";
    initial-value:auto;
    inherits:true
}
@property --labels-size{
    syntax:"<length>";
    initial-value:0;
    inherits:true
}
@property --labels-align-block{
    syntax:"<string>";
    inherits:true
}
@property --labels-align-inline{
    syntax:"<string>";
    inherits:true
}
@property --primary-axis-width{
    syntax:"<length>";
    initial-value:1px;
    inherits:true
}
@property --secondary-axes-width{
    syntax:"<length>";
    initial-value:1px;
    inherits:true
}
@property --data-axes-width{
    syntax:"<length>";
    initial-value:1px;
    inherits:true
}
@property --legend-border-width{
    syntax:"<length>";
    initial-value:1px;
    inherits:true
}
@property --primary-axis-style{
    syntax:"<line-style>";
    initial-value:solid;
    inherits:true
}
@property --secondary-axes-style{
    syntax:"<line-style>";
    initial-value:solid;
    inherits:true
}
@property --data-axes-style{
    syntax:"<line-style>";
    initial-value:solid;
    inherits:true
}
@property --legend-border-style{
    syntax:"<line-style>";
    initial-value:solid;
    inherits:true
}
@property --primary-axis-color{
    syntax:"<color>";
    initial-value:transparent;
    inherits:true
}
@property --secondary-axes-color{
    syntax:"<color>";
    initial-value:transparent;
    inherits:true
}
@property --data-axes-color{
    syntax:"<color>";
    initial-value:transparent;
    inherits:true
}
@property --legend-border-color{
    syntax:"<color>";
    initial-value:transparent;
    inherits:true
}
@property --start{
    syntax:"<number>";
    inherits:true
}
@property --end{
    syntax:"<number>";
    inherits:true
}
@property --size{
    syntax:"<number>";
    inherits:true
}
@property --line-size{
    syntax:"<number>";
    inherits:true
}
.charts-css{
    --color-1:rgba(0 116 255 / 75%);
    --color-2:rgba(70 196 47 / 75%);
    --color-3:rgba(240,50,50,.75);
    --color-4:rgba(255,180,50,.75);
    --color-5:rgba(255,220,90,.75);
    --color-6:rgba(170,90,240,.75);
    --color-7:hsla(0,0%,71%,.75);
    --color-8:hsla(0,0%,43%,.75);
    --color-9:hsla(40,26%,55%,.75);
    --color-10:rgba(130,50,20,.75);
    --chart-bg-color:#f5f5f5;
    --primary-axis-color:#000;
    --primary-axis-style:solid;
    --primary-axis-width:1px;
    --secondary-axes-color:rgba(0,0,0,.15);
    --secondary-axes-style:solid;
    --secondary-axes-width:1px;
    --data-axes-color:rgba(0,0,0,.15);
    --data-axes-style:solid;
    --data-axes-width:1px;
    --legend-border-color:#c8c8c8;
    --legend-border-style:solid;
    --legend-border-width:1px;
    border:0;
    display:block;
    height:100%;
    margin:0 auto;
    padding:0;
    position:relative;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
    width:100%
}
.charts-css,.charts-css *,.charts-css ::after,.charts-css ::before,.charts-css::after,.charts-css::before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
table.charts-css{
    background-color:transparent;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    overflow:initial
}
table.charts-css caption,table.charts-css colgroup,table.charts-css tbody,table.charts-css td,table.charts-css th,table.charts-css thead,table.charts-css tr{
    background-color:transparent;
    border:0;
    display:block;
    margin:0;
    padding:0
}
.charts-css.area.show-labels th.hide-label,.charts-css.area.show-labels tr.hide-label th,.charts-css.area:not(.show-labels) tbody tr th,.charts-css.bar.show-labels th.hide-label,.charts-css.bar.show-labels tr.hide-label th,.charts-css.bar:not(.show-labels) tbody tr th,.charts-css.column.show-labels th.hide-label,.charts-css.column.show-labels tr.hide-label th,.charts-css.column:not(.show-labels) tbody tr th,.charts-css.hide-data .data,.charts-css.hide-data .data:not(:focus):not(:focus-within),.charts-css.line.show-labels th.hide-label,.charts-css.line.show-labels tr.hide-label th,.charts-css.line:not(.show-labels) tbody tr th,.charts-css.pie tbody tr th,.charts-css.polar tbody tr,.charts-css.radar tbody tr,.charts-css.radial tbody tr,.charts-css:not(.show-heading) caption,table.charts-css colgroup,table.charts-css tfoot,table.charts-css thead{
    clip:rect(0,0,0,0);
    border:0;
    -webkit-clip-path:inset(50%);
    clip-path:inset(50%);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    white-space:nowrap;
    width:1px
}
table.charts-css tbody{
    position:relative
}
ol.charts-css,ul.charts-css{
    list-style-type:none
}
ol.charts-css li,ul.charts-css li{
    border:0;
    margin:0;
    padding:0
}
.charts-css.show-heading caption{
    display:block;
    width:100%
}
.charts-css.area tbody tr td:nth-of-type(10n+1)::before,.charts-css.bar tbody tr:nth-of-type(10n+1) td,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+1),.charts-css.column tbody tr:nth-of-type(10n+1) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+1),.charts-css.line tbody tr td:nth-of-type(10n+1)::before{
    background:var(--color,var(--color-1))
}
.charts-css.pie tbody tr:nth-of-type(10n+1) td,.charts-css.pie.multiple tbody tr td:nth-of-type(10n+1){
    --c:var(--color,var(--color-1,transparent))
}
.charts-css.area tbody tr td:nth-of-type(10n+2)::before,.charts-css.bar tbody tr:nth-of-type(10n+2) td,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+2),.charts-css.column tbody tr:nth-of-type(10n+2) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+2),.charts-css.line tbody tr td:nth-of-type(10n+2)::before{
    background:var(--color,var(--color-2))
}
.charts-css.pie tbody tr:nth-of-type(10n+2) td,.charts-css.pie.multiple tbody tr td:nth-of-type(10n+2){
    --c:var(--color,var(--color-2,transparent))
}
.charts-css.area tbody tr td:nth-of-type(10n+3)::before,.charts-css.bar tbody tr:nth-of-type(10n+3) td,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+3),.charts-css.column tbody tr:nth-of-type(10n+3) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+3),.charts-css.line tbody tr td:nth-of-type(10n+3)::before{
    background:var(--color,var(--color-3))
}
.charts-css.pie tbody tr:nth-of-type(10n+3) td,.charts-css.pie.multiple tbody tr td:nth-of-type(10n+3){
    --c:var(--color,var(--color-3,transparent))
}
.charts-css.area tbody tr td:nth-of-type(10n+4)::before,.charts-css.bar tbody tr:nth-of-type(10n+4) td,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+4),.charts-css.column tbody tr:nth-of-type(10n+4) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+4),.charts-css.line tbody tr td:nth-of-type(10n+4)::before{
    background:var(--color,var(--color-4))
}
.charts-css.pie tbody tr:nth-of-type(10n+4) td,.charts-css.pie.multiple tbody tr td:nth-of-type(10n+4){
    --c:var(--color,var(--color-4,transparent))
}
.charts-css.area tbody tr td:nth-of-type(10n+5)::before,.charts-css.bar tbody tr:nth-of-type(10n+5) td,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+5),.charts-css.column tbody tr:nth-of-type(10n+5) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+5),.charts-css.line tbody tr td:nth-of-type(10n+5)::before{
    background:var(--color,var(--color-5))
}
.charts-css.pie tbody tr:nth-of-type(10n+5) td,.charts-css.pie.multiple tbody tr td:nth-of-type(10n+5){
    --c:var(--color,var(--color-5,transparent))
}
.charts-css.area tbody tr td:nth-of-type(10n+6)::before,.charts-css.bar tbody tr:nth-of-type(10n+6) td,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+6),.charts-css.column tbody tr:nth-of-type(10n+6) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+6),.charts-css.line tbody tr td:nth-of-type(10n+6)::before{
    background:var(--color,var(--color-6))
}
.charts-css.pie tbody tr:nth-of-type(10n+6) td,.charts-css.pie.multiple tbody tr td:nth-of-type(10n+6){
    --c:var(--color,var(--color-6,transparent))
}
.charts-css.area tbody tr td:nth-of-type(10n+7)::before,.charts-css.bar tbody tr:nth-of-type(10n+7) td,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+7),.charts-css.column tbody tr:nth-of-type(10n+7) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+7),.charts-css.line tbody tr td:nth-of-type(10n+7)::before{
    background:var(--color,var(--color-7))
}
.charts-css.pie tbody tr:nth-of-type(10n+7) td,.charts-css.pie.multiple tbody tr td:nth-of-type(10n+7){
    --c:var(--color,var(--color-7,transparent))
}
.charts-css.area tbody tr td:nth-of-type(10n+8)::before,.charts-css.bar tbody tr:nth-of-type(10n+8) td,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+8),.charts-css.column tbody tr:nth-of-type(10n+8) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+8),.charts-css.line tbody tr td:nth-of-type(10n+8)::before{
    background:var(--color,var(--color-8))
}
.charts-css.pie tbody tr:nth-of-type(10n+8) td,.charts-css.pie.multiple tbody tr td:nth-of-type(10n+8){
    --c:var(--color,var(--color-8,transparent))
}
.charts-css.area tbody tr td:nth-of-type(10n+9)::before,.charts-css.bar tbody tr:nth-of-type(10n+9) td,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+9),.charts-css.column tbody tr:nth-of-type(10n+9) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+9),.charts-css.line tbody tr td:nth-of-type(10n+9)::before{
    background:var(--color,var(--color-9))
}
.charts-css.pie tbody tr:nth-of-type(10n+9) td,.charts-css.pie.multiple tbody tr td:nth-of-type(10n+9){
    --c:var(--color,var(--color-9,transparent))
}
.charts-css.area tbody tr td:nth-of-type(10n+10)::before,.charts-css.bar tbody tr:nth-of-type(10n+10) td,.charts-css.bar.multiple tbody tr td:nth-of-type(10n+10),.charts-css.column tbody tr:nth-of-type(10n+10) td,.charts-css.column.multiple tbody tr td:nth-of-type(10n+10),.charts-css.line tbody tr td:nth-of-type(10n+10)::before{
    background:var(--color,var(--color-10))
}
.charts-css.pie tbody tr:nth-of-type(10n+10) td,.charts-css.pie.multiple tbody tr td:nth-of-type(10n+10){
    --c:var(--color,var(--color-10,transparent))
}
.charts-css .data{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.charts-css.show-data-on-hover .data{
    opacity:0;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.charts-css.pie.show-data-on-hover tbody:hover .data,.charts-css.polar.show-data-on-hover tbody:hover .data,.charts-css.radar.show-data-on-hover tbody:hover .data,.charts-css.radial.show-data-on-hover tbody:hover .data,.charts-css.show-data-on-hover tr:hover .data{
    opacity:1;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.charts-css.bar.data-center tbody tr td,.charts-css.column.data-center tbody tr td{
    --data-position:center
}
.charts-css.bar.data-end.reverse tbody tr td,.charts-css.bar.data-outside.reverse tbody tr td,.charts-css.bar.data-start:not(.reverse) tbody tr td,.charts-css.column.data-end:not(.reverse) tbody tr td,.charts-css.column.data-outside:not(.reverse) tbody tr td,.charts-css.column.data-start.reverse tbody tr td{
    --data-position:flex-start
}
.charts-css.bar.data-end:not(.reverse) tbody tr td,.charts-css.bar.data-outside:not(.reverse) tbody tr td,.charts-css.bar.data-start.reverse tbody tr td,.charts-css.column.data-end.reverse tbody tr td,.charts-css.column.data-outside.reverse tbody tr td,.charts-css.column.data-start:not(.reverse) tbody tr td{
    --data-position:flex-end
}
.charts-css.bar.data-outside:not(.reverse) tbody tr td .data{
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
}
.charts-css.bar.data-outside.reverse tbody tr td .data{
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
.charts-css.column.data-outside:not(.reverse) tbody tr td .data,.charts-css.column:not(.reverse) tbody tr td .data.outside{
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
.charts-css.column.data-outside.reverse tbody tr td .data,.charts-css.column.reverse tbody tr td .data.outside{
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
}
.charts-css.area.reverse tbody tr td .data.inside,.charts-css.area.reverse tbody tr td.inside .data,.charts-css.area:not(.reverse) tbody tr td .data.inside,.charts-css.area:not(.reverse) tbody tr td.inside .data,.charts-css.bar.reverse tbody tr td .data.inside,.charts-css.bar.reverse tbody tr td.inside .data,.charts-css.bar:not(.reverse) tbody tr td .data.inside,.charts-css.bar:not(.reverse) tbody tr td.inside .data,.charts-css.column.reverse tbody tr td .data.inside,.charts-css.column.reverse tbody tr td.inside .data,.charts-css.column:not(.reverse) tbody tr td .data.inside,.charts-css.column:not(.reverse) tbody tr td.inside .data,.charts-css.line.reverse tbody tr td .data.inside,.charts-css.line.reverse tbody tr td.inside .data,.charts-css.line:not(.reverse) tbody tr td .data.inside,.charts-css.line:not(.reverse) tbody tr td.inside .data{
    -webkit-transform:unset;
    transform:unset
}
.charts-css.bar{
    --labels-size:80px
}
.charts-css.area:not(.show-labels),.charts-css.bar:not(.show-labels),.charts-css.column:not(.show-labels),.charts-css.line:not(.show-labels){
    --labels-size:0
}
.charts-css.bar.show-labels tbody tr th{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-box-align:var(--labels-align-block,center);
    -ms-flex-align:var(--labels-align-block,center);
    align-items:var(--labels-align-block,center);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:row;
    flex-direction:row;
    gap:5px
}
.charts-css.bar.show-labels.reverse.reverse-labels tbody tr th,.charts-css.bar.show-labels:not(.reverse):not(.reverse-labels) tbody tr th{
    -webkit-box-pack:var(--labels-align-inline,flex-start);
    -ms-flex-pack:var(--labels-align-inline,flex-start);
    justify-content:var(--labels-align-inline,flex-start)
}
.charts-css.bar.show-labels.reverse:not(.reverse-labels) tbody tr th,.charts-css.bar.show-labels:not(.reverse).reverse-labels tbody tr th{
    -webkit-box-pack:var(--labels-align-inline,flex-end);
    -ms-flex-pack:var(--labels-align-inline,flex-end);
    justify-content:var(--labels-align-inline,flex-end)
}
.charts-css.area,.charts-css.column,.charts-css.line{
    --labels-size:1.5rem
}
.charts-css.area.show-labels tbody tr th,.charts-css.column.show-labels tbody tr th,.charts-css.line.show-labels tbody tr th{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-align:var(--labels-align-inline,center);
    -ms-flex-align:var(--labels-align-inline,center);
    align-items:var(--labels-align-inline,center);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column
}
.charts-css.area.show-labels.reverse.reverse-labels tbody tr th,.charts-css.area.show-labels:not(.reverse):not(.reverse-labels) tbody tr th,.charts-css.column.show-labels.reverse.reverse-labels tbody tr th,.charts-css.column.show-labels:not(.reverse):not(.reverse-labels) tbody tr th,.charts-css.line.show-labels.reverse.reverse-labels tbody tr th,.charts-css.line.show-labels:not(.reverse):not(.reverse-labels) tbody tr th{
    -webkit-box-pack:var(--labels-align-block,flex-end);
    -ms-flex-pack:var(--labels-align-block,flex-end);
    justify-content:var(--labels-align-block,flex-end)
}
.charts-css.area.show-labels.reverse:not(.reverse-labels) tbody tr th,.charts-css.area.show-labels:not(.reverse).reverse-labels tbody tr th,.charts-css.column.show-labels.reverse:not(.reverse-labels) tbody tr th,.charts-css.column.show-labels:not(.reverse).reverse-labels tbody tr th,.charts-css.line.show-labels.reverse:not(.reverse-labels) tbody tr th,.charts-css.line.show-labels:not(.reverse).reverse-labels tbody tr th{
    -webkit-box-pack:var(--labels-align-block,flex-start);
    -ms-flex-pack:var(--labels-align-block,flex-start);
    justify-content:var(--labels-align-block,flex-start)
}
.charts-css.area.labels-align-inline-start tbody tr th,.charts-css.bar.labels-align-inline-start tbody tr th,.charts-css.column.labels-align-inline-start tbody tr th,.charts-css.line.labels-align-inline-start tbody tr th{
    --labels-align-inline:flex-start
}
.charts-css.area.labels-align-inline-end tbody tr th,.charts-css.bar.labels-align-inline-end tbody tr th,.charts-css.column.labels-align-inline-end tbody tr th,.charts-css.line.labels-align-inline-end tbody tr th{
    --labels-align-inline:flex-end
}
.charts-css.area.labels-align-inline-center tbody tr th,.charts-css.bar.labels-align-inline-center tbody tr th,.charts-css.column.labels-align-inline-center tbody tr th,.charts-css.line.labels-align-inline-center tbody tr th{
    --labels-align-inline:center
}
.charts-css.area.labels-align-block-start tbody tr th,.charts-css.bar.labels-align-block-start tbody tr th,.charts-css.column.labels-align-block-start tbody tr th,.charts-css.line.labels-align-block-start tbody tr th{
    --labels-align-block:flex-start
}
.charts-css.area.labels-align-block-end tbody tr th,.charts-css.bar.labels-align-block-end tbody tr th,.charts-css.column.labels-align-block-end tbody tr th,.charts-css.line.labels-align-block-end tbody tr th{
    --labels-align-block:flex-end
}
.charts-css.area.labels-align-block-center tbody tr th,.charts-css.bar.labels-align-block-center tbody tr th,.charts-css.column.labels-align-block-center tbody tr th,.charts-css.line.labels-align-block-center tbody tr th{
    --labels-align-block:center
}
.charts-css.area.show-primary-axis:not(.reverse) tbody tr,.charts-css.column.show-primary-axis:not(.reverse) tbody tr,.charts-css.line.show-primary-axis:not(.reverse) tbody tr{
    -webkit-border-after:var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
    border-block-end:var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color)
}
.charts-css.area.show-primary-axis.reverse tbody tr,.charts-css.column.show-primary-axis.reverse tbody tr,.charts-css.line.show-primary-axis.reverse tbody tr{
    -webkit-border-before:var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
    border-block-start:var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color)
}
.charts-css.area.show-1-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-1-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-1-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 1)
}
.charts-css.area.show-1-secondary-axes.reverse tbody tr,.charts-css.column.show-1-secondary-axes.reverse tbody tr,.charts-css.line.show-1-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 1)
}
.charts-css.area.show-2-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-2-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-2-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 2)
}
.charts-css.area.show-2-secondary-axes.reverse tbody tr,.charts-css.column.show-2-secondary-axes.reverse tbody tr,.charts-css.line.show-2-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 2)
}
.charts-css.area.show-3-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-3-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-3-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 3)
}
.charts-css.area.show-3-secondary-axes.reverse tbody tr,.charts-css.column.show-3-secondary-axes.reverse tbody tr,.charts-css.line.show-3-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 3)
}
.charts-css.area.show-4-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-4-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-4-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 4)
}
.charts-css.area.show-4-secondary-axes.reverse tbody tr,.charts-css.column.show-4-secondary-axes.reverse tbody tr,.charts-css.line.show-4-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 4)
}
.charts-css.area.show-5-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-5-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-5-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 5)
}
.charts-css.area.show-5-secondary-axes.reverse tbody tr,.charts-css.column.show-5-secondary-axes.reverse tbody tr,.charts-css.line.show-5-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 5)
}
.charts-css.area.show-6-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-6-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-6-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 6)
}
.charts-css.area.show-6-secondary-axes.reverse tbody tr,.charts-css.column.show-6-secondary-axes.reverse tbody tr,.charts-css.line.show-6-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 6)
}
.charts-css.area.show-7-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-7-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-7-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 7)
}
.charts-css.area.show-7-secondary-axes.reverse tbody tr,.charts-css.column.show-7-secondary-axes.reverse tbody tr,.charts-css.line.show-7-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 7)
}
.charts-css.area.show-8-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-8-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-8-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 8)
}
.charts-css.area.show-8-secondary-axes.reverse tbody tr,.charts-css.column.show-8-secondary-axes.reverse tbody tr,.charts-css.line.show-8-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 8)
}
.charts-css.area.show-9-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-9-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-9-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 9)
}
.charts-css.area.show-9-secondary-axes.reverse tbody tr,.charts-css.column.show-9-secondary-axes.reverse tbody tr,.charts-css.line.show-9-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 9)
}
.charts-css.area.show-10-secondary-axes:not(.reverse) tbody tr,.charts-css.column.show-10-secondary-axes:not(.reverse) tbody tr,.charts-css.line.show-10-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,left top,left bottom,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 10)
}
.charts-css.area.show-10-secondary-axes.reverse tbody tr,.charts-css.column.show-10-secondary-axes.reverse tbody tr,.charts-css.line.show-10-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left bottom,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(0deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:100% calc(100% / 10)
}
.charts-css.area.show-data-axes tbody tr,.charts-css.area.show-dataset-axes tbody tr td,.charts-css.column.show-data-axes tbody tr,.charts-css.column.show-dataset-axes tbody tr td,.charts-css.line.show-data-axes tbody tr,.charts-css.line.show-dataset-axes tbody tr td{
    -webkit-border-end:var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
    border-inline-end:var(--data-axes-width) var(--data-axes-style) var(--data-axes-color)
}
.charts-css.area.show-data-axes.reverse-data tbody tr:last-of-type,.charts-css.area.show-data-axes:not(.reverse-data) tbody tr:first-of-type,.charts-css.area.show-dataset-axes.reverse-data tbody tr:last-of-type td,.charts-css.area.show-dataset-axes:not(.reverse-data) tbody tr:first-of-type td,.charts-css.column.show-data-axes.reverse-data tbody tr:last-of-type,.charts-css.column.show-data-axes:not(.reverse-data) tbody tr:first-of-type,.charts-css.column.show-dataset-axes.reverse-data tbody tr:last-of-type td,.charts-css.column.show-dataset-axes:not(.reverse-data) tbody tr:first-of-type td,.charts-css.line.show-data-axes.reverse-data tbody tr:last-of-type,.charts-css.line.show-data-axes:not(.reverse-data) tbody tr:first-of-type,.charts-css.line.show-dataset-axes.reverse-data tbody tr:last-of-type td,.charts-css.line.show-dataset-axes:not(.reverse-data) tbody tr:first-of-type td{
    -webkit-border-start:var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
    border-inline-start:var(--data-axes-width) var(--data-axes-style) var(--data-axes-color)
}
.charts-css.bar.show-primary-axis:not(.reverse) tbody tr{
    -webkit-border-start:var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
    border-inline-start:var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color)
}
.charts-css.bar.show-primary-axis.reverse tbody tr{
    -webkit-border-end:var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
    border-inline-end:var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color)
}
.charts-css.bar.show-1-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 1) 100%
}
.charts-css.bar.show-1-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 1) 100%
}
.charts-css.bar.show-2-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 2) 100%
}
.charts-css.bar.show-2-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 2) 100%
}
.charts-css.bar.show-3-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 3) 100%
}
.charts-css.bar.show-3-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 3) 100%
}
.charts-css.bar.show-4-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 4) 100%
}
.charts-css.bar.show-4-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 4) 100%
}
.charts-css.bar.show-5-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 5) 100%
}
.charts-css.bar.show-5-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 5) 100%
}
.charts-css.bar.show-6-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 6) 100%
}
.charts-css.bar.show-6-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 6) 100%
}
.charts-css.bar.show-7-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 7) 100%
}
.charts-css.bar.show-7-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 7) 100%
}
.charts-css.bar.show-8-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 8) 100%
}
.charts-css.bar.show-8-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 8) 100%
}
.charts-css.bar.show-9-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 9) 100%
}
.charts-css.bar.show-9-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 9) 100%
}
.charts-css.bar.show-10-secondary-axes:not(.reverse) tbody tr{
    background-image:-webkit-gradient(linear,right top,left top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(-90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 10) 100%
}
.charts-css.bar.show-10-secondary-axes.reverse tbody tr{
    background-image:-webkit-gradient(linear,left top,right top,from(var(--secondary-axes-color)),to(transparent));
    background-image:linear-gradient(90deg,var(--secondary-axes-color) var(--secondary-axes-width),transparent var(--secondary-axes-width));
    background-size:calc(100% / 10) 100%
}
.charts-css.bar.show-data-axes tbody tr,.charts-css.bar.show-dataset-axes tbody tr td{
    -webkit-border-after:var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
    border-block-end:var(--data-axes-width) var(--data-axes-style) var(--data-axes-color)
}
.charts-css.bar.show-data-axes.reverse-data tbody tr:last-of-type,.charts-css.bar.show-data-axes:not(.reverse-data) tbody tr:first-of-type,.charts-css.bar.show-dataset-axes.reverse-data tbody tr:last-of-type td,.charts-css.bar.show-dataset-axes:not(.reverse-data) tbody tr:first-of-type td{
    -webkit-border-before:var(--data-axes-width) var(--data-axes-style) var(--data-axes-color);
    border-block-start:var(--data-axes-width) var(--data-axes-style) var(--data-axes-color)
}
.charts-css.pie.show-primary-axis tbody,.charts-css.polar.show-primary-axis tbody,.charts-css.radar.show-primary-axis tbody,.charts-css.radial.show-primary-axis tbody{
    border:var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color)
}
.charts-css.pie.show-1-secondary-axes tbody::after,.charts-css.polar.show-1-secondary-axes tbody::after,.charts-css.radar.show-1-secondary-axes tbody::after,.charts-css.radial.show-1-secondary-axes tbody::after{
    background:repeating-radial-gradient(closest-side,transparent 0,transparent calc(100% / 2 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 2 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 2),transparent calc(100% / 2 + var(--secondary-axes-width)),transparent calc(100% / 2 + var(--secondary-axes-width)));
    border-radius:50%;
    bottom:0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:2
}
.charts-css.pie.show-2-secondary-axes tbody::after,.charts-css.polar.show-2-secondary-axes tbody::after,.charts-css.radar.show-2-secondary-axes tbody::after,.charts-css.radial.show-2-secondary-axes tbody::after{
    background:repeating-radial-gradient(closest-side,transparent 0,transparent calc(100% / 3 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 3 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 3),transparent calc(100% / 3 + var(--secondary-axes-width)),transparent calc(100% / 3 + var(--secondary-axes-width)));
    border-radius:50%;
    bottom:0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:2
}
.charts-css.pie.show-3-secondary-axes tbody::after,.charts-css.polar.show-3-secondary-axes tbody::after,.charts-css.radar.show-3-secondary-axes tbody::after,.charts-css.radial.show-3-secondary-axes tbody::after{
    background:repeating-radial-gradient(closest-side,transparent 0,transparent calc(100% / 4 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 4 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 4),transparent calc(100% / 4 + var(--secondary-axes-width)),transparent calc(100% / 4 + var(--secondary-axes-width)));
    border-radius:50%;
    bottom:0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:2
}
.charts-css.pie.show-4-secondary-axes tbody::after,.charts-css.polar.show-4-secondary-axes tbody::after,.charts-css.radar.show-4-secondary-axes tbody::after,.charts-css.radial.show-4-secondary-axes tbody::after{
    background:repeating-radial-gradient(closest-side,transparent 0,transparent calc(100% / 5 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 5 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 5),transparent calc(100% / 5 + var(--secondary-axes-width)),transparent calc(100% / 5 + var(--secondary-axes-width)));
    border-radius:50%;
    bottom:0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:2
}
.charts-css.pie.show-5-secondary-axes tbody::after,.charts-css.polar.show-5-secondary-axes tbody::after,.charts-css.radar.show-5-secondary-axes tbody::after,.charts-css.radial.show-5-secondary-axes tbody::after{
    background:repeating-radial-gradient(closest-side,transparent 0,transparent calc(100% / 6 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 6 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 6),transparent calc(100% / 6 + var(--secondary-axes-width)),transparent calc(100% / 6 + var(--secondary-axes-width)));
    border-radius:50%;
    bottom:0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:2
}
.charts-css.pie.show-6-secondary-axes tbody::after,.charts-css.polar.show-6-secondary-axes tbody::after,.charts-css.radar.show-6-secondary-axes tbody::after,.charts-css.radial.show-6-secondary-axes tbody::after{
    background:repeating-radial-gradient(closest-side,transparent 0,transparent calc(100% / 7 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 7 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 7),transparent calc(100% / 7 + var(--secondary-axes-width)),transparent calc(100% / 7 + var(--secondary-axes-width)));
    border-radius:50%;
    bottom:0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:2
}
.charts-css.pie.show-7-secondary-axes tbody::after,.charts-css.polar.show-7-secondary-axes tbody::after,.charts-css.radar.show-7-secondary-axes tbody::after,.charts-css.radial.show-7-secondary-axes tbody::after{
    background:repeating-radial-gradient(closest-side,transparent 0,transparent calc(100% / 8 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 8 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 8),transparent calc(100% / 8 + var(--secondary-axes-width)),transparent calc(100% / 8 + var(--secondary-axes-width)));
    border-radius:50%;
    bottom:0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:2
}
.charts-css.pie.show-8-secondary-axes tbody::after,.charts-css.polar.show-8-secondary-axes tbody::after,.charts-css.radar.show-8-secondary-axes tbody::after,.charts-css.radial.show-8-secondary-axes tbody::after{
    background:repeating-radial-gradient(closest-side,transparent 0,transparent calc(100% / 9 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 9 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 9),transparent calc(100% / 9 + var(--secondary-axes-width)),transparent calc(100% / 9 + var(--secondary-axes-width)));
    border-radius:50%;
    bottom:0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:2
}
.charts-css.pie.show-9-secondary-axes tbody::after,.charts-css.polar.show-9-secondary-axes tbody::after,.charts-css.radar.show-9-secondary-axes tbody::after,.charts-css.radial.show-9-secondary-axes tbody::after{
    background:repeating-radial-gradient(closest-side,transparent 0,transparent calc(100% / 10 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 10 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 10),transparent calc(100% / 10 + var(--secondary-axes-width)),transparent calc(100% / 10 + var(--secondary-axes-width)));
    border-radius:50%;
    bottom:0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:2
}
.charts-css.pie.show-10-secondary-axes tbody::after,.charts-css.polar.show-10-secondary-axes tbody::after,.charts-css.radar.show-10-secondary-axes tbody::after,.charts-css.radial.show-10-secondary-axes tbody::after{
    background:repeating-radial-gradient(closest-side,transparent 0,transparent calc(100% / 11 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 11 - var(--secondary-axes-width)),var(--secondary-axes-color) calc(100% / 11),transparent calc(100% / 11 + var(--secondary-axes-width)),transparent calc(100% / 11 + var(--secondary-axes-width)));
    border-radius:50%;
    bottom:0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:2
}
.charts-css.legend{
    border:var(--legend-border-width) var(--legend-border-style) var(--legend-border-color);
    font-size:1rem;
    list-style:none;
    padding:1rem
}
.charts-css.legend li{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    line-height:2
}
.charts-css.legend li::before{
    -webkit-margin-end:.5rem;
    border-style:solid;
    border-width:2px;
    content:"";
    display:inline-block;
    margin-inline-end:.5rem;
    vertical-align:middle
}
.charts-css.legend li:nth-child(10n+1)::before{
    background-color:var(--color-1,transparent);
    border-color:var(--border-color-1,var(--border-color,#000))
}
.charts-css.legend li:nth-child(10n+2)::before{
    background-color:var(--color-2,transparent);
    border-color:var(--border-color-2,var(--border-color,#000))
}
.charts-css.legend li:nth-child(10n+3)::before{
    background-color:var(--color-3,transparent);
    border-color:var(--border-color-3,var(--border-color,#000))
}
.charts-css.legend li:nth-child(10n+4)::before{
    background-color:var(--color-4,transparent);
    border-color:var(--border-color-4,var(--border-color,#000))
}
.charts-css.legend li:nth-child(10n+5)::before{
    background-color:var(--color-5,transparent);
    border-color:var(--border-color-5,var(--border-color,#000))
}
.charts-css.legend li:nth-child(10n+6)::before{
    background-color:var(--color-6,transparent);
    border-color:var(--border-color-6,var(--border-color,#000))
}
.charts-css.legend li:nth-child(10n+7)::before{
    background-color:var(--color-7,transparent);
    border-color:var(--border-color-7,var(--border-color,#000))
}
.charts-css.legend li:nth-child(10n+8)::before{
    background-color:var(--color-8,transparent);
    border-color:var(--border-color-8,var(--border-color,#000))
}
.charts-css.legend li:nth-child(10n+9)::before{
    background-color:var(--color-9,transparent);
    border-color:var(--border-color-9,var(--border-color,#000))
}
.charts-css.legend li:nth-child(10n+10)::before{
    background-color:var(--color-10,transparent);
    border-color:var(--border-color-10,var(--border-color,#000))
}
.charts-css:not(.legend-inline){
    -webkit-box-orient:vertical;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.charts-css.legend-inline,.charts-css:not(.legend-inline){
    -webkit-box-direction:normal;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.charts-css.legend-inline{
    -webkit-box-orient:horizontal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.charts-css.legend-inline li{
    -webkit-margin-end:1rem;
    margin-inline-end:1rem
}
.charts-css.legend-circle li::before{
    border-radius:50%;
    height:1rem;
    width:1rem
}
.charts-css.legend-ellipse li::before{
    border-radius:50%;
    height:1rem;
    width:2rem
}
.charts-css.legend-rhombus li::before,.charts-css.legend-square li::before{
    border-radius:3px;
    height:1rem;
    width:1rem
}
.charts-css.legend-rhombus li::before{
    -webkit-transform:rotate(45deg) scale(.85);
    transform:rotate(45deg) scale(.85)
}
.charts-css.legend-rectangle li::before{
    border-radius:3px;
    height:1rem;
    width:2rem
}
.charts-css.legend-line li::before{
    border-radius:2px;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:3px;
    width:2rem
}
.charts-css .tooltip{
    background-color:#555;
    border-radius:6px;
    bottom:50%;
    color:#fff;
    font-size:.9rem;
    left:50%;
    opacity:0;
    padding:5px 10px;
    position:absolute;
    text-align:center;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:opacity .3s;
    transition:opacity .3s;
    visibility:hidden;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    z-index:1
}
.charts-css .tooltip::after{
    border:5px solid transparent;
    border-top-color:#555;
    content:"";
    left:50%;
    margin-left:-5px;
    position:absolute;
    top:100%
}
.charts-css td:hover .tooltip{
    opacity:1;
    visibility:visible
}
.charts-css.bar tbody{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    aspect-ratio:var(--aspect-ratio,auto);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:space-between;
    width:100%
}
.charts-css.area tbody tr,.charts-css.bar tbody tr,.charts-css.column tbody tr,.charts-css.line tbody tr{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    -ms-flex-negative:1;
    -ms-flex-preferred-size:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-basis:0;
    flex-grow:1;
    flex-shrink:1;
    justify-content:flex-start;
    overflow-wrap:anywhere;
    position:relative
}
.charts-css.bar tbody tr th{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:var(--labels-size)
}
.charts-css.bar tbody tr td{
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-padding-before:10px;
    -webkit-padding-after:10px;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    min-height:1rem;
    padding-block-end:10px;
    padding-block-start:10px;
    position:relative;
    width:calc(100% * var(--end, var(--size, 1)))
}
.charts-css.bar:not(.reverse) tbody tr td{
    -webkit-box-pack:var(--data-position,flex-end);
    -ms-flex-pack:var(--data-position,flex-end);
    justify-content:var(--data-position,flex-end)
}
.charts-css.bar:not(.reverse) tbody tr td .data.outside{
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
    white-space:nowrap
}
.charts-css.bar.reverse tbody tr td{
    -webkit-box-pack:var(--data-position,flex-start);
    -ms-flex-pack:var(--data-position,flex-start);
    justify-content:var(--data-position,flex-start)
}
.charts-css.bar.reverse tbody tr td .data.outside{
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
    white-space:nowrap
}
.charts-css.area.reverse tbody tr,.charts-css.area:not(.reverse) tbody tr td .data,.charts-css.bar:not(.reverse) tbody tr,.charts-css.column.reverse tbody tr,.charts-css.line.reverse tbody tr,.charts-css.line:not(.reverse) tbody tr td .data{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.charts-css.area.reverse tbody tr td .data,.charts-css.area:not(.reverse) tbody tr,.charts-css.bar.reverse tbody tr,.charts-css.column:not(.reverse) tbody tr,.charts-css.line.reverse tbody tr td .data,.charts-css.line:not(.reverse) tbody tr{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.charts-css.bar.reverse-labels.reverse tbody tr,.charts-css.bar:not(.reverse-labels):not(.reverse) tbody tr{
    -webkit-margin-start:var(--labels-size);
    margin-inline-start:var(--labels-size)
}
.charts-css.bar:not(.reverse-labels):not(.reverse) tbody tr th{
    -webkit-margin-end:auto;
    -webkit-margin-start:calc(-1 * var(--labels-size) - var(--primary-axis-width));
    margin-inline-end:auto;
    margin-inline-start:calc(-1 * var(--labels-size) - var(--primary-axis-width))
}
.charts-css.bar.reverse-labels:not(.reverse) tbody tr,.charts-css.bar:not(.reverse-labels).reverse tbody tr{
    -webkit-margin-end:var(--labels-size);
    margin-inline-end:var(--labels-size)
}
.charts-css.bar:not(.reverse-labels).reverse tbody tr th{
    -webkit-margin-start:auto;
    -webkit-margin-end:calc(-1 * var(--labels-size) - var(--primary-axis-width));
    margin-inline-end:calc(-1 * var(--labels-size) - var(--primary-axis-width));
    margin-inline-start:auto
}
.charts-css.bar.reverse-labels:not(.reverse) tbody tr th{
    -webkit-margin-start:auto;
    -webkit-margin-end:calc(-1 * var(--labels-size));
    margin-inline-end:calc(-1 * var(--labels-size));
    margin-inline-start:auto
}
.charts-css.bar.reverse-labels.reverse tbody tr th{
    -webkit-margin-end:auto;
    -webkit-margin-start:calc(-1 * var(--labels-size));
    margin-inline-end:auto;
    margin-inline-start:calc(-1 * var(--labels-size))
}
.charts-css.bar:not(.stacked) tbody tr td,.charts-css.column:not(.stacked) tbody tr td{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    -ms-flex-negative:1;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    flex-grow:1;
    flex-shrink:1
}
.charts-css.bar.stacked tbody tr td,.charts-css.column.stacked tbody tr td{
    -webkit-box-flex:unset;
    -ms-flex-positive:unset;
    -ms-flex-negative:unset;
    -ms-flex-preferred-size:unset;
    flex-basis:unset;
    flex-grow:unset;
    flex-shrink:unset
}
.charts-css.area:not(.reverse) tbody tr th,.charts-css.bar.stacked.reverse-datasets tbody tr,.charts-css.column.stacked.reverse-datasets tbody tr,.charts-css.column:not(.reverse) tbody tr th,.charts-css.line:not(.reverse) tbody tr th{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.charts-css.bar:not(.reverse-data) tbody,.charts-css.bar:not(.reverse-datasets):not(.stacked) tbody tr,.charts-css.column.reverse-datasets.stacked:not(.reverse) tbody tr,.charts-css.column:not(.reverse-datasets).stacked.reverse tbody tr{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.charts-css.bar.reverse-data tbody,.charts-css.bar.reverse-datasets:not(.stacked) tbody tr,.charts-css.column.reverse-datasets.stacked.reverse tbody tr,.charts-css.column:not(.reverse-datasets).stacked:not(.reverse) tbody tr{
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
}
.charts-css.area:not(.reverse-data) tbody,.charts-css.area:not(.reverse-datasets) tbody tr,.charts-css.bar.reverse-datasets.stacked.reverse tbody tr,.charts-css.bar:not(.reverse-datasets).stacked:not(.reverse) tbody tr,.charts-css.column.reverse-labels.reverse-data tbody,.charts-css.column:not(.reverse-datasets):not(.stacked) tbody tr,.charts-css.column:not(.reverse-labels):not(.reverse-data) tbody,.charts-css.line:not(.reverse-data) tbody,.charts-css.line:not(.reverse-datasets) tbody tr{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
.charts-css.area.reverse-data tbody,.charts-css.area.reverse-datasets tbody tr,.charts-css.bar.reverse-datasets.stacked:not(.reverse) tbody tr,.charts-css.bar:not(.reverse-datasets).stacked.reverse tbody tr,.charts-css.column.reverse-datasets:not(.stacked) tbody tr,.charts-css.column.reverse-labels:not(.reverse-data) tbody,.charts-css.column:not(.reverse-labels).reverse-data tbody,.charts-css.line.reverse-data tbody,.charts-css.line.reverse-datasets tbody tr{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
.charts-css.bar.data-spacing-1 tbody tr{
    -webkit-padding-before:1px;
    -webkit-padding-after:1px;
    padding-block-end:1px;
    padding-block-start:1px
}
.charts-css.bar.data-spacing-2 tbody tr{
    -webkit-padding-before:2px;
    -webkit-padding-after:2px;
    padding-block-end:2px;
    padding-block-start:2px
}
.charts-css.bar.data-spacing-3 tbody tr{
    -webkit-padding-before:3px;
    -webkit-padding-after:3px;
    padding-block-end:3px;
    padding-block-start:3px
}
.charts-css.bar.data-spacing-4 tbody tr{
    -webkit-padding-before:4px;
    -webkit-padding-after:4px;
    padding-block-end:4px;
    padding-block-start:4px
}
.charts-css.bar.data-spacing-5 tbody tr{
    -webkit-padding-before:5px;
    -webkit-padding-after:5px;
    padding-block-end:5px;
    padding-block-start:5px
}
.charts-css.bar.data-spacing-6 tbody tr{
    -webkit-padding-before:6px;
    -webkit-padding-after:6px;
    padding-block-end:6px;
    padding-block-start:6px
}
.charts-css.bar.data-spacing-7 tbody tr{
    -webkit-padding-before:7px;
    -webkit-padding-after:7px;
    padding-block-end:7px;
    padding-block-start:7px
}
.charts-css.bar.data-spacing-8 tbody tr{
    -webkit-padding-before:8px;
    -webkit-padding-after:8px;
    padding-block-end:8px;
    padding-block-start:8px
}
.charts-css.bar.data-spacing-9 tbody tr{
    -webkit-padding-before:9px;
    -webkit-padding-after:9px;
    padding-block-end:9px;
    padding-block-start:9px
}
.charts-css.bar.data-spacing-10 tbody tr{
    -webkit-padding-before:10px;
    -webkit-padding-after:10px;
    padding-block-end:10px;
    padding-block-start:10px
}
.charts-css.bar.data-spacing-11 tbody tr{
    -webkit-padding-before:11px;
    -webkit-padding-after:11px;
    padding-block-end:11px;
    padding-block-start:11px
}
.charts-css.bar.data-spacing-12 tbody tr{
    -webkit-padding-before:12px;
    -webkit-padding-after:12px;
    padding-block-end:12px;
    padding-block-start:12px
}
.charts-css.bar.data-spacing-13 tbody tr{
    -webkit-padding-before:13px;
    -webkit-padding-after:13px;
    padding-block-end:13px;
    padding-block-start:13px
}
.charts-css.bar.data-spacing-14 tbody tr{
    -webkit-padding-before:14px;
    -webkit-padding-after:14px;
    padding-block-end:14px;
    padding-block-start:14px
}
.charts-css.bar.data-spacing-15 tbody tr{
    -webkit-padding-before:15px;
    -webkit-padding-after:15px;
    padding-block-end:15px;
    padding-block-start:15px
}
.charts-css.bar.data-spacing-16 tbody tr{
    -webkit-padding-before:16px;
    -webkit-padding-after:16px;
    padding-block-end:16px;
    padding-block-start:16px
}
.charts-css.bar.data-spacing-17 tbody tr{
    -webkit-padding-before:17px;
    -webkit-padding-after:17px;
    padding-block-end:17px;
    padding-block-start:17px
}
.charts-css.bar.data-spacing-18 tbody tr{
    -webkit-padding-before:18px;
    -webkit-padding-after:18px;
    padding-block-end:18px;
    padding-block-start:18px
}
.charts-css.bar.data-spacing-19 tbody tr{
    -webkit-padding-before:19px;
    -webkit-padding-after:19px;
    padding-block-end:19px;
    padding-block-start:19px
}
.charts-css.bar.data-spacing-20 tbody tr{
    -webkit-padding-before:20px;
    -webkit-padding-after:20px;
    padding-block-end:20px;
    padding-block-start:20px
}
.charts-css.bar.datasets-spacing-1 tbody tr td{
    -webkit-margin-before:1px;
    -webkit-margin-after:1px;
    margin-block-end:1px;
    margin-block-start:1px
}
.charts-css.bar.datasets-spacing-2 tbody tr td{
    -webkit-margin-before:2px;
    -webkit-margin-after:2px;
    margin-block-end:2px;
    margin-block-start:2px
}
.charts-css.bar.datasets-spacing-3 tbody tr td{
    -webkit-margin-before:3px;
    -webkit-margin-after:3px;
    margin-block-end:3px;
    margin-block-start:3px
}
.charts-css.bar.datasets-spacing-4 tbody tr td{
    -webkit-margin-before:4px;
    -webkit-margin-after:4px;
    margin-block-end:4px;
    margin-block-start:4px
}
.charts-css.bar.datasets-spacing-5 tbody tr td{
    -webkit-margin-before:5px;
    -webkit-margin-after:5px;
    margin-block-end:5px;
    margin-block-start:5px
}
.charts-css.bar.datasets-spacing-6 tbody tr td{
    -webkit-margin-before:6px;
    -webkit-margin-after:6px;
    margin-block-end:6px;
    margin-block-start:6px
}
.charts-css.bar.datasets-spacing-7 tbody tr td{
    -webkit-margin-before:7px;
    -webkit-margin-after:7px;
    margin-block-end:7px;
    margin-block-start:7px
}
.charts-css.bar.datasets-spacing-8 tbody tr td{
    -webkit-margin-before:8px;
    -webkit-margin-after:8px;
    margin-block-end:8px;
    margin-block-start:8px
}
.charts-css.bar.datasets-spacing-9 tbody tr td{
    -webkit-margin-before:9px;
    -webkit-margin-after:9px;
    margin-block-end:9px;
    margin-block-start:9px
}
.charts-css.bar.datasets-spacing-10 tbody tr td{
    -webkit-margin-before:10px;
    -webkit-margin-after:10px;
    margin-block-end:10px;
    margin-block-start:10px
}
.charts-css.bar.datasets-spacing-11 tbody tr td{
    -webkit-margin-before:11px;
    -webkit-margin-after:11px;
    margin-block-end:11px;
    margin-block-start:11px
}
.charts-css.bar.datasets-spacing-12 tbody tr td{
    -webkit-margin-before:12px;
    -webkit-margin-after:12px;
    margin-block-end:12px;
    margin-block-start:12px
}
.charts-css.bar.datasets-spacing-13 tbody tr td{
    -webkit-margin-before:13px;
    -webkit-margin-after:13px;
    margin-block-end:13px;
    margin-block-start:13px
}
.charts-css.bar.datasets-spacing-14 tbody tr td{
    -webkit-margin-before:14px;
    -webkit-margin-after:14px;
    margin-block-end:14px;
    margin-block-start:14px
}
.charts-css.bar.datasets-spacing-15 tbody tr td{
    -webkit-margin-before:15px;
    -webkit-margin-after:15px;
    margin-block-end:15px;
    margin-block-start:15px
}
.charts-css.bar.datasets-spacing-16 tbody tr td{
    -webkit-margin-before:16px;
    -webkit-margin-after:16px;
    margin-block-end:16px;
    margin-block-start:16px
}
.charts-css.bar.datasets-spacing-17 tbody tr td{
    -webkit-margin-before:17px;
    -webkit-margin-after:17px;
    margin-block-end:17px;
    margin-block-start:17px
}
.charts-css.bar.datasets-spacing-18 tbody tr td{
    -webkit-margin-before:18px;
    -webkit-margin-after:18px;
    margin-block-end:18px;
    margin-block-start:18px
}
.charts-css.bar.datasets-spacing-19 tbody tr td{
    -webkit-margin-before:19px;
    -webkit-margin-after:19px;
    margin-block-end:19px;
    margin-block-start:19px
}
.charts-css.bar.datasets-spacing-20 tbody tr td{
    -webkit-margin-before:20px;
    -webkit-margin-after:20px;
    margin-block-end:20px;
    margin-block-start:20px
}
.charts-css.area tbody,.charts-css.column tbody,.charts-css.line tbody{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    aspect-ratio:var(--aspect-ratio,21/9);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:space-between;
    width:100%
}
.charts-css.area tbody tr th,.charts-css.column tbody tr th,.charts-css.line tbody tr th{
    bottom:0;
    height:var(--labels-size);
    left:0;
    position:absolute;
    right:0;
    top:0
}
.charts-css.column tbody tr td{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:calc(100% * var(--end, var(--size, 1)));
    justify-content:center;
    position:relative;
    width:100%
}
.charts-css.column:not(.reverse) tbody tr td{
    -webkit-box-align:var(--data-position,flex-start);
    -ms-flex-align:var(--data-position,flex-start);
    align-items:var(--data-position,flex-start)
}
.charts-css.column.reverse tbody tr td{
    -webkit-box-align:var(--data-position,flex-end);
    -ms-flex-align:var(--data-position,flex-end);
    align-items:var(--data-position,flex-end)
}
.charts-css.area.reverse tbody tr td,.charts-css.area:not(.reverse) tbody tr td,.charts-css.column.reverse tbody tr td,.charts-css.column:not(.reverse) tbody tr td,.charts-css.line.reverse tbody tr td,.charts-css.line:not(.reverse) tbody tr td{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.charts-css.area.reverse tbody tr th,.charts-css.column.reverse tbody tr th,.charts-css.line.reverse tbody tr th{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.charts-css.area.reverse-labels.reverse tbody tr,.charts-css.area:not(.reverse-labels):not(.reverse) tbody tr,.charts-css.column.reverse-labels.reverse tbody tr,.charts-css.column:not(.reverse-labels):not(.reverse) tbody tr,.charts-css.line.reverse-labels.reverse tbody tr,.charts-css.line:not(.reverse-labels):not(.reverse) tbody tr{
    -webkit-margin-after:var(--labels-size);
    margin-block-end:var(--labels-size)
}
.charts-css.area:not(.reverse-labels):not(.reverse) tbody tr th,.charts-css.column:not(.reverse-labels):not(.reverse) tbody tr th,.charts-css.line:not(.reverse-labels):not(.reverse) tbody tr th{
    -webkit-margin-before:auto;
    -webkit-margin-after:calc(-1 * var(--labels-size) - var(--primary-axis-width));
    margin-block-end:calc(-1 * var(--labels-size) - var(--primary-axis-width));
    margin-block-start:auto
}
.charts-css.area.reverse-labels:not(.reverse) tbody tr,.charts-css.area:not(.reverse-labels).reverse tbody tr,.charts-css.column.reverse-labels:not(.reverse) tbody tr,.charts-css.column:not(.reverse-labels).reverse tbody tr,.charts-css.line.reverse-labels:not(.reverse) tbody tr,.charts-css.line:not(.reverse-labels).reverse tbody tr{
    -webkit-margin-before:var(--labels-size);
    margin-block-start:var(--labels-size)
}
.charts-css.area:not(.reverse-labels).reverse tbody tr th,.charts-css.column:not(.reverse-labels).reverse tbody tr th,.charts-css.line:not(.reverse-labels).reverse tbody tr th{
    -webkit-margin-after:auto;
    -webkit-margin-before:calc(-1 * var(--labels-size) - var(--primary-axis-width));
    margin-block-end:auto;
    margin-block-start:calc(-1 * var(--labels-size) - var(--primary-axis-width))
}
.charts-css.area.reverse-labels:not(.reverse) tbody tr th,.charts-css.column.reverse-labels:not(.reverse) tbody tr th,.charts-css.line.reverse-labels:not(.reverse) tbody tr th{
    -webkit-margin-after:auto;
    -webkit-margin-before:calc(-1 * var(--labels-size));
    margin-block-end:auto;
    margin-block-start:calc(-1 * var(--labels-size))
}
.charts-css.area.reverse-labels.reverse tbody tr th,.charts-css.column.reverse-labels.reverse tbody tr th,.charts-css.line.reverse-labels.reverse tbody tr th{
    -webkit-margin-before:auto;
    -webkit-margin-after:calc(-1 * var(--labels-size));
    margin-block-end:calc(-1 * var(--labels-size));
    margin-block-start:auto
}
.charts-css.column.data-spacing-1 tbody tr{
    -webkit-padding-start:1px;
    -webkit-padding-end:1px;
    padding-inline-end:1px;
    padding-inline-start:1px
}
.charts-css.column.data-spacing-2 tbody tr{
    -webkit-padding-start:2px;
    -webkit-padding-end:2px;
    padding-inline-end:2px;
    padding-inline-start:2px
}
.charts-css.column.data-spacing-3 tbody tr{
    -webkit-padding-start:3px;
    -webkit-padding-end:3px;
    padding-inline-end:3px;
    padding-inline-start:3px
}
.charts-css.column.data-spacing-4 tbody tr{
    -webkit-padding-start:4px;
    -webkit-padding-end:4px;
    padding-inline-end:4px;
    padding-inline-start:4px
}
.charts-css.column.data-spacing-5 tbody tr{
    -webkit-padding-start:5px;
    -webkit-padding-end:5px;
    padding-inline-end:5px;
    padding-inline-start:5px
}
.charts-css.column.data-spacing-6 tbody tr{
    -webkit-padding-start:6px;
    -webkit-padding-end:6px;
    padding-inline-end:6px;
    padding-inline-start:6px
}
.charts-css.column.data-spacing-7 tbody tr{
    -webkit-padding-start:7px;
    -webkit-padding-end:7px;
    padding-inline-end:7px;
    padding-inline-start:7px
}
.charts-css.column.data-spacing-8 tbody tr{
    -webkit-padding-start:8px;
    -webkit-padding-end:8px;
    padding-inline-end:8px;
    padding-inline-start:8px
}
.charts-css.column.data-spacing-9 tbody tr{
    -webkit-padding-start:9px;
    -webkit-padding-end:9px;
    padding-inline-end:9px;
    padding-inline-start:9px
}
.charts-css.column.data-spacing-10 tbody tr{
    -webkit-padding-start:10px;
    -webkit-padding-end:10px;
    padding-inline-end:10px;
    padding-inline-start:10px
}
.charts-css.column.data-spacing-11 tbody tr{
    -webkit-padding-start:11px;
    -webkit-padding-end:11px;
    padding-inline-end:11px;
    padding-inline-start:11px
}
.charts-css.column.data-spacing-12 tbody tr{
    -webkit-padding-start:12px;
    -webkit-padding-end:12px;
    padding-inline-end:12px;
    padding-inline-start:12px
}
.charts-css.column.data-spacing-13 tbody tr{
    -webkit-padding-start:13px;
    -webkit-padding-end:13px;
    padding-inline-end:13px;
    padding-inline-start:13px
}
.charts-css.column.data-spacing-14 tbody tr{
    -webkit-padding-start:14px;
    -webkit-padding-end:14px;
    padding-inline-end:14px;
    padding-inline-start:14px
}
.charts-css.column.data-spacing-15 tbody tr{
    -webkit-padding-start:15px;
    -webkit-padding-end:15px;
    padding-inline-end:15px;
    padding-inline-start:15px
}
.charts-css.column.data-spacing-16 tbody tr{
    -webkit-padding-start:16px;
    -webkit-padding-end:16px;
    padding-inline-end:16px;
    padding-inline-start:16px
}
.charts-css.column.data-spacing-17 tbody tr{
    -webkit-padding-start:17px;
    -webkit-padding-end:17px;
    padding-inline-end:17px;
    padding-inline-start:17px
}
.charts-css.column.data-spacing-18 tbody tr{
    -webkit-padding-start:18px;
    -webkit-padding-end:18px;
    padding-inline-end:18px;
    padding-inline-start:18px
}
.charts-css.column.data-spacing-19 tbody tr{
    -webkit-padding-start:19px;
    -webkit-padding-end:19px;
    padding-inline-end:19px;
    padding-inline-start:19px
}
.charts-css.column.data-spacing-20 tbody tr{
    -webkit-padding-start:20px;
    -webkit-padding-end:20px;
    padding-inline-end:20px;
    padding-inline-start:20px
}
.charts-css.column.datasets-spacing-1 tbody tr td{
    -webkit-margin-start:1px;
    -webkit-margin-end:1px;
    margin-inline-end:1px;
    margin-inline-start:1px
}
.charts-css.column.datasets-spacing-2 tbody tr td{
    -webkit-margin-start:2px;
    -webkit-margin-end:2px;
    margin-inline-end:2px;
    margin-inline-start:2px
}
.charts-css.column.datasets-spacing-3 tbody tr td{
    -webkit-margin-start:3px;
    -webkit-margin-end:3px;
    margin-inline-end:3px;
    margin-inline-start:3px
}
.charts-css.column.datasets-spacing-4 tbody tr td{
    -webkit-margin-start:4px;
    -webkit-margin-end:4px;
    margin-inline-end:4px;
    margin-inline-start:4px
}
.charts-css.column.datasets-spacing-5 tbody tr td{
    -webkit-margin-start:5px;
    -webkit-margin-end:5px;
    margin-inline-end:5px;
    margin-inline-start:5px
}
.charts-css.column.datasets-spacing-6 tbody tr td{
    -webkit-margin-start:6px;
    -webkit-margin-end:6px;
    margin-inline-end:6px;
    margin-inline-start:6px
}
.charts-css.column.datasets-spacing-7 tbody tr td{
    -webkit-margin-start:7px;
    -webkit-margin-end:7px;
    margin-inline-end:7px;
    margin-inline-start:7px
}
.charts-css.column.datasets-spacing-8 tbody tr td{
    -webkit-margin-start:8px;
    -webkit-margin-end:8px;
    margin-inline-end:8px;
    margin-inline-start:8px
}
.charts-css.column.datasets-spacing-9 tbody tr td{
    -webkit-margin-start:9px;
    -webkit-margin-end:9px;
    margin-inline-end:9px;
    margin-inline-start:9px
}
.charts-css.column.datasets-spacing-10 tbody tr td{
    -webkit-margin-start:10px;
    -webkit-margin-end:10px;
    margin-inline-end:10px;
    margin-inline-start:10px
}
.charts-css.column.datasets-spacing-11 tbody tr td{
    -webkit-margin-start:11px;
    -webkit-margin-end:11px;
    margin-inline-end:11px;
    margin-inline-start:11px
}
.charts-css.column.datasets-spacing-12 tbody tr td{
    -webkit-margin-start:12px;
    -webkit-margin-end:12px;
    margin-inline-end:12px;
    margin-inline-start:12px
}
.charts-css.column.datasets-spacing-13 tbody tr td{
    -webkit-margin-start:13px;
    -webkit-margin-end:13px;
    margin-inline-end:13px;
    margin-inline-start:13px
}
.charts-css.column.datasets-spacing-14 tbody tr td{
    -webkit-margin-start:14px;
    -webkit-margin-end:14px;
    margin-inline-end:14px;
    margin-inline-start:14px
}
.charts-css.column.datasets-spacing-15 tbody tr td{
    -webkit-margin-start:15px;
    -webkit-margin-end:15px;
    margin-inline-end:15px;
    margin-inline-start:15px
}
.charts-css.column.datasets-spacing-16 tbody tr td{
    -webkit-margin-start:16px;
    -webkit-margin-end:16px;
    margin-inline-end:16px;
    margin-inline-start:16px
}
.charts-css.column.datasets-spacing-17 tbody tr td{
    -webkit-margin-start:17px;
    -webkit-margin-end:17px;
    margin-inline-end:17px;
    margin-inline-start:17px
}
.charts-css.column.datasets-spacing-18 tbody tr td{
    -webkit-margin-start:18px;
    -webkit-margin-end:18px;
    margin-inline-end:18px;
    margin-inline-start:18px
}
.charts-css.column.datasets-spacing-19 tbody tr td{
    -webkit-margin-start:19px;
    -webkit-margin-end:19px;
    margin-inline-end:19px;
    margin-inline-start:19px
}
.charts-css.column.datasets-spacing-20 tbody tr td{
    -webkit-margin-start:20px;
    -webkit-margin-end:20px;
    margin-inline-end:20px;
    margin-inline-start:20px
}
.charts-css.area tbody tr td,.charts-css.line tbody tr td{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:column;
    flex-flow:column;
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:0
}
.charts-css.area tbody tr td::before,.charts-css.line tbody tr td::before{
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:-1
}
.charts-css.area tbody tr td::after,.charts-css.line tbody tr td::after,.charts-css.pie tbody tr td::after{
    content:"";
    width:100%
}
.charts-css.area.reverse:not(.reverse-data) tbody tr td,.charts-css.area:not(.reverse):not(.reverse-data) tbody tr td,.charts-css.line.reverse:not(.reverse-data) tbody tr td,.charts-css.line:not(.reverse):not(.reverse-data) tbody tr td{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    justify-content:flex-end
}
.charts-css.area:not(.reverse):not(.reverse-data) tbody tr td::before{
    -webkit-clip-path:polygon(0 calc(100% * (1 - var(--start, var(--end, var(--size))))),100% calc(100% * (1 - var(--end, var(--size)))),100% 100%,0 100%);
    clip-path:polygon(0 calc(100% * (1 - var(--start, var(--end, var(--size))))),100% calc(100% * (1 - var(--end, var(--size)))),100% 100%,0 100%)
}
.charts-css.area.reverse:not(.reverse-data) tbody tr td .data,.charts-css.area:not(.reverse):not(.reverse-data) tbody tr td .data,.charts-css.line.reverse:not(.reverse-data) tbody tr td .data,.charts-css.line:not(.reverse):not(.reverse-data) tbody tr td .data{
    -webkit-transform:translateX(50%);
    transform:translateX(50%)
}
.charts-css.area:not(.reverse).reverse-data tbody tr td::after,.charts-css.area:not(.reverse):not(.reverse-data) tbody tr td::after,.charts-css.line:not(.reverse).reverse-data tbody tr td::after,.charts-css.line:not(.reverse):not(.reverse-data) tbody tr td::after{
    height:calc(100% * var(--end, var(--size)))
}
.charts-css.area.reverse.reverse-data tbody tr td,.charts-css.area:not(.reverse).reverse-data tbody tr td,.charts-css.line.reverse.reverse-data tbody tr td,.charts-css.line:not(.reverse).reverse-data tbody tr td{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    justify-content:flex-end
}
.charts-css.area:not(.reverse).reverse-data tbody tr td::before{
    -webkit-clip-path:polygon(0 calc(100% * (1 - var(--end, var(--size)))),100% calc(100% * (1 - var(--start, var(--end, var(--size))))),100% 100%,0 100%);
    clip-path:polygon(0 calc(100% * (1 - var(--end, var(--size)))),100% calc(100% * (1 - var(--start, var(--end, var(--size))))),100% 100%,0 100%)
}
.charts-css.area.reverse.reverse-data tbody tr td .data,.charts-css.area:not(.reverse).reverse-data tbody tr td .data,.charts-css.line.reverse.reverse-data tbody tr td .data,.charts-css.line:not(.reverse).reverse-data tbody tr td .data{
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.charts-css.area.reverse:not(.reverse-data) tbody tr td::before{
    -webkit-clip-path:polygon(0 0,100% 0,100% calc(100% * var(--end, var(--size))),0 calc(100% * var(--start, var(--end, var(--size)))));
    clip-path:polygon(0 0,100% 0,100% calc(100% * var(--end, var(--size))),0 calc(100% * var(--start, var(--end, var(--size)))))
}
.charts-css.area.reverse.reverse-data tbody tr td::after,.charts-css.area.reverse:not(.reverse-data) tbody tr td::after,.charts-css.line.reverse.reverse-data tbody tr td::after,.charts-css.line.reverse:not(.reverse-data) tbody tr td::after{
    height:calc(100% * (1 - var(--end, var(--size))))
}
.charts-css.area.reverse.reverse-data tbody tr td::before{
    -webkit-clip-path:polygon(0 0,100% 0,100% calc(100% * var(--start, var(--end, var(--size)))),0 calc(100% * var(--end, var(--size))));
    clip-path:polygon(0 0,100% 0,100% calc(100% * var(--start, var(--end, var(--size)))),0 calc(100% * var(--end, var(--size))))
}
.charts-css.line{
    --line-size:3px
}
.charts-css.line:not(.reverse):not(.reverse-data) tbody tr td::before{
    -webkit-clip-path:polygon(0 calc(100% * (1 - var(--start, var(--end, var(--size))))),100% calc(100% * (1 - var(--end, var(--size)))),100% calc(100% * (1 - var(--end, var(--size))) - var(--line-size)),0 calc(100% * (1 - var(--start, var(--end, var(--size)))) - var(--line-size)));
    clip-path:polygon(0 calc(100% * (1 - var(--start, var(--end, var(--size))))),100% calc(100% * (1 - var(--end, var(--size)))),100% calc(100% * (1 - var(--end, var(--size))) - var(--line-size)),0 calc(100% * (1 - var(--start, var(--end, var(--size)))) - var(--line-size)))
}
.charts-css.line:not(.reverse).reverse-data tbody tr td::before{
    -webkit-clip-path:polygon(0 calc(100% * (1 - var(--end, var(--size)))),100% calc(100% * (1 - var(--start, var(--end, var(--size))))),100% calc(100% * (1 - var(--start, var(--end, var(--size)))) - var(--line-size)),0 calc(100% * (1 - var(--end, var(--size))) - var(--line-size)));
    clip-path:polygon(0 calc(100% * (1 - var(--end, var(--size)))),100% calc(100% * (1 - var(--start, var(--end, var(--size))))),100% calc(100% * (1 - var(--start, var(--end, var(--size)))) - var(--line-size)),0 calc(100% * (1 - var(--end, var(--size))) - var(--line-size)))
}
.charts-css.line.reverse:not(.reverse-data) tbody tr td::before{
    -webkit-clip-path:polygon(0 calc(100% * var(--start, var(--end, var(--size))) - var(--line-size)),100% calc(100% * var(--end, var(--size)) - var(--line-size)),100% calc(100% * var(--end, var(--size))),0 calc(100% * var(--start, var(--end, var(--size)))));
    clip-path:polygon(0 calc(100% * var(--start, var(--end, var(--size))) - var(--line-size)),100% calc(100% * var(--end, var(--size)) - var(--line-size)),100% calc(100% * var(--end, var(--size))),0 calc(100% * var(--start, var(--end, var(--size)))))
}
.charts-css.line.reverse.reverse-data tbody tr td::before{
    -webkit-clip-path:polygon(0 calc(100% * var(--end, var(--size)) - var(--line-size)),100% calc(100% * var(--start, var(--end, var(--size))) - var(--line-size)),100% calc(100% * var(--start, var(--end, var(--size)))),0 calc(100% * var(--end, var(--size))));
    clip-path:polygon(0 calc(100% * var(--end, var(--size)) - var(--line-size)),100% calc(100% * var(--start, var(--end, var(--size))) - var(--line-size)),100% calc(100% * var(--start, var(--end, var(--size)))),0 calc(100% * var(--end, var(--size))))
}
.charts-css.pie tbody,.charts-css.polar tbody,.charts-css.radar tbody,.charts-css.radial tbody{
    aspect-ratio:1;
    background-color:var(--chart-bg-color);
    border-radius:50%;
    display:block;
    width:100%
}
.charts-css.pie tbody tr td{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    background:conic-gradient(transparent 0 calc(1turn * var(--start)),var(--c,transparent) calc(1turn * var(--start, 0)) calc(1turn * var(--end)),transparent calc(1turn * var(--end)) 1turn);
    border-radius:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
}
.charts-css.pie tbody tr td,.charts-css.pie tbody tr td::before{
    bottom:0;
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
}
.charts-css.pie tbody tr td::before{
    content:""
}
.charts-css.pie tbody tr td .data{
    padding: 8px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    border-radius:50%;
    border: 1px solid rgb(142, 142, 142);
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    justify-content:center;
    left:0;
    position:absolute;
    right:0;
    top:0;
    -webkit-transform:rotate(calc(.5turn * var(--start, 0) + .5turn * var(--end, 0)));
    transform:rotate(calc(.5turn * var(--start, 0) + .5turn * var(--end, 0)));
    width:100%
}

@media (prefers-color-scheme: dark) {
    .charts-css.pie tbody tr td .data{
        border-radius:50%;
        border: 1px solid rgb(255, 255, 255);
    }
}