@charset "utf-8";

.sport-stream-bc { border-radius: var(--border-radius); }

.kiev-animation { padding-top: 55.6176%; position: relative; }

@media screen and (max-width: 420px) {
  .kiev-animation { padding-top: 58.6176%; }
}

.kiev-animation .bc-loader { position: absolute; }

.kiev-animation.has-statistic { padding-top: calc(58.6176% + 70px); }

.kiev-animation > iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: var(--border-radius); }

.head-to-head-section-bc { display: table; table-layout: fixed; width: 100%; border-spacing: 10px 6px; border-radius: var(--border-radius); background: rgba(var(--b-sc),.05); }

.hth-row-bc { display: table-row; }

.hth-cell-bc { display: table-cell; vertical-align: top; }

.hth-title-bc { display: block; color: rgba(var(--b-sc),.7); text-align: center; }

[class*="is-web"] .hth-title-bc { font-size: 12px; }

[class*="is-mobile"] .hth-title-bc { font-size: 10px; }

.hth-graph-info-container-bc { width: 100%; position: relative; height: 12px; margin-top: 4px; padding: 0px 20px; }

.hth-graph-holder { height: 4px; position: relative; border-radius: 4px; overflow: hidden; }

.hth-graph-holder.no-changes { background: rgba(var(--b-sc),.5); }

.hth-graph-holder.has-changes { background: rgba(var(--b-sc),.8); }

[class*="is-web"] .hth-graph-holder { top: 5px; }

[class*="is-mobile"] .hth-graph-holder { top: 2px; }

.hth-graph-bc { display: inline-block; vertical-align: top; height: 100%; background-color: rgba(var(--oc-1),1); position: absolute; top: 0px; transition: width var(--default-transition-duration) linear; }

[dir="ltr"] .hth-graph-bc { left: 0px; }

[dir="rtl"] .hth-graph-bc { right: 0px; }

.hth-graph-score-bc { display: inline-block; vertical-align: top; height: 100%; width: 20px; text-align: center; font-weight: 700; position: absolute; top: 0px; z-index: 2; color: rgba(var(--b-sc),.6); }

[class*="is-web"] .hth-graph-score-bc { font-size: 10px; }

[class*="is-mobile"] .hth-graph-score-bc { font-size: 8px; }

[dir="ltr"] .hth-graph-score-bc.left { left: 0px; }

[dir="rtl"] .hth-graph-score-bc.left, [dir="ltr"] .hth-graph-score-bc.right { right: 0px; }

[dir="rtl"] .hth-graph-score-bc.right { left: 0px; }

.stats-section-bc { display: flex; flex-direction: column; padding: 10px 4px 10px 10px; border-radius: var(--border-radius); }

[class*="is-web"] .stats-section-bc { background: rgba(var(--b-sc),.1); }

[class*="is-mobile"] .stats-section-bc { background: rgba(var(--b-sc),.05); }

.stats-section-row-bc { display: flex; justify-content: flex-end; align-items: center; height: 12px; }

.stats-section-row-bc + .stats-section-row-bc { margin-top: 6px; }

.stats-section-row-bc:first-child { margin-bottom: 6px; }

.stats-section-name-bc { display: flex; align-items: center; flex: 1 1 auto; overflow: hidden; }

.stats-section-logo-bc { width: 11px; height: 12px; object-fit: contain; }

.stats-section-title-bc { padding: 0px 6px; color: rgba(var(--b-sc),.7); }

.stats-section-info-bc { width: 28px; flex-shrink: 0; text-align: center; color: rgba(var(--b-sc),.9); }

[class*="is-web"] .stats-section-title-bc, [class*="is-web"] .stats-section-info-bc { font-size: 12px; }

[class*="is-mobile"] .stats-section-title-bc, [class*="is-mobile"] .stats-section-info-bc { font-size: 10px; }

.stats-section-icons-bc { width: 28px; font-size: 10px; text-align: center; color: rgba(var(--b-sc),1); }

.stats-section-icons-bc.red { color: rgb(255, 52, 73); }

.stats-section-icons-bc.yellow { color: gold; }