bg-log-match-info {
    display: flex;
    justify-content: space-between;
    font-size: 100%;
    font-weight: bold;
    border: 1px solid #999;
    margin-bottom: 2ex;
    padding: 1ex;
    background-color: #F6DD92;
}
bg-log-match-info .label:after {
    content: ": ";
}
bg-log-id {
    cursor: pointer;
}
bg-log-match-browser {
    border-right: 1px solid #999;
}
bg-log-match-browser > * {
	background-color: #fffef8;
	padding: 0.2ex 0.2em;
}
bg-log-match-browser > .move {
    text-align: start;
}
bg-log-match-browser .selected,  bg-log-match-browser .selected[data-key]:hover{
	background-color: #F6DD92;
}
bg-log-match-browser > .rh {
	/* round header */
	font-weight: bold;
	background-color: #F6DD92;
	border-top: solid 1px #aaa;
}
bg-log-match-bar input[name="speed"] {
	background-color: #F6DD92;
    height: 30px;
    border: 1px solid black;
}
bg-log-match-bar button {
    background-color: #F6DD92;
}
bg-log-match-bar .selected {
    background-color: white;
}
bg-log-match-bar .fa, bg-log-match-bar .fa-solid {
	color: black;
}
.matchbrowser {
    width: 27em;
}
.dropzone {
    background-color: #0000;
    font-size: 3em;
    width: 10em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer a {
    background-color: #0000;
    color:white;
    border: 0;
}
.footer a:hover {
    color: black;
}