Fix no-descending-specificity (CSS)

src/components/cardbuilder/card.css

@@ -1,12 +1,12 @@
+button {
+    -webkit-border-fit: border !important;
+}
+
 button::-moz-focus-inner {
     padding: 0;
     border: 0;
 }
 
-button {
-    -webkit-border-fit: border !important;
-}
-
 .card {
     border: 0;
     font-size: inherit !important;
@@ -87,6 +87,11 @@ button {
     contain: style;
 }
 
+.card.show-animation .cardBox {
+    will-change: transform;
+    transition: transform 200ms ease-out;
+}
+
 .card.show-focus:not(.show-animation) .cardBox {
     margin: .4em;
 }
@@ -96,11 +101,6 @@ button {
     border: .5em solid transparent;
 }
 
-.card.show-animation .cardBox {
-    will-change: transform;
-    transition: transform 200ms ease-out;
-}
-
 .card.show-animation:focus > .cardBox {
     transform: scale(1.18, 1.18);
 }
@@ -298,6 +298,23 @@ button {
     padding-top: .24em;
 }
 
+.textActionButton {
+    border: 0 !important;
+    background: transparent;
+    padding: 0 !important;
+    cursor: pointer;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    outline: none !important;
+    color: inherit;
+    vertical-align: middle;
+    font-family: inherit;
+    font-size: inherit;
+}
+
+.textActionButton:hover {
+    text-decoration: underline;
+}
+
 .cardText > .textActionButton {
     width: 100%;
     overflow: hidden;
@@ -337,23 +354,6 @@ button {
     text-align: center;
 }
 
-.textActionButton {
-    border: 0 !important;
-    background: transparent;
-    padding: 0 !important;
-    cursor: pointer;
-    -webkit-tap-highlight-color: rgba(0,0,0,0);
-    outline: none !important;
-    color: inherit;
-    vertical-align: middle;
-    font-family: inherit;
-    font-size: inherit;
-}
-
-.textActionButton:hover {
-    text-decoration: underline;
-}
-
 .cardImageIcon {
     font-size: 5em;
     color: inherit;

src/components/guide/guide.css

@@ -123,6 +123,10 @@
     width: 2.0833333333333333333333333333333%;
 }
 
+.programCell, .guide-channelHeaderCell {
+    outline: none !important;
+}
+
 .guide-channelHeaderCell, .guide-channelTimeslotHeader {
     padding: 0 !important;
     cursor: pointer;
@@ -362,10 +366,6 @@
     contain: layout style paint;
 }
 
-.programCell, .guide-channelHeaderCell {
-    outline: none !important;
-}
-
 .timerIcon, .seriesTimerIcon {
     color: #cc3333 !important;
 }

src/components/listview/listview.css

@@ -85,6 +85,11 @@
     justify-content: center;
 }
 
+.listItem, .listItemBody, .listItemMediaInfo {
+    display: flex;
+    contain: layout style;
+}
+
 .layout-tv .listItemBody {
     padding: .35em .75em;
 }
@@ -241,11 +246,6 @@
     align-items: center;
 }
 
-.listItem, .listItemBody, .listItemMediaInfo {
-    display: flex;
-    contain: layout style;
-}
-
 .listItem-bottomoverview {
     font-size: 88%;
     margin-bottom: 1em;

src/components/loading/loading.css

@@ -345,19 +345,6 @@
     }
 }
 
-.mdl-spinner__circle-clipper {
-    display: inline-block;
-    position: relative;
-    width: 50%;
-    height: 100%;
-    overflow: hidden;
-    border-color: inherit;
-}
-
-    .mdl-spinner__circle-clipper .mdl-spinner__circle {
-        width: 200%;
-    }
-
 .mdl-spinner__circle {
     box-sizing: border-box;
     height: 100%;
@@ -375,6 +362,19 @@
     left: 0;
 }
 
+.mdl-spinner__circle-clipper {
+    display: inline-block;
+    position: relative;
+    width: 50%;
+    height: 100%;
+    overflow: hidden;
+    border-color: inherit;
+}
+
+    .mdl-spinner__circle-clipper .mdl-spinner__circle {
+        width: 200%;
+    }
+
 .mdl-spinner__circleLeft {
     border-right-color: transparent !important;
     -webkit-transform: rotate(129deg);