.tilepieces-dialog { align-items: center; display: none; flex-direction: column; justify-content: center; overflow: hidden; position: fixed; z-index: 45; inset: 0px; font-family: Helvetica, Arial, sans-serif; line-height: 1.5em; }
.tilepieces-dialog-content { position: absolute; overflow: auto; padding: 20px; border: 1px solid rgb(204, 204, 204); max-width: 80vw; min-width: 940px; background-color: rgb(255, 255, 255); border-radius: 6px; box-shadow: rgba(10, 10, 10, 0.1) 0px 2px 3px, rgba(10, 10, 10, 0.1) 0px 0px 0px 1px; color: rgb(74, 74, 74); max-height: calc(100vh - 40px); box-sizing: border-box; }
.tilepieces-dialog.open { display: flex; }
.tilepieces-dialog.open.on-top { z-index: 46; }
.tilepieces-dialog::before { content: ""; position: absolute; inset: 0px; background-color: rgba(10, 10, 10, 0.3); }
.tilepieces-dialog-close { height: 32px; width: 32px; position: fixed; right: 20px; top: 20px; cursor: pointer; border-radius: 100%; }
.tilepieces-dialog-close::before { height: 2px; width: 50%; }
.tilepieces-dialog-close::after { height: 50%; width: 2px; }
.tilepieces-dialog-close:hover { background-color: rgba(10, 10, 10, 0.3); }
.tilepieces-dialog-close::after, .tilepieces-dialog-close::before { background-color: rgb(255, 255, 255); content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; }
@media (max-width: 1024px) {
  .tilepieces-dialog.open { display: block; }
  .tilepieces-dialog-content { max-width: 100%; width: 100%; max-height: 100%; height: 100%; min-width: 100%; padding: 40px 20px; }
  .tilepieces-dialog-close { background-color: rgba(10, 10, 10, 0.1); top: 5px; right: 25px; }
}
#tilepieces-prompt-dialog-button { display: block; clear: both; margin: 1.5em auto; }
#tilepieces-alert-dialog svg.error { max-height: 100%; float: left; width: 25%; display: none; }
#tilepieces-alert-dialog.error svg.error { display: block; }
div.tilepieces-alert-dialog-content { display: flex; }
div.tilepieces-dialog-footer { text-align: center; }
#tilepieces-prompt-dialog-label-error { color: red; display: none; }
[data-invalid] + #tilepieces-prompt-dialog-label-error { display: block; }