@amulet-laboratories/hex 0.3.0 → 0.5.0

package/src/shared/components/nav.css

@@ -1,109 +1,23 @@
-/* Hex — Shared Nav Components
- * Theme styles for Rig's nav package: ActivityBar, PanelBar, StatusBar,
- * SideBar, View, Breadcrumbs, Tabs, Timeline, DatePicker, DateRangePicker,
- * Stepper.
+/* Hex — Shared Nav Components (skin only)
+ * Colors, backgrounds, borders (colors), shadows, font-family, transitions.
+ * Structural layout lives in Rig/src/styles/nav.css.
  */
 
 /* ───────── Activity Bar ───────── */
 
 [data-rig-activity-bar] {
   background: var(--rig-activitybar-bg);
-  border-right: 1px solid var(--rig-activitybar-border);
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow: hidden;
-}
-
-[data-rig-activity-bar-top] {
-  display: flex;
-  flex-direction: column;
+  border-right-color: var(--rig-activitybar-border);
 }
 
 [data-rig-activity-bar-bottom] {
-  margin-top: auto;
-  display: flex;
-  flex-direction: column;
-  border-top: 1px solid var(--rig-activitybar-border);
-  padding-top: 2px;
-}
-
-/* ── Domain grid (paired dot lockup) ── */
-
-[data-rig-domain-grid] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 12px;
-}
-
-[data-rig-domain-pair] {
-  display: flex;
-  gap: 0px;
-  border: 1px solid color-mix(in srgb, var(--color-border, #2b2b2b) 40%, transparent);
-  border-radius: 6px;
-  padding: 1px;
-}
-
-[data-rig-domain-row] {
-  display: flex;
-  gap: 0px;
-  padding: 2px;
-}
-
-[data-rig-domain-btn] {
-  @apply transition-all;
-
-  width: 16px;
-  height: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 4px;
-  cursor: pointer;
-  background: transparent;
-  border: none;
-  opacity: 0.45;
-}
-
-[data-rig-domain-dot] {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--dot-color);
-}
-
-[data-rig-domain-btn]:hover {
-  opacity: 0.8;
-  background: var(--color-muted);
-}
-
-[data-rig-domain-btn][data-active] {
-  opacity: 1;
-}
-
-[data-rig-domain-btn][data-active] [data-rig-domain-dot] {
-  box-shadow: 0 0 6px 2px var(--dot-color);
-}
-
-[data-rig-activity-bar-divider] {
-  height: 1px;
-  margin: 2px 10px;
-  background: var(--rig-activitybar-border);
+  border-top-color: var(--rig-activitybar-border);
 }
 
 [data-rig-activity-bar-item] {
   @apply transition-colors;
 
   color: var(--rig-activitybar-inactive-fg);
-  width: 48px;
-  height: 48px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  flex-shrink: 0;
 }
 
 [data-rig-activity-bar-item]:hover {
@@ -112,28 +26,15 @@
 
 [data-rig-activity-bar-item][data-state='active'] {
   color: var(--rig-activitybar-active-fg);
-  border-left: var(--rig-activitybar-active-border-width) solid var(--rig-activitybar-active-border);
+  border-left-color: var(--rig-activitybar-active-border);
 }
 
 [data-rig-activity-bar-badge] {
   background: var(--rig-activitybar-badge-bg);
   color: var(--rig-activitybar-badge-fg);
-  font-weight: 600;
-  position: absolute;
-  top: 8px;
-  right: 6px;
-  min-width: 16px;
-  height: 16px;
-  border-radius: 8px;
-  font-size: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 4px;
-  pointer-events: none;
-}
-
-/* ── Activity Bar drag-and-drop ── */
+}
+
+/* Activity Bar drag-and-drop */
 
 [data-rig-activity-bar-item][data-dragging] {
   opacity: 0.35;
@@ -157,31 +58,62 @@
   box-shadow: inset -2px 0 0 0 var(--rig-activitybar-active-border, var(--color-accent));
 }
 
+[data-rig-activity-stash-zone] {
+  border-color: var(--color-border);
+  color: var(--color-muted-foreground);
+  transition:
+    border-color 0.15s,
+    color 0.15s;
+}
+
+[data-rig-activity-stash-zone]:hover,
+[data-rig-activity-stash-zone][data-over] {
+  border-color: var(--color-ring);
+  color: var(--color-foreground);
+}
+
+/* Domain grid (paired dot lockup) */
+
+[data-rig-domain-pair] {
+  border-color: color-mix(in srgb, var(--color-border, #2b2b2b) 40%, transparent);
+}
+
+[data-rig-domain-btn] {
+  @apply transition-all;
+
+  opacity: 0.45;
+}
+
+[data-rig-domain-dot] {
+  background: var(--dot-color);
+}
+
+[data-rig-domain-btn]:hover {
+  opacity: 0.8;
+  background: var(--color-muted);
+}
+
+[data-rig-domain-btn][data-active] {
+  opacity: 1;
+}
+
+[data-rig-domain-btn][data-active] [data-rig-domain-dot] {
+  box-shadow: 0 0 6px 2px var(--dot-color);
+}
+
+[data-rig-activity-bar-divider] {
+  background: var(--rig-activitybar-border);
+}
+
 /* ───────── SideBar ───────── */
 
 [data-rig-sidebar] {
   background: var(--rig-sidebar-bg, var(--color-background));
   color: var(--color-foreground);
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow: hidden;
 }
 
 [data-rig-sidebar-header] {
-  @apply flex items-center justify-between;
-
-  padding: 8px 12px;
-  border-bottom: 1px solid var(--rig-sidebar-border);
-  flex-shrink: 0;
-  gap: 6px;
-  min-height: 34px;
-  line-height: 1;
-}
-
-[data-rig-sidebar-content] {
-  flex: 1;
-  overflow-y: auto;
+  border-bottom-color: var(--rig-sidebar-border);
 }
 
 [data-rig-sidebar-content] [data-state='active'] {
@@ -190,22 +122,8 @@
 
 /* ───────── SidebarNavList ───────── */
 
-[data-rig-sidebar-nav-list] {
-  @apply flex flex-col;
-
-  padding: 8px;
-  gap: 2px;
-}
-
 [data-rig-sidebar-nav-item] {
-  @apply flex items-center gap-2 w-full text-left text-xs font-mono
-    text-muted-foreground transition-colors;
-
-  padding: 6px 8px;
-  border-radius: var(--radius, 4px);
-  border: none;
-  background: transparent;
-  cursor: pointer;
+  @apply font-mono text-muted-foreground transition-colors;
 }
 
 [data-rig-sidebar-nav-item]:hover {
@@ -218,94 +136,76 @@
   background: var(--rig-sidebar-active-bg, color-mix(in srgb, var(--color-muted) 50%, transparent));
 }
 
-[data-rig-sidebar-nav-icon] {
-  @apply shrink-0;
+/* ───────── SidebarSection ───────── */
 
-  width: 14px;
-  height: 14px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+[data-rig-sidebar-section][data-bordered] {
+  border-top-color: var(--rig-sidebar-border);
 }
 
-[data-rig-sidebar-nav-label] {
-  @apply truncate;
+[data-rig-sidebar-section-title] {
+  color: color-mix(in srgb, var(--color-muted-foreground) 70%, transparent);
 }
 
-/* ───────── View ───────── */
+[data-rig-sidebar-row] {
+  font-family: var(--font-mono);
+}
 
-[data-rig-view] {
-  border-bottom: 1px solid var(--color-border);
+[data-rig-sidebar-row-label] {
+  color: color-mix(in srgb, var(--color-muted-foreground) 80%, transparent);
 }
 
-[data-rig-view-header] {
-  @apply flex items-center justify-between;
+[data-rig-sidebar-row-value] {
+  color: color-mix(in srgb, var(--color-muted-foreground) 60%, transparent);
+}
 
-  padding: 0 8px;
-  height: 22px;
-  user-select: none;
-  background: var(--color-background);
+[data-rig-sidebar-row][data-tone='foreground'] [data-rig-sidebar-row-value] {
+  color: var(--color-foreground);
 }
 
-[data-rig-view-toggle] {
-  @apply flex items-center gap-1 cursor-pointer;
+[data-rig-sidebar-row][data-tone='success'] [data-rig-sidebar-row-value] {
+  color: var(--color-success);
+}
 
-  color: var(--color-foreground);
-  font-size: 11px;
-  font-weight: 300;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  background: none;
-  border: none;
-  padding: 0;
+[data-rig-sidebar-row][data-tone='warning'] [data-rig-sidebar-row-value] {
+  color: var(--color-warning);
 }
 
-[data-rig-view-chevron] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
+[data-rig-sidebar-row][data-tone='info'] [data-rig-sidebar-row-value] {
+  color: var(--color-info);
 }
 
-[data-rig-view-chevron]::before {
-  content: '';
-  display: block;
-  width: 6px;
-  height: 6px;
-  border-right: 1.5px solid #888;
-  border-bottom: 1.5px solid #888;
-  transform: rotate(-45deg);
-  transition: transform 0.15s ease;
+[data-rig-sidebar-row][data-tone='danger'] [data-rig-sidebar-row-value] {
+  color: var(--color-danger, var(--color-destructive));
+}
+
+[data-rig-sidebar-row][data-tone='accent'] [data-rig-sidebar-row-value] {
+  color: var(--color-accent);
 }
 
-[data-rig-view-chevron][data-state='open']::before {
-  transform: rotate(45deg);
+/* ───────── View ───────── */
+
+[data-rig-view] {
+  border-bottom: 1px solid var(--color-border);
 }
 
-[data-rig-view-title] {
-  font-size: 11px;
-  font-weight: 300;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
+[data-rig-view-header] {
+  background: var(--color-background);
 }
 
-[data-rig-view-actions] {
-  @apply flex items-center gap-0.5;
+[data-rig-view-toggle] {
+  color: var(--color-foreground);
+}
+
+[data-rig-view-chevron]::before {
+  border-right-color: #888;
+  border-bottom-color: #888;
 }
 
 [data-rig-view-action] {
-  @apply inline-flex items-center justify-center transition-colors;
+  @apply transition-colors;
 
-  width: 22px;
-  height: 22px;
   border-radius: 3px;
   color: var(--rig-description-fg);
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
 }
 
 [data-rig-view-action]:hover {
@@ -313,48 +213,17 @@
   background: var(--rig-list-hover-bg);
 }
 
-[data-rig-view-content] {
-  overflow-y: auto;
-}
-
 /* ───────── Panel Bar (tabs) ───────── */
 
-[data-rig-panel-bar] {
-  @apply flex flex-col;
-
-  height: 100%;
-}
-
 [data-rig-panel-bar-header] {
-  @apply flex items-center justify-between;
-
-  border-bottom: 1px solid var(--rig-panel-border);
-}
-
-[data-rig-panel-bar-tabs] {
-  @apply flex items-center;
+  border-bottom-color: var(--rig-panel-border);
 }
 
 [data-rig-panel-bar-tab] {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  height: 35px;
   font-family: var(--font-mono);
-  border-bottom: 2px solid transparent;
+  border-bottom-color: transparent;
   color: var(--rig-panel-title-inactive-fg);
   transition: color 0.15s ease;
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  user-select: none;
-  padding: 0 8px;
-  cursor: pointer;
-  background: none;
-  border-top: none;
-  border-left: none;
-  border-right: none;
-  flex-shrink: 0;
 }
 
 [data-rig-panel-bar-tab]:hover {
@@ -376,26 +245,12 @@
   color: var(--color-foreground);
 }
 
-[data-rig-panel-bar-actions] {
-  @apply flex items-center gap-0.5;
-
-  padding: 0 4px;
-}
-
-[data-rig-panel-bar-content] {
-  flex: 1;
-  overflow: auto;
-}
-
 /* ───────── Status Bar ───────── */
 
 [data-rig-status-bar] {
   background: var(--rig-statusbar-bg);
   color: var(--rig-statusbar-fg);
   font-family: var(--font-mono);
-  font-size: 12px;
-  border-top: none;
-  padding: 0 8px;
 }
 
 [data-rig-status-bar-left] {
@@ -410,13 +265,6 @@
   color: var(--rig-statusbar-fg);
   font-family: var(--font-mono);
   transition: background-color 0.15s ease;
-  cursor: default;
-  font-size: 12px;
-  padding: 0 4px;
-  height: 100%;
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
 }
 
 [data-rig-status-bar-item]:hover {
@@ -430,36 +278,16 @@
 /* ───────── Breadcrumbs ───────── */
 
 [data-rig-breadcrumbs] {
-  user-select: none;
   font-family: var(--font-mono);
-  font-size: 13px;
-}
-
-[data-rig-breadcrumbs-list] {
-  @apply flex items-center gap-1;
-
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-[data-rig-breadcrumbs-item] {
-  @apply flex items-center gap-1;
 }
 
 [data-rig-breadcrumbs-separator] {
   color: var(--rig-description-fg);
-  font-size: 13px;
 }
 
 [data-rig-breadcrumbs-link] {
   color: var(--rig-description-fg);
-  border-radius: 3px;
   transition: color 0.15s ease;
-  background: none;
-  border: none;
-  padding: 2px 4px;
-  cursor: pointer;
 }
 
 [data-rig-breadcrumbs-link]:hover {
@@ -469,43 +297,22 @@
 
 [data-rig-breadcrumbs-current] {
   color: var(--color-foreground);
-  padding: 2px 4px;
 }
 
 /* ───────── Tabs ───────── */
 
-[data-rig-tabs] {
-  @apply flex flex-col;
-}
-
-[data-rig-tabs][data-orientation='vertical'] {
-  @apply flex-row;
-}
-
 [data-rig-tablist] {
-  @apply flex;
-
-  border-bottom: 1px solid var(--color-border);
+  border-bottom-color: var(--color-border);
 }
 
 [data-rig-tabs][data-orientation='vertical'] [data-rig-tablist] {
-  @apply flex-col;
-
-  border-bottom: none;
-  border-right: 1px solid var(--color-border);
+  border-right-color: var(--color-border);
 }
 
 [data-rig-tab] {
-  font-size: 13px;
   color: var(--rig-tab-inactive-fg);
-  border-bottom: 2px solid transparent;
+  border-bottom-color: transparent;
   transition: color 0.15s ease;
-  padding: 4px 12px;
-  cursor: pointer;
-  background: none;
-  border-top: none;
-  border-left: none;
-  border-right: none;
 }
 
 [data-rig-tab]:hover {
@@ -520,37 +327,16 @@
 
 /* ───────── Timeline ───────── */
 
-[data-rig-timeline] {
-  @apply flex flex-col gap-0;
-}
-
-[data-rig-timeline][data-orientation='horizontal'] {
-  @apply flex-row;
-}
-
 [data-rig-timeline-item] {
-  @apply flex gap-3 transition-colors;
-
-  padding: 8px;
-  border-radius: var(--radius);
+  @apply transition-colors;
 }
 
 [data-rig-timeline-item]:hover {
   background: color-mix(in srgb, var(--color-foreground) 5%, transparent);
 }
 
-[data-rig-timeline-marker] {
-  @apply flex flex-col items-center;
-
-  flex-shrink: 0;
-}
-
 [data-rig-timeline-dot] {
-  width: 10px;
-  height: 10px;
-  border-radius: 9999px;
   background: var(--rig-description-fg);
-  flex-shrink: 0;
 }
 
 [data-rig-timeline-item][data-status='active'] [data-rig-timeline-dot] {
@@ -562,49 +348,28 @@
 }
 
 [data-rig-timeline-connector] {
-  flex: 1;
-  width: 2px;
-  min-height: 16px;
   background: var(--color-border);
-  margin: 4px 0;
-}
-
-[data-rig-timeline-content] {
-  flex: 1;
-  min-width: 0;
 }
 
 [data-rig-timeline-label] {
   color: var(--color-foreground);
-  font-weight: 500;
-  font-size: 13px;
 }
 
 [data-rig-timeline-description] {
   color: var(--rig-description-fg);
-  font-size: 12px;
 }
 
 [data-rig-timeline-timestamp] {
   color: var(--rig-description-fg);
-  font-size: 11px;
   font-family: var(--font-mono);
 }
 
 /* ───────── DatePicker ───────── */
 
-[data-rig-date-picker] {
-  position: relative;
-}
-
 [data-rig-date-picker-trigger] {
   background: var(--rig-input-bg);
-  border: 1px solid var(--rig-input-border);
+  border-color: var(--rig-input-border);
   color: var(--color-foreground);
-  font-size: 13px;
-  padding: 4px 8px;
-  border-radius: var(--radius);
-  cursor: pointer;
   transition: border-color 0.15s ease;
 }
 
@@ -622,32 +387,16 @@
 
 [data-rig-date-picker-popover] {
   background: var(--rig-widget-bg, var(--color-background));
-  border: 1px solid var(--rig-widget-border, var(--color-border));
-  border-radius: var(--radius);
-  padding: 12px;
+  border-color: var(--rig-widget-border, var(--color-border));
   box-shadow: 0 4px 12px rgb(0 0 0 / 40%);
-  margin-top: 4px;
-}
-
-[data-rig-date-picker-header] {
-  @apply flex items-center justify-between;
-
-  margin-bottom: 8px;
 }
 
 [data-rig-date-picker-month] {
-  font-size: 13px;
-  font-weight: 500;
   color: var(--color-foreground);
 }
 
 [data-rig-date-picker-nav] {
   color: var(--rig-description-fg);
-  background: none;
-  border: none;
-  cursor: pointer;
-  padding: 2px 6px;
-  border-radius: 3px;
   transition: color 0.15s ease;
 }
 
@@ -655,37 +404,13 @@
   color: var(--color-foreground);
 }
 
-[data-rig-date-picker-grid] {
-  /* Grid container — no direct styling needed */
-}
-
-[data-rig-date-picker-weekdays] {
-  @apply grid grid-cols-7;
-}
-
 [data-rig-date-picker-weekday] {
-  @apply text-center;
-
   color: var(--rig-description-fg);
-  font-size: 11px;
   font-family: var(--font-mono);
-  padding: 4px 0;
-}
-
-[data-rig-date-picker-days] {
-  @apply grid grid-cols-7;
 }
 
 [data-rig-date-picker-day] {
-  @apply text-center;
-
-  font-size: 13px;
   color: var(--color-foreground);
-  padding: 4px;
-  border-radius: var(--radius);
-  cursor: pointer;
-  border: none;
-  background: none;
   transition: background-color 0.15s ease;
 }
 
@@ -699,13 +424,11 @@
 }
 
 [data-rig-date-picker-day][data-today] {
-  outline: 1px solid color-mix(in srgb, var(--color-foreground) 20%, transparent);
-  outline-offset: -1px;
+  outline-color: color-mix(in srgb, var(--color-foreground) 20%, transparent);
 }
 
 [data-rig-date-picker-day][data-disabled] {
   opacity: 0.25;
-  cursor: not-allowed;
 }
 
 [data-rig-date-picker-day]:not([data-current-month]) {
@@ -714,20 +437,10 @@
 
 /* ───────── DateRangePicker ───────── */
 
-[data-rig-date-range-picker] {
-  position: relative;
-}
-
 [data-rig-date-range-picker-trigger] {
-  @apply inline-flex items-center gap-2;
-
   background: var(--rig-input-bg);
-  border: 1px solid var(--rig-input-border);
+  border-color: var(--rig-input-border);
   color: var(--color-foreground);
-  font-size: 13px;
-  padding: 4px 8px;
-  border-radius: var(--radius);
-  cursor: pointer;
   transition: border-color 0.15s ease;
 }
 
@@ -746,41 +459,12 @@
 
 [data-rig-date-range-picker-popover] {
   background: var(--rig-widget-bg, var(--color-background));
-  border: 1px solid var(--rig-widget-border, var(--color-border));
-  border-radius: var(--radius);
-  padding: 12px;
+  border-color: var(--rig-widget-border, var(--color-border));
   box-shadow: 0 4px 12px rgb(0 0 0 / 40%);
-  margin-top: 4px;
-}
-
-[data-rig-date-range-picker-header] {
-  @apply flex items-center justify-between;
-
-  margin-bottom: 8px;
-}
-
-[data-rig-date-range-picker-grid] {
-  /* Grid container — no direct styling needed */
-}
-
-[data-rig-date-range-picker-weekdays] {
-  @apply grid grid-cols-7;
-}
-
-[data-rig-date-range-picker-week] {
-  @apply grid grid-cols-7;
 }
 
 [data-rig-date-range-picker-day] {
-  @apply text-center;
-
-  font-size: 13px;
   color: var(--color-foreground);
-  padding: 4px;
-  border-radius: var(--radius);
-  cursor: pointer;
-  border: none;
-  background: none;
   transition: background-color 0.15s ease;
 }
 
@@ -800,39 +484,16 @@
 
 [data-rig-date-range-picker-day][data-disabled] {
   opacity: 0.25;
-  cursor: not-allowed;
 }
 
 [data-rig-date-range-picker-info] {
-  margin-top: 8px;
-  font-size: 11px;
   color: var(--rig-description-fg);
-  text-align: center;
 }
 
 /* ───────── Stepper ───────── */
 
-[data-rig-stepper] {
-  @apply flex items-start gap-2;
-}
-
-[data-rig-stepper][data-orientation='vertical'] {
-  @apply flex-col;
-}
-
-[data-rig-stepper-step] {
-  @apply flex items-center gap-2 text-sm;
-}
-
 [data-rig-stepper-indicator] {
-  @apply flex items-center justify-center flex-shrink-0;
-
-  width: 24px;
-  height: 24px;
-  border-radius: 9999px;
-  font-size: 11px;
   font-family: var(--font-mono);
-  font-weight: 500;
   background: color-mix(in srgb, var(--color-foreground) 10%, transparent);
   color: var(--color-foreground);
 }
@@ -847,28 +508,12 @@
   color: var(--color-primary-foreground);
 }
 
-[data-rig-stepper-check] {
-  font-size: 13px;
-}
-
-[data-rig-stepper-number] {
-  font-size: 11px;
-}
-
 [data-rig-stepper-connector] {
-  flex: 1;
-  height: 2px;
-  min-width: 16px;
   background: color-mix(in srgb, var(--color-foreground) 10%, transparent);
 }
 
-[data-rig-stepper-content] {
-  @apply flex flex-col;
-}
-
 [data-rig-stepper-label] {
   color: var(--rig-description-fg);
-  font-size: 13px;
 }
 
 [data-rig-stepper-step][data-state='active'] [data-rig-stepper-label] {
@@ -877,31 +522,13 @@
 
 [data-rig-stepper-description] {
   color: var(--rig-description-fg);
-  font-size: 11px;
 }
 
 /* ───────── NavigationMenu ───────── */
 
-[data-rig-nav-menu] {
-  font-size: 13px;
-}
-
-[data-rig-nav-menu-item] {
-  position: relative;
-}
-
 [data-rig-nav-menu-trigger],
 [data-rig-nav-menu-link] {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 6px 12px;
   color: var(--color-foreground);
-  background: none;
-  border: none;
-  cursor: pointer;
-  white-space: nowrap;
-  border-radius: var(--radius);
   transition: background-color 0.15s ease;
 }
 
@@ -917,25 +544,9 @@
 }
 
 [data-rig-nav-menu-content] {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: 50;
-  min-width: 180px;
   background: var(--rig-widget-bg);
-  border: 1px solid var(--rig-widget-border);
-  border-radius: var(--radius);
-  padding: 4px 0;
+  border-color: var(--rig-widget-border);
   box-shadow: 0 4px 12px rgb(0 0 0 / 40%);
-  margin-top: 2px;
-}
-
-[data-rig-nav-menu-content] [data-rig-nav-menu-link] {
-  display: block;
-  width: 100%;
-  padding: 6px 12px;
-  border-radius: 0;
-  text-align: left;
 }
 
 [data-rig-nav-menu-content] [data-rig-nav-menu-link]:hover {