diff --git a/src/styles/badge.css b/src/styles/badge.css
new file mode 100644
index 0000000..fdb02d6
--- /dev/null
+++ b/src/styles/badge.css
@@ -0,0 +1,27 @@
+span.m3.m3-badge {
+  position: absolute;
+  background-color: var(--md-sys-color-error);
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 6px;
+  min-height: 6px;
+}
+span.m3.m3-badge > span {
+  color: var(--md-sys-color-on-error);
+  font-size: 7pt;
+  line-height: var(--md-sys-typescale-label-small-line-height);
+  font-weight: var(--md-sys-typescale-label-small-font-weight);
+  letter-spacing: var(--md-sys-typescale-label-small-letter-spacing);
+  text-align: center;
+  min-width: 8px;
+  padding: 0 4px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 16px;
+  width: auto;
+}
+
+/*# sourceMappingURL=badge.css.map */
diff --git a/src/styles/badge.css.map b/src/styles/badge.css.map
new file mode 100644
index 0000000..e3656b7
--- /dev/null
+++ b/src/styles/badge.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["badge.sass"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"badge.css"}
\ No newline at end of file
diff --git a/src/styles/divider.css b/src/styles/divider.css
new file mode 100644
index 0000000..3aff309
--- /dev/null
+++ b/src/styles/divider.css
@@ -0,0 +1,36 @@
+hr.m3.m3-divider {
+  display: flex;
+  align-items: end;
+  box-sizing: border-box;
+  border: none;
+  outline: 0.5px solid var(--md-sys-color-outline-variant);
+  margin: 0;
+}
+hr.m3.m3-divider.vertical {
+  writing-mode: tb-rl;
+}
+hr.m3.m3-divider.vertical, hr.m3.m3-divider.vertical.vertical.full-width {
+  height: 100%;
+}
+hr.m3.m3-divider.vertical.inset {
+  align-self: end;
+  height: calc(100% - 16px);
+}
+hr.m3.m3-divider.vertical.middle-inset {
+  height: calc(100% - 32px);
+}
+hr.m3.m3-divider.horizontal {
+  box-sizing: border-box;
+}
+hr.m3.m3-divider.horizontal, hr.m3.m3-divider.horizontal.horizontal.full-width {
+  width: 100%;
+}
+hr.m3.m3-divider.horizontal.inset {
+  align-self: end;
+  width: calc(100% - 16px);
+}
+hr.m3.m3-divider.horizontal.middle-inset {
+  width: calc(100% - 32px);
+}
+
+/*# sourceMappingURL=divider.css.map */
diff --git a/src/styles/divider.css.map b/src/styles/divider.css.map
new file mode 100644
index 0000000..f25c4b4
--- /dev/null
+++ b/src/styles/divider.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["divider.sass"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AACA;EACI;;AACJ;EACI;EACA;;AACJ;EACI;;AAER;EACI;;AACA;EACI;;AACJ;EACI;EACA;;AACJ;EACI","file":"divider.css"}
\ No newline at end of file