diff --git a/less/indicators.less b/less/indicators.less
new file mode 100644
index 0000000..ca17b5d
--- /dev/null
+++ b/less/indicators.less
@@ -0,0 +1,51 @@
+.number-preview {
+  border: @global-border-width solid @global-border;
+  background: transparent;
+  border-radius: @global-border-radius;
+  min-width: 100px;
+  min-height: 70px;
+}
+
+.refresh-indicator {
+  background-color: @global-overlay-background;
+  border-radius: @global-border-radius;
+  position: absolute;
+  color: @global-inverse-color;
+  z-index: 1;
+}
+
+.section {
+  padding: 60px 45px;
+  border-radius: @global-border-radius;
+  border: @global-border-width solid @global-border;
+  position: relative;
+  background: @global-inverse-color;
+  border-left: 5px @global-primary-background solid;
+
+  & > .tools {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -100%);
+    max-width: 50px;
+    padding: 5px 10px;
+    background-image: @global-primary-gradient;
+    color: @global-inverse-color;
+    -webkit-clip-path: polygon(20% 5%, 80% 5%, 100% 100%, 0% 100%);
+    clip-path: polygon(20% 5%, 80% 5%, 100% 100%, 0% 100%);
+    display: none;
+  }
+
+  &:hover {
+    & > .tools {
+      display: block;
+
+      a {
+        color: currentColor;
+        &:hover {
+          text-decoration: none;
+        }
+      }
+    }
+  }
+}