+/* Maximize the size of the viewport when the window is small */
+@media (max-width: 800px) {
+ .category-name {
+ display: none;
+ }
+}
+
+.category-badge {
+ background-color: #E7ADE7;
+ padding: 2px 8px;
+ margin: 6px 0;
+ margin-inline-start: 6px;
+ border-radius: 100%;
+ color: #000000;
+ font-weight: bold;
+ text-align: center;
+}
+
+.category-badge[value="0"] {
+ display: none;
+}
+
+#category-search > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-search.png");
+}
+#category-discover > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png");
+}
+#category-locale > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
+}
+#category-extension > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
+}
+#category-service > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-service.png");
+}
+#category-theme > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png");
+}
+#category-plugin > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png");
+}
+#category-dictionary > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-dictionaries.png");
+}
+#category-experiment > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png");
+}
+#category-legacy > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-legacy.svg");
+}
+#category-availableUpdates > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
+}
+#category-recentUpdates > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png");
+}
+
+/*** main content ***/
+
+#addons-page > hbox {
+ /* This applies to the box surrounding all content. */
+ background-color: #A09090;
+ border-radius: 1em 0 0 0;
+}
+
+.main-content {
+ border: none;
+ padding-bottom: 0;
+}
+
+#view-port {
+}
+
+#headered-views-content {
+ border-radius: 1em 0 0 0;