.attachment-info{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.1rem;cursor:pointer;overflow:hidden}.attachment-name{font-size:.6rem;color:var(--text-primary);word-wrap:anywhere}.attachment-meta{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.2rem}.attachment-time{font-size:.55rem;color:var(--text-secondary)}.attachment-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding-left:.3rem;margin-left:.1rem;border-left:.025rem solid var(--border-color)}.attachment-action{font-size:.6rem;color:var(--primary-color);padding:.1rem .2rem;cursor:pointer}.attachment-action:active{opacity:.6}.attachment-action--delete{color:var(--danger);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.attachment-action-divider{width:.025rem;height:.4rem;background-color:var(--border-color)}.upload-area{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:.2rem;padding:.85rem 0;border-radius:.3rem;border:.05rem dashed var(--border-color);background-color:var(--white);cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.upload-area-text{font-size:.56rem;font-weight:500;color:var(--text-secondary)}.upload-area-text--light{color:var(--white)}.upload-area:active{border-color:var(--primary-color);background-color:var(--case-civil-light)}.upload-area--dragover{border-color:var(--primary-color);background-color:var(--primary-color)}.attachment-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.3rem}.attachment-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.35rem;padding:.35rem .4rem;border-radius:.3rem;background-color:var(--white);border:.025rem solid var(--border-color)}.attachment-file-icon{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:.3rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.attachment-info{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.1rem}.attachment-name{font-size:.6rem;color:var(--text-primary);white-space:inherit}.attachment-size{font-size:.55rem;color:var(--text-secondary)}.attachment-remove{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:1rem;height:1rem;border-radius:50%;background-color:var(--danger-light);color:var(--danger);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.attachment-remove:active{opacity:.7}