diff --git a/resources/css/components/index-panel.css b/resources/css/components/index-panel.css
new file mode 100644
index 0000000..424de98
--- /dev/null
+++ b/resources/css/components/index-panel.css
@@ -0,0 +1,34 @@
+.index-panel {
+  @apply p-6 m-0  border-primary border my-2;
+  max-height: 80vh;
+  overflow-y: auto;
+
+  &__header {
+    @apply flex gap-4  border-b border-gray-300 mb-8;
+
+    button {
+      @apply pb-3  text-carhop-gray opacity-60 relative;
+      box-sizing: border-box;
+    }
+    button[aria-selected='true'] {
+      @apply text-primary opacity-100;
+      &:after {
+        @apply bg-primary;
+        content: '';
+        display: block;
+        width: 100%;
+        height: 3px;
+        position: absolute;
+        bottom: -1px;
+        left: 0;
+      }
+    }
+  }
+
+  &__content {
+    overflow-wrap: anywhere;
+    ul[aria-hidden='true'] {
+      @apply hidden;
+    }
+  }
+}