diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..13566b81b018ad684f3a35fee301741b2734c8f4
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000000000000000000000000000000000000..f942ad1b5bbff9ce4cd4991e07ab7e354e7cf720
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/seven.iml" filepath="$PROJECT_DIR$/.idea/seven.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/php.xml b/.idea/php.xml
new file mode 100644
index 0000000000000000000000000000000000000000..ff1c9c2cdcb54040336eb37b4a3c7a93ad50b117
--- /dev/null
+++ b/.idea/php.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="MessDetectorOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PHPCSFixerOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PHPCodeSnifferOptionsConfiguration">
+    <option name="highlightLevel" value="WARNING" />
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PhpProjectSharedConfiguration" php_language_level="8.3">
+    <option name="suggestChangeDefaultLanguageLevel" value="false" />
+  </component>
+  <component name="PhpStanOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PsalmOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/seven.iml b/.idea/seven.iml
new file mode 100644
index 0000000000000000000000000000000000000000..c956989b29ad0767edc6cf3a202545927c3d1e76
--- /dev/null
+++ b/.idea/seven.iml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000000000000000000000000000000000000..35eb1ddfbbc029bcab630581847471d7f238ec53
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/css/base/elements.css b/css/base/elements.css
index 2599a0f5866054510b1c4c814cb57d272072a67d..f0e324f1f769dbb1a34838684db8c6a6516ea576 100644
--- a/css/base/elements.css
+++ b/css/base/elements.css
@@ -4,7 +4,12 @@
 body {
   color: #333;
   background: #fff;
-  font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif;
+  font:
+    normal 81.3%/1.538em "Lucida Grande",
+    "Lucida Sans Unicode",
+    "DejaVu Sans",
+    "Lucida Sans",
+    sans-serif;
 }
 a,
 .link {
diff --git a/css/classy/components/action-links.css b/css/classy/components/action-links.css
index 274d798e18e7ea39766ef871dd511b22c3a3803c..7e648df41e8fcfbe06b01f43d19505b3a5d85f98 100644
--- a/css/classy/components/action-links.css
+++ b/css/classy/components/action-links.css
@@ -29,13 +29,13 @@
   text-decoration: none;
   line-height: 160%;
 }
-.button-action:before {
+.button-action::before {
   margin-left: -0.1em; /* LTR */
   padding-right: 0.2em; /* LTR */
   content: "+";
   font-weight: 900;
 }
-[dir="rtl"] .button-action:before {
+[dir="rtl"] .button-action::before {
   margin-right: -0.1em;
   margin-left: 0;
   padding-right: 0;
diff --git a/css/classy/components/breadcrumb.css b/css/classy/components/breadcrumb.css
index 1e6a7fac71a177eefc9da2312f8739e84ef16b89..1a20eaffa3db11c41c1946bb9f59ac72451859d1 100644
--- a/css/classy/components/breadcrumb.css
+++ b/css/classy/components/breadcrumb.css
@@ -21,9 +21,9 @@
   list-style-type: none;
 }
 /* IE8 does not support :not() and :last-child. */
-.breadcrumb li:before {
+.breadcrumb li::before {
   content: " \BB ";
 }
-.breadcrumb li:first-child:before {
+.breadcrumb li:first-child::before {
   content: none;
 }
diff --git a/css/classy/components/collapse-processed.css b/css/classy/components/collapse-processed.css
index ef10aa341e156bdbc1d0a7d3602fa9002483bf29..546ea9b56dfcad47db204ec380eaea0da869c247 100644
--- a/css/classy/components/collapse-processed.css
+++ b/css/classy/components/collapse-processed.css
@@ -7,24 +7,24 @@
   padding-right: 0.5em;
   padding-left: 0.5em;
 }
-.collapse-processed > summary:before {
+.collapse-processed > summary::before {
   float: left; /* LTR */
   width: 1em;
   height: 1em;
   content: "";
   background: url(../../../images/menu-expanded.png) 0 100% no-repeat; /* LTR */
 }
-[dir="rtl"] .collapse-processed > summary:before {
+[dir="rtl"] .collapse-processed > summary::before {
   float: right;
   background-position: 100% 100%;
 }
-.collapse-processed:not([open]) > summary:before {
+.collapse-processed:not([open]) > summary::before {
   -ms-transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
   background-position: 25% 35%; /* LTR */
 }
-[dir="rtl"] .collapse-processed:not([open]) > summary:before {
+[dir="rtl"] .collapse-processed:not([open]) > summary::before {
   -ms-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
diff --git a/css/classy/components/container-inline.css b/css/classy/components/container-inline.css
index 64b78f683bf159533eb9d5661a209767782e7cc3..1a91f17f7147682a1947bb0c1c01cfa934e8f8ca 100644
--- a/css/classy/components/container-inline.css
+++ b/css/classy/components/container-inline.css
@@ -3,12 +3,12 @@
  * Inline items.
  */
 
-.container-inline label:after,
-.container-inline .label:after {
+.container-inline label::after,
+.container-inline .label::after {
   content: ":";
 }
-.form-type-radios .container-inline label:after,
-.form-type-checkboxes .container-inline label:after {
+.form-type-radios .container-inline label::after,
+.form-type-checkboxes .container-inline label::after {
   content: "";
 }
 .form-type-radios .container-inline .form-type-radio,
diff --git a/css/classy/components/form.css b/css/classy/components/form.css
index 0822f34683d85eb287ab951eb967c6669150d85d..571c7030de7fc134ec544389a78db277a87b77c4 100644
--- a/css/classy/components/form.css
+++ b/css/classy/components/form.css
@@ -70,7 +70,7 @@ label.option {
 .marker {
   color: #e00;
 }
-.form-required:after {
+.form-required::after {
   display: inline-block;
   width: 6px;
   height: 6px;
@@ -93,7 +93,7 @@ abbr.ajax-changed {
 }
 
 /* Inline error messages. */
-.form-item--error-message:before {
+.form-item--error-message::before {
   display: inline-block;
   width: 14px;
   height: 14px;
diff --git a/css/classy/components/messages.css b/css/classy/components/messages.css
index 1435327eec4dad666698fc854de4511abe3aa940..cd688ebaa40bf881fa06d791de7dfb9898782958 100644
--- a/css/classy/components/messages.css
+++ b/css/classy/components/messages.css
@@ -7,9 +7,9 @@
   padding: 15px 20px 15px 35px; /* LTR */
   word-wrap: break-word;
   border: 1px solid;
-  border-width: 1px 1px 1px 0;  /* LTR */
+  border-width: 1px 1px 1px 0; /* LTR */
   border-radius: 2px;
-  background: no-repeat 10px 17px;  /* LTR */
+  background: no-repeat 10px 17px; /* LTR */
   overflow-wrap: break-word;
 }
 [dir="rtl"] .messages {
@@ -33,7 +33,7 @@
 /* See .color-success in Seven's colors.css */
 .messages--status {
   color: #325e1c;
-  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;  /* LTR */
+  border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */
   background-color: #f3faef;
   background-image: url(../../../images/icons/73b355/check.svg);
   box-shadow: -8px 0 0 #77b259; /* LTR */
@@ -46,7 +46,7 @@
 /* See .color-warning in Seven's colors.css */
 .messages--warning {
   color: #734c00;
-  border-color: #f4daa6 #f4daa6 #f4daa6 transparent;  /* LTR */
+  border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */
   background-color: #fdf8ed;
   background-image: url(../../../images/icons/e29700/warning.svg);
   box-shadow: -8px 0 0 #e09600; /* LTR */
@@ -58,7 +58,7 @@
 /* See .color-error in Seven's colors.css */
 .messages--error {
   color: #a51b00;
-  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;  /* LTR */
+  border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */
   background-color: #fcf4f2;
   background-image: url(../../../images/icons/e32700/error.svg);
   box-shadow: -8px 0 0 #e62600; /* LTR */
diff --git a/css/classy/components/progress.css b/css/classy/components/progress.css
index 47da889350040c07f3137184192d19a66d0c6334..c32bf6ba875d5cede0805c2ee148ad601222c80d 100644
--- a/css/classy/components/progress.css
+++ b/css/classy/components/progress.css
@@ -27,10 +27,23 @@
   background: #057ec9;
   background-image:
     -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
-    -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
-  background-image:
-    linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
-    linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
+    -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc
+          50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
+  background-image: linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0),
+      rgba(0, 0, 0, 0.15)
+    ),
+    linear-gradient(
+      to right bottom,
+      #0094f0 0%,
+      #0094f0 25%,
+      #007ecc 25%,
+      #007ecc 50%,
+      #0094f0 50%,
+      #0094f0 75%,
+      #0094f0 100%
+    );
   background-size: 40px 40px;
 }
 [dir="rtl"] .progress__bar {
@@ -53,17 +66,15 @@
 /**
  * Progress bar animations.
  */
-@-webkit-keyframes animate-stripes {
-  0% { background-position: 0 0, 0 0; }
-  100% { background-position: 0 0, -80px 0; }
-}
-
-@-ms-keyframes animate-stripes {
-  0% { background-position: 0 0, 0 0; }
-  100% { background-position: 0 0, -80px 0; }
-}
-
 @keyframes animate-stripes {
-  0% { background-position: 0 0, 0 0; }
-  100% { background-position: 0 0, -80px 0; }
+  0% {
+    background-position:
+      0 0,
+      0 0;
+  }
+  100% {
+    background-position:
+      0 0,
+      -80px 0;
+  }
 }
diff --git a/css/components/admin-list.css b/css/components/admin-list.css
index 090f3fd377cf3fc5f594fc87b8c90a050aa37496..cda43911f405c834ced07bcb212a5623ebf4b8fa 100644
--- a/css/components/admin-list.css
+++ b/css/components/admin-list.css
@@ -20,12 +20,14 @@ ul.admin-list {
   display: block;
   min-height: 0;
   padding: 14px 15px 14px 25px; /* LTR */
-  background: url(../../images/icons/bebebe/chevron-disc-right.svg) no-repeat 1px 16px; /* LTR */
+  background: url(../../images/icons/bebebe/chevron-disc-right.svg) no-repeat
+    1px 16px; /* LTR */
 }
 [dir="rtl"] .admin-list li a {
   padding-right: 25px;
   padding-left: 15px;
-  background: url(../../images/icons/bebebe/chevron-disc-left.svg) no-repeat right 16px;
+  background: url(../../images/icons/bebebe/chevron-disc-left.svg) no-repeat
+    right 16px;
 }
 .admin-list.compact li a {
   padding: 2px 0;
diff --git a/css/components/buttons.css b/css/components/buttons.css
index c747f65274f1451929bd08b754b6eef31205feae..1a2f72a5c2ed4caadb6811c2d8c764c7a09afa01 100644
--- a/css/components/buttons.css
+++ b/css/components/buttons.css
@@ -22,10 +22,10 @@
  *
  */
 .button {
-  position: relative;  /* 1 */
+  position: relative; /* 1 */
   display: inline-block;
   box-sizing: border-box;
-  padding: 4px 1.5em;  /* 4 */
+  padding: 4px 1.5em; /* 4 */
   cursor: pointer;
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
@@ -39,12 +39,12 @@
   background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
   text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
   font-size: 14px;
-  font-size: 0.875rem;  /* 5 */
+  font-size: 0.875rem; /* 5 */
   font-weight: 600;
-  line-height: normal;  /* 2 */
-  -webkit-appearance: none;  /* 3 */
-  -moz-appearance: none;  /* 3 */
-  -webkit-font-smoothing: antialiased;  /* 6 */
+  line-height: normal; /* 2 */
+  -webkit-appearance: none; /* 3 */
+  -moz-appearance: none; /* 3 */
+  -webkit-font-smoothing: antialiased; /* 6 */
 }
 .button:hover,
 .button:focus {
@@ -109,7 +109,7 @@
 /**
  * Overrides styling from system.theme.
  */
-.button-action:before {
+.button-action::before {
   margin-left: -0.2em; /* LTR */
   padding-right: 0.2em; /* LTR */
   font-size: 14px;
@@ -117,7 +117,7 @@
   line-height: 16px;
   -webkit-font-smoothing: auto;
 }
-[dir="rtl"] .button-action:before {
+[dir="rtl"] .button-action::before {
   margin-right: -0.2em;
   margin-left: 0;
   padding-right: 0;
@@ -128,7 +128,7 @@
  * 1. Use px units to ensure button text is centered vertically.
  */
 .no-touchevents .button--small {
-  padding: 2px 1em;  /* 1 */
+  padding: 2px 1em; /* 1 */
   font-size: 13px;
   font-size: 0.813rem;
 }
diff --git a/css/components/container-inline.css b/css/components/container-inline.css
index 301b3fb17ec01741b889ae235df17b74abfc8069..8afdffad37b1f674fac7af412656458c103acbf1 100644
--- a/css/components/container-inline.css
+++ b/css/components/container-inline.css
@@ -3,8 +3,8 @@
  * Inline items.
  */
 
-.container-inline .form-radios label:after,
-.container-inline .form-checkboxes label:after {
+.container-inline .form-radios label::after,
+.container-inline .form-checkboxes label::after {
   content: "";
 }
 .container-inline .form-radios .form-type-radio,
diff --git a/css/components/dialog.css b/css/components/dialog.css
index 354f3222aa682937b2408d467074e109cb5cb555..08e985dde5b80efdd72d44af49c1e37fefe3246a 100644
--- a/css/components/dialog.css
+++ b/css/components/dialog.css
@@ -10,7 +10,8 @@
   background: transparent;
 }
 
-@media all and (max-width: 48em) { /* 768px */
+@media all and (max-width: 48em) {
+  /* 768px */
   .ui-dialog {
     min-width: 92%;
     max-width: 92%;
diff --git a/css/components/dropbutton.component.css b/css/components/dropbutton.component.css
index 83c333d64d87c0559726579a8ceba7bfeb7b530b..0a6364b1f311f303ace2803cb6b5234c2fb521ab 100644
--- a/css/components/dropbutton.component.css
+++ b/css/components/dropbutton.component.css
@@ -66,7 +66,8 @@
   margin-top: 0;
 }
 
-@media screen and (min-width: 37.5625em) { /* 601px */
+@media screen and (min-width: 37.5625em) {
+  /* 601px */
   .dropbutton li {
     display: inline-block;
   }
@@ -120,7 +121,10 @@
   border-radius: 0.9em 0 0 0; /* LTR */
 }
 [dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:first-child a,
-[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:first-child .button {
+[dir="rtl"].js
+  .dropbutton-multiple.open
+  .dropbutton-action:first-child
+  .button {
   border-radius: 0 0.9em 0 0;
 }
 .js .dropbutton-multiple.open .dropbutton-action:last-child a,
@@ -228,20 +232,32 @@
   border-left: 1px solid #a6a6a6; /* LTR */
   outline: none;
 }
-[dir="rtl"].js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
+[dir="rtl"].js
+  .dropbutton-wrapper
+  .dropbutton-widget
+  .dropbutton-toggle
+  button {
   border-right: 1px solid #a6a6a6;
   border-left: 0;
 }
 .js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
   border-radius: 0 20em 20em 0; /* LTR */
 }
-[dir="rtl"].js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
+[dir="rtl"].js
+  .dropbutton-wrapper
+  .dropbutton-widget
+  .dropbutton-toggle
+  button {
   border-radius: 20em 0 0 20em;
 }
 .dropbutton-multiple.open .dropbutton-widget .dropbutton-toggle button {
   border-radius: 0 1em 1em 0; /* LTR */
 }
-[dir="rtl"] .dropbutton-multiple.open .dropbutton-widget .dropbutton-toggle button {
+[dir="rtl"]
+  .dropbutton-multiple.open
+  .dropbutton-widget
+  .dropbutton-toggle
+  button {
   border-radius: 1em 0 0 1em;
 }
 .js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
@@ -296,35 +312,75 @@
   background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
   background-image: linear-gradient(to bottom, #007bc6, #0071b8);
 }
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:hover,
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:focus {
+.js
+  .form-actions
+  .dropbutton-wrapper
+  .dropbutton-widget
+  .dropbutton-action
+  .button:hover,
+.js
+  .form-actions
+  .dropbutton-wrapper
+  .dropbutton-widget
+  .dropbutton-action
+  .button:focus {
   color: #fff;
   background-color: #2369a6;
   background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
   background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
   box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
 }
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:active {
+.js
+  .form-actions
+  .dropbutton-wrapper
+  .dropbutton-widget
+  .dropbutton-action
+  .button:active {
   border-color: #144b78;
   background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
   background-image: linear-gradient(to bottom, #08639b, #0071b8);
   box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
 }
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button,
+.js
+  .form-actions
+  .dropbutton-wrapper
+  .dropbutton-widget
+  .dropbutton-toggle
+  button,
 .form-actions .dropbutton .secondary-action {
   border-color: #1e5c90;
 }
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
+.js
+  .form-actions
+  .dropbutton-wrapper
+  .dropbutton-widget
+  .dropbutton-toggle
+  button {
   background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
   background-image: linear-gradient(to bottom, #007bc6, #0071b8);
 }
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:focus {
+.js
+  .form-actions
+  .dropbutton-wrapper
+  .dropbutton-widget
+  .dropbutton-toggle
+  button:hover,
+.js
+  .form-actions
+  .dropbutton-wrapper
+  .dropbutton-widget
+  .dropbutton-toggle
+  button:focus {
   background-color: #2369a6;
   background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
   background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
 }
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:active {
+.js
+  .form-actions
+  .dropbutton-wrapper
+  .dropbutton-widget
+  .dropbutton-toggle
+  button:active {
   border-color: #144b78;
   background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
   background-image: linear-gradient(to bottom, #08639b, #0071b8);
diff --git a/css/components/entity-meta.css b/css/components/entity-meta.css
index 11be99177bcdd4a7250ec6e2040c8be198ed8a7f..33431490b9494f6c2fb84b4057df1d3ddd749e9b 100644
--- a/css/components/entity-meta.css
+++ b/css/components/entity-meta.css
@@ -44,8 +44,16 @@
   padding-top: 1px;
   border-top-width: 0;
   background-color: transparent;
-  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.125), transparent 4px);
-  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px);
+  background-image: -webkit-linear-gradient(
+    top,
+    rgba(0, 0, 0, 0.125),
+    transparent 4px
+  );
+  background-image: linear-gradient(
+    to bottom,
+    rgba(0, 0, 0, 0.125),
+    transparent 4px
+  );
 }
 .entity-meta .seven-details[open] + .seven-details[open] {
   padding-top: 0;
diff --git a/css/components/field-ui.css b/css/components/field-ui.css
index d099c51992b9f61336ffd2e04953d59886be5bb0..38a0c5bb1cd6d604e8bf4af551dcde26cc084756 100644
--- a/css/components/field-ui.css
+++ b/css/components/field-ui.css
@@ -18,11 +18,16 @@
 #field-display-overview .field-plugin-settings-edit-form .form-submit {
   margin-bottom: 0;
 }
-#field-display-overview .form-item-fields-field-image-settings-edit-form-settings-image-style .description {
+#field-display-overview
+  .form-item-fields-field-image-settings-edit-form-settings-image-style
+  .description {
   display: inline-block;
   margin-left: 1em; /* LTR */
 }
-[dir="rtl"] #field-display-overview .form-item-fields-field-image-settings-edit-form-settings-image-style .description {
+[dir="rtl"]
+  #field-display-overview
+  .form-item-fields-field-image-settings-edit-form-settings-image-style
+  .description {
   margin-right: 1em;
   margin-left: 0;
 }
diff --git a/css/components/form.css b/css/components/form.css
index a50d6e5e131d080317e8d1ad2d333f8c85bf701e..1457ceafa41bfaed8956ca91c68b499ef5d2c6cd 100644
--- a/css/components/form.css
+++ b/css/components/form.css
@@ -11,7 +11,7 @@ form {
  * elements in normalize.css 7.0.0.
  */
 button:not(.button),
-input:not([type="file"],.form-text, .form-textarea) {
+input:not([type="file"], .form-text, .form-textarea) {
   line-height: 1.25em;
 }
 textarea,
@@ -135,9 +135,11 @@ label[for] {
   border-color: #e62600;
   outline: 0;
   background-color: #fcf4f2;
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px 1px #e62600;
+  box-shadow:
+    inset 0 1px 3px rgba(0, 0, 0, 0.05),
+    0 0 8px 1px #e62600;
 }
-.form-required:after {
+.form-required::after {
   width: 7px;
   height: 7px;
   background-size: 7px 7px;
@@ -206,8 +208,12 @@ textarea.form-textarea {
   box-sizing: border-box;
   max-width: 100%;
   padding: 0.3em 0.4em 0.3em 0.5em; /* LTR */
-  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-  transition: border linear 0.2s, box-shadow linear 0.2s;
+  -webkit-transition:
+    border linear 0.2s,
+    box-shadow linear 0.2s;
+  transition:
+    border linear 0.2s,
+    box-shadow linear 0.2s;
   color: #595959;
   border: 1px solid #b8b8b8;
   border-top-color: #999;
@@ -233,7 +239,9 @@ textarea.form-textarea {
   border-color: #40b6ff;
   outline: 0;
   background-color: #fff;
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
+  box-shadow:
+    inset 0 1px 3px rgba(0, 0, 0, 0.05),
+    0 0 8px #40b6ff;
 }
 
 .confirm-parent,
@@ -277,9 +285,10 @@ select {
   }
   [dir="rtl"] select {
     padding: 1px 0.714em 1px 1.571em;
-    background-position: 1% 63%, 0 0;
+    background-position:
+      1% 63%,
+      0 0;
   }
-  select:focus,
   select:hover {
     color: #1a1a1a;
     background-image:
diff --git a/css/components/jquery.ui/theme.css b/css/components/jquery.ui/theme.css
index 6c4dc4152b2306322535c382ddd90ce93cc69e4c..653dab977a97f24d61b862b36f4a9b192ae5c042 100644
--- a/css/components/jquery.ui/theme.css
+++ b/css/components/jquery.ui/theme.css
@@ -43,12 +43,10 @@
 .ui-state-disabled,
 .ui-widget-content .ui-state-disabled {
   opacity: 0.35;
-  filter: alpha(opacity=35);
 }
 .ui-priority-secondary,
 .ui-widget-content .ui-priority-secondary {
   opacity: 0.7;
-  filter: alpha(opacity=70);
 }
 
 /**
@@ -91,179 +89,525 @@
   margin: 2px 0 0 3px;
 }
 /* positioning */
-.ui-icon-carat-1-ne { background-position: -16px 0; }
-.ui-icon-carat-1-e { background-position: -32px 0; }
-.ui-icon-carat-1-se { background-position: -48px 0; }
-.ui-icon-carat-1-s { background-position: -64px 0; }
-.ui-icon-carat-1-sw { background-position: -80px 0; }
-.ui-icon-carat-1-w { background-position: -96px 0; }
-.ui-icon-carat-1-nw { background-position: -112px 0; }
-.ui-icon-carat-2-n-s { background-position: -128px 0; }
-.ui-icon-carat-2-e-w { background-position: -144px 0; }
-.ui-icon-triangle-1-n { background-position: 0 -16px; }
-.ui-icon-triangle-1-ne { background-position: -16px -16px; }
-.ui-icon-triangle-1-e { background-position: -32px -16px; }
-.ui-icon-triangle-1-se { background-position: -48px -16px; }
-.ui-icon-triangle-1-s { background-position: -64px -16px; }
-.ui-icon-triangle-1-sw { background-position: -80px -16px; }
-.ui-icon-triangle-1-w { background-position: -96px -16px; }
-.ui-icon-triangle-1-nw { background-position: -112px -16px; }
-.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
-.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
-.ui-icon-arrow-1-n { background-position: 0 -32px; }
-.ui-icon-arrow-1-ne { background-position: -16px -32px; }
-.ui-icon-arrow-1-e { background-position: -32px -32px; }
-.ui-icon-arrow-1-se { background-position: -48px -32px; }
-.ui-icon-arrow-1-s { background-position: -64px -32px; }
-.ui-icon-arrow-1-sw { background-position: -80px -32px; }
-.ui-icon-arrow-1-w { background-position: -96px -32px; }
-.ui-icon-arrow-1-nw { background-position: -112px -32px; }
-.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
-.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
-.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
-.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
-.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
-.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
-.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
-.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
-.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
-.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
-.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
-.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
-.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
-.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
-.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
-.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
-.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
-.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
-.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
-.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
-.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
-.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
-.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
-.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
-.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
-.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
-.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
-.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
-.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
-.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
-.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
-.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
-.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
-.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
-.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
-.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
-.ui-icon-arrow-4 { background-position: 0 -80px; }
-.ui-icon-arrow-4-diag { background-position: -16px -80px; }
-.ui-icon-extlink { background-position: -32px -80px; }
-.ui-icon-newwin { background-position: -48px -80px; }
-.ui-icon-refresh { background-position: -64px -80px; }
-.ui-icon-shuffle { background-position: -80px -80px; }
-.ui-icon-transfer-e-w { background-position: -96px -80px; }
-.ui-icon-transferthick-e-w { background-position: -112px -80px; }
-.ui-icon-folder-collapsed { background-position: 0 -96px; }
-.ui-icon-folder-open { background-position: -16px -96px; }
-.ui-icon-document { background-position: -32px -96px; }
-.ui-icon-document-b { background-position: -48px -96px; }
-.ui-icon-note { background-position: -64px -96px; }
-.ui-icon-mail-closed { background-position: -80px -96px; }
-.ui-icon-mail-open { background-position: -96px -96px; }
-.ui-icon-suitcase { background-position: -112px -96px; }
-.ui-icon-comment { background-position: -128px -96px; }
-.ui-icon-person { background-position: -144px -96px; }
-.ui-icon-print { background-position: -160px -96px; }
-.ui-icon-trash { background-position: -176px -96px; }
-.ui-icon-locked { background-position: -192px -96px; }
-.ui-icon-unlocked { background-position: -208px -96px; }
-.ui-icon-bookmark { background-position: -224px -96px; }
-.ui-icon-tag { background-position: -240px -96px; }
-.ui-icon-home { background-position: 0 -112px; }
-.ui-icon-flag { background-position: -16px -112px; }
-.ui-icon-calendar { background-position: -32px -112px; }
-.ui-icon-cart { background-position: -48px -112px; }
-.ui-icon-pencil { background-position: -64px -112px; }
-.ui-icon-clock { background-position: -80px -112px; }
-.ui-icon-disk { background-position: -96px -112px; }
-.ui-icon-calculator { background-position: -112px -112px; }
-.ui-icon-zoomin { background-position: -128px -112px; }
-.ui-icon-zoomout { background-position: -144px -112px; }
-.ui-icon-search { background-position: -160px -112px; }
-.ui-icon-wrench { background-position: -176px -112px; }
-.ui-icon-gear { background-position: -192px -112px; }
-.ui-icon-heart { background-position: -208px -112px; }
-.ui-icon-star { background-position: -224px -112px; }
-.ui-icon-link { background-position: -240px -112px; }
-.ui-icon-cancel { background-position: 0 -128px; }
-.ui-icon-plus { background-position: -16px -128px; }
-.ui-icon-plusthick { background-position: -32px -128px; }
-.ui-icon-minus { background-position: -48px -128px; }
-.ui-icon-minusthick { background-position: -64px -128px; }
-.ui-icon-close { background-position: -80px -128px; }
-.ui-icon-closethick { background-position: -96px -128px; }
-.ui-icon-key { background-position: -112px -128px; }
-.ui-icon-lightbulb { background-position: -128px -128px; }
-.ui-icon-scissors { background-position: -144px -128px; }
-.ui-icon-clipboard { background-position: -160px -128px; }
-.ui-icon-copy { background-position: -176px -128px; }
-.ui-icon-contact { background-position: -192px -128px; }
-.ui-icon-image { background-position: -208px -128px; }
-.ui-icon-video { background-position: -224px -128px; }
-.ui-icon-script { background-position: -240px -128px; }
-.ui-icon-alert { background-position: 0 -144px; }
-.ui-icon-info { background-position: -16px -144px; }
-.ui-icon-notice { background-position: -32px -144px; }
-.ui-icon-help { background-position: -48px -144px; }
-.ui-icon-check { background-position: -64px -144px; }
-.ui-icon-bullet { background-position: -80px -144px; }
-.ui-icon-radio-off { background-position: -96px -144px; }
-.ui-icon-radio-on { background-position: -112px -144px; }
-.ui-icon-pin-w { background-position: -128px -144px; }
-.ui-icon-pin-s { background-position: -144px -144px; }
-.ui-icon-play { background-position: 0 -160px; }
-.ui-icon-pause { background-position: -16px -160px; }
-.ui-icon-seek-next { background-position: -32px -160px; }
-.ui-icon-seek-prev { background-position: -48px -160px; }
-.ui-icon-seek-end { background-position: -64px -160px; }
-.ui-icon-seek-first { background-position: -80px -160px; }
-.ui-icon-stop { background-position: -96px -160px; }
-.ui-icon-eject { background-position: -112px -160px; }
-.ui-icon-volume-off { background-position: -128px -160px; }
-.ui-icon-volume-on { background-position: -144px -160px; }
-.ui-icon-power { background-position: 0 -176px; }
-.ui-icon-signal-diag { background-position: -16px -176px; }
-.ui-icon-signal { background-position: -32px -176px; }
-.ui-icon-battery-0 { background-position: -48px -176px; }
-.ui-icon-battery-1 { background-position: -64px -176px; }
-.ui-icon-battery-2 { background-position: -80px -176px; }
-.ui-icon-battery-3 { background-position: -96px -176px; }
-.ui-icon-circle-plus { background-position: 0 -192px; }
-.ui-icon-circle-minus { background-position: -16px -192px; }
-.ui-icon-circle-close { background-position: -32px -192px; }
-.ui-icon-circle-triangle-e { background-position: -48px -192px; }
-.ui-icon-circle-triangle-s { background-position: -64px -192px; }
-.ui-icon-circle-triangle-w { background-position: -80px -192px; }
-.ui-icon-circle-triangle-n { background-position: -96px -192px; }
-.ui-icon-circle-arrow-e { background-position: -112px -192px; }
-.ui-icon-circle-arrow-s { background-position: -128px -192px; }
-.ui-icon-circle-arrow-w { background-position: -144px -192px; }
-.ui-icon-circle-arrow-n { background-position: -160px -192px; }
-.ui-icon-circle-zoomin { background-position: -176px -192px; }
-.ui-icon-circle-zoomout { background-position: -192px -192px; }
-.ui-icon-circle-check { background-position: -208px -192px; }
-.ui-icon-circlesmall-plus { background-position: 0 -208px; }
-.ui-icon-circlesmall-minus { background-position: -16px -208px; }
-.ui-icon-circlesmall-close { background-position: -32px -208px; }
-.ui-icon-squaresmall-plus { background-position: -48px -208px; }
-.ui-icon-squaresmall-minus { background-position: -64px -208px; }
-.ui-icon-squaresmall-close { background-position: -80px -208px; }
-.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
-.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
-.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
-.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
-.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
-.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
-.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne {
+  background-position: -16px 0;
+}
+.ui-icon-carat-1-e {
+  background-position: -32px 0;
+}
+.ui-icon-carat-1-se {
+  background-position: -48px 0;
+}
+.ui-icon-carat-1-s {
+  background-position: -64px 0;
+}
+.ui-icon-carat-1-sw {
+  background-position: -80px 0;
+}
+.ui-icon-carat-1-w {
+  background-position: -96px 0;
+}
+.ui-icon-carat-1-nw {
+  background-position: -112px 0;
+}
+.ui-icon-carat-2-n-s {
+  background-position: -128px 0;
+}
+.ui-icon-carat-2-e-w {
+  background-position: -144px 0;
+}
+.ui-icon-triangle-1-n {
+  background-position: 0 -16px;
+}
+.ui-icon-triangle-1-ne {
+  background-position: -16px -16px;
+}
+.ui-icon-triangle-1-e {
+  background-position: -32px -16px;
+}
+.ui-icon-triangle-1-se {
+  background-position: -48px -16px;
+}
+.ui-icon-triangle-1-s {
+  background-position: -64px -16px;
+}
+.ui-icon-triangle-1-sw {
+  background-position: -80px -16px;
+}
+.ui-icon-triangle-1-w {
+  background-position: -96px -16px;
+}
+.ui-icon-triangle-1-nw {
+  background-position: -112px -16px;
+}
+.ui-icon-triangle-2-n-s {
+  background-position: -128px -16px;
+}
+.ui-icon-triangle-2-e-w {
+  background-position: -144px -16px;
+}
+.ui-icon-arrow-1-n {
+  background-position: 0 -32px;
+}
+.ui-icon-arrow-1-ne {
+  background-position: -16px -32px;
+}
+.ui-icon-arrow-1-e {
+  background-position: -32px -32px;
+}
+.ui-icon-arrow-1-se {
+  background-position: -48px -32px;
+}
+.ui-icon-arrow-1-s {
+  background-position: -64px -32px;
+}
+.ui-icon-arrow-1-sw {
+  background-position: -80px -32px;
+}
+.ui-icon-arrow-1-w {
+  background-position: -96px -32px;
+}
+.ui-icon-arrow-1-nw {
+  background-position: -112px -32px;
+}
+.ui-icon-arrow-2-n-s {
+  background-position: -128px -32px;
+}
+.ui-icon-arrow-2-ne-sw {
+  background-position: -144px -32px;
+}
+.ui-icon-arrow-2-e-w {
+  background-position: -160px -32px;
+}
+.ui-icon-arrow-2-se-nw {
+  background-position: -176px -32px;
+}
+.ui-icon-arrowstop-1-n {
+  background-position: -192px -32px;
+}
+.ui-icon-arrowstop-1-e {
+  background-position: -208px -32px;
+}
+.ui-icon-arrowstop-1-s {
+  background-position: -224px -32px;
+}
+.ui-icon-arrowstop-1-w {
+  background-position: -240px -32px;
+}
+.ui-icon-arrowthick-1-n {
+  background-position: 0 -48px;
+}
+.ui-icon-arrowthick-1-ne {
+  background-position: -16px -48px;
+}
+.ui-icon-arrowthick-1-e {
+  background-position: -32px -48px;
+}
+.ui-icon-arrowthick-1-se {
+  background-position: -48px -48px;
+}
+.ui-icon-arrowthick-1-s {
+  background-position: -64px -48px;
+}
+.ui-icon-arrowthick-1-sw {
+  background-position: -80px -48px;
+}
+.ui-icon-arrowthick-1-w {
+  background-position: -96px -48px;
+}
+.ui-icon-arrowthick-1-nw {
+  background-position: -112px -48px;
+}
+.ui-icon-arrowthick-2-n-s {
+  background-position: -128px -48px;
+}
+.ui-icon-arrowthick-2-ne-sw {
+  background-position: -144px -48px;
+}
+.ui-icon-arrowthick-2-e-w {
+  background-position: -160px -48px;
+}
+.ui-icon-arrowthick-2-se-nw {
+  background-position: -176px -48px;
+}
+.ui-icon-arrowthickstop-1-n {
+  background-position: -192px -48px;
+}
+.ui-icon-arrowthickstop-1-e {
+  background-position: -208px -48px;
+}
+.ui-icon-arrowthickstop-1-s {
+  background-position: -224px -48px;
+}
+.ui-icon-arrowthickstop-1-w {
+  background-position: -240px -48px;
+}
+.ui-icon-arrowreturnthick-1-w {
+  background-position: 0 -64px;
+}
+.ui-icon-arrowreturnthick-1-n {
+  background-position: -16px -64px;
+}
+.ui-icon-arrowreturnthick-1-e {
+  background-position: -32px -64px;
+}
+.ui-icon-arrowreturnthick-1-s {
+  background-position: -48px -64px;
+}
+.ui-icon-arrowreturn-1-w {
+  background-position: -64px -64px;
+}
+.ui-icon-arrowreturn-1-n {
+  background-position: -80px -64px;
+}
+.ui-icon-arrowreturn-1-e {
+  background-position: -96px -64px;
+}
+.ui-icon-arrowreturn-1-s {
+  background-position: -112px -64px;
+}
+.ui-icon-arrowrefresh-1-w {
+  background-position: -128px -64px;
+}
+.ui-icon-arrowrefresh-1-n {
+  background-position: -144px -64px;
+}
+.ui-icon-arrowrefresh-1-e {
+  background-position: -160px -64px;
+}
+.ui-icon-arrowrefresh-1-s {
+  background-position: -176px -64px;
+}
+.ui-icon-arrow-4 {
+  background-position: 0 -80px;
+}
+.ui-icon-arrow-4-diag {
+  background-position: -16px -80px;
+}
+.ui-icon-extlink {
+  background-position: -32px -80px;
+}
+.ui-icon-newwin {
+  background-position: -48px -80px;
+}
+.ui-icon-refresh {
+  background-position: -64px -80px;
+}
+.ui-icon-shuffle {
+  background-position: -80px -80px;
+}
+.ui-icon-transfer-e-w {
+  background-position: -96px -80px;
+}
+.ui-icon-transferthick-e-w {
+  background-position: -112px -80px;
+}
+.ui-icon-folder-collapsed {
+  background-position: 0 -96px;
+}
+.ui-icon-folder-open {
+  background-position: -16px -96px;
+}
+.ui-icon-document {
+  background-position: -32px -96px;
+}
+.ui-icon-document-b {
+  background-position: -48px -96px;
+}
+.ui-icon-note {
+  background-position: -64px -96px;
+}
+.ui-icon-mail-closed {
+  background-position: -80px -96px;
+}
+.ui-icon-mail-open {
+  background-position: -96px -96px;
+}
+.ui-icon-suitcase {
+  background-position: -112px -96px;
+}
+.ui-icon-comment {
+  background-position: -128px -96px;
+}
+.ui-icon-person {
+  background-position: -144px -96px;
+}
+.ui-icon-print {
+  background-position: -160px -96px;
+}
+.ui-icon-trash {
+  background-position: -176px -96px;
+}
+.ui-icon-locked {
+  background-position: -192px -96px;
+}
+.ui-icon-unlocked {
+  background-position: -208px -96px;
+}
+.ui-icon-bookmark {
+  background-position: -224px -96px;
+}
+.ui-icon-tag {
+  background-position: -240px -96px;
+}
+.ui-icon-home {
+  background-position: 0 -112px;
+}
+.ui-icon-flag {
+  background-position: -16px -112px;
+}
+.ui-icon-calendar {
+  background-position: -32px -112px;
+}
+.ui-icon-cart {
+  background-position: -48px -112px;
+}
+.ui-icon-pencil {
+  background-position: -64px -112px;
+}
+.ui-icon-clock {
+  background-position: -80px -112px;
+}
+.ui-icon-disk {
+  background-position: -96px -112px;
+}
+.ui-icon-calculator {
+  background-position: -112px -112px;
+}
+.ui-icon-zoomin {
+  background-position: -128px -112px;
+}
+.ui-icon-zoomout {
+  background-position: -144px -112px;
+}
+.ui-icon-search {
+  background-position: -160px -112px;
+}
+.ui-icon-wrench {
+  background-position: -176px -112px;
+}
+.ui-icon-gear {
+  background-position: -192px -112px;
+}
+.ui-icon-heart {
+  background-position: -208px -112px;
+}
+.ui-icon-star {
+  background-position: -224px -112px;
+}
+.ui-icon-link {
+  background-position: -240px -112px;
+}
+.ui-icon-cancel {
+  background-position: 0 -128px;
+}
+.ui-icon-plus {
+  background-position: -16px -128px;
+}
+.ui-icon-plusthick {
+  background-position: -32px -128px;
+}
+.ui-icon-minus {
+  background-position: -48px -128px;
+}
+.ui-icon-minusthick {
+  background-position: -64px -128px;
+}
+.ui-icon-close {
+  background-position: -80px -128px;
+}
+.ui-icon-closethick {
+  background-position: -96px -128px;
+}
+.ui-icon-key {
+  background-position: -112px -128px;
+}
+.ui-icon-lightbulb {
+  background-position: -128px -128px;
+}
+.ui-icon-scissors {
+  background-position: -144px -128px;
+}
+.ui-icon-clipboard {
+  background-position: -160px -128px;
+}
+.ui-icon-copy {
+  background-position: -176px -128px;
+}
+.ui-icon-contact {
+  background-position: -192px -128px;
+}
+.ui-icon-image {
+  background-position: -208px -128px;
+}
+.ui-icon-video {
+  background-position: -224px -128px;
+}
+.ui-icon-script {
+  background-position: -240px -128px;
+}
+.ui-icon-alert {
+  background-position: 0 -144px;
+}
+.ui-icon-info {
+  background-position: -16px -144px;
+}
+.ui-icon-notice {
+  background-position: -32px -144px;
+}
+.ui-icon-help {
+  background-position: -48px -144px;
+}
+.ui-icon-check {
+  background-position: -64px -144px;
+}
+.ui-icon-bullet {
+  background-position: -80px -144px;
+}
+.ui-icon-radio-off {
+  background-position: -96px -144px;
+}
+.ui-icon-radio-on {
+  background-position: -112px -144px;
+}
+.ui-icon-pin-w {
+  background-position: -128px -144px;
+}
+.ui-icon-pin-s {
+  background-position: -144px -144px;
+}
+.ui-icon-play {
+  background-position: 0 -160px;
+}
+.ui-icon-pause {
+  background-position: -16px -160px;
+}
+.ui-icon-seek-next {
+  background-position: -32px -160px;
+}
+.ui-icon-seek-prev {
+  background-position: -48px -160px;
+}
+.ui-icon-seek-end {
+  background-position: -64px -160px;
+}
+.ui-icon-seek-first {
+  background-position: -80px -160px;
+}
+.ui-icon-stop {
+  background-position: -96px -160px;
+}
+.ui-icon-eject {
+  background-position: -112px -160px;
+}
+.ui-icon-volume-off {
+  background-position: -128px -160px;
+}
+.ui-icon-volume-on {
+  background-position: -144px -160px;
+}
+.ui-icon-power {
+  background-position: 0 -176px;
+}
+.ui-icon-signal-diag {
+  background-position: -16px -176px;
+}
+.ui-icon-signal {
+  background-position: -32px -176px;
+}
+.ui-icon-battery-0 {
+  background-position: -48px -176px;
+}
+.ui-icon-battery-1 {
+  background-position: -64px -176px;
+}
+.ui-icon-battery-2 {
+  background-position: -80px -176px;
+}
+.ui-icon-battery-3 {
+  background-position: -96px -176px;
+}
+.ui-icon-circle-plus {
+  background-position: 0 -192px;
+}
+.ui-icon-circle-minus {
+  background-position: -16px -192px;
+}
+.ui-icon-circle-close {
+  background-position: -32px -192px;
+}
+.ui-icon-circle-triangle-e {
+  background-position: -48px -192px;
+}
+.ui-icon-circle-triangle-s {
+  background-position: -64px -192px;
+}
+.ui-icon-circle-triangle-w {
+  background-position: -80px -192px;
+}
+.ui-icon-circle-triangle-n {
+  background-position: -96px -192px;
+}
+.ui-icon-circle-arrow-e {
+  background-position: -112px -192px;
+}
+.ui-icon-circle-arrow-s {
+  background-position: -128px -192px;
+}
+.ui-icon-circle-arrow-w {
+  background-position: -144px -192px;
+}
+.ui-icon-circle-arrow-n {
+  background-position: -160px -192px;
+}
+.ui-icon-circle-zoomin {
+  background-position: -176px -192px;
+}
+.ui-icon-circle-zoomout {
+  background-position: -192px -192px;
+}
+.ui-icon-circle-check {
+  background-position: -208px -192px;
+}
+.ui-icon-circlesmall-plus {
+  background-position: 0 -208px;
+}
+.ui-icon-circlesmall-minus {
+  background-position: -16px -208px;
+}
+.ui-icon-circlesmall-close {
+  background-position: -32px -208px;
+}
+.ui-icon-squaresmall-plus {
+  background-position: -48px -208px;
+}
+.ui-icon-squaresmall-minus {
+  background-position: -64px -208px;
+}
+.ui-icon-squaresmall-close {
+  background-position: -80px -208px;
+}
+.ui-icon-grip-dotted-vertical {
+  background-position: 0 -224px;
+}
+.ui-icon-grip-dotted-horizontal {
+  background-position: -16px -224px;
+}
+.ui-icon-grip-solid-vertical {
+  background-position: -32px -224px;
+}
+.ui-icon-grip-solid-horizontal {
+  background-position: -48px -224px;
+}
+.ui-icon-gripsmall-diagonal-se {
+  background-position: -64px -224px;
+}
+.ui-icon-grip-diagonal-se {
+  background-position: -80px -224px;
+}
+.ui-icon-carat-1-n {
+  background-position: 0 0;
+}
 
 /**
  * Accordion
@@ -331,7 +675,6 @@
  */
 .ui-widget-overlay {
   opacity: 0.7;
-  filter: alpha(opacity=70);
   background: #000;
 }
 
diff --git a/css/components/quickedit.css b/css/components/quickedit.css
index f9409086eac02690601f359aab9b5f64e6230a7e..5705c8e61735eff7a3107e2ec0526898a433c849 100644
--- a/css/components/quickedit.css
+++ b/css/components/quickedit.css
@@ -58,6 +58,6 @@
  * The entity toolbar's "save" button's top margin shifts both buttons 2px down,
  * so we must compensate for that to achieve vertically centered positioning.
  */
-.quickedit .icon-close:before {
+.quickedit .icon-close::before {
   top: 8px;
 }
diff --git a/css/components/system-status-counter.css b/css/components/system-status-counter.css
index 1166d379f15d1f2ae2c10f7319ef6c17bc20c4d8..5aeb014c4ee1f58b8124432d43a1aa007d776ba7 100644
--- a/css/components/system-status-counter.css
+++ b/css/components/system-status-counter.css
@@ -28,7 +28,7 @@
   border-left: 1px solid #e6e4df;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
 }
-.system-status-counter__status-icon:before {
+.system-status-counter__status-icon::before {
   display: block;
   width: 100%;
   height: 100%;
@@ -38,13 +38,13 @@
   background-size: 25px;
 }
 
-.system-status-counter__status-icon--error:before {
+.system-status-counter__status-icon--error::before {
   background-image: url(../../images/icons/e32700/error.svg);
 }
-.system-status-counter__status-icon--warning:before {
+.system-status-counter__status-icon--warning::before {
   background-image: url(../../images/icons/e29700/warning.svg);
 }
-.system-status-counter__status-icon--checked:before {
+.system-status-counter__status-icon--checked::before {
   background-image: url(../../images/icons/73b355/check.svg);
 }
 .system-status-counter__status-title {
@@ -80,7 +80,7 @@
     padding: 10px 3%;
     font-size: 16px;
   }
-  .system-status-counter__status-icon:before {
+  .system-status-counter__status-icon::before {
     background-size: 35px;
   }
 }
diff --git a/css/components/system-status-report-general-info.css b/css/components/system-status-report-general-info.css
index e666d6c4ac93a61fa01e97fcad120ead67f22492..d974f0096ad5d5320aa0f84be9fd22106afe7682 100644
--- a/css/components/system-status-report-general-info.css
+++ b/css/components/system-status-report-general-info.css
@@ -33,7 +33,7 @@
   height: 45px;
   vertical-align: top;
 }
-.system-status-general-info__item-icon:before {
+.system-status-general-info__item-icon::before {
   display: block;
   width: 100%;
   height: 100%;
@@ -42,20 +42,20 @@
   background-position: 50% center;
   background-size: 35px;
 }
-.system-status-general-info__item-icon--drupal:before {
+.system-status-general-info__item-icon--drupal::before {
   background-image: url(../../images/logo/drupal-logo.svg);
 }
-.system-status-general-info__item-icon--clock:before {
+.system-status-general-info__item-icon--clock::before {
   background-image: url(../../images/icons/cccccc/clock.svg);
 }
-.system-status-general-info__item-icon--server:before {
+.system-status-general-info__item-icon--server::before {
   background-image: url(../../images/icons/cccccc/server.svg);
 }
-.system-status-general-info__item-icon--php:before {
+.system-status-general-info__item-icon--php::before {
   background-image: url(../../images/icons/cccccc/php-logo.svg);
   background-size: 45px;
 }
-.system-status-general-info__item-icon--database:before {
+.system-status-general-info__item-icon--database::before {
   background-image: url(../../images/icons/cccccc/database.svg);
   background-size: 30px;
 }
@@ -131,10 +131,10 @@
     width: 55px;
     height: 55px;
   }
-  .system-status-general-info__item-icon:before {
+  .system-status-general-info__item-icon::before {
     background-size: 35px;
   }
-  .system-status-general-info__item-icon--php:before {
+  .system-status-general-info__item-icon--php::before {
     background-size: 55px;
   }
 
diff --git a/css/components/system-status-report.css b/css/components/system-status-report.css
index 1e9d159ec42c69959f87e1b3ae862d7f74b9b128..3fb4e4aea26a59b2a694b3aec38a31b9aa9fa1ad 100644
--- a/css/components/system-status-report.css
+++ b/css/components/system-status-report.css
@@ -46,13 +46,13 @@
 [dir="rtl"].details .system-status-report__status-title {
   padding: 1em 3em 1em 1em;
 }
-.collapse-processed > .system-status-report__status-title:before {
+.collapse-processed > .system-status-report__status-title::before {
   float: right; /* LTR */
 }
 .system-status-report__status-title::-webkit-details-marker {
   float: right; /* LTR */
 }
-[dir="rtl"] .collapse-processed > .system-status-report__status-title:before {
+[dir="rtl"] .collapse-processed > .system-status-report__status-title::before {
   float: left;
 }
 [dir="rtl"] .system-status-report__status-title::-webkit-details-marker {
@@ -69,8 +69,8 @@
   color: inherit;
 }
 
-.system-status-report__status-title .details-title:before,
-.details .system-status-report__status-icon:before {
+.system-status-report__status-title .details-title::before,
+.details .system-status-report__status-icon::before {
   position: absolute;
   top: 1em;
   left: 10px; /* LTR */
@@ -84,18 +84,18 @@
   background-position: top center;
   background-size: contain;
 }
-[dir="rtl"] .system-status-report__status-title .details-title:before,
-[dir="rtl"].details .system-status-report__status-title:before {
+[dir="rtl"] .system-status-report__status-title .details-title::before,
+[dir="rtl"].details .system-status-report__status-title::before {
   right: 10px;
   left: auto;
   margin-right: 0;
 }
-.system-status-report__status-icon--error .details-title:before,
-.details .system-status-report__status-icon--error:before {
+.system-status-report__status-icon--error .details-title::before,
+.details .system-status-report__status-icon--error::before {
   background-image: url(../../images/icons/e32700/error.svg);
 }
-.system-status-report__status-icon--warning .details-title:before,
-.details .system-status-report__status-icon--warning:before {
+.system-status-report__status-icon--warning .details-title::before,
+.details .system-status-report__status-icon--warning::before {
   background-image: url(../../images/icons/e29700/warning.svg);
 }
 
@@ -135,7 +135,7 @@
   html.js .system-status-report__status-title::-webkit-details-marker {
     display: none;
   }
-  .collapse-processed > .system-status-report__status-title:before {
+  .collapse-processed > .system-status-report__status-title::before {
     position: relative;
     top: 3px;
   }
diff --git a/css/components/tables.css b/css/components/tables.css
index 727e0658e60174eae24225b2159e64f721ed5567..1c07b7ae93b175b618e440342b191bdca2c8a76c 100644
--- a/css/components/tables.css
+++ b/css/components/tables.css
@@ -70,7 +70,7 @@ th > a {
 }
 
 /* 1. Must match negative bottom padding of the parent <th> */
-th > a:after {
+th > a::after {
   position: absolute;
   top: 0;
   right: 0;
@@ -94,7 +94,7 @@ th.is-active img {
   right: auto;
   left: 0;
 }
-th.is-active > a:after {
+th.is-active > a::after {
   border-bottom-color: #004875;
 }
 th > a:hover,
@@ -104,10 +104,10 @@ th.is-active > a:focus {
   text-decoration: none;
   color: #008ee6;
 }
-th > a:hover:after,
-th > a:focus:after,
-th.is-active > a:hover:after,
-th.is-active > a:focus:after {
+th > a:hover::after,
+th > a:focus::after,
+th.is-active > a:hover::after,
+th.is-active > a:focus::after {
   border-bottom-color: #008ee6;
 }
 td .item-list ul {
@@ -136,7 +136,8 @@ th.select-all {
 /**
  * Responsive tables.
  */
-@media screen and (max-width: 37.5em) { /* 600px */
+@media screen and (max-width: 37.5em) {
+  /* 600px */
   th.priority-low,
   td.priority-low,
   th.priority-medium,
@@ -145,7 +146,8 @@ th.select-all {
   }
 }
 
-@media screen and (max-width: 60em) { /* 920px */
+@media screen and (max-width: 60em) {
+  /* 920px */
   th.priority-low,
   td.priority-low {
     display: none;
diff --git a/css/components/tabs.css b/css/components/tabs.css
index 1a7b13380b0042f45dd5d5d058fbc5553665b949..df92a44bfcf50aff1971d915479ba27c298cec87 100644
--- a/css/components/tabs.css
+++ b/css/components/tabs.css
@@ -5,8 +5,8 @@
 .is-horizontal .tabs {
   position: relative;
 }
-.is-collapse-enabled .tabs:before,
-.is-horizontal .tabs:before {
+.is-collapse-enabled .tabs::before,
+.is-horizontal .tabs::before {
   position: absolute;
   z-index: 10;
   right: 0;
@@ -19,8 +19,8 @@
 }
 
 /* Span the full width of the viewport */
-.content-header .is-horizontal .tabs:before,
-.content-header .is-collapse-enabled .tabs:before {
+.content-header .is-horizontal .tabs::before,
+.content-header .is-collapse-enabled .tabs::before {
   right: -2.5em;
   left: -2.5em;
 }
@@ -37,7 +37,7 @@
   display: block;
   overflow: hidden;
   box-sizing: border-box;
-  width: 100%;  /* 1 */
+  width: 100%; /* 1 */
   margin: -1px 0 0;
   padding: 9px 2em 7px 1em; /* LTR */
   white-space: nowrap;
@@ -109,12 +109,15 @@ li.tabs__tab a {
 }
 
 /* Only add the arrow if there's space */
-@media screen and (min-width: 18.75em) { /* 300px */
+@media screen and (min-width: 18.75em) {
+  /* 300px */
   .tabs.primary a {
-    background: url(../../images/icons/0074bd/chevron-right.svg) 99% center no-repeat;
+    background: url(../../images/icons/0074bd/chevron-right.svg) 99% center
+      no-repeat;
   }
   [dir="rtl"] .tabs.primary a {
-    background: url(../../images/icons/0074bd/chevron-left.svg) 1% center no-repeat;
+    background: url(../../images/icons/0074bd/chevron-left.svg) 1% center
+      no-repeat;
   }
   .tabs.primary .tabs__tab.is-active a {
     background-image: none;
@@ -249,8 +252,12 @@ li.tabs__tab a {
   display: block;
   margin-left: -1px; /* LTR */
   padding: 5px 15px 5px 16px; /* LTR */
-  -webkit-transition: border-color 0.2s, background-color 0.2s;
-  transition: border-color 0.2s, background-color 0.2s;
+  -webkit-transition:
+    border-color 0.2s,
+    background-color 0.2s;
+  transition:
+    border-color 0.2s,
+    background-color 0.2s;
   color: #0074bd;
 }
 [dir="rtl"] .tabs.secondary .tabs__tab {
diff --git a/css/components/tour.theme.css b/css/components/tour.theme.css
index e77d9ff58b2d9e704127d8d84946f191e5aedb3d..e1156db851588b4259a94e34e1dfd7890ead95f8 100644
--- a/css/components/tour.theme.css
+++ b/css/components/tour.theme.css
@@ -13,7 +13,9 @@
 
 .shepherd-element:focus {
   outline: none;
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
+  box-shadow:
+    inset 0 1px 3px rgba(0, 0, 0, 0.05),
+    0 0 8px #40b6ff;
 }
 
 /* Mobile */
@@ -23,7 +25,7 @@
   }
 }
 
-.shepherd-arrow:before {
+.shepherd-arrow::before {
   background: none;
 }
 
@@ -32,28 +34,28 @@
   border: solid 14px rgba(0, 0, 0, 0.8);
 }
 
-.shepherd-element[data-popper-placement^=top] > .shepherd-arrow {
+.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow {
   bottom: -28px;
   border-right-color: transparent;
   border-bottom-color: transparent;
   border-left-color: transparent;
 }
 
-.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow {
+.shepherd-element[data-popper-placement^="bottom"] > .shepherd-arrow {
   top: -28px;
   border-top-color: transparent;
   border-right-color: transparent;
   border-left-color: transparent;
 }
 
-.shepherd-element[data-popper-placement^=left] > .shepherd-arrow {
+.shepherd-element[data-popper-placement^="left"] > .shepherd-arrow {
   right: -28px;
   border-top-color: transparent;
   border-right-color: transparent; /* LTR */
   border-bottom-color: transparent;
 }
 
-.shepherd-element[data-popper-placement^=right] > .shepherd-arrow {
+.shepherd-element[data-popper-placement^="right"] > .shepherd-arrow {
   left: -28px;
   border-top-color: transparent;
   border-bottom-color: transparent;
diff --git a/css/components/vertical-tabs.css b/css/components/vertical-tabs.css
index 07c2ca0d10f3a65a5db12dc870ed241646115bf0..308d6767da9b7ddda825e6b0d37ebb13311ce3bf 100644
--- a/css/components/vertical-tabs.css
+++ b/css/components/vertical-tabs.css
@@ -85,7 +85,7 @@
   color: #004f80;
   border-bottom: none;
 }
-[dir=rtl] .vertical-tabs__menu-item.is-selected a {
+[dir="rtl"] .vertical-tabs__menu-item.is-selected a {
   padding-right: 11px;
   padding-left: 15px;
 }
@@ -109,7 +109,7 @@
   border-left: none;
   border-radius: 4px 0 0 4px;
 }
-.vertical-tabs__panes:after {
+.vertical-tabs__panes::after {
   display: table;
   clear: both;
   content: "";
diff --git a/css/layout/node-add.css b/css/layout/node-add.css
index 977cb2305f83e03a49c546960a85828d54558d89..9c65783f073115b4405cf937a8b9e2b28f25fc99 100644
--- a/css/layout/node-add.css
+++ b/css/layout/node-add.css
@@ -13,8 +13,7 @@
  * @todo Figure out how to reduce media query duplication across files
  *       and modules. Layout styles only allowed in themes?
  */
-@media
-  screen and (min-width: 780px),
+@media screen and (min-width: 780px),
   (orientation: landscape) and (min-device-height: 780px) {
   .node-form-layout .messages {
     margin-top: 1em;
diff --git a/css/theme/ckeditor-admin.css b/css/theme/ckeditor-admin.css
index 7214a24bcdefc0dc725031f13fd5e62b8cce5b8e..45a54f311456e8eb52b1239ba4afa0c7166d974b 100644
--- a/css/theme/ckeditor-admin.css
+++ b/css/theme/ckeditor-admin.css
@@ -7,9 +7,13 @@
  * This rule is needed to provide Seven's blue focus outline.
  */
 .ckeditor-toolbar-disabled .ckeditor-buttons li a:focus {
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
+  box-shadow:
+    inset 0 1px 3px rgba(0, 0, 0, 0.05),
+    0 0 8px #40b6ff;
 }
 
 .ckeditor-toolbar-active .ckeditor-buttons li a:focus {
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
+  box-shadow:
+    inset 0 1px 3px rgba(0, 0, 0, 0.05),
+    0 0 8px #40b6ff;
 }
diff --git a/css/theme/ckeditor-dialog.css b/css/theme/ckeditor-dialog.css
index 87ac1214d76614c24da2b54cc3bb46224b01da02..7858cc6865d44bb413b64aa2556be2a958e2d244 100644
--- a/css/theme/ckeditor-dialog.css
+++ b/css/theme/ckeditor-dialog.css
@@ -6,7 +6,7 @@
 .cke_dialog_background_cover {
   display: none;
 }
-.cke_dialog:before {
+.cke_dialog::before {
   position: fixed;
   top: 0;
   left: 0;
@@ -27,7 +27,12 @@
   background: none;
 }
 .cke_reset_all .cke_dialog_body * {
-  font: 13px/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif;
+  font:
+    13px/1.538em "Lucida Grande",
+    "Lucida Sans Unicode",
+    "DejaVu Sans",
+    "Lucida Sans",
+    sans-serif;
 }
 
 /* Dialog's header. */
@@ -101,8 +106,12 @@
   max-width: 100%;
   margin: 0 0 3px;
   padding: 0.3em 0.4em 0.3em 0.5em;
-  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-  transition: border linear 0.2s, box-shadow linear 0.2s;
+  -webkit-transition:
+    border linear 0.2s,
+    box-shadow linear 0.2s;
+  transition:
+    border linear 0.2s,
+    box-shadow linear 0.2s;
   color: #595959;
   border: 1px solid #b8b8b8;
   border-top-color: #999;
@@ -114,7 +123,8 @@
 }
 .cke_reset_all select.cke_dialog_ui_input_select {
   padding-right: 1.5em;
-  background: #fcfcfa url(../../images/icons/333333/caret-down.svg) no-repeat 99% 63%;
+  background: #fcfcfa url(../../images/icons/333333/caret-down.svg) no-repeat
+    99% 63%;
 }
 .cke_reset_all .cke_dialog_body textarea:focus,
 .cke_reset_all .cke_dialog_body input[type="text"]:focus,
@@ -122,7 +132,9 @@
   border-color: #40b6ff;
   outline: 0;
   background-color: #fff;
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
+  box-shadow:
+    inset 0 1px 3px rgba(0, 0, 0, 0.05),
+    0 0 8px #40b6ff;
 }
 
 /* Dialog's footer. */
diff --git a/css/theme/filter.admin.css b/css/theme/filter.admin.css
index db42f12f4da79c9edbce14df2a7e487c6a9404ba..ff2a1e24964e1a404ecab7478a09c1912ed11ff6 100644
--- a/css/theme/filter.admin.css
+++ b/css/theme/filter.admin.css
@@ -43,7 +43,7 @@
 [dir="rtl"] .filter-help a {
   margin: 0 0 0 20px;
 }
-.filter-help a:after {
+.filter-help a::after {
   position: absolute;
   top: 0;
   right: -20px; /* LTR */
@@ -53,7 +53,7 @@
   content: "";
   background: transparent url(../../images/help.png);
 }
-[dir="rtl"] .filter-help a:after {
+[dir="rtl"] .filter-help a::after {
   right: auto;
   left: -20px;
 }
diff --git a/css/theme/install-page.css b/css/theme/install-page.css
index b616b418d96fae4421dcbabfe81bf268b4461aec..8f13d456b7d14bc2f0772fc636cdfc9198123c54 100644
--- a/css/theme/install-page.css
+++ b/css/theme/install-page.css
@@ -11,14 +11,17 @@
   background-image:
     url(../../images/noise-low.png),
     -webkit-radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%));
-  background-image:
-    url(../../images/noise-low.png),
+  background-image: url(../../images/noise-low.png),
     radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%));
   background-repeat: repeat;
-  background-position: left top, 50% 50%; /* LTR */
+  background-position:
+    left top,
+    50% 50%; /* LTR */
 }
 [dir="rtl"] .install-page {
-  background-position: right top, 50% 50%;
+  background-position:
+    right top,
+    50% 50%;
 }
 
 /**
diff --git a/css/theme/maintenance-page.css b/css/theme/maintenance-page.css
index 047b88ff1c18056ac57c01d025759a159c03f8e7..c0b08c6c6cbf9ac997ee84361d6a99d383ac5a92 100644
--- a/css/theme/maintenance-page.css
+++ b/css/theme/maintenance-page.css
@@ -6,13 +6,20 @@
 .maintenance-page {
   min-height: 100%;
   background-color: #e0e0d8;
-  background-image: -webkit-radial-gradient(hsl(203, 2%, 90%), hsl(203, 2%, 95%));
+  background-image: -webkit-radial-gradient(
+    hsl(203, 2%, 90%),
+    hsl(203, 2%, 95%)
+  );
   background-image: radial-gradient(hsl(203, 2%, 90%), hsl(203, 2%, 95%));
   background-repeat: repeat;
-  background-position: left top, 50% 50%; /* LTR */
+  background-position:
+    left top,
+    50% 50%; /* LTR */
 }
 [dir="rtl"] .maintenance-page {
-  background-position: right top, 50% 50%;
+  background-position:
+    right top,
+    50% 50%;
 }
 
 .page-title {
@@ -25,7 +32,8 @@
 /**
  * Task list & step indicator
  */
-@media all and (max-width: 48em) { /* 768px */
+@media all and (max-width: 48em) {
+  /* 768px */
   header[role="banner"] {
     position: relative;
   }
@@ -45,7 +53,8 @@
   }
 }
 
-@media all and (min-width: 48em) { /* 768px */
+@media all and (min-width: 48em) {
+  /* 768px */
   .step-indicator {
     display: none;
   }
@@ -71,7 +80,7 @@
     background: #ebeae4;
     font-weight: normal;
   }
-  .task-list .is-active:after {
+  .task-list .is-active::after {
     position: absolute;
     top: 50%;
     left: 100%; /* LTR */
@@ -85,7 +94,7 @@
     border-color: rgba(235, 234, 228, 0);
     border-left-color: #ebeae4; /* LTR */
   }
-  [dir="rtl"] .task-list .is-active:after {
+  [dir="rtl"] .task-list .is-active::after {
     right: 100%;
     left: auto;
     border-right-color: #ebeae4;
@@ -105,13 +114,15 @@
   margin-left: 1.25em;
   background: #fff;
 }
-.layout-container:after { /* no reason for a clearfix in the markup */
+.layout-container::after {
+  /* no reason for a clearfix in the markup */
   display: table;
   clear: both;
   content: "";
 }
 
-@media all and (max-width: 48em) { /* 768px */
+@media all and (max-width: 48em) {
+  /* 768px */
   .layout-container {
     margin: 1.25em;
     padding: 10px 20px;
@@ -126,7 +137,8 @@
   }
 }
 
-@media all and (min-width: 48em) { /* 768px */
+@media all and (min-width: 48em) {
+  /* 768px */
   html {
     display: table;
   }
diff --git a/css/theme/media-library.css b/css/theme/media-library.css
index fef1a7a2530881ee0b8b853db99feca23111c365..b29e1bd1e6a3cbffd37d5f0812169a12fb20dc8a 100644
--- a/css/theme/media-library.css
+++ b/css/theme/media-library.css
@@ -112,7 +112,8 @@
 }
 
 /* Style the media add upload form. */
-.media-library-add-form--upload.media-library-add-form--without-input .form-item-upload {
+.media-library-add-form--upload.media-library-add-form--without-input
+  .form-item-upload {
   margin-bottom: 0;
 }
 
@@ -131,7 +132,8 @@
   }
 }
 
-.media-library-add-form--oembed.media-library-add-form--without-input .form-item-url {
+.media-library-add-form--oembed.media-library-add-form--without-input
+  .form-item-url {
   margin-bottom: 0;
 }
 
@@ -157,7 +159,10 @@
   padding: 0 10px 1em 10px;
 }
 
-.media-library-add-form__selected-media .media-library-item .field--name-thumbnail img {
+.media-library-add-form__selected-media
+  .media-library-item
+  .field--name-thumbnail
+  img {
   height: 100px;
 }
 
@@ -304,14 +309,17 @@
   background: #fff;
 }
 
-.media-library-item--grid:before {
+.media-library-item--grid::before {
   position: absolute;
   top: 7px;
   left: 7px;
   width: calc(100% - 16px);
   height: calc(100% - 16px);
   content: "";
-  transition: border-color 0.2s, color 0.2s, background 0.2s;
+  transition:
+    border-color 0.2s,
+    color 0.2s,
+    background 0.2s;
   pointer-events: none;
   border: 1px solid #dbdbdb;
 }
@@ -406,9 +414,9 @@
   object-position: center center;
 }
 
-.media-library-item--grid.is-hover:before,
-.media-library-item--grid.checked:before,
-.media-library-item--grid.is-focus:before {
+.media-library-item--grid.is-hover::before,
+.media-library-item--grid.checked::before,
+.media-library-item--grid.is-focus::before {
   top: 5px;
   left: 5px;
   border-width: 3px;
@@ -416,7 +424,7 @@
   border-radius: 3px;
 }
 
-.media-library-item--grid.checked:before {
+.media-library-item--grid.checked::before {
   border-color: #0076c0;
 }
 
@@ -462,7 +470,9 @@
   cursor: move;
 }
 
-.field--widget-media-library-widget .js-media-library-item:only-child .media-library-item__preview {
+.field--widget-media-library-widget
+  .js-media-library-item:only-child
+  .media-library-item__preview {
   cursor: inherit;
 }
 
@@ -655,7 +665,8 @@
  * The first item doesn't have a top padding, change the location of the remove
  * button as well.
  */
-.media-library-add-form__media:first-child .media-library-add-form__remove-button[type="submit"] {
+.media-library-add-form__media:first-child
+  .media-library-add-form__remove-button[type="submit"] {
   top: 5px;
 }
 
@@ -693,7 +704,9 @@
   color: transparent;
   border: 0;
   border-radius: 0;
-  background: transparent url(../../images/icons/787878/ex.svg) right 2px no-repeat; /* LTR */
+  background: transparent url(../../images/icons/787878/ex.svg) right 2px
+    no-repeat; /* LTR */
+
   font-weight: normal;
   line-height: 16px;
 }
@@ -710,7 +723,8 @@
 .media-library-add-form__remove-button.button:focus {
   color: #787878;
   border: 0;
-  background: transparent url(../../images/icons/787878/ex.svg) right 2px no-repeat; /* LTR */
+  background: transparent url(../../images/icons/787878/ex.svg) right 2px
+    no-repeat; /* LTR */
 }
 [dir="rtl"] .media-library-add-form__remove-button:focus,
 [dir="rtl"] .media-library-add-form__remove-button.button:disabled,
@@ -723,7 +737,9 @@
 .media-library-add-form__remove-button.button:hover {
   color: #e00;
   border: 0;
-  background: transparent url(../../images/icons/ee0000/ex.svg) right 2px no-repeat; /* LTR */
+  background: transparent url(../../images/icons/ee0000/ex.svg) right 2px
+    no-repeat; /* LTR */
+
   box-shadow: none;
 }
 [dir="rtl"] .media-library-add-form__remove-button:hover,