/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/registercomponent/styles.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.register-component {

    width: 100%
}

.register-component form {

    display: flex;

    width: 100%;

    flex-direction: column;

    align-items: center;

    gap: 1rem
}

.register-component form .mantine-Select-root,
.register-component form > div,
.register-component form .type-select > div {

    width: 100%
}

/* .register-component form .type-select label{
    @apply
    text-lg
} */

.register-component form .type-select .type-label {

    display: block;

    padding-bottom: 0.5rem;

    font-size: 1rem;

    line-height: 1.5rem;

    --tw-text-opacity: 1;

    color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.register-component .register-component-title-container {

    margin-bottom: 2rem;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 1rem;

    text-align: center
}

.register-component .register-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))
}

.register-component .register-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))
}