ul.attachments { flex-direction: row; flex-wrap: wrap; background-color: rgba(255, 255, 255, 0.9); justify-content: center; }

ul.attachments:empty, .loading:not(.silent-loading) ul.attachments { display: none; }

ul.attachments li { justify-content: center; align-items: center; flex: 0 0 calc(5 * var(--module)); height: calc(5 * var(--module)); margin: var(--module-half); border-radius: var(--module); overflow: hidden; position: relative; }

ul.attachments li.loading { border: 1px dashed rgba(0, 0, 0, 0.3); background: center no-repeat url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="rgba(0,0,0,0.3)"><style>@keyframes morph {0% { opacity: 0.5;} 50% {opacity: 1} 100% {opacity: 0.5}} circle:nth-child(2) { animation: morph .5s linear 0s infinite } circle:nth-child(3) { animation: morph .5s linear .25s infinite } </style><circle id="c1" cx="20" cy="50" r="20"/><circle id="c2" cx="80" cy="50" r="20"/></svg>'); background-size: auto 75%; }

ul.attachments li.loading .delete { opacity: 0; }

ul.attachments li.deleting { border: 1px dashed rgba(0, 0, 0, 0.3); background: center no-repeat url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="rgba(0,0,0,.6)"><path d="M 29.999998,36.000007 V 76.000004 H 70 V 36.000007 Z m 8.000003,3.999998 a 3.9999994,3.9999994 0 0 1 3.999997,4 v 24 a 3.9999994,3.9999994 0 0 1 -3.999997,4.000001 3.9999994,3.9999994 0 0 1 -4,-4.000001 v -24 a 3.9999994,3.9999994 0 0 1 4,-4 z m 11.999999,0 a 3.9999994,3.9999994 0 0 1 3.999998,4 v 24 A 3.9999994,3.9999994 0 0 1 50,72.000006 3.9999994,3.9999994 0 0 1 46,68.000005 v -24 a 3.9999994,3.9999994 0 0 1 4,-4 z m 12,0 a 3.9999998,3.9999998 0 0 1 3.999999,4 v 24 A 3.9999998,3.9999998 0 0 1 62,72.000006 3.9999998,3.9999998 0 0 1 58,68.000005 v -24 a 3.9999998,3.9999998 0 0 1 4,-4 z"/><path d="M 49.999997,23.999997 C 47.790861,23.999997 46,25.790858 46,28.000007 H 30 c -2.209144,0 -4.000006,1.790861 -4,4.000009 h 48 c 6e-6,-2.209148 -1.790859,-4.00001 -4,-4.00001 H 53.999998 c 0,-2.209149 -1.790861,-4.00001 -4.000001,-4.000009 z" /><style>@keyframes spin {0% {transform: rotate(0deg)} 50% {transform: rotate(-15deg)} 100% {transform: rotate(0deg)}} path:nth-child(2) {animation: spin 0.2s linear infinite; transform-origin: 29% 36%}</style></svg>'); background-size: var(--module-double-n-half); }

ul.attachments li.deleting .delete { opacity: 0; }

ul.attachments li.deleting img { transform: scale3d(0, 0, 0); opacity: 0; }

ul.attachments li img { width: calc(5 * var(--module)); transform-origin: center; transition: transform 0.3s var(--animation-curve), opacity 0.5s; }

ul.attachments li .delete { width: var(--module-n-half); height: var(--module-n-half); background: rgba(255, 26, 0, 0.8) center no-repeat url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="rgba(255,255,255,.9)"><path d="M 29.999998,36.000007 V 76.000004 H 70 V 36.000007 Z m 8.000003,3.999998 a 3.9999994,3.9999994 0 0 1 3.999997,4 v 24 a 3.9999994,3.9999994 0 0 1 -3.999997,4.000001 3.9999994,3.9999994 0 0 1 -4,-4.000001 v -24 a 3.9999994,3.9999994 0 0 1 4,-4 z m 11.999999,0 a 3.9999994,3.9999994 0 0 1 3.999998,4 v 24 A 3.9999994,3.9999994 0 0 1 50,72.000006 3.9999994,3.9999994 0 0 1 46,68.000005 v -24 a 3.9999994,3.9999994 0 0 1 4,-4 z m 12,0 a 3.9999998,3.9999998 0 0 1 3.999999,4 v 24 A 3.9999998,3.9999998 0 0 1 62,72.000006 3.9999998,3.9999998 0 0 1 58,68.000005 v -24 a 3.9999998,3.9999998 0 0 1 4,-4 z"/><path d="M 49.999997,23.999997 C 47.790861,23.999997 46,25.790858 46,28.000007 H 30 c -2.209144,0 -4.000006,1.790861 -4,4.000009 h 48 c 6e-6,-2.209148 -1.790859,-4.00001 -4,-4.00001 H 53.999998 c 0,-2.209149 -1.790861,-4.00001 -4.000001,-4.000009 z" /></svg>'); background-size: 100%; border-radius: 50%; position: absolute; top: var(--module-quarter); right: var(--module-quarter); }

/*# sourceMappingURL=attachments.css.map */