:root{
  --light-primary: #ffffff;
  --light-secondary:#f5f7f9;

  /* BODY BACKGROUND */
  --light-tertiary:#f5f5f5;

  --dark-primary: rgb(0, 0, 0);
  --dark-secondary: #111827;
  --dark-tertiary: #6b7280;

  --highlight-color: #32324d;

  --light-accent: #DBEAFE;
  --dark-accent: #3B82F6;


  --primary: #eb961e;
  /* --secondary: #30383b; */
  --secondary: #455054;
  --tertiary: #99805D;

  --success-bg: hsl(130deg,50%,88%);
  --success-color:  hsl(130deg,91%,28%);

  --danger-bg: hsl(0deg,50%,92%);
  --danger-color: hsl(0deg,91%,38%);

  --secondary-bg: hsl(0deg,0%,95%);
  --secondary-color: hsl(0deg,0%,28%);

  --border-color-primary: rgb(229 231 235);

  --border-primary: 2px solid var(--border-color-primary);

  --border-radius-md:.375rem;
  --border-radius-lg:.5rem;
  --border-radius-xl:.75rem;

  --font-sm:.875rem;
  --font-md:1rem;
  --font-lg:1.5rem;

  --box-shadow-primary: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;


  /* TESTING COLORS */
  /* color: linear-gradient(
    #eb961e,
    #30383b,
    #99805D,
    #36EB69,
    #b63232,
    #3a5fb1,
    #5A732D,
  ); */

  --n-bezier: cubic-bezier(.4, 0, .2, 1);
  --n-button-border-radius: 3px;
  --n-button-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05);
  --n-button-color: #FFF;
  --n-button-width: 18px;
  --n-button-height: 18px;
  --n-rail-border-radius: 3px;
  --n-rail-color: rgba(0, 0, 0, .14);
  --n-rail-color-active: #18a058;
  --n-rail-height: 22px;
  --n-rail-width: 40px;

  --rewards-dark: #1D1E1C;

  --breakpoint-mobile: 768px;
  --breakpoint-tablet: 1250px;
  --breakpoint-ultrawide: 2500px;

}

#topnav{ position:sticky;}
.wrapper{ padding-top:15px }
.dropdown{ position: static !important}

/* DEFAULT LOADER */

@keyframes loadBlock {
  0%  { background-position: -500% 0; }
  100%{ background-position: 500% 0; }
}
.loadingBlock{
  overflow: hidden;
  position:relative;
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1), transparent);
  background-size: 80% 100%;
  background-repeat: no-repeat;
  animation: loadBlock 1.5s infinite;
}
.loadingBlock *:not(.visibleOnLoad) {
  opacity:0;
}