CSS

web/superball-shared.css

@@ -216,11 +216,11 @@ label {
 @keyframes pulse {
   0%,
   100% {
-    opacity: 1;
+  opacity: 1;
   }
 
   50% {
-    opacity: 0.5;
+  opacity: 0.5;
   }
 }
 
@@ -737,4 +737,55 @@ small {
 
 .floating-tab:hover {
   transform: scale(1.05);
+}
+
+
+/* .input-group {
+  margin: 20px;
+} */
+
+label {
+  display: block;
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+
+textarea {
+  width: 100%;
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  box-sizing: border-box;
+}
+
+.tabs {
+  display: flex;
+  margin: 20px 20px 0;
+  border-bottom: 1px solid #ccc;
+}
+
+.tab {
+  padding: 10px 20px;
+  cursor: pointer;
+  background-color: #f1f1f1;
+  border: 1px solid #ccc;
+  border-bottom: none;
+  margin-right: 5px;
+  border-radius: 4px 4px 0 0;
+}
+
+.tab.active {
+  background-color: #fff;
+  border-bottom: 1px solid #fff;
+}
+
+.tab-content {
+  display: none;
+  padding: 20px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+.tab-content.active {
+  display: block;
 }