refactor: UI tweaks, better browser detection and new neutrals (#4276)

* refactor: UI tweaks, better browser detection and new neutrals

* wip

Author: adrianthedev

app/assets/stylesheets/application.css

@@ -66,6 +66,9 @@
 @custom-variant theme-mist (&:where(.theme-mist, .theme-mist *));
 @custom-variant theme-olive (&:where(.theme-olive, .theme-olive *));
 
+@custom-variant os-mac (&:where(.os-mac, .os-mac *));
+@custom-variant os-pc (&:where(.os-pc, .os-pc *));
+
 @custom-variant has-cover (&:where(.has-cover *));
 @custom-variant has-sidebar (&:where(.has-sidebar *));
 @custom-variant has-record-selector (&:where(.has-record-selector *));
@@ -185,14 +188,6 @@
     @apply bg-primary-400;
   }
 
-  body.os-mac .mac\:hidden {
-    display: none;
-  }
-
-  body.os-pc .pc\:hidden {
-    display: none;
-  }
-
   body.modal-open {
     @apply overflow-hidden;
   }