// FR-primary-color======================
@primaryColor: #f45a40;
@primaryActive: #d64d36;
@neutralColor: #2a2d34;
@secondaryColor: #ebe7df;
@scrollbarHover: rgba(244, 91, 64, 0.8);
@scrollbarThumb: rgba(244, 91, 64, 0.3);

// de-s-primary-color======================
// @primaryColor: rgb(87, 197, 160);
// @primaryActive: rgb(71, 165, 134);
// @neutralColor: #242424;
// @secondaryColor: #ebe7df;
// @scrollbarHover: rgba(87, 197, 160, 0.8);
// @scrollbarThumb: rgba(87, 197, 160, 0.3);

// EE-primary-color======================
// @primaryColor: #f60;
// @primaryActive: rgb(207, 83, 0);

@media screen and (min-width: 440px) {
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgba(255, 255, 255, 0);
  }
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    background-color: #f5f5f5;
  }
  :hover::-webkit-scrollbar-thumb {
    background-color: @scrollbarHover;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: @scrollbarThumb;
    /*background-color: rgba(0,0,0,0.3);*/
  }
  ::-webkit-scrollbar-thumb:window-inactive {
    background-color: rgba(17, 149, 219, 0.1);
  }
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
  }
}

body {
  margin: 0;
  padding: 0;
}

.fr-head {
  transition: all 0.3s ease-in-out;
}
