@import url('../../css/fm.css');
@import url('components.css');

:root {
  --content-l: #1d1d1d;
  --content-ml: #222222;
  --content: #333333;
  --content-md: #444444;
  --content-d: #656565;

  --container-l: #f0f0f0;
  --container-ml: #dbdbdb;
  --container: #a6a6a6;
  --container-md: #7d7d7d;
  --container-d: #5c5c5c;
  --container-dd: #3a3a3a;

  --red: #e60019;
  --red-hover: #b80016;
  --red-active: #8f0013;

  --orange: #f5a404;
  --orange-hover: #d08b01;
  --orange-active: #a76f01;

  --green: #61b859;
  --green-hover: #509a49;
  --green-active: #4a8e44;

  --blue: #19c9f0;
  --blue-hover: #14aed1;
  --blue-active: #1194b1;

  --purple: #8d3d91;
  --purple-hover: #703074;
  --purple-active: #512254;
}
html {
  display: initial;
  height: auto;
  width: auto;
  overflow-x: visible;
  -webkit-text-size-adjust: auto;
  text-size-adjust: auto;
}
body {
  font-weight: normal;
  font-style: normal;
  background: initial;
  color: initial;
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  margin: initial;
  padding: initial;
  position: static;
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  transform: none;
  text-rendering: auto;
  overflow: visible;
  touch-action: auto;
  -webkit-user-drag: auto;
  -ms-content-zooming: auto;
  word-wrap: normal;
  overscroll-behavior-y: auto;
  -webkit-text-size-adjust: auto;
  text-size-adjust: auto;
}
body * {
  color: initial;
}

::selection{ background-color: #891c85bb; }

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: var(--container-l);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background-color: var(--container-l);
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--green-inactive);
}