/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host {
  --digi--form-file-upload--color--background--small--default: var(--digi--color--background--interactive--default--quaternary);
  --digi--form-file-upload--color--background--small--hover: var(--digi--color--background--interactive--hover--secondary);
  --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--interactive--default--quaternary);
  --digi--form-file-upload--color--background--medium--hover: var(--digi--color--background--interactive--hover--secondary);
  --digi--form-file-upload--color--background--large--default: var(--digi--color--background--interactive--default--quaternary);
  --digi--form-file-upload--color--background--large--hover: var(--digi--color--background--interactive--hover--secondary);
  --digi--form-file-upload--color--border--small--default: var(--digi--color--border--interactive--default--on-input-nuance);
  --digi--form-file-upload--color--border--small--hover: var(--digi--color--border--interactive--hover--primary);
  --digi--form-file-upload--color--border--medium--default: var(--digi--color--border--interactive--default--on-input-nuance);
  --digi--form-file-upload--color--border--medium--hover: var(--digi--color--border--interactive--hover--primary);
  --digi--form-file-upload--color--border--large--default: var(--digi--color--border--interactive--default--on-input-nuance);
  --digi--form-file-upload--color--border--large--hover: var(--digi--color--border--interactive--hover--primary);
  --digi--form-file-upload--border-width--small--default: var(--digi--border-width--secondary);
  --digi--form-file-upload--border-width--small--hover: var(--digi--border-width--primary);
  --digi--form-file-upload--border-width--medium--default: var(--digi--border-width--secondary);
  --digi--form-file-upload--border-width--medium--hover: var(--digi--border-width--primary);
  --digi--form-file-upload--border-width--large--default: var(--digi--border-width--secondary);
  --digi--form-file-upload--border-width--large--hover: var(--digi--border-width--primary);
  --digi--form-file-upload--border-style--small--default: var(--digi--global--border-style--none);
  --digi--form-file-upload--border-style--medium--default: var(--digi--global--border-style--dashed);
  --digi--form-file-upload--border-style--large--default: var(--digi--global--border-style--dashed);
  --digi--form-file-upload--border-radius--small--default: var(--digi--border-radius--secondary);
  --digi--form-file-upload--border-radius--medium--default: var(--digi--border-radius--secondary);
  --digi--form-file-upload--border-radius--large--default: var(--digi--border-radius--secondary);
  --digi--form-file-upload--padding--small: var(--digi--gutter--medium) var(--digi--gutter--largest);
  --digi--form-file-upload--padding--medium: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);
  --digi--form-file-upload--padding--large: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);
  --digi--form-file-upload--font-size--small: var(--digi--global--typography--font-size--small);
  --digi--form-file-upload--font-size--medium: var(--digi--global--typography--font-size--base);
  --digi--form-file-upload--font-size--large: var(--digi--global--typography--font-size--large);
  --digi--form-file-upload--heading--font-family: var(--digi--global--typography--font-family--default);
  --digi--form-file-upload--heading--font-weight: var(--digi--typography--heading-4--font-weight--desktop);
  --digi--form-file-upload--heading--font-size: var(--digi--typography--heading-4--font-size--desktop);
  --digi--form-file-upload--heading--font-size--large: var(--digi--typography--heading-4--font-size--desktop-large);
  --digi--form-file-upload--font-family: var(--digi--global--typography--font-family--default);
  --digi--form-file-upload--font-weight: var(--digi--typography--form-file-upload--font-weight--desktop);
  --digi--form-file-upload--button-text--color--default: var(--digi--color--text--interactive--primary);
  --digi--form-file-upload--button-text--color--hover: var(--digi--color--text--interactive--primary);
  --digi--form-file-upload--padding--small--icon: var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);
  --digi--form-file-upload--padding--medium--icon: var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);
  --digi--form-file-upload--width--small: 132px;
  --digi--form-file-upload--width--medium: 304px;
  --digi--form-file-upload--width--large: inherit;
  --digi--form-file-upload--border--error: var(--digi--global--border-style--solid) solid;
  --digi--form-file-upload--border-color--error: var(--digi--color--border--interactive--validation--error);
  --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);
  --digi--form-file-upload--background--error: var(--digi--color--background--interactive--validation--error);
  container-type: inline-size;
  display: block;
  width: 100%;
}
:host a {
  font-weight: var(--digi--global--typography--font-weight--semibold);
  color: var(--digi--color--text--interactive--primary);
}
:host .digi-form-file-upload {
  font-family: var(--digi--global--typography--font-family--default);
}
:host .digi-form-file-upload--small {
  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);
  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--small--default);
  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--small--hover);
  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--small--default);
  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--small--hover);
  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--small--default);
  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--small--default);
  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--small--default);
  --WIDTH: var(--digi--form-file-upload--width--small);
  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);
  --PADDING: var(--digi--form-file-upload--padding--small);
  --ICON--PADDING: var(--digi--form-file-upload--padding--small--icon);
}
:host .digi-form-file-upload--medium {
  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);
  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--medium--default);
  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--medium--hover);
  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--medium--default);
  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--medium--hover);
  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--medium--default);
  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--medium--default);
  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--medium--default);
  --WIDTH: var(--digi--form-file-upload--width--medium);
  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);
  --PADDING: var(--digi--form-file-upload--padding--medium);
  --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);
}
:host .digi-form-file-upload--large {
  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);
  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--large--default);
  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--large--hover);
  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--large--default);
  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--large--hover);
  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--large--default);
  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--large--default);
  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--large--default);
  --WIDTH: var(--digi--form-file-upload--width--large);
  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);
  --PADDING: var(--digi--form-file-upload--padding--large);
  --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);
}
:host .digi-form-file-upload--has-errors {
  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border--error);
  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--border-color--error);
  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--border-color--error);
  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border--error--width);
  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--background--error);
}
:host .digi-form-file-upload__spinner {
  margin-right: 0.5rem;
  animation: animation__rotation 3s infinite linear;
  transform-origin: center;
  --digi--icon--height: 1rem;
}
@media (prefers-reduced-motion) {
  :host .digi-form-file-upload__spinner {
    animation: none;
  }
}
@keyframes animation__rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
:host .digi-form-file-upload__input {
  display: none;
}
:host .digi-form-file-upload__button {
  margin: 0 0 auto 0.5rem;
  text-align: center;
  white-space: nowrap;
  background: none;
  border: none;
  cursor: pointer;
  font-weight: var(--digi--typography--button--font-weight--desktop);
  font-size: var(--digi--typography--body--font-size--desktop);
  color: var(--digi--form-file-upload--button-text--color--default);
  display: flex;
  align-items: center;
  font-family: var(--digi--global--typography--font-family--default);
}
:host .digi-form-file-upload__button:hover {
  color: var(--digi--form-file-upload--button-text--color--hover);
  text-decoration: underline;
}
:host .digi-form-file-upload__button:hover .digi-form-file-upload__button-icon {
  --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);
}
:host .digi-form-file-upload__button:focus-visible {
  outline: 2px solid black;
  outline-offset: 2px;
  box-shadow: 0px 0px 0px 5px white;
  text-decoration: underline;
}
:host .digi-form-file-upload__button-icon {
  --digi--icon--height: 1.25rem;
  --digi--icon--width: 1.25rem;
  --digi--icon--color: var(--digi--color--text--interactive--primary);
  margin-left: 5px;
  padding: var(--ICON--PADDING);
  padding-right: 0;
  padding-left: 0;
}
:host .digi-form-file-upload__button-icon:hover {
  --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);
}
:host .digi-form-file-upload__upload-area {
  border-color: var(--COLOR--BORDER--DEFAULT);
  border-radius: var(--BORDER-RADIUS--DEFAULT);
  border-width: var(--BORDER-WIDTH--DEFAULT);
  border-style: var(--BORDER-STYLE--DEFAULT);
  max-width: var(--WIDTH);
  margin: 0;
  display: flex;
  flex-direction: column;
  background-color: var(--COLOR--BACKGROUND--DEFAULT);
  align-items: center;
  padding: var(--PADDING);
  margin-bottom: var(--digi--gutter--medium);
  margin-top: var(--digi--gutter--button-block-small);
  position: relative;
  cursor: pointer;
}
:host .digi-form-file-upload__upload-area--hover {
  border-color: var(--COLOR--BORDER--HOVER);
}
:host .digi-form-file-upload__upload-area-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--COLOR--BACKGROUND--HOVER);
  opacity: 0.1;
  top: 0;
  left: 0;
  z-index: 10;
}
:host .digi-form-file-upload__text-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
:host .digi-form-file-upload__text-area .paper-clip {
  padding-right: 0.5rem;
}
:host .digi-form-file-upload__files-list {
  max-width: none;
  padding: 0;
  margin: 0;
}
:host .digi-form-file-upload__files {
  border-radius: var(--BORDER-RADIUS--DEFAULT);
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  background-color: var(--COLOR--BACKGROUND--FILE-LIST);
  padding: var(--digi--gutter--largest-2) var(--digi--padding--large);
  margin-bottom: var(--digi--gutter--medium);
  margin-top: var(--digi--gutter--medium);
  padding-bottom: var(--digi--padding--smaller);
}
:host .digi-form-file-upload__files-heading {
  font-family: var(--digi--form-file-upload--heading--font-family);
  font-size: var(--digi--typography--label--font-size--desktop);
  font-weight: var(--digi--form-file-upload--heading--font-weight);
  color: var(--digi--color--text--primary);
  margin: var(--digi--margin--small) 0 var(--digi--margin--medium) 0;
  display: block;
}
:host .digi-form-file-upload__files-heading--and-errors {
  margin-top: var(--digi--margin--largest);
}
:host .digi-form-file-upload__error-list-container {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.75rem;
}
:host .digi-form-file-upload__error-list-container.with-files {
  border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);
}
:host .digi-form-file-upload__error-list-container .clear-button {
  max-height: 1.5rem;
}
:host .digi-form-file-upload__error-list-container .clear-button .clear-icon {
  padding-right: 0;
}
:host .digi-form-file-upload__error-list {
  margin: 0;
  padding: 0;
}
:host .digi-form-file-upload__error-list li {
  list-style: none;
  margin-bottom: 0.75rem;
}
:host .digi-form-file-upload__error-list li:last-of-type {
  margin-bottom: 0;
}
:host .digi-form-file-upload__item {
  margin: var(--digi--margin--small) 0;
  margin-bottom: var(--digi--margin--medium);
  width: 100%;
  box-sizing: border-box;
}
:host .digi-form-file-upload__item-container {
  list-style-type: none;
}
:host .digi-form-file-upload__item-container:nth-child(n+2) {
  border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);
}
:host .digi-form-file-upload__item-pending-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
:host .digi-form-file-upload__item-pending-container .info-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-width: 20%;
}
:host .digi-form-file-upload__item-pending-container .button-wrapper {
  display: flex;
  min-width: 20%;
  justify-content: flex-end;
  align-items: center;
}
:host .digi-form-file-upload__item-pending-container p {
  margin: auto var(--digi--margin--small) !important;
  font-weight: var(--digi--form-file-upload--font-weight);
  font-size: var(--digi--typography--body--font-size--desktop);
  white-space: nowrap;
  height: max-content;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
:host .digi-form-file-upload__item-pending-container .digi-form-file-upload__button-abort {
  margin: 0;
}
:host .digi-form-file-upload__item-text-and-thumbnail-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-width: 20%;
}
:host .digi-form-file-upload__item-green-check {
  width: 1.375rem;
  height: 1.375rem;
  display: flex;
  align-self: baseline;
  position: relative;
  top: 4px;
  left: 0px;
  margin-right: 4px;
}
:host .digi-form-file-upload__item-green-check svg {
  --digi--icon--height: 16px;
  --digi--icon--width: 16px;
  --digi--icon--color: var(--digi--color--icon--validation--success);
  background-color: var(--digi--color--background--primary);
  border-radius: 50%;
  align-self: flex-start;
}
:host .digi-form-file-upload__item-name {
  width: 100%;
  margin: auto 0;
  font-weight: var(--digi--typography--button--font-weight--desktop);
  font-size: var(--digi--typography--body--font-size--desktop);
  height: max-content;
}
:host .digi-form-file-upload__item-name--thumbnail {
  font-weight: var(--digi--typography--button--font-weight--desktop);
  font-size: var(--digi--typography--body--font-size--desktop);
  margin: auto 0 auto var(--digi--margin--small);
  color: var(--digi--form-file-upload--button-text--color--default);
}
@media (max-width: 500px) {
  :host .digi-form-file-upload__item-name {
    max-width: 17.5rem;
  }
}
:host .digi-form-file-upload__item-name:focus-visible {
  outline: 2px solid black;
  outline-offset: 2px;
  box-shadow: 0px 0px 0px 5px white;
}
@container (max-width: 620px) {
  :host .digi-form-file-upload__item .digi-form-file-upload__item-name {
    max-width: 17.5rem;
  }
}
:host .digi-form-file-upload__item-text-container {
  position: relative;
  display: flex;
  padding: 0;
  margin: 0;
  justify-content: space-between;
  align-items: center;
  overflow-wrap: break-word;
  gap: 32px;
}
:host .digi-form-file-upload__item-text-container-inner {
  display: flex;
  width: 100%;
}
:host .digi-form-file-upload__item-text-container-figure {
  margin: 0;
  align-self: flex-start;
}
:host .digi-form-file-upload__item-text-container-figure::after {
  position: absolute;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E");
  top: -6px;
  left: 24px;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
:host .digi-form-file-upload__item-text-container .thumbnail {
  width: 2rem;
  height: 2rem;
  object-fit: cover;
  flex-grow: 0;
  margin-right: 0.75rem;
}
:host .digi-form-file-upload__item-text-container .hidden {
  margin-left: var(--digi--margin--larger);
}
:host .digi-form-file-upload__item-pdf-preview-bis {
  position: relative;
  top: 6px;
  left: 5px;
  margin-right: 1.25rem;
}
:host .digi-form-file-upload__item-pdf-preview-bis::after {
  position: absolute;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E");
  top: -7px;
  left: 15px;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
:host .digi-form-file-upload__item-info {
  width: 100%;
}
@container (max-width: 500px) {
  :host .digi-form-file-upload__item .digi-form-file-upload__item span {
    margin-left: 0;
    margin-right: auto;
  }
}
:host .digi-form-file-upload__error {
  color: var(--digi--color--icon--validation--error);
}
:host .visually-hidden {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
@container (min-width: 500px) {
  :host .hidden-desktop {
    display: none !important;
  }
}
@container (max-width: 499px) {
  :host .hidden-mobile {
    display: none !important;
  }
}