Add Skip Links Component

src/app/components/skip-links/skip-links.scss

@@ -0,0 +1,48 @@
+$default_animation_duration: 0.4s;
+
+:host {
+  display: flex;
+  position: fixed;
+
+  align-items: center;
+  justify-content: center;
+
+  top: -140px;
+  left: 20px;
+
+  --animation-duration: calc(#{$default_animation_duration} * var(--motion-duration-multiplier));
+
+  background: light-dark(rgba(255, 255, 255, 0.9), rgba(15, 15, 15, 0.9));
+  padding: calc(40px + 12px) 24px 12px;
+  z-index: 20000;
+
+  transition: top var(--animation-duration) cubic-bezier(0.18, 0.89, 0.32, 1.28);
+  border-radius: 0 0 12px 12px;
+
+  box-shadow: 0 0 40px oklch(0 0 0 / 15%);
+  vertical-align: middle;
+  font-weight: 700;
+  font-size: 18px;
+  height: 40px;
+
+  &:focus-within {
+    top: -40px;
+    outline: 2px solid var(--selection-outline-color);
+  }
+
+  ::ng-deep a {
+    color: light-dark(black, white);
+    text-decoration: none;
+
+    outline: none;
+    width: 0;
+
+    opacity: 0;
+    overflow: hidden;
+
+    &:focus {
+      width: unset;
+      opacity: 1;
+    }
+  }
+}