2 files changed, 12 insertions, 79 deletions

diff --git a/static/input.css b/static/input.css
index 3ab5028..c105d8f 100644
--- a/static/input.css
+++ b/static/input.css
@@ -124,21 +124,13 @@
     background-size: 10vw;
 }
 
-body:has(.lg-container:not([class~="lg-inline"])) .desktop-sidebar-custom {
-    display: none !important;
-}
-
 .mobile-topbar-custom {
     width: 90vw;
-    height: 8%;
-    background-size: 16vh;
+    height: 10vh;
+    background-size: 20vh;
     margin-left: 5vw;
 }
 
-body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
-    display: none !important;
-}
-
 .logo-custom {
     width: 3.5vw;
     height: 20vw;
@@ -322,18 +314,10 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
 
 .lg-backdrop {
     background-color: var(--background-light-color);
-    opacity: 0.8 !important;
-}
-
-.lg-container:not([class~="lg-inline"]) .lg-outer {
-    width: 90%;
-    height: 90%;
-    margin: 5vh 5vw;
 }
 
 .lg-thumb-outer {
     background-color: var(--background-light-color) !important;
-    opacity: 0.8 !important;
 }
 
 .lg-prev {
@@ -354,19 +338,6 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
     height: 1vmax;
 }
 
-.lg-container:not([class~="lg-inline"]) .lg-counter {
-    font-size: 2vmax;
-    height: 2vmax;
-}
-
-.lg-content {
-    top: 3vmax !important;
-}
-
-.lg-container:not([class~="lg-inline"]) .lg-content {
-    top: 4vmax !important;
-}
-
 .lg-toolbar .lg-icon {
     padding: 0 0.7vmax;
     font-size: 1.5vmax !important;
@@ -375,11 +346,6 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
     color: var(--main-dark-color);
 }
 
-.lg-container:not([class~="lg-inline"]) .lg-toolbar .lg-icon {
-    font-size: 3vmax !important;
-    height: 3vmax;
-}
-
 .lg-toolbar .lg-icon:hover {
     color: var(--main-medium-color);
 }
@@ -465,16 +431,16 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
     }
 
     .nav-icon-custom {
-        font-size: 5vh !important;
+        font-size: 6vh !important;
         -webkit-text-stroke: 0.1vh var(--sidebar-stroke-color);
-        width: 8vh;
-        height: 8vh;
+        width: 10vh;
+        height: 10vh;
         align-content: center;
         text-align: center;
     }
 
     .nav-icon-custom:hover {
-        font-size: 7vh;
+        font-size: 8vh;
     }
 
     .bg-pattern-body {
diff --git a/static/output.css b/static/output.css
index 1517e8d..d020762 100644
--- a/static/output.css
+++ b/static/output.css
@@ -181,9 +181,6 @@
   .relative {
     position: relative;
   }
-  .sticky {
-    position: sticky;
-  }
   .z-0 {
     z-index: 0;
   }
@@ -244,9 +241,6 @@
   .flex {
     display: flex;
   }
-  .h-\[92vh\] {
-    height: 92vh;
-  }
   .h-auto {
     height: auto;
   }
@@ -517,18 +511,12 @@
   width: 5vw;
   background-size: 10vw;
 }
-body:has(.lg-container:not([class~="lg-inline"])) .desktop-sidebar-custom {
-  display: none !important;
-}
 .mobile-topbar-custom {
   width: 90vw;
-  height: 8%;
-  background-size: 16vh;
+  height: 10vh;
+  background-size: 20vh;
   margin-left: 5vw;
 }
-body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
-  display: none !important;
-}
 .logo-custom {
   width: 3.5vw;
   height: 20vw;
@@ -668,16 +656,9 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
 }
 .lg-backdrop {
   background-color: var(--background-light-color);
-  opacity: 0.8 !important;
-}
-.lg-container:not([class~="lg-inline"]) .lg-outer {
-  width: 90%;
-  height: 90%;
-  margin: 5vh 5vw;
 }
 .lg-thumb-outer {
   background-color: var(--background-light-color) !important;
-  opacity: 0.8 !important;
 }
 .lg-prev {
   background-color: var(--background-light-color);
@@ -694,16 +675,6 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
   padding-top: 0;
   height: 1vmax;
 }
-.lg-container:not([class~="lg-inline"]) .lg-counter {
-  font-size: 2vmax;
-  height: 2vmax;
-}
-.lg-content {
-  top: 3vmax !important;
-}
-.lg-container:not([class~="lg-inline"]) .lg-content {
-  top: 4vmax !important;
-}
 .lg-toolbar .lg-icon {
   padding: 0 0.7vmax;
   font-size: 1.5vmax !important;
@@ -711,10 +682,6 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
   width: auto;
   color: var(--main-dark-color);
 }
-.lg-container:not([class~="lg-inline"]) .lg-toolbar .lg-icon {
-  font-size: 3vmax !important;
-  height: 3vmax;
-}
 .lg-toolbar .lg-icon:hover {
   color: var(--main-medium-color);
 }
@@ -781,15 +748,15 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
     display: none;
   }
   .nav-icon-custom {
-    font-size: 5vh !important;
+    font-size: 6vh !important;
     -webkit-text-stroke: 0.1vh var(--sidebar-stroke-color);
-    width: 8vh;
-    height: 8vh;
+    width: 10vh;
+    height: 10vh;
     align-content: center;
     text-align: center;
   }
   .nav-icon-custom:hover {
-    font-size: 7vh;
+    font-size: 8vh;
   }
   .bg-pattern-body {
     background-size: 10vh;