.dbl-fixtures-list,
.dbl-player {
box-sizing: border-box;
}
.dbl-fixtures-list *,
.dbl-player * {
box-sizing: inherit;
} .dbl-state {
padding: 0.75em 1em;
opacity: 0.85;
}
.dbl-state--loading {
font-style: italic;
}
.dbl-state--error {
border-left: 3px solid currentColor;
opacity: 1;
}
.dbl-state--empty {
font-style: italic;
}
.dbl-state--not-available {
opacity: 1;
} .dbl-fixtures-list__heading {
margin: 0 0 0.5em;
}
.dbl-fixtures-list__rows {
list-style: none;
margin: 0;
padding: 0;
}
.dbl-fixture-row {
border-bottom: 1px solid currentColor;
border-bottom-color: rgba(128, 128, 128, 0.25);
}
.dbl-fixture-row:last-child {
border-bottom: none;
}
.dbl-fixture-row__link {
display: block;
color: inherit;
text-decoration: none;
}
.dbl-fixture-row__link:hover {
text-decoration: underline;
}
.dbl-fixture-row__content {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.5em 1em;
padding: 0.6em 0.25em;
}
.dbl-fixture-row__teams {
flex: 1 1 auto;
font-weight: 600;
}
.dbl-fixture-row__score {
font-variant-numeric: tabular-nums;
}
.dbl-fixture-row__status {
font-size: 0.85em;
text-transform: uppercase;
opacity: 0.75;
}
.dbl-fixture-row--live .dbl-fixture-row__status {
opacity: 1;
font-weight: 700;
}
.dbl-fixture-row__kickoff {
font-size: 0.85em;
opacity: 0.75;
} .dbl-player__info {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.5em 1em;
margin-bottom: 0.5em;
}
.dbl-player__teams {
font-weight: 600;
}
.dbl-player__league,
.dbl-player__status,
.dbl-player__kickoff {
font-size: 0.85em;
opacity: 0.75;
}
.dbl-player__video-wrap {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
background: #000;
}
.dbl-player__video {
display: block;
width: 100%;
height: 100%;
}
.dbl-player__message:empty {
display: none;
}