<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.dynamic-title {
  display: flex;
  line-height: 1.2;
  height: 1.2em;
  overflow: hidden;
  position: relative;
  white-space: pre; /* Keep whitespace between elements */
}

.dynamic-title &gt; *:nth-last-child(-n + 1 of :not(.dynamic-title__parts)) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dynamic-title__parts {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  flex-direction: row-reverse;
  justify-content: flex-end;
  flex: 1 1 0%;
}

.dynamic-title__parts::after {
  content: '\a0\a0';
  order: 0;
}

.dynamic-title__parts &gt; *:nth-child(1) {
  order: 3;
}

.dynamic-title__parts &gt; *:nth-child(2) {
  order: 2;
}

.dynamic-title__parts &gt; *:nth-child(3) {
  order: 1;
}
</pre></body></html>