less/general.less

@@ -385,30 +385,72 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) {
   & > .dot {
     position: absolute;
     margin-right: 0 !important;
+  }
 
-    &:first-child {
+  &.dots-1 {
-      bottom: 0;
+    & > .dot:first-child {
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+  }
+
+  &.dots-2 {
+    & > .dot:first-child {
+      top: 50%;
         left: 0;
-
+        transform: translate(0, -50%);
-      &:last-child {
-        left: 50%;
-        transform: translateX(-50%);
-      }
     }
 
-    &:nth-child(2) {
+    & > .dot:nth-child(2) {
-      bottom: 0;
       right: 0;
+      top: 50%;
+      transform: translate(0, -50%);
+    }
   }
 
-    &:nth-child(3) {
+  &.dots-3 {
-      top: 0;
+    & > .dot:first-child {
+      left: 0;
+      top: 100%;
+      transform: translate(0, -100%);
+    }
+
+    & > .dot:nth-child(2) {
+      right: 0;
+      top: 100%;
+      transform: translate(0, -100%);
+    }
+
+    & > .dot:nth-child(3) {
       left: 50%;
-      transform: translateX(-50%);
+      top: 0;
+      transform: translate(-50%, 0);
     }
   }
 }
 
+.filter-button-toggle, .filter-button-toggle.mat-button-toggle-checked {
+  --mat-standard-button-toggle-height:  @global-control-small-height;
+  background-color: @global-inverse-color;
+
+  & > button > span {
+    padding:@global-xsmall-margin;
+    margin: @global-xsmall-margin;
+
+    &:hover {
+      background-color: @global-secondary-background;
+      color: @global-inverse-color;
+      border-radius: @global-small-border-radius;
+    }
+  }
+}
+
+.filter-button-toggle.mat-button-toggle-checked > button > span {
+  background-color: @global-secondary-background;
+  color: @global-inverse-color;
+  border-radius: @global-small-border-radius;
+}
 
 @inverse-general-custom-external-color: @global-inverse-color;
 

less/indicators.less

@@ -49,3 +49,20 @@
     }
   }
 }
+
+.indicator-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: @global-overlay-background;
+  width: 100%;
+  height: 100%;
+
+  .inner {
+    background: @global-background;
+    border-radius: @global-border-radius;
+    width: 75%;
+    max-height: 75%;
+    overflow: auto;
+  }
+}

less/landing.less

@@ -219,6 +219,14 @@
     background-color: unset;
   }
 
+  .landing-oaroutes-card:extend(.uk-card):extend(.uk-card-default all) {
+    background-repeat: no-repeat, no-repeat;
+    background-image: url("../open-access.svg");
+    background-position: calc(100%) calc(100%), center;
+    background-size: auto, contain;
+    height: 108px;
+  }
+
     // rules for overriding styles of altmetrics embedded library
   .altmetric-embed {
     position: relative !important;