.video-wrapper{
        position: fixed;
        z-index:3;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgb(0 0 0 / 80%);
}
.video-close{
        width:1rem;
        height: 1rem;
        display: flex;
        float: right;
        margin: 0 1rem .5rem 0;
        cursor: pointer;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB2SURBVHgBldJhDoAgCAVg6GTdDDyZRyNbYs4hvd6vEL6cTqIWMzsJzJhtH2JPBEBj9mg193XNcO9pL9kX1d5IstMdXZshTtEOQ2iDMTThOqGKIgl2lD9I7eO2Q0TxmQVCKTbwylc8P7nCzFvYe8VL/9tJYHz2AvnnO2S4TZeFAAAAAElFTkSuQmCC) center/cover no-repeat;
}
.video-container{
        width: 50%;
        height: 50%;
         position: relative;
        display: flex;
        flex-direction: column;
}
.video-container >iframe{
        border: none;
        width: 100%;
}
.video-loading{
        position: absolute;
        top: 1rem;
        left: 0;
        right: 0;
        /* bottom: 0; */
        pointer-events: none;
}
.video-video{
        height: 89%;
        z-index: 9;
}
.video-iframe{
        height: 89%;
         z-index: 9;
}
@media(max-width: 768px) { /* for test */
.video-container{
           width: 100%;
}
.video-video{
            height: 17rem;
}
.video-iframe{
            height: 17rem;
}
}


.skeleton__wrapper{
  width: 100%;
  height: 100%;
  padding:1rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
}
.skeleton__title{
  width: 50%;
  height: 1rem;
  margin-bottom: .25rem;
}
.skeleton__content{
  width: 100%;
  height: 2rem;
  margin-bottom: 0.5rem;
}


.card[data-v-3bbfc29a] {
  width: var(--size-icon-extra-small);
  height: var(--size-icon-extra-small);
}
.yellowcard path[data-v-3bbfc29a] {
  fill: #ffcc07;
}

/* .yellowred path */
.redcard path[data-v-3bbfc29a] {
  fill: #ff0707;
}
.goal path[data-v-3bbfc29a],
.penGoal path[data-v-3bbfc29a] {
  fill: var(--color-icon-default-neutral);
}
.redcard[data-v-3bbfc29a],
.yellowred[data-v-3bbfc29a],
.yellowcard[data-v-3bbfc29a],
.goal[data-v-3bbfc29a],
.penGoal[data-v-3bbfc29a] {
  background: none;
}