1 files changed, 83 insertions, 0 deletions
diff --git a/browser/components/storybook/.storybook/addon-fluent/fluent-panel.css b/browser/components/storybook/.storybook/addon-fluent/fluent-panel.css
new file mode 100644
index 0000000000..75f4562820
--- /dev/null
+++ b/browser/components/storybook/.storybook/addon-fluent/fluent-panel.css
@@ -0,0 +1,83 @@
+/* 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/. */
+
+.addon-panel-body {
+  box-sizing: border-box;
+}
+
+.addon-panel-message {
+  background: #FFF5CF;
+  color: #333333;
+  padding: 10px 15px;
+  line-height: 20px;
+  box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
+  font-size: 13px;
+}
+
+.addon-panel-table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  color: #333333;
+  font-size: 13px;
+  line-height: 20px;
+  text-align: left;
+  width: 100%;
+  margin: 0;
+}
+
+.addon-panel-table-head {
+  color: rgba(51,51,51,0.75);
+}
+
+.addon-panel-table-head th {
+  padding: 10px 15px;
+  border: none;
+  vertical-align: top;
+}
+
+.addon-panel-table-head th:first-of-type, .addon-panel-table-body td:first-of-type {
+  width: 25%;
+  padding-left: 20px;
+}
+
+.addon-panel-table-head th:last-of-type, .addon-panel-table-body td:last-of-type {
+  padding-right: 20px;
+}
+
+.addon-panel-table-body {
+  border-radius: 4px;
+}
+
+.addon-panel-table-body tr {
+  overflow: hidden;
+  border-top: 1px solid #e6e6e6;
+}
+
+.addon-panel-table-body td {
+  padding: 10px 15px;
+  font-weight: bold;
+}
+
+.addon-panel-table-body label {
+  display: flex;
+}
+
+.addon-panel-table-body textarea {
+  height: fit-content;
+  appearance: none;
+  border: none;
+  box-sizing: inherit;
+  display: block;
+  margin: 0;
+  background-color: rgb(255, 255, 255);
+  padding: 6px 10px;
+  color: #333333;
+  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
+  border-radius: 4px;
+  line-height: 20px;
+  flex: 1;
+  text-align: left;
+  overflow: visible;
+  max-height: 400px;
+}