{"version":3,"file":"default.css","mappings":"AAAA,6HACE,eACA,eACA,kBACA,uBACA,0BCsBA,yBCxBsB,CD0BtB,4LACE,gCC3BoB,CFMpB,qDACE,aAKA,4EACE,aAGF,6CACE,eAEJ,oOCHF,+BACA,2BACA,aCpBa,CDqBb,SACA,gBDIM,0IACE,0BACA,YACA,4BACA,aACA,UAGR,wBAEE,YAGE,4FACE,eAIN,+IClBA,aC1Ba,CD4Bb,8MACE,oBC7BW,CF+Cb,sDCrBA,aC1Ba,CD4Bb,gGACE,oBC7BW,CFkDb,gDCxBA,aCzBoB,CD2BpB,0FACE,oBC5BkB,CFoDlB,gEACE,sBAEJ,gDACE,gBC/BF,aCvBmB,CDyBnB,0FACE,oBC1BiB,CF2DnB,qBACE,cAEF,qBACE,cACA,aACA,gBACA,qBACA,WAEA,yBACE,iBACA,cAEJ,qcACE,8BEzEsB,CF0EtB,iBACA,qBACA,oBACA,sBACA,gBACA,aEnFW,CFoFX,aACA,cACA,eACA,aEvEmB,CFwEnB,4BAEF,oBACE,qBACA,kBAEF,0BACE,gBACA,kBAEA,kCACE,8BACA,WACA,qBACA,WACA,kBACA,sBACA,UG1GN,eACE,kCACA,sBACA,aDFa,CCGb,eACA,aDIiB,CCHjB,sEAEA,uBACE,4BACA,iBAEF,wBACE,WAEF,4EACE,eACA,aAEA,8FACE,mBAEJ,sCACE,mBACA,eAEF,sCACE,aACA,SACA,gBACA,kBACA,UC7BJ,gBACE,iBAEA,4TACE,qBACA,eACA,mBAEA,2ZACE,iBCPF,0DJSF,SACA,SACA,UINA,8CJUA,+BACA,2BACA,aCpBa,CDqBb,SACA,gBKvBF,kBAEE,YACA,UACA,kBACA,UJOsB,CILtB,gCLNA,SACA,SACA,OACA,uBACA,UACA,kBACA,QACA,QACA,WKCA,yBACE,qBAEA,uCACE,4BACA,SACA,YAEA,kDACE,gBACA,eACA,cAEJ,qCACE,aACA,cACA,eACA,4BAGJ,sBACE,eAIF,sEACI,gBAEJ,wEACE,aCvCJ,gCACE,eACA,ULWyB,CKTzB,wDAEE,gBACA,cACA,UACA,kBAEA,sENVF,SACA,SACA,OACA,uBACA,UACA,kBACA,QACA,QACA,WMKE,iEACE,SACA,gBAEF,8DACE,yBACA,gBAGJ,wCNJA,+BACA,2BACA,aCpBa,CDqBb,SACA,gBMGA,sCACE,qBAGF,4DACE,+BC7BF,gNAEE,mBACA,yBNFoB,CMGpB,eACA,oBACA,sCAEA,wdACE,aNVS,CMYb,gNACE,aNLe,CMMf,iBACA,QAKF,iGACE,SACA,cACA,UAKE,sQACE,aN5Bc,CM8BpB,iJACE,uCAEJ,qBACE,oBNlCoB,CMmCpB,SAKA,4SACE,aAEA,4TP1BF,+BACA,2BACA,aCpBa,CDqBb,SACA,gBOwBI,oBACA,uCAKJ,4SACE,eCpDA,owCACE,uBACA,eACA,aAEA,YAIA,kqDACE,eCZR,yBACE,eACA,URUsB,CQPxB,kBAEE,oBACA,cACA,UACA,kBACA,WAEA,gCTZA,SACA,SACA,OACA,uBACA,UACA,kBACA,QACA,QACA,WSSE,6CAIE,yBTrBJ,SACA,SACA,OACA,uBACA,UACA,kBACA,QACA,QACA,WSgBA,+BACE,uBACA,eACA,aACA,eACA,qBACA,WAEA,mCACE,cACA,cACA,qBACA,WAEF,oCACE,cACA,gBACA,kBAGJ,4BACE,uBACA,aACA,eAEF,2BACE,iBACA,aRnDW,CQoDX,WACA,cACA,eACA,kBAEA,+BACE,eAEF,mCACE,sBACA,qBACA,gBACA,aAEF,gGACE,cACA,oBAEF,gCACE,gBACA,iBACA,gBACA,uBACA,2BACA,wBAEA,sCACE,gBAEJ,kCACE,aR/Ee,CQkFnB,yBACE,iBACA,eACA,YACA,sBACA,UACA,kBACA,WACA,SACA,iCAEA,6BACE,eACA,YAGJ,gCACE,eAIF,mDACE,cACA,aC1GE,85DACE,0BCJR,sBACE,0BAEA,+BAEE,YACA,eACA,kBAEA,81CXIF,SACA,SACA,UWHA,2BACE,mBACA,+BACA,SACA,eACA,aACA,YACA,UACA,kBACA,YACA,uBACA,2BACA,QACA,UAEA,+BACE,oCVzBkB,CU0BlB,mBACA,cAEF,iCACE,UCpBJ,2CACE,gBACA,eACA,uBAEF,wCACE,aACA,8CAfI,sHACE,qCACA,UAEF,yHACE,0BALF,sHACE,qCACA,UAEF,yHACE,0BALF,sHACE,yBACA,UAEF,yHACE,cALF,sHACE,yBACA,UAEF,yHACE,cALF,sHACE,yBACA,UAEF,yHACE,cALF,sHACE,yBACA,WAEF,yHACE,cALF,oHACE,qCACA,UAEF,uHACE,0BALF,oHACE,yBACA,UAEF,uHACE,cALF,oHACE,yBACA,WAEF,uHACE,cAsBN,mKACE,kBAGJ,mIACE,aCrCJ,gBACE,cACA,cACA,gBACA,8DCCI,abHgB,CaKlB,owCACE,+BACA,cAGN,mBACE,mBACA,aACA,mCAEA,0BACE,SACA,UAEF,kCACE,cACA,cACA,kBACA,sBAEF,0BACE,OACA,kBACA,SACA,WACA,kBAEF,gDACE,eCjCA,gpDACE,+BACA,SACA,cACA,eACA,UAEF,oDACE,adTS,CcYP,sFACE,adZY,CccpB,iCACE,eACA,qBAIJ,qBACE,kBACA,aAEA,gDAEE,mBACA,6BACA,cACA,oBACA,mBACA,aACA,cACA,cACA,iBACA,sBACA,UAEA,uDACE,8BACA,kBACA,WACA,cACA,WACA,mBACA,UAEJ,+DACE,kBAIF,0CfrDA,SACA,SACA,OACA,uBACA,UACA,kBACA,QACA,QACA,WgBPE,kvCACE,eACA,UfQkB,C","sources":["webpack://formol/./src/sass/default/Field.sass","webpack://formol/./src/sass/default/_mixins.sass","webpack://formol/./src/sass/default/_variables.sass","webpack://formol/./src/sass/default/Formol.sass","webpack://formol/./src/sass/default/Inliner.sass","webpack://formol/./src/sass/default/async/CalendarField.sass","webpack://formol/./src/sass/default/async/HTMLField.sass","webpack://formol/./src/sass/default/async/SelectMenuField.sass","webpack://formol/./src/sass/default/fields/BooleanField.sass","webpack://formol/./src/sass/default/fields/ColorField.sass","webpack://formol/./src/sass/default/fields/FileField.sass","webpack://formol/./src/sass/default/fields/NumberField.sass","webpack://formol/./src/sass/default/fields/PasswordField.sass","webpack://formol/./src/sass/default/fields/PasswordStrengthField.sass","webpack://formol/./src/sass/default/fields/Preview.sass","webpack://formol/./src/sass/default/fields/RangeField.sass","webpack://formol/./src/sass/default/fields/SwitchButton.sass","webpack://formol/./src/sass/default/fields/TextAreaField.sass"],"sourcesContent":[".Formol_Field\n  margin: $formol-field-margin 0\n  max-width: 100%\n  width: fit-content\n  width: -moz-fit-content\n  width: -webkit-fit-content\n  +field-colors($formol-color-inactive)\n\n  &--required &__title\n    &::before\n      content: '* '\n\n\n  &--readOnly\n    &.Formol_Field--required\n      .Formol_Field__title::before\n        display: none\n\n    .Formol_Field\n      &__title\n        font-size: $formol-font-size * .7\n\n    .Formol_InputField, .Formol_TextAreaField, .Formol_PasswordField__wrapper, .Formol_FileField, .Formol_HTMLField\n      +read-only-field__element\n\n    .Formol_Field\n      &--type-date, &--type-time\n        &__element[type=date]\n          -moz-appearance: textfield\n          border: none\n          clip-path: inset(0 17px 0 0)\n          outline: none\n          outline: 0\n\n\n  &--disabled\n    // cursor: default\n    opacity: .75\n\n    .Formol_Field__label\n      &, & *\n        cursor: default\n\n\n  // states\n  &:hover\n    +field-colors($formol-color)\n\n  &--modified, &--modified:hover\n    +field-colors($formol-color)\n\n  &--focus, &--focus:hover\n    +field-colors($formol-color-action)\n\n    *:focus\n      outline: transparent\n\n  &--error, &--error:hover\n    box-shadow: none\n    +field-colors($formol-color-error)\n\n\n  // elements\n  &__label\n    color: inherit\n\n  &__title\n    color: inherit\n    display: flex\n    font-size: $formol-font-size * .85\n    transition: color .2s\n    width: 100%\n\n    > svg\n      margin-left: .5em\n      min-width: 1em\n\n  &__element\n    background-color: $formol-background-color\n    border: solid 1px\n    border-color: inherit\n    border-radius: .15em\n    box-sizing: border-box\n    box-shadow: none\n    color: $formol-color\n    font: inherit\n    margin: .5em 0\n    max-width: 100%\n    padding: $formol-field-padding\n    transition: border-color .2s\n\n  &__unit\n    display: inline-block\n    margin-left: .75em\n\n  &__error-text\n    font-size: $formol-font-size * .85\n    font-style: italic\n\n    &::before\n      background-color: currentColor\n      content: ''\n      display: inline-block\n      height: 1px\n      margin-right: .5em\n      vertical-align: middle\n      width: 1em\n","=hidden-input\n  bottom: 0\n  height: 0\n  left: 0\n  margin: auto !important\n  opacity: 0\n  position: absolute\n  right: 0\n  width: 0\n  z-index: -1\n\n\n=hidden-field__element\n  border: 0\n  margin: 0\n  padding: 0\n\n\n=read-only-field__element\n  background-color: transparent\n  border-color: transparent\n  color: $formol-color\n  margin: 0\n  padding: $formol-field-padding 0\n\n\n=field-colors($color)\n  color: $color\n\n  .Formol_Field__label\n    border-color: $color\n","// colors\n$formol-color: #596275 !default\n$formol-color-action: #546de5 !default\n$formol-color-inactive: rgba($formol-color, .65) !default\n$formol-color-error: #e66767 !default\n$formol-background-color: transparent !default\n\n\n// font-size\n$formol-font-size: 1em !default\n\n// fields size\n$formol-big-field-size: 50em !default\n$formol-medium-field-size: 25em !default\n\n// fields margin & padding\n$formol-field-margin: 1.5em !default\n$formol-field-padding: .75em !default\n",".Formol_Formol\n  box-shadow: -1px 0 0 transparent\n  box-sizing: border-box\n  color: $formol-color\n  padding-left: 0\n  font-size: $formol-font-size\n  transition: box-shadow 250ms 250ms, opacity 500ms ease-in, padding 250ms\n\n  &--errors\n    box-shadow: -1px 0 0 $formol-color-error\n    padding-left: 1em\n\n  &--loading\n    opacity: .5\n\n  & &__submit, & &__cancel\n    cursor: pointer\n    font: inherit\n\n    &:disabled\n      cursor: not-allowed\n\n  & &__submit\n    margin-right: 1.5em\n    margin-top: 2em\n\n  & &__cancel\n    background: 0\n    border: 0\n    font-size: $formol-font-size * .85\n    margin-bottom: $formol-field-margin * 2\n    padding: 0\n","@use 'sass:math'\n\n.Formol_Inliner\n  margin: math.div(-$formol-field-margin, 2) 0\n\n  .Formol_Field\n    display: inline-block\n    margin: math.div($formol-field-margin, 2) 0\n    vertical-align: top\n\n    &:not(:last-of-type)\n      margin-right: 1em\n",".Formol_Field--type-calendar\n  .Formol_CalendarField\n    @extend .Formol_Field__element\n\n    &__field\n      +hidden-field__element\n\n\n.Formol_Field--readOnly\n  .Formol_CalendarField\n    +read-only-field__element\n",".Formol_HTMLField\n  @extend .Formol_Field__element\n  cursor: text\n  padding: 0\n  position: relative\n  width: $formol-big-field-size\n\n  &__hidden-input\n    +hidden-input\n\n  .quill\n    border-color: inherit\n\n    .ql-container\n      border-bottom-color: inherit\n      margin: 0\n      border: none\n\n      .ql-editor\n        max-height: 50vh\n        min-height: 8em\n        overflow: auto\n\n    .ql-toolbar\n      border-top: 0\n      border-left: 0\n      border-right: 0\n      border-bottom-color: inherit\n\n\n  img\n    max-width: 100%\n\n\n.Formol_Field--readOnly, .Formol_Field--disabled\n  .ql-editor\n      min-height: auto\n\n  .ql-toolbar\n    display: none\n",".Formol_Field--type-select-menu\n  max-width: 100%\n  width: $formol-medium-field-size\n\n  .Formol_SelectMenuField\n    @extend .Formol_Field__element\n    box-shadow: none\n    color: inherit\n    padding: 0\n    position: relative\n\n    &__hidden-input\n      +hidden-input\n\n    &__control\n      border: 0\n      box-shadow: none\n\n    &__menu\n      border: solid 1px $formol-color-action\n      box-shadow: none\n\n.Formol_Field--readOnly\n  .Select-control\n    +read-only-field__element\n\n  .Select-value\n    padding: 0 !important\n\n\n  .Select.is-disabled > .Select-control\n    background-color: transparent\n","// boolean element\n.Formol_Field--type-checkbox .Formol_Field, .Formol_Field--type-radio .Formol_Field, .Formol_Field--type-checkbox-set .Formol_FieldSet, .Formol_Field--type-radio-set .Formol_FieldSet\n  &__label\n    @extend .Formol_Field__element\n    align-items: center\n    color: $formol-color-inactive\n    cursor: pointer\n    display: inline-flex\n    transition: color .2s, border-color .2s\n\n    &--on, &--on:hover\n      color: $formol-color\n\n  &__title\n    font-size: $formol-font-size\n    margin-left: .5em\n    order: 1\n\n\n// fieldset\n.Formol_Field--type-checkbox-set, .Formol_Field--type-radio-set\n  .Formol_FieldSet\n    border: 0\n    margin: .5em 0\n    padding: 0\n\n    &__label\n      @extend .Formol_Field\n\n      &--focus, &--focus:hover\n        color: $formol-color-action\n\n  .Formol_FieldSet .Formol_FieldSet__label\n    margin: 0 calc(#{$formol-field-margin} / 2) calc(#{$formol-field-margin} / 2) 0\n\n.Formol_BooleanField\n  accent-color: $formol-color-action\n  margin: 0\n\n\n\n.Formol_Field--type-checkbox.Formol_Field--readOnly .Formol_Field, .Formol_Field--type-radio.Formol_Field--readOnly .Formol_Field, .Formol_Field--type-checkbox-set.Formol_Field--readOnly .Formol_FieldSet, .Formol_Field--type-radio-set.Formol_Field--readOnly .Formol_FieldSet\n  &__label\n    display: none\n\n    &--on\n      +read-only-field__element\n      display: inline-flex\n      margin: 0 calc(#{$formol-field-margin} / 2) calc(#{$formol-field-margin} / 2) 0\n\n\n\n.Formol_Field--type-checkbox.Formol_Field--disabled .Formol_Field, .Formol_Field--type-radio.Formol_Field--disabled .Formol_Field, .Formol_Field--type-checkbox-set.Formol_Field--disabled .Formol_FieldSet, .Formol_Field--type-radio-set.Formol_Field--disabled .Formol_FieldSet\n  &__label\n    cursor: default\n",".Formol_Field--type-color\n  .Formol_Field\n    &__element\n      box-sizing: content-box\n      cursor: pointer\n      height: 1.5em\n      // padding: .5em\n      width: 1.5em\n\n  &.Formol_Field--disabled\n    .Formol_Field\n      &__element\n        cursor: default\n",".Formol_Field--type-file\n  max-width: 100%\n  width: $formol-big-field-size\n\n\n.Formol_FileField\n  @extend .Formol_Field__element\n  border-style: dashed\n  color: inherit\n  padding: 0\n  position: relative\n  width: 100%\n\n  &__hidden-input\n    +hidden-input\n\n\n  &__dropzone\n    > input[type=\"file\"]\n      // This is an important hack to avoid the :\n      // \"An invalid form control with name=\"...\"\n      // is not focusable.\" error at validation\n      display: block !important\n      +hidden-input\n\n  &__placeholder\n    align-items: flex-start\n    cursor: pointer\n    display: flex\n    flex-wrap: wrap\n    transition: color .2s\n    width: 100%\n\n    > svg\n      display: block\n      font-size: $formol-font-size * 2\n      margin: 1em auto .1em\n      width: 100%\n\n    > span\n      display: block\n      font-size: $formol-font-size * .85\n      margin: 0 auto 3em\n\n\n  &__previews\n    align-items: flex-start\n    display: flex\n    flex-wrap: wrap\n\n  &__preview\n    border: solid 1px\n    color: $formol-color\n    margin: 1em\n    min-width: 8em\n    max-width: 10em\n    position: relative\n\n    img\n      max-width: 100%\n\n    &-caption\n      box-sizing: border-box\n      border-top: solid 1px\n      font-size: $formol-font-size * .75\n      padding: .5em\n\n    &-name, &-size, &-type\n      display: block\n      margin: .25rem .5rem\n\n    &-name\n      line-height: 1.5\n      max-height: calc(1em * 1.5)\n      overflow: hidden\n      text-overflow: ellipsis\n      transition: max-height .25s\n      width: calc(100% - 1rem)\n\n      &:hover\n        max-height: 10em\n\n    &--error\n      color: $formol-color-error\n\n\n  &__close\n    border: solid 1px\n    cursor: pointer\n    font-size: 0\n    background-color: #fff\n    padding: 0\n    position: absolute\n    right: -1px\n    top: -1px\n    transition: background-color .25s\n\n    svg\n      font-size: 1rem\n      margin: .5em\n\n\n  &__image-delete\n    min-height: 3em\n\n\n.Formol_Field--readOnly\n  .Formol_FileField__preview\n    margin-left: 0\n    margin-top: 0\n",".Formol_Field--readOnly\n  &.Formol_Field--type-number\n    .Formol_Field\n      &__element[type=number]\n        -moz-appearance: textfield\n",".Formol_PasswordField\n  width: calc(100% - 1.75em)\n\n  &__wrapper\n    @extend .Formol_Field__element\n    cursor: text\n    max-width: 100%\n    position: relative\n\n    .Formol_Field__element\n      +hidden-field__element\n\n  &__eye\n    align-items: center\n    background-color: transparent\n    border: 0\n    cursor: pointer\n    display: flex\n    opacity: .75\n    padding: 0\n    position: absolute\n    right: .25em\n    transition: opacity .2s\n    transform: translateY(-50%)\n    top: 50%\n    z-index: 2\n\n    svg\n      background-color: $formol-color-inactive\n      border-radius: 100%\n      padding: .45em\n\n    &:hover\n      opacity: 1\n","@use 'sass:math'\n\n@mixin strength-meter($steps, $strengths)\n  @for $i from 0 through $steps\n      .Formol_PasswordStrengthField--score-#{$i} .Formol_PasswordStrengthField\n        &__strength\n          background-color: nth($strengths, $i + 1)\n          width: percentage(.1 + $i * math.div(.9, $steps))\n\n        &__description\n          color: nth($strengths, $i + 1)\n\n.Formol_PasswordStrengthField\n  &__description\n    font-size: $formol-font-size * .85\n    margin: .35em 0\n    transition: color 250ms\n\n  &__strength\n    height: .15em\n    transition: background-color 250ms, width 250ms\n\n\n  &__default\n    $strengths: $formol-color-inactive, $formol-color-inactive, $formol-color, $formol-color, $formol-color-action, $formol-color-action\n    @include strength-meter(5, $strengths)\n\n  &__basic\n    $basic-strengths: $formol-color-inactive, $formol-color, $formol-color-action\n    @include strength-meter(2, $basic-strengths)\n\n  &--pristine .Formol_PasswordStrengthField\n    &__strength, &__description\n      visibility: hidden\n\n.Formol_Field--readOnly .Formol_PasswordStrengthField\n  &__strength, &__description\n    display: none\n",".Formol_Preview\n  display: block\n  margin: 0 auto\n  max-height: 15em\n  max-width: 100%\n","@use 'sass:math'\n\n.Formol_Field--type-range\n  .Formol_Field\n    &--focus\n      color: $formol-color-action\n\n    &__element\n      background-color: transparent\n      color: inherit\n\n\n.Formol_RangeField\n  align-items: center\n  display: flex\n  margin: $formol-field-margin 0 calc(#{$formol-field-margin} + 1.5em)\n\n  &__range\n    border: 0\n    padding: 0\n\n  &__value-wrapper\n    color: inherit\n    margin: 0 .5em\n    position: relative\n    transition: color .25s\n\n  &__value\n    left: 0\n    text-align: center\n    top: 100%\n    width: 100%\n    position: absolute\n\n  &__min, &__max\n    font-size: math.div($formol-font-size, 1.25)\n",".Formol_Field--type-switch\n  .Formol_Field__label\n    > .Formol_Field__element\n      background-color: transparent\n      border: 0\n      color: inherit\n      margin: .75em 0\n      padding: 0\n\n    &--on\n      color: $formol-color\n\n      input[type='checkbox'] + label\n        &::after\n          color: $formol-color-action\n\n  label\n    cursor: pointer\n    display: inline-block\n\n\n  // Switch\n.Formol_SwitchButton\n  position: relative\n  margin: 1em 0\n\n  input[type='checkbox'] + label\n    @extend .Formol_Field__element\n    align-items: center\n    border-radius: 1em !important\n    color: inherit\n    display: inline-flex\n    flex-direction: row\n    height: 1.5em\n    margin: 0 .5em\n    padding: .25em\n    user-select: none\n    vertical-align: middle\n    width: 3em\n\n    &::after\n      background-color: currentColor\n      border-radius: 1em\n      content: ''\n      display: block\n      height: 1em\n      transition: all .4s\n      width: 1em\n\n  input[type='checkbox']:checked + label::after\n    margin-left: 1.4em\n\n\n  // Hide the default input checkbox\n  input[type='checkbox']\n    +hidden-input\n",".Formol_Field--type-area\n  .Formol_Field\n    &__element\n      max-width: 100%\n      width: $formol-big-field-size\n"],"names":[],"sourceRoot":""}