.mcp-dual-bar-container { max-width: 345px; width: 100%; }
.mcp-dual-bar-title { font: var(--sds-semantic-typography-body-medium); margin-bottom: 4px; }
.mcp-dual-bar-track { height: 16px; width: 100%; background-color: #EBEBEB; border-radius: 0px 8px 8px 0px; position: relative; overflow: hidden; display: flex; }
.mcp-dual-bar-container .stat-bar { position: absolute; top: 0; left: 0; height: 100%; border-radius: 0 8px 8px 0; opacity: 80%; mix-blend-mode: multiply; }
.mcp-dual-bar-container .bar-1 { background-color: #1371D5; }
.mcp-dual-bar-container .bar-2 { background-color: #002443; }
.mcp-dual-bar-divider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; pointer-events: none; }
.mcp-dual-bar-divider-overlay .divider { flex: 1; border-right: 1px solid #fff; }
.mcp-dual-bar-divider-overlay .divider:last-child { border-right: none; }
.mcp-dual-bar-divider-labels{ display: grid; grid-template-columns: repeat(10, 1fr); margin-top: 4px; }
.mcp-dual-bar-divider-labels .divider-label { grid-column: span 2; text-align: left; font-size: 16px; line-height: 24px; color: #686868; }