.event-container.left-side[data-v-9c3a8d44],
.event-container.right-side[data-v-9c3a8d44] {
    background: var(--color-background-default-tertiary) !important;
    border-radius: 8px 8px 0 0 !important;
    border: 1px solid var(--color-border-default-default) !important;
}
.event-type-container[data-v-9c3a8d44] {
    border-top-left-radius: var(--size-radius-200);
    border-top-right-radius: var(--size-radius-200);
    display: flex;
    justify-content: space-between;
    padding: var(--size-space-200);
    /* border-bottom: 1px solid var(--color-border-default-default); */
    text-transform: capitalize;
    gap: 8px;
}
.event-container.goal .event-type-container[data-v-9c3a8d44],
.event-container.penGoal .event-type-container[data-v-9c3a8d44] {
    border-top-left-radius: var(--size-radius-200);
    border-top-right-radius: var(--size-radius-200);
    background: var(--color-background-success-default);
    display: flex;
    justify-content: space-between;
    padding: var(--size-space-200);
    border-bottom: 1px solid var(--color-border-default-default);
    text-transform: capitalize;
}
.match-event-team-icon[data-v-9c3a8d44] {
    width: 1.25rem;
    height: 1.25rem;
    padding: 0.104rem;
}
.event-type-score-container[data-v-9c3a8d44] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.match-score-container[data-v-9c3a8d44] {
    display: flex;
    justify-content: space-between;
    color: var(--tag-active-text);
    text-align: center;

    /* Body Small Strong */
    font-family: var(--typography-body-font-family);
    font-size: var(--typography-body-size-small);
    font-style: normal;
    font-family: var(--weight-700);
    font-weight: var(--weight-700);
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.64px;
    margin: 0 0.5rem;
}
.left-container[data-v-9c3a8d44], .right-container[data-v-9c3a8d44] {
    display: flex;
    align-items: center;
}
.event-type-caption[data-v-9c3a8d44] {


    color: var(--color-text-default-default);
    /* Caption Strong */
    font-family: var(--weight-600);
    font-size: var(--typography-caption-size-large);
    font-style: normal;
    letter-spacing: 0.2px;
}
.activeText[data-v-9c3a8d44] {
    color: var(--tag-active-text);
    text-transform: uppercase;
}
.activeText.penGoal[data-v-9c3a8d44],
.activeText.ownGoal[data-v-9c3a8d44],
.activeText.penMiss[data-v-9c3a8d44] {
    text-transform: capitalize;
}
.event-container.penMiss .event-type-container[data-v-9c3a8d44],
.event-container.penaltyMiss .event-type-container[data-v-9c3a8d44],
.event-container.ownGoal .event-type-container[data-v-9c3a8d44] {
    border-top-left-radius: var(--size-radius-200);
    border-top-right-radius: var(--size-radius-200);
    background: var(--color-background-error-default-hover);
    display: flex;
    justify-content: space-between;
    padding: var(--size-space-200);
    border-bottom: 1px solid var(--color-border-default-default);
    text-transform: capitalize;
}
.event-container.left-side .event-type-container[data-v-9c3a8d44] {
    flex-direction: row-reverse;
}


.right-side[data-v-143da01e] {
    text-align: right !important;
}
.left-side[data-v-143da01e] {
    text-align: left !important;
}
.right-side .event-type[data-v-143da01e] {
    justify-content: flex-end;
}
.left-side .event-type[data-v-143da01e] {
    justify-content: flex-start;
}
.event-container[data-v-143da01e] {
    background: var(--color-background-default-tertiary);
    border-radius: var(--size-radius-200);
    /* border: 1px solid var(--color-border-default-default); */
}
.event-type[data-v-143da01e] {
    display: flex;
    align-items: center;
    padding: var(--size-space-200);
    border-bottom: 1px solid var(--color-border-default-default);
    text-transform: capitalize;
}
.event-type-goal-container[data-v-143da01e] {
    border-top-left-radius: var(--size-radius-200);
    border-top-right-radius: var(--size-radius-200);
    background: var(--color-background-success-default);
    display: flex;
    justify-content: space-between;
    padding: var(--size-space-200);
    border-bottom: 1px solid var(--color-border-default-default);
    text-transform: capitalize;
}
.event-type-container[data-v-143da01e] {
    border-top-left-radius: var(--size-radius-200);
    border-top-right-radius: var(--size-radius-200);
    display: flex;
    justify-content: space-between;
    padding: var(--size-space-200);
    border-bottom: 1px solid var(--color-border-default-default);
    text-transform: capitalize;
}
.match-detail__info-timeline__left .event-type-container[data-v-143da01e] {
    justify-content: right;
}
.event-type-container .event-type-goal-caption[data-v-143da01e] {
    color: var(--color-text-default-default);
    text-transform: unset;
}
.event-type-container.event-penMiss[data-v-143da01e],
.event-type-container.event-penaltyMiss[data-v-143da01e],
.event-type-container.event-ownGoal[data-v-143da01e] {
    border-top-left-radius: var(--size-radius-200);
    border-top-right-radius: var(--size-radius-200);
    background: var(--color-background-error-default-hover);
    display: flex;
    justify-content: space-between;
    padding: var(--size-space-200);
    border-bottom: 1px solid var(--color-border-default-default);
    text-transform: capitalize;
}
.right-side .event-type-goal-container[data-v-143da01e] {
    flex-direction: row-reverse;
}
.event-detail[data-v-143da01e] {
    padding: var(--size-space-200);
    border: 1px solid var(--color-border-default-default);
    border-top: 0;
    border-radius: 0 0 8px 8px;
}
.goal-event-detail-container[data-v-143da01e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.left-side .goal-event-detail-container[data-v-143da01e] {
    flex-direction: row-reverse;
}
.goal-event-video-thumnail[data-v-143da01e] {
    cursor: pointer;
}
.event-type-caption[data-v-143da01e],
.player-name[data-v-143da01e] {
    color: var(--color-text-default-default);

    /* Caption Strong */
    font-family: var(--weight-600);
    font-size: var(--typography-caption-size-large);
    font-style: normal;
    /* line-height: normal; */
    letter-spacing: 0.2px;
}
.event-type-goal-caption[data-v-143da01e] {
    color: var(--tag-active-text);

    /* Caption Strong */
    font-family: var(--weight-600);
    font-size: var(--typography-caption-size-large);
    font-style: normal;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}
.event-type-penalty-caption[data-v-143da01e] {
    color: var(--tag-active-text);

    /* Caption Strong */
    font-family: var(--weight-600);
    font-size: 13px;
    font-style: normal;
    letter-spacing: 0.2px;
}
.event-type-goal-caption-container[data-v-143da01e] {
    display: flex;
    align-items: center;
}
.event-type-goal-caption.penGoal[data-v-143da01e] {
    text-transform: capitalize !important;
    background: none;
}
.event-type-goal-score-container[data-v-143da01e] {
    display: flex;
    align-items: center;
}
.event-name[data-v-143da01e] {
    color: var(--color-text-default-secondary);

    /* Caption */
    font-family: var(--weight-600);
    font-size: var(--typography-caption-size-large);
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
}
.match-event-team-icon[data-v-143da01e] {
    width: 1.25rem;
    height: 1.25rem;
    padding: 0.104rem;
}
.match-goal-score-container[data-v-143da01e] {
    display: flex;
    justify-content: space-between;
    color: var(--tag-active-text);
    text-align: center;

    /* Body Small Strong */
    font-family: var(--typography-body-font-family);
    font-size: var(--typography-body-size-small);
    font-style: normal;
    font-family: var(--weight-700);
    font-weight: var(--weight-700);
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.64px;
    margin: 0 0.5rem;
}
@media(max-width: 768px) {
    /* for test */
.event-type-goal-caption[data-v-143da01e],
    .event-type-caption[data-v-143da01e] {
        font-size: 13px;
}
.player-name[data-v-143da01e] {
        font-size: 13px;
}
.event-name[data-v-143da01e] {
        font-family: var(--weight-400);
}
.match-detail__info-timeline__left .event-type-container[data-v-143da01e] {
        justify-content: space-between;
}
}