.drag-and-drop__label{text-align:center;border:2px dashed #f0f0f0;border-radius:16px;background-color:#fcfcfc;padding:48px 16px;display:block;transition:all .2s ease;cursor:pointer}.drag-and-drop__label[data-state=upload] .drag-and-drop__label__img.upload{display:block}.drag-and-drop__label[data-state=drag]{border-color:#3182ce;background-color:rgba(49,130,206,.05)}.drag-and-drop__label[data-state=drag] .drag-and-drop__label__img.drag{display:block}.drag-and-drop__label[data-state=drag] .drag-and-drop__label__p{color:#3182ce}.drag-and-drop__label[data-state=file]{border-color:#38a169;background-color:rgba(56,161,105,.05)}.drag-and-drop__label[data-state=file] .drag-and-drop__label__img.file{display:block}.drag-and-drop__label[data-state=file] .drag-and-drop__label__p{color:#38a169}.drag-and-drop__label__img{margin-inline:auto;width:2rem;height:2rem;display:none;pointer-events:none}.drag-and-drop__label__p{font-size:1rem;color:gray;margin-top:1.5rem;pointer-events:none}.drag-and-drop__input{display:none}