fixed scss imports

src/components/boris/BorisContactItem/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .item {
   display: flex;

src/components/boris/BorisContacts/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 .contacts {
   @include inner_shadow;

src/components/boris/BorisSuperpowers/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 .wrap {
   display: grid;

src/components/boris/BorisUIDemo/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .card {
   flex: 3;

src/components/comment/CommentAvatar/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 @keyframes appear {
   0% { opacity: 0 }

src/components/common/Avatar/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 .avatar {
   @include outer_shadow;

src/components/common/SubTitle/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .title {
   font: $font_12_semibold;

src/components/dialogs/Tabs/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 .wrap {
   display: flex;

src/components/editors/EditorConfirmClose/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 @keyframes appear {
   0% {

src/components/flow/CellShade/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 .shade {
   background: linear-gradient(7deg, transparentize($content_bg, 0.05) 30px, transparentize($content_bg, 1) 250px);

src/components/flow/FlowCell/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 .cell {
   @include inner_shadow;

src/components/flow/FlowCellMenu/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 .dropdown {
   @include outer_shadow;

src/components/flow/FlowCellText/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 .text {
   padding: $gap;
@@ -8,4 +8,3 @@
 .heading {
   margin-bottom: 0.4em;
 }
-

src/components/flow/FlowGrid/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 @mixin mobile {
   @media (max-width: $cell * 2) {

src/components/input/InputText/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 .input {
   display: flex;

src/components/input/LoaderCircleInner/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 @keyframes spin {
   0% {

src/components/input/Textarea/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 .textarea {
   background: none;

src/components/input/Toggle/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .toggle {
   height: 24px;

src/components/lab/LabBanner/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .wrap {
   @include outer_shadow;

src/components/lab/LabBottomPanel/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .wrap {
   padding: $gap $lab_gap $lab_gap;

src/components/lab/LabDescription/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .wrap {
   padding: $lab_gap / 2 $lab_gap 0;

src/components/lab/LabHead/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .wrap {
   @include outer_shadow;

src/components/lab/LabHeadItem/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .item {
   flex: 0 0 auto;

src/components/lab/LabHero/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .wrap {
   min-width: 0;
@@ -31,4 +31,3 @@
   padding: $gap / 2 0;
   text-decoration: none;
 }
-

src/components/lab/LabImage/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .wrapper {
   display: flex;

src/components/lab/LabLine/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 .line {
   height: 4px;

src/components/lab/LabNode/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .wrap {
   @include outer_shadow;
@@ -14,4 +14,3 @@
     @include hero_gradient;
   }
 }
-

src/components/lab/LabNodeTitle/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .wrap {
   padding: $lab_gap - $gap $lab_gap 0;

src/components/lab/LabPad/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .pad {
   height: $gap;

src/components/lab/LabTags/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .tags {
   display: flex;

src/components/lab/LabText/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .wrap {
   padding: 0 $lab_gap;

src/components/media/ImagePreloader/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .image {
   position: absolute;

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

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 div.block {
   @include inner_shadow_active;

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

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .wrapper {
   border-radius: $radius;

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

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .content {
   flex: 4;

src/containers/lab/LabGrid/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 div.wrap {
   display: flex;

src/containers/lab/LabStats/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .title {
   padding-bottom: $gap;
@@ -23,4 +23,3 @@
 .updates {
   padding: 0 $gap / 4 $gap * 2;
 }
-

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

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .container {
   @include container;

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

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .sticky {
   width: 100%;

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

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

src/containers/tags/TagInput/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 .wrap {
   position: relative;

src/layouts/BorisLayout/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables";
+@import "src/styles/variables";
 
 .wrap {
   display: flex;

src/layouts/LabLayout/styles.module.scss

@@ -1,4 +1,4 @@
-@import "~/styles/variables.scss";
+@import "src/styles/variables.scss";
 
 .wrap {
   display: grid;