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

components/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css

@@ -0,0 +1,58 @@
+.table {
+  border: none;
+  border-collapse: collapse;
+  background-color: var(--UI-Opacity-White-100);
+  border-radius: var(--Corner-radius-Medium);
+  color: var(--UI-Grey-100);
+}
+
+.tr {
+  border-bottom: 1px solid var(--Base-Border-Subtle);
+}
+
+.tr:last-child {
+  border: none;
+}
+
+.td {
+  font-size: var(--typography-Footnote-Regular-fontSize);
+  text-align: center;
+}
+
+.benefitTh {
+  padding: var(--Spacing-x3) var(--Spacing-x2);
+  font-size: var(--typography-Caption-Regular-fontSize);
+  font-weight: var(--typography-Caption-Regular-fontWeight);
+}
+
+.details[open] .chevron {
+  transform: rotate(180deg);
+}
+
+.benefitHeader {
+  display: grid;
+  gap: var(--Spacing-x1);
+  grid-template-columns: 1fr auto;
+  text-align: start;
+}
+
+.benefitDescription {
+  margin: 0;
+  padding-top: var(--Spacing-x1);
+  text-align: start;
+  padding-right: calc(var(--Spacing-x3) + var(--Spacing-x1));
+}
+
+.chevron {
+  display: flex;
+  align-self: start;
+  color: var(--UI-Grey-80);
+}
+
+.summary::-webkit-details-marker {
+  display: none;
+}
+
+.summary {
+  list-style: none;
+}