profile-viewer 0.0.0

data/dist/photon/31fe933f3a12be1aa7f3.svg

@@ -0,0 +1,4 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm1-14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-1 3a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-4a1 1 0 0 0-1-1z" fill="#0C0C0D" fill-opacity=".8"></path></svg>

data/dist/photon/49da6a2153f62ef73d17.svg

@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#0b0b0b">
+  <path fill-opacity=".3" d="M4 13H2V3h2v10zm7-6.9v3.8L8 8l3-1.9z"></path>
+  <path d="M2 14h12c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1H2c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1zM14 3v10H5V3h9zM2 3h2v10H2V3zm5.5 5.8l3 1.9c1 .6 1.5.3 1.5-.8V6.1c0-1.1-.6-1.4-1.5-.8l-3 1.9c-1 .5-1 1 0 1.6zM11 6.1v3.8L8 8l3-1.9z"></path>
+</svg>

data/dist/photon/6bd0589a27236471fdab.svg

@@ -0,0 +1,4 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="rgba(12, 12, 13, .8)" d="M9.061 8l3.47-3.47a.75.75 0 0 0-1.061-1.06L8 6.939 4.53 3.47a.75.75 0 1 0-1.06 1.06L6.939 8 3.47 11.47a.75.75 0 1 0 1.06 1.06L8 9.061l3.47 3.47a.75.75 0 0 0 1.06-1.061z"></path></svg>

data/dist/photon/6c8063be3afa1d95c902.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M6.52,12.5a1,1,0,0,1-.705-.291l-3.52-3.5a1,1,0,1,1,1.41-1.418l2.812,2.8,5.774-5.793a1,1,0,0,1,1.416,1.412l-6.479,6.5A1,1,0,0,1,6.52,12.5Z" fill="#fff"/>
+</svg>

data/dist/photon/76e5b29823c9fd62d90d.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <circle cx="6.5" cy="6.4" r="3" fill="#fff"/>
+</svg>

data/dist/photon/8aae7b979b04407f71a4.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+      <path d="M5.52,9.5 C5.25578464,9.4999449 5.00232869,9.3953269 4.815,9.209 L2.295,6.709 C2.03443209,6.45863981 1.92920015,6.08718015 2.01973935,5.73735375 C2.11027856,5.38752735 2.3825034,5.11375796 2.73181196,5.021241 C3.08112053,4.92872405 3.45316961,5.03185272 3.705,5.291 L5.517,7.091 L9.291,3.298 C9.6828367,2.91843498 10.3065809,2.92295488 10.6928758,3.30815854 C11.0791707,3.6933622 11.0854551,4.31709114 10.707,4.71 L6.228,9.21 C6.0397717,9.3966949 5.78511106,9.5010051 5.52,9.5 Z" fill="#fff"/>
+</svg>

data/dist/photon/8dab2a6ba757bcc6e9a5.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <circle cx="8" cy="8" r="4" fill="#fff"/>
+</svg>

data/dist/photon/9103e94f1d34c15d44be.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="#fff">
+  <path fill-rule="evenodd" d="M12 6A6 6 0 1 1 0 6a6 6 0 0 1 12 0zM5.75 8a.75.75 0 0 0-.75.75v.5c0 .41.34.75.75.75h.5c.41 0 .75-.34.75-.75v-.5A.75.75 0 0 0 6.25 8h-.5zM5 6c0 .54.46 1 1 1s1-.46 1-1V3.15c0-.54-.46-1-1-1s-1 .46-1 1V6z"/>
+</svg>

data/dist/photon/aa867391c311267af5a9.svg

@@ -0,0 +1,4 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="rgba(249, 249, 250, .8)" d="M9.061 8l3.47-3.47a.75.75 0 0 0-1.061-1.06L8 6.939 4.53 3.47a.75.75 0 1 0-1.06 1.06L6.939 8 3.47 11.47a.75.75 0 1 0 1.06 1.06L8 9.061l3.47 3.47a.75.75 0 0 0 1.06-1.061z"></path></svg>

data/dist/photon/f0599659345cf76717cd.svg

@@ -0,0 +1,4 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<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>

data/dist/photon/index.html

@@ -0,0 +1,214 @@
+<!doctype html><html lang="en" dir="ltr"><head><meta charset="utf-8"><title>Photon Styling Examples</title><script defer="defer" src="/photon/main.8c8260452e7439ec6df9.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>
+&lt;button type="button" class="photon-button"&gt;Photon Button&lt;/button&gt;
+&lt;button type="button" class="photon-button" disabled title="This function is disabled because..."&gt;Disabled Photon Button&lt;/button&gt;
+&lt;a class="photon-button"&gt;Photon Button as a link&lt;/a&gt;
+      </pre><button type="button" class="photon-button">Photon Button</button> <button type="button" class="photon-button" disabled="disabled" title="This function is disabled because...">Disabled Photon Button</button> <a class="photon-button">Photon Button as a link</a></div><div class="row"><h3 class="photon-title-20">Photon Button Default</h3><pre>
+&lt;button type="button" class="photon-button photon-button-default"&gt;Default&lt;/button&gt;
+&lt;button type="button" class="photon-button photon-button-default" disabled title="This function is disabled because..."&gt;Disabled Default&lt;/button&gt;
+&lt;a class="photon-button photon-button-default"&gt;Default&lt;/a&gt;
+      </pre><button type="button" class="photon-button photon-button-default">Default</button> <button type="button" class="photon-button photon-button-default" disabled="disabled" title="This function is disabled because...">Disabled Default</button> <a class="photon-button photon-button-default">Default</a></div><div class="row"><h3 class="photon-title-20">Photon Button Primary</h3><pre>
+&lt;button type="button" class="photon-button photon-button-primary"&gt;Primary&lt;/button&gt;
+&lt;button type="button" class="photon-button photon-button-primary" disabled title="This function is disabled because..."&gt;Disabled Primary&lt;/button&gt;
+&lt;a class="photon-button photon-button-primary"&gt;Primary&lt;/a&gt;
+      </pre><button type="button" class="photon-button photon-button-primary">Primary</button> <button type="button" class="photon-button photon-button-primary" disabled="disabled" title="This function is disabled because...">Disabled Primary</button> <a class="photon-button photon-button-primary">Primary</a></div><div class="row"><h3 class="photon-title-20">Photon Button Destructive</h3><p>Use this class for destructive actions only.</p><pre>
+&lt;button type="button" class="photon-button photon-button-destructive"&gt;Delete&lt;/button&gt;
+&lt;button type="button" class="photon-button photon-button-destructive" disabled title="This function is disabled because..."&gt;Disabled Delete&lt;/button&gt;
+&lt;a class="photon-button photon-button-destructive"&gt;Delete&lt;/a&gt;
+      </pre><button type="button" class="photon-button photon-button-destructive">Delete</button> <button type="button" class="photon-button photon-button-destructive" disabled="disabled" title="This function is disabled because...">Disabled Delete</button> <a class="photon-button photon-button-destructive">Delete</a></div><div class="row"><h3 class="photon-title-20">Photon Button Micro</h3><pre>
+&lt;button type="button" class="photon-button photon-button-micro"&gt;Photon Micro Button&lt;/button&gt;
+&lt;button type="button" class="photon-button photon-button-micro" disabled title="This function is disabled because..."&gt;Disabled Photon Micro Button&lt;/button&gt;
+&lt;a class="photon-button photon-button-micro"&gt;Micro button as a link&lt;/a&gt;
+      </pre><button type="button" class="photon-button photon-button-micro">Photon Micro Button</button> <button type="button" class="photon-button photon-button-micro" disabled="disabled" title="This function is disabled because...">Disabled Photon Micro Button</button> <a class="photon-button photon-button-micro">Micro button as a link</a></div><div class="row"><h3 class="photon-title-20">Photon Button Ghost</h3><pre>
+&lt;button type="button" class="photon-button photon-button-ghost photon-button-test-image"&gt;&lt;/button&gt;
+&lt;button type="button" class="photon-button photon-button-ghost photon-button-test-image" disabled title="This function is disabled because..."&gt;&lt;/button&gt;
+      </pre><button type="button" class="photon-button photon-button-ghost photon-button-test-image"></button> <button type="button" class="photon-button photon-button-ghost photon-button-test-image" disabled="disabled" title="This function is disabled because..."></button> <a class="photon-button photon-button-ghost photon-button-test-image"></a></div><h2 class="photon-title-30">Photon inputs</h2><div class="row"><h3 class="photon-title-20">Photon Input</h3><pre>&lt;input type="text" class="photon-input" value="Example text" /&gt;</pre><input class="photon-input" value="Example text"/></div><div class="row"><h3 class="photon-title-20">Photon Checkbox</h3><pre>
+&lt;label class="photon-label photon-label-default"&gt;
+  &lt;input type="checkbox" class="photon-checkbox photon-checkbox-default" /&gt;
+  Enable Me
+&lt;/label&gt;
+      </pre><label class="photon-label photon-label-default"><input type="checkbox" class="photon-checkbox photon-checkbox-default"/> Enable Me</label></div><div class="row"><h3 class="photon-title-20">Photon Checkbox Micro (Unofficial)</h3><pre>
+&lt;label class="photon-label photon-label-micro"&gt;
+  &lt;input type="checkbox" class="photon-checkbox-micro" /&gt;
+  Enable Me
+&lt;/label&gt;
+      </pre><label class="photon-label photon-label-micro"><input type="checkbox" class="photon-checkbox photon-checkbox-micro"/> Enable Me</label></div><div class="row"><h3 class="photon-title-20">Photon Radio</h3><pre>
+&lt;label class="photon-label photon-label-default"&gt;
+  &lt;input type="radio" name="radio-example" class="photon-radio photon-radio-default" /&gt;
+  Choice 1
+&lt;/label&gt;
+&lt;label class="photon-label photon-label-default"&gt;
+  &lt;input type="radio" name="radio-example" class="photon-radio photon-radio-default" /&gt;
+  Choice 2
+&lt;/label&gt;
+&lt;label class="photon-label photon-label-default"&gt;
+  &lt;input type="radio" name="radio-example" class="photon-radio photon-radio-default" /&gt;
+  Choice 3
+&lt;/label&gt;
+      </pre><label class="photon-label photon-label-default"><input type="radio" name="radio-example" class="photon-radio photon-radio-default"/> Choice 1</label> <label class="photon-label photon-label-default"><input type="radio" name="radio-example" class="photon-radio photon-radio-default"/> Choice 2</label> <label class="photon-label photon-label-default"><input type="radio" name="radio-example" class="photon-radio photon-radio-default"/> Choice 3</label></div><div class="row"><h3 class="photon-title-20">Photon Radio Micro (Unofficial)</h3><pre>
+&lt;label class="photon-label photon-label-micro"&gt;
+  &lt;input type="radio" name="radio-example" class="photon-radio photon-radio-micro" /&gt;
+  Choice 1
+&lt;/label&gt;
+&lt;label class="photon-label photon-label-micro"&gt;
+  &lt;input type="radio" name="radio-example" class="photon-radio photon-radio-micro" /&gt;
+  Choice 2
+&lt;/label&gt;
+&lt;label class="photon-label photon-label-micro"&gt;
+  &lt;input type="radio" name="radio-example" class="photon-radio photon-radio-micro" /&gt;
+  Choice 3
+&lt;/label&gt;
+      </pre><label class="photon-label photon-label-micro"><input type="radio" name="radio-example-micro" class="photon-radio photon-radio-micro"/> Choice 1</label> <label class="photon-label photon-label-micro"><input type="radio" name="radio-example-micro" class="photon-radio photon-radio-micro"/> Choice 2</label> <label class="photon-label photon-label-micro"><input type="radio" name="radio-example-micro" class="photon-radio photon-radio-micro"/> Choice 3</label></div><h2 class="photon-title-30">Photon Message Bars</h2><p>These components work well both when taking all the available space or when they're smaller (sized in a flex component for example).</p><h3 class="photon-title-20">Photon Message Bar Generic</h3><div class="row"><pre>
+&lt;div class="photon-message-bar photon-message-bar-inner-content"&gt;
+  &lt;div class="photon-message-bar-inner-text"&gt;
+    This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.
+  &lt;/div&gt;
+&lt;/div&gt;
+        </pre><div class="photon-message-bar photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><div class="photon-message-bar photon-message-bar-inner-content sized-to-content"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><div class="photon-message-bar photon-message-bar-inner-content sized-constrained"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div></div><div class="row"><pre>
+&lt;div class="photon-message-bar photon-message-bar-inner-content"&gt;
+  &lt;div class="photon-message-bar-inner-text"&gt;
+    This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.
+  &lt;/div&gt;
+  &lt;button class="photon-button photon-button-micro photon-message-bar-action-button" type="button"&gt;
+    Call to action
+  &lt;/button&gt;
+&lt;/div&gt;
+        </pre><div class="photon-message-bar photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><div class="photon-message-bar photon-message-bar-inner-content sized-to-content"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><div class="photon-message-bar photon-message-bar-inner-content sized-constrained"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div></div><div class="row"><pre>
+&lt;div class="photon-message-bar"&gt;
+  &lt;div class="photon-message-bar-inner-content"&gt;
+    &lt;div class="photon-message-bar-inner-text"&gt;
+      This is a dismissable message bar. This add-on is not compatible with your version of Firefox.
+    &lt;/div&gt;
+    &lt;button class="photon-button photon-button-micro photon-message-bar-action-button" type="button"&gt;
+      Call to action
+    &lt;/button&gt;
+  &lt;/div&gt;
+  &lt;button class="photon-button photon-message-bar-close-button" type="button"
+    aria-label="Hide the message" title="Hide the message"&gt;
+  &lt;/button&gt;
+&lt;/div&gt;
+        </pre><div class="photon-message-bar"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div><div class="photon-message-bar sized-to-content"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div><div class="photon-message-bar sized-constrained"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div></div><div class="row"><pre>
+&lt;div class="photon-message-bar"&gt;
+  &lt;div class="photon-message-bar-inner-content"&gt;
+    &lt;div class='photon-message-bar-inner-text'&gt;
+      This is a dismissable message bar. This add-on is not compatible with your version of Firefox.
+    &lt;/div&gt;
+  &lt;/div&gt;
+  &lt;button class="photon-button photon-message-bar-close-button" type="button"
+    aria-label="Hide the message" title="Hide the message"&gt;
+  &lt;/button&gt;
+&lt;/div&gt;
+        </pre><div class="photon-message-bar"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div><div class="photon-message-bar sized-to-content"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div><div class="photon-message-bar sized-constrained"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div></div><h3 class="photon-title-20">Photon Message Bar Error</h3><div class="row"><pre>
+&lt;div class="photon-message-bar photon-message-bar-error photon-message-bar-inner-content"&gt;
+  &lt;div class="photon-message-bar-inner-text"&gt;
+    This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.
+  &lt;/div&gt;
+&lt;/div&gt;
+        </pre><div class="photon-message-bar photon-message-bar-error photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><div class="photon-message-bar photon-message-bar-error photon-message-bar-inner-content sized-to-content"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><div class="photon-message-bar photon-message-bar-error photon-message-bar-inner-content sized-constrained"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div></div><div class="row"><pre>
+&lt;div class="photon-message-bar photon-message-bar-error photon-message-bar-inner-content"&gt;
+  &lt;div class="photon-message-bar-inner-text"&gt;
+    This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.
+  &lt;/div&gt;
+  &lt;button class="photon-button photon-button-micro photon-message-bar-action-button" type="button"&gt;
+    Call to action
+  &lt;/button&gt;
+&lt;/div&gt;
+        </pre><div class="photon-message-bar photon-message-bar-error photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><div class="photon-message-bar photon-message-bar-error photon-message-bar-inner-content sized-to-content"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><div class="photon-message-bar photon-message-bar-error photon-message-bar-inner-content sized-constrained"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div></div><div class="row"><pre>
+&lt;div class="photon-message-bar photon-message-bar-error"&gt;
+  &lt;div class="photon-message-bar-inner-content"&gt;
+    &lt;div class="photon-message-bar-inner-text"&gt;
+      This is a dismissable message bar. This add-on is not compatible with your version of Firefox.
+    &lt;/div&gt;
+    &lt;button class="photon-button photon-button-micro photon-message-bar-action-button" type="button"&gt;
+      Call to action
+    &lt;/button&gt;
+  &lt;/div&gt;
+  &lt;button class="photon-button photon-message-bar-close-button" type="button"
+    aria-label="Hide the message" title="Hide the message"&gt;
+  &lt;/button&gt;
+&lt;/div&gt;
+        </pre><div class="photon-message-bar photon-message-bar-error"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div><div class="photon-message-bar photon-message-bar-error sized-to-content"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div><div class="photon-message-bar photon-message-bar-error sized-constrained"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div></div><div class="row"><pre>
+&lt;div class="photon-message-bar photon-message-bar-error"&gt;
+  &lt;div class="photon-message-bar-inner-content"&gt;
+    &lt;div class='photon-message-bar-inner-text'&gt;
+      This is a dismissable message bar. This add-on is not compatible with your version of Firefox.
+    &lt;/div&gt;
+  &lt;/div&gt;
+  &lt;button class="photon-button photon-message-bar-close-button" type="button"
+    aria-label="Hide the message" title="Hide the message"&gt;
+  &lt;/button&gt;
+&lt;/div&gt;
+        </pre><div class="photon-message-bar photon-message-bar-error"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div><div class="photon-message-bar photon-message-bar-error sized-to-content"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div><div class="photon-message-bar photon-message-bar-error sized-constrained"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div></div><h3 class="photon-title-20">Photon Message Bar Warning</h3><div class="row"><pre>
+&lt;div class="photon-message-bar photon-message-bar-warning photon-message-bar-inner-content"&gt;
+  &lt;div class="photon-message-bar-inner-text"&gt;
+    This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.
+  &lt;/div&gt;
+&lt;/div&gt;
+      </pre><div class="photon-message-bar photon-message-bar-warning photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><div class="photon-message-bar photon-message-bar-warning photon-message-bar-inner-content sized-to-content"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><div class="photon-message-bar photon-message-bar-warning photon-message-bar-inner-content sized-constrained"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div></div><div class="row"><pre>
+&lt;div class="photon-message-bar photon-message-bar-warning photon-message-bar-inner-content"&gt;
+  &lt;div class="photon-message-bar-inner-text"&gt;
+    This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.
+  &lt;/div&gt;
+  &lt;button class="photon-button photon-button-micro photon-message-bar-action-button" type="button"&gt;
+    Call to action
+  &lt;/button&gt;
+&lt;/div&gt;
+      </pre><div class="photon-message-bar photon-message-bar-warning photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><div class="photon-message-bar photon-message-bar-warning photon-message-bar-inner-content sized-to-content"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><div class="photon-message-bar photon-message-bar-warning photon-message-bar-inner-content sized-constrained"><div class="photon-message-bar-inner-text">This is a non-dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div></div><div class="row"><pre>
+&lt;div class="photon-message-bar photon-message-bar-warning"&gt;
+  &lt;div class="photon-message-bar-inner-content"&gt;
+    &lt;div class="photon-message-bar-inner-text"&gt;
+      This is a dismissable message bar. This add-on is not compatible with your version of Firefox.
+    &lt;/div&gt;
+    &lt;button class="photon-button photon-button-micro photon-message-bar-action-button" type="button"&gt;
+      Call to action
+    &lt;/button&gt;
+  &lt;/div&gt;
+  &lt;button class="photon-button photon-message-bar-close-button" type="button"
+    aria-label="Hide the message" title="Hide the message"&gt;
+  &lt;/button&gt;
+&lt;/div&gt;
+      </pre><div class="photon-message-bar photon-message-bar-warning"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div><div class="photon-message-bar photon-message-bar-warning sized-to-content"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div><div class="photon-message-bar photon-message-bar-warning sized-constrained"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div><button class="photon-button photon-button-micro photon-message-bar-action-button" type="button">Call to action</button></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div></div><div class="row"><pre>
+&lt;div class="photon-message-bar photon-message-bar-warning"&gt;
+  &lt;div class="photon-message-bar-inner-content"&gt;
+    &lt;div class='photon-message-bar-inner-text'&gt;
+      This is a dismissable message bar. This add-on is not compatible with your version of Firefox.
+    &lt;/div&gt;
+  &lt;/div&gt;
+  &lt;button class="photon-button photon-message-bar-close-button" type="button"
+    aria-label="Hide the message" title="Hide the message"&gt;
+  &lt;/button&gt;
+&lt;/div&gt;
+      </pre><div class="photon-message-bar photon-message-bar-warning"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div><div class="photon-message-bar photon-message-bar-warning sized-to-content"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div><div class="photon-message-bar photon-message-bar-warning sized-constrained"><div class="photon-message-bar-inner-content"><div class="photon-message-bar-inner-text">This is a dismissable message bar. This add-on is not compatible with your version of Firefox.</div></div><button class="photon-button photon-message-bar-close-button" type="button" aria-label="Hide the message" title="Hide the message"></button></div></div><h2 class="photon-title-30">Typography</h2>Please look only at the font sizes and weights. We don't change colors or paddings with these classes..<div class="row"><pre>
+&lt;div class="photon-display-20"&gt;Something just happened.&lt;/div&gt;
+&lt;h4 class="photon-title-30"&gt;Title 30 followed with body 30&lt;/h4&gt;
+&lt;div class="photon-body-30"&gt;This is a large body of text.&lt;/div&gt;
+&lt;div class="photon-caption-30"&gt;This is a caption. Normally its color is also paler.&lt;/div&gt;
+&lt;h4 class="photon-title-20"&gt;Title 20 followed with body 20&lt;/h4&gt;
+&lt;div class="photon-body-20"&gt;This is a large body of text.&lt;/div&gt;
+&lt;div class="photon-caption-20"&gt;This is a caption. Normally its color is also paler.&lt;/div&gt;
+&lt;h4 class="photon-title-10"&gt;Title 10 followed with body 10&lt;/h4&gt;
+&lt;div class="photon-body-10"&gt;This is a large body of text.&lt;/div&gt;
+&lt;div class="photon-caption-10"&gt;This is a caption. Normally its color is also paler.&lt;/div&gt;
+      </pre></div><div class="row"><div class="photon-display-20">Something just happened.</div><h4 class="photon-title-30">Title 30 followed with body 30</h4><div class="photon-body-30">This is a large body of text.</div><div class="photon-caption-30">This is a caption. Normally its color is also paler.</div><h4 class="photon-title-20">Title 20 followed with body 20</h4><div class="photon-body-20">This is a large body of text.</div><div class="photon-caption-20">This is a caption. Normally its color is also paler.</div><h4 class="photon-title-10">Title 10 followed with body 10</h4><div class="photon-body-10">This is a large body of text.</div><div class="photon-caption-10">This is a caption. Normally its color is also paler.</div></div><h2 class="photon-title-30">Bigger components</h2><h3 class="photon-title-20">Confirm dialog</h3><p>This is used to display a confirmation dialog. This will be usually used inside another container.</p><div class="row"><pre>
+&lt;div className="confirmDialog"&gt;
+  &lt;h3 className="confirmDialogTitle"&gt;
+    Wonderful title
+  &lt;/h3&gt;
+  &lt;div className="confirmDialogContent"&gt;
+    Wonderful content
+  &lt;/div&gt;
+  &lt;div className="confirmDialogButtons"&gt;
+    &lt;input
+      type="button"
+      className="photon-button photon-button-default"
+      value="Cancel"
+      onClick={doSomethingOnCancel}
+    /&gt;
+    &lt;input
+      type="button"
+      className="photon-button photon-button-destructive"
+      value="Confirm"
+      onClick={doSomethingOnConfirm}
+    /&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+      </pre></div><div class="row"><div class="confirmDialog"><h3 class="confirmDialogTitle">Wonderful title</h3><div class="confirmDialogContent">Wonderful content</div><div class="confirmDialogButtons"><input type="button" class="photon-button photon-button-default" value="Cancel"/> <input type="button" class="photon-button photon-button-destructive" value="Confirm"/></div></div></div></body></html>

data/dist/photon/main.8c8260452e7439ec6df9.bundle.js

@@ -0,0 +1,2 @@
+(()=>{"use strict";var n={843:(n,o,e)=>{e.d(o,{Z:()=>s});var t=e(537),a=e.n(t),r=e(645),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},735:(n,o,e)=>{e.d(o,{Z:()=>s});var t=e(537),a=e.n(t),r=e(645),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: 0 0 0 1px var(--blue-50) inset, 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: 0 0 0 2px var(--blue-50), 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;gCAC8B;EAC9B,UAAU;AACZ;;AAEA;EACE,kEAAkE;EAClE,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: 0 0 0 1px var(--blue-50) inset, 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: 0 0 0 2px var(--blue-50), 0 0 0 6px var(--blue-50-a30);\n  outline: 0;\n}\n"],sourceRoot:""}]);const s=i},912:(n,o,e)=>{e.d(o,{Z:()=>s});var t=e(537),a=e.n(t),r=e(645),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},641:(n,o,e)=>{e.d(o,{Z:()=>u});var t=e(537),a=e.n(t),r=e(645),i=e.n(r),s=e(667),A=e.n(s),c=new URL(e(445),e.b),l=new URL(e(177),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},19:(n,o,e)=>{e.d(o,{Z:()=>s});var t=e(537),a=e.n(t),r=e(645),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},717:(n,o,e)=>{e.d(o,{Z:()=>g});var t=e(537),a=e.n(t),r=e(645),i=e.n(r),s=e(460),A=e(912),c=e(641),l=e(769),h=e(896),p=e(829),d=e(621),u=e(19),b=i()(a());b.i(s.Z),b.i(A.Z),b.i(c.Z),b.i(l.Z),b.i(h.Z),b.i(p.Z),b.i(d.Z),b.i(u.Z),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},769:(n,o,e)=>{e.d(o,{Z:()=>s});var t=e(537),a=e.n(t),r=e(645),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: 0 0 0 1px var(--blue-50), 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: 0 0 0 1px var(--red-60), 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,kEAAkE;EAClE,UAAU;AACZ;;AAEA;EACE,+BAA+B;EAC/B,gEAAgE;AAClE",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: 0 0 0 1px var(--blue-50), 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: 0 0 0 1px var(--red-60), 0 0 0 4px var(--red-60-a30);\n}\n"],sourceRoot:""}]);const s=i},896:(n,o,e)=>{e.d(o,{Z:()=>s});var t=e(537),a=e.n(t),r=e(645),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},829:(n,o,e)=>{e.d(o,{Z:()=>m});var t=e(537),a=e.n(t),r=e(645),i=e.n(r),s=e(667),A=e.n(s),c=new URL(e(337),e.b),l=new URL(e(115),e.b),h=new URL(e(107),e.b),p=new URL(e(838),e.b),d=new URL(e(325),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},621:(n,o,e)=>{e.d(o,{Z:()=>u});var t=e(537),a=e.n(t),r=e(645),i=e.n(r),s=e(667),A=e.n(s),c=new URL(e(649),e.b),l=new URL(e(567),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},460:(n,o,e)=>{e.d(o,{Z:()=>s});var t=e(537),a=e.n(t),r=e(645),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},695:(n,o,e)=>{e.d(o,{Z:()=>p});var t=e(537),a=e.n(t),r=e(645),i=e.n(r),s=e(667),A=e.n(s),c=new URL(e(295),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},645: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}},667: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}},537: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")}},379: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}}},569: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)}},216:n=>{n.exports=function(n){var o=document.createElement("style");return n.setAttributes(o,n.attributes),n.insert(o,n.options),o}},565:(n,o,e)=>{n.exports=function(n){var o=e.nc;o&&n.setAttribute("nonce",o)}},795: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)}}}},589: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))}}},177:(n,o,e)=>{n.exports=e.p+"8aae7b979b04407f71a4.svg"},445:(n,o,e)=>{n.exports=e.p+"6c8063be3afa1d95c902.svg"},115:(n,o,e)=>{n.exports=e.p+"6bd0589a27236471fdab.svg"},325:(n,o,e)=>{n.exports=e.p+"aa867391c311267af5a9.svg"},107:(n,o,e)=>{n.exports=e.p+"9103e94f1d34c15d44be.svg"},337:(n,o,e)=>{n.exports=e.p+"31fe933f3a12be1aa7f3.svg"},295:(n,o,e)=>{n.exports=e.p+"49da6a2153f62ef73d17.svg"},567:(n,o,e)=>{n.exports=e.p+"76e5b29823c9fd62d90d.svg"},649:(n,o,e)=>{n.exports=e.p+"8dab2a6ba757bcc6e9a5.svg"},838:(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 n=e(379),o=e.n(n),t=e(795),a=e.n(t),r=e(569),i=e.n(r),s=e(565),A=e.n(s),c=e(216),l=e.n(c),h=e(589),p=e.n(h),d=e(735),u={};u.styleTagTransform=p(),u.setAttributes=A(),u.insert=i().bind(null,"head"),u.domAPI=a(),u.insertStyleElement=l(),o()(d.Z,u),d.Z&&d.Z.locals&&d.Z.locals;var b=e(717),g={};g.styleTagTransform=p(),g.setAttributes=A(),g.insert=i().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=l(),o()(b.Z,g),b.Z&&b.Z.locals&&b.Z.locals;var f=e(843),C={};C.styleTagTransform=p(),C.setAttributes=A(),C.insert=i().bind(null,"head"),C.domAPI=a(),C.insertStyleElement=l(),o()(f.Z,C),f.Z&&f.Z.locals&&f.Z.locals;var E=e(695),m={};m.styleTagTransform=p(),m.setAttributes=A(),m.insert=i().bind(null,"head"),m.domAPI=a(),m.insertStyleElement=l(),o()(E.Z,m),E.Z&&E.Z.locals&&E.Z.locals})()})();
+//# sourceMappingURL=main.8c8260452e7439ec6df9.bundle.js.map