.bar-graph-field{margin-right:50px}.bar-graph{display:flex;flex-direction:column;width:min-content}.bar-graph .graph-layout{display:flex;position:relative;align-items:center;width:min-content}.bar-graph .graph-layout.with-x-axis{padding-bottom:28px}.bar-graph .graph-layout.with-x-axis .y-axis-title{padding-top:30px}.bar-graph .graph-layout.with-y-axis{padding-left:30px}.bar-graph .graph-layout.with-y-axis .x-axis-title{padding-left:32px}.bar-graph .x-axis-title,.bar-graph .y-axis-title{font-size:13px;font-weight:700}.bar-graph .x-axis-title{position:absolute;bottom:0;left:0;width:100%;text-align:center}.bar-graph .y-axis-title{position:absolute;top:0;left:0;height:100%;transform:rotate(180deg);text-align:center;writing-mode:vertical-lr}.bar-graph .legende-container{display:flex;justify-content:center;margin-top:15px;font-size:12px;gap:15px}.bar-graph .legende-container .legende{display:flex;align-items:center;gap:5px}.bar-graph .legende-container .legende .color-box-observed,.bar-graph .legende-container .legende .color-box-reference{display:block;width:15px;height:3px}.bar-graph .legende-container .legende .color-box-observed{background-color:#7aabff}.bar-graph .legende-container .legende .color-box-reference{background-color:#ff4743}