/*******************************
          Visual
*******************************/

:root {

  /* -------------------
      Scroll Bars
  -------------------- */

  --use-custom-scrollbars: true;
  --scrollbar-width: 9px;
  --scrollbar-height: 5px;
  --track-border-radius: 0px;
  --thumb-border-radius: 0px;
  --thumb-transition: color 0.2s ease;

  /* -------------------
         Loader
  -------------------- */

  --loader-size: var(--13px);
  --loader-speed: 0.6s;
  --loader-line-width: var(--2px);

  /* -------------------
         Z-Index
  -------------------- */

  --page-layer: 1;
  --page-layer-1: 1;
  --page-layer-2: 2;
  --page-layer-3: 3;
  --page-layer-4: 4;
  --page-layer-5: 5;

  --float-layer: 100;
  --float-layer-1: 101;
  --float-layer-2: 102;
  --float-layer-3: 103;
  --float-layer-4: 104;
  --float-layer-5: 105;

  --overlay-layer: 1000;
  --overlay-layer-1: 1001;
  --overlay-layer-2: 1002;
  --overlay-layer-3: 1003;
  --overlay-layer-4: 1004;
  --overlay-layer-5: 1005;

}