.attachments{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;gap:16px;padding:0 0 24px}.attachments__heading{white-space:nowrap}.attachments__content{width:100%}.attachments__list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-bottom:24px}.attachments__list:empty{padding:0}.attachments__item{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-gray-light)}.attachments__item:first-child{padding-top:0}.attachments__item [data-name]{position:relative;z-index:1;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1}.attachments__item [data-remove]{position:relative;z-index:1;min-width:24px;color:var(--color-gray)}.attachments__item [data-remove]:hover{color:var(--color-red)}.attachments__item input{position:absolute;z-index:0;width:0;height:0;opacity:0}