.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)}}.timeline-container ul{display:inline-block}[dir] .timeline-container ul{margin:2.5em 0;padding:0}.timeline-container ul li{list-style:none;min-height:50px;position:relative}[dir] .timeline-container ul li{margin:auto}[dir=ltr] .timeline-container ul li{border-left:1px dashed #9e9e9e;padding:0 0 50px 30px}[dir=rtl] .timeline-container ul li{border-right:1px dashed #9e9e9e;padding:0 30px 50px 0}[dir=ltr] .timeline-container ul li:last-child{border-left:0}[dir=rtl] .timeline-container ul li:last-child{border-right:0}.timeline-container ul li:before{position:absolute;top:-5px;content:" ";height:20px;width:20px;transition:all .5s ease-in-out}[dir] .timeline-container ul li:before{border:8px solid #fff;border-radius:500%;background:rgba(var(--vs-primary),1);-webkit-transition:all .5s ease-in-out}[dir=ltr] .timeline-container ul li:before{left:-18px}[dir=rtl] .timeline-container ul li:before{right:-18px}.timeline-container ul li.incompleted{color:#9e9e9e!important}[dir] .timeline-container ul li.incompleted:before{background:#9e9e9e}.timeline-container ul li .timestamp{color:rgba(var(--vs-primary),1);position:relative;font-size:12px}