.graph-ch_chart_container{min-height:300px;position:relative;overflow:hidden}.graph-ch_chart_gradient_container{position:absolute;left:0;top:0;overflow:visible;z-index:10;height:100%;width:0}.graph-ch_chart_gradient{width:24px;position:relative;left:-24px;height:100%;box-shadow:24px 0 20px 0 rgba(25,48,73,.7)}#chart{position:relative;z-index:1}.graph-ch_loader_container{position:absolute;display:flex;justify-content:center;align-items:center;left:0;top:0;bottom:0;right:0;z-index:0;background-color:#193049}.graph-ch_loader{position:absolute;top:calc(50% - 17px);left:calc(50% - 17px);content:"";display:block;width:28px;height:28px;border-width:2px;border-style:solid;border-radius:50%;border-color:#fff transparent;-webkit-animation:rotate 1s infinite;animation:rotate 1s infinite}.graph-ch_buttons{display:flex;justify-content:space-between;background:#193049}.graph-ch_buttons_container{display:flex;flex-wrap:wrap}.graph-ch_button{display:flex;justify-content:center;align-items:center;padding:8px 12px;cursor:pointer;background-color:transparent;border:none;outline:none}.graph-ch_button span{font-family:ibm plex sans,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:#959dae}.graph-ch_button.selected span{color:#fff}.graph-ch_button.graph-ch_button--type path{fill:#959dae}.graph-ch_button.selected.graph-ch_button--type path{fill:#fff}@media(max-width:650px){.graph-ch_buttons{flex-direction:column}}@media(max-width:430px){.graph-ch_button{padding:4px 6px}.graph-ch_button span{font-size:12px}}@-webkit-keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}