.default.chart{background:#fff;border-radius:4px;padding:16px}.default .chart-inner{background:repeating-linear-gradient(0deg,#ddd,#ddd 1px,#fff 0,#fff 20%);background-position:0 0;display:table;height:256px;margin:0 auto;max-width:1278px;padding:0 16px;table-layout:fixed;width:100%}.default .chart-inner>li{display:table-cell;height:inherit;position:relative;vertical-align:bottom}.default .chart-inner span{display:block;margin:0 16px}.default .chart-inner.monotone>li>span{background:#ff9400;color:#fff}@media (max-width:720px){.default.chart span{animation:draw_mobile 1s ease-in-out}}@keyframes draw_mobile{0%{width:0}}@media (min-width:721px){.default.chart span{animation:draw_desktop 1s ease-in-out}}@keyframes draw_desktop{0%{height:0}}.default.chart span[data-label]:before,.default.chart span[data-value]:after{word-wrap:break-word;display:block;padding:8px 16px 0;text-align:center}.default.chart span[data-label]:before{color:#000;content:attr(data-label);left:0;position:absolute;right:0;top:100%}@media (min-width:768px){.default .chart-inner span{border-top-left-radius:4px;border-top-right-radius:4px}}@media (max-width:767px){.default .chart-inner span{border-bottom-right-radius:4px;border-top-right-radius:4px}}.default.chart span[data-value]:not(.null):after{animation:show .75s ease-in-out .25s;animation-fill-mode:forwards;content:attr(data-value) "%";left:0;opacity:0;padding:8px 16px;right:0;top:0}@keyframes show{0%{opacity:0;top:calc(100% - 38px)}to{opacity:1}}.default.chart span[data-value].min:after,.default.chart span[data-value].null:after{color:#000;content:"0%";left:0;opacity:1;padding:8px 16px;position:absolute;right:0;top:calc(100% - 38px)}.default.chart span[data-value].min:after{content:attr(data-value) "%";opacity:0}@media (min-width:768px){.default.chart span[data-value].min:after{animation:showV 1s ease-in-out 0ms;animation-fill-mode:forwards}.chart span.min.v1:after{top:calc(99% - 38px)}.chart span.min.v2:after{top:calc(98% - 38px)}.chart span.min.v3:after{top:calc(97% - 38px)}.chart span.min.v4:after{top:calc(96% - 38px)}.chart span.min.v5:after{top:calc(95% - 38px)}.chart span.min.v6:after{top:calc(94% - 38px)}.chart span.min.v7:after{top:calc(93% - 38px)}.chart span.min.v8:after{top:calc(92% - 38px)}.chart span.min.v9:after{top:calc(91% - 38px)}.chart span.min.v10:after{top:calc(90% - 38px)}.chart span.min.v11:after{top:calc(89% - 38px)}.chart span.min.v12:after{top:calc(88% - 38px)}.chart span.min.v13:after{top:calc(87% - 38px)}.chart span.min.v14:after{top:calc(86% - 38px)}.chart span.min.v15:after{top:calc(85% - 38px)}}@keyframes showV{0%{opacity:0;top:calc(100% - 38px)}to{opacity:1}}@media (max-width:767px){.default.chart span[data-value].min:after{animation:showH 1s ease-in-out 0ms;animation-fill-mode:forwards}.chart span.min.h1:after{left:1%;right:auto;top:0}.chart span.min.h2:after{left:2%;right:auto;top:0}.chart span.min.h3:after{left:3%;right:auto;top:0}.chart span.min.h4:after{left:4%;right:auto;top:0}.chart span.min.h5:after{left:5%;right:auto;top:0}.chart span.min.h6:after{left:6%;right:auto;top:0}.chart span.min.h7:after{left:7%;right:auto;top:0}.chart span.min.h8:after{left:8%;right:auto;top:0}.chart span.min.h9:after{left:9%;right:auto;top:0}.chart span.min.h10:after{left:10%;right:auto;top:0}.chart span.min.h11:after{left:11%;right:auto;top:0}.chart span.min.h12:after{left:12%;right:auto;top:0}.chart span.min.h13:after{left:13%;right:auto;top:0}.chart span.min.h14:after{left:14%;right:auto;top:0}.chart span.min.h15:after{left:15%;right:auto;top:0}}@keyframes showH{0%{left:0;opacity:0}25%{opacity:0}to{opacity:1}}@media (max-width:767px){.default.chart{padding-bottom:24px!important}.default .chart-inner{background:repeating-linear-gradient(90deg,#ddd,#ddd 1px,#fff 0,#fff 20%);background-position:100% 0;height:auto;margin-left:32px;padding:16px 0;width:calc(100% - 32px)}.default .chart-inner>li{display:block;margin:16px 0}.default .chart-inner span{height:48px!important;margin-left:0;padding:0}.default .chart-inner span[data-label]:before{content:attr(data-index)".";height:48px;left:-32px;line-height:48px;padding:0 8px 0 0;right:auto;text-align:right;top:0;white-space:nowrap;width:32px}.default .chart-inner span[data-value]:after{height:48px;line-height:48px;padding:0 8px!important;text-align:right}}@media (min-width:768px){.default.chart span{width:auto!important}.legend{display:none}}.legend{list-style:none;margin-top:24px}.legend>li{overflow-wrap:break-word;padding:8px 24px 8px 16px;vertical-align:top}.legend>li>i{content:attr(data-index);display:inline-block;font-size:8px;font-style:normal;height:12px;line-height:13px;margin-left:-16px;margin-top:2px;text-align:center;vertical-align:text-top;width:12px}@media (max-width:767px){.legend>li{display:inline-block;width:49%}.legend>li>i{position:absolute}}@media (max-width:480px){.legend>li{padding-right:0;width:100%}}