profile-viewer 0.0.3 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. checksums.yaml +4 -4
  2. data/dist/{f0599659345cf76717cd.svg → 118632062f4755918dac.svg} +1 -1
  3. data/dist/{79eaad4fc0c398100809.svg → 3a829bf1fcf02598aa4b.svg} +1 -1
  4. data/dist/{874.2a087b9b5a296a9c3fcd.bundle.js → 874.ca7a11f56438ad874b9d.bundle.js} +2 -2
  5. data/dist/874.ca7a11f56438ad874b9d.bundle.js.map +1 -0
  6. data/dist/8846b19a497771fe0e9d.svg +4 -0
  7. data/dist/docs/memory-allocations.md +28 -6
  8. data/dist/index.html +1 -1
  9. data/dist/locales/de/app.ftl +11 -0
  10. data/dist/locales/el/app.ftl +2 -0
  11. data/dist/locales/en-CA/app.ftl +6 -0
  12. data/dist/locales/en-GB/app.ftl +11 -0
  13. data/dist/locales/en-US/app.ftl +10 -0
  14. data/dist/locales/es-CL/app.ftl +2 -0
  15. data/dist/locales/fr/app.ftl +46 -0
  16. data/dist/locales/fy-NL/app.ftl +11 -0
  17. data/dist/locales/ia/app.ftl +2 -0
  18. data/dist/locales/it/app.ftl +5 -0
  19. data/dist/locales/kab/app.ftl +7 -0
  20. data/dist/locales/nl/app.ftl +11 -0
  21. data/dist/locales/pt-BR/app.ftl +5 -0
  22. data/dist/locales/ru/app.ftl +11 -0
  23. data/dist/locales/sv-SE/app.ftl +2 -0
  24. data/dist/locales/tr/app.ftl +38 -0
  25. data/dist/locales/uk/app.ftl +2 -0
  26. data/dist/locales/zh-CN/app.ftl +5 -0
  27. data/dist/locales/zh-TW/app.ftl +52 -47
  28. data/dist/main.89ba95fadf0fbee4977a.bundle.js +201 -0
  29. data/dist/main.89ba95fadf0fbee4977a.bundle.js.map +1 -0
  30. data/dist/photon/{f0599659345cf76717cd.svg → 118632062f4755918dac.svg} +1 -1
  31. data/dist/photon/index.html +1 -1
  32. data/dist/photon/{main.aafbcdad3fb08c7ae5b4.bundle.js → main.fa2aec5d6b214ac1cdb3.bundle.js} +2 -2
  33. data/dist/photon/{main.aafbcdad3fb08c7ae5b4.bundle.js.map → main.fa2aec5d6b214ac1cdb3.bundle.js.map} +1 -1
  34. data/dist/sw.js +1 -1
  35. data/dist/sw.js.map +1 -1
  36. data/ruby-bin/profile-viewer-version.rb +1 -1
  37. metadata +14 -17
  38. data/dist/874.2a087b9b5a296a9c3fcd.bundle.js.map +0 -1
  39. data/dist/b805360fcc91834556c9.svg +0 -4
  40. data/dist/main.ac7130d34ce3b872712a.bundle.js +0 -201
  41. data/dist/main.ac7130d34ce3b872712a.bundle.js.map +0 -1
  42. /data/dist/{main.ac7130d34ce3b872712a.bundle.js.LICENSE.txt → main.89ba95fadf0fbee4977a.bundle.js.LICENSE.txt} +0 -0
data/dist/photon/{f0599659345cf76717cd.svg → 118632062f4755918dac.svg} RENAMED
@@ -1,4 +1,4 @@
1
1
  <!-- This Source Code Form is subject to the terms of the Mozilla Public
2
2
  - License, v. 2.0. If a copy of the MPL was not distributed with this
3
3
  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
4
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" d="M14.742 12.106L9.789 2.2a2 2 0 0 0-3.578 0l-4.953 9.91A2 2 0 0 0 3.047 15h9.905a2 2 0 0 0 1.79-2.894zM7 5a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zm1 8.25A1.25 1.25 0 1 1 9.25 12 1.25 1.25 0 0 1 8 13.25z"></path></svg>
4
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="#000" d="M14.742 12.106L9.789 2.2a2 2 0 0 0-3.578 0l-4.953 9.91A2 2 0 0 0 3.047 15h9.905a2 2 0 0 0 1.79-2.894zM7 5a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zm1 8.25A1.25 1.25 0 1 1 9.25 12 1.25 1.25 0 0 1 8 13.25z"></path></svg>
data/dist/photon/index.html CHANGED
@@ -1,4 +1,4 @@
1
- <!doctype html><html lang="en" dir="ltr"><head><meta charset="utf-8"/><title>Photon Styling Examples</title><script defer="defer" src="/photon/main.aafbcdad3fb08c7ae5b4.bundle.js"></script></head><body><h1 class="photon-title-40">Photon Styling Examples</h1><p>This page has examples for the profiler’s implementation of the <a href="https://design.firefox.com/photon/">Photon design spec</a>.</p><h2 class="photon-title-30">Photon Buttons</h2><p>All buttons have both enabled and disable states. When a button is disabled, please consider adding a title explaining why it's disabled.</p><div class="row"><h3 class="photon-title-20">Photon Button</h3><pre>
1
+ <!doctype html><html lang="en" dir="ltr"><head><meta charset="utf-8"/><title>Photon Styling Examples</title><script defer="defer" src="/photon/main.fa2aec5d6b214ac1cdb3.bundle.js"></script></head><body><h1 class="photon-title-40">Photon Styling Examples</h1><p>This page has examples for the profiler’s implementation of the <a href="https://design.firefox.com/photon/">Photon design spec</a>.</p><h2 class="photon-title-30">Photon Buttons</h2><p>All buttons have both enabled and disable states. When a button is disabled, please consider adding a title explaining why it's disabled.</p><div class="row"><h3 class="photon-title-20">Photon Button</h3><pre>
2
2
  &lt;button type="button" class="photon-button"&gt;Photon Button&lt;/button&gt;
3
3
  &lt;button type="button" class="photon-button" disabled title="This function is disabled because..."&gt;Disabled Photon Button&lt;/button&gt;
4
4
  &lt;a class="photon-button"&gt;Photon Button as a link&lt;/a&gt;
data/dist/photon/{main.aafbcdad3fb08c7ae5b4.bundle.js → main.fa2aec5d6b214ac1cdb3.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{"use strict";var n={312:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* AUTOGENERATED Photon Colors CSS Variables v3.3.2 */\n\n:root {\n --magenta-50: #ff1ad9;\n --magenta-60: #ed00b5;\n --magenta-70: #b5007f;\n --magenta-80: #7d004f;\n --magenta-90: #440027;\n\n --purple-30: #c069ff;\n --purple-40: #ad3bff;\n --purple-50: #9400ff;\n --purple-60: #8000d7;\n --purple-70: #6200a4;\n --purple-80: #440071;\n --purple-90: #25003e;\n\n --blue-40: #45a1ff;\n --blue-50: #0a84ff;\n --blue-50-a30: rgba(10, 132, 255, 0.3);\n --blue-60: #0060df;\n --blue-70: #003eaa;\n --blue-80: #002275;\n --blue-90: #000f40;\n\n --teal-50: #00feff;\n --teal-60: #00c8d7;\n --teal-70: #008ea4;\n --teal-80: #005a71;\n --teal-90: #002d3e;\n\n --green-50: #30e60b;\n --green-60: #12bc00;\n --green-70: #058b00;\n --green-80: #006504;\n --green-90: #003706;\n\n --yellow-50: #ffe900;\n --yellow-60: #d7b600;\n --yellow-60-a30: rgba(215, 182, 0, 0.3);\n --yellow-70: #a47f00;\n --yellow-80: #715100;\n --yellow-90: #3e2800;\n\n --red-50: #ff0039;\n --red-60: #d70022;\n --red-60-a30: rgba(215, 0, 34, 0.3);\n --red-70: #a4000f;\n --red-80: #5a0002;\n --red-90: #3e0200;\n\n --orange-50: #ff9400;\n --orange-60: #d76e00;\n --orange-70: #a44900;\n --orange-80: #712b00;\n --orange-90: #3e1300;\n\n --grey-10: #f9f9fa;\n --grey-10-a10: rgba(249, 249, 250, 0.1);\n --grey-10-a20: rgba(249, 249, 250, 0.2);\n --grey-10-a40: rgba(249, 249, 250, 0.4);\n --grey-10-a60: rgba(249, 249, 250, 0.6);\n --grey-10-a80: rgba(249, 249, 250, 0.8);\n --grey-20: #ededf0;\n --grey-30: #d7d7db;\n --grey-40: #b1b1b3;\n --grey-50: #737373;\n --grey-60: #4a4a4f;\n --grey-70: #38383d;\n --grey-80: #2a2a2e;\n --grey-90: #0c0c0d;\n --grey-90-a05: rgba(12, 12, 13, 0.05);\n --grey-90-a10: rgba(12, 12, 13, 0.1);\n --grey-90-a20: rgba(12, 12, 13, 0.2);\n --grey-90-a30: rgba(12, 12, 13, 0.3);\n --grey-90-a40: rgba(12, 12, 13, 0.4);\n --grey-90-a50: rgba(12, 12, 13, 0.5);\n --grey-90-a60: rgba(12, 12, 13, 0.6);\n --grey-90-a70: rgba(12, 12, 13, 0.7);\n --grey-90-a80: rgba(12, 12, 13, 0.8);\n --grey-90-a90: rgba(12, 12, 13, 0.9);\n\n --ink-40: #7175A8;\n --ink-50: #595E91;\n --ink-60: #464B76;\n --ink-70: #363959;\n --ink-80: #202340;\n --ink-90: #0f1126;\n\n --white-100: #ffffff;\n\n}\n","",{version:3,sources:["webpack://./node_modules/photon-colors/photon-colors.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,qDAAqD;;AAErD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;;EAErB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;;EAEpB,kBAAkB;EAClB,kBAAkB;EAClB,sCAAsC;EACtC,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;;EAElB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;;EAElB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;;EAEnB,oBAAoB;EACpB,oBAAoB;EACpB,uCAAuC;EACvC,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;;EAEpB,iBAAiB;EACjB,iBAAiB;EACjB,mCAAmC;EACnC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;;EAEjB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;;EAEpB,kBAAkB;EAClB,uCAAuC;EACvC,uCAAuC;EACvC,uCAAuC;EACvC,uCAAuC;EACvC,uCAAuC;EACvC,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,qCAAqC;EACrC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;;EAEpC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;;EAEjB,oBAAoB;;AAEtB",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* AUTOGENERATED Photon Colors CSS Variables v3.3.2 */\n\n:root {\n --magenta-50: #ff1ad9;\n --magenta-60: #ed00b5;\n --magenta-70: #b5007f;\n --magenta-80: #7d004f;\n --magenta-90: #440027;\n\n --purple-30: #c069ff;\n --purple-40: #ad3bff;\n --purple-50: #9400ff;\n --purple-60: #8000d7;\n --purple-70: #6200a4;\n --purple-80: #440071;\n --purple-90: #25003e;\n\n --blue-40: #45a1ff;\n --blue-50: #0a84ff;\n --blue-50-a30: rgba(10, 132, 255, 0.3);\n --blue-60: #0060df;\n --blue-70: #003eaa;\n --blue-80: #002275;\n --blue-90: #000f40;\n\n --teal-50: #00feff;\n --teal-60: #00c8d7;\n --teal-70: #008ea4;\n --teal-80: #005a71;\n --teal-90: #002d3e;\n\n --green-50: #30e60b;\n --green-60: #12bc00;\n --green-70: #058b00;\n --green-80: #006504;\n --green-90: #003706;\n\n --yellow-50: #ffe900;\n --yellow-60: #d7b600;\n --yellow-60-a30: rgba(215, 182, 0, 0.3);\n --yellow-70: #a47f00;\n --yellow-80: #715100;\n --yellow-90: #3e2800;\n\n --red-50: #ff0039;\n --red-60: #d70022;\n --red-60-a30: rgba(215, 0, 34, 0.3);\n --red-70: #a4000f;\n --red-80: #5a0002;\n --red-90: #3e0200;\n\n --orange-50: #ff9400;\n --orange-60: #d76e00;\n --orange-70: #a44900;\n --orange-80: #712b00;\n --orange-90: #3e1300;\n\n --grey-10: #f9f9fa;\n --grey-10-a10: rgba(249, 249, 250, 0.1);\n --grey-10-a20: rgba(249, 249, 250, 0.2);\n --grey-10-a40: rgba(249, 249, 250, 0.4);\n --grey-10-a60: rgba(249, 249, 250, 0.6);\n --grey-10-a80: rgba(249, 249, 250, 0.8);\n --grey-20: #ededf0;\n --grey-30: #d7d7db;\n --grey-40: #b1b1b3;\n --grey-50: #737373;\n --grey-60: #4a4a4f;\n --grey-70: #38383d;\n --grey-80: #2a2a2e;\n --grey-90: #0c0c0d;\n --grey-90-a05: rgba(12, 12, 13, 0.05);\n --grey-90-a10: rgba(12, 12, 13, 0.1);\n --grey-90-a20: rgba(12, 12, 13, 0.2);\n --grey-90-a30: rgba(12, 12, 13, 0.3);\n --grey-90-a40: rgba(12, 12, 13, 0.4);\n --grey-90-a50: rgba(12, 12, 13, 0.5);\n --grey-90-a60: rgba(12, 12, 13, 0.6);\n --grey-90-a70: rgba(12, 12, 13, 0.7);\n --grey-90-a80: rgba(12, 12, 13, 0.8);\n --grey-90-a90: rgba(12, 12, 13, 0.9);\n\n --ink-40: #7175A8;\n --ink-50: #595E91;\n --ink-60: #464B76;\n --ink-70: #363959;\n --ink-80: #202340;\n --ink-90: #0f1126;\n\n --white-100: #ffffff;\n\n}\n"],sourceRoot:""}]);const s=i},27:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* the box shadow is taken from photon-button primary button focus styling\nhttps://design.firefox.com/photon/components/buttons.html */\n\n/* removes the default Firefox focus indicator,\nso that we can add a custom indicator */\ninput::-moz-focus-inner,\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type='radio']:focus-visible,\ninput[type='checkbox']:focus-visible,\ninput[type='button']:focus-visible,\ninput[type='submit']:focus-visible,\ninput[type='reset']:focus-visible,\ninput[type='image']:focus-visible,\ninput[type='range']:focus-visible,\nselect:focus-visible,\nbutton:focus-visible {\n box-shadow:\n 0 0 0 1px var(--blue-50) inset,\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\na:focus-visible {\n box-shadow:\n 0 0 0 2px var(--blue-50),\n 0 0 0 6px var(--blue-50-a30);\n outline: 0;\n}\n","",{version:3,sources:["webpack://./res/css/focus.css"],names:[],mappings:"AAAA;2DAC2D;;AAE3D;uCACuC;AACvC;;EAEE,SAAS;AACX;;AAEA;;;;;;;;;EASE;;;gCAG8B;EAC9B,UAAU;AACZ;;AAEA;EACE;;gCAE8B;EAC9B,UAAU;AACZ",sourcesContent:["/* the box shadow is taken from photon-button primary button focus styling\nhttps://design.firefox.com/photon/components/buttons.html */\n\n/* removes the default Firefox focus indicator,\nso that we can add a custom indicator */\ninput::-moz-focus-inner,\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type='radio']:focus-visible,\ninput[type='checkbox']:focus-visible,\ninput[type='button']:focus-visible,\ninput[type='submit']:focus-visible,\ninput[type='reset']:focus-visible,\ninput[type='image']:focus-visible,\ninput[type='range']:focus-visible,\nselect:focus-visible,\nbutton:focus-visible {\n box-shadow:\n 0 0 0 1px var(--blue-50) inset,\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\na:focus-visible {\n box-shadow:\n 0 0 0 2px var(--blue-50),\n 0 0 0 6px var(--blue-50-a30);\n outline: 0;\n}\n"],sourceRoot:""}]);const s=i},870:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/buttons.html for the spec */\n.photon-button {\n /* These flex and sizing properties aren't necessary when a real <button> is used,\n * but they are when a <a> element is used as a button. */\n display: inline-flex;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n padding: 0 8px;\n border: none;\n border-radius: 2px;\n margin: 0;\n\n /* reset default styles */\n background: none;\n\n /* photon styles */\n background-color: var(--grey-90-a10);\n color: var(--grey-90);\n cursor: initial; /* reset the defaut link style when used as a button */\n font: inherit;\n text-decoration: none; /* reset the defaut link style when used as a button */\n user-select: none;\n}\n\n/* This is a Firefox-specific style because Firefox adds a focusring at a bad\n * position. We're adding our own below. */\n.photon-button::-moz-focus-inner {\n border: none;\n}\n\n.photon-button:disabled {\n opacity: 0.4;\n}\n\n/* Note: we're using :not(:disabled) instead of :enabled so that this can apply\n * to non-input elements too. */\n.photon-button:hover:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button:hover:active:not(:disabled) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-button-primary,\n.photon-button-destructive,\n.photon-button-default {\n min-width: 132px;\n height: 32px;\n padding: 0 8px;\n font-size: 13px;\n}\n\n.photon-button-primary {\n background-color: var(--blue-60);\n color: #fff;\n}\n\n.photon-button-primary:hover:not(:disabled) {\n background-color: var(--blue-70);\n}\n\n.photon-button-primary:hover:active:not(:disabled) {\n background-color: var(--blue-80);\n}\n\n/* Use this class for destructive actions only. */\n.photon-button-destructive {\n background-color: var(--red-60);\n color: #fff;\n}\n\n.photon-button-destructive:hover:not(:disabled) {\n background-color: var(--red-70);\n}\n\n.photon-button-destructive:hover:active:not(:disabled) {\n background-color: var(--red-80);\n}\n\n.photon-button-ghost {\n width: 32px;\n height: 32px;\n background-color: transparent;\n}\n\n.photon-button-ghost:hover:not(:disabled),\n.photon-button-ghost--checked {\n background-color: var(--grey-90-a10);\n}\n\n.photon-button-ghost:hover:active:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button-micro {\n height: 24px;\n}\n","",{version:3,sources:["webpack://./res/css/photon/button.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,+EAA+E;AAC/E;EACE;2DACyD;EACzD,oBAAoB;EACpB,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,cAAc;EACd,YAAY;EACZ,kBAAkB;EAClB,SAAS;;EAET,yBAAyB;EACzB,gBAAgB;;EAEhB,kBAAkB;EAClB,oCAAoC;EACpC,qBAAqB;EACrB,eAAe,EAAE,sDAAsD;EACvE,aAAa;EACb,qBAAqB,EAAE,sDAAsD;EAC7E,iBAAiB;AACnB;;AAEA;0CAC0C;AAC1C;EACE,YAAY;AACd;;AAEA;EACE,YAAY;AACd;;AAEA;+BAC+B;AAC/B;EACE,oCAAoC;AACtC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;;;EAGE,gBAAgB;EAChB,YAAY;EACZ,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,gCAAgC;EAChC,WAAW;AACb;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC;;AAEA,iDAAiD;AACjD;EACE,+BAA+B;EAC/B,WAAW;AACb;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,6BAA6B;AAC/B;;AAEA;;EAEE,oCAAoC;AACtC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;AACd",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/buttons.html for the spec */\n.photon-button {\n /* These flex and sizing properties aren't necessary when a real <button> is used,\n * but they are when a <a> element is used as a button. */\n display: inline-flex;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n padding: 0 8px;\n border: none;\n border-radius: 2px;\n margin: 0;\n\n /* reset default styles */\n background: none;\n\n /* photon styles */\n background-color: var(--grey-90-a10);\n color: var(--grey-90);\n cursor: initial; /* reset the defaut link style when used as a button */\n font: inherit;\n text-decoration: none; /* reset the defaut link style when used as a button */\n user-select: none;\n}\n\n/* This is a Firefox-specific style because Firefox adds a focusring at a bad\n * position. We're adding our own below. */\n.photon-button::-moz-focus-inner {\n border: none;\n}\n\n.photon-button:disabled {\n opacity: 0.4;\n}\n\n/* Note: we're using :not(:disabled) instead of :enabled so that this can apply\n * to non-input elements too. */\n.photon-button:hover:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button:hover:active:not(:disabled) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-button-primary,\n.photon-button-destructive,\n.photon-button-default {\n min-width: 132px;\n height: 32px;\n padding: 0 8px;\n font-size: 13px;\n}\n\n.photon-button-primary {\n background-color: var(--blue-60);\n color: #fff;\n}\n\n.photon-button-primary:hover:not(:disabled) {\n background-color: var(--blue-70);\n}\n\n.photon-button-primary:hover:active:not(:disabled) {\n background-color: var(--blue-80);\n}\n\n/* Use this class for destructive actions only. */\n.photon-button-destructive {\n background-color: var(--red-60);\n color: #fff;\n}\n\n.photon-button-destructive:hover:not(:disabled) {\n background-color: var(--red-70);\n}\n\n.photon-button-destructive:hover:active:not(:disabled) {\n background-color: var(--red-80);\n}\n\n.photon-button-ghost {\n width: 32px;\n height: 32px;\n background-color: transparent;\n}\n\n.photon-button-ghost:hover:not(:disabled),\n.photon-button-ghost--checked {\n background-color: var(--grey-90-a10);\n}\n\n.photon-button-ghost:hover:active:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button-micro {\n height: 24px;\n}\n"],sourceRoot:""}]);const s=i},977:(n,o,e)=>{e.d(o,{A:()=>u});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(199),e.b),l=new URL(e(898),e.b),h=i()(a()),p=A()(c),d=A()(l);h.push([n.id,`/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-checkbox {\n position: relative;\n padding: 0;\n border: 1px solid var(--grey-90-a30);\n border-radius: 2px;\n appearance: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Remove the border, as it compets with box-shadow styles applied with focus.css */\n.photon-checkbox:focus-visible {\n border: none;\n}\n\n/* Use this class with the photon-checkbox for the canonical photon styling. */\n.photon-checkbox-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-checkbox for the custom micro variant. */\n.photon-checkbox-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-checkbox:hover:not([disabled]) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-checkbox:checked:not([disabled]) {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-checkbox:hover:active:not([disabled]) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-checkbox-default:checked:not([disabled]) {\n background-image: url(${p});\n}\n\n.photon-checkbox-micro:checked:not([disabled]) {\n background-image: url(${d});\n}\n\n.photon-checkbox:checked:hover:not([disabled]) {\n background-color: var(--blue-70);\n}\n\n.photon-checkbox:checked:hover:active:not([disabled]) {\n background-color: var(--blue-80);\n}\n`,"",{version:3,sources:["webpack://./res/css/photon/checkbox.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;EACE,kBAAkB;EAClB,UAAU;EACV,oCAAoC;EACpC,kBAAkB;EAClB,gBAAgB;EAChB,oCAAoC;AACtC;;AAEA,mFAAmF;AACnF;EACE,YAAY;AACd;;AAEA,8EAA8E;AAC9E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA,0EAA0E;AAC1E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;EACZ,gCAAgC;AAClC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,yDAA0D;AAC5D;;AAEA;EACE,yDAA0D;AAC5D;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-checkbox {\n position: relative;\n padding: 0;\n border: 1px solid var(--grey-90-a30);\n border-radius: 2px;\n appearance: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Remove the border, as it compets with box-shadow styles applied with focus.css */\n.photon-checkbox:focus-visible {\n border: none;\n}\n\n/* Use this class with the photon-checkbox for the canonical photon styling. */\n.photon-checkbox-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-checkbox for the custom micro variant. */\n.photon-checkbox-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-checkbox:hover:not([disabled]) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-checkbox:checked:not([disabled]) {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-checkbox:hover:active:not([disabled]) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-checkbox-default:checked:not([disabled]) {\n background-image: url(../../img/svg/checkbox-check-16.svg);\n}\n\n.photon-checkbox-micro:checked:not([disabled]) {\n background-image: url(../../img/svg/checkbox-check-13.svg);\n}\n\n.photon-checkbox:checked:hover:not([disabled]) {\n background-color: var(--blue-70);\n}\n\n.photon-checkbox:checked:hover:active:not([disabled]) {\n background-color: var(--blue-80);\n}\n"],sourceRoot:""}]);const u=h},40:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,'/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* This implements a confirm dialog using Photon components. \n * While not formally part of photon.\n *\n * This is how we can use it:\n *\n * <div className="confirmDialog">\n * <h3 className="confirmDialogTitle">\n * Wonderful title\n * </h3>\n * <div className="confirmDialogContent">\n * Wonderful content\n * </div>\n * <div className="confirmDialogButtons">\n * <input\n * type="button"\n * className="photon-button photon-button-default"\n * value="Cancel"\n * onClick={doSomethingOnCancel}\n * />\n * <input\n * type="button"\n * className="photon-button photon-button-destructive"\n * value="Confirm"\n * onClick={doSomethingOnConfirm}\n * />\n * </div>\n * </div>\n *\n */\n\n.confirmDialogTitle {\n overflow: hidden;\n margin: 0;\n font-size: 1.2em;\n text-overflow: ellipsis;\n}\n\n.confirmDialogContent {\n margin: 16px 0;\n}\n\n.confirmDialogButtons {\n display: flex;\n gap: 8px;\n}\n\n.confirmDialogButtons > .photon-button {\n flex: auto;\n}\n',"",{version:3,sources:["webpack://./res/css/photon/confirm-dialog.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BE;;AAEF;EACE,gBAAgB;EAChB,SAAS;EACT,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,QAAQ;AACV;;AAEA;EACE,UAAU;AACZ",sourcesContent:['/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* This implements a confirm dialog using Photon components. \n * While not formally part of photon.\n *\n * This is how we can use it:\n *\n * <div className="confirmDialog">\n * <h3 className="confirmDialogTitle">\n * Wonderful title\n * </h3>\n * <div className="confirmDialogContent">\n * Wonderful content\n * </div>\n * <div className="confirmDialogButtons">\n * <input\n * type="button"\n * className="photon-button photon-button-default"\n * value="Cancel"\n * onClick={doSomethingOnCancel}\n * />\n * <input\n * type="button"\n * className="photon-button photon-button-destructive"\n * value="Confirm"\n * onClick={doSomethingOnConfirm}\n * />\n * </div>\n * </div>\n *\n */\n\n.confirmDialogTitle {\n overflow: hidden;\n margin: 0;\n font-size: 1.2em;\n text-overflow: ellipsis;\n}\n\n.confirmDialogContent {\n margin: 16px 0;\n}\n\n.confirmDialogButtons {\n display: flex;\n gap: 8px;\n}\n\n.confirmDialogButtons > .photon-button {\n flex: auto;\n}\n'],sourceRoot:""}]);const s=i},624:(n,o,e)=>{e.d(o,{A:()=>g});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(445),A=e(870),c=e(977),l=e(48),h=e(630),p=e(798),d=e(268),u=e(40),b=i()(a());b.i(s.A),b.i(A.A),b.i(c.A),b.i(l.A),b.i(h.A),b.i(p.A),b.i(d.A),b.i(u.A),b.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n","",{version:3,sources:["webpack://./res/css/photon/index.css"],names:[],mappings:"AAAA;;6DAE6D",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n@import './typography.css';\n@import './button.css';\n@import './checkbox.css';\n@import './input.css';\n@import './label.css';\n@import './message-bar.css';\n@import './radio-button.css';\n@import './confirm-dialog.css';\n"],sourceRoot:""}]);const g=b},48:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/input-fields.html for the spec */\n.photon-input {\n height: 32px;\n padding: 0 8px;\n border: 1px solid var(--grey-90-a20);\n border-radius: 2px;\n box-shadow: none; /* remove the default Firefox style */\n}\n\n.photon-input:hover {\n border-color: var(--grey-90-a30);\n}\n\n/* The second selector is only here to have a specificity higher than the one in\n * `.photon-input:invalid:not(:placeholder-shown)`. */\n.photon-input:focus-visible,\n.photon-input:focus-visible:invalid {\n border: 1px solid var(--blue-50);\n box-shadow:\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\n.photon-input:invalid:not(:placeholder-shown) {\n border: 1px solid var(--red-60);\n box-shadow:\n 0 0 0 1px var(--red-60),\n 0 0 0 4px var(--red-60-a30);\n}\n","",{version:3,sources:["webpack://./res/css/photon/input.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,oFAAoF;AACpF;EACE,YAAY;EACZ,cAAc;EACd,oCAAoC;EACpC,kBAAkB;EAClB,gBAAgB,EAAE,qCAAqC;AACzD;;AAEA;EACE,gCAAgC;AAClC;;AAEA;qDACqD;AACrD;;EAEE,gCAAgC;EAChC;;gCAE8B;EAC9B,UAAU;AACZ;;AAEA;EACE,+BAA+B;EAC/B;;+BAE6B;AAC/B",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/input-fields.html for the spec */\n.photon-input {\n height: 32px;\n padding: 0 8px;\n border: 1px solid var(--grey-90-a20);\n border-radius: 2px;\n box-shadow: none; /* remove the default Firefox style */\n}\n\n.photon-input:hover {\n border-color: var(--grey-90-a30);\n}\n\n/* The second selector is only here to have a specificity higher than the one in\n * `.photon-input:invalid:not(:placeholder-shown)`. */\n.photon-input:focus-visible,\n.photon-input:focus-visible:invalid {\n border: 1px solid var(--blue-50);\n box-shadow:\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\n.photon-input:invalid:not(:placeholder-shown) {\n border: 1px solid var(--red-60);\n box-shadow:\n 0 0 0 1px var(--red-60),\n 0 0 0 4px var(--red-60-a30);\n}\n"],sourceRoot:""}]);const s=i},630:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-label {\n display: inline-flex;\n align-items: center;\n padding: 3px 0;\n color: var(--grey-90);\n}\n\n/* Use this class with the photon-label for the canonical photon styling. */\n.photon-label-default {\n font-size: 13px;\n}\n\n/* Use this class with the photon-label for the custom micro variant styling. */\n.photon-label-micro {\n font-size: 11px;\n}\n\n.photon-label-horiz-padding {\n padding: 0 3px;\n}\n","",{version:3,sources:["webpack://./res/css/photon/label.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;EACE,oBAAoB;EACpB,mBAAmB;EACnB,cAAc;EACd,qBAAqB;AACvB;;AAEA,2EAA2E;AAC3E;EACE,eAAe;AACjB;;AAEA,+EAA+E;AAC/E;EACE,eAAe;AACjB;;AAEA;EACE,cAAc;AAChB",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-label {\n display: inline-flex;\n align-items: center;\n padding: 3px 0;\n color: var(--grey-90);\n}\n\n/* Use this class with the photon-label for the canonical photon styling. */\n.photon-label-default {\n font-size: 13px;\n}\n\n/* Use this class with the photon-label for the custom micro variant styling. */\n.photon-label-micro {\n font-size: 11px;\n}\n\n.photon-label-horiz-padding {\n padding: 0 3px;\n}\n"],sourceRoot:""}]);const s=i},798:(n,o,e)=>{e.d(o,{A:()=>m});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(277),e.b),l=new URL(e(196),e.b),h=new URL(e(981),e.b),p=new URL(e(563),e.b),d=new URL(e(572),e.b),u=i()(a()),b=A()(c),g=A()(l),f=A()(h),C=A()(p),E=A()(d);u.push([n.id,`/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/message-bars.html */\n.photon-message-bar {\n display: flex;\n min-height: 32px;\n box-sizing: border-box;\n flex-wrap: nowrap;\n\n /* Note: 32px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon) + 16px (icon width) + 4px (right padding for the icon) + 4px\n * (space between icon and text) */\n padding: 4px 4px 4px 32px;\n border-radius: 4px;\n\n /* Note: 8px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon). And same for the top positioning, because we want the icon\n * to stick at the top when the text is multiline */\n background: url(${b}) no-repeat 8px 8px / 16px 16px\n var(--grey-20);\n color: var(--grey-90);\n font-size: 13px;\n font-weight: 400;\n line-height: 1.4;\n}\n\n.photon-message-bar-action-button {\n flex: none;\n}\n\n.photon-message-bar-close-button {\n width: 24px;\n height: 24px;\n flex: none;\n margin-left: auto;\n background: url(${g}) no-repeat center / 16px 16px;\n}\n\n.photon-message-bar-inner-content {\n display: flex;\n flex-wrap: wrap;\n padding-right: 8px;\n gap: 8px;\n}\n\n.photon-message-bar-inner-text {\n /* This padding is carefully computed so that multi-line message bars have the\n * same top padding than single-line message bars. Having this property\n * shouldn't change anything for single-line message bars.\n * It's computed like this:\n * height of single-line message bars is 32px\n * padding of the message-bar div is 4px\n * height of the inner text is line-height * font-size = 1.4 * 13px = 18.2px\n * => (32 - 4 - 18.2) / 2 = 2.9px\n */\n padding: 2.9px 0;\n}\n\n.photon-message-bar-error {\n background-color: var(--red-60);\n background-image: url(${f});\n color: #fff;\n}\n\n.photon-message-bar-warning {\n background-color: var(--yellow-50);\n background-image: url(${C});\n color: var(--yellow-90);\n}\n\n.photon-message-bar-error .photon-message-bar-close-button {\n background-image: url(${E});\n}\n\n/* The default styles for this button are copied from the ghost button, mostly\n * for ease of usage. */\n.photon-message-bar-close-button:hover {\n background-color: var(--grey-90-a10);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button,\n.photon-message-bar-error .photon-message-bar-close-button:hover {\n background-color: var(--red-70);\n color: #fff;\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button,\n.photon-message-bar-warning .photon-message-bar-close-button:hover {\n background-color: var(--yellow-60);\n}\n\n.photon-message-bar-close-button:hover:active {\n background-color: var(--grey-90-a20);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover,\n.photon-message-bar-error .photon-message-bar-close-button:hover:active {\n background-color: var(--red-80);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover,\n.photon-message-bar-warning .photon-message-bar-close-button:hover:active {\n background-color: var(--yellow-70);\n color: #fff;\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover:active {\n background-color: var(--red-90);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover:active {\n background-color: var(--yellow-80);\n}\n`,"",{version:3,sources:["webpack://./res/css/photon/message-bar.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,uEAAuE;AACvE;EACE,aAAa;EACb,gBAAgB;EAChB,sBAAsB;EACtB,iBAAiB;;EAEjB;;oCAEkC;EAClC,yBAAyB;EACzB,kBAAkB;;EAElB;;qDAEmD;EACnD;kBACgB;EAChB,qBAAqB;EACrB,eAAe;EACf,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,UAAU;EACV,iBAAiB;EACjB,gFAA0E;AAC5E;;AAEA;EACE,aAAa;EACb,eAAe;EACf,kBAAkB;EAClB,QAAQ;AACV;;AAEA;EACE;;;;;;;;IAQE;EACF,gBAAgB;AAClB;;AAEA;EACE,+BAA+B;EAC/B,yDAA8C;EAC9C,WAAW;AACb;;AAEA;EACE,kCAAkC;EAClC,yDAAgD;EAChD,uBAAuB;AACzB;;AAEA;EACE,yDAAoD;AACtD;;AAEA;uBACuB;AACvB;EACE,oCAAoC;AACtC;;AAEA;;EAEE,+BAA+B;EAC/B,WAAW;AACb;;AAEA;;EAEE,kCAAkC;AACpC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;;EAEE,+BAA+B;AACjC;;AAEA;;EAEE,kCAAkC;EAClC,WAAW;AACb;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,kCAAkC;AACpC",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/message-bars.html */\n.photon-message-bar {\n display: flex;\n min-height: 32px;\n box-sizing: border-box;\n flex-wrap: nowrap;\n\n /* Note: 32px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon) + 16px (icon width) + 4px (right padding for the icon) + 4px\n * (space between icon and text) */\n padding: 4px 4px 4px 32px;\n border-radius: 4px;\n\n /* Note: 8px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon). And same for the top positioning, because we want the icon\n * to stick at the top when the text is multiline */\n background: url(../../img/svg/info-icon.svg) no-repeat 8px 8px / 16px 16px\n var(--grey-20);\n color: var(--grey-90);\n font-size: 13px;\n font-weight: 400;\n line-height: 1.4;\n}\n\n.photon-message-bar-action-button {\n flex: none;\n}\n\n.photon-message-bar-close-button {\n width: 24px;\n height: 24px;\n flex: none;\n margin-left: auto;\n background: url(../../img/svg/close-dark.svg) no-repeat center / 16px 16px;\n}\n\n.photon-message-bar-inner-content {\n display: flex;\n flex-wrap: wrap;\n padding-right: 8px;\n gap: 8px;\n}\n\n.photon-message-bar-inner-text {\n /* This padding is carefully computed so that multi-line message bars have the\n * same top padding than single-line message bars. Having this property\n * shouldn't change anything for single-line message bars.\n * It's computed like this:\n * height of single-line message bars is 32px\n * padding of the message-bar div is 4px\n * height of the inner text is line-height * font-size = 1.4 * 13px = 18.2px\n * => (32 - 4 - 18.2) / 2 = 2.9px\n */\n padding: 2.9px 0;\n}\n\n.photon-message-bar-error {\n background-color: var(--red-60);\n background-image: url(../../img/svg/error.svg);\n color: #fff;\n}\n\n.photon-message-bar-warning {\n background-color: var(--yellow-50);\n background-image: url(../../img/svg/warning.svg);\n color: var(--yellow-90);\n}\n\n.photon-message-bar-error .photon-message-bar-close-button {\n background-image: url(../../img/svg/close-light.svg);\n}\n\n/* The default styles for this button are copied from the ghost button, mostly\n * for ease of usage. */\n.photon-message-bar-close-button:hover {\n background-color: var(--grey-90-a10);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button,\n.photon-message-bar-error .photon-message-bar-close-button:hover {\n background-color: var(--red-70);\n color: #fff;\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button,\n.photon-message-bar-warning .photon-message-bar-close-button:hover {\n background-color: var(--yellow-60);\n}\n\n.photon-message-bar-close-button:hover:active {\n background-color: var(--grey-90-a20);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover,\n.photon-message-bar-error .photon-message-bar-close-button:hover:active {\n background-color: var(--red-80);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover,\n.photon-message-bar-warning .photon-message-bar-close-button:hover:active {\n background-color: var(--yellow-70);\n color: #fff;\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover:active {\n background-color: var(--red-90);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover:active {\n background-color: var(--yellow-80);\n}\n"],sourceRoot:""}]);const m=u},268:(n,o,e)=>{e.d(o,{A:()=>u});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(115),e.b),l=new URL(e(814),e.b),h=i()(a()),p=A()(c),d=A()(l);h.push([n.id,`/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-radio {\n border: 1px solid var(--grey-90-a30);\n border-radius: 8px;\n appearance: none;\n background: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Use this class with the photon-radio for the canonical photon styling. */\n.photon-radio-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-radio for the custom micro variant styling. */\n.photon-radio-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-radio:hover {\n background-color: var(--grey-90-a20);\n}\n\n.photon-radio:checked {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-radio:hover:active {\n background-color: var(--grey-90-a30);\n}\n\n.photon-radio-default:checked {\n background-image: url(${p});\n}\n\n.photon-radio-micro:checked {\n background-image: url(${d});\n}\n\n.photon-radio:checked:hover {\n background-color: var(--blue-70);\n}\n\n.photon-radio:checked:hover:active {\n background-color: var(--blue-80);\n}\n`,"",{version:3,sources:["webpack://./res/css/photon/radio-button.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;EACE,oCAAoC;EACpC,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;EAChB,oCAAoC;AACtC;;AAEA,2EAA2E;AAC3E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA,+EAA+E;AAC/E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;EACZ,gCAAgC;AAClC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,yDAA8D;AAChE;;AAEA;EACE,yDAA8D;AAChE;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-radio {\n border: 1px solid var(--grey-90-a30);\n border-radius: 8px;\n appearance: none;\n background: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Use this class with the photon-radio for the canonical photon styling. */\n.photon-radio-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-radio for the custom micro variant styling. */\n.photon-radio-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-radio:hover {\n background-color: var(--grey-90-a20);\n}\n\n.photon-radio:checked {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-radio:hover:active {\n background-color: var(--grey-90-a30);\n}\n\n.photon-radio-default:checked {\n background-image: url(../../img/svg/radiobutton-marker-16.svg);\n}\n\n.photon-radio-micro:checked {\n background-image: url(../../img/svg/radiobutton-marker-13.svg);\n}\n\n.photon-radio:checked:hover {\n background-color: var(--blue-70);\n}\n\n.photon-radio:checked:hover:active {\n background-color: var(--blue-80);\n}\n"],sourceRoot:""}]);const u=h},445:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* Specification at https://design.firefox.com/photon/visuals/typography.html */\n\n/* The idea is to use the same numbers for the same context (eg title 20 with\n * body 20 and caption 20), and of course use the hierarchy of titles when\n * needed.\n *\n * When using these styles one has to take care to colors and margins as well.\n * Margins are well described in\n * https://design.firefox.com/photon/visuals/grid.html.\n *\n * In the future we may want to make this more generic by applying these styles\n * by default to h1, h2, h3, etc.\n */\n\n.photon-display-20 {\n font-size: 36px;\n font-weight: 200;\n}\n\n.photon-title-40 {\n font-size: 28px;\n font-weight: 300;\n}\n\n.photon-title-30 {\n font-size: 22px;\n font-weight: 300;\n}\n\n.photon-title-20 {\n font-size: 17px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-title-10 {\n font-size: 13px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-body-30 {\n font-size: 17px;\n font-weight: 400;\n}\n\n.photon-body-20,\n.photon-caption-30 {\n font-size: 15px;\n font-weight: 400;\n}\n\n.photon-body-10,\n.photon-caption-20 {\n font-size: 13px;\n font-weight: 400;\n}\n\n.photon-caption-10 {\n font-size: 11px;\n font-weight: 400;\n}\n","",{version:3,sources:["webpack://./res/css/photon/typography.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,+EAA+E;;AAE/E;;;;;;;;;;EAUE;;AAEF;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;;EAEf,6EAA6E;EAC7E,iBAAiB;AACnB;;AAEA;EACE,eAAe;;EAEf,6EAA6E;EAC7E,iBAAiB;AACnB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;;EAEE,eAAe;EACf,gBAAgB;AAClB;;AAEA;;EAEE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* Specification at https://design.firefox.com/photon/visuals/typography.html */\n\n/* The idea is to use the same numbers for the same context (eg title 20 with\n * body 20 and caption 20), and of course use the hierarchy of titles when\n * needed.\n *\n * When using these styles one has to take care to colors and margins as well.\n * Margins are well described in\n * https://design.firefox.com/photon/visuals/grid.html.\n *\n * In the future we may want to make this more generic by applying these styles\n * by default to h1, h2, h3, etc.\n */\n\n.photon-display-20 {\n font-size: 36px;\n font-weight: 200;\n}\n\n.photon-title-40 {\n font-size: 28px;\n font-weight: 300;\n}\n\n.photon-title-30 {\n font-size: 22px;\n font-weight: 300;\n}\n\n.photon-title-20 {\n font-size: 17px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-title-10 {\n font-size: 13px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-body-30 {\n font-size: 17px;\n font-weight: 400;\n}\n\n.photon-body-20,\n.photon-caption-30 {\n font-size: 15px;\n font-weight: 400;\n}\n\n.photon-body-10,\n.photon-caption-20 {\n font-size: 13px;\n font-weight: 400;\n}\n\n.photon-caption-10 {\n font-size: 11px;\n font-weight: 400;\n}\n"],sourceRoot:""}]);const s=i},895:(n,o,e)=>{e.d(o,{A:()=>p});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(692),e.b),l=i()(a()),h=A()(c);l.push([n.id,`body,\nhtml {\n /* Please keep it synced with res/css/style.css */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n Oxygen-Sans, Ubuntu, 'Noto Sans', 'Liberation Sans', Cantarell,\n 'Helvetica Neue', sans-serif;\n font-size: 11px;\n}\n\n.row {\n padding: 0 3em 2em;\n border-left: 2px solid var(--grey-30);\n margin: 3em 0;\n}\n\n.row:hover {\n border-color: var(--blue-60);\n}\n\n.row pre {\n display: block;\n margin: 2em 0;\n}\n\n.photon-button-test-image {\n width: 24px;\n height: 24px;\n background-image: url(${h});\n background-position: 50%;\n background-repeat: no-repeat;\n}\n\n/* Give nearby message bars some room so that they can breathe a bit. */\n.photon-message-bar {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.sized-to-content {\n max-width: max-content;\n}\n\n.sized-constrained {\n max-width: 300px;\n}\n`,"",{version:3,sources:["webpack://./res/photon/style.css"],names:[],mappings:"AAAA;;EAEE,iDAAiD;EACjD;;gCAE8B;EAC9B,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB,qCAAqC;EACrC,aAAa;AACf;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,cAAc;EACd,aAAa;AACf;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,yDAAiD;EACjD,wBAAwB;EACxB,4BAA4B;AAC9B;;AAEA,uEAAuE;AACvE;EACE,eAAe;EACf,kBAAkB;AACpB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,gBAAgB;AAClB",sourcesContent:["body,\nhtml {\n /* Please keep it synced with res/css/style.css */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n Oxygen-Sans, Ubuntu, 'Noto Sans', 'Liberation Sans', Cantarell,\n 'Helvetica Neue', sans-serif;\n font-size: 11px;\n}\n\n.row {\n padding: 0 3em 2em;\n border-left: 2px solid var(--grey-30);\n margin: 3em 0;\n}\n\n.row:hover {\n border-color: var(--blue-60);\n}\n\n.row pre {\n display: block;\n margin: 2em 0;\n}\n\n.photon-button-test-image {\n width: 24px;\n height: 24px;\n background-image: url(../img/svg/pane-expand.svg);\n background-position: 50%;\n background-repeat: no-repeat;\n}\n\n/* Give nearby message bars some room so that they can breathe a bit. */\n.photon-message-bar {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.sized-to-content {\n max-width: max-content;\n}\n\n.sized-constrained {\n max-width: 300px;\n}\n"],sourceRoot:""}]);const p=l},314:n=>{n.exports=function(n){var o=[];return o.toString=function(){return this.map((function(o){var e="",t=void 0!==o[5];return o[4]&&(e+="@supports (".concat(o[4],") {")),o[2]&&(e+="@media ".concat(o[2]," {")),t&&(e+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),e+=n(o),t&&(e+="}"),o[2]&&(e+="}"),o[4]&&(e+="}"),e})).join("")},o.i=function(n,e,t,a,r){"string"==typeof n&&(n=[[null,n,void 0]]);var i={};if(t)for(var s=0;s<this.length;s++){var A=this[s][0];null!=A&&(i[A]=!0)}for(var c=0;c<n.length;c++){var l=[].concat(n[c]);t&&i[l[0]]||(void 0!==r&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=r),e&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=e):l[2]=e),a&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=a):l[4]="".concat(a)),o.push(l))}},o}},417:n=>{n.exports=function(n,o){return o||(o={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),o.hash&&(n+=o.hash),/["'() \t\n]|(%20)/.test(n)||o.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},354:n=>{n.exports=function(n){var o=n[1],e=n[3];if(!e)return o;if("function"==typeof btoa){var t=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(t),r="/*# ".concat(a," */");return[o].concat([r]).join("\n")}return[o].join("\n")}},72:n=>{var o=[];function e(n){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===n){e=t;break}return e}function t(n,t){for(var r={},i=[],s=0;s<n.length;s++){var A=n[s],c=t.base?A[0]+t.base:A[0],l=r[c]||0,h="".concat(c," ").concat(l);r[c]=l+1;var p=e(h),d={css:A[1],media:A[2],sourceMap:A[3],supports:A[4],layer:A[5]};if(-1!==p)o[p].references++,o[p].updater(d);else{var u=a(d,t);t.byIndex=s,o.splice(s,0,{identifier:h,updater:u,references:1})}i.push(h)}return i}function a(n,o){var e=o.domAPI(o);return e.update(n),function(o){if(o){if(o.css===n.css&&o.media===n.media&&o.sourceMap===n.sourceMap&&o.supports===n.supports&&o.layer===n.layer)return;e.update(n=o)}else e.remove()}}n.exports=function(n,a){var r=t(n=n||[],a=a||{});return function(n){n=n||[];for(var i=0;i<r.length;i++){var s=e(r[i]);o[s].references--}for(var A=t(n,a),c=0;c<r.length;c++){var l=e(r[c]);0===o[l].references&&(o[l].updater(),o.splice(l,1))}r=A}}},659:n=>{var o={};n.exports=function(n,e){var t=function(n){if(void 0===o[n]){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}o[n]=e}return o[n]}(n);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(e)}},540:n=>{n.exports=function(n){var o=document.createElement("style");return n.setAttributes(o,n.attributes),n.insert(o,n.options),o}},56:(n,o,e)=>{n.exports=function(n){var o=e.nc;o&&n.setAttribute("nonce",o)}},825:n=>{n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(e){!function(n,o,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var a=void 0!==e.layer;a&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,a&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var r=e.sourceMap;r&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),o.styleTagTransform(t,n,o.options)}(o,n,e)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(o)}}}},113:n=>{n.exports=function(n,o){if(o.styleSheet)o.styleSheet.cssText=n;else{for(;o.firstChild;)o.removeChild(o.firstChild);o.appendChild(document.createTextNode(n))}}},898:(n,o,e)=>{n.exports=e.p+"8aae7b979b04407f71a4.svg"},199:(n,o,e)=>{n.exports=e.p+"6c8063be3afa1d95c902.svg"},196:(n,o,e)=>{n.exports=e.p+"6bd0589a27236471fdab.svg"},572:(n,o,e)=>{n.exports=e.p+"aa867391c311267af5a9.svg"},981:(n,o,e)=>{n.exports=e.p+"9103e94f1d34c15d44be.svg"},277:(n,o,e)=>{n.exports=e.p+"31fe933f3a12be1aa7f3.svg"},692:(n,o,e)=>{n.exports=e.p+"49da6a2153f62ef73d17.svg"},814:(n,o,e)=>{n.exports=e.p+"76e5b29823c9fd62d90d.svg"},115:(n,o,e)=>{n.exports=e.p+"8dab2a6ba757bcc6e9a5.svg"},563:(n,o,e)=>{n.exports=e.p+"f0599659345cf76717cd.svg"}},o={};function e(t){var a=o[t];if(void 0!==a)return a.exports;var r=o[t]={id:t,exports:{}};return n[t](r,r.exports,e),r.exports}e.m=n,e.n=n=>{var o=n&&n.__esModule?()=>n.default:()=>n;return e.d(o,{a:o}),o},e.d=(n,o)=>{for(var t in o)e.o(o,t)&&!e.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:o[t]})},e.o=(n,o)=>Object.prototype.hasOwnProperty.call(n,o),e.p="/photon/",e.b=document.baseURI||self.location.href,e.nc=void 0;var t=e(72),a=e.n(t),r=e(825),i=e.n(r),s=e(659),A=e.n(s),c=e(56),l=e.n(c),h=e(540),p=e.n(h),d=e(113),u=e.n(d),b=e(27),g={};g.styleTagTransform=u(),g.setAttributes=l(),g.insert=A().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=p(),a()(b.A,g),b.A&&b.A.locals&&b.A.locals;var f=e(624),C={};C.styleTagTransform=u(),C.setAttributes=l(),C.insert=A().bind(null,"head"),C.domAPI=i(),C.insertStyleElement=p(),a()(f.A,C),f.A&&f.A.locals&&f.A.locals;var E=e(312),m={};m.styleTagTransform=u(),m.setAttributes=l(),m.insert=A().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=p(),a()(E.A,m),E.A&&E.A.locals&&E.A.locals;var v=e(895),B={};B.styleTagTransform=u(),B.setAttributes=l(),B.insert=A().bind(null,"head"),B.domAPI=i(),B.insertStyleElement=p(),a()(v.A,B),v.A&&v.A.locals&&v.A.locals})();
2
- //# sourceMappingURL=main.aafbcdad3fb08c7ae5b4.bundle.js.map
1
+ (()=>{"use strict";var n={312:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* AUTOGENERATED Photon Colors CSS Variables v3.3.2 */\n\n:root {\n --magenta-50: #ff1ad9;\n --magenta-60: #ed00b5;\n --magenta-70: #b5007f;\n --magenta-80: #7d004f;\n --magenta-90: #440027;\n\n --purple-30: #c069ff;\n --purple-40: #ad3bff;\n --purple-50: #9400ff;\n --purple-60: #8000d7;\n --purple-70: #6200a4;\n --purple-80: #440071;\n --purple-90: #25003e;\n\n --blue-40: #45a1ff;\n --blue-50: #0a84ff;\n --blue-50-a30: rgba(10, 132, 255, 0.3);\n --blue-60: #0060df;\n --blue-70: #003eaa;\n --blue-80: #002275;\n --blue-90: #000f40;\n\n --teal-50: #00feff;\n --teal-60: #00c8d7;\n --teal-70: #008ea4;\n --teal-80: #005a71;\n --teal-90: #002d3e;\n\n --green-50: #30e60b;\n --green-60: #12bc00;\n --green-70: #058b00;\n --green-80: #006504;\n --green-90: #003706;\n\n --yellow-50: #ffe900;\n --yellow-60: #d7b600;\n --yellow-60-a30: rgba(215, 182, 0, 0.3);\n --yellow-70: #a47f00;\n --yellow-80: #715100;\n --yellow-90: #3e2800;\n\n --red-50: #ff0039;\n --red-60: #d70022;\n --red-60-a30: rgba(215, 0, 34, 0.3);\n --red-70: #a4000f;\n --red-80: #5a0002;\n --red-90: #3e0200;\n\n --orange-50: #ff9400;\n --orange-60: #d76e00;\n --orange-70: #a44900;\n --orange-80: #712b00;\n --orange-90: #3e1300;\n\n --grey-10: #f9f9fa;\n --grey-10-a10: rgba(249, 249, 250, 0.1);\n --grey-10-a20: rgba(249, 249, 250, 0.2);\n --grey-10-a40: rgba(249, 249, 250, 0.4);\n --grey-10-a60: rgba(249, 249, 250, 0.6);\n --grey-10-a80: rgba(249, 249, 250, 0.8);\n --grey-20: #ededf0;\n --grey-30: #d7d7db;\n --grey-40: #b1b1b3;\n --grey-50: #737373;\n --grey-60: #4a4a4f;\n --grey-70: #38383d;\n --grey-80: #2a2a2e;\n --grey-90: #0c0c0d;\n --grey-90-a05: rgba(12, 12, 13, 0.05);\n --grey-90-a10: rgba(12, 12, 13, 0.1);\n --grey-90-a20: rgba(12, 12, 13, 0.2);\n --grey-90-a30: rgba(12, 12, 13, 0.3);\n --grey-90-a40: rgba(12, 12, 13, 0.4);\n --grey-90-a50: rgba(12, 12, 13, 0.5);\n --grey-90-a60: rgba(12, 12, 13, 0.6);\n --grey-90-a70: rgba(12, 12, 13, 0.7);\n --grey-90-a80: rgba(12, 12, 13, 0.8);\n --grey-90-a90: rgba(12, 12, 13, 0.9);\n\n --ink-40: #7175A8;\n --ink-50: #595E91;\n --ink-60: #464B76;\n --ink-70: #363959;\n --ink-80: #202340;\n --ink-90: #0f1126;\n\n --white-100: #ffffff;\n\n}\n","",{version:3,sources:["webpack://./node_modules/photon-colors/photon-colors.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,qDAAqD;;AAErD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;;EAErB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;;EAEpB,kBAAkB;EAClB,kBAAkB;EAClB,sCAAsC;EACtC,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;;EAElB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;;EAElB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;;EAEnB,oBAAoB;EACpB,oBAAoB;EACpB,uCAAuC;EACvC,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;;EAEpB,iBAAiB;EACjB,iBAAiB;EACjB,mCAAmC;EACnC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;;EAEjB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;;EAEpB,kBAAkB;EAClB,uCAAuC;EACvC,uCAAuC;EACvC,uCAAuC;EACvC,uCAAuC;EACvC,uCAAuC;EACvC,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,qCAAqC;EACrC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;;EAEpC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;;EAEjB,oBAAoB;;AAEtB",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* AUTOGENERATED Photon Colors CSS Variables v3.3.2 */\n\n:root {\n --magenta-50: #ff1ad9;\n --magenta-60: #ed00b5;\n --magenta-70: #b5007f;\n --magenta-80: #7d004f;\n --magenta-90: #440027;\n\n --purple-30: #c069ff;\n --purple-40: #ad3bff;\n --purple-50: #9400ff;\n --purple-60: #8000d7;\n --purple-70: #6200a4;\n --purple-80: #440071;\n --purple-90: #25003e;\n\n --blue-40: #45a1ff;\n --blue-50: #0a84ff;\n --blue-50-a30: rgba(10, 132, 255, 0.3);\n --blue-60: #0060df;\n --blue-70: #003eaa;\n --blue-80: #002275;\n --blue-90: #000f40;\n\n --teal-50: #00feff;\n --teal-60: #00c8d7;\n --teal-70: #008ea4;\n --teal-80: #005a71;\n --teal-90: #002d3e;\n\n --green-50: #30e60b;\n --green-60: #12bc00;\n --green-70: #058b00;\n --green-80: #006504;\n --green-90: #003706;\n\n --yellow-50: #ffe900;\n --yellow-60: #d7b600;\n --yellow-60-a30: rgba(215, 182, 0, 0.3);\n --yellow-70: #a47f00;\n --yellow-80: #715100;\n --yellow-90: #3e2800;\n\n --red-50: #ff0039;\n --red-60: #d70022;\n --red-60-a30: rgba(215, 0, 34, 0.3);\n --red-70: #a4000f;\n --red-80: #5a0002;\n --red-90: #3e0200;\n\n --orange-50: #ff9400;\n --orange-60: #d76e00;\n --orange-70: #a44900;\n --orange-80: #712b00;\n --orange-90: #3e1300;\n\n --grey-10: #f9f9fa;\n --grey-10-a10: rgba(249, 249, 250, 0.1);\n --grey-10-a20: rgba(249, 249, 250, 0.2);\n --grey-10-a40: rgba(249, 249, 250, 0.4);\n --grey-10-a60: rgba(249, 249, 250, 0.6);\n --grey-10-a80: rgba(249, 249, 250, 0.8);\n --grey-20: #ededf0;\n --grey-30: #d7d7db;\n --grey-40: #b1b1b3;\n --grey-50: #737373;\n --grey-60: #4a4a4f;\n --grey-70: #38383d;\n --grey-80: #2a2a2e;\n --grey-90: #0c0c0d;\n --grey-90-a05: rgba(12, 12, 13, 0.05);\n --grey-90-a10: rgba(12, 12, 13, 0.1);\n --grey-90-a20: rgba(12, 12, 13, 0.2);\n --grey-90-a30: rgba(12, 12, 13, 0.3);\n --grey-90-a40: rgba(12, 12, 13, 0.4);\n --grey-90-a50: rgba(12, 12, 13, 0.5);\n --grey-90-a60: rgba(12, 12, 13, 0.6);\n --grey-90-a70: rgba(12, 12, 13, 0.7);\n --grey-90-a80: rgba(12, 12, 13, 0.8);\n --grey-90-a90: rgba(12, 12, 13, 0.9);\n\n --ink-40: #7175A8;\n --ink-50: #595E91;\n --ink-60: #464B76;\n --ink-70: #363959;\n --ink-80: #202340;\n --ink-90: #0f1126;\n\n --white-100: #ffffff;\n\n}\n"],sourceRoot:""}]);const s=i},27:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* the box shadow is taken from photon-button primary button focus styling\nhttps://design.firefox.com/photon/components/buttons.html */\n\n/* removes the default Firefox focus indicator,\nso that we can add a custom indicator */\ninput::-moz-focus-inner,\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type='radio']:focus-visible,\ninput[type='checkbox']:focus-visible,\ninput[type='button']:focus-visible,\ninput[type='submit']:focus-visible,\ninput[type='reset']:focus-visible,\ninput[type='image']:focus-visible,\ninput[type='range']:focus-visible,\nselect:focus-visible,\nbutton:focus-visible {\n box-shadow:\n 0 0 0 1px var(--blue-50) inset,\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\na:focus-visible {\n box-shadow:\n 0 0 0 2px var(--blue-50),\n 0 0 0 6px var(--blue-50-a30);\n outline: 0;\n}\n","",{version:3,sources:["webpack://./res/css/focus.css"],names:[],mappings:"AAAA;2DAC2D;;AAE3D;uCACuC;AACvC;;EAEE,SAAS;AACX;;AAEA;;;;;;;;;EASE;;;gCAG8B;EAC9B,UAAU;AACZ;;AAEA;EACE;;gCAE8B;EAC9B,UAAU;AACZ",sourcesContent:["/* the box shadow is taken from photon-button primary button focus styling\nhttps://design.firefox.com/photon/components/buttons.html */\n\n/* removes the default Firefox focus indicator,\nso that we can add a custom indicator */\ninput::-moz-focus-inner,\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type='radio']:focus-visible,\ninput[type='checkbox']:focus-visible,\ninput[type='button']:focus-visible,\ninput[type='submit']:focus-visible,\ninput[type='reset']:focus-visible,\ninput[type='image']:focus-visible,\ninput[type='range']:focus-visible,\nselect:focus-visible,\nbutton:focus-visible {\n box-shadow:\n 0 0 0 1px var(--blue-50) inset,\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\na:focus-visible {\n box-shadow:\n 0 0 0 2px var(--blue-50),\n 0 0 0 6px var(--blue-50-a30);\n outline: 0;\n}\n"],sourceRoot:""}]);const s=i},870:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/buttons.html for the spec */\n.photon-button {\n /* These flex and sizing properties aren't necessary when a real <button> is used,\n * but they are when a <a> element is used as a button. */\n display: inline-flex;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n padding: 0 8px;\n border: none;\n border-radius: 2px;\n margin: 0;\n\n /* reset default styles */\n background: none;\n\n /* photon styles */\n background-color: var(--grey-90-a10);\n color: var(--grey-90);\n cursor: initial; /* reset the defaut link style when used as a button */\n font: inherit;\n text-decoration: none; /* reset the defaut link style when used as a button */\n user-select: none;\n}\n\n/* This is a Firefox-specific style because Firefox adds a focusring at a bad\n * position. We're adding our own below. */\n.photon-button::-moz-focus-inner {\n border: none;\n}\n\n.photon-button:disabled {\n opacity: 0.4;\n}\n\n/* Note: we're using :not(:disabled) instead of :enabled so that this can apply\n * to non-input elements too. */\n.photon-button:hover:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button:hover:active:not(:disabled) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-button-primary,\n.photon-button-destructive,\n.photon-button-default {\n min-width: 132px;\n height: 32px;\n padding: 0 8px;\n font-size: 13px;\n}\n\n.photon-button-primary {\n background-color: var(--blue-60);\n color: #fff;\n}\n\n.photon-button-primary:hover:not(:disabled) {\n background-color: var(--blue-70);\n}\n\n.photon-button-primary:hover:active:not(:disabled) {\n background-color: var(--blue-80);\n}\n\n/* Use this class for destructive actions only. */\n.photon-button-destructive {\n background-color: var(--red-60);\n color: #fff;\n}\n\n.photon-button-destructive:hover:not(:disabled) {\n background-color: var(--red-70);\n}\n\n.photon-button-destructive:hover:active:not(:disabled) {\n background-color: var(--red-80);\n}\n\n.photon-button-ghost {\n width: 32px;\n height: 32px;\n background-color: transparent;\n}\n\n.photon-button-ghost:hover:not(:disabled),\n.photon-button-ghost--checked {\n background-color: var(--grey-90-a10);\n}\n\n.photon-button-ghost:hover:active:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button-micro {\n height: 24px;\n}\n","",{version:3,sources:["webpack://./res/css/photon/button.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,+EAA+E;AAC/E;EACE;2DACyD;EACzD,oBAAoB;EACpB,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,cAAc;EACd,YAAY;EACZ,kBAAkB;EAClB,SAAS;;EAET,yBAAyB;EACzB,gBAAgB;;EAEhB,kBAAkB;EAClB,oCAAoC;EACpC,qBAAqB;EACrB,eAAe,EAAE,sDAAsD;EACvE,aAAa;EACb,qBAAqB,EAAE,sDAAsD;EAC7E,iBAAiB;AACnB;;AAEA;0CAC0C;AAC1C;EACE,YAAY;AACd;;AAEA;EACE,YAAY;AACd;;AAEA;+BAC+B;AAC/B;EACE,oCAAoC;AACtC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;;;EAGE,gBAAgB;EAChB,YAAY;EACZ,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,gCAAgC;EAChC,WAAW;AACb;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC;;AAEA,iDAAiD;AACjD;EACE,+BAA+B;EAC/B,WAAW;AACb;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,6BAA6B;AAC/B;;AAEA;;EAEE,oCAAoC;AACtC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;AACd",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/buttons.html for the spec */\n.photon-button {\n /* These flex and sizing properties aren't necessary when a real <button> is used,\n * but they are when a <a> element is used as a button. */\n display: inline-flex;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n padding: 0 8px;\n border: none;\n border-radius: 2px;\n margin: 0;\n\n /* reset default styles */\n background: none;\n\n /* photon styles */\n background-color: var(--grey-90-a10);\n color: var(--grey-90);\n cursor: initial; /* reset the defaut link style when used as a button */\n font: inherit;\n text-decoration: none; /* reset the defaut link style when used as a button */\n user-select: none;\n}\n\n/* This is a Firefox-specific style because Firefox adds a focusring at a bad\n * position. We're adding our own below. */\n.photon-button::-moz-focus-inner {\n border: none;\n}\n\n.photon-button:disabled {\n opacity: 0.4;\n}\n\n/* Note: we're using :not(:disabled) instead of :enabled so that this can apply\n * to non-input elements too. */\n.photon-button:hover:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button:hover:active:not(:disabled) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-button-primary,\n.photon-button-destructive,\n.photon-button-default {\n min-width: 132px;\n height: 32px;\n padding: 0 8px;\n font-size: 13px;\n}\n\n.photon-button-primary {\n background-color: var(--blue-60);\n color: #fff;\n}\n\n.photon-button-primary:hover:not(:disabled) {\n background-color: var(--blue-70);\n}\n\n.photon-button-primary:hover:active:not(:disabled) {\n background-color: var(--blue-80);\n}\n\n/* Use this class for destructive actions only. */\n.photon-button-destructive {\n background-color: var(--red-60);\n color: #fff;\n}\n\n.photon-button-destructive:hover:not(:disabled) {\n background-color: var(--red-70);\n}\n\n.photon-button-destructive:hover:active:not(:disabled) {\n background-color: var(--red-80);\n}\n\n.photon-button-ghost {\n width: 32px;\n height: 32px;\n background-color: transparent;\n}\n\n.photon-button-ghost:hover:not(:disabled),\n.photon-button-ghost--checked {\n background-color: var(--grey-90-a10);\n}\n\n.photon-button-ghost:hover:active:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button-micro {\n height: 24px;\n}\n"],sourceRoot:""}]);const s=i},977:(n,o,e)=>{e.d(o,{A:()=>u});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(199),e.b),l=new URL(e(898),e.b),h=i()(a()),p=A()(c),d=A()(l);h.push([n.id,`/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-checkbox {\n position: relative;\n padding: 0;\n border: 1px solid var(--grey-90-a30);\n border-radius: 2px;\n appearance: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Remove the border, as it compets with box-shadow styles applied with focus.css */\n.photon-checkbox:focus-visible {\n border: none;\n}\n\n/* Use this class with the photon-checkbox for the canonical photon styling. */\n.photon-checkbox-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-checkbox for the custom micro variant. */\n.photon-checkbox-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-checkbox:hover:not([disabled]) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-checkbox:checked:not([disabled]) {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-checkbox:hover:active:not([disabled]) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-checkbox-default:checked:not([disabled]) {\n background-image: url(${p});\n}\n\n.photon-checkbox-micro:checked:not([disabled]) {\n background-image: url(${d});\n}\n\n.photon-checkbox:checked:hover:not([disabled]) {\n background-color: var(--blue-70);\n}\n\n.photon-checkbox:checked:hover:active:not([disabled]) {\n background-color: var(--blue-80);\n}\n`,"",{version:3,sources:["webpack://./res/css/photon/checkbox.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;EACE,kBAAkB;EAClB,UAAU;EACV,oCAAoC;EACpC,kBAAkB;EAClB,gBAAgB;EAChB,oCAAoC;AACtC;;AAEA,mFAAmF;AACnF;EACE,YAAY;AACd;;AAEA,8EAA8E;AAC9E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA,0EAA0E;AAC1E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;EACZ,gCAAgC;AAClC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,yDAA0D;AAC5D;;AAEA;EACE,yDAA0D;AAC5D;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-checkbox {\n position: relative;\n padding: 0;\n border: 1px solid var(--grey-90-a30);\n border-radius: 2px;\n appearance: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Remove the border, as it compets with box-shadow styles applied with focus.css */\n.photon-checkbox:focus-visible {\n border: none;\n}\n\n/* Use this class with the photon-checkbox for the canonical photon styling. */\n.photon-checkbox-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-checkbox for the custom micro variant. */\n.photon-checkbox-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-checkbox:hover:not([disabled]) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-checkbox:checked:not([disabled]) {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-checkbox:hover:active:not([disabled]) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-checkbox-default:checked:not([disabled]) {\n background-image: url(../../img/svg/checkbox-check-16.svg);\n}\n\n.photon-checkbox-micro:checked:not([disabled]) {\n background-image: url(../../img/svg/checkbox-check-13.svg);\n}\n\n.photon-checkbox:checked:hover:not([disabled]) {\n background-color: var(--blue-70);\n}\n\n.photon-checkbox:checked:hover:active:not([disabled]) {\n background-color: var(--blue-80);\n}\n"],sourceRoot:""}]);const u=h},40:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,'/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* This implements a confirm dialog using Photon components. \n * While not formally part of photon.\n *\n * This is how we can use it:\n *\n * <div className="confirmDialog">\n * <h3 className="confirmDialogTitle">\n * Wonderful title\n * </h3>\n * <div className="confirmDialogContent">\n * Wonderful content\n * </div>\n * <div className="confirmDialogButtons">\n * <input\n * type="button"\n * className="photon-button photon-button-default"\n * value="Cancel"\n * onClick={doSomethingOnCancel}\n * />\n * <input\n * type="button"\n * className="photon-button photon-button-destructive"\n * value="Confirm"\n * onClick={doSomethingOnConfirm}\n * />\n * </div>\n * </div>\n *\n */\n\n.confirmDialogTitle {\n overflow: hidden;\n margin: 0;\n font-size: 1.2em;\n text-overflow: ellipsis;\n}\n\n.confirmDialogContent {\n margin: 16px 0;\n}\n\n.confirmDialogButtons {\n display: flex;\n gap: 8px;\n}\n\n.confirmDialogButtons > .photon-button {\n flex: auto;\n}\n',"",{version:3,sources:["webpack://./res/css/photon/confirm-dialog.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BE;;AAEF;EACE,gBAAgB;EAChB,SAAS;EACT,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,QAAQ;AACV;;AAEA;EACE,UAAU;AACZ",sourcesContent:['/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* This implements a confirm dialog using Photon components. \n * While not formally part of photon.\n *\n * This is how we can use it:\n *\n * <div className="confirmDialog">\n * <h3 className="confirmDialogTitle">\n * Wonderful title\n * </h3>\n * <div className="confirmDialogContent">\n * Wonderful content\n * </div>\n * <div className="confirmDialogButtons">\n * <input\n * type="button"\n * className="photon-button photon-button-default"\n * value="Cancel"\n * onClick={doSomethingOnCancel}\n * />\n * <input\n * type="button"\n * className="photon-button photon-button-destructive"\n * value="Confirm"\n * onClick={doSomethingOnConfirm}\n * />\n * </div>\n * </div>\n *\n */\n\n.confirmDialogTitle {\n overflow: hidden;\n margin: 0;\n font-size: 1.2em;\n text-overflow: ellipsis;\n}\n\n.confirmDialogContent {\n margin: 16px 0;\n}\n\n.confirmDialogButtons {\n display: flex;\n gap: 8px;\n}\n\n.confirmDialogButtons > .photon-button {\n flex: auto;\n}\n'],sourceRoot:""}]);const s=i},624:(n,o,e)=>{e.d(o,{A:()=>g});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(445),A=e(870),c=e(977),l=e(48),h=e(630),p=e(798),d=e(268),u=e(40),b=i()(a());b.i(s.A),b.i(A.A),b.i(c.A),b.i(l.A),b.i(h.A),b.i(p.A),b.i(d.A),b.i(u.A),b.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n","",{version:3,sources:["webpack://./res/css/photon/index.css"],names:[],mappings:"AAAA;;6DAE6D",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n@import './typography.css';\n@import './button.css';\n@import './checkbox.css';\n@import './input.css';\n@import './label.css';\n@import './message-bar.css';\n@import './radio-button.css';\n@import './confirm-dialog.css';\n"],sourceRoot:""}]);const g=b},48:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/input-fields.html for the spec */\n.photon-input {\n height: 32px;\n padding: 0 8px;\n border: 1px solid var(--grey-90-a20);\n border-radius: 2px;\n box-shadow: none; /* remove the default Firefox style */\n}\n\n.photon-input:hover {\n border-color: var(--grey-90-a30);\n}\n\n/* The second selector is only here to have a specificity higher than the one in\n * `.photon-input:invalid:not(:placeholder-shown)`. */\n.photon-input:focus-visible,\n.photon-input:focus-visible:invalid {\n border: 1px solid var(--blue-50);\n box-shadow:\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\n.photon-input:invalid:not(:placeholder-shown) {\n border: 1px solid var(--red-60);\n box-shadow:\n 0 0 0 1px var(--red-60),\n 0 0 0 4px var(--red-60-a30);\n}\n","",{version:3,sources:["webpack://./res/css/photon/input.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,oFAAoF;AACpF;EACE,YAAY;EACZ,cAAc;EACd,oCAAoC;EACpC,kBAAkB;EAClB,gBAAgB,EAAE,qCAAqC;AACzD;;AAEA;EACE,gCAAgC;AAClC;;AAEA;qDACqD;AACrD;;EAEE,gCAAgC;EAChC;;gCAE8B;EAC9B,UAAU;AACZ;;AAEA;EACE,+BAA+B;EAC/B;;+BAE6B;AAC/B",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/input-fields.html for the spec */\n.photon-input {\n height: 32px;\n padding: 0 8px;\n border: 1px solid var(--grey-90-a20);\n border-radius: 2px;\n box-shadow: none; /* remove the default Firefox style */\n}\n\n.photon-input:hover {\n border-color: var(--grey-90-a30);\n}\n\n/* The second selector is only here to have a specificity higher than the one in\n * `.photon-input:invalid:not(:placeholder-shown)`. */\n.photon-input:focus-visible,\n.photon-input:focus-visible:invalid {\n border: 1px solid var(--blue-50);\n box-shadow:\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\n.photon-input:invalid:not(:placeholder-shown) {\n border: 1px solid var(--red-60);\n box-shadow:\n 0 0 0 1px var(--red-60),\n 0 0 0 4px var(--red-60-a30);\n}\n"],sourceRoot:""}]);const s=i},630:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-label {\n display: inline-flex;\n align-items: center;\n padding: 3px 0;\n color: var(--grey-90);\n}\n\n/* Use this class with the photon-label for the canonical photon styling. */\n.photon-label-default {\n font-size: 13px;\n}\n\n/* Use this class with the photon-label for the custom micro variant styling. */\n.photon-label-micro {\n font-size: 11px;\n}\n\n.photon-label-horiz-padding {\n padding: 0 3px;\n}\n","",{version:3,sources:["webpack://./res/css/photon/label.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;EACE,oBAAoB;EACpB,mBAAmB;EACnB,cAAc;EACd,qBAAqB;AACvB;;AAEA,2EAA2E;AAC3E;EACE,eAAe;AACjB;;AAEA,+EAA+E;AAC/E;EACE,eAAe;AACjB;;AAEA;EACE,cAAc;AAChB",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-label {\n display: inline-flex;\n align-items: center;\n padding: 3px 0;\n color: var(--grey-90);\n}\n\n/* Use this class with the photon-label for the canonical photon styling. */\n.photon-label-default {\n font-size: 13px;\n}\n\n/* Use this class with the photon-label for the custom micro variant styling. */\n.photon-label-micro {\n font-size: 11px;\n}\n\n.photon-label-horiz-padding {\n padding: 0 3px;\n}\n"],sourceRoot:""}]);const s=i},798:(n,o,e)=>{e.d(o,{A:()=>m});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(277),e.b),l=new URL(e(196),e.b),h=new URL(e(981),e.b),p=new URL(e(563),e.b),d=new URL(e(572),e.b),u=i()(a()),b=A()(c),g=A()(l),f=A()(h),C=A()(p),E=A()(d);u.push([n.id,`/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/message-bars.html */\n.photon-message-bar {\n display: flex;\n min-height: 32px;\n box-sizing: border-box;\n flex-wrap: nowrap;\n\n /* Note: 32px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon) + 16px (icon width) + 4px (right padding for the icon) + 4px\n * (space between icon and text) */\n padding: 4px 4px 4px 32px;\n border-radius: 4px;\n\n /* Note: 8px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon). And same for the top positioning, because we want the icon\n * to stick at the top when the text is multiline */\n background: url(${b}) no-repeat 8px 8px / 16px 16px\n var(--grey-20);\n color: var(--grey-90);\n font-size: 13px;\n font-weight: 400;\n line-height: 1.4;\n}\n\n.photon-message-bar-action-button {\n flex: none;\n}\n\n.photon-message-bar-close-button {\n width: 24px;\n height: 24px;\n flex: none;\n margin-left: auto;\n background: url(${g}) no-repeat center / 16px 16px;\n}\n\n.photon-message-bar-inner-content {\n display: flex;\n flex-wrap: wrap;\n padding-right: 8px;\n gap: 8px;\n}\n\n.photon-message-bar-inner-text {\n /* This padding is carefully computed so that multi-line message bars have the\n * same top padding than single-line message bars. Having this property\n * shouldn't change anything for single-line message bars.\n * It's computed like this:\n * height of single-line message bars is 32px\n * padding of the message-bar div is 4px\n * height of the inner text is line-height * font-size = 1.4 * 13px = 18.2px\n * => (32 - 4 - 18.2) / 2 = 2.9px\n */\n padding: 2.9px 0;\n}\n\n.photon-message-bar-error {\n background-color: var(--red-60);\n background-image: url(${f});\n color: #fff;\n}\n\n.photon-message-bar-warning {\n background-color: var(--yellow-50);\n background-image: url(${C});\n color: var(--yellow-90);\n}\n\n.photon-message-bar-error .photon-message-bar-close-button {\n background-image: url(${E});\n}\n\n/* The default styles for this button are copied from the ghost button, mostly\n * for ease of usage. */\n.photon-message-bar-close-button:hover {\n background-color: var(--grey-90-a10);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button,\n.photon-message-bar-error .photon-message-bar-close-button:hover {\n background-color: var(--red-70);\n color: #fff;\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button,\n.photon-message-bar-warning .photon-message-bar-close-button:hover {\n background-color: var(--yellow-60);\n}\n\n.photon-message-bar-close-button:hover:active {\n background-color: var(--grey-90-a20);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover,\n.photon-message-bar-error .photon-message-bar-close-button:hover:active {\n background-color: var(--red-80);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover,\n.photon-message-bar-warning .photon-message-bar-close-button:hover:active {\n background-color: var(--yellow-70);\n color: #fff;\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover:active {\n background-color: var(--red-90);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover:active {\n background-color: var(--yellow-80);\n}\n`,"",{version:3,sources:["webpack://./res/css/photon/message-bar.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,uEAAuE;AACvE;EACE,aAAa;EACb,gBAAgB;EAChB,sBAAsB;EACtB,iBAAiB;;EAEjB;;oCAEkC;EAClC,yBAAyB;EACzB,kBAAkB;;EAElB;;qDAEmD;EACnD;kBACgB;EAChB,qBAAqB;EACrB,eAAe;EACf,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,UAAU;EACV,iBAAiB;EACjB,gFAA0E;AAC5E;;AAEA;EACE,aAAa;EACb,eAAe;EACf,kBAAkB;EAClB,QAAQ;AACV;;AAEA;EACE;;;;;;;;IAQE;EACF,gBAAgB;AAClB;;AAEA;EACE,+BAA+B;EAC/B,yDAA8C;EAC9C,WAAW;AACb;;AAEA;EACE,kCAAkC;EAClC,yDAAgD;EAChD,uBAAuB;AACzB;;AAEA;EACE,yDAAoD;AACtD;;AAEA;uBACuB;AACvB;EACE,oCAAoC;AACtC;;AAEA;;EAEE,+BAA+B;EAC/B,WAAW;AACb;;AAEA;;EAEE,kCAAkC;AACpC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;;EAEE,+BAA+B;AACjC;;AAEA;;EAEE,kCAAkC;EAClC,WAAW;AACb;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,kCAAkC;AACpC",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/message-bars.html */\n.photon-message-bar {\n display: flex;\n min-height: 32px;\n box-sizing: border-box;\n flex-wrap: nowrap;\n\n /* Note: 32px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon) + 16px (icon width) + 4px (right padding for the icon) + 4px\n * (space between icon and text) */\n padding: 4px 4px 4px 32px;\n border-radius: 4px;\n\n /* Note: 8px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon). And same for the top positioning, because we want the icon\n * to stick at the top when the text is multiline */\n background: url(../../img/svg/info-icon.svg) no-repeat 8px 8px / 16px 16px\n var(--grey-20);\n color: var(--grey-90);\n font-size: 13px;\n font-weight: 400;\n line-height: 1.4;\n}\n\n.photon-message-bar-action-button {\n flex: none;\n}\n\n.photon-message-bar-close-button {\n width: 24px;\n height: 24px;\n flex: none;\n margin-left: auto;\n background: url(../../img/svg/close-dark.svg) no-repeat center / 16px 16px;\n}\n\n.photon-message-bar-inner-content {\n display: flex;\n flex-wrap: wrap;\n padding-right: 8px;\n gap: 8px;\n}\n\n.photon-message-bar-inner-text {\n /* This padding is carefully computed so that multi-line message bars have the\n * same top padding than single-line message bars. Having this property\n * shouldn't change anything for single-line message bars.\n * It's computed like this:\n * height of single-line message bars is 32px\n * padding of the message-bar div is 4px\n * height of the inner text is line-height * font-size = 1.4 * 13px = 18.2px\n * => (32 - 4 - 18.2) / 2 = 2.9px\n */\n padding: 2.9px 0;\n}\n\n.photon-message-bar-error {\n background-color: var(--red-60);\n background-image: url(../../img/svg/error.svg);\n color: #fff;\n}\n\n.photon-message-bar-warning {\n background-color: var(--yellow-50);\n background-image: url(../../img/svg/warning.svg);\n color: var(--yellow-90);\n}\n\n.photon-message-bar-error .photon-message-bar-close-button {\n background-image: url(../../img/svg/close-light.svg);\n}\n\n/* The default styles for this button are copied from the ghost button, mostly\n * for ease of usage. */\n.photon-message-bar-close-button:hover {\n background-color: var(--grey-90-a10);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button,\n.photon-message-bar-error .photon-message-bar-close-button:hover {\n background-color: var(--red-70);\n color: #fff;\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button,\n.photon-message-bar-warning .photon-message-bar-close-button:hover {\n background-color: var(--yellow-60);\n}\n\n.photon-message-bar-close-button:hover:active {\n background-color: var(--grey-90-a20);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover,\n.photon-message-bar-error .photon-message-bar-close-button:hover:active {\n background-color: var(--red-80);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover,\n.photon-message-bar-warning .photon-message-bar-close-button:hover:active {\n background-color: var(--yellow-70);\n color: #fff;\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover:active {\n background-color: var(--red-90);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover:active {\n background-color: var(--yellow-80);\n}\n"],sourceRoot:""}]);const m=u},268:(n,o,e)=>{e.d(o,{A:()=>u});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(115),e.b),l=new URL(e(814),e.b),h=i()(a()),p=A()(c),d=A()(l);h.push([n.id,`/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-radio {\n border: 1px solid var(--grey-90-a30);\n border-radius: 8px;\n appearance: none;\n background: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Use this class with the photon-radio for the canonical photon styling. */\n.photon-radio-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-radio for the custom micro variant styling. */\n.photon-radio-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-radio:hover {\n background-color: var(--grey-90-a20);\n}\n\n.photon-radio:checked {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-radio:hover:active {\n background-color: var(--grey-90-a30);\n}\n\n.photon-radio-default:checked {\n background-image: url(${p});\n}\n\n.photon-radio-micro:checked {\n background-image: url(${d});\n}\n\n.photon-radio:checked:hover {\n background-color: var(--blue-70);\n}\n\n.photon-radio:checked:hover:active {\n background-color: var(--blue-80);\n}\n`,"",{version:3,sources:["webpack://./res/css/photon/radio-button.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;EACE,oCAAoC;EACpC,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;EAChB,oCAAoC;AACtC;;AAEA,2EAA2E;AAC3E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA,+EAA+E;AAC/E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;EACZ,gCAAgC;AAClC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,yDAA8D;AAChE;;AAEA;EACE,yDAA8D;AAChE;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-radio {\n border: 1px solid var(--grey-90-a30);\n border-radius: 8px;\n appearance: none;\n background: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Use this class with the photon-radio for the canonical photon styling. */\n.photon-radio-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-radio for the custom micro variant styling. */\n.photon-radio-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-radio:hover {\n background-color: var(--grey-90-a20);\n}\n\n.photon-radio:checked {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-radio:hover:active {\n background-color: var(--grey-90-a30);\n}\n\n.photon-radio-default:checked {\n background-image: url(../../img/svg/radiobutton-marker-16.svg);\n}\n\n.photon-radio-micro:checked {\n background-image: url(../../img/svg/radiobutton-marker-13.svg);\n}\n\n.photon-radio:checked:hover {\n background-color: var(--blue-70);\n}\n\n.photon-radio:checked:hover:active {\n background-color: var(--blue-80);\n}\n"],sourceRoot:""}]);const u=h},445:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* Specification at https://design.firefox.com/photon/visuals/typography.html */\n\n/* The idea is to use the same numbers for the same context (eg title 20 with\n * body 20 and caption 20), and of course use the hierarchy of titles when\n * needed.\n *\n * When using these styles one has to take care to colors and margins as well.\n * Margins are well described in\n * https://design.firefox.com/photon/visuals/grid.html.\n *\n * In the future we may want to make this more generic by applying these styles\n * by default to h1, h2, h3, etc.\n */\n\n.photon-display-20 {\n font-size: 36px;\n font-weight: 200;\n}\n\n.photon-title-40 {\n font-size: 28px;\n font-weight: 300;\n}\n\n.photon-title-30 {\n font-size: 22px;\n font-weight: 300;\n}\n\n.photon-title-20 {\n font-size: 17px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-title-10 {\n font-size: 13px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-body-30 {\n font-size: 17px;\n font-weight: 400;\n}\n\n.photon-body-20,\n.photon-caption-30 {\n font-size: 15px;\n font-weight: 400;\n}\n\n.photon-body-10,\n.photon-caption-20 {\n font-size: 13px;\n font-weight: 400;\n}\n\n.photon-caption-10 {\n font-size: 11px;\n font-weight: 400;\n}\n","",{version:3,sources:["webpack://./res/css/photon/typography.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,+EAA+E;;AAE/E;;;;;;;;;;EAUE;;AAEF;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;;EAEf,6EAA6E;EAC7E,iBAAiB;AACnB;;AAEA;EACE,eAAe;;EAEf,6EAA6E;EAC7E,iBAAiB;AACnB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;;EAEE,eAAe;EACf,gBAAgB;AAClB;;AAEA;;EAEE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* Specification at https://design.firefox.com/photon/visuals/typography.html */\n\n/* The idea is to use the same numbers for the same context (eg title 20 with\n * body 20 and caption 20), and of course use the hierarchy of titles when\n * needed.\n *\n * When using these styles one has to take care to colors and margins as well.\n * Margins are well described in\n * https://design.firefox.com/photon/visuals/grid.html.\n *\n * In the future we may want to make this more generic by applying these styles\n * by default to h1, h2, h3, etc.\n */\n\n.photon-display-20 {\n font-size: 36px;\n font-weight: 200;\n}\n\n.photon-title-40 {\n font-size: 28px;\n font-weight: 300;\n}\n\n.photon-title-30 {\n font-size: 22px;\n font-weight: 300;\n}\n\n.photon-title-20 {\n font-size: 17px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-title-10 {\n font-size: 13px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-body-30 {\n font-size: 17px;\n font-weight: 400;\n}\n\n.photon-body-20,\n.photon-caption-30 {\n font-size: 15px;\n font-weight: 400;\n}\n\n.photon-body-10,\n.photon-caption-20 {\n font-size: 13px;\n font-weight: 400;\n}\n\n.photon-caption-10 {\n font-size: 11px;\n font-weight: 400;\n}\n"],sourceRoot:""}]);const s=i},895:(n,o,e)=>{e.d(o,{A:()=>p});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(692),e.b),l=i()(a()),h=A()(c);l.push([n.id,`body,\nhtml {\n /* Please keep it synced with res/css/style.css */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n Oxygen-Sans, Ubuntu, 'Noto Sans', 'Liberation Sans', Cantarell,\n 'Helvetica Neue', sans-serif;\n font-size: 11px;\n}\n\n.row {\n padding: 0 3em 2em;\n border-left: 2px solid var(--grey-30);\n margin: 3em 0;\n}\n\n.row:hover {\n border-color: var(--blue-60);\n}\n\n.row pre {\n display: block;\n margin: 2em 0;\n}\n\n.photon-button-test-image {\n width: 24px;\n height: 24px;\n background-image: url(${h});\n background-position: 50%;\n background-repeat: no-repeat;\n}\n\n/* Give nearby message bars some room so that they can breathe a bit. */\n.photon-message-bar {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.sized-to-content {\n max-width: max-content;\n}\n\n.sized-constrained {\n max-width: 300px;\n}\n`,"",{version:3,sources:["webpack://./res/photon/style.css"],names:[],mappings:"AAAA;;EAEE,iDAAiD;EACjD;;gCAE8B;EAC9B,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB,qCAAqC;EACrC,aAAa;AACf;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,cAAc;EACd,aAAa;AACf;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,yDAAiD;EACjD,wBAAwB;EACxB,4BAA4B;AAC9B;;AAEA,uEAAuE;AACvE;EACE,eAAe;EACf,kBAAkB;AACpB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,gBAAgB;AAClB",sourcesContent:["body,\nhtml {\n /* Please keep it synced with res/css/style.css */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n Oxygen-Sans, Ubuntu, 'Noto Sans', 'Liberation Sans', Cantarell,\n 'Helvetica Neue', sans-serif;\n font-size: 11px;\n}\n\n.row {\n padding: 0 3em 2em;\n border-left: 2px solid var(--grey-30);\n margin: 3em 0;\n}\n\n.row:hover {\n border-color: var(--blue-60);\n}\n\n.row pre {\n display: block;\n margin: 2em 0;\n}\n\n.photon-button-test-image {\n width: 24px;\n height: 24px;\n background-image: url(../img/svg/pane-expand.svg);\n background-position: 50%;\n background-repeat: no-repeat;\n}\n\n/* Give nearby message bars some room so that they can breathe a bit. */\n.photon-message-bar {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.sized-to-content {\n max-width: max-content;\n}\n\n.sized-constrained {\n max-width: 300px;\n}\n"],sourceRoot:""}]);const p=l},314:n=>{n.exports=function(n){var o=[];return o.toString=function(){return this.map((function(o){var e="",t=void 0!==o[5];return o[4]&&(e+="@supports (".concat(o[4],") {")),o[2]&&(e+="@media ".concat(o[2]," {")),t&&(e+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),e+=n(o),t&&(e+="}"),o[2]&&(e+="}"),o[4]&&(e+="}"),e})).join("")},o.i=function(n,e,t,a,r){"string"==typeof n&&(n=[[null,n,void 0]]);var i={};if(t)for(var s=0;s<this.length;s++){var A=this[s][0];null!=A&&(i[A]=!0)}for(var c=0;c<n.length;c++){var l=[].concat(n[c]);t&&i[l[0]]||(void 0!==r&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=r),e&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=e):l[2]=e),a&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=a):l[4]="".concat(a)),o.push(l))}},o}},417:n=>{n.exports=function(n,o){return o||(o={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),o.hash&&(n+=o.hash),/["'() \t\n]|(%20)/.test(n)||o.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},354:n=>{n.exports=function(n){var o=n[1],e=n[3];if(!e)return o;if("function"==typeof btoa){var t=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(t),r="/*# ".concat(a," */");return[o].concat([r]).join("\n")}return[o].join("\n")}},72:n=>{var o=[];function e(n){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===n){e=t;break}return e}function t(n,t){for(var r={},i=[],s=0;s<n.length;s++){var A=n[s],c=t.base?A[0]+t.base:A[0],l=r[c]||0,h="".concat(c," ").concat(l);r[c]=l+1;var p=e(h),d={css:A[1],media:A[2],sourceMap:A[3],supports:A[4],layer:A[5]};if(-1!==p)o[p].references++,o[p].updater(d);else{var u=a(d,t);t.byIndex=s,o.splice(s,0,{identifier:h,updater:u,references:1})}i.push(h)}return i}function a(n,o){var e=o.domAPI(o);return e.update(n),function(o){if(o){if(o.css===n.css&&o.media===n.media&&o.sourceMap===n.sourceMap&&o.supports===n.supports&&o.layer===n.layer)return;e.update(n=o)}else e.remove()}}n.exports=function(n,a){var r=t(n=n||[],a=a||{});return function(n){n=n||[];for(var i=0;i<r.length;i++){var s=e(r[i]);o[s].references--}for(var A=t(n,a),c=0;c<r.length;c++){var l=e(r[c]);0===o[l].references&&(o[l].updater(),o.splice(l,1))}r=A}}},659:n=>{var o={};n.exports=function(n,e){var t=function(n){if(void 0===o[n]){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}o[n]=e}return o[n]}(n);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(e)}},540:n=>{n.exports=function(n){var o=document.createElement("style");return n.setAttributes(o,n.attributes),n.insert(o,n.options),o}},56:(n,o,e)=>{n.exports=function(n){var o=e.nc;o&&n.setAttribute("nonce",o)}},825:n=>{n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(e){!function(n,o,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var a=void 0!==e.layer;a&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,a&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var r=e.sourceMap;r&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),o.styleTagTransform(t,n,o.options)}(o,n,e)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(o)}}}},113:n=>{n.exports=function(n,o){if(o.styleSheet)o.styleSheet.cssText=n;else{for(;o.firstChild;)o.removeChild(o.firstChild);o.appendChild(document.createTextNode(n))}}},898:(n,o,e)=>{n.exports=e.p+"8aae7b979b04407f71a4.svg"},199:(n,o,e)=>{n.exports=e.p+"6c8063be3afa1d95c902.svg"},196:(n,o,e)=>{n.exports=e.p+"6bd0589a27236471fdab.svg"},572:(n,o,e)=>{n.exports=e.p+"aa867391c311267af5a9.svg"},981:(n,o,e)=>{n.exports=e.p+"9103e94f1d34c15d44be.svg"},277:(n,o,e)=>{n.exports=e.p+"31fe933f3a12be1aa7f3.svg"},692:(n,o,e)=>{n.exports=e.p+"49da6a2153f62ef73d17.svg"},814:(n,o,e)=>{n.exports=e.p+"76e5b29823c9fd62d90d.svg"},115:(n,o,e)=>{n.exports=e.p+"8dab2a6ba757bcc6e9a5.svg"},563:(n,o,e)=>{n.exports=e.p+"118632062f4755918dac.svg"}},o={};function e(t){var a=o[t];if(void 0!==a)return a.exports;var r=o[t]={id:t,exports:{}};return n[t](r,r.exports,e),r.exports}e.m=n,e.n=n=>{var o=n&&n.__esModule?()=>n.default:()=>n;return e.d(o,{a:o}),o},e.d=(n,o)=>{for(var t in o)e.o(o,t)&&!e.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:o[t]})},e.o=(n,o)=>Object.prototype.hasOwnProperty.call(n,o),e.p="/photon/",e.b=document.baseURI||self.location.href,e.nc=void 0;var t=e(72),a=e.n(t),r=e(825),i=e.n(r),s=e(659),A=e.n(s),c=e(56),l=e.n(c),h=e(540),p=e.n(h),d=e(113),u=e.n(d),b=e(27),g={};g.styleTagTransform=u(),g.setAttributes=l(),g.insert=A().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=p(),a()(b.A,g),b.A&&b.A.locals&&b.A.locals;var f=e(624),C={};C.styleTagTransform=u(),C.setAttributes=l(),C.insert=A().bind(null,"head"),C.domAPI=i(),C.insertStyleElement=p(),a()(f.A,C),f.A&&f.A.locals&&f.A.locals;var E=e(312),m={};m.styleTagTransform=u(),m.setAttributes=l(),m.insert=A().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=p(),a()(E.A,m),E.A&&E.A.locals&&E.A.locals;var v=e(895),B={};B.styleTagTransform=u(),B.setAttributes=l(),B.insert=A().bind(null,"head"),B.domAPI=i(),B.insertStyleElement=p(),a()(v.A,B),v.A&&v.A.locals&&v.A.locals})();
2
+ //# sourceMappingURL=main.fa2aec5d6b214ac1cdb3.bundle.js.map