fixed styles imports

src/components/node/CommendDeleted/styles.module.scss

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

src/components/node/Comment/styles.module.scss

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

src/components/node/CommentContent/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 @import 'flexbin/flexbin.scss';
 
 .wrap {

src/components/node/CommentForm/styles.module.scss

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

src/components/node/CommentMenu/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   position: absolute;
   right: 0;

src/components/node/ImageSwitcher/styles.module.scss

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

src/components/node/MenuButton/styles.module.scss

@@ -1,3 +1,4 @@
+@import "src/styles/variables";
 
 .button {
   fill: white;

src/components/node/NodeAudioBlock/styles.module.scss

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

src/components/node/NodeAudioImageBlock/styles.module.scss

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

src/components/node/NodeComments/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   & > div {
     margin: 0 0 $gap 0;

src/components/node/NodeDeletedBadge/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .badge {
   padding: $gap;
   text-align: center;

src/components/node/NodeImageBlock/styles.module.scss

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

src/components/node/NodeImageBlockPlaceholder/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .placeholder {
   height: 320px;
   background: transparentize(black, 0.8);

src/components/node/NodeImageSlideBlock/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   position: relative;
 }

src/components/node/NodeNoComments/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   user-select: none;
   overflow: hidden;

src/components/node/NodePanel/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .place {
   // height: 72px;
   position: relative;

src/components/node/NodePanelInner/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 @mixin button {
   margin: 0 $gap;
   cursor: pointer;

src/components/node/NodeRelated/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   // padding: $gap;
   //background: transparentize(black, 0.8);

src/components/node/NodeRelatedItem/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .item {
   background: lighten($content_bg, 2%) 50% 50% no-repeat;
   padding-bottom: 100%;

src/components/node/NodeTextBlock/styles.module.scss

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

src/components/node/NodeVideoBlock/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   padding-bottom: 56.25%;
   position: relative;