new date list, event page progress

web/src/components/events/eventHeader.module.scss

@@ -21,7 +21,49 @@
   }
 }
 
-.details {
+.details {}
+
+.prices {
+  margin: 2rem 0 1rem;
+
+  h2 {
+    font-size: 1rem;
+    font-family: var(--font-main);
+  }
+}
+
+.priceList {
+  list-style: none;
+  display: flex;
+}
+
+.priceItem {
   font-family: var(--font-serif);
-  font-size: var(--font-size-lead);
+  font-size: var(--font-size-caption);
+  position: relative;
+  padding: 0 1.5rem 0 1rem;
+
+  &:after {
+    content: "/";
+    font-family: var(--font-serif);
+    font-size: 2rem;
+    position: absolute;
+    top: 0;
+    right: 0;
+    line-height: 1.2;
+  }
+
+  &:first-child {
+    padding-left: 0;
+  }
+
+  &:last-child {
+    &:after {
+      display: none;
+    }
+  }
+}
+
+.priceLabel {
+  display: block;
 }