Merged with main

styles/less/ui/countdown/countdown.less

@@ -12,7 +12,7 @@
 }
 
 .daggerheart.dh-style.countdowns {
-    position: initial;
+    position: relative;
     border: 0;
     border-radius: 4px;
     box-shadow: none;
@@ -24,6 +24,10 @@
         font-family: @font-body;
     }
 
+    &.effects-present {
+        right: 180px;
+    }
+
     &.icon-only {
         width: 180px;
         min-width: 180px;

styles/less/ui/effects-display/sheet.less

@@ -0,0 +1,23 @@
+.daggerheart.dh-style.effects-display {
+    position: absolute;
+    width: 68px;
+    max-height: 300px;
+    overflow: hidden;
+
+    .window-content {
+        > div {
+            height: 100%;
+        }
+    }
+
+    .effects-display-container {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+
+        .effect-container {
+            img {
+            }
+        }
+    }
+}

styles/less/ui/index.less

@@ -31,3 +31,5 @@
 @import './sidebar/daggerheartMenu.less';
 
 @import './scene-config/scene-config.less';
+
+@import './effects-display/sheet.less';