update to 49.0rc4

46 files changed, 475 insertions, 233 deletions

diff --git a/arc-firefox-theme/chrome/global/about.css b/arc-firefox-theme/chrome/global/about.css
index 75b378c..25f5299 100644
--- a/arc-firefox-theme/chrome/global/about.css
+++ b/arc-firefox-theme/chrome/global/about.css
@@ -17,7 +17,7 @@ body {
   border: 1px solid ThreeDShadow;
   border-radius: 10px;
   padding: 3em;
-  -moz-padding-start: 30px;
+  padding-inline-start: 30px;
   background: -moz-Field;
 }
 
@@ -43,7 +43,7 @@ img {
 
 ul {
   margin: 0;
-  -moz-margin-start: 1.5em;
+  margin-inline-start: 1.5em;
   padding: 0;
   list-style: square;
 }
diff --git a/arc-firefox-theme/chrome/global/aboutReader.css b/arc-firefox-theme/chrome/global/aboutReader.css
index 8121e5f..84a4657 100644
--- a/arc-firefox-theme/chrome/global/aboutReader.css
+++ b/arc-firefox-theme/chrome/global/aboutReader.css
@@ -9,9 +9,22 @@ body {
 @media (max-width: 785px) {
   body {
     padding-top: 64px;
-    -moz-padding-end: 0;
+    padding-inline-end: 0;
     padding-bottom: 64px;
-    -moz-padding-start: 51px;
+    padding-inline-start: 51px;
+  }
+}
+
+@media print {
+  #container {
+    max-width: 100% !important;
+    font-size: 14px !important;
+    font-family: Georgia, "Times New Roman", serif !important;
+  }
+
+  body {
+    padding-top: 0px;
+    padding-bottom: 0px;
   }
 }
 
@@ -93,6 +106,42 @@ body.serif .remove-button  {
   font-size: 28px;
 }
 
+#container.content-width1 {
+  max-width: 20em;
+}
+
+#container.content-width2 {
+  max-width: 25em;
+}
+
+#container.content-width3 {
+  max-width: 30em;
+}
+
+#container.content-width4  {
+  max-width: 35em;
+}
+
+#container.content-width5 {
+  max-width: 40em;
+}
+
+#container.content-width6 {
+  max-width: 45em;
+}
+
+#container.content-width7 {
+  max-width: 50em;
+}
+
+#container.content-width8 {
+  max-width: 55em;
+}
+
+#container.content-width9 {
+  max-width: 60em;
+}
+
 /* Override some controls and content styles based on color scheme */
 
 body.light > .container > .header > .domain {
@@ -112,13 +161,27 @@ body.sepia > .container > .footer {
 }
 
 body.light blockquote {
-  -moz-border-start: 2px solid #333333 !important;
+  border-inline-start: 2px solid #333333 !important;
 }
 
 body.sepia blockquote {
-  -moz-border-start: 2px solid #5b4636 !important;
+  border-inline-start: 2px solid #5b4636 !important;
 }
 
 body.dark blockquote {
-  -moz-border-start: 2px solid #eeeeee !important;
+  border-inline-start: 2px solid #eeeeee !important;
+}
+
+/* Add toolbar transition base on loaded class  */
+
+body.loaded .toolbar {
+  transition: transform 0.3s ease-out;
+}
+
+body:not(.loaded) .toolbar:-moz-locale-dir(ltr) {
+  transform: translateX(-100%);
+}
+
+body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
+  transform: translateX(100%);
 }
diff --git a/arc-firefox-theme/chrome/global/aboutReaderContent.css b/arc-firefox-theme/chrome/global/aboutReaderContent.css
index 94972c5..9c70c08 100644
--- a/arc-firefox-theme/chrome/global/aboutReaderContent.css
+++ b/arc-firefox-theme/chrome/global/aboutReaderContent.css
@@ -8,6 +8,56 @@
   line-height: 1.6em;
 }
 
+#moz-reader-content.line-height1 {
+  line-height: 1em;
+}
+
+#moz-reader-content.line-height2 {
+  line-height: 1.2em;
+}
+
+#moz-reader-content.line-height3 {
+  line-height: 1.4em;
+}
+
+#moz-reader-content.line-height4 {
+  line-height: 1.6em;
+}
+
+#moz-reader-content.line-height5 {
+  line-height: 1.8em;
+}
+
+#moz-reader-content.line-height6 {
+  line-height: 2.0em;
+}
+
+#moz-reader-content.line-height7 {
+  line-height: 2.2em;
+}
+
+#moz-reader-content.line-height8 {
+  line-height: 2.4em;
+}
+
+#moz-reader-content.line-height9 {
+  line-height: 2.6em;
+}
+
+@media print {
+  p,
+  code,
+  pre,
+  blockquote,
+  ul,
+  ol,
+  li,
+  figure,
+  .wp-caption {
+    margin: 0 0 10px 0 !important;
+  }
+}
+
 h1,
 h2,
 h3 {
@@ -87,7 +137,7 @@ pre {
 
 blockquote {
   padding: 0;
-  -moz-padding-start: 16px;
+  padding-inline-start: 16px;
 }
 
 ul,
@@ -96,12 +146,12 @@ ol {
 }
 
 ul {
-  -moz-padding-start: 30px;
+  padding-inline-start: 30px;
   list-style: disc;
 }
 
 ol {
-  -moz-padding-start: 30px;
+  padding-inline-start: 30px;
   list-style: decimal;
 }
 
diff --git a/arc-firefox-theme/chrome/global/aboutReaderControls.css b/arc-firefox-theme/chrome/global/aboutReaderControls.css
index b640e3c..09f8bdc 100644
--- a/arc-firefox-theme/chrome/global/aboutReaderControls.css
+++ b/arc-firefox-theme/chrome/global/aboutReaderControls.css
@@ -162,7 +162,9 @@
 
 #font-type-buttons,
 #font-size-buttons,
-#color-scheme-buttons {
+#color-scheme-buttons,
+#content-width-buttons,
+#line-height-buttons {
   display: flex;
   flex-direction: row;
 }
@@ -182,13 +184,17 @@
 
 #font-type-buttons > button,
 #font-size-buttons > button,
-#color-scheme-buttons > button {
+#color-scheme-buttons > button,
+#content-width-buttons > button,
+#line-height-buttons > button {
   text-align: center;
   border: 0;
 }
 
 #font-type-buttons > button,
-#font-size-buttons > button {
+#font-size-buttons > button,
+#content-width-buttons > button,
+#line-height-buttons > button {
   width: 50%;
   background-color: transparent;
   border-left: 1px solid #B5B5B5;
@@ -206,7 +212,9 @@
 }
 
 #font-type-buttons > button:first-child,
-#font-size-buttons > button:first-child {
+#font-size-buttons > button:first-child,
+#content-width-buttons > button:first-child,
+#line-height-buttons > button:first-child {
   border-left: 0;
 }
 
@@ -217,7 +225,9 @@
 }
 
 #font-size-buttons > button,
-#color-scheme-buttons > button {
+#color-scheme-buttons > button,
+#content-width-buttons > button,
+#line-height-buttons > button {
   height: 60px;
 }
 
@@ -255,14 +265,20 @@
 
 .button:hover,
 #font-size-buttons > button:hover,
-#font-type-buttons > button:hover {
+#font-type-buttons > button:hover,
+#content-width-buttons > button:hover,
+#line-height-buttons > button:hover {
   background-color: #ebebeb;
 }
 
 .dropdown.open,
 .button:active,
 #font-size-buttons > button:active,
-#font-size-buttons > button.selected {
+#font-size-buttons > button.selected,
+#content-width-buttons > button:active,
+#content-width-buttons > button.selected,
+#line-height-buttons > button:active,
+#line-height-buttons > button.selected {
   background-color: #dadada;
 }
 
@@ -272,7 +288,11 @@
 }
 
 .minus-button,
-.plus-button {
+.plus-button,
+.content-width-minus-button,
+.content-width-plus-button,
+.line-height-minus-button,
+.line-height-plus-button {
   background-color: transparent;
   border: 0;
   background-size: 18px 18px;
@@ -314,6 +334,26 @@
   background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg");
 }
 
+.content-width-minus-button {
+  background-size: 42px 16px;
+  background-image: url("chrome://global/skin/reader/RM-Content-Width-Minus-42x16.svg");
+}
+
+.content-width-plus-button {
+  background-size: 44px 16px;
+  background-image: url("chrome://global/skin/reader/RM-Content-Width-Plus-44x16.svg");
+}
+
+.line-height-minus-button {
+  background-size: 34px 14px;
+  background-image: url("chrome://global/skin/reader/RM-Line-Height-Minus-38x14.svg");
+}
+
+.line-height-plus-button {
+  background-size: 34px 24px;
+  background-image: url("chrome://global/skin/reader/RM-Line-Height-Plus-38x24.svg");
+}
+
 @media print {
   .toolbar {
     display: none !important;
diff --git a/arc-firefox-theme/chrome/global/aboutSupport.css b/arc-firefox-theme/chrome/global/aboutSupport.css
index 590c190..d26cd3c 100644
--- a/arc-firefox-theme/chrome/global/aboutSupport.css
+++ b/arc-firefox-theme/chrome/global/aboutSupport.css
@@ -24,8 +24,8 @@ body {
 }
 
 button {
-  -moz-margin-start: 0;
-  -moz-margin-end: 8px;
+  margin-inline-start: 0;
+  margin-inline-end: 8px;
 }
 
 table {
@@ -93,8 +93,8 @@ td {
   float: right;
   margin-top: 2em;
   margin-bottom: 20px;
-  -moz-margin-start: 20px;
-  -moz-margin-end: 0;
+  margin-inline-start: 20px;
+  margin-inline-end: 0;
   padding: 16px;
   width: 30%;
 }
@@ -105,7 +105,7 @@ td {
   display: none;
 }
 
-#action-box:-moz-dir(rtl) {
+#action-box:dir(rtl) {
   float: left;
 }
 
@@ -117,6 +117,11 @@ td {
   display: block;
 }
 
+#verify-place-result {
+  max-height: 200px;
+  overflow: auto;
+}
+
 .block {
   display: block;
 }
diff --git a/arc-firefox-theme/chrome/global/autocomplete.css b/arc-firefox-theme/chrome/global/autocomplete.css
index 9d1616b..0b4536c 100644
--- a/arc-firefox-theme/chrome/global/autocomplete.css
+++ b/arc-firefox-theme/chrome/global/autocomplete.css
@@ -48,11 +48,7 @@ textbox:not(.padded) .textbox-input-box {
 panel[type="autocomplete"],
 panel[type="autocomplete-richlistbox"],
 .autocomplete-history-popup {
-  border-width: 1px;
-  -moz-border-top-colors: ThreeDDarkShadow;
-  -moz-border-right-colors: ThreeDDarkShadow;
-  -moz-border-bottom-colors: ThreeDDarkShadow;
-  -moz-border-left-colors: ThreeDDarkShadow;
+  border: 1px solid ThreeDShadow;
   padding: 0;
   color: -moz-FieldText;
   background-color: -moz-Field;
@@ -84,7 +80,7 @@ panel[type="autocomplete-richlistbox"],
 }
 
 .autocomplete-treebody::-moz-tree-cell-text {
-  -moz-padding-start: 8px;
+  padding-inline-start: 8px;
 }
 
 treechildren.autocomplete-treebody::-moz-tree-row(selected) {
@@ -117,8 +113,8 @@ treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) {
   height: 16px;
   max-width: 16px;
   max-height: 16px;
-  -moz-margin-start: 13px;
-  -moz-margin-end: 6px;
+  margin-inline-start: 13px;
+  margin-inline-end: 6px;
 }
 
 .ac-site-icon {
@@ -126,8 +122,8 @@ treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) {
   height: 16px;
   max-width: 16px;
   max-height: 16px;
-  -moz-margin-start: 0;
-  -moz-margin-end: 11px;
+  margin-inline-start: 0;
+  margin-inline-end: 11px;
   list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
 }
 
@@ -145,23 +141,23 @@ treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) {
 }
 
 .ac-title {
-  -moz-margin-start: 0;
-  -moz-margin-end: 6px;
+  margin-inline-start: 0;
+  margin-inline-end: 6px;
 }
 
 html|span.ac-tag {
-  -moz-margin-start: 0;
-  -moz-margin-end: 2px;
+  margin-inline-start: 0;
+  margin-inline-end: 2px;
 }
 
 .ac-tags {
-  -moz-margin-start: 0;
-  -moz-margin-end: 4px;
+  margin-inline-start: 0;
+  margin-inline-end: 4px;
 }
 
 .ac-separator {
-  -moz-margin-start: 0;
-  -moz-margin-end: 6px;
+  margin-inline-start: 0;
+  margin-inline-end: 6px;
 }
 
 /* Better align the URL/action with the title. */
diff --git a/arc-firefox-theme/chrome/global/button.css b/arc-firefox-theme/chrome/global/button.css
index dc051f4..8b5f331 100644
--- a/arc-firefox-theme/chrome/global/button.css
+++ b/arc-firefox-theme/chrome/global/button.css
@@ -29,12 +29,12 @@ button {
   border: 1px solid transparent;
   padding-top: 1px;
   padding-bottom: 2px;
-  -moz-padding-start: 3px;
-  -moz-padding-end: 4px;
+  padding-inline-start: 3px;
+  padding-inline-end: 4px;
 }
 
 .button-icon {
-  -moz-margin-end: 2px;
+  margin-inline-end: 2px;
 }
 
 .button-text {
@@ -88,8 +88,8 @@ button[open="true"] > .button-box,
 button[checked="true"] > .button-box {
   padding-top: 2px;
   padding-bottom: 1px;
-  -moz-padding-start: 4px;
-  -moz-padding-end: 3px;
+  padding-inline-start: 4px;
+  padding-inline-end: 3px;
 }
 
 /* .......... disabled state .......... */
@@ -106,8 +106,8 @@ button[disabled="true"]:hover:active {
 button[disabled="true"] > .button-box {
   padding-top: 1px !important;
   padding-bottom: 2px !important;
-  -moz-padding-start: 3px !important;
-  -moz-padding-end: 4px !important;
+  padding-inline-start: 3px !important;
+  padding-inline-end: 4px !important;
 }
 
 /* ::::: menu/menu-button buttons ::::: */
@@ -126,7 +126,7 @@ button[type="menu-button"] {
 }
 
 .button-menubutton-dropmarker {
-  -moz-margin-end: 3px;
+  margin-inline-end: 3px;
 }
 
 /* ::::: plain buttons ::::: */
diff --git a/arc-firefox-theme/chrome/global/checkbox.css b/arc-firefox-theme/chrome/global/checkbox.css
index de2e93c..a4e0744 100644
--- a/arc-firefox-theme/chrome/global/checkbox.css
+++ b/arc-firefox-theme/chrome/global/checkbox.css
@@ -42,7 +42,7 @@ checkbox {
 }
 
 .checkbox-icon[src] {
-  -moz-margin-end: 2px;
+  margin-inline-end: 2px;
 }
 
 .checkbox-label {
diff --git a/arc-firefox-theme/chrome/global/commonDialog.css b/arc-firefox-theme/chrome/global/commonDialog.css
index 6d95081..f5c5af7 100644
--- a/arc-firefox-theme/chrome/global/commonDialog.css
+++ b/arc-firefox-theme/chrome/global/commonDialog.css
@@ -3,8 +3,8 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 #filler {
-  -moz-margin-start: -8px;
-  -moz-margin-end: -10px;
+  margin-inline-start: -8px;
+  margin-inline-end: -10px;
 }
 
 #iconContainer {
diff --git a/arc-firefox-theme/chrome/global/config.css b/arc-firefox-theme/chrome/global/config.css
index f1c7396..8e8d23a 100644
--- a/arc-firefox-theme/chrome/global/config.css
+++ b/arc-firefox-theme/chrome/global/config.css
@@ -6,8 +6,8 @@
   font-size: 15px;
   padding-top: 0;
   padding-bottom: 0;
-  -moz-padding-start: calc(48px + 4.6em);
-  -moz-padding-end: 48px;
+  padding-inline-start: calc(48px + 4.6em);
+  padding-inline-end: 48px;
 }
 
 .title {
@@ -32,7 +32,7 @@
 
 #filterRow {
   margin-top: 4px;
-  -moz-margin-start: 4px;
+  margin-inline-start: 4px;
 }
 
 #configTree {
diff --git a/arc-firefox-theme/chrome/global/console/console.css b/arc-firefox-theme/chrome/global/console/console.css
index 7c90037..adb17fc 100644
--- a/arc-firefox-theme/chrome/global/console/console.css
+++ b/arc-firefox-theme/chrome/global/console/console.css
@@ -22,7 +22,7 @@
 
 .console-row-icon {
   padding: 4px;
-  -moz-padding-start: 5px;
+  padding-inline-start: 5px;
   -moz-box-align: start !important;
 }
 
@@ -48,8 +48,8 @@
 .console-row-code {
   padding-top: 3px;
   padding-bottom: 3px;
-  -moz-padding-start: 3px;
-  -moz-padding-end: 0px;
+  padding-inline-start: 3px;
+  padding-inline-end: 0px;
   color: #0000BB;
   font-size: larger;
 }
@@ -114,8 +114,8 @@
 #ButtonEval {
   margin-top: 2px !important;
   margin-bottom: 2px !important;
-  -moz-margin-start: 0px !important;
-  -moz-margin-end: 2px !important;
+  margin-inline-start: 0px !important;
+  margin-inline-end: 2px !important;
 }
 
 /* Toolbar icons */
@@ -145,12 +145,12 @@ toolbar#ToolbarMode toolbarbutton {
 }
 
 toolbar#ToolbarMode .toolbarbutton-text {
-  -moz-padding-end: 4px;
+  padding-inline-end: 4px;
 }
 
 /* ::::: Fix Error Console toolbar button text spacing ::::: */
 
 .toolbarbutton-text {
-  -moz-padding-start: 0px;
-  -moz-padding-end: 5px;
+  padding-inline-start: 0px;
+  padding-inline-end: 5px;
 }
diff --git a/arc-firefox-theme/chrome/global/datetimepicker.css b/arc-firefox-theme/chrome/global/datetimepicker.css
index 7e2c8f7..2552103 100644
--- a/arc-firefox-theme/chrome/global/datetimepicker.css
+++ b/arc-firefox-theme/chrome/global/datetimepicker.css
@@ -20,15 +20,15 @@ datepicker, timepicker {
 .datetimepicker-input-box {
   -moz-appearance: textfield;
   cursor: text;
-  -moz-margin-end: 2px;
+  margin-inline-end: 2px;
   border: 2px solid;
   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
   padding: 2px 0 3px 0;
-  -moz-padding-start: 4px;
-  -moz-padding-end: 2px;
+  padding-inline-start: 4px;
+  padding-inline-end: 2px;
   background-color: -moz-Field;
   color: -moz-FieldText;
 }
diff --git a/arc-firefox-theme/chrome/global/dialog.css b/arc-firefox-theme/chrome/global/dialog.css
index 044dad6..635425e 100644
--- a/arc-firefox-theme/chrome/global/dialog.css
+++ b/arc-firefox-theme/chrome/global/dialog.css
@@ -13,8 +13,8 @@
 dialog { 
   padding-top: 8px;
   padding-bottom: 10px;
-  -moz-padding-start: 8px;
-  -moz-padding-end: 10px;
+  padding-inline-start: 8px;
+  padding-inline-end: 10px;
 }
 
 /* ::::: dialog buttons ::::: */
@@ -50,16 +50,16 @@ dialogheader {
   -moz-box-orient: vertical;
   margin-top: -8px;
   margin-bottom: 0;
-  -moz-margin-start: -8px;
-  -moz-margin-end: -10px;
+  margin-inline-start: -8px;
+  margin-inline-end: -10px;
   border-left: none;
   border-right: none;
   border-top: none;
   -moz-border-bottom-colors: ThreeDHighlight ThreeDShadow;
   padding-top: 12px;
   padding-bottom: 12px;
-  -moz-padding-start: 25px;
-  -moz-padding-end: 5px;
+  padding-inline-start: 25px;
+  padding-inline-end: 5px;
   background-color: Window;
   color: WindowText;
 }
@@ -70,5 +70,5 @@ dialogheader {
 }
 
 .header-large > .dialogheader-description {
-  -moz-margin-start: 12px !important;
+  margin-inline-start: 12px !important;
 }
diff --git a/arc-firefox-theme/chrome/global/dirListing/dirListing.css b/arc-firefox-theme/chrome/global/dirListing/dirListing.css
index 4fc092d..c44983b 100644
--- a/arc-firefox-theme/chrome/global/dirListing/dirListing.css
+++ b/arc-firefox-theme/chrome/global/dirListing/dirListing.css
@@ -45,7 +45,7 @@ p {
   float: left;
 }
 
-#UI_goUp:-moz-dir(rtl) {
+#UI_goUp:dir(rtl) {
   float: right;
 }
 
@@ -54,7 +54,7 @@ p {
   float: right;
 }
 
-#UI_showHidden:-moz-dir(rtl) {
+#UI_showHidden:dir(rtl) {
   float: left;
 }
 
@@ -89,12 +89,12 @@ td:not(:first-child) {
 
 .up {
   padding: 0 .5em;
-  -moz-margin-start: 20px;
+  margin-inline-start: 20px;
 }
 
 .up::before {
-  -moz-margin-end: 4px;
-  -moz-margin-start: -20px;
+  margin-inline-end: 4px;
+  margin-inline-start: -20px;
   vertical-align: middle;
   content: url(moz-icon://stock/gtk-go-up?size=menu);
 }
diff --git a/arc-firefox-theme/chrome/global/expander.css b/arc-firefox-theme/chrome/global/expander.css
index 6c7d290..92cb18d 100644
--- a/arc-firefox-theme/chrome/global/expander.css
+++ b/arc-firefox-theme/chrome/global/expander.css
@@ -9,6 +9,6 @@
 .settingsContainer {
   padding-top: 3px;
   padding-bottom: 5px;
-  -moz-padding-start: 20px;
-  -moz-padding-end: 5px;
+  padding-inline-start: 20px;
+  padding-inline-end: 5px;
 }
diff --git a/arc-firefox-theme/chrome/global/filefield.css b/arc-firefox-theme/chrome/global/filefield.css
index 11bb836..e22b64e 100644
--- a/arc-firefox-theme/chrome/global/filefield.css
+++ b/arc-firefox-theme/chrome/global/filefield.css
@@ -24,8 +24,8 @@ filefield {
   height: 16px;
   margin-top: 1px;
   margin-bottom: 1px;
-  -moz-margin-start: 1px;
-  -moz-margin-end: 4px;
+  margin-inline-start: 1px;
+  margin-inline-end: 4px;
 }
 
 .fileFieldLabel {
diff --git a/arc-firefox-theme/chrome/global/findBar.css b/arc-firefox-theme/chrome/global/findBar.css
index 82a9ab7..44aa43b 100644
--- a/arc-firefox-theme/chrome/global/findBar.css
+++ b/arc-firefox-theme/chrome/global/findBar.css
@@ -28,7 +28,7 @@ findbar[noanim] {
 }
 
 .findbar-container {
-  -moz-padding-start: 8px;
+  padding-inline-start: 8px;
   padding-top: 4px;
   padding-bottom: 4px;
 }
@@ -83,12 +83,11 @@ findbar[noanim] {
 
 .findbar-find-previous,
 .findbar-find-next {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
   -moz-appearance: none;
   background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.2));
   border: 1px solid ThreeDShadow;
   box-shadow: 0 1px #fff inset;
-  list-style-image: url("chrome://global/skin/icons/find-arrows.png");
   padding: 5px 9px;
   line-height: 1em;
 }
@@ -107,12 +106,12 @@ findbar[noanim] {
 }
 
 .findbar-find-previous {
-  -moz-image-region: rect(0, 12px, 9px, 0);
-  -moz-border-end-width: 0;
+  list-style-image: url(chrome://global/skin/icons/find-arrows.svg#glyph-find-previous);
+  border-inline-end-width: 0;
 }
 
 .findbar-find-next {
-  -moz-image-region: rect(0, 24px, 9px, 12px);
+  list-style-image: url(chrome://global/skin/icons/find-arrows.svg#glyph-find-next);
 }
 
 .findbar-find-previous > .toolbarbutton-icon,
@@ -136,23 +135,23 @@ findbar[noanim] {
 }
 
 .findbar-find-previous:focus + .findbar-find-next {
-  -moz-border-start-width: 0;
+  border-inline-start-width: 0;
 }
 
 .findbar-find-previous:focus {
-  -moz-border-end-width: 1px;
+  border-inline-end-width: 1px;
 }
 
 .findbar-highlight,
 .findbar-case-sensitive {
-  -moz-margin-start: 5px;
+  margin-inline-start: 5px;
 }
 
 .findbar-find-status,
 .findbar-matches {
   color: GrayText;
   margin: 0 !important;
-  -moz-margin-start: 12px !important;
+  margin-inline-start: 12px !important;
 }
 
 .find-status-icon[status="pending"] {
diff --git a/arc-firefox-theme/chrome/global/global.css b/arc-firefox-theme/chrome/global/global.css
index 5ddc664..e424774 100644
--- a/arc-firefox-theme/chrome/global/global.css
+++ b/arc-firefox-theme/chrome/global/global.css
@@ -50,8 +50,8 @@ prefwindow {
 window.dialog {
   padding-top: 8px;
   padding-bottom: 10px;
-  -moz-padding-start: 8px;
-  -moz-padding-end: 10px;
+  padding-inline-start: 8px;
+  padding-inline-end: 10px;
 }
 
 /* ::::: alert icons :::::*/
@@ -132,7 +132,7 @@ sidebarheader {
 }
 
 sidebarheader > label {
-  -moz-padding-start: 4px;
+  padding-inline-start: 4px;
 }
 
 .toolbar-focustarget {
@@ -222,8 +222,8 @@ label {
   cursor: default;
   margin-top: 1px;
   margin-bottom: 2px;
-  -moz-margin-start: 6px;
-  -moz-margin-end: 5px;
+  margin-inline-start: 6px;
+  margin-inline-end: 5px;
 }
 
 description {
@@ -247,7 +247,7 @@ label[disabled="true"] {
 }
 
 .indent {
-  -moz-margin-start: 23px;
+  margin-inline-start: 23px;
 }
 
 .box-padded {
diff --git a/arc-firefox-theme/chrome/global/groupbox.css b/arc-firefox-theme/chrome/global/groupbox.css
index b31aac8..5cf1cb4 100644
--- a/arc-firefox-theme/chrome/global/groupbox.css
+++ b/arc-firefox-theme/chrome/global/groupbox.css
@@ -16,7 +16,7 @@ groupbox {
 }
 
 .groupbox-body {
-  -moz-padding-start: 10px;
+  padding-inline-start: 10px;
 }
 
 caption {
@@ -28,5 +28,5 @@ caption {
 .caption-text {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
-  -moz-margin-start: 1px !important;
+  margin-inline-start: 1px !important;
 }
diff --git a/arc-firefox-theme/chrome/global/icons/find-arrows.png b/arc-firefox-theme/chrome/global/icons/find-arrows.png
deleted file mode 100644
index 1a3a9da..0000000
--- a/arc-firefox-theme/chrome/global/icons/find-arrows.png
+++ /dev/null
diff --git a/arc-firefox-theme/chrome/global/icons/find-arrows.svg b/arc-firefox-theme/chrome/global/icons/find-arrows.svg
new file mode 100644
index 0000000..608c0a7
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/find-arrows.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- 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="12" height="12" viewBox="0 0 12 12">
+  <style>
+    path:not(:target) {
+      display: none;
+    }
+    path {
+      fill: -moz-dialogtext;
+    }
+  </style>
+  <path id="glyph-find-previous" d="M5.407,1.5l-5,4.599L1.65,7.283l3.757-3.387l3.705,3.385l1.296-1.158L5.407,1.5z"/>
+  <path id="glyph-find-next" d="M5.547,8.255L0.538,3.53l1.239-1.265l3.77,3.641l3.719-3.641l1.264,1.188L5.547,8.255z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/in-content/common.css b/arc-firefox-theme/chrome/global/in-content/common.css
index 78f429c..1a4bff3 100644
--- a/arc-firefox-theme/chrome/global/in-content/common.css
+++ b/arc-firefox-theme/chrome/global/in-content/common.css
@@ -83,9 +83,9 @@ xul|caption > xul|label {
 
 *|*.main-content {
   padding-top: 40px;
-  -moz-padding-end: 44px; /* compensate the 4px margin of child elements */
+  padding-inline-end: 44px; /* compensate the 4px margin of child elements */
   padding-bottom: 48px;
-  -moz-padding-start: 48px;
+  padding-inline-start: 48px;
   overflow: auto;
 }
 
@@ -99,16 +99,16 @@ xul|groupbox {
   -moz-appearance: none;
   border: none;
   margin: 15px 0 0;
-  -moz-padding-start: 0;
-  -moz-padding-end: 0;
+  padding-inline-start: 0;
+  padding-inline-end: 0;
   font-size: 1.25rem;
 }
 
-xul|groupbox xul|label:not(.menu-accel):not(.menu-text),
+xul|groupbox xul|label:not(.menu-accel):not(.menu-text):not(.indent),
 xul|groupbox xul|description {
   /* !important needed to override toolkit !important rule */
-  -moz-margin-start: 0 !important;
-  -moz-margin-end: 0 !important;
+  margin-inline-start: 0 !important;
+  margin-inline-end: 0 !important;
 }
 
 /* tabpanels and tabs */
@@ -174,6 +174,7 @@ html|button {
 /* xul buttons and menulists */
 
 *|button,
+html|select,
 xul|colorpicker[type="button"],
 xul|menulist {
   -moz-appearance: none;
@@ -189,6 +190,7 @@ xul|menulist {
 }
 
 html|button:enabled:hover,
+html|select:enabled:hover,
 xul|button:not([disabled="true"]):hover,
 xul|colorpicker[type="button"]:not([disabled="true"]):hover,
 xul|menulist:not([disabled="true"]):hover {
@@ -196,6 +198,7 @@ xul|menulist:not([disabled="true"]):hover {
 }
 
 html|button:enabled:hover:active,
+html|select:enabled:hover:active,
 xul|button:not([disabled="true"]):hover:active,
 xul|colorpicker[type="button"]:not([disabled="true"]):hover:active,
 xul|menulist[open="true"]:not([disabled="true"]) {
@@ -203,6 +206,7 @@ xul|menulist[open="true"]:not([disabled="true"]) {
 }
 
 html|button:disabled,
+html|select:disabled,
 xul|button[disabled="true"],
 xul|colorpicker[type="button"][disabled="true"],
 xul|menulist[disabled="true"] {
@@ -237,13 +241,13 @@ xul|menulist > xul|*.menulist-label-box {
 }
 
 xul|menulist > xul|*.menulist-label-box > xul|*.menulist-icon[src] {
-  -moz-margin-end: 5px;
+  margin-inline-end: 5px;
 }
 
 xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker {
   -moz-appearance: none;
   margin: 1px 0;
-  -moz-margin-start: 10px;
+  margin-inline-start: 10px;
   padding: 0;
   width: 10px;
   height: 16px;
@@ -254,7 +258,7 @@ xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker {
 
 xul|*.help-button {
   min-width: 16px;
-  -moz-margin-end: 0;
+  margin-inline-end: 0;
   border-width: 0;
   background-image: none;
   box-shadow: none;
@@ -294,8 +298,8 @@ xul|*.help-button > xul|*.button-box > xul|*.button-text {
 
 xul|*.spinbuttons-button {
   min-height: initial;
-  -moz-margin-start: 10px !important;
-  -moz-margin-end: 2px !important;
+  margin-inline-start: 10px !important;
+  margin-inline-end: 2px !important;
 }
 
 xul|*.spinbuttons-up {
@@ -330,7 +334,7 @@ xul|*.spinbuttons-down[disabled="true"] > xul|*.button-box > xul|*.button-icon {
 
 xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker {
   -moz-appearance: none;
-  -moz-margin-end: 4px;
+  margin-inline-end: 4px;
   padding: 0;
   border: none;
   background-color: transparent;
@@ -363,8 +367,8 @@ xul|button[type="menu"] > xul|menupopup xul|menuitem {
   color: var(--in-content-text-color);
   padding-top: 0.2em;
   padding-bottom: 0.2em;
-  -moz-padding-start: 10px;
-  -moz-padding-end: 30px;
+  padding-inline-start: 10px;
+  padding-inline-end: 30px;
 }
 
 xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"],
@@ -446,15 +450,13 @@ xul|textbox[disabled="true"] {
 /* Links */
 
 html|a,
-.text-link,
-.inline-link {
+.text-link {
   color: var(--in-content-link-color);
   text-decoration: none;
 }
 
 html|a:hover,
-.text-link:hover,
-.inline-link:hover {
+.text-link:hover {
   color: var(--in-content-link-color-hover);
   text-decoration: underline;
 }
@@ -464,8 +466,7 @@ html|a:visited {
 }
 
 html|a:hover:active,
-.text-link:hover:active,
-.inline-link:hover:active {
+.text-link:hover:active {
   color: var(--in-content-link-color-active);
   text-decoration: none;
 }
@@ -492,7 +493,7 @@ html|input[type="checkbox"] + html|label {
 }
 
 xul|checkbox {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
 }
 
 xul|*.checkbox-check,
@@ -502,7 +503,7 @@ html|input[type="checkbox"] + html|label:before {
   height: 23px;
   border-radius: 2px;
   border: 1px solid var(--in-content-box-border-color);
-  -moz-margin-end: 10px;
+  margin-inline-end: 10px;
   background-color: #f1f1f1;
   /* !important needed to override toolkit checked !important rule */
   background-image: linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
@@ -530,8 +531,8 @@ html|input[type="checkbox"]:disabled + html|label {
 }
 
 xul|*.checkbox-label-box {
-  -moz-margin-start: -1px; /* negative margin for the transparent border */
-  -moz-padding-start: 0;
+  margin-inline-start: -1px; /* negative margin for the transparent border */
+  padding-inline-start: 0;
 }
 
 xul|richlistitem > xul|*.checkbox-check {
@@ -539,7 +540,7 @@ xul|richlistitem > xul|*.checkbox-check {
 }
 
 xul|radio {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
 }
 
 xul|*.radio-check {
@@ -548,7 +549,7 @@ xul|*.radio-check {
   height: 23px;
   border: 1px solid var(--in-content-box-border-color);
   border-radius: 50%;
-  -moz-margin-end: 10px;
+  margin-inline-end: 10px;
   background-color: #f1f1f1;
   background-image: linear-gradient(#fff, rgba(255,255,255,0.80));
   box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03);
@@ -567,9 +568,9 @@ xul|radio[disabled="true"] > xul|*.radio-check {
 }
 
 xul|*.radio-label-box {
-  -moz-margin-start: -1px; /* negative margin for the transparent border */
-  -moz-margin-end: 10px;
-  -moz-padding-start: 0;
+  margin-inline-start: -1px; /* negative margin for the transparent border */
+  margin-inline-end: 10px;
+  padding-inline-start: 0;
 }
 
 /* Category List */
@@ -585,9 +586,9 @@ xul|*.radio-label-box {
 *|*.category {
   -moz-appearance: none;
   color: var(--in-content-category-text);
-  -moz-border-end-width: 0;
-  -moz-padding-start: 15px;
-  -moz-padding-end: 21px;
+  border-inline-end-width: 0;
+  padding-inline-start: 15px;
+  padding-inline-end: 21px;
   min-height: 40px;
   transition: background-color 150ms;
 }
@@ -600,8 +601,8 @@ xul|*.radio-label-box {
 *|*.category.selected {
   background-color: var(--in-content-category-background-active);
   color: var(--in-content-category-text-selected);
-  -moz-padding-start: 11px; /* compensate the 4px border */
-  -moz-border-start: solid 4px var(--in-content-border-highlight);
+  padding-inline-start: 11px; /* compensate the 4px border */
+  border-inline-start: solid 4px var(--in-content-border-highlight);
 }
 
 *|*#categories[keyboard-navigation="true"]:-moz-focusring > *|*.category[current] {
@@ -613,7 +614,7 @@ xul|*.radio-label-box {
   line-height: 22px;
   font-size: 1.25rem;
   padding-bottom: 2px;
-  -moz-padding-start: 9px;
+  padding-inline-start: 9px;
   margin: 0;
   -moz-user-select: none;
 }
@@ -627,7 +628,7 @@ xul|*.radio-label-box {
 
 *|*.header {
   border-bottom: 1px solid var(--in-content-header-border-color);
-  -moz-margin-end: 4px; /* add the 4px end-margin of other elements */
+  margin-inline-end: 4px; /* add the 4px end-margin of other elements */
   margin-bottom: 15px;
   padding-bottom: 15px;
   -moz-box-align: baseline;
@@ -655,13 +656,13 @@ xul|*.fileFieldContentBox {
 }
 
 xul|*.fileFieldIcon {
-  -moz-margin-start: 10px;
-  -moz-margin-end: 0;
+  margin-inline-start: 10px;
+  margin-inline-end: 0;
 }
 
 xul|*.fileFieldLabel {
-  -moz-margin-start: -26px;
-  -moz-padding-start: 36px;
+  margin-inline-start: -26px;
+  padding-inline-start: 36px;
 }
 
 xul|textbox:-moz-locale-dir(rtl),
@@ -682,7 +683,7 @@ xul|filefield + xul|button:-moz-locale-dir(rtl) {
 
 xul|textbox + xul|button,
 xul|filefield + xul|button {
-  -moz-border-start: none;
+  border-inline-start: none;
 }
 
 /* List boxes */
@@ -690,7 +691,7 @@ xul|filefield + xul|button {
 xul|richlistbox,
 xul|listbox {
   -moz-appearance: none;
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
   background-color: var(--in-content-box-background);
   border: 1px solid var(--in-content-box-border-color);
   color: var(--in-content-text-color);
@@ -760,8 +761,8 @@ xul|treecolpicker:hover {
 
 xul|treecol:not([hideheader="true"]):not(:first-child),
 xul|treecolpicker {
-  -moz-border-start-width: 1px;
-  -moz-border-start-style: solid;
+  border-inline-start-width: 1px;
+  border-inline-start-style: solid;
   border-image: linear-gradient(transparent 0%, transparent 20%, #c1c1c1 20%, #c1c1c1 80%, transparent 80%, transparent 100%) 1 1;
 }
 
@@ -814,11 +815,11 @@ xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker {
 }
 
 xul|*.help-button > xul|*.button-box > xul|*.button-icon {
-  -moz-margin-end: 0;
+  margin-inline-end: 0;
 }
 
 xul|*.groupbox-body {
-  -moz-padding-start: 0;
+  padding-inline-start: 0;
 }
 
 xul|menulist {
@@ -875,8 +876,7 @@ xul|*.numberbox-input-box {
   border-width: 0;
 }
 
-xul|*.text-link:-moz-focusring,
-xul|*.inline-link:-moz-focusring {
+xul|*.text-link:-moz-focusring {
   border: 1px dotted -moz-DialogText;
 }
 
diff --git a/arc-firefox-theme/chrome/global/in-content/info-pages.css b/arc-firefox-theme/chrome/global/in-content/info-pages.css
index 54b1be8..b75b06a 100644
--- a/arc-firefox-theme/chrome/global/in-content/info-pages.css
+++ b/arc-firefox-theme/chrome/global/in-content/info-pages.css
@@ -8,8 +8,8 @@ body {
   min-height: 100vh;
   padding-top: 0;
   padding-bottom: 0;
-  -moz-padding-start: calc(48px + 4.6em);
-  -moz-padding-end: 48px;
+  padding-inline-start: calc(48px + 4.6em);
+  padding-inline-end: 48px;
   align-items: center;
   justify-content: center;
 }
@@ -32,12 +32,12 @@ body {
   background-position: left 0;
   background-repeat: no-repeat;
   background-size: 1.6em;
-  -moz-margin-start: -2.3em;
-  -moz-padding-start: 2.3em;
+  margin-inline-start: -2.3em;
+  padding-inline-start: 2.3em;
   font-size: 2.5em;
 }
 
-.title:-moz-dir(rtl) {
+.title:dir(rtl) {
   background-position: right 0;
 }
 
@@ -54,8 +54,8 @@ body {
 
   .title {
     background-image: none !important;
-    -moz-padding-start: 0;
-    -moz-margin-start: 0;
+    padding-inline-start: 0;
+    margin-inline-start: 0;
   }
 
   .title-text {
@@ -66,7 +66,7 @@ body {
 ul, ol {
   margin: 0;
   padding: 0;
-  -moz-margin-start: 1em;
+  margin-inline-start: 1em;
 }
 
 ul > li, ol > li {
@@ -87,7 +87,7 @@ ul {
 }
 
 .button-container > button:first-child {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
 }
 
 /* Trees */
diff --git a/arc-firefox-theme/chrome/global/listbox.css b/arc-firefox-theme/chrome/global/listbox.css
index 1e73844..dbce007 100644
--- a/arc-firefox-theme/chrome/global/listbox.css
+++ b/arc-firefox-theme/chrome/global/listbox.css
@@ -79,16 +79,16 @@ listheader[sortable="true"]:hover:active {
   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
   padding-top: 0px;
   padding-bottom: 0px;
-  -moz-padding-start: 3px;
-  -moz-padding-end: 1px;
+  padding-inline-start: 3px;
+  padding-inline-end: 1px;
 }
 
 .listheader-icon {
-  -moz-margin-end: 2px;
+  margin-inline-end: 2px;
 }
 
 .listheader-icon[sortable="true"]:hover:active {
-  -moz-margin-end: 1px;
+  margin-inline-end: 1px;
 }
 
 .listheader-label {
@@ -107,13 +107,13 @@ listheader[sortable="true"]:hover:active {
   margin: 0px !important;
   padding-top: 0px;
   padding-bottom: 1px;
-  -moz-padding-start: 4px;
-  -moz-padding-end: 0px;
+  padding-inline-start: 4px;
+  padding-inline-end: 0px;
   white-space: nowrap;
 }
 
 .listcell-icon {
-  -moz-margin-end: 2px;
+  margin-inline-end: 2px;
 }
 
 .listcell-label[disabled="true"] {
diff --git a/arc-firefox-theme/chrome/global/media/videocontrols.css b/arc-firefox-theme/chrome/global/media/videocontrols.css
index 17101ad..09e9a5f 100644
--- a/arc-firefox-theme/chrome/global/media/videocontrols.css
+++ b/arc-firefox-theme/chrome/global/media/videocontrols.css
@@ -94,7 +94,7 @@
 
 .controlBar[fullscreen-unavailable] > .volumeStack {
   /* This value is duplicated in the videocontrols.xml adjustControlSize function. */
-  -moz-margin-end: 8px;
+  margin-inline-end: 8px;
 }
 
 .volumeControl .scale-thumb {
diff --git a/arc-firefox-theme/chrome/global/menu.css b/arc-firefox-theme/chrome/global/menu.css
index aab929e..58214e3 100644
--- a/arc-firefox-theme/chrome/global/menu.css
+++ b/arc-firefox-theme/chrome/global/menu.css
@@ -84,34 +84,34 @@ menulist > menupopup > menu {
 .menu-iconic-text {
   margin-top: 0px !important;
   margin-bottom: 0px !important;
-  -moz-margin-start: 0px !important;
-  -moz-margin-end: 2px !important;
+  margin-inline-start: 0px !important;
+  margin-inline-end: 2px !important;
   color: inherit;
 }
 
 .menu-text {
   /* This is (18 + the size of end-padding on .menu-iconic-left)px */
-  -moz-margin-start: 21px !important;
+  margin-inline-start: 21px !important;
   font-weight: inherit;
 }
 
 menucaption > .menu-text,
 menucaption > .menu-iconic-text {
-  -moz-margin-start: 0 !important;
+  margin-inline-start: 0 !important;
   font-weight: bold;
 }
 
 .menu-description {
   font-style: italic;
   color: GrayText;
-  -moz-margin-start: 1ex !important;
+  margin-inline-start: 1ex !important;
 }
 
 .menu-accel,
 .menu-iconic-accel {
   margin-top: 0px !important;
   margin-bottom: 0px !important;
-  -moz-margin-start: 7px !important;
+  margin-inline-start: 7px !important;
   color: inherit;
 }
 
@@ -123,7 +123,7 @@ menucaption > .menu-iconic-text {
 .menu-iconic-right {
   width: 16px;
   /* We can only hardcode this, to make the default GTK icon<->label spacing */
-  -moz-padding-end: 3px !important;
+  padding-inline-end: 3px !important;
 }
 
 .menu-iconic-icon {
@@ -134,8 +134,8 @@ menucaption > .menu-iconic-text {
 .menu-right {
   margin-top: 0px;
   margin-bottom: 0px;
-  -moz-margin-start: 6px;
-  -moz-margin-end: 0px;
+  margin-inline-start: 6px;
+  margin-inline-end: 0px;
   width: 1ex;
   height: 1ex;
   /* These next two rules are needed to prevent inheritance and thus ugliness */
@@ -147,8 +147,8 @@ menucaption > .menu-iconic-text {
 .menubar-left {
   margin-top: 0px;
   margin-bottom: 0px;
-  -moz-margin-start: 0px;
-  -moz-margin-end: 2px;
+  margin-inline-start: 0px;
+  margin-inline-end: 2px;
   color: inherit;
 }
 
@@ -204,7 +204,7 @@ menulist > menupopup > menuseparator {
 /* ::::: tree column picker ::::: */
 
 .treecell-popupcell-menu {
-  -moz-margin-start: -2px;
+  margin-inline-start: -2px;
   list-style-image: url("chrome://global/skin/columnselect.gif");
   -moz-image-region: auto;
 }
diff --git a/arc-firefox-theme/chrome/global/menulist.css b/arc-firefox-theme/chrome/global/menulist.css
index d33c4d2..30e55e1 100644
--- a/arc-firefox-theme/chrome/global/menulist.css
+++ b/arc-firefox-theme/chrome/global/menulist.css
@@ -52,7 +52,7 @@ menulist[disabled="true"]:hover:active {
 .menulist-description {
   font-style: italic;
   color: GrayText;
-  -moz-margin-start: 1ex !important;
+  margin-inline-start: 1ex !important;
 }
 
 /* ::::: editable menulists ::::: */
@@ -66,8 +66,8 @@ menulist[editable="true"] {
   -moz-appearance: menulist-textfield;
   padding-top: 3px;
   padding-bottom: 3px;
-  -moz-padding-start: 2px;
-  -moz-padding-end: 0px;
+  padding-inline-start: 2px;
+  padding-inline-end: 0px;
 }
 
 menulist[editable="true"] > .menulist-dropmarker {
diff --git a/arc-firefox-theme/chrome/global/narrate/narrate.svg b/arc-firefox-theme/chrome/global/narrate/narrate.svg
deleted file mode 100644
index 597b0a6..0000000
--- a/arc-firefox-theme/chrome/global/narrate/narrate.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 18.77">
-    <path fill="gray" d="M3.13 13.72a1.57 1.57 0 0 1-3.13 0V5.41a1.57 1.57 0 0 1 3.13 0v8.31zm6.29 3.62a1.57 1.57 0 0 1-3.13 0V1.44a1.57 1.57 0 0 1 3.13 0v15.9zm6.29-2.9a1.57 1.57 0 0 1-3.13 0V4.83a1.57 1.57 0 0 1 3.13 0v9.61zM22 12.62a1.57 1.57 0 0 1-3.13 0V6.15a1.57 1.57 0 0 1 3.13 0v6.47z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/global/narrateControls.css b/arc-firefox-theme/chrome/global/narrateControls.css
index dc24a4c..91d02d8 100644
--- a/arc-firefox-theme/chrome/global/narrateControls.css
+++ b/arc-firefox-theme/chrome/global/narrateControls.css
@@ -2,8 +2,9 @@
   --border-color: #e5e5e5;
 }
 
-#narrate-toggle {
-  background-image: url("chrome://global/skin/narrate/narrate.svg");
+#narrate-toggle > svg {
+  display: block;
+  margin: 0 8px;
 }
 
 .dropdown-popup button {
@@ -64,7 +65,7 @@
   background-image: url("chrome://global/skin/narrate/start.svg");
 }
 
-#narrate-start-stop.speaking {
+#narrate-dropdown.speaking #narrate-start-stop {
   background-image: url("chrome://global/skin/narrate/stop.svg");
 }
 
diff --git a/arc-firefox-theme/chrome/global/netError.css b/arc-firefox-theme/chrome/global/netError.css
index 77e3cea..69e74c5 100644
--- a/arc-firefox-theme/chrome/global/netError.css
+++ b/arc-firefox-theme/chrome/global/netError.css
@@ -29,7 +29,7 @@ h1 {
 
 ul, ol {
   margin: 0;
-  -moz-margin-start: 1.5em;
+  margin-inline-start: 1.5em;
   padding: 0;
 }
 
@@ -49,7 +49,7 @@ ul {
   border: 1px solid ThreeDShadow;
   border-radius: 10px;
   padding: 3em;
-  -moz-padding-start: 30px;
+  padding-inline-start: 30px;
   background: url("moz-icon://stock/gtk-dialog-warning?size=dialog") left 0 no-repeat -moz-Field;
   background-origin: content-box;
 }
@@ -58,16 +58,16 @@ ul {
   background-image: url("chrome://global/skin/icons/sslWarning.png");
 }
 
-#errorPageContainer:-moz-dir(rtl) {
+#errorPageContainer:dir(rtl) {
   background-position: right 0;
 }
 
 #errorTitle {
-  -moz-margin-start: 80px;
+  margin-inline-start: 80px;
 }
 
 #errorLongContent {
-  -moz-margin-start: 80px;
+  margin-inline-start: 80px;
 }
 
 #errorShortDesc > p {
@@ -79,7 +79,7 @@ ul {
 }
 
 #errorLongDesc {
-  -moz-padding-end: 3em;
+  padding-inline-end: 3em;
   font-size: 110%;
 }
 
@@ -88,18 +88,18 @@ ul {
 
 #errorTryAgain {
   margin-top: 2em;
-  -moz-margin-start: 80px;
+  margin-inline-start: 80px;
 }
 
 #brand {
   position: absolute;
   right: 0;
   bottom: -1.5em;
-  -moz-margin-end: 10px;
+  margin-inline-end: 10px;
   opacity: .4;
 }
 
-#brand:-moz-dir(rtl) {
+#brand:dir(rtl) {
   right: auto;
   left: 0;
 }
diff --git a/arc-firefox-theme/chrome/global/notification.css b/arc-firefox-theme/chrome/global/notification.css
index ffa0607..48613f5 100644
--- a/arc-firefox-theme/chrome/global/notification.css
+++ b/arc-firefox-theme/chrome/global/notification.css
@@ -40,8 +40,8 @@ notification[type="critical"] {
 .messageImage {
   width: 16px;
   height: 16px;
-  -moz-margin-start: 6px;
-  -moz-margin-end: 1px;
+  margin-inline-start: 6px;
+  margin-inline-end: 1px;
 }
 
 /* Default icons for notifications */
@@ -87,7 +87,7 @@ notification[type="critical"] {
 }
 
 .popup-notification-closebutton {
-  -moz-margin-end: -10px;
+  margin-inline-end: -10px;
   margin-top: -6px;
 }
 
diff --git a/arc-firefox-theme/chrome/global/passwordmgr.css b/arc-firefox-theme/chrome/global/passwordmgr.css
index 9cb48d1..f95d176 100644
--- a/arc-firefox-theme/chrome/global/passwordmgr.css
+++ b/arc-firefox-theme/chrome/global/passwordmgr.css
@@ -16,7 +16,7 @@ treechildren::-moz-tree-image(siteCol) {
   list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.png);
   width: 16px;
   height: 16px;
-  -moz-margin-end: 5px;
+  margin-inline-end: 5px;
 }
 
 @media (min-resolution: 1.1dppx) {
diff --git a/arc-firefox-theme/chrome/global/preferences.css b/arc-firefox-theme/chrome/global/preferences.css
index d71627c..ef6a622 100644
--- a/arc-firefox-theme/chrome/global/preferences.css
+++ b/arc-firefox-theme/chrome/global/preferences.css
@@ -28,8 +28,8 @@ prefwindow[type="child"] > prefpane {
 
 .prefWindow-dlgbuttons {
   padding-bottom: 8px;
-  -moz-padding-start: 8px;
-  -moz-padding-end: 8px;
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
 }
 
 prefwindow[type="child"] .prefWindow-dlgbuttons {
diff --git a/arc-firefox-theme/chrome/global/radio.css b/arc-firefox-theme/chrome/global/radio.css
index 23c53b5..5083e82 100644
--- a/arc-firefox-theme/chrome/global/radio.css
+++ b/arc-firefox-theme/chrome/global/radio.css
@@ -42,7 +42,7 @@ radio {
 }
 
 .radio-icon[src] {
-  -moz-margin-end: 2px;
+  margin-inline-end: 2px;
 }
 
 .radio-label {
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg
index e57a475..89fc1eb 100644
--- a/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg
+++ b/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg
@@ -2,7 +2,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 viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
   <defs>
     <style>
       use:not(:target) {
@@ -15,10 +15,8 @@
         fill: #fff;
       }
     </style>
-    <g id="close-shape">
-      <polygon points="20.477,6.551 20.477,17.449 11.992,17.449 11.992,20 23,20 23,4 11.992,4 11.992,6.551"/>
-      <polygon points="1,11.981 9.698,19.95 9.698,15.13 18.184,15.13 18.184,8.87 9.698,8.87 9.698,4.011"/>
-    </g>
+
+    <path id="close-shape" d="M19,22H6a2,2,0,0,1-2-2V18l2,2H18a1,1,0,0,0,1-1V5a1,1,0,0,0-1-1H6L4,6V4A2,2,0,0,1,6,2H19a2,2,0,0,1,2,2V20A2,2,0,0,1,19,22Zm-6-9H5.4l4.2,4.154L8.186,18.631,1.567,12.017,8.021,5.411,9.5,6.95,5.424,11H13v2Z"/>
   </defs>
   <use id="close" xlink:href="#close-shape"/>
   <use id="close-hover" xlink:href="#close-shape"/>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Content-Width-Minus-42x16.svg b/arc-firefox-theme/chrome/global/reader/RM-Content-Width-Minus-42x16.svg
new file mode 100644
index 0000000..48bbb9e
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/reader/RM-Content-Width-Minus-42x16.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- 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 version="1.1"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="42"
+     height="16"
+     viewBox="0 0 42 16"
+     fill="#808080">
+
+  <path d="M14.5,7 L8.75,1.25 L10,-1.91791433e-15 L18,8 L17.375,8.625 L10,16 L8.75,14.75 L14.5,9 L1.13686838e-13,9 L1.13686838e-13,7 L14.5,7 Z"/>
+  <path d="M38.5,7 L32.75,1.25 L34,6.58831647e-15 L42,8 L41.375,8.625 L34,16 L32.75,14.75 L38.5,9 L24,9 L24,7 L38.5,7 Z" transform="translate(33.000000, 8.000000) scale(-1, 1) translate(-33.000000, -8.000000)"/>
+
+</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Content-Width-Plus-44x16.svg b/arc-firefox-theme/chrome/global/reader/RM-Content-Width-Plus-44x16.svg
new file mode 100644
index 0000000..bcdcbe8
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/reader/RM-Content-Width-Plus-44x16.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- 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 version="1.1"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="44"
+     height="16"
+     viewBox="0 0 44 16"
+     fill="#808080">
+
+  <path d="M14.5,7 L8.75,1.25 L10,-1.91791433e-15 L18,8 L17.375,8.625 L10,16 L8.75,14.75 L14.5,9 L1.13686838e-13,9 L1.13686838e-13,7 L14.5,7 Z" transform="translate(9.000000, 8.000000) scale(-1, 1) translate(-9.000000, -8.000000)"/>
+  <path d="M40.5,7 L34.75,1.25 L36,-5.17110888e-16 L44,8 L43.375,8.625 L36,16 L34.75,14.75 L40.5,9 L26,9 L26,7 L40.5,7 Z"/>
+
+</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Line-Height-Minus-38x14.svg b/arc-firefox-theme/chrome/global/reader/RM-Line-Height-Minus-38x14.svg
new file mode 100644
index 0000000..05d5282
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/reader/RM-Line-Height-Minus-38x14.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- 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 version="1.1"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="38"
+     height="14"
+     viewBox="0 0 38 14"
+     fill="#808080">
+
+  <rect x="0" y="0" width="28" height="2"/>
+  <rect x="0" y="6" width="38" height="2"/>
+  <rect x="0" y="12" width="18" height="2"/>
+
+</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Line-Height-Plus-38x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Line-Height-Plus-38x24.svg
new file mode 100644
index 0000000..0a5ee0d
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/reader/RM-Line-Height-Plus-38x24.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- 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 version="1.1"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="38"
+     height="24"
+     viewBox="0 0 38 24"
+     fill="#808080">
+
+  <rect x="0" y="0" width="28" height="2"/>
+  <rect x="0" y="11" width="38" height="2"/>
+  <rect x="0" y="22" width="18" height="2"/>
+
+</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg
index 8a5a212..5f43818 100644
--- a/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg
+++ b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg
@@ -2,7 +2,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 24 24">

-    <path fill="#808080" d="M8.23,18.748v-1.016l1.182-0.146c0.065-0.013,0.12-0.055,0.166-0.127s0.052-0.143,0.02-0.215L8.513,14.07 H4.236l-1.104,3.096c-0.039,0.104-0.02,0.199,0.059,0.283s0.153,0.13,0.225,0.137l1.123,0.146v1.016H0.232v-1.016l1.123-0.166 L5.837,5.008h2.275l4.443,12.197c0.052,0.124,0.103,0.21,0.151,0.259s0.145,0.089,0.288,0.122l0.762,0.146v1.016H8.23z M6.296,8.084l-1.68,4.805h3.398L6.296,8.084z"/>

-    <path fill="#808080" d="M20.05,18.748l-0.264-0.996c-0.345,0.234-0.706,0.443-1.083,0.625c-0.331,0.156-0.702,0.298-1.112,0.425 c-0.409,0.127-0.835,0.19-1.277,0.19c-0.364,0-0.704-0.06-1.02-0.181s-0.592-0.293-0.829-0.518s-0.424-0.497-0.561-0.815 S13.7,16.801,13.7,16.404c0-0.299,0.024-0.576,0.073-0.83s0.146-0.49,0.293-0.708s0.356-0.426,0.63-0.625s0.637-0.392,1.089-0.581 s1.008-0.377,1.665-0.566s1.445-0.384,2.363-0.586v-0.244c0-0.098,0.003-0.186,0.01-0.264c0-0.091,0.003-0.182,0.01-0.273 c0.007-0.189-0.013-0.392-0.059-0.61s-0.137-0.42-0.273-0.605s-0.329-0.338-0.576-0.459s-0.569-0.181-0.967-0.181 c-0.137,0-0.259,0.003-0.366,0.01s-0.197,0.016-0.269,0.029c-0.085,0.013-0.159,0.026-0.225,0.039v1.895h-2.061 c-0.169,0.013-0.319-0.003-0.449-0.049c-0.11-0.039-0.213-0.107-0.308-0.205s-0.142-0.25-0.142-0.459 c0-0.371,0.132-0.703,0.396-0.996c0.263-0.293,0.607-0.542,1.033-0.747s0.904-0.363,1.435-0.474 c0.529-0.111,1.058-0.166,1.585-0.166c0.572,0,1.096,0.042,1.57,0.127s0.883,0.249,1.224,0.493c0.342,0.244,0.604,0.587,0.79,1.03 s0.278,1.025,0.278,1.748v5.137c0,0.124,0.042,0.229,0.127,0.317s0.188,0.138,0.312,0.151l0.879,0.059v0.938H20.05z M19.793,13.592 c-0.645,0.13-1.177,0.264-1.597,0.4s-0.754,0.293-1.001,0.469s-0.42,0.376-0.518,0.601s-0.146,0.487-0.146,0.786 c0,0.208,0.034,0.402,0.103,0.581s0.166,0.335,0.293,0.469s0.278,0.239,0.454,0.317s0.368,0.117,0.576,0.117 c0.215,0,0.432-0.023,0.649-0.068s0.415-0.094,0.591-0.146c0.208-0.065,0.407-0.14,0.596-0.225V13.592z"/>

+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">

+  <path fill="#737373" d="M10.87,18.989h2.144L8.3,3.991H5.724l-4.739,15H3.044l1.115-4.171h5.6ZM4.652,12.91L6.968,5.69l2.294,7.22H4.652ZM22.1,16.515v-5.06c0-2.31-.984-3.713-3.65-3.713a10.236,10.236,0,0,0-3.7.756L15.116,9.9A9.9,9.9,0,0,1,18.1,9.317c1.533,0,1.958.627,1.958,2.223v0.975h-1.35c-3.086,0-4.871,1.125-4.871,3.5a3.217,3.217,0,0,0,3.527,3.338,3.205,3.205,0,0,0,2.945-1.659,2.573,2.573,0,0,0,2.436,1.659l0.441-1.344A1.408,1.408,0,0,1,22.1,16.515ZM17.8,17.9a1.744,1.744,0,0,1-1.911-1.995c0-1.512,1.029-2.111,3.065-2.111h1.1V16.18C19.426,17.334,18.938,17.9,17.8,17.9Z"/>

 </svg>

diff --git a/arc-firefox-theme/chrome/global/tabbox.css b/arc-firefox-theme/chrome/global/tabbox.css
index f575996..e8c3741 100644
--- a/arc-firefox-theme/chrome/global/tabbox.css
+++ b/arc-firefox-theme/chrome/global/tabbox.css
@@ -59,7 +59,7 @@ tab[visuallyselected="true"] {
 }
 
 tab + tab {
-  -moz-margin-start: -2px;
+  margin-inline-start: -2px;
 }
 
 .tab-text {
diff --git a/arc-firefox-theme/chrome/global/textbox.css b/arc-firefox-theme/chrome/global/textbox.css
index d0ce11a..5cf4ece 100644
--- a/arc-firefox-theme/chrome/global/textbox.css
+++ b/arc-firefox-theme/chrome/global/textbox.css
@@ -21,7 +21,7 @@ textbox {
   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
   padding: 2px 2px 3px;
-  -moz-padding-start: 4px;
+  padding-inline-start: 4px;
   background-color: -moz-Field;
   color: -moz-FieldText;
 }
diff --git a/arc-firefox-theme/chrome/global/toolbar.css b/arc-firefox-theme/chrome/global/toolbar.css
index 05a6c2d..2b683da 100644
--- a/arc-firefox-theme/chrome/global/toolbar.css
+++ b/arc-firefox-theme/chrome/global/toolbar.css
@@ -75,8 +75,8 @@ toolbarpaletteitem[place="toolbar"] > toolbarspacer {
 .toolbarpaletteitem-box[type="spring"][place="toolbar"] {
   margin-top: 2px;
   margin-bottom: 2px;
-  -moz-margin-start: 0px;
-  -moz-margin-end: 2px;
+  margin-inline-start: 0px;
+  margin-inline-end: 2px;
 }
 
 .toolbarpaletteitem-box[type="separator"][place="palette"] {
diff --git a/arc-firefox-theme/chrome/global/toolbarbutton.css b/arc-firefox-theme/chrome/global/toolbarbutton.css
index ffaf672..c28d64d 100644
--- a/arc-firefox-theme/chrome/global/toolbarbutton.css
+++ b/arc-firefox-theme/chrome/global/toolbarbutton.css
@@ -25,7 +25,7 @@ toolbarbutton:-moz-lwtheme {
 
 .toolbarbutton-icon[label]:not([label=""]),
 .toolbarbutton-icon[type="menu"] {
-  -moz-margin-end: 2px;
+  margin-inline-end: 2px;
 }
 
 .toolbarbutton-text {
@@ -45,8 +45,8 @@ toolbarbutton:hover:active,
 toolbarbutton[open="true"] {
   padding-top: 4px;
   padding-bottom: 2px;
-  -moz-padding-start: 4px;
-  -moz-padding-end: 2px;
+  padding-inline-start: 4px;
+  padding-inline-end: 2px;
   color: ButtonText;
 }
 
@@ -107,7 +107,7 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
 
 /* ::::: toolbarbutton badged ::::: */
 .toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) {
-  -moz-margin-end: 0;
+  margin-inline-end: 0;
 }
 
 .toolbarbutton-badge {
@@ -120,7 +120,7 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
               0 -1px 0 hsla(0, 0%, 0%, .1) inset,
               0 1px 0 hsla(206, 50%, 10%, .2);
   margin: -6px 0 0 !important;
-  -moz-margin-end: -8px !important;
+  margin-inline-end: -8px !important;
   min-width: 14px;
   max-width: 28px;
   line-height: 10px;
diff --git a/arc-firefox-theme/chrome/global/tree.css b/arc-firefox-theme/chrome/global/tree.css
index 24bba1b..1002847 100644
--- a/arc-firefox-theme/chrome/global/tree.css
+++ b/arc-firefox-theme/chrome/global/tree.css
@@ -176,7 +176,7 @@ treechildren::-moz-tree-drop-feedback {
   background-color: Highlight;
   width: 50px;
   height: 2px;
-  -moz-margin-start: 5px;
+  margin-inline-start: 5px;
 }
 
 /* ::::: tree progress meter ::::: */
@@ -249,13 +249,13 @@ treecolpicker:hover:active {
   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
   padding-top: 0px;
   padding-bottom: 0px;
-  -moz-padding-start: 3px;
-  -moz-padding-end: 1px;
+  padding-inline-start: 3px;
+  padding-inline-end: 1px;
 }
 
 .treecol-image:hover:active {
   padding: 0px;
-  -moz-padding-start: 2px;
+  padding-inline-start: 2px;
 }
 
 treecol:hover:active .treecol-text {
@@ -284,11 +284,11 @@ treecol[insertbefore="true"]:-moz-locale-dir(ltr) {
 }
 
 treechildren::-moz-tree-column(insertbefore) {
-  -moz-border-start: 1px solid ThreeDShadow;
+  border-inline-start: 1px solid ThreeDShadow;
 }
 
 treechildren::-moz-tree-column(insertafter) {
-  -moz-border-end: 1px solid ThreeDShadow;
+  border-inline-end: 1px solid ThreeDShadow;
 }
 
 /* ::::: sort direction indicator :::::  */
@@ -307,7 +307,7 @@ treechildren::-moz-tree-column(insertafter) {
 
 treechildren::-moz-tree-twisty {
   -moz-appearance: treetwisty;
-  -moz-padding-end: 4px;
+  padding-inline-end: 4px;
   padding-top: 1px;
   width: 9px; /* The image's width is 9 pixels */
   list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
@@ -353,6 +353,6 @@ treechildren::-moz-tree-cell-text(selected, editing) {
   -moz-border-left-colors: Highlight;
   -moz-border-right-colors: Highlight;
   margin: 0;
-  -moz-margin-start: -4px;
+  margin-inline-start: -4px;
   padding: 1px;
 }
diff --git a/arc-firefox-theme/chrome/global/wizard.css b/arc-firefox-theme/chrome/global/wizard.css
index 4bf7d51..b46ed7e 100644
--- a/arc-firefox-theme/chrome/global/wizard.css
+++ b/arc-firefox-theme/chrome/global/wizard.css
@@ -19,17 +19,17 @@ wizard[description=""] .wizard-header-description {
 }
 
 .wizard-header-label {
-  -moz-margin-start: 23px;
+  margin-inline-start: 23px;
   font-weight: bold;
 }
 
 .wizard-header-description {
-  -moz-margin-start: 44px;
+  margin-inline-start: 44px;
 }
 
 wizard[branded="true"] .wizard-header-icon {
   list-style-image: url("chrome://branding/content/icon48.png");
-  -moz-margin-end: 5px;
+  margin-inline-end: 5px;
 }
 
 .wizard-page-box {
@@ -46,9 +46,9 @@ wizard[branded="true"] .wizard-header-icon {
 
 .wizard-button[dlgtype="finish"],
 .wizard-button[dlgtype="next"] {
-  -moz-margin-start: 0px !important;
+  margin-inline-start: 0px !important;
 }
 
 .wizard-button[dlgtype="back"] {
-  -moz-margin-end: 0px !important;
+  margin-inline-end: 0px !important;
 }