#atomic .stx_line_chart,#atomic .stx_line_down,#atomic .stx_line_up{border-top-style:solid;width:2px}#atomic .metric-chart-container{background-color:#fff;display:grid;font-size:12px;grid-template-areas:"col1" "col3" "col2";grid-template-columns:1fr;padding:16px}#atomic .chartContainer{height:270px}#atomic .ciq-chart{grid-area:col3}#atomic .chart-legend{-moz-column-gap:4px;column-gap:4px;display:flex;flex-wrap:wrap;grid-area:col1}#atomic .chart-legend>div{align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;padding-left:8px;padding-right:8px}#atomic .chart-legend>div span:last-child{font-weight:500}#atomic .chart-legend>div span.legend-color{border-radius:10px;height:4px;width:10px}#atomic .time-unit-selector{align-items:center;-moz-column-gap:2px;column-gap:2px;display:flex;grid-area:col2}#atomic .time-unit-selector button{background-color:#fff;border:1px solid #fff;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;line-height:125%;padding:3px 9px}#atomic .time-unit-selector button.active{background:#e7f5ff;color:#1967d2;font-weight:700}#atomic .time-unit-selector button:hover{border:1px solid #64acdb}@media(min-width:768px){#atomic .metric-chart-container{grid-template-areas:"col1 col2" "col3 col3"}}