.care-knowledge-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;inline-size:100%;max-inline-size:640px;margin-inline:auto;padding-block:1.25rem;padding-inline:1rem;font:inherit;color:inherit;text-align:center;background:transparent;border:2px dashed var(--border-strong);border-radius:.5rem;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.care-knowledge-upload-zone__icon{font-size:2rem}.care-knowledge-upload-zone:hover{border-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 5%,transparent)}.care-knowledge-upload-zone.is-dragging{border-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 8%,transparent)}.care-knowledge-upload-zone.is-uploading{cursor:not-allowed}.care-knowledge-upload-progress{display:flex;flex-direction:column;align-items:center;gap:.25rem}.care-knowledge-upload-progress__bar{inline-size:100%;max-inline-size:300px;margin-block-start:.25rem}