{
  "version": 3,
  "sources": ["src/app/templates/dialog-popup.component.css"],
  "sourcesContent": ["dialog {\n  opacity: 0;\n  transition: opacity 0.5s ease-in;\n\n  flex-direction: column;\n  padding: 0;\n}\n\ndialog :not(.open) {\n  display: absolute;\n}\n\ndialog.open {\n  display: flex;\n}\n\ndialog.open {\n  opacity: 1;\n}\n\ndialog::backdrop {\n  background: rgb(0 0 0 / 25%);\n}\n\n@media (prefers-color-scheme: dark) {\n  dialog::backdrop {\n    background: rgb(0 0 0 / 75%);\n  }\n}\n\n.dialog-header {\n  background: #ddd;\n  padding: 0.5em 1em;\n  cursor: move;\n  user-select: none;\n  flex-shrink: 0;\n\n  display: flex;\n  align-items: center;\n}\n\n@media (prefers-color-scheme: dark) {\n  .dialog-header {\n    background: #000;\n  }\n}\n\n.dialog-body {\n  overflow-y: auto;\n  padding: 1em;\n  flex-grow: 1;\n}\n\ndialog lucide-icon[name=\"x\"] {\n  display: flex;\n  position: absolute;\n  right: 0.5em;\n  cursor: pointer;\n}\n\n.dialog-header-title {\n  margin-right: 1em;\n}"],
  "mappings": ";AAAA;AACE,WAAS;AACT,cAAY,QAAQ,KAAK;AAEzB,kBAAgB;AAChB,WAAS;AACX;AAEA,OAAO,KAAK,CAAC;AACX,WAAS;AACX;AAEA,MAAM,CAJO;AAKX,WAAS;AACX;AAEA,MAAM,CARO;AASX,WAAS;AACX;AAEA,MAAM;AACJ,cAAY,IAAI,EAAE,EAAE,EAAE,EAAE;AAC1B;AAEA,QAAO,sBAAuB;AAC5B,QAAM;AACJ,gBAAY,IAAI,EAAE,EAAE,EAAE,EAAE;AAC1B;AACF;AAEA,CAAC;AACC,cAAY;AACZ,WAAS,MAAM;AACf,UAAQ;AACR,uBAAa;AAAb,eAAa;AACb,eAAa;AAEb,WAAS;AACT,eAAa;AACf;AAEA,QAAO,sBAAuB;AAC5B,GAZD;AAaG,gBAAY;AACd;AACF;AAEA,CAAC;AACC,cAAY;AACZ,WAAS;AACT,aAAW;AACb;AAEA,OAAO,WAAW,CAAC;AACjB,WAAS;AACT,YAAU;AACV,SAAO;AACP,UAAQ;AACV;AAEA,CAAC;AACC,gBAAc;AAChB;",
  "names": []
}
