/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./components/common/TextInput.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.TextInput_container__i4LNe {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.TextInput_container__i4LNe label {
    position: relative;
    left: 5px;
    text-transform: uppercase;
    color: rgba(150, 150, 150, 0.8);
    font-size: 0.7rem;
    font-weight: 600;
}

.TextInput_container__i4LNe input {
    width: 100%;
    height: 2.2rem;
    padding: 0.5rem 0.25rem 0.5rem 0.5rem;
    margin: 0.25rem;
    border-color: rgba(50, 50, 50, 0.2);
    border-width: 2px;
    transition: border-color 0.3s ease-in-out;
    font-weight: normal;
    border-radius: 0.5rem;
    border-style: solid;
}

.TextInput_container__i4LNe input::placeholder {
    font-size: 0.9rem;
    font-weight: 100;
}

.TextInput_container__i4LNe input:focus {
    border-color: rgba(50, 50, 50, 0.4);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./components/user/CustomerPersonnalInfo.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.CustomerPersonnalInfo_container__bUvgc {
    width: 100%;
    padding: 0 3rem;
    text-align: left;
}

.CustomerPersonnalInfo_introContainer__ZU5Gk {
    margin: 0 0 2rem 0;
}

.CustomerPersonnalInfo_inputLine__Kejgv {
    display: flex;
    width: 100%;
    margin: 1rem 0;
}

.CustomerPersonnalInfo_inputLine__Kejgv input {
    width: 96% !important;
}

.CustomerPersonnalInfo_billingContainer__eGNyE {
    margin: 2rem 0;
}