hidden shit, and online status bars, search settings

src/app/components/setting-tile/SettingTile.css.ts

@@ -0,0 +1,18 @@
+import { keyframes, style } from '@vanilla-extract/css';
+import { color, config } from 'folds';
+
+const focusPulse = keyframes({
+  '0%': {
+    outlineColor: color.Primary.Main,
+  },
+  '100%': {
+    outlineColor: 'transparent',
+  },
+});
+
+export const SettingTileFocus = style({
+  borderRadius: config.radii.R400,
+  outline: `${config.borderWidth.B300} solid ${color.Primary.Main}`,
+  outlineOffset: config.space.S100,
+  animation: `${focusPulse} 1.2s ease-out forwards`,
+});