.uploader{border-radius:4px;align-items:center;margin:10px 0 30px;padding:0}.uploader .form-box-label{flex:1;justify-content:center;margin-top:0;margin-bottom:0;padding:10px;font-weight:600}.uploader .form-box-label.active{color:#00e3ff;background:#133b5b}.uploader .form-box-label.active svg{opacity:1}.uploader .form-box-label svg{opacity:.5;width:16px;height:16px}.uploader .file-html{justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex}.uploader input[type=file]{color:#172b4d;cursor:pointer;background-color:#f4f5f7;border:1px solid #c1c7d0;border-radius:4px;width:100%;padding:6px 12px}.uploader .upload-drop-zone{text-align:center;cursor:pointer;background-color:#ffffff0d;border:1px dashed #ccc;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;max-width:600px;padding:10px;transition:border .3s;display:flex}.uploader .upload-drop-zone:hover{border-color:#888}.uploader .upload-drop-zone .upload-icon{color:#00c853;margin-bottom:8px;font-size:40px}.uploader .upload-drop-zone p{color:#999;white-space:pre-line;margin:0;font-size:14px}.uploader .upload-drop-zone input[type=file]{display:none}.uploader .uploader-note{color:#999;margin-top:8px;font-size:12px;display:block}.uploader .uploader-note p{white-space:pre-line;word-break:break-word}.uploader .uploaded-file-preview{border:1px solid #00000038;border-radius:4px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:15px;width:calc(100% - 20px);padding:10px;display:flex}.uploader .uploaded-file-preview .file-box{background:#f9f9f9;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.uploader .uploaded-file-preview .file-box .uploaded-image{object-fit:cover;border:1px solid #ccc;border-radius:6px;width:100%;height:100%;overflow:hidden}.uploader .uploaded-file-preview .file-box .uploaded-image img{object-fit:contain;border-radius:4px}.uploader .uploaded-file-preview .file-box .file-name{text-align:center;color:#404040;word-wrap:break-word;white-space:normal;width:calc(100% - 16px);padding:8px;font-style:italic;font-weight:500}.uploader .uploaded-file-preview .file-box .uploaded-file-preview-actions{position:absolute;top:-8px;right:-8px}.uploader .uploaded-file-preview .file-box .previewer-btn,.uploader .uploaded-file-preview .file-box .delete-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:3px;font-size:14px;display:flex}.uploader .uploaded-file-preview .file-box .previewer-btn{color:#f8faff;background:#162dfca5}.uploader .uploaded-file-preview .file-box .previewer-btn:hover{background:#0d1db4a5}.uploader .uploaded-file-preview .file-box .delete-btn{color:#850000;background:#fff}.uploader .uploaded-file-preview .file-box .delete-btn svg{width:12px;height:12px}.uploader .uploaded-file-preview .file-box .delete-btn:hover{color:#fff;background:#850000}.uploader .uploaded-file-preview .file-box .upload-progress-bar{background:#eee;width:100%;height:4px;margin-top:10px}.uploader .uploaded-file-preview .file-box .upload-progress-bar .progress{background:#00c853;height:100%;transition:width .3s}.attachment{border-top:1px solid #83838329;align-items:center;padding:5px}.attachment-ext{background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 40px;width:40px;height:40px}.attachment-url{word-break:break-word}