/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/components/authComponent/styles.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.auth-component {

    display: flex;

    width: 100%;

    flex-direction: column;

    align-items: center;

    gap: 2rem
}

.auth-component .auth-component-title, .auth-component .auth-component-form, .auth-component .auth-component-footer {

    width: 100%
}

.auth-component .auth-component-title {

    text-align: center
}

.auth-component .auth-component-title h2 {

    font-size: 1.125rem;

    line-height: 1.75rem;

    font-weight: 600;

    --tw-text-opacity: 1;

    color: rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.auth-component .auth-component-title h3 {

    font-size: 0.875rem;

    line-height: 1.25rem;

    --tw-text-opacity: 1;

    color: rgb(75 85 99 / var(--tw-text-opacity, 1))
}