/* Channel/user accent colors (from t.me widget, scoped to post preview) */

.tg-post-scope .user-color-12 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #3391d4 0px, #3391d4 5px, #7dd3f0 5px, #7dd3f0 10px);
  --user-accent-color: #3391d4;
  --user-background: #3391d41f;
}

.tg-post-scope .user-color-10 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #27a910 0px, #27a910 5px, #a7dc57 5px, #a7dc57 10px);
  --user-accent-color: #27a910;
  --user-background: #27a9101f;
}

.tg-post-scope .user-color-8 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #e0802b 0px, #e0802b 5px, #fac534 5px, #fac534 10px);
  --user-accent-color: #e0802b;
  --user-background: #e0802b1f;
}

.tg-post-scope .user-color-7 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #e15052 0px, #e15052 5px, #f9ae63 5px, #f9ae63 10px);
  --user-accent-color: #e15052;
  --user-background: #e150521f;
}

.tg-post-scope .user-color-9 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #a05ff3 0px, #a05ff3 5px, #f48fff 5px, #f48fff 10px);
  --user-accent-color: #a05ff3;
  --user-background: #a05ff31f;
}

.tg-post-scope .user-color-11 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #27acce 0px, #27acce 5px, #82e8d6 5px, #82e8d6 10px);
  --user-accent-color: #27acce;
  --user-background: #27acce1f;
}

.tg-post-scope .user-color-13 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #dd4371 0px, #dd4371 5px, #ffbe9f 5px, #ffbe9f 10px);
  --user-accent-color: #dd4371;
  --user-background: #dd43711f;
}

.tg-post-scope .user-color-14 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #247bed 0px, #247bed 5px, #f04856 5px, #f04856 10px, #ffffff 10px, #ffffff 15px);
  --user-accent-color: #247bed;
  --user-background: #247bed1f;
}

.tg-post-scope .user-color-15 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #d67722 0px, #d67722 5px, #1ea011 5px, #1ea011 10px, #ffffff 10px, #ffffff 15px);
  --user-accent-color: #d67722;
  --user-background: #d677221f;
}

.tg-post-scope .user-color-16 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #179e42 0px, #179e42 5px, #e84a3f 5px, #e84a3f 10px, #ffffff 10px, #ffffff 15px);
  --user-accent-color: #179e42;
  --user-background: #179e421f;
}

.tg-post-scope .user-color-17 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #2894af 0px, #2894af 5px, #6fc456 5px, #6fc456 10px, #ffffff 10px, #ffffff 15px);
  --user-accent-color: #2894af;
  --user-background: #2894af1f;
}

.tg-post-scope .user-color-18 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #0c9ab3 0px, #0c9ab3 5px, #ffad95 5px, #ffad95 10px, #ffe6b5 10px, #ffe6b5 15px);
  --user-accent-color: #0c9ab3;
  --user-background: #0c9ab31f;
}

.tg-post-scope .user-color-19 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #7757d6 0px, #7757d6 5px, #f79610 5px, #f79610 10px, #ffde8e 10px, #ffde8e 15px);
  --user-accent-color: #7757d6;
  --user-background: #7757d61f;
}

.tg-post-scope .user-color-20 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #1585cf 0px, #1585cf 5px, #f2ab1d 5px, #f2ab1d 10px, #ffffff 10px, #ffffff 15px);
  --user-accent-color: #1585cf;
  --user-background: #1585cf1f;
}

.tg-post-scope.dark .user-color-12 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #52bfff 0px, #52bfff 5px, #0b5494 5px, #0b5494 10px);
  --user-accent-color: #52bfff;
  --user-background: #52bfff1f;
}

.tg-post-scope.dark .user-color-10 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #a7eb6e 0px, #a7eb6e 5px, #167e2d 5px, #167e2d 10px);
  --user-accent-color: #a7eb6e;
  --user-background: #a7eb6e1f;
}

.tg-post-scope.dark .user-color-8 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #ecb04e 0px, #ecb04e 5px, #c35714 5px, #c35714 10px);
  --user-accent-color: #ecb04e;
  --user-background: #ecb04e1f;
}

.tg-post-scope.dark .user-color-7 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #ff9380 0px, #ff9380 5px, #992f37 5px, #992f37 10px);
  --user-accent-color: #ff9380;
  --user-background: #ff93801f;
}

.tg-post-scope.dark .user-color-9 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #c697ff 0px, #c697ff 5px, #5e31c8 5px, #5e31c8 10px);
  --user-accent-color: #c697ff;
  --user-background: #c697ff1f;
}

.tg-post-scope.dark .user-color-11 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #40d8d0 0px, #40d8d0 5px, #045c7f 5px, #045c7f 10px);
  --user-accent-color: #40d8d0;
  --user-background: #40d8d01f;
}

.tg-post-scope.dark .user-color-13 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #ff86a6 0px, #ff86a6 5px, #8e366e 5px, #8e366e 10px);
  --user-accent-color: #ff86a6;
  --user-background: #ff86a61f;
}

.tg-post-scope.dark .user-color-14 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #3fa2fe 0px, #3fa2fe 5px, #e5424f 5px, #e5424f 10px, #ffffff 10px, #ffffff 15px);
  --user-accent-color: #3fa2fe;
  --user-background: #3fa2fe1f;
}

.tg-post-scope.dark .user-color-15 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #ff905e 0px, #ff905e 5px, #32a527 5px, #32a527 10px, #ffffff 10px, #ffffff 15px);
  --user-accent-color: #ff905e;
  --user-background: #ff905e1f;
}

.tg-post-scope.dark .user-color-16 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #66d364 0px, #66d364 5px, #d5444f 5px, #d5444f 10px, #ffffff 10px, #ffffff 15px);
  --user-accent-color: #66d364;
  --user-background: #66d3641f;
}

.tg-post-scope.dark .user-color-17 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #22bce2 0px, #22bce2 5px, #3da240 5px, #3da240 10px, #ffffff 10px, #ffffff 15px);
  --user-accent-color: #22bce2;
  --user-background: #22bce21f;
}

.tg-post-scope.dark .user-color-18 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #22bce2 0px, #22bce2 5px, #ff9778 5px, #ff9778 10px, #ffda6b 10px, #ffda6b 15px);
  --user-accent-color: #22bce2;
  --user-background: #22bce21f;
}

.tg-post-scope.dark .user-color-19 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #9791ff 0px, #9791ff 5px, #f2731d 5px, #f2731d 10px, #ffdb59 10px, #ffdb59 15px);
  --user-accent-color: #9791ff;
  --user-background: #9791ff1f;
}

.tg-post-scope.dark .user-color-20 {
  --user-line-gradient: repeating-linear-gradient(-45deg, #3da6eb 0px, #3da6eb 5px, #eea51d 5px, #eea51d 10px, #ffffff 10px, #ffffff 15px);
  --user-accent-color: #3da6eb;
  --user-background: #3da6eb1f;
}

.tg-post-scope .user-color-6,
.tg-post-scope .user-color-4,
.tg-post-scope .user-color-2,
.tg-post-scope .user-color-0,
.tg-post-scope .user-color-1,
.tg-post-scope .user-color-3,
.tg-post-scope .user-color-5,
.tg-post-scope .user-color-default {
  --user-accent-color: var(--color0);
  --user-accent-background: var(--accent-background);
  --user-line-gradient: linear-gradient(45deg, var(--color0), var(--color0));
}

.tg-post-scope .user-color-1 { --user-accent-color: var(--color1); --user-line-gradient: linear-gradient(45deg, var(--color1), var(--color1)); }
.tg-post-scope .user-color-2 { --user-accent-color: var(--color2); --user-line-gradient: linear-gradient(45deg, var(--color2), var(--color2)); }
.tg-post-scope .user-color-3 { --user-accent-color: var(--color3); --user-line-gradient: linear-gradient(45deg, var(--color3), var(--color3)); }
.tg-post-scope .user-color-4 { --user-accent-color: var(--color4); --user-line-gradient: linear-gradient(45deg, var(--color4), var(--color4)); }
.tg-post-scope .user-color-5 { --user-accent-color: var(--color5); --user-line-gradient: linear-gradient(45deg, var(--color5), var(--color5)); }
.tg-post-scope .user-color-6 { --user-accent-color: var(--color6); --user-line-gradient: linear-gradient(45deg, var(--color6), var(--color6)); }