/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/components/Button/Button.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Button_base__PTCe7 {
  --button-active: var(--slate-6);
  --button-base: var(--slate-4);
  --button-color: var(--slate-11);
  --button-hover: var(--slate-5);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  background-color: var(--button-base);
  border: none;
  border-radius: 0.375rem;
  color: var(--button-color);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  height: 2.3125rem;
  justify-content: center;
  padding: 0 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.Button_base__PTCe7:active {
  background-color: var(--button-active);
}
.Button_base__PTCe7:hover {
  background-color: var(--button-hover);
}
.Button_base__PTCe7:disabled, .Button_base__PTCe7[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.Button_base__PTCe7.Button_error__RVj8o {
  --button-active: var(--crimson-6);
  --button-base: var(--crimson-4);
  --button-color: var(--crimson-11);
  --button-hover: var(--crimson-5);
}
.Button_base__PTCe7.Button_primary__KcWsb {
  --button-active: var(--sky-6);
  --button-base: var(--sky-4);
  --button-color: var(--sky-11);
  --button-hover: var(--sky-5);
}
.Button_base__PTCe7.Button_secondary__k_TzE {
  --button-active: #9E0A5B66;
  --button-base: #9E0A5B20;
  --button-color: #9E0A5B;
  --button-hover: #9E0A5B40;
}
.Button_base__PTCe7.Button_success__TIhPg {
  --button-active: var(--green-6);
  --button-base: var(--green-4);
  --button-color: var(--green-11);
  --button-hover: var(--green-5);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/components/Login/Login.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Login_base__CVe_L {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.Login_keyVisual__ZTwnK {
  background-image: url("/freiburg.png");
  background-position: center;
  background-size: cover;
  height: 7.5rem;
  flex-shrink: 0;
}

.Login_hero__rWbax {
  align-items: center;
  background-color: var(--black-a6);
  -webkit-backdrop-filter: blur(0.125rem);
          backdrop-filter: blur(0.125rem);
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 1rem;
  width: 100%;
}

.Login_title__8QhNp {
  color: #fff;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  text-align: center;
  text-shadow: 0 0 1rem var(--black-a11), 0 0 0.25rem var(--black-a12);
  transform: skew(-6deg);
}

.Login_content__Ba4mC {
  align-items: center;
  box-shadow: 0 -16px 15px -3px rgba(0, 0, 0, 0.1), 0 -4px 6px -2px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 100%;
  line-height: 1.75;
  padding: 2rem;
  text-align: center;
}
.Login_content__Ba4mC a {
  color: var(--sky-11);
  text-decoration: none;
}

.Login_logo__zjJXu {
  align-items: center;
  border: 1px dashed var(--sky-6);
  border-radius: 0.375rem;
  color: #272727;
  display: flex;
  font-weight: 600;
  height: 4rem;
  justify-content: center;
  width: 60%;
}

.Login_brand__5BpIE {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.5ch;
  margin-top: auto;
}

.Login_madeWith__CeAOB {
  align-items: center;
  display: inline-flex;
  font-weight: 500;
  gap: 0.5ch;
}

.Login_footer__H___f {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  font-weight: 500;
  gap: 0.5rem;
  width: 100%;
}
.Login_footer__H___f span {
  margin-right: auto;
}