body.dialog { overflow: hidden; position: fixed; }

.attachment-dialog { position: fixed; height: 100vh; width: 100vw; top: 0; right: 0; overflow: auto; background: #101019 center no-repeat; background-size: calc(3 * var(--module)); justify-content: center; z-index: 15; transform-origin: center; transition: opacity .3s; }

.attachment-dialog.minimized { opacity: 0; }

.attachment-dialog.loading { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="rgba(255,255,255,0.6)"><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>'); }

.attachment-dialog.loading img { opacity: 0; }

.attachment-dialog a { position: absolute; top: 0; right: 0; width: var(--module-double-n-half); height: var(--module-double-n-half); border-radius: 50%; background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="rgba(255,255,255,.5)"><path d="M 32.289062 28.080078 L 28.046875 32.322266 L 45.724609 50 L 28.046875 67.677734 L 32.289062 71.919922 L 49.966797 54.242188 L 50 54.208984 L 50.033203 54.242188 L 67.710938 71.919922 L 71.953125 67.677734 L 54.275391 50 L 71.953125 32.322266 L 67.710938 28.080078 L 50.033203 45.757812 L 50 45.791016 L 49.966797 45.757812 L 32.289062 28.080078 z "/></svg>'); background-size: auto 80%; z-index: 16; }

.attachment-dialog p { min-height: 100%; margin: 0; padding: 0; }

.attachment-dialog p img { display: block; max-height: 100%; transition: opacity 0.6s var(--animation-curve); margin: 0 auto; }

.touch .attachment-dialog p img { max-width: 100%; max-height: none; border-radius: var(--module-quarter); }

/*# sourceMappingURL=attachment-dialog.css.map */