.textarea-with-attachment{position:relative;width:100%}.textarea-with-attachment .textarea-container{position:relative;width:100%;transition:all .2s ease}.textarea-with-attachment .textarea-container.drag-active{background-color:var(--theme-color-26);border:2px dashed var(--theme-color-1);border-radius:8px}.textarea-with-attachment .textarea-container .cds-text-area{width:100%;min-height:120px;padding:12px 40px 40px 12px;resize:none;position:relative;z-index:1;transition:all .2s ease}.textarea-with-attachment .textarea-container .cds-text-area.has-attachments{padding-bottom:70px}.textarea-with-attachment .textarea-container .cds-text-area.drag-over{background-color:var(--theme-color-26);border-color:var(--theme-color-1)}.textarea-with-attachment .textarea-container .cds-text-area:focus{z-index:2}.textarea-with-attachment .textarea-container .drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(var(--theme-color-1-rgb),.1);border:2px dashed var(--theme-color-1);border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.textarea-with-attachment .textarea-container .drag-overlay .drag-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--theme-color-1);font-weight:500}.textarea-with-attachment .textarea-container .attachment-previews{position:absolute;bottom:8px;left:40px;right:8px;display:flex;flex-wrap:wrap;gap:6px;max-height:50px;overflow-y:auto;z-index:3;pointer-events:auto}.textarea-with-attachment .textarea-container .attachment-previews .attachment-preview{position:relative;display:flex;align-items:center;border:1px solid var(--theme-color-6);border-radius:6px;margin:0 4px;padding:4px;min-width:40px;height:32px;transition:all .2s ease}.textarea-with-attachment .textarea-container .attachment-previews .attachment-preview.has-error{border-color:var(--theme-color-error);background-color:var(--theme-color-error-bg);animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.textarea-with-attachment .textarea-container .attachment-previews .attachment-preview .preview-content{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.textarea-with-attachment .textarea-container .attachment-previews .attachment-preview .preview-content .preview-image{width:100%;height:100%;object-fit:cover;border-radius:3px}.textarea-with-attachment .textarea-container .attachment-previews .attachment-preview .preview-content .preview-video{position:relative;width:100%;height:100%;border-radius:3px;overflow:hidden}.textarea-with-attachment .textarea-container .attachment-previews .attachment-preview .preview-content .preview-video video{width:100%;height:100%;object-fit:cover}.textarea-with-attachment .textarea-container .attachment-previews .attachment-preview .preview-content .preview-video .video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3);color:#fff;font-size:10px}.textarea-with-attachment .textarea-container .attachment-previews .attachment-preview .preview-content .preview-file{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.textarea-with-attachment .textarea-container .attachment-previews .attachment-preview .error-text{font-size:10px;color:var(--theme-color-error);margin-left:4px;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.textarea-with-attachment .textarea-container .attachment-previews .attachment-preview .remove-button{position:absolute;top:-1px;right:-4px;width:12px;height:12px;border:none;background:var(--theme-color-22);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:4}.textarea-with-attachment .textarea-container .attachment-previews .attachment-preview .remove-button:hover{background:var(--theme-color-23)}.textarea-with-attachment .textarea-container .attachment-icon{position:absolute;bottom:12px;left:12px;width:28px;height:28px;border:none;border:1px solid var(--theme-color-6);border-radius:10px;cursor:pointer;display:flex;margin-right:4px;align-items:center;justify-content:center;transition:all .2s;z-index:3}.textarea-with-attachment .textarea-container .attachment-icon:hover:not(.disabled){background:var(--theme-color-5);border-color:var(--theme-color-7)}.textarea-with-attachment .textarea-container .attachment-icon:active:not(.disabled){transform:scale(.95)}.textarea-with-attachment .textarea-container .attachment-icon.disabled{cursor:not-allowed;opacity:.5}.textarea-with-attachment .attachment-error{margin-top:8px}