:root {
  --margin-edge: 10px;
  --timeline-offset: 0;
  --current-subtitle-font-size: 40px;
  --font1-size: 40px;
  --font2-size: 40px;

  --base-color: rgb(30, 32, 38);
  --lighter-color: rgb(40, 44, 52);
  --darker-color: rgb(21, 23, 27);
  --darker-color-hover: rgb(48, 52, 60);
  --selected-sub-color: rgb(60, 85, 120);
  --darker-font-color: rgb(150, 160, 175);
  --font-color: rgb(230, 235, 245);

  --left-margin-offset: 0em;
  --right-margin-offset: 0em;
  --top-margin-offset: 0em;
  --bottom-margin-offset: 0em;

  --min-row-height: initial;

  --text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000;

  --box-top-padding: 0em;
  --box-bottom-padding: 0em;
  --box-left-padding: 0.5em;
  --box-right-padding: 0.5em;
  --box-opacity: 0.35;

  --box-top-margin: 0em;
  --box-bottom-margin: 0em;
  --box-left-margin: 0em;
  --box-right-margin: 0em;

  --td-width: 33%;
  --td-template-right-width: 33%;
  --td-template-middle-width: 33%;

  --previw-subtitle: ``;
  --previw-subtitle-dir: "rtl";

  --check-scale: "100%";
  --check-transform: "0, 0";

  --waveform-after: "";
  --waveform-after-display: "0";

  /* --base-color: rgb(59, 59, 59);
    --lighter-color: rgb(88, 88, 88);
    --darker-color: rgb(41, 41, 41);
    --darker-color-hover: rgb(41, 41, 41);
    --selected-sub-color: rgb(126, 126, 126);
    --darker-font-color: rgb(168, 168, 168);
    --font-color: whitesmoke; */
}

.colorpick-eyedropper-input-trigger {
  display: none;
}

@font-face {
  font-family: "SimplerPro_V4";
  src: url("simplerpro_v4-regular.woff") format("woff"), url("simplerpro_v4-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial;
}

body {
  margin-top: 50px;
  background-color: var(--base-color);
  color: var(--font-color);
  height: 100vh;
  overflow: hidden;
  position: fixed;
  z-index: 0;
}

.fake-header {
  position: fixed;
  top: 0;
  width: 100vw;
  background-color: rgba(21, 23, 27, 0.95);
  height: 50px;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: var(--selected-sub-color);
  border-radius: 50px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--font-color);
  border-radius: 50px;
}