Добавил тему "Веспера"

src/containers/boris/BorisSidebar/index.tsx

@@ -4,9 +4,10 @@ import { BorisContacts } from '~/components/boris/BorisContacts';
 import { BorisStats } from '~/components/boris/BorisStats';
 import { Group } from '~/components/containers/Group';
 import { SuperPowersToggle } from '~/containers/auth/SuperPowersToggle';
-import styles from '~/layouts/BorisLayout/styles.module.scss';
 import { BorisUsageStats } from '~/types/boris';
 
+import styles from './styles.module.scss';
+
 interface Props {
   isUser: boolean;
   stats: BorisUsageStats;
@@ -14,14 +15,14 @@ interface Props {
 }
 
 const BorisSidebar: FC<Props> = ({ isUser, stats, isLoading }) => (
-  <Group className={styles.stats__container}>
+  <Group className={styles.container}>
     <div className={styles.super_powers}>
       <SuperPowersToggle />
     </div>
 
     <BorisContacts />
 
-    <div className={styles.stats__wrap}>
+    <div className={styles.wrap}>
       <BorisStats stats={stats} isLoading={isLoading} />
     </div>
   </Group>

src/containers/boris/BorisSidebar/styles.module.scss

@@ -0,0 +1,23 @@
+@import 'src/styles/variables';
+
+.wrap {
+  @include tablet {
+    display: none;
+  }
+}
+
+.container {
+  background: $content_bg_dark;
+  border-radius: 0 $radius $radius 0;
+  padding: $gap;
+  box-sizing: border-box;
+  flex: 0 0 auto;
+
+  @include tablet {
+    border-radius: 0;
+  }
+}
+
+.super_powers {
+  padding: $gap * 2 0;
+}