/**
 * The switcher, styled to sit in the theme's dark top bar exactly where the
 * YayCurrency control used to be — same height, so the top bar's row alignment is
 * unchanged.
 */

.tr-cur {
	margin: 0;
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}

.tr-topbar .tr-cur__select {
	min-height: 30px;
	padding: .15rem .5rem;
	font: inherit;
	font-size: .82rem;
	color: #fff;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 6px;
	max-width: 100%;
}

/* The open list is painted by the OS, so it needs its own colours. */
.tr-topbar .tr-cur__select option {
	color: #14224e;
	background: #fff;
}

.tr-topbar .tr-cur__select:focus {
	outline: 2px solid rgba(255, 255, 255, .55);
	outline-offset: 1px;
}

.tr-topbar .tr-cur__go {
	min-height: 30px;
	padding: .15rem .6rem;
	font: inherit;
	font-size: .82rem;
	color: #fff;
	background: rgba(255, 255, 255, .14);
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 6px;
	cursor: pointer;
}