feat(SW-66, SW-348): search functionality and ui

components/Blocks/TextCols/textcols.module.css

@@ -0,0 +1,40 @@
+.columns {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x3);
+  padding: var(--Spacing-x3) var(--Spacing-x4);
+}
+
+.column {
+  padding-bottom: var(--Spacing-x2);
+  border-bottom: 1px solid var(--Base-Border-Subtle);
+  gap: var(--Spacing-x1);
+  display: flex;
+  flex-direction: column;
+}
+
+.p {
+  color: var(--UI-Text-High-contrast);
+  line-height: var(--Spacing-x3);
+  margin: 0;
+}
+
+.a {
+  color: var(--Base-Text-High-contrast);
+}
+
+.text > section {
+  gap: 0;
+}
+
+@media (min-width: 768px) {
+  .columns {
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
+
+  .column {
+    flex: 0 0 calc(50% - var(--Spacing-x3));
+    max-width: calc(50% - var(--Spacing-x3));
+  }
+}