/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../../../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../../../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/module/_basic/container/style.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_wrapper__sTiJT {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 1rem;
    padding-right: 1rem
}
@media (min-width: 769px) {
    .style_wrapper__sTiJT {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../../../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../../../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/layout/auth/authLayout/style.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_wrapper__25C97 {
  display: flex;
  height: 100vh;
  width: 100vw;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  overflow-x: hidden;
  background: linear-gradient(270deg, #444444 0%, #37393a 33.33%)
}
.style_wrapper__25C97 .style_content__cZr4V {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem
}
.style_wrapper__25C97 .style_content__cZr4V .style_logoWrapper__S53FP {
  display: none;
  padding-left: 2.5rem
}
@media (min-width: 769px) {
  .style_wrapper__25C97 .style_content__cZr4V .style_logoWrapper__S53FP {
    display: block
  }
}
.style_wrapper__25C97 .style_content__cZr4V .style_formWrapper__e8fjJ {
  position: relative;
  height: 100%;
  width: 100%;
  max-width: 40.3125rem
}
.style_wrapper__25C97 .style_content__cZr4V .style_formWrapper__e8fjJ .style_patternWrapper__Wl_UB {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  height: 100vh;
  max-height: 68.75rem;
  width: fit-content;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}
@media (min-width: 769px) {
  .style_wrapper__25C97 .style_content__cZr4V .style_formWrapper__e8fjJ .style_patternWrapper__Wl_UB {
    display: block
  }
}
.style_wrapper__25C97 .style_content__cZr4V .style_formWrapper__e8fjJ .style_form__VXTt7 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 40;
  width: 100%;
  max-width: 28.125rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}