@mjsz-vbr-elements/shared 2.11.2 → 2.12.0

package/dist/css/game-center-timeline.css

@@ -1,871 +0,0 @@
-/* --vbr-widget-typography-font-size-50
---vbr-widget-typography-font-lineheight-50 */
-
-.mjsz-vbr-gamecenter-timeline {
-  container-name: rows;
-  container-type: inline-size;
-}
-
-.mjsz-vbr-gamecenter-timeline-game-data {
-    margin-bottom: 30px;
-    text-align: center;
-  }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-teams-and-results {
-      display: grid;
-      grid-template-columns: 1fr;
-      justify-items: center;
-      align-items: start;
-      row-gap: 1rem;
-      background-color: var(--vbr-widget-primary-color-0);
-    }
-
-@media all and (min-width: 576px) {
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-teams-and-results {
-        grid-template-columns: repeat(3, 1fr)
-    }
-  }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-title-container {
-      margin-bottom: 30px;
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-title-container .is-title {
-        color: var(--vbr-widget-gamecenter-title-color);
-        font-size: var(--vbr-widget-gamecenter-title-size);
-        font-weight: var(--vbr-widget-gamecenter-title-weight);
-        text-transform: uppercase;
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-title-container .is-gamedate {
-        color: var(--vbr-widget-gamecenter-gamedate-color);
-        font-size: var(--vbr-widget-gamecenter-gamedate-size);
-        text-transform: uppercase;
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-title-container .is-local-gamedate {
-        color: var(--vbr-widget-gamecenter-local-gamedate-color);
-        font-size: var(--vbr-widget-gamecenter-local-gamedate-size);
-        text-transform: uppercase;
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-game-result {
-      color: var(--vbr-widget-gamecenter-result-color);
-      font-weight: var(--vbr-widget-gamecenter-result-weight);
-      font-size: var(--vbr-widget-gamecenter-result-size);
-      line-height: var(--vbr-widget-gamecenter-result-size);
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-team-name {
-      display: block;
-      padding: 8px 0;
-      color: var(--vbr-widget-gamecenter-teamname-color);
-      font-weight: var(--vbr-widget-gamecenter-teamname-weight);
-      font-size: var(--vbr-widget-gamecenter-teamname-size);
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-game-status {
-      color: var(--vbr-widget-gamecenter-gamestatus-color);
-      font-size: var(--vbr-widget-gamecenter-gamestatus-size);
-      text-transform: uppercase;
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-period-results {
-      color: var(--vbr-widget-gamecenter-periodresults-color);
-      font-size: var(--vbr-widget-gamecenter-periodresults-size);
-      font-weight: 500;
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-team-logo {
-      margin: auto;
-      display: block;
-      width: 128px;
-      height: 128px;
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-game-status-live {
-      color: var(--vbr-widget-live-game-color);
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-external-contents {
-      padding: 5px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-external-contents a {
-        display: flex;
-        align-items: center;
-        font-size: var(--vbr-widget-gamecenter-local-gamedate-size);
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-external-contents a:after {
-          content: '/';
-          margin: 0 5px;
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-external-contents a:last-of-type:after {
-          content: '';
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-external-contents .is-icon {
-        margin-right: 5px;
-        display: inline-block;
-        width: 15px;
-        height: 15px;
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-attendance {
-      font-size: var(--vbr-widget-typography-font-size-400);
-      line-height: var(--vbr-widget-typography-font-lineheight-600);
-      color: var(--vbr-widget-primary-color-500);
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-goal-scorers {
-      font-size: var(--vbr-widget-typography-font-size-200);
-      font-weight: 700;
-      line-height: var(--vbr-widget-typography-font-lineheight-200);
-      color: var(--vbr-widget-primary-color-500);
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-data .is-goal-scorers span {
-        font-weight: 400;
-      }
-
-.mjsz-vbr-gamecenter-timeline-score-board {
-    /* display: grid; */
-    grid-template-columns: 50px auto auto auto 50px;
-    grid-template-rows: 50px;
-    align-items: center;
-    justify-items: center;
-    gap: 1rem;
-    padding: 0.5rem;
-    width: 100%;
-    color: #fff;
-    background-color: var(--vbr-widget-primary-color-700);
-    position: sticky;
-    top: 0;
-    display: none;
-    z-index: 100;
-  }
-
-.mjsz-vbr-gamecenter-timeline-score-board.is-visible {
-      display: grid;
-    }
-
-.mjsz-vbr-gamecenter-timeline-score-board .is-score {
-      font-size: var(--vbr-widget-typography-font-size-950);
-      font-weight: 700;
-    }
-
-.mjsz-vbr-gamecenter-timeline-score-board .is-team {
-      display: none;
-      font-size: var(--vbr-widget-typography-font-size-500);
-      font-weight: 700;
-      color: var(--vbr-widget-primary-color-100);
-    }
-
-.mjsz-vbr-gamecenter-timeline-score-board .is-home-team {
-      justify-self: end;
-      text-align: right;
-    }
-
-.mjsz-vbr-gamecenter-timeline-score-board .is-away-team {
-      justify-self: start;
-    }
-
-.mjsz-vbr-gamecenter-timeline-score-board .is-game-status {
-      font-size: var(--vbr-widget-typography-font-size-200);
-      font-weight: 500;
-      text-transform: uppercase;
-      color: var(--vbr-widget-live-game-color);
-    }
-
-.mjsz-vbr-gamecenter-timeline-score-board img {
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-
-@media all and (min-width: 576px) {
-
-.mjsz-vbr-gamecenter-timeline-score-board {
-      grid-template-columns: 1fr 50px auto auto auto 50px 1fr;
-  }
-
-      .mjsz-vbr-gamecenter-timeline-score-board .is-team {
-        display: block;
-      }
-  }
-
-.mjsz-vbr-gamecenter-timeline .is-heading-1 {
-    margin-block-start: 3rem;
-    margin-block-end: 1rem;
-    font-size: var(--vbr-widget-typography-font-size-700);
-    font-weight: 700;
-    color: var(--vbr-widget-primary-color-800);
-    text-align: center;
-    text-transform: uppercase;
-  }
-
-.mjsz-vbr-gamecenter-timeline .is-heading-2 {
-    margin-block-start: 3rem;
-    margin-block-end: 1rem;
-    font-size: var(--vbr-widget-typography-font-size-500);
-    font-weight: 700;
-    color: var(--vbr-widget-primary-color-800);
-    text-align: center;
-    text-transform: uppercase;
-  }
-
-.mjsz-vbr-gamecenter-timeline-tab-buttons {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    border-bottom: 1px solid var(--vbr-widget-primary-color-100);
-    margin-block-end: 2rem;
-  }
-
-.mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results {
-    width: 100%;
-  }
-
-.mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results tr:first-of-type {
-      border-bottom: 1px solid var(--vbr-widget-primary-color-100);
-    }
-
-.mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results td {
-      font-size: var(--vbr-widget-typography-font-size-500);
-      font-weight: 500;
-      color: var(--vbr-widget-primary-color-700);
-    }
-
-.mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results td:nth-child(2) {
-      font-size: var(--vbr-widget-typography-font-size-400);
-      text-align: left;
-    }
-
-.mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results span {
-      display: inline-block;
-      width: 9px;
-      height: 9px;
-      border: 1px solid #fff;
-      border-radius: 50%;
-    }
-
-.mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results span.is-home-team {
-        background-color: var(--vbr-widget-gamecenter-home-team-identifier-color);
-        outline: 1px solid var(--vbr-widget-gamecenter-home-team-identifier-border-color);
-        outline-offset: -2px;
-      }
-
-.mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results span.is-away-team {
-        background-color: var(--vbr-widget-gamecenter-away-team-identifier-color);
-        outline: 1px solid var(--vbr-widget-gamecenter-away-team-identifier-border-color);
-        outline-offset: -2px;
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-events .is-no-action {
-      padding-block: 0.5rem;
-      text-align: center;
-      color: var(--vbr-widget-primary-color-300);
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-events .is-period-header {
-      padding-block: 1rem;
-      display: grid;
-      grid-template-columns: 1fr auto 1fr;
-      grid-template-rows: auto 1fr 1px 1fr;
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-events .is-period-header p {
-        grid-column: 2;
-        grid-row: 1;
-        justify-self: center;
-        margin-bottom: 0.25rem;
-        padding-inline: 0.5rem;
-        width: max-content;
-        color: #fff;
-        font-size: var(--vbr-widget-typography-font-size-500);
-        font-weight: 500;
-        line-height: var(--vbr-widget-typography-font-lineheight-500);
-        background-color: var(--vbr-widget-primary-color-900);
-        border-radius: 6px;
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-events .is-period-header span {
-        grid-column: 2;
-        grid-row: 2/-1;
-
-        padding-inline: 0.5rem;
-        padding-block: 0.25rem;
-        font-size: small;
-        font-weight: 500;
-        color: var(--vbr-widget-primary-color-500);
-        background-color: var(--vbr-widget-primary-color-100);
-        border-radius: 0.5rem;
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-events .is-period-header span svg {
-          display: inline-block;
-          width: 14px;
-          height: 14px;
-          vertical-align: sub;
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-events .is-period-header div {
-        grid-column: 1/-1;
-        grid-row: 3;
-        background-color: var(--vbr-widget-primary-color-100);
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-event {
-    --columns: 0.15fr 2px 0.15fr 1fr;
-    --areas: '. . . .' 'time time time details' '. . . .';
-
-    display: grid;
-    grid-template-columns: var(--columns);
-    grid-template-rows: 0.5rem 1fr 0.5rem;
-    grid-template-areas: var(--areas);
-    gap: 0.25rem;
-  }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-timeline {
-      grid-column: 2/3;
-      grid-row: 1/-1;
-      background-color: var(--vbr-widget-primary-color-200);
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container {
-      grid-area: details;
-
-      display: grid;
-      grid-template-columns: auto 1fr;
-      grid-template-areas: 'type-icon detail-title' 'type-icon detail-list';
-      column-gap: 1rem;
-      padding: 1rem;
-      border-inline-end: 5px solid var(--vbr-widget-gamecenter-home-team-identifier-color);
-      background-color: var(--vbr-widget-gamecenter-card-bg-color);
-      border-radius: 0.5rem;
-      align-items: start;
-      outline: 1px solid var(--vbr-widget-gamecenter-card-border-color);
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container:not(:has(.is-details-list)) {
-        grid-template-areas: 'type-icon detail-title';
-        align-items: center;
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-title {
-        grid-area: detail-title;
-
-        font-weight: 700;
-        text-transform: uppercase;
-        color: var(--vbr-widget-gamecenter-card-title-color);
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-list {
-        grid-area: detail-list;
-        margin: 0;
-        padding: 0;
-        list-style: none;
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-list .is-details-sub-title {
-          font-size: var(--vbr-widget-typography-font-size-400);
-          color: var(--vbr-widget-gamecenter-card-secondary-color);
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-list .is-evented-person {
-          font-weight: var(--vbr-widget-gamecenter-events-evented-person-weight);
-          color: var(--vbr-widget-gamecenter-card-secondary-color);
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-details-list .is-player-number {
-          font-weight: 400;
-          font-style: italic;
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-team-logo {
-        grid-area: team-logo;
-
-        display: none;
-
-        justify-self: center;
-        align-self: center;
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-team-logo img {
-          width: 40px;
-          height: 40px;
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-event-type-icon {
-        grid-area: type-icon;
-        padding: 0.5rem;
-        border-radius: 100%;
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-event-type-icon svg {
-          display: block;
-          width: 14px;
-          height: 14px;
-        }
-
-@container rows (width > 410px) {
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-event-type-icon svg {
-            width: 24px;
-            height: 24px
-        }
-          }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-penalty .is-event-type-icon {
-          color: var(--vbr-widget-primary-color-0);
-          background-color: var(--vbr-widget-danger-color-a400);
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-timeout .is-event-type-icon {
-          color: var(--vbr-widget-primary-color-0);
-          background-color: var(--vbr-widget-gamecenter-events-timeout-bg-color);
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goalies .is-event-type-icon {
-          color: var(--vbr-widget-primary-color-900);
-          background-color: var(--vbr-widget-neutral-color);
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-penalty-shot-goal .is-event-type-icon {
-          color: var(--vbr-widget-primary-color-0);
-          background-color: var(--vbr-widget-live-game-color);
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-penalty-shot-no-goal .is-event-type-icon {
-          color: var(--vbr-widget-primary-color-400);
-          background-color: var(--vbr-widget-primary-color-100);
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal {
-        background-color: var(--vbr-widget-gamecenter-card-event-goal-bg-color);
-        outline-color: var(--vbr-widget-gamecenter-card-event-goal-border-color);
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-event-type-icon {
-          color: var(--vbr-widget-primary-color-0);
-          background-color: var(--vbr-widget-live-game-color);
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-details-title {
-          color: var(--vbr-widget-primary-color-0);
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-evented-person {
-          color: var(--vbr-widget-primary-color-100);
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-assists-list {
-          font-size: var(--vbr-widget-typography-font-size-400);
-          /* color: var(--vbr-widget-primary-color-400); */
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-assists-list span:not(:last-of-type):after {
-            content: '/';
-            margin-inline: 0.25rem;
-          }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-poi-data {
-          display: flex;
-          flex-wrap: wrap;
-          gap: 0.25rem;
-          font-size: var(--vbr-widget-typography-font-size-200);
-          color: var(--vbr-widget-gamecenter-card-tertiary-color);
-        }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-poi-data ul {
-            display: flex;
-            gap: 0.125rem;
-          }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-poi-data ul li:not(:last-of-type):after {
-              content: ',';
-            }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal .is-badge.is-invert {
-          color: var(--vbr-widget-danger-color-50);
-          background-color: var(--vbr-widget-danger-color-500);
-        }
-
-@container rows (width > 410px) {
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container {
-        grid-template-columns: auto 1fr auto;
-        grid-template-areas: 'type-icon detail-title team-logo' 'type-icon detail-list team-logo'
-    }
-
-        .mjsz-vbr-gamecenter-timeline-game-event .is-details-container:not(:has(.is-details-list)) {
-          grid-template-areas: 'type-icon detail-title team-logo';
-          align-items: center;
-        }
-
-        .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-team-logo {
-          display: block;
-        }
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-timestamp {
-      grid-area: time;
-
-      justify-self: center;
-      align-self: center;
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-timestamp p {
-        margin: 0;
-        padding-inline: 0.5rem;
-        width: max-content;
-        color: #fff;
-        font-size: var(--vbr-widget-typography-font-size-500);
-        font-weight: 500;
-        line-height: var(--vbr-widget-typography-font-lineheight-500);
-        background-color: var(--vbr-widget-primary-color-900);
-        border-radius: 6px;
-      }
-
-.mjsz-vbr-gamecenter-timeline-game-event[data-team='away'] .is-details-container {
-        border-color: var(--vbr-widget-gamecenter-away-team-identifier-color);
-      }
-
-@container rows (width > 500px) {
-
-.mjsz-vbr-gamecenter-timeline-game-event {
-      --columns: 1fr 0.15fr 2px 0.15fr 1fr;
-      --areas: '. . . . .' 'details time time time .' '. . . . .'
-  }
-
-      .mjsz-vbr-gamecenter-timeline-game-event .is-timeline {
-        grid-column: 3/4;
-        grid-row: 1/-1;
-      }
-
-      .mjsz-vbr-gamecenter-timeline-game-event[data-team='away'] {
-        --areas: '. . . . .' '. time time time details' '. . . . .';
-      }
-
-      .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container {
-        grid-template-columns: auto 1fr;
-        grid-template-areas: 'team-logo detail-title type-icon' 'team-logo detail-list type-icon';
-      }
-
-        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container:not(:has(.is-details-list)) {
-          grid-template-areas: 'team-logo detail-title type-icon';
-        }
-
-        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container {
-
-        border-inline-end: none;
-        border-inline-start: 5px solid var(--vbr-widget-gamecenter-home-team-identifier-color);
-  }
-
-        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container .is-details-list,
-        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container .is-details-title {
-          text-align: right;
-        }
-
-        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container .is-poi-data {
-          justify-content: flex-end;
-        }
-    }
-
-.mjsz-vbr-gamecenter-timeline-lineups {
-    margin-block-start: 1rem;
-    padding-block-end: 2rem;
-  }
-
-.mjsz-vbr-gamecenter-timeline-lineups hr {
-      margin-block: 1.5rem;
-      border-top: 1px solid var(--vbr-widget-primary-color-100);
-    }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-container {
-      display: grid;
-      gap: 2rem;
-    }
-
-@container rows (width >= 768px) {
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-container {
-        grid-template-columns: 1fr 1fr
-    }
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines {
-      display: grid;
-      grid-template-columns: 1fr;
-      grid-template-areas: 'ld' 'rd' 'lw' 'c' 'rw';
-      gap: 0.5rem;
-    }
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines.is-away-team {
-        grid-template-areas: 'ld' 'rd' 'lw' 'c' 'rw';
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines .is-ld {
-        grid-area: ld;
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines .is-rd {
-        grid-area: rd;
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines .is-lw {
-        grid-area: lw;
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines .is-c {
-        grid-area: c;
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines .is-rw {
-        grid-area: rw;
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines .is-gk {
-        width: 100%;
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines.is-away-team .is-player-wrapper {
-        border-inline-start: none;
-        border-inline-end: 3px solid var(--vbr-widget-gamecenter-away-team-identifier-color);
-      }
-
-@container rows (width >= 768px) {
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines {
-        grid-template-columns: 1fr 1fr;
-        grid-template-areas: '. lw' 'ld lw' 'ld c' 'rd c' 'rd rw' '. rw';
-        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr
-    }
-
-        .mjsz-vbr-gamecenter-timeline-lineups-lines.is-away-team {
-          grid-template-areas: 'lw .' 'lw ld' 'c ld' 'c rd' 'rw rd' 'rw .';
-        }
-
-        .mjsz-vbr-gamecenter-timeline-lineups-lines:has(.is-gk) {
-          display: flex;
-          justify-content: center;
-          grid-template-columns: none;
-          grid-template-areas: none;
-        }
-
-        .mjsz-vbr-gamecenter-timeline-lineups-lines .is-gk {
-          width: 50%;
-        }
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines-simple {
-      display: grid;
-      grid-template-columns: 1fr;
-      gap: 0.5rem;
-    }
-
-@container rows (width >= 768px) {
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines-simple {
-        grid-template-columns: 1fr 1fr
-    }
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines-referees {
-      display: grid;
-      grid-template-columns: 1fr;
-      gap: 0.5rem;
-    }
-
-@container rows (width >= 768px) {
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines-referees {
-        grid-template-columns: 1fr 1fr 1fr 1fr
-    }
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container {
-      display: grid;
-      grid-template-columns: 40px 1fr;
-      grid-template-areas: 'img name' 'img role';
-      align-content: start;
-      column-gap: 0.5rem;
-      padding: 0.75rem;
-      outline: 1px solid var(--vbr-widget-gamecenter-card-border-color);
-      background-color: var(--vbr-widget-gamecenter-card-bg-color);
-      border-radius: 0.5rem;
-    }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container.is-home-team {
-        border-inline-start: 3px solid var(--vbr-widget-gamecenter-home-team-identifier-color);
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container.is-away-team {
-        border-inline-end: 3px solid var(--vbr-widget-gamecenter-away-team-identifier-color);
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container li:nth-child(1) {
-        grid-area: img;
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container li:nth-child(2) {
-        grid-area: name;
-
-        font-weight: 600;
-        color: var(--vbr-widget-primary-color-700);
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container li:nth-child(3) {
-        grid-area: role;
-
-        align-self: center;
-        font-size: var(--vbr-widget-typography-font-size-200);
-        line-height: 1;
-        color: var(--vbr-widget-gamecenter-card-tertiary-color);
-        text-transform: uppercase;
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container img {
-        display: block;
-        width: 40px;
-        height: 40px;
-        border-radius: 50%;
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper {
-      display: grid;
-      grid-template-columns: 40px auto 1fr;
-      grid-template-areas: 'img number name' 'img position name';
-      column-gap: 0.5rem;
-      padding: 0.75rem;
-      background-color: var(--vbr-widget-gamecenter-card-bg-color);
-      border-inline-start: 3px solid var(--vbr-widget-gamecenter-home-team-identifier-color);
-      outline: 1px solid var(--vbr-widget-gamecenter-card-border-color);
-      border-radius: 0.5rem;
-      overflow: hidden;
-    }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li {
-        line-height: var(--vbr-widget-typography-font-lineheight-200);
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(1) {
-        grid-area: img;
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(2) {
-        grid-area: number;
-        font-style: italic;
-        color: var(--vbr-widget-primary-color-500);
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(3) {
-        grid-area: name;
-        font-weight: 600;
-        color: var(--vbr-widget-primary-color-700);
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 2;
-        line-clamp: 2;
-        -webkit-box-orient: vertical;
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(3) ul {
-          display: inline-flex;
-          gap: 0.125rem;
-          vertical-align: middle;
-        }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(3) svg {
-          display: inline-block;
-          padding: 0.2rem;
-          width: 12px;
-          height: 12px;
-          color: var(--vbr-widget-primary-color-0);
-          background-color: var(--vbr-widget-live-game-color);
-          border-radius: 100%;
-        }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper li:nth-child(4) {
-        grid-area: position;
-        align-self: center;
-        font-size: var(--vbr-widget-typography-font-size-200);
-        line-height: 1;
-        color: var(--vbr-widget-gamecenter-card-tertiary-color);
-        text-transform: uppercase;
-      }
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-player-wrapper img {
-        display: block;
-        width: 40px;
-        height: 40px;
-        border-radius: 50%;
-      }
-
-.mjsz-vbr-gamecenter-timeline-team-stats .is-stat-container {
-      display: grid;
-      gap: 1rem;
-      margin-inline: auto;
-      width: min(100%, 700px);
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-officials .is-game-officials-container {
-      display: flex;
-      flex-direction: column;
-      gap: 1rem;
-    }
-
-.mjsz-vbr-gamecenter-timeline-game-officials .is-game-officials-container > div {
-        flex: 1;
-      }
-
-@container rows (width >= 768px) {
-
-.mjsz-vbr-gamecenter-timeline-game-officials .is-game-officials-container {
-        flex-direction: row
-    }
-      }
-
-.mjsz-vbr-gamecenter-timeline-data-table {
-    margin-block-end: 1rem;
-    min-width: 0;
-  }
-
-.mjsz-vbr-gamecenter-timeline-data-table h2 {
-      padding: 8px;
-      font-size: var(--vbr-widget-gamecenter-team-container-title-size);
-      font-weight: 700;
-      color: var(--vbr-widget-gamecenter-team-container-title-color);
-    }
-
-.mjsz-vbr-gamecenter-timeline-data-table h2:before {
-        display: inline-block;
-        content: '';
-        width: 0;
-        aspect-ratio: 1;
-        background-color: transparent;
-        border-radius: 100%;
-        margin-inline-end: 0.25rem;
-        margin-block-end: 1px;
-      }
-
-.mjsz-vbr-gamecenter-timeline-data-table.is-home-team h2:before {
-        width: 8px;
-        background-color: var(--vbr-widget-gamecenter-home-team-identifier-color);
-        outline: 1px solid var(--vbr-widget-gamecenter-home-team-identifier-border-color);
-        outline-offset: -1px;
-      }
-
-.mjsz-vbr-gamecenter-timeline-data-table.is-away-team h2:before {
-        width: 8px;
-        background-color: var(--vbr-widget-gamecenter-away-team-identifier-color);
-        outline: 1px solid var(--vbr-widget-gamecenter-away-team-identifier-border-color);
-        outline-offset: -1px;
-      }