.upload-file{display:flex}[dir] .upload-file{cursor:pointer}.upload-file__preview{display:flex;align-items:center;justify-content:center;color:#7367f0;overflow:hidden;transition:.3s ease-in-out}[dir] .upload-file__preview{background:#f6f6f6;border-radius:.357rem}[dir=ltr] .upload-file__preview{margin-right:15px}[dir=rtl] .upload-file__preview{margin-left:15px}.upload-file:hover .upload-file__preview{color:#fff}[dir] .upload-file:hover .upload-file__preview{background:#7367f0}.upload-file--sm .upload-file__preview{width:60px;height:60px}.upload-file--md .upload-file__preview{width:100px;height:100px}.upload-file--lg .upload-file__preview{width:200px;height:200px}.upload-file input{opacity:0;position:absolute;z-index:-1}.upload-file.is-loading{pointer-events:none;opacity:.8}.upload-file.is-loading .upload-file__preview{position:relative}.upload-file.is-loading .upload-file__preview:before{position:absolute;top:50%;display:block;width:1.6rem;height:1.6rem;content:""}[dir] .upload-file.is-loading .upload-file__preview:before{border:.3rem solid #7367f0;border-top-color:#f6f6f6;border-radius:50%}[dir=ltr] .upload-file.is-loading .upload-file__preview:before{left:50%;margin:-.8rem 0 0 -.8rem;animation:spin-ltr 2s linear infinite}[dir=rtl] .upload-file.is-loading .upload-file__preview:before{right:50%;margin:-.8rem -.8rem 0 0;animation:spin-rtl 2s linear infinite}.upload-file.is-loading .upload-file__preview .upload-file-cover,.upload-file.is-loading .upload-file__preview svg{display:none}.upload-file-cover{position:relative;width:100%;height:100%}[dir] .upload-file-cover{background:#f6f6f6}.upload-file-cover__image{width:100%;height:100%}.upload-file-cover__image img{width:100%;height:100%;object-fit:cover}.upload-file-cover__icon{position:absolute;top:0;bottom:0;color:#ea5455;display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s ease-in-out}[dir] .upload-file-cover__icon{background:rgba(0,0,0,.5)}[dir=ltr] .upload-file-cover__icon,[dir=rtl] .upload-file-cover__icon{right:0;left:0}.upload-file-cover:hover .upload-file-cover__icon{opacity:1}@keyframes spin-ltr{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-rtl{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.stag__field{display:block;width:100%;min-height:2.714rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}[dir] .stag__field{padding:.438rem 1rem;background-color:#fff;background-clip:padding-box;border:1px solid #d8d6de;border-radius:.357rem}[dir] .stag.is-focused .stag__field{box-shadow:0 3px 10px 0 rgba(34,41,47,.1);background-color:#fff;border-color:#7367f0}.stag-field{display:flex;flex-wrap:wrap}[dir] .stag-field__tag{margin:2px}.stag-field__input{flex:1;min-width:100px;height:24px;position:relative}[dir=ltr] .stag-field__input{margin:2px 0 2px 2px}[dir=rtl] .stag-field__input{margin:2px 2px 2px 0}.stag-field__input input{display:block;width:100%;height:24px;outline:none;position:absolute;top:0;bottom:0;font-size:1rem;font-weight:400;line-height:1.45;color:#6e6b7b}[dir] .stag-field__input input{border:none;background:none}.stag-item{display:flex;font-size:12px;line-height:18px;color:#fff;white-space:nowrap}[dir] .stag-item{padding:3px 5px;background:#7367f0;border-radius:3px;cursor:pointer}[dir=ltr] .stag-item__icon{margin-left:3px}[dir=rtl] .stag-item__icon{margin-right:3px}[dir] .stag-item:hover{background:#6056d0}