.bar-chart{display:-webkit-box;display:-ms-flexbox;display:flex;gap:26px;min-height:250px;padding:35px 16px 16px;position:relative}.bar-chart:after{background:#062849;content:"";height:1px;left:0;opacity:.1;position:absolute;top:50%;width:100%;z-index:0}.bar-chart-item{-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:1}.bar-chart-item.up .bar-line-price{color:var(--color-green)}.bar-chart-item.down .bar-line-price{color:var(--color-red)}.bar-line-price{display:block;font-size:12px;line-height:15px;margin-bottom:8px}.bar-line-title{color:var(--color-primary);font-size:12px;line-height:15px;margin-top:6px;text-align:center}.bar-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;height:100%;justify-content:flex-end;position:relative;width:100%}.bar-line i{bottom:10px;color:var(--color-white);font-size:12px;left:50%;line-height:15px;position:absolute;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.bar-line .vertical-line{background:#8baddc;border-radius:0 0 4px 4px;color:#eaeaea;display:block;font-weight:700;line-height:18px;overflow:hidden;padding:0;text-indent:10px;width:100%}.bar-chart .bar-chart-item:first-child .bar-line .vertical-line{background-color:#003d67}.bar-chart .bar-chart-item:nth-child(2) .bar-line .vertical-line{background-color:#00b200}.bar-chart .bar-chart-item:nth-child(3) .bar-line .vertical-line{background-color:red}.bar-chart .bar-chart-item:nth-child(4) .bar-line .vertical-line{background-color:#e3ae00}