/* Bet calculator */
.ccc .bc-type select { width: auto; min-width: 0; max-width: 260px; text-align: left; font-family: var(--font, sans-serif); font-weight: 600; }
.ccc .bc-stake select { width: auto; min-width: 0; font-family: var(--font, sans-serif); font-weight: 600; }
.ccc .bc-ew { justify-content: space-between; }
.ccc .bc-ew__t { flex: 1; font-size: 15px; }
.ccc .bc-ew select { width: auto; min-width: 0; font-family: var(--font, sans-serif); font-weight: 600; }
.ccc .bc-ew select:disabled { opacity: .4; }
.ccc .bc-sel-head { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; }
.ccc .bc-link { background: none; border: 0; padding: 0; color: var(--c-accent-2); font: 600 12.5px var(--font, sans-serif); cursor: pointer; }
.ccc .bc-row { padding-right: 12px; }
.ccc .bc-row .cc-field { min-width: 96px; }
.ccc .bc-row .cc-field input, .ccc .bc-row .cc-field select { width: 100%; }
.ccc .bc-row .cc-row__out { min-width: 44px; }
.ccc .cc-odds.is-bad { border-color: var(--danger, #f87171); }
.ccc .bc-break { margin-top: 16px; }
.ccc .bc-break > summary { cursor: pointer; font-size: 13px; font-weight: 600; color: var(--c-muted); padding: 6px 0; }
.ccc .bc-break [data-break] { max-height: 360px; overflow: auto; margin-top: 6px; }
.ccc .bc-table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 0; }
.ccc .bc-table th, .ccc .bc-table td { padding: 6px 8px; border: 0; border-bottom: 1px solid var(--c-line); text-align: left; background: none; }
.ccc .bc-table th { color: var(--c-muted); font-weight: 600; font-size: 12px; position: sticky; top: 0; background: var(--surface, #151920); }
.ccc .bc-table td:nth-child(n+3), .ccc .bc-table th:nth-child(n+3) { text-align: right; font-family: var(--mono, monospace); }
.ccc .bc-table tr:not(.is-win) td { color: var(--c-muted); }
.ccc .bc-table tr.is-win td:nth-child(n+3) { color: var(--c-accent); }
.ccc .bc [hidden] { display: none !important; }
@media (max-width: 520px) {
	.ccc .bc-row .cc-row__fields { display: grid; grid-template-columns: 1fr 1fr; }
	.ccc .bc-row .cc-row__out { display: none; }
	.ccc .bc-type { flex-wrap: wrap; }
	.ccc .bc-type select { max-width: none; width: 100%; }
}
