- added saving evaluation v2;

src/assets/scss/components/statsBigBadges.scss

@@ -43,6 +43,75 @@
     }
 }
 
+.statsBigBadges__gridItemDoubleStats {
+    display: flex;
+    flex-direction: column;
+    padding: 16px;
+    border-radius: 6px;
+    border: 1px solid #858585;
+    background: #cecece;
+    align-items: center;
+    gap: 32px;
+
+    span {
+        color: #FFF;
+        font-size: 18px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: normal;
+        text-align: center;
+    }
+
+    > span:first-of-type {
+        min-height: 50px;
+    }
+
+    span.number {
+        font-size: 22px;
+    }
+
+    .auxStats {
+        display: flex;
+        gap: 7px;
+        align-items: flex-start;
+        margin-top: auto;
+
+        span {
+            font-size: 15px;
+            font-weight: 400;
+            text-align: left;
+        }
+        
+        span.badge {
+            display: inline-block;
+            padding: 5px 10px;
+            background-color: var(--card-full-background-color-4);
+            border-radius: 4px;
+            margin-right: 7px;
+        }
+    }
+
+    &:nth-of-type(1) {
+        border: 1px solid var(--yellow-500);
+        background: var(--card-full-background-color-2);
+    }
+
+    &:nth-of-type(2) {
+        border: 1px solid var(--yellow-500);
+        background: var(--card-full-background-color-3);
+    }
+
+    &:nth-of-type(3) {
+        border: 1px solid var(--yellow-500);
+        background: var(--card-full-background-color-5);
+    }
+
+    &:nth-of-type(4) {
+        border: 1px solid var(--yellow-500);
+        background: var(--card-full-background-color-7);
+    }
+}
+
 .statsBigBadges__grid {
     .statsBigBadges__gridItem {
         &:nth-of-type(1) {
@@ -109,11 +178,27 @@
             }
         }
     }
+
+    &.doubleStatsItems {
+        grid-template-columns: repeat(4, minmax(220px, 1fr));
+    }
+}
+
+@media (max-width: 1290px) {
+    .statsBigBadges__grid {
+        &.doubleStatsItems {
+            grid-template-columns: repeat(2, minmax(220px, 1fr));
+        }
+    }
 }
 
 @media (max-width: 820px) {
     .statsBigBadges__grid {
         grid-template-columns: 1fr;
+
+        &.doubleStatsItems {
+            grid-template-columns: minmax(220px, 1fr);
+        }
     }
 }