.default-container{transition:border-color .3s ease;width:150px;height:150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .default-container{border:1px dashed #d9d9d9;border-radius:6px;background:#fafafa;-webkit-transition:border-color .3s ease;padding:10px;cursor:pointer}.default-container p{font-size:12px}[dir] .default-container p{text-align:center}[dir] .default-container:hover{border:1px dashed #1890ff}.default-container .input-file{opacity:0;width:inherit;height:inherit;position:absolute;z-index:1}[dir] .default-container .input-file{cursor:pointer}.default-container .preview-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.default-container .preview-attachment{overflow:hidden;text-overflow:ellipsis}[dir] .default-container .preview-attachment{text-align:center}.default-container .preview-attachment p{font-size:8px}.default-container .preview-video{width:140px;height:140px;position:absolute;z-index:2}.video{width:300px}.video .preview-video{width:250px;position:absolute;z-index:2}.attachment .preview-attachment{overflow:hidden;text-overflow:ellipsis;z-index:2}[dir] .attachment .preview-attachment{text-align:center}.attachment .preview-attachment p{font-size:8px}[dir] .error{border-color:red}.loader{width:30px;height:30px}[dir] .loader{border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #1890ff}[dir=ltr] .loader{-webkit-animation:spin-ltr 1s linear infinite;animation:spin-ltr 1s linear infinite}[dir=rtl] .loader{-webkit-animation:spin-rtl 1s linear infinite;animation:spin-rtl 1s linear infinite}@-webkit-keyframes spin-ltr{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@-webkit-keyframes spin-rtl{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn)}}@keyframes spin-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}