/**, *::after, *::before {*/
/*  transition: none !important;*/
/*}*/

:root {
  --card-thumbnail-bg: '#DBDBDB';
  --card-thumbnail-fg: 'white';
}

@font-face {
  font-family: Roboto-Bold;
  src: local('Roboto-Bold'), url('fonts/Roboto-Bold.ttf') format('truetype');
}

@font-face {
  font-family: Roboto-Black;
  src: local('Roboto-Black'), url('fonts/Roboto-Black.ttf') format('truetype');
}

@font-face {
  font-family: Roboto-Light;
  src: local('Roboto-Light'), url('fonts/Roboto-Light.ttf') format('truetype');
}

@font-face {
  font-family: Roboto-Medium;
  src: local('Roboto-Medium'), url('fonts/Roboto-Medium.ttf') format('truetype');
}

@font-face {
  font-family: Roboto-Regular;
  src: local('Roboto-Regular'), url('fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
  font-family: Roboto-Thin;
  src: local('Roboto-Thin'), url('fonts/Roboto-Thin.ttf') format('truetype');
}

.force-scroll {
  overflow: auto;
}

.force-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: rgba(0, 0, 0, 0.1);
}

.force-scroll::-webkit-scrollbar-corner {
  background-color: rgba(0, 0, 0, 0.1);
}

.force-scroll::-webkit-scrollbar-track {
  width: 6px;
}

.force-scroll::-webkit-scrollbar-thumb {
  width: 6px;
  border-radius: 100px;
  min-height: 50px;
  background-color: rgba(0, 0, 0, 0.2);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}