/* browser's default scrollbar modifications */

html {
  scrollbar-color: rgba(0, 0, 0, 0.5) transparent;
}

/* custom navigation menu */

.navbar {
  min-height: initial;
}

/* fancy select, radio, and inputs edits */

.form-selectgroup-input:checked + .form-selectgroup-label {
  z-index: auto;
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  z-index: auto;
}

/* stacked avatar component adjustments */

.avatar-list-stacked {
  margin-right: 1.3rem;
}

/* avatar audio-reactive pulse */
#avatar-span {
  transition: transform 0.08s ease-out;
  will-change: transform;
}

/* custom class names for inline styles */

.mw-28rem {
  max-width: 28rem;
}

.min-h-auto {
  min-height: auto;
}

.min-w-auto {
  min-width: auto;
}

.w-52px {
  width: 52px;
}

.w-32px {
  width: 32px;
}

.h-52px {
  height: 52px;
}

.h-32px {
  height: 32px;
}

.font-feather {
  font-family: Feather;
}

/* google translation custom styling (if using gtranslate) */

#:1.container {
  display: none !important;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
  display: none !important;
}

#goog-gt-tt {
  display: none !important;
}

.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q {
  background-color: transparent !important;
  box-shadow: none !important;
  position: static !important;
}

body {
  position: initial !important;
  min-height: initial !important;
  top: initial !important;
}

/* tabler list item customisations */

.list-group-item.active {
  border-left-width: 0 !important;
  z-index: initial;
}

/* select group labels default alignment */

.form-selectgroup-label {
  text-align: initial;
}

/* overriding theme variables */

:root {
  --tblr-primary: #0081c5;
  --tblr-primary-rgb: 0, 129, 197;
}

/* i18n translation customisations */

#i18n-splash {
  z-index: 9999;
  transition: opacity 0.35s ease;
}

html[dir="rtl"] .chevron {
  transform: scaleX(-1);
}

html[dir="ltr"] .chevron {
  transform: none;
}

/* custom feather fonts */

@font-face {
	font-family: 'Feather';
	src: url(/static/fonts/Feather-82002b75914c306596f16693f840af75.eot) format('embedded-opentype'),
	url(/static/fonts/Feather-82002b75914c306596f16693f840af75.eot) format('embedded-opentype'),
	url(/static/fonts/Feather-938a0a8cbc6600bfaf5676e7ec028e7a.woff2) format('woff2'),
	url(/static/fonts/Feather-ebeadd9d07cb1104be0e3f7a7fa000ef.woff) format('woff'),
	url(/static/fonts/Feather-fadae10fa7e62174c594a9b4bd93fd9d.ttf) format('truetype'),
	url(/static/fonts/Feather-8202786d89282fda00af22c59647b78d.svg) format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}