@golstats/gsc-top-player 1.0.8 → 1.0.10

package/src/components/comparative/gsc-row.vue

@@ -10,7 +10,7 @@
       <!-- jugador -->
       <div :class="containerLeftClass" id="container-left">
         <div :class="positionContainerClass">
-          <div :class="$style.numberPosition">{{ data.position }}</div>
+          <div :class="numberPositionClass">{{ data.position }}</div>
         </div>
         <div :class="playerContainerClass">
           <img :class="imgPlayerIconClass" :src="data.player_photo" />
@@ -60,7 +60,7 @@
       <!-- equipo -->
       <div :class="containerLeftType1Class" id="container-left">
         <div :class="positionContainertype1Class">
-          <div :class="$style.numberPositionType1">{{ data.position }}</div>
+          <div :class="numberPositionType1Class">{{ data.position }}</div>
         </div>
         <div :class="playerContainerType1Class">
           <div :class="manchesterUnitedType1Class">{{ data.team_abrev }}</div>
@@ -69,8 +69,8 @@
       <div :class="containerRightType1Class" id="container-right">
         <div :class="block02Type1Class">
           <div :class="$style.containesOptionsType1Games">
-            <div :class="$style.containerBtnVideosType1Games">
-              <img :class="$style.imgTeamIcon" alt="" :src="data.team_logo" />
+            <div :class="containerBtnVideosType1Class">
+              <img :class="imgTeamIconClass" alt="" :src="data.team_logo" />
               <div :class="numberOfVideosType1Class">{{ data.total }}</div>
             </div>
           </div>
@@ -98,7 +98,7 @@
       <!-- scouting -->
       <div :class="containerLeftClass" id="container-left">
         <div :class="positionContainerClass">
-          <div :class="$style.numberPosition">{{ data.position }}</div>
+          <div :class="numberPositionClass">{{ data.position }}</div>
         </div>
         <div :class="playerContainerClass">
           <img :class="imgPlayerIconClass" :src="data.player_photo" />
@@ -152,7 +152,9 @@ export default {
   computed: {
     manchesterUnitedType1Class() {
       const width = this.elementSize.width
-      if (width <= 320) {
+      if (width <= 300) {
+        return this.$style.manchesterUnitedType1300
+      } else if (width <= 320) {
         return this.$style.manchesterUnitedType1320
       } else if (width <= 460) {
         return this.$style.manchesterUnitedType1460
@@ -162,7 +164,9 @@ export default {
     },
     containerRightType1Class() {
       const width = this.elementSize.width
-      if (width <= 320) {
+      if (width <= 300) {
+        return this.$style.containerRightType1300Games
+      } else if (width <= 320) {
         return this.$style.containerRightType1320Games
       } else if (width <= 420) {
         return this.$style.containerRightType1420Games
@@ -172,7 +176,9 @@ export default {
     },
     teamNameWrapperType1Class() {
       const width = this.elementSize.width
-      if (width <= 960) {
+      if (width <= 300) {
+        return this.$style.teamNameWrapperType1300
+      } else if (width <= 960) {
         return this.$style.teamNameWrapperType1960
       } else if (width <= 1086) {
         return this.$style.teamNameWrapperType11086
@@ -182,7 +188,9 @@ export default {
     },
     ageWrapperType1Class() {
       const width = this.elementSize.width
-      if (width <= 680) {
+      if (width <= 300) {
+        return this.$style.ageWrapperType1300
+      } else if (width <= 680) {
         return this.$style.ageWrapperType1680
       } else if (width <= 1086) {
         return this.$style.ageWrapperType11086
@@ -192,7 +200,9 @@ export default {
     },
     ageType1Class() {
       const width = this.elementSize.width
-      if (width <= 960) {
+      if (width <= 300) {
+        return this.$style.ageType1300
+      } else if (width <= 960) {
         return this.$style.ageType1960
       } else {
         return this.$style.ageType1
@@ -200,7 +210,9 @@ export default {
     },
     playedGamesWrapperType1Class() {
       const width = this.elementSize.width
-      if (width <= 680) {
+      if (width <= 300) {
+        return this.$style.playedGamesWrapperType1300
+      } else if (width <= 680) {
         return this.$style.playedGamesWrapperType1680
       } else if (width <= 960) {
         return this.$style.playedGamesWrapperType1960
@@ -210,7 +222,9 @@ export default {
     },
     playedGamesType1Class() {
       const width = this.elementSize.width
-      if (width <= 540) {
+      if (width <= 300) {
+        return this.$style.playedGamesType1300
+      } else if (width <= 540) {
         return this.$style.playedGamesType1540
       } else if (width <= 960) {
         return this.$style.playedGamesType1960
@@ -222,7 +236,9 @@ export default {
     },
     playedMinutesWrapperType1Class() {
       const width = this.elementSize.width
-      if (width <= 1086) {
+      if (width <= 300) {
+        return this.$style.playedMinutesWrapperType1300
+      } else if (width <= 1086) {
         return this.$style.playedMinutesWrapperType11086
       } else {
         return this.$style.playedMinutesWrapperType1
@@ -230,7 +246,9 @@ export default {
     },
     playedMinutesType1Class() {
       const width = this.elementSize.width
-      if (width <= 680) {
+      if (width <= 300) {
+        return this.$style.playedMinutesType1300
+      } else if (width <= 680) {
         return this.$style.playedMinutesType1680
       } else {
         return this.$style.playedMinutesType1
@@ -238,7 +256,9 @@ export default {
     },
     block02Type1Class() {
       const width = this.elementSize.width
-      if (width <= 320) {
+      if (width <= 300) {
+        return this.$style.block02Type1300Games
+      } else if (width <= 320) {
         return this.$style.block02Type1320Games
       } else if (width <= 350) {
         return this.$style.block02Type1350Games
@@ -250,7 +270,9 @@ export default {
     },
     leagueNameWrapperType1Class() {
       const width = this.elementSize.width
-      if (width <= 680) {
+      if (width <= 300) {
+        return this.$style.leagueNameWrapperType1300
+      } else if (width <= 680) {
         return this.$style.leagueNameWrapperType1680
       } else if (width <= 960) {
         return this.$style.leagueNameWrapperType1960
@@ -260,7 +282,9 @@ export default {
     },
     leagueNameType1Class() {
       const width = this.elementSize.width
-      if (width <= 960) {
+      if (width <= 300) {
+        return this.$style.leagueNameType1300
+      } else if (width <= 960) {
         return this.$style.leagueNameType1960
       } else {
         return this.$style.leagueNameType1
@@ -268,7 +292,9 @@ export default {
     },
     numberOfVideosType1Class() {
       const width = this.elementSize.width
-      if (width <= 680) {
+      if (width <= 300) {
+        return this.$style.numberOfVideosType1300
+      } else if (width <= 680) {
         return this.$style.numberOfVideosType1680
       } else if (width <= 1232) {
         return this.$style.numberOfVideosType11232
@@ -276,9 +302,19 @@ export default {
         return this.$style.numberOfVideosType1
       }
     },
+    containerBtnVideosType1Class() {
+      const width = this.elementSize.width
+      if (width <= 300) {
+        return this.$style.containerBtnVideosType1300Games
+      } else {
+        return this.$style.containerBtnVideosType1Games
+      }
+    },
     containerLeftType1Class() {
       const width = this.elementSize.width
-      if (width <= 320) {
+      if (width <= 300) {
+        return this.$style.containerLeftType1300
+      } else if (width <= 320) {
         return this.$style.containerLeftType1320
       } else if (width <= 350) {
         return this.$style.containerLeftType1350
@@ -290,7 +326,9 @@ export default {
     },
     positionContainertype1Class() {
       const width = this.elementSize.width
-      if (width <= 380) {
+      if (width <= 300) {
+        return this.$style.positionContainertype1300
+      } else if (width <= 380) {
         return this.$style.positionContainertype1380
       } else if (width <= 420) {
         return this.$style.positionContainertype1420
@@ -302,7 +340,9 @@ export default {
     },
     rowTeamClass() {
       const width = this.elementSize.width
-      if (width <= 320) {
+      if (width <= 300) {
+        return this.$style.rowTeam300
+      } else if (width <= 320) {
         return this.$style.rowTeam320
       } else if (width <= 350) {
         return this.$style.rowTeam350
@@ -315,11 +355,18 @@ export default {
       }
     },
     containerBtnVideosClass() {
-      return this.$style.containerBtnVideosGames
+      const width = this.elementSize.width
+      if (width <= 300) {
+        return this.$style.containerBtnVideos300Games
+      } else {
+        return this.$style.containerBtnVideosGames
+      }
     },
     numberOfVideosClass() {
       const width = this.elementSize.width
-      if (width <= 620) {
+      if (width <= 300) {
+        return this.$style.numberOfVideos300
+      } else if (width <= 620) {
         return this.$style.numberOfVideos620
       } else {
         return this.$style.numberOfVideos
@@ -327,7 +374,9 @@ export default {
     },
     block02Class() {
       const width = this.elementSize.width
-      if (width <= 420) {
+      if (width <= 300) {
+        return this.$style.block02300Games
+      } else if (width <= 420) {
         return this.$style.block02420Games
       } else if (width <= 620) {
         return this.$style.block02620Games
@@ -339,7 +388,9 @@ export default {
     },
     imgPlayerIconClass() {
       const width = this.elementSize.width
-      if (width <= 420) {
+      if (width <= 300) {
+        return this.$style.imgPlayerIcon300
+      } else if (width <= 420) {
         return this.$style.imgPlayerIcon420
       } else if (width <= 460) {
         return this.$style.imgPlayerIcon460
@@ -349,7 +400,9 @@ export default {
     },
     manchesterUnitedClass() {
       const width = this.elementSize.width
-      if (width <= 360) {
+      if (width <= 300) {
+        return this.$style.manchesterUnited300Games
+      } else if (width <= 360) {
         return this.$style.manchesterUnited360Games
       } else if (width <= 420) {
         return this.$style.manchesterUnited420Games
@@ -361,7 +414,9 @@ export default {
     },
     containerRightClass() {
       const width = this.elementSize.width
-      if (width <= 420) {
+      if (width <= 300) {
+        return this.$style.containerRight300Games
+      } else if (width <= 420) {
         return this.$style.containerRight420Games
       } else if (width <= 960) {
         return this.$style.containerRight960Games
@@ -371,7 +426,9 @@ export default {
     },
     playerContainerType1Class() {
       const width = this.elementSize.width
-      if (width <= 320) {
+      if (width <= 300) {
+        return this.$style.playerContainerType1300Games
+      } else if (width <= 320) {
         return this.$style.playerContainerType1320Games
       } else if (width <= 460) {
         return this.$style.playerContainerType1460Games
@@ -381,7 +438,9 @@ export default {
     },
     playerContainerClass() {
       const width = this.elementSize.width
-      if (width <= 420) {
+      if (width <= 300) {
+        return this.$style.playerContainer300Games
+      } else if (width <= 420) {
         return this.$style.playerContainer420Games
       } else if (width <= 460) {
         return this.$style.playerContainer460Games
@@ -391,7 +450,9 @@ export default {
     },
     iconFavoritesClass() {
       const width = this.elementSize.width
-      if (width <= 420) {
+      if (width <= 300) {
+        return this.$style.iconFavorites300
+      } else if (width <= 420) {
         return this.$style.iconFavorites420
       } else {
         return this.$style.iconFavorites
@@ -399,7 +460,9 @@ export default {
     },
     iconFavoritesType1Class() {
       const width = this.elementSize.width
-      if (width <= 320) {
+      if (width <= 300) {
+        return this.$style.iconFavoritesType1300
+      } else if (width <= 320) {
         return this.$style.iconFavoritesType1320
       } else {
         return this.$style.iconFavoritesType1
@@ -407,7 +470,9 @@ export default {
     },
     containerLeftClass() {
       const width = this.elementSize.width
-      if (width <= 420) {
+      if (width <= 300) {
+        return this.$style.containerLeft300Games
+      } else if (width <= 420) {
         return this.$style.containerLeft420Games
       } else if (width <= 620) {
         return this.$style.containerLeft620Games
@@ -417,15 +482,43 @@ export default {
     },
     positionContainerClass() {
       const width = this.elementSize.width
-      if (width <= 620) {
+      if (width <= 300) {
+        return this.$style.positionContainer300
+      } else if (width <= 620) {
         return this.$style.positionContainer620
       } else {
         return this.$style.positionContainer
       }
     },
+    numberPositionType1Class() {
+      const width = this.elementSize.width
+      if (width <= 300) {
+        return this.$style.numberPositionType1300
+      } else {
+        return this.$style.numberPositionType1
+      }
+    },
+    numberPositionClass() {
+      const width = this.elementSize.width
+      if (width <= 300) {
+        return this.$style.numberPosition300
+      } else {
+        return this.$style.numberPosition
+      }
+    },
+    imgTeamIconClass() {
+      const width = this.elementSize.width
+      if (width <= 300) {
+        return this.$style.imgTeamIcon300
+      } else {
+        return this.$style.imgTeamIcon
+      }
+    },
     rowwPlayerClass() {
       const width = this.elementSize.width
-      if (width <= 420) {
+      if (width <= 300) {
+        return this.$style.rowwPlayer300Games
+      } else if (width <= 420) {
         return this.$style.rowwPlayer420Games
       } else if (width <= 460) {
         return this.$style.rowwPlayer460Games
@@ -558,6 +651,13 @@ export default {
   justify-content: flex-start;
   gap: var(--gap-baserow);
 }
+.positionContainer300 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--gap-6xsrow);
+}
 .positionContainer620 {
   display: flex;
   flex-direction: row;
@@ -581,6 +681,22 @@ export default {
   font-family: v-bind(fontFamily);
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }
+.rowwPlayer300Games {
+  align-self: stretch;
+  display: flex;
+  height: 45px !important;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  text-align: right;
+  background-color: v-bind(background);
+  font-size: 10px;
+  color: v-bind(fontColor);
+  font-family: v-bind(fontFamily);
+  gap: var(--gap-0row);
+  padding: 0 8px;
+  box-sizing: border-box;
+}
 .rowwPlayer960Games {
   align-self: stretch;
   display: flex;
@@ -599,7 +715,7 @@ export default {
 .rowwPlayer420Games {
   align-self: stretch;
   display: flex;
-  height: 60px !important;
+  height: 59px !important;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
@@ -615,7 +731,7 @@ export default {
 .rowwPlayer460Games {
   align-self: stretch;
   display: flex;
-  height: 60px !important;
+  height: 59px !important;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
@@ -637,6 +753,14 @@ export default {
   gap: 15px;
   width: 272px;
 }
+.containerLeft300Games {
+  width: 100px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 8px;
+}
 .containerLeft420Games {
   width: 130px;
   display: flex;
@@ -660,6 +784,14 @@ export default {
   align-items: center;
   justify-content: center;
 }
+.iconFavoritesType1300 {
+  display: none;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+}
 .iconFavoritesType1320 {
   display: none;
   flex-direction: column;
@@ -676,6 +808,14 @@ export default {
   align-items: center;
   justify-content: center;
 }
+.iconFavorites300 {
+  width: 14px;
+  height: 14px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
 .iconFavorites420 {
   width: 16px;
   height: 16px;
@@ -696,6 +836,18 @@ export default {
   margin-left: 0px;
   font-family: v-bind(fontFamily);
 }
+.playerContainer300Games {
+  position: relative;
+  width: 80px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  text-align: left;
+  margin-left: 8px;
+  font-family: v-bind(fontFamily);
+  gap: 6px;
+}
 .playerContainer420Games {
   position: relative;
   width: 189px;
@@ -730,6 +882,16 @@ export default {
   text-align: left;
   font-family: var(--font-poppins);
 }
+.playerContainerType1300Games {
+  width: 60px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  text-align: left;
+  font-family: var(--font-poppins);
+  gap: 6px;
+}
 .playerContainerType1320Games {
   width: 80px;
   display: flex;
@@ -760,6 +922,16 @@ export default {
   object-position: top;
   background: #ffffff;
 }
+.imgPlayerIcon300 {
+  position: absolute;
+  width: 20px;
+  object-fit: cover;
+  border-radius: 60px;
+  height: 20px;
+  margin-left: 0px;
+  object-position: top;
+  background: #ffffff;
+}
 .imgPlayerIcon460 {
   position: absolute;
   width: 30px;
@@ -791,6 +963,18 @@ export default {
   width: 160px;
   white-space: nowrap;
 }
+.manchesterUnited300Games {
+  position: relative;
+  letter-spacing: 0.2px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: 16px;
+  font-weight: 500;
+  left: 30px;
+  width: 80px;
+  font-size: 8px;
+}
 .manchesterUnited360Games {
   position: relative;
   letter-spacing: 0.2px;
@@ -833,6 +1017,18 @@ export default {
   text-align: center;
   font-family: var(--font-poppins);
 }
+.containerRight300Games {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  text-align: center;
+  font-family: var(--font-poppins);
+  width: auto;
+  align-self: unset;
+  gap: var(--gap-0row);
+}
 .containerRight960Games {
   flex: 1;
   display: flex;
@@ -860,6 +1056,13 @@ export default {
   line-height: 120%;
   font-weight: 500;
 }
+.numberOfVideos300 {
+  letter-spacing: -0.03em;
+  line-height: 120%;
+  font-weight: 500;
+  display: flex;
+  font-size: 9px;
+}
 .numberOfVideos620 {
   letter-spacing: -0.03em;
   line-height: 120%;
@@ -875,7 +1078,15 @@ export default {
   text-align: left;
   width: 190px;
 }
-
+.block02300Games {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  text-align: left;
+  justify-content: flex-end;
+  gap: var(--gap-0row);
+  width: 60px;
+}
 .block02960Games {
   display: flex;
   flex-direction: row;
@@ -915,6 +1126,13 @@ export default {
   line-height: 20px;
   font-weight: 600;
 }
+.numberPosition300 {
+  position: relative;
+  letter-spacing: 0.2px;
+  line-height: 14px;
+  font-weight: 600;
+  font-size: 9px;
+}
 .shapeIcon {
   position: relative;
   width: 17px;
@@ -936,6 +1154,11 @@ export default {
   height: 28px;
   object-fit: cover;
 }
+.imgTeamIcon300 {
+  position: relative;
+  height: 20px;
+  object-fit: cover;
+}
 .teamName {
   position: relative;
   letter-spacing: 0.2px;
@@ -1043,6 +1266,16 @@ export default {
   font-size: var(--font-size-3xsrow);
   color: v-bind(fontColor);
 }
+.containerBtnVideos300Games {
+  width: 60px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: var(--gap-6xsrow);
+  font-size: 9px;
+  color: v-bind(fontColor);
+}
 .containerBtnVideos620Games {
   width: 40px;
   display: flex;
@@ -1087,6 +1320,24 @@ export default {
   font-family: v-bind(fontFamily);
   /*  border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
 }
+.rowTeam300 {
+  align-self: stretch;
+  height: 50px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  z-index: 1;
+  text-align: right;
+  background-color: v-bind(background);
+  font-size: 10px;
+  color: v-bind(fontColor);
+  font-family: v-bind(fontFamily);
+  padding-left: 8px;
+  padding-right: 8px;
+  box-sizing: border-box;
+  gap: var(--gap-0row);
+}
 .rowTeam420 {
   align-self: stretch;
   height: 72px;
@@ -1167,6 +1418,14 @@ export default {
   align-items: center;
   justify-content: flex-start;
 }
+.containerLeftType1300 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100px;
+  gap: 8px;
+}
 .containerLeftType1680 {
   display: flex;
   flex-direction: row;
@@ -1197,6 +1456,14 @@ export default {
   justify-content: flex-start;
   gap: var(--gap-baserow);
 }
+.positionContainertype1300 {
+  width: 8px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--gap-6xsrow);
+}
 .positionContainertype1380 {
   width: 10px;
   display: flex;
@@ -1227,6 +1494,14 @@ export default {
   line-height: 20px;
   font-weight: 500;
 }
+.manchesterUnitedType1300 {
+  position: relative;
+  letter-spacing: 0.2px;
+  line-height: 16px;
+  font-weight: 500;
+  font-size: 9px;
+  width: 40px;
+}
 .manchesterUnitedType1460 {
   position: relative;
   letter-spacing: 0.2px;
@@ -1252,6 +1527,18 @@ export default {
   text-align: center;
   font-family: var(--font-poppins);
 }
+.containerRightType1300Games {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  text-align: center;
+  font-family: var(--font-poppins);
+  width: auto;
+  align-self: unset;
+  gap: var(--gap-0row);
+}
 .containerRightType1420Games {
   align-self: stretch;
   flex: 1;
@@ -1281,6 +1568,14 @@ export default {
   align-items: center;
   justify-content: flex-start;
 }
+.teamNameWrapperType1300 {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  width: 60px;
+}
 .teamNameWrapperType1960 {
   flex: 1;
   display: flex;
@@ -1302,6 +1597,14 @@ export default {
   align-items: center;
   justify-content: flex-start;
 }
+.ageWrapperType1300 {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  display: none;
+}
 .ageWrapperType1680 {
   flex: 1;
   display: flex;
@@ -1326,6 +1629,9 @@ export default {
   line-height: 20px;
   font-weight: 500;
 }
+.ageType1300 {
+  display: none;
+}
 .ageType1960 {
   display: none;
 }
@@ -1336,6 +1642,9 @@ export default {
   align-items: center;
   justify-content: flex-start;
 }
+.playedGamesWrapperType1300 {
+  display: none;
+}
 .playedGamesWrapperType1680 {
   display: none;
 }
@@ -1349,6 +1658,10 @@ export default {
   line-height: 20px;
   font-weight: 500;
 }
+.playedGamesType1300 {
+  text-align: center;
+  display: none;
+}
 .playedGamesType1540 {
   text-align: center;
   display: none;
@@ -1366,6 +1679,13 @@ export default {
   align-items: center;
   justify-content: flex-start;
 }
+.playedMinutesWrapperType1300 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  flex: 1;
+}
 .playedMinutesWrapperType11086 {
   display: flex;
   flex-direction: row;
@@ -1380,6 +1700,9 @@ export default {
   line-height: 20px;
   font-weight: 500;
 }
+.playedMinutesType1300 {
+  display: none;
+}
 .playedMinutesType1680 {
   display: none;
 }
@@ -1391,6 +1714,15 @@ export default {
   justify-content: flex-end;
   gap: var(--gap-5xlrow);
 }
+.block02Type1300Games {
+  align-self: stretch;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--gap-0row);
+  width: 60px;
+}
 .block02Type1680Games {
   align-self: stretch;
   display: flex;
@@ -1424,6 +1756,9 @@ export default {
   align-items: center;
   justify-content: center;
 }
+.leagueNameWrapperType1300 {
+  display: none;
+}
 .leagueNameWrapperType1680 {
   display: none;
 }
@@ -1444,7 +1779,9 @@ export default {
   width: 64px;
   flex-shrink: 0;
 }
-
+.leagueNameType1300 {
+  display: none;
+}
 .leagueNameType1960 {
   display: flex;
   position: relative;
@@ -1462,6 +1799,14 @@ export default {
   font-weight: 500;
   display: none;
 }
+.numberOfVideosType1300 {
+  position: relative;
+  letter-spacing: -0.03em;
+  line-height: 120%;
+  font-weight: 500;
+  display: flex;
+  font-size: 9px;
+}
 .numberOfVideosType1680 {
   position: relative;
   letter-spacing: -0.03em;
@@ -1506,6 +1851,13 @@ export default {
   line-height: 20px;
   font-weight: 600;
 }
+.numberPositionType1300 {
+  position: relative;
+  letter-spacing: 0.2px;
+  line-height: 14px;
+  font-weight: 600;
+  font-size: 9px;
+}
 .shapeIconType1 {
   position: relative;
   width: 17px;