@import "default";

::-webkit-scrollbar-thumb {
  background-color: #575757;
  border-radius: 4px;
}

::-webkit-scrollbar {
  background-color: #1f1f1f;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}

body::-webkit-scrollbar {
  border-radius: 0;
}

body:-webkit-full-screen {
  overflow: hidden;
}

body:-moz-full-screen {
  overflow: hidden;
}

:global {
  *,
  *::before,
  *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    //-webkit-tap-highlight-color: transparent;
  }

  body {
    background-color: #0a0f1c;
    font-family: @font-family !important;
    color: @text-color !important;
    font-size: @font-size-base !important;
    font-weight: @font-weight-thin !important;
    letter-spacing: 0.03em;
    margin: 0;
    overflow-x: hidden;
  }

  .body-white {
    background-color: #ffffff;
  }

  h1, h2, h3, h4, h5, h6 {
    //color: @text-color;
    font-weight: @font-weight-thin;
  }

  :focus {
    outline: none;
  }

  a {
    color: @color-white;
    text-decoration: none;
    cursor: pointer;

    &:hover {
      color: @text-color-hover;
    }

    &:focus {
      text-decoration: none;
    }
  }

  i {
    font-weight: normal;
  }

  input {
    font-weight: 400;
  }

  ul {
    list-style: none;
    margin: 0;
    padding: 0;

    li {
      line-height: normal;
    }
  }

  p {
    margin-top: 0;
  }

  .app-fadeIn {
    .fadeIn()
  }

  .app-flex {
    .display-flex();
  }

  .app-items-center {
    .items-center();
  }

  .app-justify-center {
    .justify-center();
  }

  //:local {
  //  animation: nprogress-spinner 400ms linear infinite;
  //}
}

/* Animations */
.animated {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}