{"version":3,"sources":["webpack://src/components/Common/Button/Button.module.scss","webpack://src/assets/styles/common/_settings.scss","webpack://src/components/Common/Formik/ErrorMessage/ErrorMessage.module.scss","webpack://src/components/Common/Formik/PasswordHelpers/PasswordHelpers.module.scss","webpack://src/components/Common/Formik/FieldCustom/FieldCustom.module.scss","webpack://src/components/Common/Formik/DateFieldCustom/DateFieldCustom.module.scss","webpack://src/components/Common/Formik/RadioFieldCustom/RadioFieldCustom.module.scss","webpack://src/components/Common/RequiredFields/RequiredFields.module.scss","webpack://src/components/Account/PersonalDetails/PersonalDetailsInformations/PersonalDetailsInformations.module.scss","webpack://src/assets/styles/common/_tools.scss","webpack://src/components/Account/PersonalDetails/EditInformation.module.scss","webpack://src/components/Account/PersonalDetails/Identifier.module.scss"],"names":[],"mappings":"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","file":"front-25.74b51ce4.chunk.css","sourcesContent":["@import 'src/assets/styles/common/settings';\r\n@import 'src/assets/styles/common/tools';\r\n\r\n.buttonClick {\r\n  align-items: center;\r\n  justify-content: center;\r\n  background-color: $enabled-button;\r\n  border: 0;\r\n  border-radius: 4px;\r\n  color: $pure-white;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  font-size: 0.875rem;\r\n  font-weight: 600;\r\n  height: 32px;\r\n  letter-spacing: 0.02857em;\r\n  line-height: 1.75;\r\n  padding: 18px;\r\n  text-transform: uppercase;\r\n  min-width: 170px;\r\n\r\n  &:enabled:active {\r\n    transform: scale(0.98);\r\n    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);\r\n  }\r\n\r\n  &:disabled {\r\n    background-color: $grey-default;\r\n    cursor: default;\r\n  }\r\n}\r\n","$afibelFontName: 'Montserrat';\n$afibelFont: $afibelFontName, 'Roboto', 'Open Sans';\n\n// Font\n\n$font-lato: Lato;\n\n// Colors\n\n$pure-white: #ffffff;\n$pure-black: #000000;\n$dark: #333;\n$grey: #a9a0a0;\n$grey-2: #707070;\n$grey-3: #7A7A7A;\n$grey-4: #BFBFBF;\n$grey-5: #F5F5F5;\n$grey-6: #EFEFEF;\n$grey-dark: #777777;\n$grey-light: #f6f0f0;\n$grey-light-2: #6B6B6B;\n$grey-light-3: #EFEFEF;\n$grey-light-4: #D1D1D1;\n$green: #3aa104;\n$lightgrey: #ccc;\n$lightgreen: #76CB89;\n$primary-white: #f6f0f0;\n$primary-dark: #2f2727;\n$primary-grey: #b3b3b3;\n$secondary-grey: #ccc;\n$secondary-white: #ece3e4;\n$blue: #006bb4;\n$secondary-blue: #00699d;\n$light-red: #f86263;\n$red: #e50003;\n$disabled-grey: #707070;\n$logo-color: #d41118;\n$orange: #ff8900;\n$dark-orange: #f60;\n$yellow: #ffff00;\n$orange-uk: #f57423;\n$white-opacity: rgba(255, 255, 255, 0.8);\n$black-opacity: rgba(0, 0, 0, 0.15);\n$buttonChecked-color: $pure-black;\n$background-grey: #ece3e4;\n$brown: #2f2627;\n$pink-dark: #E6007E;\n$pink: #E5007F;\n$pink-light: #fee4f1;\n$raspberry: #D8006B;\n\n// Colors V2\n$grey-v2: #f8f8f8;\n$grey-light-v2: #e3e3e3;\n$green-light: #7adb87;\n$primary-dark-v2: #3b3535;\n$red-v2: #f16060;\n\n// Button\n$button-background-green: #3aa104;\n$button-background-grey: #eee;\n$button-background-red: #f86264;\n\n// migration account v2\n$pink-title: #e6007e;\n$grey-default: #625f60;\n$enabled-button: #64b546;\n$help-bubble: #625f60b3;\n$text-info: #050505cc;\n$text-default: #020000;\n$text-error-red: #fc0202;\n$text-correct-green: #04a504;\n$dark-grey: #625f60;\n$background-newsletter: #ffdbf3;\n$star-required-field: #fa6d6d;\n$disabled-input: #625f601a;\n$white-grey-background: #efefef;\n$border-radius: 4px;\n$formFontWeightLabel: 500;\n\n$accountTitleSize: 20px;\n$accountBorder: 1px solid $pink-title;\n$accountBorderRadius: 5px;\n$accountTitleMobilePadding: 0 0 10px 0;\n\n$screen-sm-min: 576px;\n$screen-md-min: 768px;\n$screen-lg-min: 992px;\n$screen-xl-min: 1200px;\n$screen-xxl-min: 1400px;\n$screen-xxxl-min: 1600px;\n$screen-xxxxl-min: 1800px;\n\n$screen-xsm-max: 359px;\n$screen-sm-max: $screen-md-min - 1;\n$screen-md-max: $screen-lg-min - 1;\n$screen-lg-max: $screen-xl-min - 1;\n$screen-xl-max: $screen-xxl-min - 1;\n\n$height-header-mobile: 119px;\n\n// Pages\n$page-max-width: 1800px;\n$page-container-max-width: 1240px;\n$create-account-page-container-max-width: 435px;\n\n// Icomoon\n$icomoon: (\n  well-being: '\\e900',\n  men: '\\e901',\n  lingerie: '\\e902',\n  home: '\\e903',\n  shoes: '\\e904',\n  ready-made-clothes: '\\e905',\n  homewear: '\\e906',\n);\n","@import 'src/assets/styles/common/settings';\n\n.errorMessage {\n  color: $red;\n  font-size: 14px;\n  font-weight: 500;\n  margin-top: 8px;\n}\n","@import 'src/assets/styles/common/settings';\n\n.indicatorsContainer {\n  .safetyContent {\n    font-size: 14px;\n    margin-bottom: 5px;\n  }\n\n  ul.content {\n    margin: 0 0 0 -15px;\n    padding: 0;\n    list-style: none;\n    font-size: 14px;\n    color: #000;\n    & > li {\n      display: inline-block;\n      margin-left: 15px;\n      cursor: default;\n\n      &.validate {\n        color: $green;\n        font-weight: 500;\n      }\n\n      &.notValidate {\n        color: $red;\n        font-weight: 500;\n      }\n\n      .iconWrapper {\n        visibility: hidden;\n        &.visible {\n          visibility: visible;\n        }\n        .iconCheckedValidator {\n          font-size: 12px;\n        }\n\n        .iconCloseValidator {\n          font-size: 15px;\n        }\n      }\n    }\n  }\n}\n","@import 'src/assets/styles/common/settings';\n@import 'src/assets/styles/common/tools';\n\n.container {\n  display: flex;\n  margin-bottom: 20px;\n\n  .passwordHelperContainer {\n    margin-top: 5px;\n  }\n}\n\n.errorMessage {\n  color: $red;\n  display: none;\n  font-size: 14px;\n  font-weight: 500;\n  margin-top: 8px;\n\n  &.visible {\n    display: block;\n  }\n}\n\n.fieldContainer {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n\n  input {\n    border-radius: $border-radius;\n  }\n}\n\n.field {\n  background-color: $pure-white;\n  border: 1px solid grey;\n  font-size: 14px;\n  outline: none;\n\n  &:focus {\n    border-color: $secondary-blue;\n    box-shadow: 0 0 3px 1px $secondary-blue;\n\n    &.error {\n      border-color: $red;\n      box-shadow: 0 0 3px 1px $red;\n    }\n  }\n\n  &:not([type='checkbox']),\n  &:not([type='radio']) {\n    height: 44px;\n    padding: 0 10px;\n\n    &[type='textarea'] {\n      height: inherit;\n    }\n  }\n\n  &[type='textarea'] {\n    resize: none;\n    padding: 10px;\n  }\n\n  &.error {\n    border-color: $red;\n  }\n\n  &.success {\n    border-color: $green;\n\n    &:not([type='select']):not([type='date']) {\n      background-image: url('../../../../assets/img/Account/tickVert.png');\n      background-repeat: no-repeat;\n      background-size: 21px;\n      background-position-y: 14px;\n      background-position-x: 98%;\n    }\n  }\n\n  &.disabled {\n    background-color: $disabled-input;\n    pointer-events: none;\n\n    &.success {\n      &:not([type='select']):not([type='date']) {\n        background-image: url('../../../../assets/img/tickVert.png');\n        background-repeat: no-repeat;\n        background-size: 24px;\n        background-position-y: 9px;\n        background-position-x: 99%;\n      }\n    }\n  }\n}\n\n.label {\n  display: flex;\n  font-size: 16px;\n  font-weight: 500;\n  margin-bottom: 12px;\n  padding-right: 20px;\n\n  label {\n    align-self: center;\n\n    span {\n      color: $red;\n      margin-left: 6px;\n    }\n  }\n}\n\n.passwordIcon {\n  color: rgba(0, 0, 0, 0.54);\n  position: absolute;\n  top: 13px;\n  right: 10px;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.errorPasswordIcon {\n  margin-right: 35px;\n}\n\n.successPasswordIcon {\n  margin-right: 35px;\n}\n\nbutton.MuiButtonBase-root {\n  margin-bottom: -50px;\n  margin-right: 25px;\n}\n\n@include mobileTabletPortrait {\n  .container {\n    flex-direction: column;\n  }\n\n  .field,\n  .label {\n    width: auto;\n    margin-bottom: 0;\n  }\n}\n","@import 'src/assets/styles/common/settings';\n@import 'src/assets/styles/common/tools';\n\n.fields {\n  flex-direction: row;\n}\n\n.field {\n  margin-right: 8px;\n  text-align: center;\n  width: 50px;\n\n  &:nth-child(3) {\n    margin-right: 0;\n    width: 100px;\n  }\n}\n\ninput:disabled {\n  background-color: $disabled-input;\n  color: $pure-black;\n}\n\n@include smallMobile {\n  .fields {\n    display: flex;\n    flex-direction: row;\n  }\n\n  .field {\n    &:nth-child(1),\n    &:nth-child(2) {\n      margin-bottom: 6px;\n      width: 100px;\n    }\n  }\n}\n","@import 'src/assets/styles/common/settings';\n@import 'src/assets/styles/common/tools';\n\n.radioGroup {\n  display: flex;\n  flex-flow: wrap;\n\n  label {\n    margin-right: 26px;\n  }\n\n  input[type=\"radio\"]:checked,\n  input[type=\"radio\"]:not(:checked) {\n    position: absolute;\n    left: -9999px;\n\n    & + label {\n      position: relative;\n      padding-left: 24px;\n      cursor: pointer;\n      line-height: 20px;\n      display: inline-block;\n      color: $pure-black;\n\n      &:before {\n        content: '';\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 18px;\n        height: 18px;\n        border: 1px solid $grey;\n        border-radius: 100%;\n        background-color: $pure-white;\n      }\n\n      &:after {\n        content: '';\n        width: 12px;\n        height: 12px;\n        background: $pure-black;\n        position: absolute;\n        top: 4px;\n        left: 4px;\n        border-radius: 100%;\n        -webkit-transition: all 0.2s ease;\n        transition: all 0.2s ease;\n      }\n    }\n  }\n\n  input[type=\"radio\"]:not(:checked) + label:after {\n    opacity: 0;\n    -webkit-transform: scale(0);\n    transform: scale(0);\n  }\n\n  input[type=\"radio\"]:checked + label:after {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n}\n.errorLabel {\n  margin-top: -18px;\n}\n","@import 'src/assets/styles/common/settings';\n\n.wrapper {\n  font-size: 14px;\n}\n\n.asterisk {\n  font-size: 16px;\n  font-weight: 500;\n  font-style: normal;\n  color: $pink-dark;\n}\n","@import 'assets/styles/common/settings';\n@import 'assets/styles/common/tools';\n\n.formContent {\n  .container {\n    .fieldLabel {\n      margin-bottom: 10px;\n      label {\n        font-size: 15px;\n        font-weight: 400;\n        span {\n          margin: 0;\n        }\n      }\n    }\n\n    &.containerRadio {\n      .fieldLabelRadio {\n        padding-right: 0;\n        label {\n          font-weight: 500;\n          font-size: 14px;\n        }\n      }\n\n      .fieldContainerRadio {\n        width: auto;\n        & > div:first-child label {\n          font-weight: 700;\n          font-size: 14px;\n          text-transform: uppercase;\n        }\n      }\n    }\n\n    &.fieldContainerGender > div:first-child {\n      margin-top: -5px;\n      & > div {\n        margin-top: 5px;\n      }\n    }\n\n    &.containerBirth .fieldContainerBirth > div:first-child {\n      display: flex;\n\n      input {\n        width: 100%;\n      }\n    }\n  }\n\n  .smsmRadioError {\n    margin-top: -15px;\n    margin-bottom: 20px;\n  }\n\n  .button {\n    text-align: right;\n    button {\n      width: 45%;\n    }\n  }\n\n  .requiredFieldsInfo {\n    font-size: 13px;\n  }\n}\n\n@include desktopTablet() {\n  .formContent {\n    .container {\n      justify-content: flex-end;\n      margin-bottom: 10px;\n\n      .fieldLabel {\n        margin-bottom: 0;\n        label {\n          align-self: auto;\n          line-height: 2.5;\n        }\n      }\n\n      .fieldContainer {\n        width: 60%;\n      }\n\n      &.containerRadio .fieldContainerRadio div:first-child label {\n        margin-right: 0;\n        margin-left: 26px;\n      }\n\n      &.containerBirth .fieldContainerBirth > div:first-child {\n        input:nth-child(1), input:nth-child(2) {\n          width: 50%;\n        }\n      }\n    }\n\n    .smsmRadioError {\n      display: flex;\n      justify-content: flex-end;\n      margin-bottom: 10px;\n    }\n\n    .button button {\n      width: 35%;\n    }\n  }\n}\n\n@include desktopSuperLarge() {\n  .formContent {\n    .container, .button, .smsmRadioError {\n      width: calc(100% - 13rem);\n    }\n  }\n}\n","@mixin font-face($font-family, $file-name, $type, $weight, $style) {\n  $baseDir: '../../fonts';\n\n  @font-face {\n    font-family: $font-family;\n    src: url('#{$baseDir}/#{$file-name}/#{$file-name}-#{$type}.ttf')\n      format('truetype');\n    font-style: $style;\n    font-weight: $weight;\n    font-display: swap;\n  }\n}\n\n%icomoon {\n  /* use !important to prevent issues with browser extensions that change fonts */\n  font-family: \"icomoon\" !important; // stylelint-disable-line\n  speak: none;\n  font-style: normal;\n  font-weight: 400;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n// Responsive pars\n@mixin desktopMegaLarge() {\n  @media screen and (min-width: $screen-xxxxl-min) {\n    @content;\n  }\n}\n\n@mixin desktopSuperLarge() {\n  @media screen and (min-width: $screen-xxxl-min) {\n    @content;\n  }\n}\n\n@mixin desktopLarge() {\n  @media screen and (min-width: $screen-xxl-min) {\n    @content;\n  }\n}\n\n@mixin maxDesktop() {\n  @media not all and (min-width: $screen-xl-min) {\n    @content;\n  }\n}\n\n@mixin desktop() {\n  @media screen and (min-width: $screen-xl-min) {\n    @content;\n  }\n}\n\n@mixin smallDesktop() {\n  @media (min-width: $screen-xl-min) and (max-width: $screen-xxl-min) {\n    @content;\n  }\n}\n\n@mixin desktopTablet() {\n  @media (min-width: $screen-lg-min) {\n    @content;\n  }\n}\n\n@mixin tablet() {\n  @media (min-width: $screen-md-min) and (max-width: $screen-lg-max) {\n    @content;\n  }\n}\n\n@mixin minTablet() {\n  @media (min-width: $screen-md-min) {\n    @content;\n  }\n}\n\n@mixin tabletLandscape() {\n  @media (min-width: $screen-lg-min) and (max-width: $screen-lg-max) {\n    @content;\n  }\n}\n\n@mixin tabletPortrait() {\n  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\n    @content;\n  }\n}\n\n@mixin mobileTabletPortrait() {\n  @media screen and (max-width: $screen-md-max) {\n    @content;\n  }\n}\n\n@mixin mobile() {\n  @media (max-width: $screen-sm-max) {\n    @content;\n  }\n}\n\n@mixin smallMobile() {\n  @media (max-width: $screen-xsm-max) {\n    @content;\n  }\n}\n\n// Custom mixin\n@mixin customScrollBar() {\n  &::-webkit-scrollbar {\n    width: 12px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: $grey-dark;\n    border-radius: 4px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: $white-opacity;\n    border-radius: 4px;\n    border: 1px solid $grey-dark;\n  }\n}\n\n@mixin listingContainerSize() {\n  max-width: $page-max-width;\n  padding-left: 10px;\n  padding-right: 10px;\n  margin-left: auto;\n  margin-right: auto;\n  box-sizing: border-box;\n}\n\n@mixin flexGapRow($size) {\n  margin-top: calc(-1 * #{$size});\n\n  & > * {\n    margin-top: $size;\n  }\n}\n\n@mixin flexGapColumn($size) {\n  margin-left: calc(-1 * #{$size});\n\n  & > * {\n    margin-left: $size;\n  }\n}\n\n@mixin flexGap($row, $column) {\n  @include flexGapRow($row);\n  @include flexGapColumn($column);\n}\n","@import 'assets/styles/common/settings';\n@import 'assets/styles/common/tools';\n\n.editinfoBlock {\n  margin-top: 15px;\n\n  .editinfosTitle {\n    border-bottom: 1px solid $pink-title;\n    font-weight: 500;\n    padding-bottom: 10px;\n    margin-bottom: 15px;\n\n    svg {\n      padding-right: 5px;\n    }\n  }\n}\n\n@include mobileTabletPortrait {\n  .editinfoBlock .editinfosTitle {\n    padding: $accountTitleMobilePadding;\n    border-bottom: none;\n    text-align: center;\n\n    label {\n      color: $pink-title;\n      font-size: $accountTitleSize;\n      font-weight: bold;\n      text-transform: uppercase;\n    }\n  }\n}\n","@import 'assets/styles/common/settings';\n@import 'assets/styles/common/tools';\n\n.identifierBlock {\n  .title {\n    padding: 0 0 10px;\n    text-align: center;\n\n    label {\n      color: $pink-title;\n      font-size: $accountTitleSize;\n      font-weight: bold;\n      text-transform: uppercase;\n    }\n  }\n\n  .identifierContent {\n    margin-top: 15px;\n\n    & > div {\n      margin-bottom: 25px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n\n      &.emailBlock, &.passwordBlock {\n        label {\n          display: block;\n          font-size: 15px;\n\n          &.editLink a {\n            color: $dark-grey;\n\n            &:hover {\n              font-weight: 500;\n            }\n          }\n        }\n      }\n\n      &.passwordBlock .passwordContent {\n        padding-top: 5px;\n      }\n    }\n  }\n}\n\n@include minTablet() {\n  .identifierBlock .identifierContent > div {\n    display: flex;\n    & > label {\n      margin-right: 10px;\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n\n    & > label.emailLabel, & > label.passwordLabel {\n      flex: 1 1;\n      text-align: right;\n    }\n\n    & > label.emailContent, & > label.passwordContent {\n      flex: 3 1;\n    }\n\n    & > label.editLink {\n      flex: 2 1;\n    }\n  }\n}\n\n@include desktopTablet() {\n  .identifierBlock {\n    .title {\n      border-bottom: $accountBorder;\n      label {\n        color: $dark;\n      }\n    }\n\n    .identifierContent {\n      margin-top: 25px;\n      & > div {\n        &.emailBlock label , &.passwordBlock label {\n          font-size: 16px;\n          margin-right: 20px;\n          &:last-child {\n            margin-right: 0;\n          }\n        }\n      }\n    }\n  }\n}\n"]}