.attachedFile{display:flex;gap:10px;align-items:center;padding:8px 16px;background-color:var(--color-basic-black);border-radius:8px;transition:all .2s ease}.attachedFile--uploading{opacity:.7}.attachedFile__info{display:flex;flex:1 1;gap:8px;align-items:center}.attachedFile__name{overflow:hidden;text-overflow:ellipsis;color:var(--color-basic-white)}.attachedFile__name,.attachedFile__size{margin:0;font-size:16px;font-weight:500;white-space:nowrap}.attachedFile__size{color:var(--color-basic-white-50)}.attachedFile__actions{display:flex;flex-shrink:0;gap:8px;align-items:center}.attachedFile__actionButton{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--color-additional-grey);cursor:pointer;background-color:rgba(0,0,0,0);border:none;border-radius:4px;transition:color .2s ease}.attachedFile__actionButton:hover{color:var(--color-primary-green)}.attachedFile__loader{display:flex;align-items:center;justify-content:center}.attachedFile__spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-basic-white-30);border-top-color:var(--color-basic-white);border-radius:50%;animation:spin .8s linear infinite}.attachedFile__error{display:flex;gap:8px;align-items:center}.attachedFile__errorText{font-size:12px;color:var(--color-basic-white)}@media(max-width:991px){.attachedFile__name,.attachedFile__size{font-size:14px}.attachedFile__errorText{font-size:10px}}.attachedFileList{gap:8px}.attachedFileList,.fileUpload{display:flex;flex-direction:column}.fileUpload{gap:16px;width:100%}.fileUpload__dropzone{position:relative;padding:8px;font-weight:500;line-height:110%;color:var(--color-basic-white);cursor:pointer;background-color:var(--color-primary-purple);border-radius:8px;transition:all .2s ease}.fileUpload__dropzone:hover{color:var(--color-primary-green);background-color:var(--color-basic-black)}.fileUpload__dropzone:focus{outline:2px solid var(--color-primary-purple);outline-offset:2px}.fileUpload--dragging .fileUpload__dropzone{border-color:var(--color-primary-green)}.fileUpload__dropzoneContent{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;width:100%;height:100%;min-height:180px;text-align:center;border:2px dashed var(--color-basic-white);border-radius:8px}.fileUpload__dropzoneContent:hover{border-color:var(--color-primary-green)}.fileUpload__dropzoneImage{width:80px;height:52px;margin-bottom:8px}.fileUpload__dropzoneTitle{font-size:22px}.fileUpload__dropzoneTitle--mobile{display:none}.fileUpload__dropzoneSubtitle{font-size:14px}.fileUpload__dropzoneHint{font-size:14px;color:var(--color-additional-grey)}.fileUpload__spinner{display:inline-block;width:32px;height:32px;margin-bottom:8px;border:3px solid var(--color-basic-grey-20);border-top-color:var(--color-primary-purple);border-radius:50%;animation:spin .8s linear infinite}.fileUpload__error{font-size:14px;color:var(--color-status-error)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:991px){.fileUpload__dropzone{padding:0}.fileUpload__dropzoneContent{flex-direction:row;gap:8px;min-height:48px;padding:0 12px;border:none}.fileUpload__dropzoneContent:hover{border:none}.fileUpload__dropzoneImage{width:38px;height:24px;margin-bottom:0}.fileUpload__dropzoneTitle{display:none}.fileUpload__dropzoneTitle--mobile{display:inline-block;font-size:16px}.fileUpload__dropzoneSubtitle{display:none}.fileUpload__spinner{width:24px;height:24px;margin-bottom:0}}