[data-preview-attachment=preview]{border:1px solid #d3d3d3;display:inline-grid;gap:10px;grid-template-columns:1fr auto;grid-template-rows:1fr auto auto;height:120px;max-width:150px;overflow:hidden;place-items:center;position:relative}[data-preview-attachment=preview]>[data-element=image2]{grid-column:1/span 2;grid-row:1/span 3;max-height:150px;overflow:hidden;place-self:center}[data-preview-attachment=preview]>i.play{align-self:center;background-color:#000;border-radius:9999px;color:#fff;font-size:30px;grid-column:1/span 2;grid-row:1/span 3;justify-self:center;z-index:10}[data-preview-attachment=preview]>[data-delete-button]{align-self:start;border:none;grid-column:2;grid-row:1;justify-self:start;padding:5px;place-content:center}[data-preview-attachment=preview]>.icon{align-self:center;font-size:60px;grid-column:1/span 2;grid-row:1/span 3;justify-self:center;text-align:center;width:150px}[data-preview-attachment=preview]>.file-name{background-color:rgba(0,0,0,.5);border-radius:5px;color:#fff;font-size:x-small;grid-column:1/span 2;grid-row-start:3;justify-self:right;margin:0 5px 5px;max-width:55px;overflow:hidden;padding-left:5px;padding-right:5px;text-overflow:ellipsis;white-space:nowrap;z-index:10}[data-preview-attachment=preview]>progress{grid-column-end:span 2;grid-column-start:1;grid-row-start:2;height:8px;width:100%}[data-preview-attachment=preview][data-size=small]{height:75px;width:75px}[data-preview-attachment=preview][data-size=small]>[data-element=image2]{max-height:75px}[data-preview-attachment=preview][data-size=small]>.icon{font-size:30px;width:75px}[data-preview-attachment=preview][data-size=small]>i.play{font-size:15px}[data-preview-attachment=preview][data-size=tiny]{height:50px;width:100px}[data-preview-attachment=preview][data-size=tiny]>[data-element=image2]{max-height:50px}[data-preview-attachment=preview][data-size=tiny]>.icon{font-size:20px;width:50px}[data-preview-attachment=preview][data-size=tiny]>i.play{font-size:10px}
/*# sourceMappingURL=AttachmentPreview.global.css.map */