/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!./client/components/loaders/mainLoader.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
.mainLoader-loaderLayout__B0COf {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.mainLoader-loaderContainer__nTA1F {
  box-sizing: border-box;
  height: 60px;
  line-height: 43px;
  margin: auto;
  padding: 5px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 60px;
}

.mainLoader-blockLoader__uW5v9 {
  box-sizing: border-box;
  height: 60px;
  margin: auto;
  padding: 5px;
  position: relative;
  width: 60px;
}

.mainLoader-aniCube__fFewa {
  height: 25px;
  position: absolute;
  width: 25px;
}

.mainLoader-lowerLeft__FpJol {
  animation-delay: 0s;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-name: mainLoader-colorLL__YgBaB;
  background-color: transparent;
  left: 5px;
  top: 30px;
}

.mainLoader-lowerRight__LEGiS {
  animation-delay: 0.5s;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-name: mainLoader-colorLR__gFDhQ;
  background-color: transparent;
  right: 5px;
  top: 30px;
}

.mainLoader-topRight__EY4to {
  animation-delay: 0.75s;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-name: mainLoader-colorTR__vdKjp;
  background-color: transparent;
  right: 5px;
  top: 5px;
}

.mainLoader-topLeft__M44Zy {
  animation-delay: 1s;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-name: mainLoader-colorTL__GuYO8;
  background-color: transparent;
  left: 5px;
  top: 5px;
}

@keyframes mainLoader-colorLL__YgBaB {
  0% {
    background-color: transparent;
  }
  20% {
    background-color: transparent;
  }
  50% {
    background-color: #f26046;
  }
  100% {
    background-color: transparent;
  }
}

@keyframes mainLoader-colorLR__gFDhQ {
  0% {
    background-color: transparent;
  }
  20% {
    background-color: transparent;
  }
  50% {
    background-color: #f26046;
  }
  100% {
    background-color: transparent;
  }
}

@keyframes mainLoader-colorTR__vdKjp {
  0% {
    background-color: transparent;
  }
  20% {
    background-color: transparent;
  }
  50% {
    background-color: #f26046;
  }
  100% {
    background-color: transparent;
  }
}

@keyframes mainLoader-colorTL__GuYO8 {
  0% {
    background-color: transparent;
  }
  20% {
    background-color: transparent;
  }
  50% {
    background-color: #f26046;
  }
  100% {
    background-color: transparent;
  }
}

@keyframes mainLoader-opacity__u0NgR {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!./client/styles/login.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.heading {
  font-size: 17px;
  font-weight: 500;
  line-height: 21px;
  margin: 0 0 36px;
  text-align: center;
}
.login {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: "Inter", sans-serif;
  height: 100vh;
  justify-content: center;
  width: 100vw;
}
.login > svg {
  margin: 16px 0;
}
.login .ui.checkbox {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.login .ui.checkbox label {
  color: hsl(228deg, 13%, 43%);
  font-size: 13px;
  line-height: 16px;
}
.login .ui.message {
  background: hsl(220deg, 23%, 97%);
  border-radius: 0.28571429rem;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 transparent;
  color: rgba(0, 0, 0, 0.87);
  font-size: 1em;
  line-height: 1.4285em;
  margin: 1em 0;
  min-height: 1em;
  padding: 1em 1.5em;
  position: relative;
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
}
.login .ui.message:last-child {
  margin-bottom: 0;
}
.login .ui.message.floating {
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.login-form-container {
  display: flex;
  flex-direction: column;
  width: 330px;
}
.login input {
  background-color: #fff;
  background-image: none;
  border: 1px solid hsl(219deg, 16%, 76%);
  border-radius: 4px;
  box-sizing: border-box;
  color: #2e3440;
  display: inline-block;
  font-feature-settings: "tnum";
  font-size: 13px;
  font-variant: tabular-nums;
  height: 32px;
  line-height: 1.5;
  list-style: none;
  margin: 0 0 8px;
  padding: 4px 11px;
  position: relative;
  transition: all 0.3s;
  width: 100%;
}
.login input[type=checkbox] {
  margin: 0 2px 0 0;
  width: 20px !important;
}
.login input[type=submit] {
  background: #f05742;
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 4px;
  box-sizing: border-box;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-shadow: -2px 0 0 rgba(0, 0, 0, 0.1);
}
.shared_link {
  margin: 0 0 4px;
}
.shared_link > a {
  color: hsl(228deg, 13%, 43%);
  font-size: 13px;
  line-height: 16px;
}