{"version":3,"sources":["../src/Input/Inputs.css","../src/Library/Library.css","../src/Image/Image.css"],"sourcesContent":[".Input {\n  &__Wrapper {\n    @apply relative;\n\n    &__Header {\n      @apply flex justify-between;\n    }\n  \n    &__Error {\n      @apply text-error mt-1 text-sm;\n    }\n  }\n\n  &__Text {\n    @apply relative w-full rounded-md border border-mediumGrey outline-none py-2 px-4;\n    height: 40px;\n    \n    &__Wrapper {\n      @apply relative w-full flex flex-wrap items-stretch;\n    }\n\n    &:hover, &:focus {\n      @apply border-darkCharbon;\n    }\n\n    /* &:focus {\n      @apply outline-vermillon outline-1 outline-offset-1;\n    } */\n    \n    &--withIcon {\n      @apply pl-10;\n    }\n    \n    &--withIcons {\n      @apply px-10;\n    }\n\n    &--emphasize {\n      @apply text-vermillon;\n    }\n  }\n\n  &__Select {\n    background: url(\"data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>\") no-repeat;\n    background-color: white;\n    background-position: calc(100% - 12px) center;\n    -moz-appearance:none;\n    -webkit-appearance: none; \n    appearance: none;\n\n    &__Separator {\n      @apply absolute h-6 bg-darkCharbon bottom-2 right-8 z-10;\n      width: 1px;\n    }\n  }\n\n  &__Icon {\n    @apply absolute py-1 h-full leading-snug rounded text-base font-normal text-center flex items-center justify-center;\n\n    &--left {\n      @apply left-0 pr-5 pl-4;\n    }\n\n    &--right {\n      @apply right-0 pr-4 pl-5;\n    }\n  }\n}\n",".Modal-Library {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n  height: max-content;\n  width: 90%;\n  max-height: 90%;\n  overflow: auto;\n  border-radius: 8px;\n  background-color: white;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 350ms;\n}\n\n.Modal-Upload {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n  height: max-content;\n  width: 50%;\n  max-height: 90%;\n  overflow: auto;\n  border-radius: 8px;\n  background-color: white;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 350ms;\n}\n\n.Modal-Tags {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n  width: max-content;\n  max-width: 700px;\n  height: max-content;\n  max-height: 80%;\n  border-radius: 8px;\n  background-color: white;\n}\n\n.Modal__Content__Loader {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: 100%;\n  text-align: center;\n}\n\n.Modal__Content__Loader span {\n  display: block;\n}\n\n.Library__NoContent {\n  width: 100%;\n  text-align: center;\n}\n\n.Library {\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n}\n\n.Library__Filters {\n  display: flex;\n  gap: 15px;\n}\n\n.Library__Filters .Input__Wrapper {\n  width: 400px\n}\n\n.Library__Content {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n\n.Library__Image {\n  display: flex;\n  flex-direction: column;\n  max-width: 160px;\n  height: max-content;\n  border: 1px solid #EBEBEB;\n  border-radius: 4px;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  padding-bottom: 16px;\n}\n\n.Library__Image img {\n  border-radius: 4px;\n  object-fit: contain;\n}\n\n.Library__Image__Title {\n  text-align: center;\n  overflow: hidden;\n  white-space: nowrap;\n  font-weight: 600;\n  text-overflow: ellipsis;\n  max-width: 130px;\n}\n\n.Library__Image__Action__Title {\n  text-align: center;\n  overflow: hidden;\n  white-space: nowrap;\n  font-weight: 600;\n  text-overflow: ellipsis;\n  max-width: 120px;\n  color: white;\n}\n\n.Library__Image__Tags {\n  position: absolute;\n  display: flex;\n  justify-content: flex-end;\n  gap: 4px; \n  flex-wrap: wrap;\n  top: 7px;\n  right: 7px;\n}\n\n.Library__Image__Tag {\n  width: 50px;\n  height: 20px;\n  border-radius: 20px;\n  text-align: center;\n  letter-spacing: 0.05em;\n  font-size: 10px;\n  font-weight: 600;\n  text-transform: uppercase;\n  background-color: white;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  padding: 1px 3px;\n}\n\n.Library__Image__Actions {\n  display: none;\n  position: absolute;\n  background-color: rgba(0, 0, 0, 0.9);\n  height: 100%;\n  width: 100%;\n  top: 0;\n  border-radius: 4px;\n}\n\n.Library__Image__Actions__Wrapper {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.Library__Add__Button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  border-radius: 100%;\n  background-color: #D21919;\n  cursor: pointer;\n}\n\n.Library__Add__Button:disabled {\n  background-color: #EBEBEB;\n  color: #fff;\n}\n\n.Library__Add__Button:enabled:hover {\n  background-color: #FA533C;\n  color: #fff;\n}\n\n.Library__Add__Button:hover {\n  background-color: transparent;\n  color: #222222;\n}\n\n.Library__Image:hover .Library__Image__Actions {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.Library__Image__Select__Action {\n  background: transparent;\n  border: 1px solid #fff;\n  color: #fff;\n  text-transform: uppercase;\n  padding: 6px 15px;\n  letter-spacing: 0.05em;\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 4px;\n}\n\n.Library__Image__Select__Action:hover {\n  background: #fff;\n  color: #000;\n}\n\n.Library__Image__Delete__Action {\n  background-color: #D21919;\n  border-radius: 100%;\n  width: 30px;\n  height: 30px;\n  color: #fff;\n}\n\n.Library__Image__Tag__Action {\n  background-color: #008958;\n  border-radius: 100%;\n  width: 30px;\n  height: 30px;\n  color: #fff;\n}\n\n.BlockImage__TagSelector {\n  display: flex;\n  align-items: center;\n  position: relative;\n  border-radius: 6px;\n  outline: none;\n  border: 1px solid #9B9B9B;\n  height: max-content;\n  min-height: 40px;\n  padding: 5px;\n}\n\n.BlockImage__TagSelector__Add {\n  position: absolute;\n  bottom: 3px;\n  right: 3px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: white;\n  border-radius: 4px;\n  background-color: #444444;\n}\n\n.BlockImage__TagSelector__Add:hover {\n  background-color: #333333;\n}\n\n.BlockImage__TagSelector__Tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.BlockImage__TagSelector__Tag {\n  max-width: 100px;\n  width: max-content;\n  max-height: 30px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  border-radius: 90px;\n  display: flex;\n  justify-content: space-between;\n  background-color: #333333;\n  color: white;\n  align-items: center;\n  padding: 4px;\n  padding-left: 14px;\n}\n\n.BlockImage__TagSelector__Tag > span {\n  font-weight: 600;\n  font-size: 14px;\n  margin-right: 7px;\n}\n\n.BlockImage__TagSelector__Tag__Remove {\n  background-color: white;\n  color: #111;\n  border-radius: 90px;\n  height: 20px;\n  width: 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.TagList {\n  top: 100%;\n  left: 0;\n  background-color: white;\n  border-radius: 6px;\n  overflow: auto;\n  width: 100%;\n  position: absolute;\n  z-index: 30;\n  max-height: 200px;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);\n}\n\n.TagList__Item {\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  padding: 20px 15px;\n}\n\n.Select__Wrapper {\n  position: relative;\n  width: 250px;\n}\n\n@media screen and (max-width: 768px) {\n  .Library__Image__Title {\n    max-width: 100px;\n  }\n\n  .Library__Filters {\n    flex-direction: column;\n  }\n\n  .Library__Filters .Input__Wrapper, .Library__Filters .Select__Wrapper {\n    width: auto;\n  }\n\n  .Library__Item {\n    padding: 0px;\n  }\n}\n",".BlockImage__Upload__Wrapper {\n  display: flex;\n  gap: 16px;\n  text-align: center;\n}\n\n.BlockImage__FromLibrary {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background-color: #fff;\n  border-radius: 4px;\n  padding: 50px 20px;\n  height: 200px;\n}\n\n.BlockImage__FromLibrary__Icon {\n  background-color: #f5f5f5;\n  padding: 10px;\n  border-radius: 100%;\n  margin-bottom: 10px;\n}\n\n.BlockImage__FromLocal {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  padding: 50px 20px;\n  height: 200px;\n  border: 1px dashed #787878;\n}\n\n.BlockImage__FromLocal.BlockImage__FromLocal--active {\n  border: 2px dashed #dc3018;\n}\n\ninput.BlockImage__FromLocal__FileInput {\n  display: none;\n}\n\n.BlockImage__Button {\n  display: block;\n  cursor: pointer;\n  color: #dc3018;\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 16px;\n  text-align: center;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  border: 1px solid #dc3018;\n  border-radius: 4px;\n  padding: 6px 15px;\n}\n\n.BlockImage__Button:hover {\n  background-color: #dc3018;\n  color: #fff;\n}\n\n.BlockImage__FromLocal__Icon {\n  margin-bottom: 10px;\n}\n\n.BlockImage__Infos__Form {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 16px;\n  width: 100%;\n}\n\n.BlockImage__Preview {\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background-color: #fff;\n  border-radius: 4px;\n  gap: 18px;\n  max-width: 290px;\n}\n\n.BlockImage__Preview__Infos {\n  width: 100%;\n}\n\n.BlockImage__Preview img {\n  border: 1px solid #EBEBEB;\n  padding: 5px;\n  border-radius: 4px;\n}\n\n.BlockImage__Preview__FileName {\n  display: block;\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 19px;\n  color: #333333;\n  margin-bottom: 10px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.BlockImage__Infos {\n  display: flex;\n  gap: 40px;\n}\n\n.BlockImage__Upload--light .BlockImage__FromLocal, .BlockImage__Upload--light .BlockImage__FromLibrary {\n  border: none;\n  background-color: inherit;\n  padding: 0px;\n  width: auto;\n  height: auto;\n}\n\n.BlockImage__Upload--light .BlockImage__FromLocal .BlockImage__FromLocal__Icon, .BlockImage__Upload--light .BlockImage__FromLibrary .BlockImage__FromLibrary__Icon {\n  display: none;\n}\n\n@media screen and (max-width: 1366px) {\n  .BlockImage__Upload__Wrapper {\n    flex-direction: column;\n }\n\n  .BlockImage__FromLibrary {\n    width: 100%;\n }\n\n  .BlockImage__FromLocal {\n    width: 100%;\n }\n\n .BlockImage__Infos {\n  flex-direction: column;\n  }\n} "],"mappings":";AAAA;AACE;AACE;AAEA;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAIJ;AACE;AACA;AAEA;AACE;AAAA;AAGF;AAAA;AACE;AAAA;AAOF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAIJ;AACE;AACA;AACA;AACA;AACA;AACA;AAEA;AACE;AACA;AAAA;AAAA;AAIJ;AACE;AAEA;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAAA;;;AChEN;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AAAA;AACE;AAAA;AAGF;AACE;AAAA;AAAA;;;ACpVJ;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAAA;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AAAA;AACE;AAAA;AAGF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGH;AACC;AAAA;AAAA;","names":[]}