1 files changed, 55 insertions, 0 deletions

diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/specter.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/specter.js
new file mode 100755
index 0000000..03d97a3
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/specter.js
@@ -0,0 +1,55 @@
+// Styles for /lib/components/data/specter.jsx component
+export const specterStyles = /* css */ `
+.specter {
+  position: absolute;
+  bottom: 0;
+  right: 30px;
+  display: flex;
+  align-items: flex-end;
+  z-index: 2;
+  pointer-events: none;
+  touch-action: none;
+}
+.simple-bar--animations-disabled .specter {
+  display: none;
+}
+.specter > span {
+  flex: 0 0 5px;
+  height: 15px;
+  max-height: 15px;
+  margin-left: 1px;
+  background-color: var(--main);
+  opacity: 0.1;
+  transform-origin: bottom;
+}
+.simple-bar--no-color-in-data .specter > span,
+.simple-bar--widgets-background-color-as-foreground .specter > span {
+  background-color: currentColor;
+}
+.specter > span {
+  animation: specter-waving 640ms var(--transition-easing) infinite;
+}
+.simple-bar--animations-disabled .specter > span {
+  animation: none;
+}
+.specter > span:nth-of-type(1) {
+  animation-delay: -460ms;
+}
+.specter > span:nth-of-type(2) {
+  animation-delay: -320ms;
+}
+.specter > span:nth-of-type(3) {
+  animation-delay: -200ms;
+}
+.specter > span:nth-of-type(4) {
+  animation-delay: -240ms;
+}
+.specter > span:nth-of-type(5) {
+  animation-delay: -150ms;
+}
+@keyframes specter-waving {
+  50% {
+    transform: scaleY(0.2);
+  }
+}
+`;