/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./app/components/TelegramLoginButton.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.TelegramLoginButton_button__fTmbC {
  width: 80%;
  height: var(--component-height-large);
  border: 1px solid var(--color-border);
  background-color: var(--color-background);
  cursor: pointer;
}

.TelegramLoginButton_button__fTmbC:hover {
  background-color: var(--color-hover);
  border-color: var(--color-hover);
}

.TelegramLoginButton_content__MAzEU {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-2-4);
}

.TelegramLoginButton_icon__4IAbo {
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
  color: var(--color-text);
}

.TelegramLoginButton_text__IQ_qq {
  color: var(--color-text);
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-medium);
} 
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./app/(pages)/(auth)/login/page.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.page_container__uA03G {
  min-height: 100vh;
  background-color: var(--color-background);
  transition: background-color 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-2-4);
  position: relative;
}

.page_card__VvRAg {
  width: 100%;
  max-width: 28rem;
  background-color: var(--color-background-card);
  border-color: var(--color-border);
  transition: all 0.2s ease-in-out;
}

.page_title__pyKhf {
  color: var(--color-text) !important;
  margin-bottom: var(--spacing-2-8) !important;
}

.page_themeToggle__z5IXi {
  position: absolute;
  top: var(--spacing-2-8);
  right: var(--spacing-2-8);
  width: 40px;
  height: 40px;
  border-radius: var(--border-radius-2-4);
  background-color: var(--color-background);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}

.page_themeToggle__z5IXi:hover {
  background-color: var(--color-hover);
  border-color: var(--color-primary);
}

.page_themeToggle__z5IXi svg {
  width: 20px;
  height: 20px;
}