fixed styles imports

src/containers/dialogs/BetterScrollDialog/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   width: 100vw;
   height: 100vh;

src/containers/dialogs/EditorDialog/styles.module.scss

@@ -1,7 +1,9 @@
+@import "src/styles/variables";
+
 .editor {
   flex: 1;
   padding: $gap;
-  // padding-bottom: 0;    
+  // padding-bottom: 0;
   align-items: center;
   justify-content: center;
   position: relative;
@@ -10,4 +12,4 @@
 .form {
   height: 100vh;
   width: 100%;
-}
+}

src/containers/dialogs/LoadingDialog/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   height: 200px;
   display: flex;

src/containers/dialogs/LoginDialog/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 $secondary_color: darken(desaturate($blue, 100%), 30%);
 $vk_color: $secondary_color;
 

src/containers/dialogs/LoginDialogButtons/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .footer {
   padding: $gap;
 }

src/containers/dialogs/LoginSocialRegisterButtons/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   padding: $gap $gap * 2;
 

src/containers/dialogs/LoginSocialRegisterDialog/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   padding: $login_dialog_padding;
 }

src/containers/dialogs/Modal/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .fixed {
   position: fixed;
   z-index: 30;

src/containers/dialogs/PhotoSwipe/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   :global(.pswp__img) {
     border-radius: $radius;

src/containers/dialogs/ProfileDialog/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .messages {
   padding: $gap;
 }

src/containers/dialogs/RestorePasswordDialog/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   padding: $gap $gap $gap * 4;
 }

src/containers/dialogs/RestoreRequestDialog/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   padding: $gap $gap $gap * 4;
 }

src/containers/dialogs/ScrollDialog/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .container {
   height: 100vh;
   width: 100%;

src/containers/dialogs/TestDialog/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .example {
   height: 1200px;
   background: yellow;

src/containers/flow/FlowLayout/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   max-width: 2000px;
   padding: 0 40px 40px 40px;

src/containers/main/BottomContainer/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   position: fixed;
   transform: translateZ(0);

src/containers/main/MainLayout/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrapper {
   width: 100%;
   padding: 0 $gap;

src/containers/node/BorisLayout/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   display: flex;
   align-items: flex-start;

src/containers/node/NodeLayout/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .content {
   align-items: stretch !important;
   @include vertical_at_tablet;
@@ -25,7 +27,7 @@
   min-width: 0;
   position: relative;
   z-index: 10;
-  
+
   @media (max-width: 1024px) {
     padding-left: 0;
     padding-top: $comment_height / 2;

src/containers/pages/ErrorNotFound/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   @include outer_shadow();
 

src/containers/profile/ProfileAvatar/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .avatar {
   @include outer_shadow();
 

src/containers/profile/ProfileInfo/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   justify-content: flex-start;
   align-items: flex-start !important;

src/containers/profile/ProfileLayout/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   display: flex;
   align-items: flex-start !important;

src/containers/profile/ProfileLoader/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .loader {
   min-height: 33vh;
   display: flex;

src/containers/profile/ProfileMessages/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .messages {
   padding: $gap;
   background: $node_bg;

src/containers/profile/ProfilePage/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   flex: 1;
   background: $content_bg;

src/containers/profile/ProfilePageLeft/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   display: flex;
   align-items: stretch;

src/containers/profile/ProfileTabs/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   display: flex;
   align-items: flex-start;

src/containers/sidebars/SidebarWrapper/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 @keyframes appear {
   0% { opacity: 0; }
   100% { opacity: 1; }

src/containers/sidebars/TagSidebar/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   @include outer_shadow;