.cdx-attaches--with-file{display:-webkit-box;display:-ms-flexbox;display:flex;padding:13px 20px;border:1px solid #e6e9eb;border-radius:3px;background:#fff}.cdx-attaches--with-file__file-info{position:relative;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;max-width:calc(100% - 80px);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:8;-ms-flex-positive:8;flex-grow:8}.cdx-attaches--with-file__download-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cdx-attaches--with-file__download-button svg{fill:#7b7e89}.cdx-attaches--with-file__file-icon{position:relative;margin-right:20px}.cdx-attaches--with-file__file-icon:before{position:absolute;bottom:7px;left:8.5px;font-size:8px;font-weight:900;line-height:150%;content:attr(data-extension);text-transform:uppercase;background:#fff}.cdx-attaches--with-file__file-icon svg{fill:currentColor}.cdx-attaches--with-file__size{color:#7b7e89}.cdx-attaches--with-file__size:after{margin-left:.2em;content:attr(data-size)}.cdx-attaches--with-file__title{max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;outline:none}.cdx-attaches--loading__button,.cdx-attaches--loading__download-button,.cdx-attaches--loading__file-icon,.cdx-attaches--loading__size,.cdx-attaches--loading__title{font-size:0;opacity:0}.cdx-attaches__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cdx-attaches__button svg{height:14px;margin-top:0;margin-right:8px}.cdx-attaches__button:hover{color:#393f52}.cdx-attaches__file-info{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}