diff --git a/projects/app-root/src/assets/css/forms.scss b/projects/app-root/src/assets/css/forms.scss
index cfe8b04..7eab512 100644
--- a/projects/app-root/src/assets/css/forms.scss
+++ b/projects/app-root/src/assets/css/forms.scss
@@ -75,4 +75,69 @@ input, select, textarea {
       }
     }
   }
+}
+
+
+
+switch{
+  
+$bull: 12px;
+$offset: 2px;
+$track: 14px;
+div{
+    border: 1px solid var(--second);
+    display: inline-flex;
+    border-radius: $bull + 3px;
+    div{
+       width: $bull;
+       height: $bull;
+       background-color: var(--second); 
+       border-radius: 50%;
+       margin: $offset $track $offset $offset;
+       border: none;
+    }
+}
+div.on{
+    border: 1px solid var(--prime);
+    background-color: var(--prime);
+    div{
+        margin: $offset $offset $offset $track;
+        background-color: var(--white);
+        border: none;
+        animation: switch-on 0.1s;
+    }
+}
+div.off{
+    div{
+        animation: switch-off 0.1s;
+    }
+}
+
+
+@keyframes switch-on {
+    0% {margin:  $offset $track $offset $offset;}
+    100% {margin: $offset $offset $offset $track;}
+}
+
+@keyframes switch-off {
+    100% {margin:  $offset $track $offset $offset;}
+    0% {margin: $offset $offset $offset $track;}
+}
+}
+
+.switch-host:hover switch{
+  div.on{        
+      background-color: var(--active);
+      div{
+         background-color: var(--white);
+         border: none;
+      }
+  }
+  div{
+      border-color: var(--active);
+      div{
+         background-color: var(--active);
+         border: none;
+      }
+  }
 }
\ No newline at end of file
diff --git a/projects/app-vniigaz/src/assets/css/forms.scss b/projects/app-vniigaz/src/assets/css/forms.scss
index a6b1c48..f4599ab 100644
--- a/projects/app-vniigaz/src/assets/css/forms.scss
+++ b/projects/app-vniigaz/src/assets/css/forms.scss
@@ -137,4 +137,75 @@ input, select, textarea {
 }
 .checkbox:disabled:not(:checked)+label::before {
   background-image: url("~/src/assets/images/icons/checkbox/checbox_none_disabled_24dp.svg");
+}
+
+
+
+
+switch{
+    
+  $bull: 18px;
+  $offset: 2px;
+  $track: 20px;
+  >div{
+      border: 1px solid var(--second);
+      display: inline-flex;
+      border-radius: $bull + 3px;
+      div{
+        width: $bull;
+        height: $bull;
+        background-color: var(--second-dis); 
+        border-radius: 50%;
+        margin: $offset $track $offset $offset;
+        border: none;
+      }
+  }
+  >div.on{
+      border: 1px solid var(--prime);
+      background-color: var(--prime);
+      div{
+          margin: $offset $offset $offset $track;
+          background-color: var(--white);
+          border: none;
+          animation: switch-on 0.1s;
+      }
+  }
+  >div.off{
+      div{
+          animation: switch-off 0.1s;
+      }
+  }
+
+  @keyframes switch-on {
+      0% {margin:  $offset $track $offset $offset;}
+      100% {margin: $offset $offset $offset $track;}
+  }
+
+  @keyframes switch-off {
+      100% {margin:  $offset $track $offset $offset;}
+      0% {margin: $offset $offset $offset $track;}
+  }
+}
+
+.switch-host{
+  cursor: pointer;
+}
+.switch-host:hover{
+  color: var(--prime-act);
+  switch{
+    >div.on{        
+        background-color: var(--prime-act);
+        div{
+          background-color: var(--white);
+          border: none;
+        }
+    }
+    >div{
+        border-color: var(--prime-act);
+        div{
+          background-color: var(--prime-act);
+          border: none;
+        }
+    }
+  }
 }
\ No newline at end of file
diff --git a/projects/app/_modules/viget/switch/switch.component.scss b/projects/app/_modules/viget/switch/switch.component.scss
index 6f068f6..e69de29 100644
--- a/projects/app/_modules/viget/switch/switch.component.scss
+++ b/projects/app/_modules/viget/switch/switch.component.scss
@@ -1,58 +0,0 @@
-
-$bull: 12px;
-$offset: 2px;
-$track: 14px;
-div{
-    border: 1px solid var(--second);
-    display: inline-flex;
-    border-radius: $bull + 3px;
-    div{
-       width: $bull;
-       height: $bull;
-       background-color: var(--second); 
-       border-radius: 50%;
-       margin: $offset $track $offset $offset;
-       border: none;
-    }
-}
-div.on{
-    border: 1px solid var(--prime);
-    background-color: var(--prime);
-    div{
-        margin: $offset $offset $offset $track;
-        background-color: var(--white);
-        border: none;
-        animation: switch-on 0.1s;
-    }
-}
-div.off{
-    div{
-        animation: switch-off 0.1s;
-    }
-}
-:host-context(.switch-host:hover){
-    div.on{        
-        background-color: var(--active);
-        div{
-           background-color: var(--white);
-           border: none;
-        }
-    }
-    div{
-        border-color: var(--active);
-        div{
-           background-color: var(--active);
-           border: none;
-        }
-    }
-}
-
-@keyframes switch-on {
-    0% {margin:  $offset $track $offset $offset;}
-    100% {margin: $offset $offset $offset $track;}
-}
-
-@keyframes switch-off {
-    100% {margin:  $offset $track $offset $offset;}
-    0% {margin: $offset $offset $offset $track;}
-}
\ No newline at end of file