/* Customizable draw geometry and linked highlighting. */
.ts-draw-toolbar select {
	border-color: var(--ts-draw-select-border, #ccd5e1);
	font-size: 14px;
}

.ts-draw-toolbar select:focus {
	border-color: var(--ts-draw-select-border, #ccd5e1);
	box-shadow: 0 0 0 2px var(--ts-draw-select-border, #ccd5e1);
}

.ts-draw-result-card {
	border-color: var(--ts-draw-select-border, #ccd5e1);
	font-size: var(--ts-draw-font-desktop, 13px);
}

.ts-draw-result-card__body {
	border-color: var(--ts-draw-select-border, #ccd5e1);
}

.ts-draw-print {
	border-color: var(--ts-draw-button, #d96152) !important;
	background: var(--ts-draw-button, #d96152) !important;
	transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.ts-draw-print:hover,
.ts-draw-print:focus-visible {
	border-color: var(--ts-draw-button-hover, #bd3732) !important;
	background: var(--ts-draw-button-hover, #bd3732) !important;
}

.ts-draw-result-card tbody tr[data-ts-draw-member] {
	cursor: pointer;
	outline: 0;
}

.ts-draw-result-card tbody tr.is-highlighted td {
	background: var(--ts-draw-highlight, #f7fe72) !important;
	color: #000 !important;
}

.ts-ek-bracket-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 7px;
	scrollbar-gutter: stable;
	overscroll-behavior-inline: contain;
	touch-action: pan-x pan-y;
}

.ts-ek-bracket-scroll::-webkit-scrollbar {
	height: 10px;
}

.ts-ek-bracket-scroll::-webkit-scrollbar-track {
	background: #eef1f6;
	border-radius: 999px;
}

.ts-ek-bracket-scroll::-webkit-scrollbar-thumb {
	background: #9aa5b5;
	border: 2px solid #eef1f6;
	border-radius: 999px;
}

.ts-ek-bracket-scroll::-webkit-scrollbar-thumb:hover {
	background: #687587;
}

.ts-ek-tournament {
	min-width: 1640px;
}

.ts-ek-round {
	width: 182px;
}

.ts-ek-round--seed,
.ts-ek-group--small {
	width: 27px;
}

.ts-ek-link {
	width: 18px;
}

.ts-ek-item {
	font-size: var(--ts-draw-font-desktop, 13px);
	line-height: 18px;
}

.ts-ek-item--red {
	background: var(--ts-draw-red, #ff7373);
}

.ts-ek-item--blue {
	background: var(--ts-draw-blue, #6d89d5);
}

.ts-ek-item__name img {
	height: 18px !important;
}

.ts-ek-item[data-ts-draw-member] {
	cursor: pointer;
	outline: 0;
}

.ts-ek-item.is-highlighted {
	background: var(--ts-draw-highlight, #f7fe72) !important;
	color: #000 !important;
	box-shadow: 0 0 0 2px rgba(214, 224, 31, .5), 0 3px 8px rgba(35, 45, 63, .18);
}

.ts-ek-item.is-highlighted .ts-ek-item__name a {
	color: #000 !important;
}

.ts-ek-item.is-highlighted .ts-ek-item__score {
	background: var(--ts-draw-highlight, #f7fe72) !important;
	color: #000 !important;
}

@media (max-width: 780px) {
	.ts-ek-item,
	.ts-draw-result-card {
		font-size: var(--ts-draw-font-tablet, 12px);
	}
}

@media (max-width: 430px) {
	.ts-ek-item,
	.ts-draw-result-card {
		font-size: var(--ts-draw-font-mobile, 11px);
	}
}
