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;