feat(instagram): theme story ring around profile picture (catppuccin#729)

* feat(instagram): theme story ring around profile picture

* chore(instagram): bump version

* fix(instagram): smaller seen ring

Author: uncenter

styles/instagram/catppuccin.user.css

@@ -2,7 +2,7 @@
 @name Instagram Catppuccin
 @namespace github.com/catppuccin/userstyles/styles/instagram
 @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/instagram
-@version 0.2.0
+@version 0.2.1
 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css
 @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainstagram
 @description Soothing pastel theme for Instagram
@@ -125,6 +125,28 @@
       background-color: @accent-color !important;
     }
 
+    /* Story seen / not seen ring */
+    button:has(canvas + span > img[alt$="'s profile picture"]) {
+      canvas {
+        display: none;
+      }
+        
+      span {
+        outline-style: solid;
+        outline-offset: 0.15rem;
+      }
+        
+        
+      &[aria-label^="Story by"][aria-label$="not seen"] span {
+        outline-color: @mauve;
+        outline-width: 0.2rem;
+      }
+      &[aria-label^="Story by"]:not([aria-label$="not seen"]) span {
+        outline-color: @surface2;
+        outline-width: 0.075rem;
+      }
+    }
+
     /* Posts */
     ._aggc {
       background-color: @mantle;