.mcp-thin-stat-bar-container { max-width: 362px; width: 100%; }
.mcp-thin-stat-bar-info {display: flex;flex-direction: row; align-items: flex-end; justify-content: space-between; height:80px; margin-bottom: 8px;}
.mcp-thin-stat-bar-title, .mcp-thin-stat-bar-value { font: var(--sds-semantic-typography-body-medium);}
.mcp-thin-stat-bar-track { height: 4px; width: 100%; background-color: #EBEBEB; border-radius: 0px 8px 8px 0px; position: relative; overflow: hidden; display: flex;  max-width: 345px; width: 100%; }
.mcp-thin-stat-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-thin-stat-bar-container .bar-1 { background-color: #1371D5; }
.mcp-thin-stat-bar-container .bar-2 { background-color: #002443; }
.mcp-thin-stat-bar-divider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; pointer-events: none; }
.mcp-thin-stat-bar-divider-overlay .divider { flex: 1; border-right: 1px solid #fff; }
.mcp-thin-stat-bar-divider-overlay .divider:last-child { border-right: none; }