opus-react 0.2.34 → 0.2.40

package/dist/index.css

@@ -79,7 +79,7 @@
 
 .opus_lZkc26_primary {
   border-color: color-mix(in srgb, var(--opus-accent) 72%, #fff);
-  background: var(--opus-accent);
+  background: color-mix(in srgb, var(--opus-accent) 65%, #11132b);
   color: var(--opus-accent-contrast, #fff);
 }
 
@@ -1450,7 +1450,7 @@
 }
 
 .opus_X6xFEA_selected {
-  --choice-chip-bg: var(--opus-accent);
+  --choice-chip-bg: color-mix(in srgb, var(--opus-accent) 65%, #11132b);
   --choice-chip-border: color-mix(in srgb, var(--opus-accent) 82%, white);
   --choice-chip-color: var(--opus-accent-contrast);
   box-shadow: 0 14px 30px color-mix(in srgb, var(--opus-accent) 28%, transparent);
@@ -2751,7 +2751,7 @@
 }
 
 .opus_ZHwfiN_segmentActive {
-  background: var(--opus-accent);
+  background: color-mix(in srgb, var(--opus-accent) 65%, #11132b);
   color: #fff;
   box-shadow: 0 8px 18px color-mix(in srgb, var(--opus-accent) 28%, transparent);
 }
@@ -4435,7 +4435,7 @@
 .opus_Y_ikQV_featuredAction {
   border: 1px solid color-mix(in srgb, var(--opus-accent) 58%, transparent);
   border-radius: var(--opus-input-radius);
-  background: var(--opus-accent);
+  background: color-mix(in srgb, var(--opus-accent) 65%, #11132b);
   min-height: 32px;
   color: var(--opus-accent-contrast);
   cursor: pointer;
@@ -6358,7 +6358,8 @@
   width: 260px;
   min-width: 260px;
   max-width: 260px;
-  height: auto;
+  height: 154px;
+  margin-inline: auto;
   position: relative;
   overflow: hidden;
 }
@@ -8516,7 +8517,7 @@
   min-height: var(--opus-control-height);
   border: 1px solid color-mix(in srgb, var(--opus-accent) 58%, transparent);
   border-radius: var(--opus-input-radius);
-  background: var(--opus-accent);
+  background: color-mix(in srgb, var(--opus-accent) 65%, #11132b);
   color: var(--opus-accent-contrast);
   cursor: pointer;
   font: inherit;
@@ -9448,6 +9449,104 @@
   display: grid;
 }
 
+/* components/ResizeHandle/ResizeHandle.module.css */
+.opus_PaKREB_handle {
+  z-index: 1;
+  background: color-mix(in srgb, var(--opus-border) 62%, transparent);
+  touch-action: none;
+  border: 0;
+  flex: 0 0 8px;
+  padding: 0;
+  position: relative;
+}
+
+.opus_PaKREB_handle[data-orientation="vertical"] {
+  cursor: col-resize;
+  width: 8px;
+  min-width: 8px;
+}
+
+.opus_PaKREB_handle[data-orientation="horizontal"] {
+  cursor: row-resize;
+  height: 8px;
+  min-height: 8px;
+}
+
+.opus_PaKREB_handle[data-background="none"] {
+  background: none;
+}
+
+.opus_PaKREB_handle[data-background="accent"] {
+  background: color-mix(in srgb, var(--opus-accent) 14%, transparent);
+}
+
+.opus_PaKREB_handle[data-background="contrast"] {
+  background: color-mix(in srgb, var(--opus-text) 12%, transparent);
+}
+
+.opus_PaKREB_handle:hover, .opus_PaKREB_handle:focus-visible {
+  background: color-mix(in srgb, var(--opus-border) 72%, transparent);
+}
+
+.opus_PaKREB_handle[data-background="none"]:hover, .opus_PaKREB_handle[data-background="none"]:focus-visible {
+  background: none;
+}
+
+.opus_PaKREB_handle:after {
+  content: "";
+  background: color-mix(in srgb, var(--opus-muted) 45%, transparent);
+  border-radius: 999px;
+  transition: background .16s, inset .16s;
+  position: absolute;
+}
+
+.opus_PaKREB_handle[data-orientation="vertical"]:after {
+  inset: 26% 3px;
+}
+
+.opus_PaKREB_handle[data-orientation="horizontal"]:after {
+  inset: 3px 26%;
+}
+
+.opus_PaKREB_handle[data-orientation="vertical"][data-height="short"]:after {
+  inset: 38% 3px;
+}
+
+.opus_PaKREB_handle[data-orientation="vertical"][data-height="tall"]:after {
+  inset: 14% 3px;
+}
+
+.opus_PaKREB_handle[data-orientation="vertical"][data-height="full"]:after {
+  inset: 5% 3px;
+}
+
+.opus_PaKREB_handle[data-orientation="horizontal"][data-height="short"]:after {
+  inset: 3px 38%;
+}
+
+.opus_PaKREB_handle[data-orientation="horizontal"][data-height="tall"]:after {
+  inset: 3px 14%;
+}
+
+.opus_PaKREB_handle[data-orientation="horizontal"][data-height="full"]:after {
+  inset: 3px 5%;
+}
+
+.opus_PaKREB_handle[data-orientation="vertical"]:hover:after, .opus_PaKREB_handle[data-orientation="vertical"]:focus-visible:after {
+  background: color-mix(in srgb, var(--opus-accent) 68%, transparent);
+  inset: 12% 2px;
+}
+
+.opus_PaKREB_handle[data-orientation="horizontal"]:hover:after, .opus_PaKREB_handle[data-orientation="horizontal"]:focus-visible:after {
+  background: color-mix(in srgb, var(--opus-accent) 68%, transparent);
+  inset: 2px 12%;
+}
+
+.opus_PaKREB_handle:focus-visible {
+  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--opus-accent) 45%, transparent);
+  outline: none;
+}
+
 /* components/Splitter/Splitter.module.css */
 .opus_Khgx9s_root {
   border: 1px solid var(--opus-border);
@@ -9490,40 +9589,6 @@
   overflow: auto;
 }
 
-.opus_Khgx9s_handle {
-  background: color-mix(in srgb, var(--opus-muted) 16%, transparent);
-  cursor: col-resize;
-  border: 0;
-  flex: 0 0 8px;
-  padding: 0;
-  position: relative;
-}
-
-.opus_Khgx9s_root[data-orientation="vertical"] .opus_Khgx9s_handle {
-  cursor: row-resize;
-}
-
-.opus_Khgx9s_handle:after {
-  content: "";
-  background: color-mix(in srgb, var(--opus-muted) 55%, transparent);
-  border-radius: 999px;
-  position: absolute;
-  inset: 20% 2px;
-}
-
-.opus_Khgx9s_root[data-orientation="vertical"] .opus_Khgx9s_handle:after {
-  inset: 2px 20%;
-}
-
-.opus_Khgx9s_handle:hover, .opus_Khgx9s_handle:focus-visible {
-  background: color-mix(in srgb, var(--opus-accent) 22%, transparent);
-}
-
-.opus_Khgx9s_handle:focus-visible {
-  box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 24%, transparent);
-  outline: none;
-}
-
 .opus_Khgx9s_srOnly {
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
@@ -9637,46 +9702,319 @@
   overflow: auto;
 }
 
-/* components/ScrollArea/ScrollArea.module.css */
-.opus__ZaCog_root {
+/* components/CustomScrollbar/CustomScrollbar.module.css */
+.opus_I9wQcM_root {
   width: 100%;
   min-width: 0;
+  height: 100%;
+  max-height: inherit;
+  position: relative;
   overflow: hidden;
 }
 
-.opus__ZaCog_viewport {
+.opus_I9wQcM_viewport {
   width: 100%;
   height: 100%;
   max-height: inherit;
   overscroll-behavior: contain;
+  scrollbar-width: none;
+}
+
+.opus_I9wQcM_viewport::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
 }
 
-.opus__ZaCog_root[data-orientation="vertical"] .opus__ZaCog_viewport {
+.opus_I9wQcM_root[data-orientation="vertical"] > .opus_I9wQcM_viewport {
   overflow: hidden auto;
 }
 
-.opus__ZaCog_root[data-orientation="horizontal"] .opus__ZaCog_viewport {
+.opus_I9wQcM_root[data-orientation="horizontal"] > .opus_I9wQcM_viewport {
   overflow: auto hidden;
 }
 
-.opus__ZaCog_root[data-orientation="both"] .opus__ZaCog_viewport {
+.opus_I9wQcM_root[data-orientation="both"] > .opus_I9wQcM_viewport {
   overflow: auto;
 }
 
-.opus__ZaCog_viewport::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
+.opus_I9wQcM_content {
+  min-width: 100%;
+  height: 100%;
+  min-height: 100%;
+}
+
+.opus_I9wQcM_track {
+  z-index: 2;
+  border: 1px solid color-mix(in srgb, var(--opus-accent) 22%, transparent);
+  background: linear-gradient(180deg, color-mix(in srgb, var(--opus-accent) 8%, transparent), transparent),
+    color-mix(in srgb, var(--opus-input-bg) 72%, transparent);
+  opacity: 1;
+  touch-action: none;
+  user-select: none;
+  border-radius: 999px;
+  transition: opacity .15s, background .15s;
+  position: absolute;
+}
+
+.opus_I9wQcM_track[data-axis="y"] {
+  width: var(--custom-scrollbar-size, 10px);
+  top: 2px;
+  bottom: 2px;
+  right: 2px;
+}
+
+.opus_I9wQcM_track[data-axis="x"] {
+  height: var(--custom-scrollbar-size, 10px);
+  bottom: 2px;
+  left: 2px;
+  right: 2px;
+}
+
+.opus_I9wQcM_root[data-vertical-track-shape="square"] > .opus_I9wQcM_track[data-axis="y"], .opus_I9wQcM_root[data-horizontal-track-shape="square"] > .opus_I9wQcM_track[data-axis="x"], .opus_I9wQcM_root[data-vertical-thumb-shape="square"] > .opus_I9wQcM_track[data-axis="y"] > .opus_I9wQcM_thumb, .opus_I9wQcM_root[data-horizontal-thumb-shape="square"] > .opus_I9wQcM_track[data-axis="x"] > .opus_I9wQcM_thumb {
+  border-radius: 0;
 }
 
-.opus__ZaCog_viewport::-webkit-scrollbar-thumb {
+.opus_I9wQcM_root[data-both-scrollbars="true"] > .opus_I9wQcM_track[data-axis="y"] {
+  bottom: calc(var(--custom-scrollbar-size, 10px) + 6px);
+}
+
+.opus_I9wQcM_root[data-both-scrollbars="true"] > .opus_I9wQcM_track[data-axis="x"] {
+  right: calc(var(--custom-scrollbar-size, 10px) + 6px);
+}
+
+.opus_I9wQcM_thumb {
   background-clip: padding-box;
-  background-color: color-mix(in srgb, var(--opus-muted) 45%, transparent);
+  background-image: linear-gradient(180deg,
+    color-mix(in srgb, var(--opus-accent) 72%, white 12%),
+    color-mix(in srgb, var(--opus-accent) 68%, #252044));
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--opus-accent) 30%, transparent),
+    0 0 12px color-mix(in srgb, var(--opus-accent) 22%, transparent);
+  cursor: grab;
+  touch-action: none;
   border: 2px solid #0000;
   border-radius: 999px;
+  transition: border-width .12s, filter .12s;
+  position: relative;
+}
+
+.opus_I9wQcM_track[data-axis="y"] .opus_I9wQcM_thumb {
+  width: 100%;
+}
+
+.opus_I9wQcM_track[data-axis="x"] .opus_I9wQcM_thumb {
+  height: 100%;
+}
+
+.opus_I9wQcM_track[data-axis="y"] .opus_I9wQcM_thumb[data-grabbing="true"] {
+  filter: brightness(1.2);
+  border-width: 0;
+  width: 100%;
+}
+
+.opus_I9wQcM_track[data-axis="x"] .opus_I9wQcM_thumb[data-grabbing="true"] {
+  filter: brightness(1.2);
+  border-width: 0;
+  height: 100%;
+}
+
+.opus_I9wQcM_cornerDot {
+  z-index: 3;
+  width: var(--custom-scrollbar-size, 10px);
+  height: var(--custom-scrollbar-size, 10px);
+  border: 1px solid color-mix(in srgb, var(--opus-accent) 22%, transparent);
+  background: linear-gradient(180deg, color-mix(in srgb, var(--opus-accent) 8%, transparent), transparent),
+    color-mix(in srgb, var(--opus-input-bg) 72%, transparent);
+  opacity: 1;
+  pointer-events: none;
+  border-radius: 50%;
+  transition: opacity .15s;
+  position: absolute;
+  bottom: 2px;
+  right: 2px;
+}
+
+.opus_I9wQcM_root[data-vertical-track-shape="square"][data-horizontal-track-shape="round"] > .opus_I9wQcM_cornerDot {
+  border-radius: 50% 50% 0 0;
+}
+
+.opus_I9wQcM_root[data-vertical-track-shape="round"][data-horizontal-track-shape="square"] > .opus_I9wQcM_cornerDot {
+  border-radius: 50% 0 0 50%;
+}
+
+.opus_I9wQcM_root[data-vertical-track-shape="square"][data-horizontal-track-shape="square"] > .opus_I9wQcM_cornerDot {
+  border-radius: 0;
+}
+
+.opus_I9wQcM_thumb:hover, .opus_I9wQcM_thumb:focus-visible {
+  filter: brightness(1.16);
+  outline: none;
+}
+
+.opus_I9wQcM_thumb:focus-visible {
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--opus-accent) 34%, transparent);
+}
+
+.opus_I9wQcM_thumb:active {
+  cursor: grabbing;
+}
+
+.opus_I9wQcM_root[data-auto-hide="true"] > .opus_I9wQcM_track, .opus_I9wQcM_root[data-auto-hide="true"] > .opus_I9wQcM_cornerDot {
+  opacity: 0;
+}
+
+.opus_I9wQcM_root[data-auto-hide="true"][data-active="true"] > .opus_I9wQcM_track, .opus_I9wQcM_root[data-auto-hide="true"][data-active="true"] > .opus_I9wQcM_cornerDot {
+  opacity: 1;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .opus_I9wQcM_track, .opus_I9wQcM_cornerDot {
+    transition: none;
+  }
+}
+
+/* components/ThreePaneLayout/ThreePaneLayout.module.css */
+.opus_DtnFdK_root {
+  --three-pane-left-width: 260px;
+  --three-pane-right-width: 320px;
+  grid-template-columns: var(--three-pane-left-width)
+    minmax(0, 1fr)
+    var(--three-pane-right-width);
+  width: 100%;
+  min-width: 0;
+  min-height: 320px;
+  color: var(--opus-text);
+  display: grid;
+  overflow: hidden;
+}
+
+.opus_DtnFdK_root[data-transitions="true"] {
+  transition: grid-template-columns .24s cubic-bezier(.2, 0, 0, 1);
+}
+
+.opus_DtnFdK_root[data-persistence-ready="false"] {
+  visibility: hidden;
+}
+
+.opus_DtnFdK_root[data-motion-ready="false"], .opus_DtnFdK_root[data-motion-ready="false"] *, .opus_DtnFdK_root[data-motion-ready="false"] :before, .opus_DtnFdK_root[data-motion-ready="false"] :after {
+  scroll-behavior: auto !important;
+  transition: none !important;
+  animation: none !important;
+}
+
+.opus_DtnFdK_root[data-has-left="true"] {
+  grid-template-columns: var(--three-pane-left-width)
+    8px
+    minmax(0, 1fr)
+    var(--three-pane-right-width);
+}
+
+.opus_DtnFdK_root[data-has-right="true"] {
+  grid-template-columns: var(--three-pane-left-width)
+    minmax(0, 1fr)
+    8px
+    var(--three-pane-right-width);
+}
+
+.opus_DtnFdK_root[data-has-left="true"][data-has-right="true"] {
+  grid-template-columns: var(--three-pane-left-width)
+    8px
+    minmax(0, 1fr)
+    8px
+    var(--three-pane-right-width);
+}
+
+.opus_DtnFdK_root[data-has-left="false"] {
+  --three-pane-left-width: 0px;
+}
+
+.opus_DtnFdK_root[data-resizing="true"] {
+  transition: none;
+}
+
+.opus_DtnFdK_root[data-has-right="false"] {
+  --three-pane-right-width: 0px;
+}
+
+.opus_DtnFdK_sidebar, .opus_DtnFdK_content {
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.opus_DtnFdK_sidebar {
+  color: var(--opus-text);
+  font-size: .82rem;
+}
+
+.opus_DtnFdK_sidebar[data-side="left"] {
+  grid-column: 1 / 2;
+}
+
+.opus_DtnFdK_sidebar[data-side="right"] {
+  grid-column: 4 / 5;
+}
+
+.opus_DtnFdK_content {
+  grid-column: 1 / -1;
+}
+
+.opus_DtnFdK_root[data-has-left="true"] .opus_DtnFdK_content {
+  grid-column: 3 / 4;
+}
+
+.opus_DtnFdK_root[data-has-right="true"] .opus_DtnFdK_content {
+  grid-column: 2 / 3;
+}
+
+.opus_DtnFdK_root[data-has-left="true"][data-has-right="true"] .opus_DtnFdK_content {
+  grid-column: 3 / 4;
+}
+
+.opus_DtnFdK_handle[data-side="left"] {
+  grid-column: 2 / 3;
+}
+
+.opus_DtnFdK_handle {
+  margin-block: var(--three-pane-handle-margin-block, 0px);
+  border-radius: var(--three-pane-handle-radius, 0px);
+}
+
+.opus_DtnFdK_handle[data-side="right"] {
+  grid-column: 3 / 4;
+}
+
+.opus_DtnFdK_root[data-has-left="true"] .opus_DtnFdK_handle[data-side="right"] {
+  grid-column: 4 / 5;
+}
+
+.opus_DtnFdK_root[data-has-left="true"] .opus_DtnFdK_sidebar[data-side="right"] {
+  grid-column: 5 / 6;
+}
+
+@media (width <= 860px) {
+  .opus_DtnFdK_root, .opus_DtnFdK_root[data-has-left="true"], .opus_DtnFdK_root[data-has-right="true"], .opus_DtnFdK_root[data-has-left="true"][data-has-right="true"] {
+    grid-template-columns: 1fr;
+    grid-auto-rows: auto;
+  }
+
+  .opus_DtnFdK_handle {
+    display: none;
+  }
+
+  .opus_DtnFdK_sidebar, .opus_DtnFdK_content, .opus_DtnFdK_handle[data-side="left"], .opus_DtnFdK_handle[data-side="right"], .opus_DtnFdK_root[data-has-left="true"] .opus_DtnFdK_handle[data-side="right"], .opus_DtnFdK_root[data-has-left="true"] .opus_DtnFdK_sidebar[data-side="right"] {
+    grid-column: 1 / -1;
+  }
+
+  .opus_DtnFdK_sidebar[data-side="left"], .opus_DtnFdK_sidebar[data-side="right"] {
+    border: 0;
+  }
 }
 
-.opus__ZaCog_viewport::-webkit-scrollbar-thumb:hover {
-  background-color: color-mix(in srgb, var(--opus-muted) 70%, transparent);
+@media (prefers-reduced-motion: reduce) {
+  .opus_DtnFdK_root {
+    transition: none;
+  }
 }
 
 /* components/AspectRatio/AspectRatio.module.css */
@@ -10045,7 +10383,7 @@
 }
 
 .opus_TVuiQN_main, .opus_TVuiQN_caret {
-  background: var(--opus-accent);
+  background: color-mix(in srgb, var(--opus-accent) 65%, #11132b);
   color: #fff;
   font: inherit;
   cursor: pointer;
@@ -10390,6 +10728,7 @@
   background: none;
   border: 0;
   justify-content: start;
+  align-items: start;
   gap: 12px;
   width: 100%;
   min-width: 0;
@@ -10409,10 +10748,13 @@
   height: var(--tile-size);
 }
 
+.opus_zD82gC_tileItem {
+  min-width: 0;
+}
+
 .opus_zD82gC_row[data-layout="fill"] .opus_zD82gC_tile {
-  aspect-ratio: 1;
   width: 100%;
-  height: auto;
+  height: var(--tile-size);
 }
 
 @media (width <= 900px) {
@@ -10431,10 +10773,12 @@
   --tile-highlight: color-mix(in srgb, var(--tile-accent) 42%, transparent);
   --tile-sheen: color-mix(in srgb, var(--tile-fill) 88%, #fff 6%);
   --tile-depth: color-mix(in srgb, var(--tile-fill) 82%, #000 18%);
+  --stat-tile-height: 6.75rem;
+  width: min(100%, 12.75rem);
+  height: var(--stat-tile-height);
   border: 1px solid color-mix(in srgb, var(--tile-accent) 22%, transparent);
   background: radial-gradient(70% 55% at 50% 38%, color-mix(in srgb, var(--tile-glow) 18%, transparent), transparent 70%),
     linear-gradient(165deg, var(--tile-sheen), var(--tile-fill) 52%, var(--tile-depth));
-  width: min(100%, 12.75rem);
   min-width: 0;
   max-width: 12.75rem;
   box-shadow: inset 0 1px 0 var(--tile-highlight);
@@ -10446,8 +10790,8 @@
   border-radius: 14px;
   justify-content: space-between;
   align-items: flex-start;
-  gap: 12px;
-  padding: 16px 14px;
+  gap: 10px;
+  padding: 12px;
   transition: transform .16s, border-color .16s, box-shadow .16s;
   display: flex;
 }
@@ -10508,7 +10852,7 @@
 .opus_8DpwUV_body {
   flex-direction: column;
   flex: auto;
-  gap: 10px;
+  gap: 6px;
   min-width: 0;
   display: flex;
 }
@@ -10516,7 +10860,7 @@
 .opus_8DpwUV_label {
   color: var(--tile-muted);
   margin: 0;
-  font-size: .92rem;
+  font-size: .82rem;
   font-weight: 600;
   line-height: 1.2;
 }
@@ -10525,14 +10869,14 @@
   color: var(--tile-label);
   letter-spacing: -.03em;
   margin: 0;
-  font-size: 1.6rem;
+  font-size: 1.38rem;
   font-weight: 700;
   line-height: 1;
 }
 
 .opus_8DpwUV_meta {
   flex-direction: column;
-  gap: 4px;
+  gap: 3px;
   display: flex;
 }
 
@@ -10540,7 +10884,7 @@
   align-items: center;
   gap: 4px;
   width: fit-content;
-  font-size: .86rem;
+  font-size: .78rem;
   font-weight: 700;
   line-height: 1;
   display: inline-flex;
@@ -10557,19 +10901,19 @@
 .opus_8DpwUV_comparison {
   color: var(--tile-muted);
   margin: 0;
-  font-size: .78rem;
+  font-size: .7rem;
   font-weight: 500;
   line-height: 1.2;
 }
 
 .opus_8DpwUV_icon {
-  width: 52px;
-  height: 52px;
+  width: 44px;
+  height: 44px;
   filter: drop-shadow(0 0 7px color-mix(in srgb, var(--tile-glow) 80%, transparent))
     drop-shadow(0 0 16px color-mix(in srgb, var(--tile-glow) 45%, transparent));
   flex: none;
   place-items: center;
-  font-size: 2.2rem;
+  font-size: 1.9rem;
   line-height: 1;
   display: inline-grid;
 }
@@ -10605,11 +10949,13 @@
 /* components/StatTiles/StatTiles.module.css */
 .opus_uhJd8v_row {
   --stat-tile-size: 12.75rem;
+  --stat-tile-height: 6.75rem;
   grid-auto-flow: column;
   grid-auto-columns: var(--stat-tile-size);
   background: none;
   border: 0;
   justify-content: start;
+  align-items: start;
   gap: 12px;
   width: 100%;
   min-width: 0;
@@ -10628,6 +10974,10 @@
   width: var(--stat-tile-size);
 }
 
+.opus_uhJd8v_statTileItem {
+  min-width: 0;
+}
+
 .opus_uhJd8v_row[data-layout="fill"] .opus_uhJd8v_statTile {
   width: 100%;
   max-width: none;
@@ -11074,7 +11424,9 @@
 }
 
 .opus_8R-PJ3_footer {
-  border-top: 1px solid color-mix(in srgb, var(--dashboard-section-text) 10%, transparent);
+  border-top: 1px solid color-mix(in srgb,
+    var(--dashboard-section-text, var(--opus-text)) 10%,
+    transparent);
   padding-top: 10px;
 }
 
@@ -11448,6 +11800,164 @@
   overflow: hidden;
 }
 
+/* components/NoteTag/NoteTag.module.css */
+.opus__ZnbtA_tag {
+  letter-spacing: .01em;
+  white-space: nowrap;
+  border-radius: 999px;
+  align-items: center;
+  gap: 5px;
+  min-height: 1.35rem;
+  padding: 0 8px;
+  font-size: .62rem;
+  font-weight: 700;
+  line-height: 1;
+  display: inline-flex;
+}
+
+.opus__ZnbtA_tag[data-size="sm"] {
+  min-height: 1.2rem;
+  padding: 0 7px;
+  font-size: .58rem;
+}
+
+.opus__ZnbtA_tag[data-selected="true"] {
+  box-shadow: inset 0 0 0 1px;
+}
+
+.opus__ZnbtA_tag[data-tone="purple"] {
+  color: #c4b5fd;
+  background: #7c3aed3d;
+}
+
+.opus__ZnbtA_tag[data-tone="orange"] {
+  color: #fdba74;
+  background: #f9731638;
+}
+
+.opus__ZnbtA_tag[data-tone="green"] {
+  color: #86efac;
+  background: #22c55e33;
+}
+
+.opus__ZnbtA_tag[data-tone="blue"] {
+  color: #93c5fd;
+  background: #3b82f638;
+}
+
+.opus__ZnbtA_tag[data-tone="cyan"] {
+  color: #67e8f9;
+  background: #06b6d438;
+}
+
+.opus__ZnbtA_tag[data-tone="pink"] {
+  color: #f9a8d4;
+  background: #ec489938;
+}
+
+.opus__ZnbtA_tag[data-tone="red"] {
+  color: #fca5a5;
+  background: #ef444438;
+}
+
+.opus__ZnbtA_tag[data-tone="slate"] {
+  color: #cbd5e1;
+  background: #94a3b833;
+}
+
+.opus__ZnbtA_tag[data-tone="teal"] {
+  color: #5eead4;
+  background: #14b8a638;
+}
+
+.opus__ZnbtA_tag[data-tone="yellow"] {
+  color: #fde68a;
+  background: #eab30838;
+}
+
+.opus__ZnbtA_removeButton {
+  background: color-mix(in srgb, currentColor 12%, transparent);
+  width: .85rem;
+  height: .85rem;
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+  border: 0;
+  border-radius: 999px;
+  justify-content: center;
+  align-items: center;
+  margin-right: -3px;
+  padding: 0;
+  font-size: .52rem;
+  line-height: 1;
+  display: inline-flex;
+}
+
+.opus__ZnbtA_removeButton:hover, .opus__ZnbtA_removeButton:focus-visible {
+  background: color-mix(in srgb, currentColor 22%, transparent);
+  outline: none;
+}
+
+.opus__ZnbtA_list {
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+  display: flex;
+}
+
+.opus__ZnbtA_picker {
+  display: inline-flex;
+  position: relative;
+}
+
+.opus__ZnbtA_menu {
+  z-index: 40;
+  border: 1px solid color-mix(in srgb, var(--opus-accent) 28%, var(--dashboard-section-border, var(--opus-border)));
+  background: color-mix(in srgb, var(--dashboard-section-bg, var(--opus-bg)) 86%, transparent);
+  backdrop-filter: blur(12px);
+  border-radius: 12px;
+  gap: 8px;
+  width: max-content;
+  min-width: 13.5rem;
+  max-width: min(20rem, 80vw);
+  padding: 10px;
+  display: grid;
+  position: absolute;
+  bottom: calc(100% + 8px);
+  left: 0;
+  box-shadow: 0 16px 40px #02061752;
+}
+
+.opus__ZnbtA_menuHeader {
+  color: var(--dashboard-section-text, var(--opus-text));
+  letter-spacing: .12em;
+  text-transform: uppercase;
+  font-size: .62rem;
+  font-weight: 800;
+}
+
+.opus__ZnbtA_options {
+  flex-wrap: wrap;
+  gap: 6px;
+  display: flex;
+}
+
+.opus__ZnbtA_option {
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 999px;
+  min-width: 0;
+  padding: 2px;
+  display: inline-flex;
+}
+
+.opus__ZnbtA_option:hover, .opus__ZnbtA_option:focus-visible, .opus__ZnbtA_option[data-selected="true"] {
+  background: color-mix(in srgb, var(--opus-accent) 15%, transparent);
+  outline: none;
+}
+
 /* components/NoteComposer/NoteComposer.module.css */
 .opus_pQVlNo_root {
   --note-composer-text: var(--dashboard-section-text, var(--opus-text));
@@ -11486,7 +11996,12 @@
   outline: none;
 }
 
+.opus_pQVlNo_selectedTags {
+  margin-top: -2px;
+}
+
 .opus_pQVlNo_footer {
+  flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   gap: 10px;
@@ -11528,6 +12043,8 @@
   background: #7c3aed;
   border: 0;
   border-radius: 8px;
+  flex: none;
+  margin-left: auto;
   padding: 0 14px;
   font-size: .72rem;
   font-weight: 700;
@@ -11555,7 +12072,14 @@
 
 /* components/ContentTimeline/ContentTimeline.module.css */
 .opus_vApy-v_list {
-  grid-template-columns: 2rem minmax(0, 1fr);
+  --timeline-avatar-size: 3rem;
+  --timeline-hover-left: -10px;
+  --timeline-hover-right: 0px;
+  --timeline-hover-radius: 14px;
+  --timeline-title-line: calc(.78rem * 1.2);
+  --timeline-avatar-body-offset: calc((var(--timeline-avatar-size) - var(--timeline-title-line)) / 2);
+  grid-template-columns: var(--timeline-avatar-size) minmax(0, 1fr);
+  align-content: start;
   column-gap: 10px;
   width: 100%;
   margin: 0;
@@ -11569,13 +12093,13 @@
   letter-spacing: .04em;
   text-transform: uppercase;
   grid-column: 1 / -1;
-  margin: 0;
+  margin: 0 0 10px;
   font-size: .68rem;
   font-weight: 700;
 }
 
 .opus_vApy-v_groupLabel:not(:first-child) {
-  padding-top: 4px;
+  padding-top: 10px;
 }
 
 .opus_vApy-v_item {
@@ -11588,11 +12112,14 @@
 
 .opus_vApy-v_item[data-clickable="true"] {
   cursor: pointer;
-  border-radius: 10px;
+  box-sizing: border-box;
+  user-select: none;
+  border-radius: 12px;
+  padding: 0;
 }
 
-.opus_vApy-v_item[data-clickable="true"]:hover {
-  background: color-mix(in srgb, var(--dashboard-section-text, var(--opus-text)) 4%, transparent);
+.opus_vApy-v_item[data-clickable="true"] :is(input, textarea, select, [contenteditable="true"]) {
+  user-select: text;
 }
 
 .opus_vApy-v_item[data-clickable="true"]:focus-visible {
@@ -11610,15 +12137,21 @@
 }
 
 .opus_vApy-v_markerSlot {
+  width: var(--timeline-avatar-size);
+  height: var(--timeline-avatar-size);
   flex-shrink: 0;
   justify-content: center;
   align-items: center;
-  width: 2rem;
-  height: 2rem;
   display: flex;
 }
 
-.opus_vApy-v_dot {
+.opus_vApy-v_item[data-marker="dot"] .opus_vApy-v_markerSlot {
+  box-sizing: border-box;
+  height: calc(.936rem + 10px);
+  padding-top: 5px;
+}
+
+.opus_vApy-v_dot, .opus_vApy-v_statusDot {
   background: var(--opus-accent);
   width: 10px;
   height: 10px;
@@ -11627,68 +12160,135 @@
   flex-shrink: 0;
 }
 
-.opus_vApy-v_item[data-status="success"] .opus_vApy-v_dot {
+.opus_vApy-v_item[data-status="success"] :is(.opus_vApy-v_dot, .opus_vApy-v_statusDot) {
   background: #16a34a;
   box-shadow: 0 0 0 3px #22c55e2e;
 }
 
-.opus_vApy-v_item[data-status="warning"] .opus_vApy-v_dot {
+.opus_vApy-v_item[data-status="warning"] :is(.opus_vApy-v_dot, .opus_vApy-v_statusDot) {
   background: #d97706;
   box-shadow: 0 0 0 3px #f59e0b2e;
 }
 
-.opus_vApy-v_item[data-status="danger"] .opus_vApy-v_dot {
+.opus_vApy-v_item[data-status="danger"] :is(.opus_vApy-v_dot, .opus_vApy-v_statusDot) {
   background: #dc2626;
   box-shadow: 0 0 0 3px #ef44442e;
 }
 
-.opus_vApy-v_item[data-status="muted"] .opus_vApy-v_dot {
+.opus_vApy-v_item[data-status="muted"] :is(.opus_vApy-v_dot, .opus_vApy-v_statusDot) {
   background: var(--opus-muted);
   box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-muted) 16%, transparent);
 }
 
 .opus_vApy-v_line {
   background: color-mix(in srgb, var(--opus-border) 92%, transparent);
+  border-radius: 999px;
   flex: auto;
   width: 2px;
   min-height: 16px;
+  margin-top: -2px;
 }
 
 .opus_vApy-v_body {
   min-width: 0;
-  padding-top: 5px;
+  padding-top: 0;
   padding-bottom: 18px;
 }
 
+.opus_vApy-v_item[data-has-children="true"] > .opus_vApy-v_body {
+  padding-bottom: 4px;
+}
+
+.opus_vApy-v_content {
+  z-index: 0;
+  border-radius: var(--timeline-hover-radius);
+  isolation: isolate;
+  padding: 0;
+  position: relative;
+}
+
+.opus_vApy-v_content:before {
+  content: "";
+  z-index: 0;
+  inset: -10px var(--timeline-hover-right) -4px var(--timeline-hover-left);
+  border-radius: var(--timeline-hover-radius);
+  pointer-events: none;
+  background: none;
+  position: absolute;
+}
+
+.opus_vApy-v_content[data-has-footer="true"]:before {
+  inset: -10px var(--timeline-hover-right) -10px var(--timeline-hover-left);
+  border-radius: calc(var(--timeline-hover-radius) + 2px);
+}
+
+.opus_vApy-v_item[data-clickable="true"]:hover > .opus_vApy-v_body > .opus_vApy-v_content:before {
+  background: color-mix(in srgb, var(--dashboard-section-text, var(--opus-text)) 4%, transparent);
+}
+
+.opus_vApy-v_content > * {
+  z-index: 1;
+  position: relative;
+}
+
 .opus_vApy-v_item:last-child .opus_vApy-v_body {
   padding-bottom: 0;
 }
 
 .opus_vApy-v_head {
-  justify-content: space-between;
-  align-items: baseline;
-  gap: 12px;
+  justify-content: flex-start;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  min-width: 0;
+  min-height: 1.75rem;
   display: flex;
 }
 
 .opus_vApy-v_title {
   color: var(--dashboard-section-text, var(--opus-text));
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: auto;
+  min-width: 0;
   margin: 0;
   font-size: .78rem;
   font-weight: 700;
   line-height: 1.2;
+  overflow: hidden;
 }
 
 .opus_vApy-v_time {
   color: var(--dashboard-section-muted, var(--opus-muted));
   white-space: nowrap;
+  flex: none;
+  margin-left: auto;
+  padding-right: 16px;
   font-size: .68rem;
   font-weight: 600;
 }
 
+.opus_vApy-v_metaRow {
+  justify-content: space-between;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  margin-top: 6px;
+  display: flex;
+}
+
+.opus_vApy-v_itemAction {
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
 .opus_vApy-v_description {
   color: var(--dashboard-section-muted, var(--opus-muted));
-  margin: 6px 0 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+  margin: 0;
   font-size: .74rem;
   line-height: 1.45;
 }
@@ -11696,7 +12296,7 @@
 .opus_vApy-v_tags {
   flex-wrap: wrap;
   gap: 6px;
-  margin-top: 6px;
+  min-width: 0;
   display: flex;
 }
 
@@ -11731,50 +12331,355 @@
   background: #3b82f638;
 }
 
+.opus_vApy-v_children {
+  gap: 0;
+  margin-top: 10px;
+  display: grid;
+}
+
+.opus_vApy-v_itemFooter {
+  width: 100%;
+  margin-top: 8px;
+  display: block;
+}
+
 /* components/NotesActivity/NotesActivity.module.css */
 .opus_ThZ-Bi_root {
+  --notes-activity-avatar-size: 1.8rem;
+  --notes-activity-height: 44rem;
+  --notes-activity-gap: 14px;
+  --timeline-avatar-size: var(--notes-activity-avatar-size);
   gap: 14px;
+  gap: var(--notes-activity-gap);
   width: 100%;
+  height: var(--notes-activity-height);
+  grid-template-rows: auto auto minmax(0, 1fr) auto;
+  grid-template-areas: "opus_ThZ-Bi_tabs"
+                       "opus_ThZ-Bi_composer"
+                       "opus_ThZ-Bi_feed"
+                       "opus_ThZ-Bi_footer";
   min-width: 0;
+  min-height: 0;
   display: grid;
 }
 
+.opus_ThZ-Bi_root[data-density="compact"] {
+  --notes-activity-gap: 10px;
+}
+
+.opus_ThZ-Bi_root[data-density="compact"] .opus_ThZ-Bi_tab {
+  padding-bottom: 10px;
+  font-size: .76rem;
+}
+
+.opus_ThZ-Bi_root[data-density="compact"] .opus_ThZ-Bi_footer {
+  padding: 8px 0 14px;
+}
+
 .opus_ThZ-Bi_tabs {
-  border-bottom: 1px solid color-mix(in srgb, var(--dashboard-section-text) 10%, transparent);
+  border-bottom: 1px solid
+    color-mix(in srgb, var(--dashboard-section-text) 10%, transparent);
+  grid-area: opus_ThZ-Bi_tabs;
   gap: 0;
   width: 100%;
   display: flex;
 }
 
-.opus_ThZ-Bi_tab {
-  color: var(--dashboard-section-muted);
-  font: inherit;
-  text-align: center;
-  cursor: pointer;
-  background: none;
-  border: 0;
-  flex: 1 1 0;
-  margin: 0;
-  padding: 0 12px 12px;
-  font-size: .82rem;
-  font-weight: 600;
-  position: relative;
+.opus_ThZ-Bi_composer {
+  grid-area: opus_ThZ-Bi_composer;
 }
 
-.opus_ThZ-Bi_tab:hover, .opus_ThZ-Bi_tab:focus-visible {
-  color: var(--dashboard-section-text);
-  outline: none;
+.opus_ThZ-Bi_threadItems {
+  --thread-child-avatar-size: var(--notes-activity-avatar-size);
+  --thread-indent: .325rem;
+  --thread-line-color: color-mix(in srgb,
+    var(--opus-accent) 50%,
+    var(--opus-border));
+  --thread-marker-shift: -4px;
+  --thread-nest-offset: calc(var(--thread-child-avatar-size) * -.4);
+  min-width: 0;
+  margin-left: var(--thread-nest-offset);
+  padding-left: var(--thread-indent);
+  isolation: isolate;
+  border-left: 0;
+  margin-top: 2px;
+  display: block;
+  position: relative;
 }
 
-.opus_ThZ-Bi_tab[data-active="true"] {
-  color: #c4b5fd;
+.opus_ThZ-Bi_threadItems [data-content-timeline-item="true"][data-clickable="true"] {
+  padding: 2px 8px 2px 14px;
 }
 
-.opus_ThZ-Bi_tab[data-active="true"]:after {
-  content: "";
-  background: #a855f7;
-  border-radius: 999px;
-  height: 2px;
+.opus_ThZ-Bi_threadConnectors {
+  z-index: 0;
+  pointer-events: none;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  inset: 0;
+  overflow: visible;
+}
+
+.opus_ThZ-Bi_threadConnectors path {
+  fill: none;
+  stroke: var(--thread-line-color);
+  stroke-width: 2px;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+.opus_ThZ-Bi_threadItems ol {
+  --timeline-avatar-size: var(--thread-child-avatar-size);
+  --timeline-hover-left: calc((var(--timeline-avatar-size) + 7px) * -1);
+  --timeline-hover-radius: 14px;
+  --timeline-hover-right: 0px;
+  z-index: 1;
+  column-gap: 7px;
+  position: relative;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-item="true"] {
+  position: relative;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-item="true"]:before {
+  content: none;
+  display: none;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-item="true"]:after {
+  content: none;
+  display: none;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-rail="true"], .opus_ThZ-Bi_threadItems [data-content-timeline-body="true"] {
+  z-index: 1;
+  position: relative;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-marker="true"] {
+  z-index: 3;
+  isolation: isolate;
+  transform: translateX(var(--thread-marker-shift));
+  position: relative;
+}
+
+.opus_ThZ-Bi_root [data-content-timeline-marker="true"] {
+  z-index: 3;
+  position: relative;
+}
+
+.opus_ThZ-Bi_feed > [data-content-timeline-list="true"] > [data-content-timeline-item="true"] > [data-content-timeline-rail="true"] > [data-content-timeline-marker="true"] {
+  transform: translateY(-11px);
+}
+
+.opus_ThZ-Bi_feed > [data-content-timeline-list="true"] > [data-content-timeline-item="true"] > [data-content-timeline-rail="true"] > [data-content-timeline-line="true"] {
+  margin-top: -13px;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-marker="true"]:before {
+  content: "";
+  z-index: 0;
+  background: var(--dashboard-section-bg, #020617);
+  border-radius: 999px;
+  position: absolute;
+  inset: 2px;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-marker="true"] > * {
+  z-index: 1;
+  position: relative;
+}
+
+.opus_ThZ-Bi_root [data-content-timeline-marker="true"] [data-size="lg"] {
+  width: var(--notes-activity-avatar-size);
+  height: var(--notes-activity-avatar-size);
+  font-size: .64rem;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-body="true"] {
+  padding-bottom: 4px;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-item="true"]:last-child > [data-content-timeline-body="true"] {
+  padding-bottom: 0;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-children="true"] {
+  margin-top: 4px;
+}
+
+.opus_ThZ-Bi_threadItems .opus_ThZ-Bi_threadItems {
+  margin-top: 2px;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-line="true"] {
+  opacity: 0;
+}
+
+.opus_ThZ-Bi_replyBlock {
+  box-sizing: border-box;
+  gap: 0;
+  width: auto;
+  min-width: 0;
+  margin: 8px 8px 6px 0;
+  padding: 0 0 2px;
+  display: grid;
+}
+
+.opus_ThZ-Bi_replyComposer {
+  box-sizing: border-box;
+  grid-template-columns: minmax(0, 1fr);
+  align-items: center;
+  gap: 0;
+  width: 100%;
+  min-width: 0;
+  display: grid;
+}
+
+.opus_ThZ-Bi_replyInputShell {
+  border: 1px solid
+    color-mix(in srgb, var(--opus-accent) 30%, var(--dashboard-section-border));
+  background: color-mix(in srgb, var(--opus-input-bg) 88%, transparent);
+  box-sizing: border-box;
+  border-radius: 12px;
+  grid-template-columns: minmax(0, 1fr);
+  align-items: center;
+  min-width: 0;
+  min-height: 2.15rem;
+  display: grid;
+}
+
+.opus_ThZ-Bi_replyInputShell[data-has-tools="true"] {
+  grid-template-columns: auto minmax(0, 1fr);
+}
+
+.opus_ThZ-Bi_replyInputShell:focus-within {
+  border-color: color-mix(in srgb,
+    var(--opus-accent) 70%,
+    var(--dashboard-section-border));
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--opus-accent) 20%, transparent);
+}
+
+.opus_ThZ-Bi_replyTools {
+  align-self: center;
+  align-items: center;
+  gap: 2px;
+  padding: 4px 0 4px 6px;
+  display: flex;
+}
+
+.opus_ThZ-Bi_replyToolButton {
+  width: 1.5rem;
+  height: 1.5rem;
+  color: var(--dashboard-section-muted);
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 7px;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  display: inline-flex;
+}
+
+.opus_ThZ-Bi_replyToolButton:hover, .opus_ThZ-Bi_replyToolButton:focus-visible {
+  background: color-mix(in srgb, var(--dashboard-section-text) 7%, transparent);
+  color: var(--dashboard-section-text);
+  outline: none;
+}
+
+.opus_ThZ-Bi_replyToolButton svg {
+  width: .78rem;
+  height: .78rem;
+  display: block;
+}
+
+.opus_ThZ-Bi_replyInput {
+  width: 100%;
+  min-width: 0;
+  min-height: calc(2.15rem - 2px);
+  max-height: 12rem;
+  color: var(--dashboard-section-text);
+  font: inherit;
+  resize: none;
+  box-sizing: border-box;
+  white-space: pre-wrap;
+  word-break: break-word;
+  field-sizing: content;
+  background: none;
+  border: 0;
+  outline: none;
+  margin: 0;
+  padding: 8px 12px 7px;
+  font-size: .72rem;
+  line-height: 1.45;
+  display: block;
+  overflow-y: auto;
+}
+
+.opus_ThZ-Bi_replyInput::-webkit-resizer {
+  display: none;
+}
+
+.opus_ThZ-Bi_replyInput::placeholder {
+  color: color-mix(in srgb, var(--dashboard-section-muted) 72%, transparent);
+}
+
+.opus_ThZ-Bi_replyInput:focus {
+  box-shadow: none;
+}
+
+.opus_ThZ-Bi_replyTags {
+  padding: 6px 0 0;
+}
+
+.opus_ThZ-Bi_tab {
+  color: var(--dashboard-section-muted);
+  font: inherit;
+  text-align: center;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  flex: 1 1 0;
+  margin: 0;
+  padding: 0 12px 12px;
+  font-size: .82rem;
+  font-weight: 600;
+  position: relative;
+}
+
+.opus_ThZ-Bi_tabIcon {
+  color: currentColor;
+  justify-content: center;
+  align-items: center;
+  width: .8rem;
+  height: .8rem;
+  margin-right: 6px;
+  display: inline-flex;
+}
+
+.opus_ThZ-Bi_tabIcon svg {
+  width: .8rem;
+  height: .8rem;
+  display: block;
+}
+
+.opus_ThZ-Bi_tab:hover, .opus_ThZ-Bi_tab:focus-visible {
+  color: var(--dashboard-section-text);
+  outline: none;
+}
+
+.opus_ThZ-Bi_tab[data-active="true"] {
+  color: #c4b5fd;
+}
+
+.opus_ThZ-Bi_tab[data-active="true"]:after {
+  content: "";
+  background: #a855f7;
+  border-radius: 999px;
+  height: 2px;
   position: absolute;
   bottom: -1px;
   left: 0;
@@ -11783,14 +12688,43 @@
 }
 
 .opus_ThZ-Bi_feed {
+  overscroll-behavior: contain;
+  grid-area: opus_ThZ-Bi_feed;
   gap: 0;
   min-width: 0;
+  min-height: 0;
+  padding-right: 4px;
   display: grid;
 }
 
+.opus_ThZ-Bi_feed > [data-content-timeline-list="true"] {
+  --timeline-hover-left: calc((var(--timeline-avatar-size) + 4px) * -1);
+  --timeline-hover-radius: 14px;
+  --timeline-hover-right: 0px;
+  column-gap: 4px;
+}
+
+.opus_ThZ-Bi_root [data-content-timeline-line="true"] {
+  opacity: 0;
+}
+
+.opus_ThZ-Bi_root [data-content-timeline-item="true"][data-clickable="true"]:has([data-content-timeline-item="true"][data-clickable="true"]:hover) {
+  background: none;
+}
+
+.opus_ThZ-Bi_root [data-content-timeline-item="true"][data-clickable="true"]:has([data-content-timeline-item="true"][data-clickable="true"]:hover) > [data-content-timeline-body="true"] > [data-content-timeline-content="true"]:before {
+  background: none;
+}
+
+[data-component="notes-activity"][data-height="full"] .opus_ThZ-Bi_root {
+  height: 100%;
+}
+
 .opus_ThZ-Bi_footer {
-  border-top: 1px solid color-mix(in srgb, var(--dashboard-section-text) 10%, transparent);
-  padding-top: 10px;
+  border-top: 1px solid
+    color-mix(in srgb, var(--dashboard-section-text) 10%, transparent);
+  grid-area: opus_ThZ-Bi_footer;
+  padding: 10px 0 14px;
 }
 
 .opus_ThZ-Bi_footerAction {
@@ -12060,6 +12994,22 @@
   min-width: 0;
 }
 
+.opus_myuwZ6_container[data-padding-top="false"] {
+  padding-top: 0;
+}
+
+.opus_myuwZ6_container[data-padding-right="false"] {
+  padding-right: 0;
+}
+
+.opus_myuwZ6_container[data-padding-bottom="false"] {
+  padding-bottom: 0;
+}
+
+.opus_myuwZ6_container[data-padding-left="false"] {
+  padding-left: 0;
+}
+
 .opus_myuwZ6_container[data-width="widget"] {
   width: 100%;
   max-width: 24.5rem;
@@ -12088,6 +13038,11 @@
   max-width: none;
 }
 
+.opus_myuwZ6_container[data-height="full"] {
+  height: 100%;
+  min-height: 22rem;
+}
+
 [data-preview-root][data-theme="light"] .opus_myuwZ6_container, [data-theme="light"] .opus_myuwZ6_container {
   --dashboard-section-bg: #f8fbff;
   --dashboard-section-border: #60a5fa47;
@@ -14153,14 +15108,17 @@
 }
 
 .opus_4Pogux_sidebar {
-  --sidebar-pad: 14px;
+  --sidebar-pad: 0px;
   --sidebar-gap: 4px;
   --sidebar-row-pad-block: 8px;
   --sidebar-row-pad-inline: 10px;
-  background: color-mix(in srgb, var(--opus-panel) 90%, transparent);
+  width: 100%;
   min-width: 0;
+  max-width: 100%;
+  height: 100%;
   min-height: 0;
   color: var(--opus-text);
+  background: none;
   flex-direction: column;
   transition: background .22s, color .22s;
   display: flex;
@@ -14168,11 +15126,17 @@
 }
 
 .opus_4Pogux_sidebar[data-collapsed="true"] {
-  width: 56px;
+  width: 100%;
+}
+
+.opus_4Pogux_sidebar[data-motion-ready="false"], .opus_4Pogux_sidebar[data-motion-ready="false"] *, .opus_4Pogux_sidebar[data-motion-ready="false"] :before, .opus_4Pogux_sidebar[data-motion-ready="false"] :after {
+  scroll-behavior: auto !important;
+  transition: none !important;
+  animation: none !important;
 }
 
 .opus_4Pogux_sidebar[data-density="compact"] {
-  --sidebar-pad: 10px;
+  --sidebar-pad: 0px;
   --sidebar-gap: 2px;
   --sidebar-row-pad-block: 6px;
   --sidebar-row-pad-inline: 8px;
@@ -14183,19 +15147,27 @@
 }
 
 .opus_4Pogux_header {
-  padding: 18px var(--sidebar-pad) 12px;
-  background: color-mix(in srgb, var(--opus-panel) 90%, transparent);
+  background: none;
   flex-shrink: 0;
+  padding: 0;
 }
 
 .opus_4Pogux_footer {
-  padding: 12px var(--sidebar-pad) 18px;
+  border-top: 1px solid color-mix(in srgb, var(--opus-border) 82%, transparent);
   color: var(--opus-muted);
   flex-shrink: 0;
+  margin-top: 8px;
+  padding: 8px 0 0;
   font-size: .78rem;
   line-height: 1.4;
 }
 
+.opus_4Pogux_sidebar[data-collapsed="true"] .opus_4Pogux_footer {
+  place-items: center;
+  width: 100%;
+  display: grid;
+}
+
 .opus_4Pogux_headerInner {
   justify-content: space-between;
   align-items: center;
@@ -14214,10 +15186,29 @@
 }
 
 .opus_4Pogux_body {
-  min-height: 0;
-  padding: 12px var(--sidebar-pad) 18px;
   flex: 1;
-  overflow: hidden auto;
+  min-height: 0;
+  padding: 0;
+}
+
+.opus_4Pogux_bodyContent {
+  min-width: 0;
+}
+
+.opus_4Pogux_sidebar[data-padding-top="true"] .opus_4Pogux_bodyContent {
+  padding-top: 14px;
+}
+
+.opus_4Pogux_sidebar[data-padding-right="true"] .opus_4Pogux_bodyContent {
+  padding-right: 16px;
+}
+
+.opus_4Pogux_sidebar[data-padding-bottom="true"] .opus_4Pogux_bodyContent {
+  padding-bottom: 12px;
+}
+
+.opus_4Pogux_sidebar[data-padding-left="true"] .opus_4Pogux_bodyContent {
+  padding-left: 16px;
 }
 
 .opus_4Pogux_main {
@@ -14239,12 +15230,14 @@
 
 .opus_4Pogux_link {
   width: 100%;
+  min-width: 0;
   padding: var(--sidebar-row-pad-block) var(--sidebar-row-pad-inline);
   border-radius: var(--opus-input-radius);
   color: var(--opus-muted);
   font: inherit;
   text-align: left;
   cursor: pointer;
+  box-sizing: border-box;
   background: none;
   border: 1px solid #0000;
   align-items: center;
@@ -14257,6 +15250,30 @@
   display: inline-flex;
 }
 
+.opus_4Pogux_linkLabel {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: auto;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.opus_4Pogux_overflowTooltip, .opus_4Pogux_overflowTooltip > span {
+  flex: auto;
+  width: 100%;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.opus_4Pogux_overflowLabel {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+  min-width: 0;
+  display: block;
+  overflow: hidden;
+}
+
 .opus_4Pogux_sidebar[data-collapsed="true"] .opus_4Pogux_link {
   justify-content: center;
   padding-inline: 8px;
@@ -14276,66 +15293,152 @@
 
 .opus_4Pogux_icon {
   width: 14px;
+  height: 14px;
   color: inherit;
   flex-shrink: 0;
   justify-content: center;
   align-items: center;
+  font-size: 14px;
   line-height: 1;
   display: inline-flex;
+  overflow: hidden;
 }
 
-.opus_4Pogux_icon svg {
-  width: 1em;
-  height: 1em;
+.opus_4Pogux_icon svg, .opus_4Pogux_icon svg {
+  flex-shrink: 0;
+  width: 14px;
+  max-width: 14px;
+  height: 14px;
+  max-height: 14px;
   display: block;
 }
 
 .opus_4Pogux_group {
   gap: var(--sidebar-gap);
+  min-width: 0;
+  display: grid;
+}
+
+.opus_4Pogux_collapsedGroupWrap {
+  gap: 2px;
+  min-width: 0;
   display: grid;
 }
 
+.opus_4Pogux_collapsedTooltip, .opus_4Pogux_collapsedTooltip > span {
+  width: 100%;
+  min-width: 0;
+}
+
+.opus_4Pogux_collapsedGroup {
+  border-radius: var(--opus-input-radius);
+  width: 100%;
+  min-height: 32px;
+  color: var(--opus-muted);
+  cursor: pointer;
+  background: none;
+  border: 1px solid #0000;
+  grid-template-columns: 12px minmax(0, 1fr) 12px;
+  align-items: center;
+  padding: 0;
+  display: grid;
+}
+
+.opus_4Pogux_collapsedGroup .opus_4Pogux_icon {
+  grid-column: 2;
+  justify-self: center;
+}
+
+.opus_4Pogux_collapsedGroupChevron, .opus_4Pogux_collapsedGroupChevronOpen {
+  border-bottom: 1.5px solid;
+  border-right: 1.5px solid;
+  width: 4px;
+  height: 4px;
+  transition: transform .16s;
+  transform: rotate(-45deg);
+}
+
+.opus_4Pogux_collapsedGroupChevronOpen {
+  transform: rotate(45deg);
+}
+
+.opus_4Pogux_collapsedGroupChevron, .opus_4Pogux_collapsedGroupChevronOpen {
+  grid-column: 3;
+}
+
+.opus_4Pogux_collapsedSubmenu {
+  border-left: 1px solid color-mix(in srgb, var(--opus-accent) 32%, transparent);
+  gap: 2px;
+  padding: 2px 0 4px;
+  display: grid;
+}
+
+.opus_4Pogux_collapsedGroup:hover, .opus_4Pogux_collapsedGroup:focus-visible {
+  border-color: var(--opus-border);
+  background: color-mix(in srgb, var(--opus-accent-soft) 70%, transparent);
+  color: var(--opus-text);
+  outline: none;
+}
+
+.opus_4Pogux_group[data-depth="0"]:not(:first-child) {
+  margin-top: 6px;
+}
+
+.opus_4Pogux_group[data-depth="0"] > .opus_4Pogux_groupHeader .opus_4Pogux_groupLabel {
+  min-height: 36px;
+  padding: 8px var(--sidebar-row-pad-inline);
+  color: var(--opus-muted);
+  letter-spacing: .12em;
+  text-transform: uppercase;
+  font-size: .66rem;
+  font-weight: 600;
+}
+
+.opus_4Pogux_group[data-depth="0"] > .opus_4Pogux_groupItemsWrap > .opus_4Pogux_groupItems {
+  border-left: 0;
+  margin-left: 0;
+  padding-left: 0;
+}
+
 .opus_4Pogux_groupHeader {
   align-items: center;
   gap: 4px;
+  min-width: 0;
   display: flex;
 }
 
 .opus_4Pogux_groupLabel {
+  appearance: none;
   min-width: 0;
   padding: var(--sidebar-row-pad-block) var(--sidebar-row-pad-inline);
   border-radius: var(--opus-input-radius);
   color: var(--opus-accent);
+  cursor: pointer;
   letter-spacing: .04em;
+  text-align: left;
+  background: none;
   border: 1px solid #0000;
   flex: 1;
   align-items: center;
   gap: 8px;
+  font-family: inherit;
   font-size: .84rem;
   font-weight: 700;
   line-height: 1.3;
   display: inline-flex;
 }
 
-.opus_4Pogux_groupToggle {
-  border-radius: var(--opus-input-radius);
-  width: 32px;
-  height: 32px;
-  color: var(--opus-muted);
-  cursor: pointer;
-  background: none;
-  border: 1px solid #0000;
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  transition: background .16s, border-color .16s;
-  display: inline-flex;
+.opus_4Pogux_groupLabel:hover, .opus_4Pogux_groupLabel:focus-visible {
+  background: color-mix(in srgb, var(--opus-accent-soft) 50%, transparent);
+  outline: none;
 }
 
-.opus_4Pogux_groupToggle:hover {
-  border-color: var(--opus-border);
-  background: color-mix(in srgb, var(--opus-accent-soft) 50%, transparent);
+.opus_4Pogux_groupLabel > span:last-child {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: auto;
+  min-width: 0;
+  overflow: hidden;
 }
 
 .opus_4Pogux_groupChevron, .opus_4Pogux_groupChevronOpen {
@@ -14344,7 +15447,8 @@
   flex-shrink: 0;
   width: 7px;
   height: 7px;
-  margin-top: 1px;
+  margin-top: 0;
+  margin-left: auto;
   transition: transform .16s;
   transform: rotate(-45deg);
 }
@@ -14355,6 +15459,7 @@
 
 .opus_4Pogux_groupItemsWrap {
   grid-template-rows: 0fr;
+  min-width: 0;
   transition: grid-template-rows .24s;
   display: grid;
 }
@@ -14367,6 +15472,7 @@
   opacity: 0;
   border-left: 1px solid #0000;
   gap: 2px;
+  min-width: 0;
   min-height: 0;
   margin-left: 10px;
   padding-left: 10px;
@@ -14754,5 +15860,169 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
   padding: 0 .22rem;
   font-size: .68rem;
 }
+
+/* components/FontPicker/FontPicker.module.css */
+.opus_ub1fhz_field {
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  display: inline-flex;
+  position: relative;
+}
+
+.opus_ub1fhz_label {
+  color: var(--opus-muted);
+  font-size: var(--opus-control-font-size, .86rem);
+  white-space: nowrap;
+  font-weight: 600;
+}
+
+.opus_ub1fhz_picker {
+  position: relative;
+}
+
+.opus_ub1fhz_trigger {
+  border: 1px solid var(--opus-border-strong);
+  border-radius: var(--opus-input-radius-large, 6px);
+  background: color-mix(in srgb, var(--opus-input-bg) 88%, transparent);
+  width: 164px;
+  min-height: 38px;
+  color: var(--opus-text);
+  cursor: pointer;
+  justify-content: space-between;
+  align-items: center;
+  gap: 10px;
+  padding: 0 12px;
+  display: inline-flex;
+}
+
+.opus_ub1fhz_trigger:hover, .opus_ub1fhz_trigger:focus-visible, .opus_ub1fhz_trigger[aria-expanded="true"] {
+  border-color: color-mix(in srgb, var(--opus-accent) 65%, var(--opus-border));
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--opus-accent) 14%, transparent);
+  outline: none;
+}
+
+.opus_ub1fhz_triggerText {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: .82rem;
+  font-weight: 600;
+  overflow: hidden;
+}
+
+.opus_ub1fhz_chevron {
+  opacity: .72;
+  border-bottom: 2px solid;
+  border-right: 2px solid;
+  flex: none;
+  width: 7px;
+  height: 7px;
+  transform: translateY(-2px) rotate(45deg);
+}
+
+.opus_ub1fhz_dropdown {
+  z-index: 1000;
+  border: 1px solid var(--opus-border-strong);
+  background: color-mix(in srgb, var(--opus-panel) 97%, transparent);
+  width: 320px;
+  box-shadow: var(--opus-shadow), 0 18px 48px #00000052;
+  backdrop-filter: blur(18px);
+  border-radius: 10px;
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  overflow: hidden;
+}
+
+.opus_ub1fhz_searchWrap {
+  border-bottom: 1px solid var(--opus-border);
+  padding: 10px;
+}
+
+.opus_ub1fhz_search {
+  border: 1px solid var(--opus-border);
+  border-radius: var(--opus-input-radius-large, 6px);
+  background: var(--opus-input-fill);
+  width: 100%;
+  height: 36px;
+  color: var(--opus-text);
+  padding: 0 11px;
+  font-size: .8rem;
+}
+
+.opus_ub1fhz_search:focus {
+  border-color: var(--opus-accent);
+}
+
+.opus_ub1fhz_options {
+  scrollbar-color: color-mix(in srgb, var(--opus-accent) 50%, transparent) transparent;
+  scrollbar-width: thin;
+  max-height: min(420px, 100vh - 150px);
+  padding: 6px;
+  overflow-y: auto;
+}
+
+.opus_ub1fhz_option {
+  width: 100%;
+  min-height: 45px;
+  color: var(--opus-text);
+  text-align: left;
+  cursor: pointer;
+  background: none;
+  border: 1px solid #0000;
+  border-radius: 6px;
+  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
+  align-items: center;
+  gap: 12px;
+  padding: 7px 9px;
+  display: grid;
+}
+
+.opus_ub1fhz_option:hover, .opus_ub1fhz_option:focus-visible {
+  border-color: color-mix(in srgb, var(--opus-accent) 35%, transparent);
+  background: color-mix(in srgb, var(--opus-accent) 10%, transparent);
+  outline: none;
+}
+
+.opus_ub1fhz_option[data-selected="true"] {
+  border-color: color-mix(in srgb, var(--opus-accent) 55%, transparent);
+  background: color-mix(in srgb, var(--opus-accent) 16%, transparent);
+}
+
+.opus_ub1fhz_optionName {
+  font-family: var(--font-preview);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: .84rem;
+  font-weight: 600;
+  overflow: hidden;
+}
+
+.opus_ub1fhz_optionPreview {
+  color: var(--opus-muted);
+  font-family: var(--font-preview);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: .78rem;
+  overflow: hidden;
+}
+
+.opus_ub1fhz_empty {
+  color: var(--opus-muted);
+  text-align: center;
+  margin: 0;
+  padding: 24px 12px;
+  font-size: .8rem;
+}
+
+@media (width <= 1120px) {
+  .opus_ub1fhz_label {
+    display: none;
+  }
+
+  .opus_ub1fhz_trigger {
+    width: 138px;
+  }
+}
 /* flag-icons (bundled for PhoneNumberField) */
 .fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em}.fi:before{content:" "}.fi.fis{width:1em}.fi-xx{background-image:url(./flags/4x3/xx.svg)}.fi-xx.fis{background-image:url(./flags/1x1/xx.svg)}.fi-ad{background-image:url(./flags/4x3/ad.svg)}.fi-ad.fis{background-image:url(./flags/1x1/ad.svg)}.fi-ae{background-image:url(./flags/4x3/ae.svg)}.fi-ae.fis{background-image:url(./flags/1x1/ae.svg)}.fi-af{background-image:url(./flags/4x3/af.svg)}.fi-af.fis{background-image:url(./flags/1x1/af.svg)}.fi-ag{background-image:url(./flags/4x3/ag.svg)}.fi-ag.fis{background-image:url(./flags/1x1/ag.svg)}.fi-ai{background-image:url(./flags/4x3/ai.svg)}.fi-ai.fis{background-image:url(./flags/1x1/ai.svg)}.fi-al{background-image:url(./flags/4x3/al.svg)}.fi-al.fis{background-image:url(./flags/1x1/al.svg)}.fi-am{background-image:url(./flags/4x3/am.svg)}.fi-am.fis{background-image:url(./flags/1x1/am.svg)}.fi-ao{background-image:url(./flags/4x3/ao.svg)}.fi-ao.fis{background-image:url(./flags/1x1/ao.svg)}.fi-aq{background-image:url(./flags/4x3/aq.svg)}.fi-aq.fis{background-image:url(./flags/1x1/aq.svg)}.fi-ar{background-image:url(./flags/4x3/ar.svg)}.fi-ar.fis{background-image:url(./flags/1x1/ar.svg)}.fi-as{background-image:url(./flags/4x3/as.svg)}.fi-as.fis{background-image:url(./flags/1x1/as.svg)}.fi-at{background-image:url(./flags/4x3/at.svg)}.fi-at.fis{background-image:url(./flags/1x1/at.svg)}.fi-au{background-image:url(./flags/4x3/au.svg)}.fi-au.fis{background-image:url(./flags/1x1/au.svg)}.fi-aw{background-image:url(./flags/4x3/aw.svg)}.fi-aw.fis{background-image:url(./flags/1x1/aw.svg)}.fi-ax{background-image:url(./flags/4x3/ax.svg)}.fi-ax.fis{background-image:url(./flags/1x1/ax.svg)}.fi-az{background-image:url(./flags/4x3/az.svg)}.fi-az.fis{background-image:url(./flags/1x1/az.svg)}.fi-ba{background-image:url(./flags/4x3/ba.svg)}.fi-ba.fis{background-image:url(./flags/1x1/ba.svg)}.fi-bb{background-image:url(./flags/4x3/bb.svg)}.fi-bb.fis{background-image:url(./flags/1x1/bb.svg)}.fi-bd{background-image:url(./flags/4x3/bd.svg)}.fi-bd.fis{background-image:url(./flags/1x1/bd.svg)}.fi-be{background-image:url(./flags/4x3/be.svg)}.fi-be.fis{background-image:url(./flags/1x1/be.svg)}.fi-bf{background-image:url(./flags/4x3/bf.svg)}.fi-bf.fis{background-image:url(./flags/1x1/bf.svg)}.fi-bg{background-image:url(./flags/4x3/bg.svg)}.fi-bg.fis{background-image:url(./flags/1x1/bg.svg)}.fi-bh{background-image:url(./flags/4x3/bh.svg)}.fi-bh.fis{background-image:url(./flags/1x1/bh.svg)}.fi-bi{background-image:url(./flags/4x3/bi.svg)}.fi-bi.fis{background-image:url(./flags/1x1/bi.svg)}.fi-bj{background-image:url(./flags/4x3/bj.svg)}.fi-bj.fis{background-image:url(./flags/1x1/bj.svg)}.fi-bl{background-image:url(./flags/4x3/bl.svg)}.fi-bl.fis{background-image:url(./flags/1x1/bl.svg)}.fi-bm{background-image:url(./flags/4x3/bm.svg)}.fi-bm.fis{background-image:url(./flags/1x1/bm.svg)}.fi-bn{background-image:url(./flags/4x3/bn.svg)}.fi-bn.fis{background-image:url(./flags/1x1/bn.svg)}.fi-bo{background-image:url(./flags/4x3/bo.svg)}.fi-bo.fis{background-image:url(./flags/1x1/bo.svg)}.fi-bq{background-image:url(./flags/4x3/bq.svg)}.fi-bq.fis{background-image:url(./flags/1x1/bq.svg)}.fi-br{background-image:url(./flags/4x3/br.svg)}.fi-br.fis{background-image:url(./flags/1x1/br.svg)}.fi-bs{background-image:url(./flags/4x3/bs.svg)}.fi-bs.fis{background-image:url(./flags/1x1/bs.svg)}.fi-bt{background-image:url(./flags/4x3/bt.svg)}.fi-bt.fis{background-image:url(./flags/1x1/bt.svg)}.fi-bv{background-image:url(./flags/4x3/bv.svg)}.fi-bv.fis{background-image:url(./flags/1x1/bv.svg)}.fi-bw{background-image:url(./flags/4x3/bw.svg)}.fi-bw.fis{background-image:url(./flags/1x1/bw.svg)}.fi-by{background-image:url(./flags/4x3/by.svg)}.fi-by.fis{background-image:url(./flags/1x1/by.svg)}.fi-bz{background-image:url(./flags/4x3/bz.svg)}.fi-bz.fis{background-image:url(./flags/1x1/bz.svg)}.fi-ca{background-image:url(./flags/4x3/ca.svg)}.fi-ca.fis{background-image:url(./flags/1x1/ca.svg)}.fi-cc{background-image:url(./flags/4x3/cc.svg)}.fi-cc.fis{background-image:url(./flags/1x1/cc.svg)}.fi-cd{background-image:url(./flags/4x3/cd.svg)}.fi-cd.fis{background-image:url(./flags/1x1/cd.svg)}.fi-cf{background-image:url(./flags/4x3/cf.svg)}.fi-cf.fis{background-image:url(./flags/1x1/cf.svg)}.fi-cg{background-image:url(./flags/4x3/cg.svg)}.fi-cg.fis{background-image:url(./flags/1x1/cg.svg)}.fi-ch{background-image:url(./flags/4x3/ch.svg)}.fi-ch.fis{background-image:url(./flags/1x1/ch.svg)}.fi-ci{background-image:url(./flags/4x3/ci.svg)}.fi-ci.fis{background-image:url(./flags/1x1/ci.svg)}.fi-ck{background-image:url(./flags/4x3/ck.svg)}.fi-ck.fis{background-image:url(./flags/1x1/ck.svg)}.fi-cl{background-image:url(./flags/4x3/cl.svg)}.fi-cl.fis{background-image:url(./flags/1x1/cl.svg)}.fi-cm{background-image:url(./flags/4x3/cm.svg)}.fi-cm.fis{background-image:url(./flags/1x1/cm.svg)}.fi-cn{background-image:url(./flags/4x3/cn.svg)}.fi-cn.fis{background-image:url(./flags/1x1/cn.svg)}.fi-co{background-image:url(./flags/4x3/co.svg)}.fi-co.fis{background-image:url(./flags/1x1/co.svg)}.fi-cr{background-image:url(./flags/4x3/cr.svg)}.fi-cr.fis{background-image:url(./flags/1x1/cr.svg)}.fi-cu{background-image:url(./flags/4x3/cu.svg)}.fi-cu.fis{background-image:url(./flags/1x1/cu.svg)}.fi-cv{background-image:url(./flags/4x3/cv.svg)}.fi-cv.fis{background-image:url(./flags/1x1/cv.svg)}.fi-cw{background-image:url(./flags/4x3/cw.svg)}.fi-cw.fis{background-image:url(./flags/1x1/cw.svg)}.fi-cx{background-image:url(./flags/4x3/cx.svg)}.fi-cx.fis{background-image:url(./flags/1x1/cx.svg)}.fi-cy{background-image:url(./flags/4x3/cy.svg)}.fi-cy.fis{background-image:url(./flags/1x1/cy.svg)}.fi-cz{background-image:url(./flags/4x3/cz.svg)}.fi-cz.fis{background-image:url(./flags/1x1/cz.svg)}.fi-de{background-image:url(./flags/4x3/de.svg)}.fi-de.fis{background-image:url(./flags/1x1/de.svg)}.fi-dj{background-image:url(./flags/4x3/dj.svg)}.fi-dj.fis{background-image:url(./flags/1x1/dj.svg)}.fi-dk{background-image:url(./flags/4x3/dk.svg)}.fi-dk.fis{background-image:url(./flags/1x1/dk.svg)}.fi-dm{background-image:url(./flags/4x3/dm.svg)}.fi-dm.fis{background-image:url(./flags/1x1/dm.svg)}.fi-do{background-image:url(./flags/4x3/do.svg)}.fi-do.fis{background-image:url(./flags/1x1/do.svg)}.fi-dz{background-image:url(./flags/4x3/dz.svg)}.fi-dz.fis{background-image:url(./flags/1x1/dz.svg)}.fi-ec{background-image:url(./flags/4x3/ec.svg)}.fi-ec.fis{background-image:url(./flags/1x1/ec.svg)}.fi-ee{background-image:url(./flags/4x3/ee.svg)}.fi-ee.fis{background-image:url(./flags/1x1/ee.svg)}.fi-eg{background-image:url(./flags/4x3/eg.svg)}.fi-eg.fis{background-image:url(./flags/1x1/eg.svg)}.fi-eh{background-image:url(./flags/4x3/eh.svg)}.fi-eh.fis{background-image:url(./flags/1x1/eh.svg)}.fi-er{background-image:url(./flags/4x3/er.svg)}.fi-er.fis{background-image:url(./flags/1x1/er.svg)}.fi-es{background-image:url(./flags/4x3/es.svg)}.fi-es.fis{background-image:url(./flags/1x1/es.svg)}.fi-et{background-image:url(./flags/4x3/et.svg)}.fi-et.fis{background-image:url(./flags/1x1/et.svg)}.fi-fi{background-image:url(./flags/4x3/fi.svg)}.fi-fi.fis{background-image:url(./flags/1x1/fi.svg)}.fi-fj{background-image:url(./flags/4x3/fj.svg)}.fi-fj.fis{background-image:url(./flags/1x1/fj.svg)}.fi-fk{background-image:url(./flags/4x3/fk.svg)}.fi-fk.fis{background-image:url(./flags/1x1/fk.svg)}.fi-fm{background-image:url(./flags/4x3/fm.svg)}.fi-fm.fis{background-image:url(./flags/1x1/fm.svg)}.fi-fo{background-image:url(./flags/4x3/fo.svg)}.fi-fo.fis{background-image:url(./flags/1x1/fo.svg)}.fi-fr{background-image:url(./flags/4x3/fr.svg)}.fi-fr.fis{background-image:url(./flags/1x1/fr.svg)}.fi-ga{background-image:url(./flags/4x3/ga.svg)}.fi-ga.fis{background-image:url(./flags/1x1/ga.svg)}.fi-gb{background-image:url(./flags/4x3/gb.svg)}.fi-gb.fis{background-image:url(./flags/1x1/gb.svg)}.fi-gd{background-image:url(./flags/4x3/gd.svg)}.fi-gd.fis{background-image:url(./flags/1x1/gd.svg)}.fi-ge{background-image:url(./flags/4x3/ge.svg)}.fi-ge.fis{background-image:url(./flags/1x1/ge.svg)}.fi-gf{background-image:url(./flags/4x3/gf.svg)}.fi-gf.fis{background-image:url(./flags/1x1/gf.svg)}.fi-gg{background-image:url(./flags/4x3/gg.svg)}.fi-gg.fis{background-image:url(./flags/1x1/gg.svg)}.fi-gh{background-image:url(./flags/4x3/gh.svg)}.fi-gh.fis{background-image:url(./flags/1x1/gh.svg)}.fi-gi{background-image:url(./flags/4x3/gi.svg)}.fi-gi.fis{background-image:url(./flags/1x1/gi.svg)}.fi-gl{background-image:url(./flags/4x3/gl.svg)}.fi-gl.fis{background-image:url(./flags/1x1/gl.svg)}.fi-gm{background-image:url(./flags/4x3/gm.svg)}.fi-gm.fis{background-image:url(./flags/1x1/gm.svg)}.fi-gn{background-image:url(./flags/4x3/gn.svg)}.fi-gn.fis{background-image:url(./flags/1x1/gn.svg)}.fi-gp{background-image:url(./flags/4x3/gp.svg)}.fi-gp.fis{background-image:url(./flags/1x1/gp.svg)}.fi-gq{background-image:url(./flags/4x3/gq.svg)}.fi-gq.fis{background-image:url(./flags/1x1/gq.svg)}.fi-gr{background-image:url(./flags/4x3/gr.svg)}.fi-gr.fis{background-image:url(./flags/1x1/gr.svg)}.fi-gs{background-image:url(./flags/4x3/gs.svg)}.fi-gs.fis{background-image:url(./flags/1x1/gs.svg)}.fi-gt{background-image:url(./flags/4x3/gt.svg)}.fi-gt.fis{background-image:url(./flags/1x1/gt.svg)}.fi-gu{background-image:url(./flags/4x3/gu.svg)}.fi-gu.fis{background-image:url(./flags/1x1/gu.svg)}.fi-gw{background-image:url(./flags/4x3/gw.svg)}.fi-gw.fis{background-image:url(./flags/1x1/gw.svg)}.fi-gy{background-image:url(./flags/4x3/gy.svg)}.fi-gy.fis{background-image:url(./flags/1x1/gy.svg)}.fi-hk{background-image:url(./flags/4x3/hk.svg)}.fi-hk.fis{background-image:url(./flags/1x1/hk.svg)}.fi-hm{background-image:url(./flags/4x3/hm.svg)}.fi-hm.fis{background-image:url(./flags/1x1/hm.svg)}.fi-hn{background-image:url(./flags/4x3/hn.svg)}.fi-hn.fis{background-image:url(./flags/1x1/hn.svg)}.fi-hr{background-image:url(./flags/4x3/hr.svg)}.fi-hr.fis{background-image:url(./flags/1x1/hr.svg)}.fi-ht{background-image:url(./flags/4x3/ht.svg)}.fi-ht.fis{background-image:url(./flags/1x1/ht.svg)}.fi-hu{background-image:url(./flags/4x3/hu.svg)}.fi-hu.fis{background-image:url(./flags/1x1/hu.svg)}.fi-id{background-image:url(./flags/4x3/id.svg)}.fi-id.fis{background-image:url(./flags/1x1/id.svg)}.fi-ie{background-image:url(./flags/4x3/ie.svg)}.fi-ie.fis{background-image:url(./flags/1x1/ie.svg)}.fi-il{background-image:url(./flags/4x3/il.svg)}.fi-il.fis{background-image:url(./flags/1x1/il.svg)}.fi-im{background-image:url(./flags/4x3/im.svg)}.fi-im.fis{background-image:url(./flags/1x1/im.svg)}.fi-in{background-image:url(./flags/4x3/in.svg)}.fi-in.fis{background-image:url(./flags/1x1/in.svg)}.fi-io{background-image:url(./flags/4x3/io.svg)}.fi-io.fis{background-image:url(./flags/1x1/io.svg)}.fi-iq{background-image:url(./flags/4x3/iq.svg)}.fi-iq.fis{background-image:url(./flags/1x1/iq.svg)}.fi-ir{background-image:url(./flags/4x3/ir.svg)}.fi-ir.fis{background-image:url(./flags/1x1/ir.svg)}.fi-is{background-image:url(./flags/4x3/is.svg)}.fi-is.fis{background-image:url(./flags/1x1/is.svg)}.fi-it{background-image:url(./flags/4x3/it.svg)}.fi-it.fis{background-image:url(./flags/1x1/it.svg)}.fi-je{background-image:url(./flags/4x3/je.svg)}.fi-je.fis{background-image:url(./flags/1x1/je.svg)}.fi-jm{background-image:url(./flags/4x3/jm.svg)}.fi-jm.fis{background-image:url(./flags/1x1/jm.svg)}.fi-jo{background-image:url(./flags/4x3/jo.svg)}.fi-jo.fis{background-image:url(./flags/1x1/jo.svg)}.fi-jp{background-image:url(./flags/4x3/jp.svg)}.fi-jp.fis{background-image:url(./flags/1x1/jp.svg)}.fi-ke{background-image:url(./flags/4x3/ke.svg)}.fi-ke.fis{background-image:url(./flags/1x1/ke.svg)}.fi-kg{background-image:url(./flags/4x3/kg.svg)}.fi-kg.fis{background-image:url(./flags/1x1/kg.svg)}.fi-kh{background-image:url(./flags/4x3/kh.svg)}.fi-kh.fis{background-image:url(./flags/1x1/kh.svg)}.fi-ki{background-image:url(./flags/4x3/ki.svg)}.fi-ki.fis{background-image:url(./flags/1x1/ki.svg)}.fi-km{background-image:url(./flags/4x3/km.svg)}.fi-km.fis{background-image:url(./flags/1x1/km.svg)}.fi-kn{background-image:url(./flags/4x3/kn.svg)}.fi-kn.fis{background-image:url(./flags/1x1/kn.svg)}.fi-kp{background-image:url(./flags/4x3/kp.svg)}.fi-kp.fis{background-image:url(./flags/1x1/kp.svg)}.fi-kr{background-image:url(./flags/4x3/kr.svg)}.fi-kr.fis{background-image:url(./flags/1x1/kr.svg)}.fi-kw{background-image:url(./flags/4x3/kw.svg)}.fi-kw.fis{background-image:url(./flags/1x1/kw.svg)}.fi-ky{background-image:url(./flags/4x3/ky.svg)}.fi-ky.fis{background-image:url(./flags/1x1/ky.svg)}.fi-kz{background-image:url(./flags/4x3/kz.svg)}.fi-kz.fis{background-image:url(./flags/1x1/kz.svg)}.fi-la{background-image:url(./flags/4x3/la.svg)}.fi-la.fis{background-image:url(./flags/1x1/la.svg)}.fi-lb{background-image:url(./flags/4x3/lb.svg)}.fi-lb.fis{background-image:url(./flags/1x1/lb.svg)}.fi-lc{background-image:url(./flags/4x3/lc.svg)}.fi-lc.fis{background-image:url(./flags/1x1/lc.svg)}.fi-li{background-image:url(./flags/4x3/li.svg)}.fi-li.fis{background-image:url(./flags/1x1/li.svg)}.fi-lk{background-image:url(./flags/4x3/lk.svg)}.fi-lk.fis{background-image:url(./flags/1x1/lk.svg)}.fi-lr{background-image:url(./flags/4x3/lr.svg)}.fi-lr.fis{background-image:url(./flags/1x1/lr.svg)}.fi-ls{background-image:url(./flags/4x3/ls.svg)}.fi-ls.fis{background-image:url(./flags/1x1/ls.svg)}.fi-lt{background-image:url(./flags/4x3/lt.svg)}.fi-lt.fis{background-image:url(./flags/1x1/lt.svg)}.fi-lu{background-image:url(./flags/4x3/lu.svg)}.fi-lu.fis{background-image:url(./flags/1x1/lu.svg)}.fi-lv{background-image:url(./flags/4x3/lv.svg)}.fi-lv.fis{background-image:url(./flags/1x1/lv.svg)}.fi-ly{background-image:url(./flags/4x3/ly.svg)}.fi-ly.fis{background-image:url(./flags/1x1/ly.svg)}.fi-ma{background-image:url(./flags/4x3/ma.svg)}.fi-ma.fis{background-image:url(./flags/1x1/ma.svg)}.fi-mc{background-image:url(./flags/4x3/mc.svg)}.fi-mc.fis{background-image:url(./flags/1x1/mc.svg)}.fi-md{background-image:url(./flags/4x3/md.svg)}.fi-md.fis{background-image:url(./flags/1x1/md.svg)}.fi-me{background-image:url(./flags/4x3/me.svg)}.fi-me.fis{background-image:url(./flags/1x1/me.svg)}.fi-mf{background-image:url(./flags/4x3/mf.svg)}.fi-mf.fis{background-image:url(./flags/1x1/mf.svg)}.fi-mg{background-image:url(./flags/4x3/mg.svg)}.fi-mg.fis{background-image:url(./flags/1x1/mg.svg)}.fi-mh{background-image:url(./flags/4x3/mh.svg)}.fi-mh.fis{background-image:url(./flags/1x1/mh.svg)}.fi-mk{background-image:url(./flags/4x3/mk.svg)}.fi-mk.fis{background-image:url(./flags/1x1/mk.svg)}.fi-ml{background-image:url(./flags/4x3/ml.svg)}.fi-ml.fis{background-image:url(./flags/1x1/ml.svg)}.fi-mm{background-image:url(./flags/4x3/mm.svg)}.fi-mm.fis{background-image:url(./flags/1x1/mm.svg)}.fi-mn{background-image:url(./flags/4x3/mn.svg)}.fi-mn.fis{background-image:url(./flags/1x1/mn.svg)}.fi-mo{background-image:url(./flags/4x3/mo.svg)}.fi-mo.fis{background-image:url(./flags/1x1/mo.svg)}.fi-mp{background-image:url(./flags/4x3/mp.svg)}.fi-mp.fis{background-image:url(./flags/1x1/mp.svg)}.fi-mq{background-image:url(./flags/4x3/mq.svg)}.fi-mq.fis{background-image:url(./flags/1x1/mq.svg)}.fi-mr{background-image:url(./flags/4x3/mr.svg)}.fi-mr.fis{background-image:url(./flags/1x1/mr.svg)}.fi-ms{background-image:url(./flags/4x3/ms.svg)}.fi-ms.fis{background-image:url(./flags/1x1/ms.svg)}.fi-mt{background-image:url(./flags/4x3/mt.svg)}.fi-mt.fis{background-image:url(./flags/1x1/mt.svg)}.fi-mu{background-image:url(./flags/4x3/mu.svg)}.fi-mu.fis{background-image:url(./flags/1x1/mu.svg)}.fi-mv{background-image:url(./flags/4x3/mv.svg)}.fi-mv.fis{background-image:url(./flags/1x1/mv.svg)}.fi-mw{background-image:url(./flags/4x3/mw.svg)}.fi-mw.fis{background-image:url(./flags/1x1/mw.svg)}.fi-mx{background-image:url(./flags/4x3/mx.svg)}.fi-mx.fis{background-image:url(./flags/1x1/mx.svg)}.fi-my{background-image:url(./flags/4x3/my.svg)}.fi-my.fis{background-image:url(./flags/1x1/my.svg)}.fi-mz{background-image:url(./flags/4x3/mz.svg)}.fi-mz.fis{background-image:url(./flags/1x1/mz.svg)}.fi-na{background-image:url(./flags/4x3/na.svg)}.fi-na.fis{background-image:url(./flags/1x1/na.svg)}.fi-nc{background-image:url(./flags/4x3/nc.svg)}.fi-nc.fis{background-image:url(./flags/1x1/nc.svg)}.fi-ne{background-image:url(./flags/4x3/ne.svg)}.fi-ne.fis{background-image:url(./flags/1x1/ne.svg)}.fi-nf{background-image:url(./flags/4x3/nf.svg)}.fi-nf.fis{background-image:url(./flags/1x1/nf.svg)}.fi-ng{background-image:url(./flags/4x3/ng.svg)}.fi-ng.fis{background-image:url(./flags/1x1/ng.svg)}.fi-ni{background-image:url(./flags/4x3/ni.svg)}.fi-ni.fis{background-image:url(./flags/1x1/ni.svg)}.fi-nl{background-image:url(./flags/4x3/nl.svg)}.fi-nl.fis{background-image:url(./flags/1x1/nl.svg)}.fi-no{background-image:url(./flags/4x3/no.svg)}.fi-no.fis{background-image:url(./flags/1x1/no.svg)}.fi-np{background-image:url(./flags/4x3/np.svg)}.fi-np.fis{background-image:url(./flags/1x1/np.svg)}.fi-nr{background-image:url(./flags/4x3/nr.svg)}.fi-nr.fis{background-image:url(./flags/1x1/nr.svg)}.fi-nu{background-image:url(./flags/4x3/nu.svg)}.fi-nu.fis{background-image:url(./flags/1x1/nu.svg)}.fi-nz{background-image:url(./flags/4x3/nz.svg)}.fi-nz.fis{background-image:url(./flags/1x1/nz.svg)}.fi-om{background-image:url(./flags/4x3/om.svg)}.fi-om.fis{background-image:url(./flags/1x1/om.svg)}.fi-pa{background-image:url(./flags/4x3/pa.svg)}.fi-pa.fis{background-image:url(./flags/1x1/pa.svg)}.fi-pe{background-image:url(./flags/4x3/pe.svg)}.fi-pe.fis{background-image:url(./flags/1x1/pe.svg)}.fi-pf{background-image:url(./flags/4x3/pf.svg)}.fi-pf.fis{background-image:url(./flags/1x1/pf.svg)}.fi-pg{background-image:url(./flags/4x3/pg.svg)}.fi-pg.fis{background-image:url(./flags/1x1/pg.svg)}.fi-ph{background-image:url(./flags/4x3/ph.svg)}.fi-ph.fis{background-image:url(./flags/1x1/ph.svg)}.fi-pk{background-image:url(./flags/4x3/pk.svg)}.fi-pk.fis{background-image:url(./flags/1x1/pk.svg)}.fi-pl{background-image:url(./flags/4x3/pl.svg)}.fi-pl.fis{background-image:url(./flags/1x1/pl.svg)}.fi-pm{background-image:url(./flags/4x3/pm.svg)}.fi-pm.fis{background-image:url(./flags/1x1/pm.svg)}.fi-pn{background-image:url(./flags/4x3/pn.svg)}.fi-pn.fis{background-image:url(./flags/1x1/pn.svg)}.fi-pr{background-image:url(./flags/4x3/pr.svg)}.fi-pr.fis{background-image:url(./flags/1x1/pr.svg)}.fi-ps{background-image:url(./flags/4x3/ps.svg)}.fi-ps.fis{background-image:url(./flags/1x1/ps.svg)}.fi-pt{background-image:url(./flags/4x3/pt.svg)}.fi-pt.fis{background-image:url(./flags/1x1/pt.svg)}.fi-pw{background-image:url(./flags/4x3/pw.svg)}.fi-pw.fis{background-image:url(./flags/1x1/pw.svg)}.fi-py{background-image:url(./flags/4x3/py.svg)}.fi-py.fis{background-image:url(./flags/1x1/py.svg)}.fi-qa{background-image:url(./flags/4x3/qa.svg)}.fi-qa.fis{background-image:url(./flags/1x1/qa.svg)}.fi-re{background-image:url(./flags/4x3/re.svg)}.fi-re.fis{background-image:url(./flags/1x1/re.svg)}.fi-ro{background-image:url(./flags/4x3/ro.svg)}.fi-ro.fis{background-image:url(./flags/1x1/ro.svg)}.fi-rs{background-image:url(./flags/4x3/rs.svg)}.fi-rs.fis{background-image:url(./flags/1x1/rs.svg)}.fi-ru{background-image:url(./flags/4x3/ru.svg)}.fi-ru.fis{background-image:url(./flags/1x1/ru.svg)}.fi-rw{background-image:url(./flags/4x3/rw.svg)}.fi-rw.fis{background-image:url(./flags/1x1/rw.svg)}.fi-sa{background-image:url(./flags/4x3/sa.svg)}.fi-sa.fis{background-image:url(./flags/1x1/sa.svg)}.fi-sb{background-image:url(./flags/4x3/sb.svg)}.fi-sb.fis{background-image:url(./flags/1x1/sb.svg)}.fi-sc{background-image:url(./flags/4x3/sc.svg)}.fi-sc.fis{background-image:url(./flags/1x1/sc.svg)}.fi-sd{background-image:url(./flags/4x3/sd.svg)}.fi-sd.fis{background-image:url(./flags/1x1/sd.svg)}.fi-se{background-image:url(./flags/4x3/se.svg)}.fi-se.fis{background-image:url(./flags/1x1/se.svg)}.fi-sg{background-image:url(./flags/4x3/sg.svg)}.fi-sg.fis{background-image:url(./flags/1x1/sg.svg)}.fi-sh{background-image:url(./flags/4x3/sh.svg)}.fi-sh.fis{background-image:url(./flags/1x1/sh.svg)}.fi-si{background-image:url(./flags/4x3/si.svg)}.fi-si.fis{background-image:url(./flags/1x1/si.svg)}.fi-sj{background-image:url(./flags/4x3/sj.svg)}.fi-sj.fis{background-image:url(./flags/1x1/sj.svg)}.fi-sk{background-image:url(./flags/4x3/sk.svg)}.fi-sk.fis{background-image:url(./flags/1x1/sk.svg)}.fi-sl{background-image:url(./flags/4x3/sl.svg)}.fi-sl.fis{background-image:url(./flags/1x1/sl.svg)}.fi-sm{background-image:url(./flags/4x3/sm.svg)}.fi-sm.fis{background-image:url(./flags/1x1/sm.svg)}.fi-sn{background-image:url(./flags/4x3/sn.svg)}.fi-sn.fis{background-image:url(./flags/1x1/sn.svg)}.fi-so{background-image:url(./flags/4x3/so.svg)}.fi-so.fis{background-image:url(./flags/1x1/so.svg)}.fi-sr{background-image:url(./flags/4x3/sr.svg)}.fi-sr.fis{background-image:url(./flags/1x1/sr.svg)}.fi-ss{background-image:url(./flags/4x3/ss.svg)}.fi-ss.fis{background-image:url(./flags/1x1/ss.svg)}.fi-st{background-image:url(./flags/4x3/st.svg)}.fi-st.fis{background-image:url(./flags/1x1/st.svg)}.fi-sv{background-image:url(./flags/4x3/sv.svg)}.fi-sv.fis{background-image:url(./flags/1x1/sv.svg)}.fi-sx{background-image:url(./flags/4x3/sx.svg)}.fi-sx.fis{background-image:url(./flags/1x1/sx.svg)}.fi-sy{background-image:url(./flags/4x3/sy.svg)}.fi-sy.fis{background-image:url(./flags/1x1/sy.svg)}.fi-sz{background-image:url(./flags/4x3/sz.svg)}.fi-sz.fis{background-image:url(./flags/1x1/sz.svg)}.fi-tc{background-image:url(./flags/4x3/tc.svg)}.fi-tc.fis{background-image:url(./flags/1x1/tc.svg)}.fi-td{background-image:url(./flags/4x3/td.svg)}.fi-td.fis{background-image:url(./flags/1x1/td.svg)}.fi-tf{background-image:url(./flags/4x3/tf.svg)}.fi-tf.fis{background-image:url(./flags/1x1/tf.svg)}.fi-tg{background-image:url(./flags/4x3/tg.svg)}.fi-tg.fis{background-image:url(./flags/1x1/tg.svg)}.fi-th{background-image:url(./flags/4x3/th.svg)}.fi-th.fis{background-image:url(./flags/1x1/th.svg)}.fi-tj{background-image:url(./flags/4x3/tj.svg)}.fi-tj.fis{background-image:url(./flags/1x1/tj.svg)}.fi-tk{background-image:url(./flags/4x3/tk.svg)}.fi-tk.fis{background-image:url(./flags/1x1/tk.svg)}.fi-tl{background-image:url(./flags/4x3/tl.svg)}.fi-tl.fis{background-image:url(./flags/1x1/tl.svg)}.fi-tm{background-image:url(./flags/4x3/tm.svg)}.fi-tm.fis{background-image:url(./flags/1x1/tm.svg)}.fi-tn{background-image:url(./flags/4x3/tn.svg)}.fi-tn.fis{background-image:url(./flags/1x1/tn.svg)}.fi-to{background-image:url(./flags/4x3/to.svg)}.fi-to.fis{background-image:url(./flags/1x1/to.svg)}.fi-tr{background-image:url(./flags/4x3/tr.svg)}.fi-tr.fis{background-image:url(./flags/1x1/tr.svg)}.fi-tt{background-image:url(./flags/4x3/tt.svg)}.fi-tt.fis{background-image:url(./flags/1x1/tt.svg)}.fi-tv{background-image:url(./flags/4x3/tv.svg)}.fi-tv.fis{background-image:url(./flags/1x1/tv.svg)}.fi-tw{background-image:url(./flags/4x3/tw.svg)}.fi-tw.fis{background-image:url(./flags/1x1/tw.svg)}.fi-tz{background-image:url(./flags/4x3/tz.svg)}.fi-tz.fis{background-image:url(./flags/1x1/tz.svg)}.fi-ua{background-image:url(./flags/4x3/ua.svg)}.fi-ua.fis{background-image:url(./flags/1x1/ua.svg)}.fi-ug{background-image:url(./flags/4x3/ug.svg)}.fi-ug.fis{background-image:url(./flags/1x1/ug.svg)}.fi-um{background-image:url(./flags/4x3/um.svg)}.fi-um.fis{background-image:url(./flags/1x1/um.svg)}.fi-us{background-image:url(./flags/4x3/us.svg)}.fi-us.fis{background-image:url(./flags/1x1/us.svg)}.fi-uy{background-image:url(./flags/4x3/uy.svg)}.fi-uy.fis{background-image:url(./flags/1x1/uy.svg)}.fi-uz{background-image:url(./flags/4x3/uz.svg)}.fi-uz.fis{background-image:url(./flags/1x1/uz.svg)}.fi-va{background-image:url(./flags/4x3/va.svg)}.fi-va.fis{background-image:url(./flags/1x1/va.svg)}.fi-vc{background-image:url(./flags/4x3/vc.svg)}.fi-vc.fis{background-image:url(./flags/1x1/vc.svg)}.fi-ve{background-image:url(./flags/4x3/ve.svg)}.fi-ve.fis{background-image:url(./flags/1x1/ve.svg)}.fi-vg{background-image:url(./flags/4x3/vg.svg)}.fi-vg.fis{background-image:url(./flags/1x1/vg.svg)}.fi-vi{background-image:url(./flags/4x3/vi.svg)}.fi-vi.fis{background-image:url(./flags/1x1/vi.svg)}.fi-vn{background-image:url(./flags/4x3/vn.svg)}.fi-vn.fis{background-image:url(./flags/1x1/vn.svg)}.fi-vu{background-image:url(./flags/4x3/vu.svg)}.fi-vu.fis{background-image:url(./flags/1x1/vu.svg)}.fi-wf{background-image:url(./flags/4x3/wf.svg)}.fi-wf.fis{background-image:url(./flags/1x1/wf.svg)}.fi-ws{background-image:url(./flags/4x3/ws.svg)}.fi-ws.fis{background-image:url(./flags/1x1/ws.svg)}.fi-ye{background-image:url(./flags/4x3/ye.svg)}.fi-ye.fis{background-image:url(./flags/1x1/ye.svg)}.fi-yt{background-image:url(./flags/4x3/yt.svg)}.fi-yt.fis{background-image:url(./flags/1x1/yt.svg)}.fi-za{background-image:url(./flags/4x3/za.svg)}.fi-za.fis{background-image:url(./flags/1x1/za.svg)}.fi-zm{background-image:url(./flags/4x3/zm.svg)}.fi-zm.fis{background-image:url(./flags/1x1/zm.svg)}.fi-zw{background-image:url(./flags/4x3/zw.svg)}.fi-zw.fis{background-image:url(./flags/1x1/zw.svg)}.fi-arab{background-image:url(./flags/4x3/arab.svg)}.fi-arab.fis{background-image:url(./flags/1x1/arab.svg)}.fi-asean{background-image:url(./flags/4x3/asean.svg)}.fi-asean.fis{background-image:url(./flags/1x1/asean.svg)}.fi-cefta{background-image:url(./flags/4x3/cefta.svg)}.fi-cefta.fis{background-image:url(./flags/1x1/cefta.svg)}.fi-cp{background-image:url(./flags/4x3/cp.svg)}.fi-cp.fis{background-image:url(./flags/1x1/cp.svg)}.fi-dg{background-image:url(./flags/4x3/dg.svg)}.fi-dg.fis{background-image:url(./flags/1x1/dg.svg)}.fi-eac{background-image:url(./flags/4x3/eac.svg)}.fi-eac.fis{background-image:url(./flags/1x1/eac.svg)}.fi-es-ct{background-image:url(./flags/4x3/es-ct.svg)}.fi-es-ct.fis{background-image:url(./flags/1x1/es-ct.svg)}.fi-es-ga{background-image:url(./flags/4x3/es-ga.svg)}.fi-es-ga.fis{background-image:url(./flags/1x1/es-ga.svg)}.fi-es-pv{background-image:url(./flags/4x3/es-pv.svg)}.fi-es-pv.fis{background-image:url(./flags/1x1/es-pv.svg)}.fi-eu{background-image:url(./flags/4x3/eu.svg)}.fi-eu.fis{background-image:url(./flags/1x1/eu.svg)}.fi-gb-eng{background-image:url(./flags/4x3/gb-eng.svg)}.fi-gb-eng.fis{background-image:url(./flags/1x1/gb-eng.svg)}.fi-gb-nir{background-image:url(./flags/4x3/gb-nir.svg)}.fi-gb-nir.fis{background-image:url(./flags/1x1/gb-nir.svg)}.fi-gb-sct{background-image:url(./flags/4x3/gb-sct.svg)}.fi-gb-sct.fis{background-image:url(./flags/1x1/gb-sct.svg)}.fi-gb-wls{background-image:url(./flags/4x3/gb-wls.svg)}.fi-gb-wls.fis{background-image:url(./flags/1x1/gb-wls.svg)}.fi-ic{background-image:url(./flags/4x3/ic.svg)}.fi-ic.fis{background-image:url(./flags/1x1/ic.svg)}.fi-pc{background-image:url(./flags/4x3/pc.svg)}.fi-pc.fis{background-image:url(./flags/1x1/pc.svg)}.fi-sh-ac{background-image:url(./flags/4x3/sh-ac.svg)}.fi-sh-ac.fis{background-image:url(./flags/1x1/sh-ac.svg)}.fi-sh-hl{background-image:url(./flags/4x3/sh-hl.svg)}.fi-sh-hl.fis{background-image:url(./flags/1x1/sh-hl.svg)}.fi-sh-ta{background-image:url(./flags/4x3/sh-ta.svg)}.fi-sh-ta.fis{background-image:url(./flags/1x1/sh-ta.svg)}.fi-un{background-image:url(./flags/4x3/un.svg)}.fi-un.fis{background-image:url(./flags/1x1/un.svg)}.fi-xk{background-image:url(./flags/4x3/xk.svg)}.fi-xk.fis{background-image:url(./flags/1x1/xk.svg)}