{"version":3,"file":"dropZone.module.mjs","names":[],"sources":["../../../../package/common/dropZone/dropZone.module.pcss"],"sourcesContent":[".dropZone {\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n\n  &-clickable {\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  &-disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  &-default {\n    padding: var(--spacing-l, 24px);\n    border: 1px dashed var(--border-color);\n    border-radius: var(--default-border-radius);\n    background: transparent;\n    color: var(--text-dark);\n    transition:\n      border-color 0.2s,\n      background 0.2s,\n      color 0.2s;\n  }\n\n  &-default&-clickable:hover {\n    border-color: var(--primary-color);\n    background: var(--background-accent-light);\n  }\n\n  /* A drag is somewhere in the window — the zone is armed. */\n  &-dragging {\n    border-color: var(--primary-color);\n  }\n\n  /* A drag is hovering directly over this zone. */\n  &-active {\n    border-width: 2px;\n    border-color: var(--primary-color);\n    background: var(--background-accent-light);\n    color: var(--text-color);\n  }\n\n  &-error {\n    border-color: var(--error-color);\n    color: var(--error-color);\n  }\n\n  &-error&-clickable:hover {\n    border-color: var(--error-color);\n    background: var(--error-lighter);\n  }\n\n  &-content {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    /* While dragging, let drop events fall through to the root instead of child elements. */\n    &-dragging {\n      pointer-events: none;\n    }\n  }\n\n  &-fileList {\n    width: 100%;\n    margin-top: var(--spacing-s, 8px);\n    pointer-events: none;\n  }\n\n  &-fileItem {\n    font-size: var(--text-small-font-size);\n    color: var(--text-dark);\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  &-input {\n    display: none;\n  }\n}\n"],"mappings":""}