svg{stroke: currentColor}
 ::selection {background: var(--theme-color);color: var(--theme-color-contrast);}

.b-theme-color {border-color: var(--theme-color);}
.bg-theme-color {background-color: var(--theme-color);color: var(--theme-color-contrast);}
.bg-theme-color * {color: var(--theme-color-contrast);}
.bg-theme-color::selection, .bg-theme-color *::selection {background: var(--theme-color-contrast);color: var(--theme-color);}
.t-theme-color {color: var(--theme-color);}

.b-theme-color-contrast {border-color: var(--theme-color-contrast);}
.bg-theme-color-contrast {background-color: var(--theme-color-contrast);}
.bg-theme-color-contrast * {color: var(--theme-color);}
.t-theme-color-contrast {color: var(--theme-color-contrast);}


.no-selection{user-select: none;}
.backdrop {background-color: rgba(0, 0, 0, 0.8);}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}