tungsten 0.2.1 → 0.2.2

data/public/{tungsten-0.2.1.css → tungsten-0.2.2.css}

@@ -180,51 +180,39 @@
   background-color: #A81C27; }
 
 .postgresql-gradient-bg {
-  background: -webkit-linear-gradient(315deg, #0094fd, #625ff9) left top/100% 100% no-repeat;
   background: linear-gradient(135deg, #0094fd, #625ff9) left top/100% 100% no-repeat; }
 
 .elasticsearch-gradient-bg {
-  background: -webkit-linear-gradient(315deg, #625ff9, #8f52ea) left top/100% 100% no-repeat;
   background: linear-gradient(135deg, #625ff9, #8f52ea) left top/100% 100% no-repeat; }
 
 .rethinkdb-gradient-bg {
-  background: -webkit-linear-gradient(315deg, #0094fd, #25c894) left top/100% 100% no-repeat;
   background: linear-gradient(135deg, #0094fd, #25c894) left top/100% 100% no-repeat; }
 
 .mysql-gradient-bg {
-  background: -webkit-linear-gradient(315deg, #0094fd, #8f52ea) left top/100% 100% no-repeat;
   background: linear-gradient(135deg, #0094fd, #8f52ea) left top/100% 100% no-repeat; }
 
 .rabbitmq-gradient-bg {
-  background: -webkit-linear-gradient(315deg, #f69523, #f96623) left top/100% 100% no-repeat;
   background: linear-gradient(135deg, #f69523, #f96623) left top/100% 100% no-repeat; }
 
 .redis-gradient-bg {
-  background: -webkit-linear-gradient(315deg, #f96623, #dd2f41) left top/100% 100% no-repeat;
   background: linear-gradient(135deg, #f96623, #dd2f41) left top/100% 100% no-repeat; }
 
 .etcd-gradient-bg {
-  background: -webkit-linear-gradient(315deg, #c60ca5, #dd2f41) left top/100% 100% no-repeat;
   background: linear-gradient(135deg, #c60ca5, #dd2f41) left top/100% 100% no-repeat; }
 
 .scylladb-gradient-bg {
-  background: -webkit-linear-gradient(315deg, #c60ca5, #8f52ea) left top/100% 100% no-repeat;
   background: linear-gradient(135deg, #c60ca5, #8f52ea) left top/100% 100% no-repeat; }
 
 .mongodb-gradient-bg {
-  background: -webkit-linear-gradient(315deg, #25c894, #2ac84f) left top/100% 100% no-repeat;
   background: linear-gradient(135deg, #25c894, #2ac84f) left top/100% 100% no-repeat; }
 
 .janusgraph-gradient-bg {
-  background: -webkit-linear-gradient(315deg, #869ebc, #25c894) left top/100% 100% no-repeat;
   background: linear-gradient(135deg, #869ebc, #25c894) left top/100% 100% no-repeat; }
 
 .compose-gradient-bg {
-  background: -webkit-linear-gradient(315deg, #0FA7DB, #0094fd) left top/100% 100% no-repeat;
   background: linear-gradient(135deg, #0FA7DB, #0094fd) left top/100% 100% no-repeat; }
 
 .enterprise-gradient-bg {
-  background: -webkit-linear-gradient(315deg, #3f7b9b, #13435d) left top/100% 100% no-repeat;
   background: linear-gradient(135deg, #3f7b9b, #13435d) left top/100% 100% no-repeat; }
 
 /* ========================================================================== *
@@ -240,7 +228,6 @@
  * Animations
  * ------------------------------------- */
 .full-stop *, .full-stop *:after, .full-stop *:before {
-  -webkit-transition: none !important;
   transition: none !important;
   -webkit-animation: none !important;
           animation: none !important; }
@@ -489,30 +476,16 @@
  * Common
  * ------------------------------------- */
 [class*='columns'] {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-flow: row wrap;
-          flex-flow: row wrap; }
+  flex-flow: row wrap; }
 
 [class*='rows'] {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-flow: column;
-          flex-flow: column;
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start; }
+  flex-flow: column;
+  align-items: flex-start; }
 
 form [class*='columns'] {
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start; }
+  align-items: flex-start; }
 
 .gutter {
   margin-left: -10px;
@@ -548,18 +521,12 @@ form [class*='columns'] {
   margin-bottom: 30px; }
 
 .flex {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1; }
+  flex: 1; }
 
 .grow {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1; }
+  flex-grow: 1; }
 
 .flex-row {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex; }
 .flex-row:not(.no-gutter) > * ~ * {
   margin-left: 8px; }
@@ -567,215 +534,136 @@ form [class*='columns'] {
   margin-left: 20px; }
 
 .one-of-eight, .eight-columns > * {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 12.5%;
-          flex: 0 1 12.5%; }
+  flex: 0 1 12.5%; }
 
 .gutter > .one-of-eight, .eight-columns.gutter > * {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(12.5% - 20px);
-          flex: 0 1 calc(12.5% - 20px); }
+  flex: 0 1 calc(12.5% - 20px); }
 
 .small-gutter > .one-of-eight, .eight-columns.small-gutter > * {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(12.5% - 10px);
-          flex: 0 1 calc(12.5% - 10px); }
+  flex: 0 1 calc(12.5% - 10px); }
 
 .large-gutter > .one-of-eight, .eight-columns.large-gutter > * {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(12.5% - 30px);
-          flex: 0 1 calc(12.5% - 30px); }
+  flex: 0 1 calc(12.5% - 30px); }
 
 .one-of-four, .two-of-eight, .four-columns > * {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 25%;
-          flex: 0 1 25%; }
+  flex: 0 1 25%; }
 
 .gutter > .one-of-four, .gutter > .two-of-eight, .four-columns.gutter > * {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(25% - 20px);
-          flex: 0 1 calc(25% - 20px); }
+  flex: 0 1 calc(25% - 20px); }
 
 .small-gutter > .one-of-four, .small-gutter > .two-of-eight, .four-columns.small-gutter > * {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(25% - 10px);
-          flex: 0 1 calc(25% - 10px); }
+  flex: 0 1 calc(25% - 10px); }
 
 .large-gutter > .one-of-four, .large-gutter > .two-of-eight, .four-columns.large-gutter > * {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(25% - 30px);
-          flex: 0 1 calc(25% - 30px); }
+  flex: 0 1 calc(25% - 30px); }
 
 .three-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 37.5%;
-          flex: 0 1 37.5%; }
+  flex: 0 1 37.5%; }
 
 .gutter > .three-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(37.5% - 20px);
-          flex: 0 1 calc(37.5% - 20px); }
+  flex: 0 1 calc(37.5% - 20px); }
 
 .small-gutter > .three-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(37.5% - 10px);
-          flex: 0 1 calc(37.5% - 10px); }
+  flex: 0 1 calc(37.5% - 10px); }
 
 .large-gutter > .three-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(37.5% - 30px);
-          flex: 0 1 calc(37.5% - 30px); }
+  flex: 0 1 calc(37.5% - 30px); }
 
 .one-of-two, .two-columns > *, .two-of-four, .four-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 50%;
-          flex: 0 1 50%; }
+  flex: 0 1 50%; }
 
 .gutter > .one-of-two, .two-columns.gutter > *, .gutter > .two-of-four, .gutter > .four-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(50% - 20px);
-          flex: 0 1 calc(50% - 20px); }
+  flex: 0 1 calc(50% - 20px); }
 
 .small-gutter > .one-of-two, .two-columns.small-gutter > *, .small-gutter > .two-of-four, .small-gutter > .four-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(50% - 10px);
-          flex: 0 1 calc(50% - 10px); }
+  flex: 0 1 calc(50% - 10px); }
 
 .large-gutter > .one-of-two, .two-columns.large-gutter > *, .large-gutter > .two-of-four, .large-gutter > .four-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(50% - 30px);
-          flex: 0 1 calc(50% - 30px); }
+  flex: 0 1 calc(50% - 30px); }
 
 .five-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 62.5%;
-          flex: 0 1 62.5%; }
+  flex: 0 1 62.5%; }
 
 .gutter > .five-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(62.5% - 20px);
-          flex: 0 1 calc(62.5% - 20px); }
+  flex: 0 1 calc(62.5% - 20px); }
 
 .small-gutter > .five-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(62.5% - 10px);
-          flex: 0 1 calc(62.5% - 10px); }
+  flex: 0 1 calc(62.5% - 10px); }
 
 .large-gutter > .five-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(62.5% - 30px);
-          flex: 0 1 calc(62.5% - 30px); }
+  flex: 0 1 calc(62.5% - 30px); }
 
 .three-of-four, .six-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 75%;
-          flex: 0 1 75%; }
+  flex: 0 1 75%; }
 
 .gutter > .three-of-four, .gutter > .six-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(75% - 20px);
-          flex: 0 1 calc(75% - 20px); }
+  flex: 0 1 calc(75% - 20px); }
 
 .small-gutter > .three-of-four, .small-gutter > .six-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(75% - 10px);
-          flex: 0 1 calc(75% - 10px); }
+  flex: 0 1 calc(75% - 10px); }
 
 .large-gutter > .three-of-four, .large-gutter > .six-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(75% - 30px);
-          flex: 0 1 calc(75% - 30px); }
+  flex: 0 1 calc(75% - 30px); }
 
 .seven-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 87.5%;
-          flex: 0 1 87.5%; }
+  flex: 0 1 87.5%; }
 
 .gutter > .seven-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(87.5% - 20px);
-          flex: 0 1 calc(87.5% - 20px); }
+  flex: 0 1 calc(87.5% - 20px); }
 
 .small-gutter > .seven-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(87.5% - 10px);
-          flex: 0 1 calc(87.5% - 10px); }
+  flex: 0 1 calc(87.5% - 10px); }
 
 .large-gutter > .seven-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(87.5% - 30px);
-          flex: 0 1 calc(87.5% - 30px); }
+  flex: 0 1 calc(87.5% - 30px); }
 
 .one-columns > *, .one-of-one, .span, .two-of-two, .four-of-four, .eight-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 100%;
-          flex: 0 1 100%; }
+  flex: 0 1 100%; }
 
 .one-columns.gutter > *, .gutter > .one-of-one, .gutter > .span, .gutter > .two-of-two, .gutter > .four-of-four, .gutter > .eight-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(100% - 20px);
-          flex: 0 1 calc(100% - 20px); }
+  flex: 0 1 calc(100% - 20px); }
 
 .one-columns.small-gutter > *, .small-gutter > .one-of-one, .small-gutter > .span, .small-gutter > .two-of-two, .small-gutter > .four-of-four, .small-gutter > .eight-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(100% - 10px);
-          flex: 0 1 calc(100% - 10px); }
+  flex: 0 1 calc(100% - 10px); }
 
 .one-columns.large-gutter > *, .large-gutter > .one-of-one, .large-gutter > .span, .large-gutter > .two-of-two, .large-gutter > .four-of-four, .large-gutter > .eight-of-eight {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(100% - 30px);
-          flex: 0 1 calc(100% - 30px); }
+  flex: 0 1 calc(100% - 30px); }
 
 /* ===================================== *
  * Vertical alignment
  * ------------------------------------- */
 .top-aligned {
-  -webkit-box-align: top;
-      -ms-flex-align: top;
-          align-items: top;
+  align-items: top;
   vertical-align: top; }
 
 .bottom-aligned {
-  -webkit-box-align: bottom;
-      -ms-flex-align: bottom;
-          align-items: bottom;
+  align-items: bottom;
   vertical-align: bottom; }
 
 .baseline-aligned {
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
+  align-items: baseline;
   vertical-align: baseline; }
 
 .start-aligned {
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start; }
+  align-items: flex-start; }
 
 .center-aligned {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center; }
+  align-items: center; }
 
 .end-aligned {
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end; }
+  align-items: flex-end; }
 
 /* ===================================== *
  * Horizontal justification
  * ------------------------------------- */
 .left-justified {
-  -ms-grid-column-align: flex-start;
-      justify-items: flex-start; }
+  justify-items: flex-start; }
 
 .center-justified {
-  -ms-grid-column-align: center;
-      justify-items: center; }
+  justify-items: center; }
 
 .right-justified {
-  -ms-grid-column-align: flex-end;
-      justify-items: flex-end; }
+  justify-items: flex-end; }
 
 .push-right {
   margin-left: auto; }
@@ -788,9 +676,7 @@ form [class*='columns'] {
  * ------------------------------------- */
 @media (max-width: 950px) {
   [class*='columns'].medium-breakpoint > * {
-    -webkit-box-flex: 0;
-        -ms-flex: 0 1 100%;
-            flex: 0 1 100%; } }
+    flex: 0 1 100%; } }
 
 /* ===================================== *
  * Universal
@@ -808,35 +694,20 @@ html {
   background: #f5f7fa; }
 
 body {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   min-height: 100vh;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   font-weight: 400;
   font-size: 14px; }
 
 main {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-flow: row wrap;
-          flex-flow: row wrap;
-  -webkit-box-align: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
-  -ms-flex-pack: distribute;
-      justify-content: space-around; }
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: space-around; }
 
 header {
   width: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   margin-top: 20px;
   margin-bottom: 20px; }
@@ -846,26 +717,15 @@ header > *:first-child, header > *:first-child > *:first-child, header > *:first
   margin-top: 0; }
 header > :first-child {
   font-size: 16px;
-  -webkit-box-align: top;
-      -ms-flex-align: top;
-          align-items: top;
+  align-items: top;
   margin-bottom: 0; }
 header .actions {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: reverse;
-      -ms-flex-direction: row-reverse;
-          flex-direction: row-reverse;
+  align-items: baseline;
+  flex-direction: row-reverse;
   margin-left: auto; }
 header .actions.centered {
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center; }
+  justify-content: center; }
 
 body, input, textarea {
   color: #0f212e; }
@@ -879,9 +739,7 @@ p, ul, ol, h1, h2, h3, h4, h5, h6, pre, table {
  * ------------------------------------- */
 .application-content {
   max-width: 1280px;
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto; }
+  flex: 1 1 auto; }
 @media all and (min-width: 600px) {
   .application-content {
     padding: 0 15px 80px; } }
@@ -900,7 +758,6 @@ p, ul, ol, h1, h2, h3, h4, h5, h6, pre, table {
   right: 0;
   bottom: 0;
   z-index: 500;
-  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
   background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
   background-position: left bottom;
   background-repeat: no-repeat;
@@ -1016,7 +873,6 @@ a {
   text-decoration: underline;
   -webkit-text-decoration-color: rgba(0, 148, 253, 0.5);
           text-decoration-color: rgba(0, 148, 253, 0.5);
-  -webkit-transition: color 0.25s;
   transition: color 0.25s;
   color: #0094fd; }
 a:hover, a:focus, a:active {
@@ -1079,11 +935,8 @@ pre {
  * Sections module
  * -------------------------------------------------------------------------- */
 .app-section {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+  flex-wrap: wrap;
   padding-bottom: 20px; }
 .app-section:target {
   position: relative; }
@@ -1103,9 +956,7 @@ pre {
   border-top: 1px solid #dfe3e6;
   padding-top: 20px; }
 .app-section-title {
-  -webkit-box-flex: 1;
-      -ms-flex: 1 0 240px;
-          flex: 1 0 240px;
+  flex: 1 0 240px;
   padding: 0 10px 0; }
 @media all and (min-width: 1000px) {
   .app-section-title {
@@ -1119,9 +970,7 @@ pre {
   color: inherit;
   text-decoration: none; }
 .app-section-content {
-  -webkit-box-flex: 2;
-      -ms-flex: 2 1 500px;
-          flex: 2 1 500px; }
+  flex: 2 1 500px; }
 @media all and (min-width: 1000px) {
   .app-section-content {
     padding: 0 20px 0; } }
@@ -1134,16 +983,12 @@ pre {
  * Navigation module
  * -------------------------------------------------------------------------- */
 .horizontal-nav, .vertical-nav {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   position: relative; }
 .horizontal-nav a, .vertical-nav a {
   padding: 9px 12px;
   text-decoration: none;
-  -webkit-transition: background-position .4s ease-out;
   transition: background-position .4s ease-out;
-  background-image: -webkit-linear-gradient(left, #f5f7fa, #f5f7fa, #fff, #fff);
   background-image: linear-gradient(to right, #f5f7fa, #f5f7fa, #fff, #fff);
   background-position: left top;
   background-size: 400% 100%; }
@@ -1157,16 +1002,10 @@ pre {
   background-position: right top; }
 
 .horizontal-nav {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-flow: row wrap;
-          flex-flow: row wrap; }
+  flex-flow: row wrap; }
 
 .vertical-nav {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-flow: column;
-          flex-flow: column;
+  flex-flow: column;
   border-right: 1px solid #dfe3e6; }
 .vertical-nav a {
   border-bottom: 1px solid #dfe3e6; }
@@ -1184,23 +1023,17 @@ pre {
 .application-banner {
   background-color: #152934;
   color: #fff;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   width: 100%;
   margin: 0;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   padding: 15px 30px; }
 .application-banner .svg-deployment, .application-banner .svg-cluster {
   margin-right: 20px; }
 .application-banner .deployment-icon-hex {
-  -webkit-transition: fill 0.25s cubic-bezier(0.4, 0, 0.2, 1);
   transition: fill 0.25s cubic-bezier(0.4, 0, 0.2, 1);
   fill: rgba(0, 0, 0, 0.05); }
 .application-banner nav a {
-  -webkit-transition: 0.25s;
   transition: 0.25s;
   text-decoration: none;
   padding: .4em .6em;
@@ -1374,7 +1207,6 @@ pre.box-content {
   max-width: 100%;
   word-break: normal;
   word-wrap: normal;
-  -webkit-transition: none;
   transition: none; }
 
 .highlighted-code {
@@ -1402,7 +1234,6 @@ pre.box-content {
 
 .error-page {
   background: #5a6872;
-  background: -webkit-linear-gradient(top, #444e56, #5a6872, #5a6872, #5a6872);
   background: linear-gradient(to bottom, #444e56, #5a6872, #5a6872, #5a6872); }
 .error-page h1 {
   font-size: 50px;
@@ -1422,10 +1253,8 @@ pre.box-content {
 
 .error-page body {
   text-align: center;
-  display: -ms-grid;
   display: grid;
-  -ms-flex-line-pack: center;
-      align-content: center; }
+  align-content: center; }
 
 .error-svgs {
   padding-bottom: 114px;
@@ -2115,12 +1944,9 @@ select, textarea, textarea, input[type=url], input[type=tel], input[type=text],
   width: 100%;
   padding: 9px 12px;
   border-radius: 3px;
-  -webkit-transition: box-shadow, background-color;
   transition: box-shadow, background-color;
-  -webkit-transition-duration: 0.25s;
-          transition-duration: 0.25s;
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 0.25s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   line-height: 1.8em;
   background-color: #fff;
   box-shadow: 0 0 0 1px rgba(15, 33, 46, 0.2) inset, 0 0 0 transparent; }
@@ -2164,6 +1990,10 @@ textarea {
   opacity: 1;
   color: #c3cdda; }
 
+::-ms-input-placeholder {
+  opacity: 1;
+  color: #c3cdda; }
+
 ::placeholder {
   opacity: 1;
   color: #c3cdda; }
@@ -2173,24 +2003,14 @@ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner
   margin: 0; }
 
 label {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   position: relative;
-  -webkit-box-flex: 1;
-      -ms-flex: 1 0 auto;
-          flex: 1 0 auto; }
+  flex: 1 0 auto; }
 label .label-text {
-  -webkit-transition-property: box-shadow, color;
   transition-property: box-shadow, color;
-  -webkit-transition-duration: 0.25s;
-          transition-duration: 0.25s;
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 0.25s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   padding-bottom: .4em;
   font-size: 1.1em;
   font-weight: 500; }
@@ -2201,15 +2021,11 @@ label .label-description {
   padding-bottom: .8em; }
 
 label *, label *:before, label *:after {
-  -webkit-transition-duration: 0.25s;
-          transition-duration: 0.25s;
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+  transition-duration: 0.25s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
 
 form.button_to {
   width: auto;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex; }
 
 .placeholder-label {
@@ -2220,6 +2036,9 @@ form.button_to {
 .placeholder-label :-ms-input-placeholder {
   opacity: 0;
   color: transparent; }
+.placeholder-label ::-ms-input-placeholder {
+  opacity: 0;
+  color: transparent; }
 .placeholder-label ::placeholder {
   opacity: 0;
   color: transparent; }
@@ -2260,7 +2079,6 @@ form.button_to {
   color: #c3cdda;
   -webkit-transform: translate3d(0, 0, 0) scale(1);
           transform: translate3d(0, 0, 0) scale(1);
-  -webkit-transition-property: color, -webkit-transform;
   transition-property: color, -webkit-transform;
   transition-property: color, transform;
   transition-property: color, transform, -webkit-transform; }
@@ -2268,23 +2086,16 @@ form.button_to {
   top: 2.1em; }
 
 label.tick-box {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  flex-direction: row;
+  align-items: center;
   cursor: pointer; }
 label.tick-box *, label.tick-box *:after, label.tick-box *:before {
-  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
+  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
 label.tick-box input + .tick {
   width: 20px;
   height: 20px;
   margin: 0 8px 0 0;
   background: #fff;
-  -webkit-transition-property: box-shadow;
   transition-property: box-shadow;
   box-shadow: 0 0 0 1px rgba(15, 33, 46, 0.2) inset, 0 0 0 transparent, 0 0 0 transparent inset; }
 label.tick-box input:focus, label.tick-box input:active {
@@ -2312,7 +2123,6 @@ label.tick-box input[type=radio] + .tick:before, label.tick-box input[type=radio
   box-shadow: 0 0 0 transparent;
   -webkit-transform: scale(0);
           transform: scale(0);
-  -webkit-transition-property: box-shadow, -webkit-transform;
   transition-property: box-shadow, -webkit-transform;
   transition-property: box-shadow, transform;
   transition-property: box-shadow, transform, -webkit-transform; }
@@ -2351,7 +2161,6 @@ label.tick-box input[type=checkbox] + .tick:before, label.tick-box input[type=ch
   margin: 10% 0 0 0;
   border: solid #fff;
   border-width: 0 0 6px 6px;
-  -webkit-transition-property: border-color, -webkit-transform;
   transition-property: border-color, -webkit-transform;
   transition-property: transform, border-color;
   transition-property: transform, border-color, -webkit-transform;
@@ -2381,13 +2190,8 @@ label.tick-box input[type=checkbox]:focus:checked + .tick:before, label.tick-box
 
 .check-switch {
   cursor: pointer;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center; }
+  flex-direction: row;
+  align-items: center; }
 .check-switch .label-text {
   margin-right: 10px;
   padding-bottom: 0;
@@ -2402,7 +2206,6 @@ label.tick-box input[type=checkbox]:focus:checked + .tick:before, label.tick-box
   background: rgba(15, 33, 46, 0.1);
   position: relative;
   border-radius: 22px;
-  -webkit-transition-property: background, box-shadow, border-color;
   transition-property: background, box-shadow, border-color;
   box-shadow: 0 0 0 1px rgba(15, 33, 46, 0.1) inset, 0 0 0 transparent; }
 .check-switch-tick {
@@ -2413,7 +2216,6 @@ label.tick-box input[type=checkbox]:focus:checked + .tick:before, label.tick-box
   bottom: 2px;
   left: 2px;
   border-radius: 22px;
-  -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
@@ -2559,7 +2361,6 @@ input[type=range]::-moz-range-thumb {
   border-radius: 100%;
   position: relative;
   top: 3px;
-  -webkit-transition: all .15s ease-in;
   transition: all .15s ease-in; }
 input[type=range]::-moz-range-thumb:after {
   box-sizing: border-box;
@@ -2582,7 +2383,6 @@ input[type=range]::-webkit-slider-thumb {
   border-radius: 100%;
   position: relative;
   top: 3px;
-  -webkit-transition: all .15s ease-in;
   transition: all .15s ease-in; }
 input[type=range]::-webkit-slider-thumb:after {
   box-sizing: border-box;
@@ -2605,7 +2405,6 @@ input[type=range]::-ms-thumb {
   border-radius: 100%;
   position: relative;
   top: 3px;
-  -webkit-transition: all .15s ease-in;
   transition: all .15s ease-in; }
 input[type=range]::-ms-thumb:after {
   box-sizing: border-box;
@@ -2683,16 +2482,9 @@ input::-moz-focus-inner {
   padding: .5em 0; }
 @media all and (min-width: 400px) {
   .slider-container {
-    display: -webkit-box;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-        -ms-flex-flow: row nowrap;
-            flex-flow: row nowrap;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center; }
+    flex-flow: row nowrap;
+    align-items: center; }
   .slider-container.with-label {
     max-width: 320px; } }
 .slider-container.line-labels {
@@ -2700,26 +2492,15 @@ input::-moz-focus-inner {
 
 .slider-input-container {
   position: relative;
-  -webkit-box-flex: 1;
-      -ms-flex: 1 0 auto;
-          flex: 1 0 auto;
+  flex: 1 0 auto;
   /*margin: .6em 0;*/ }
 
 .slider-track {
   height: 0px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-flow: row wrap;
-          flex-flow: row wrap;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  align-items: center;
+  flex-flow: row wrap;
+  justify-content: space-between;
   margin: 0 10px 0 9px;
   position: relative;
   top: -12px; }
@@ -2752,16 +2533,12 @@ input::-moz-focus-inner {
   top: 9px;
   height: 5px;
   z-index: 1;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   box-shadow: rgba(15, 33, 46, 0.2) 0 0 0 1px;
   border-radius: 5px; }
 
 .slider-fill {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
+  flex-grow: 1;
   height: 5px;
   position: relative;
   box-sizing: border-box;
@@ -2902,20 +2679,14 @@ input::-moz-focus-inner {
   box-shadow: #1f8bf8 0 0 0 1px; }
 
 .input-row {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   margin-bottom: 20px; }
 .input-row .input-wrapper {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1; }
+  flex-grow: 1; }
 .input-row > * ~ * {
   margin-left: 8px; }
 .input-row > .button-wrapper {
-  -ms-flex-item-align: center;
-      -ms-grid-row-align: center;
-      align-self: center; }
+  align-self: center; }
 
 .unit-select {
   position: absolute;
@@ -2938,7 +2709,6 @@ input::-moz-focus-inner {
 .unit-select:hover:after {
   border-color: #5aaafa; }
 .unit-select select {
-  -webkit-transition-property: color;
   transition-property: color;
   color: #b4c1d2;
   box-shadow: none;
@@ -2983,7 +2753,6 @@ label.input-defaulted-value:not(.remotely-invalid) .slider-label:before {
   padding: .1em .2em 0;
   display: inline-block;
   color: #8c9ba5;
-  -webkit-transition: none;
   transition: none; }
 .restore-default:hover, .restore-default:focus {
   color: #f69523;
@@ -3024,7 +2793,6 @@ label.input-defaulted-value:not(.remotely-invalid) .slider-label:before {
   padding: 0 .5em;
   color: inherit;
   opacity: 0.4;
-  -webkit-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
   transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
   text-decoration: none;
   border: none;
@@ -3067,7 +2835,6 @@ label.input-defaulted-value:not(.remotely-invalid) .slider-label:before {
 .requires-restart {
   background-color: transparent;
   box-shadow: 0 0 0 1px transparent;
-  -webkit-transition: 0.25s background-color, 0.25s box-shadow;
   transition: 0.25s background-color, 0.25s box-shadow;
   padding: 6px;
   margin: -6px !important;
@@ -3077,7 +2844,6 @@ label.input-defaulted-value:not(.remotely-invalid) .slider-label:before {
   font-size: .8em;
   color: #a12d3d;
   opacity: 0;
-  -webkit-transition: 0.25s opacity, 0.25s height;
   transition: 0.25s opacity, 0.25s height;
   overflow: hidden;
   height: 0; }
@@ -3113,17 +2879,17 @@ th.action-panel, td.action-panel {
 caption {
   display: none; }
 
-table.ruled tfoot th, .input-diffs tfoot th, table.ruled tbody tr:nth-child(n+2) th, .input-diffs tbody tr:nth-child(n+2) th, table.ruled tbody tr:nth-child(n+2) td, .input-diffs tbody tr:nth-child(n+2) td {
+table.ruled tfoot th, table.input-diffs tfoot th, table.ruled tbody tr:nth-child(n+2) th, table.input-diffs tbody tr:nth-child(n+2) th, table.ruled tbody tr:nth-child(n+2) td, table.input-diffs tbody tr:nth-child(n+2) td {
   border-top: 1px solid #dfe3e6; }
-table.ruled thead th, .input-diffs thead th {
+table.ruled thead th, table.input-diffs thead th {
   border-bottom: 1px solid #dfe3e6; }
 
-table.bordered, .input-diffs {
+table.bordered, table.input-diffs {
   border-top: 1px solid #dfe3e6;
   border-bottom: 1px solid #dfe3e6; }
-table.bordered td:first-child, .input-diffs td:first-child, table.bordered th:first-child, .input-diffs th:first-child {
+table.bordered td:first-child, table.input-diffs td:first-child, table.bordered th:first-child, table.input-diffs th:first-child {
   border-left: 1px solid #dfe3e6; }
-table.bordered td:last-child, .input-diffs td:last-child, table.bordered th:last-child, .input-diffs th:last-child {
+table.bordered td:last-child, table.input-diffs td:last-child, table.bordered th:last-child, table.input-diffs th:last-child {
   border-right: 1px solid #dfe3e6; }
 
 table.outlined, table.doc-table {
@@ -3154,14 +2920,11 @@ th.sub-heading {
   padding-bottom: 4px; }
 
 .table-drawer-handle .drawer-indicator button {
-  -webkit-transition: -webkit-transform .2s;
   transition: -webkit-transform .2s;
   transition: transform .2s;
   transition: transform .2s, -webkit-transform .2s; }
 .table-drawer-handle td {
-  -webkit-transition: background-position .35s ease-out;
   transition: background-position .35s ease-out;
-  background-image: -webkit-linear-gradient(#fff, #fff, #ebf5fe);
   background-image: linear-gradient(#fff, #fff, #ebf5fe);
   background-position: left top;
   background-repeat: no-repeat;
@@ -3177,9 +2940,7 @@ th.sub-heading {
 .table-drawer td {
   padding: 0;
   border-top: none !important;
-  -webkit-transition: border-color .2s ease-in;
   transition: border-color .2s ease-in;
-  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03));
   background-image: linear-gradient(rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)); }
 .table-drawer-content-wrapper {
   box-shadow: 0 1px 0 0 #dfe3e6 inset; }
@@ -3207,15 +2968,9 @@ th.sub-heading {
   cursor: pointer; }
 
 .button, .dialog-continue, .dialog-continue.destructive {
-  -ms-flex-item-align: center;
-      -ms-grid-row-align: center;
-      align-self: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-self: center;
+  align-items: center;
+  justify-content: center;
   width: auto;
   line-height: 1;
   font-size: 14px;
@@ -3227,7 +2982,6 @@ th.sub-heading {
   padding: 8px 12px;
   background: #fff;
   border-radius: 3px;
-  -webkit-transition: color 0.25s, background 0.25s, box-shadow 0.25s;
   transition: color 0.25s, background 0.25s, box-shadow 0.25s; }
 .button.large, .large.dialog-continue {
   padding: 12px 15px; }
@@ -3297,12 +3051,8 @@ th.sub-heading {
   height: 26px; }
 
 .button-group {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start; }
+  align-items: flex-start; }
 .button-group .button + .button, .button-group .dialog-continue + .button, .button-group .button + .dialog-continue, .button-group .dialog-continue + .dialog-continue {
   margin: 0; }
 .button-group .button:not(:first-child):not(:last-child), .button-group .dialog-continue:not(:first-child):not(:last-child) {
@@ -3316,9 +3066,7 @@ th.sub-heading {
   margin-left: 8px; }
 
 .button-wrapper + a {
-  -ms-flex-item-align: center;
-      -ms-grid-row-align: center;
-      align-self: center; }
+  align-self: center; }
 
 .link-button {
   color: #152934;
@@ -3338,19 +3086,13 @@ th.sub-heading {
  * Common
  * ------------------------------------- */
 .badge {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   border-radius: 50%;
   width: 26px;
   height: 26px;
   text-align: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  justify-content: center;
   color: #fff;
   background: #2ac84f;
   font-weight: 700;
@@ -3368,16 +3110,10 @@ th.sub-heading {
 
 .card {
   background: #fff;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   position: relative;
   padding: 20px;
-  -webkit-transition: opacity .2s, -webkit-transform .2s;
   transition: opacity .2s, -webkit-transform .2s;
   transition: opacity .2s, transform .2s;
   transition: opacity .2s, transform .2s, -webkit-transform .2s;
@@ -3388,21 +3124,12 @@ th.sub-heading {
 .card > *:first-child, .card > *:first-child > *:first-child, .card > *:first-child > *:first-child > *:first-child {
   margin-top: 0; }
 .card-actions {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: reverse;
-      -ms-flex-direction: row-reverse;
-          flex-direction: row-reverse;
+  align-items: baseline;
+  flex-direction: row-reverse;
   margin-left: auto; }
 .card-actions.centered {
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center; }
+  justify-content: center; }
 .card-actions a, .card-actions .button-wrapper {
   margin-left: 8px; }
 .card-actions a:last-child, .card-actions .button-wrapper:last-child {
@@ -3410,10 +3137,7 @@ th.sub-heading {
 .card[class*='columns'] {
   position: relative;
   z-index: 1;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row; }
+  flex-direction: row; }
 .card[class*='columns']:before {
   content: '';
   border-radius: 3px;
@@ -3426,15 +3150,11 @@ th.sub-heading {
   bottom: 0; }
 .card-heading {
   font-size: 16px;
-  -webkit-box-align: top;
-      -ms-flex-align: top;
-          align-items: top;
+  align-items: top;
   margin-bottom: 0; }
 .card-content:first-child *:first-child {
   margin-top: 0; }
 .card-header, .card-footer {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   margin-bottom: 0; }
 .card-header .card-actions, .card-footer .card-actions {
@@ -3457,16 +3177,10 @@ th.sub-heading {
   height: 1px;
   background: rgba(15, 33, 46, 0.1);
   margin: 0 -20px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex; }
 .card-footer {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
+  align-items: baseline;
   font-size: 12px;
   padding: 20px;
   background: #f7fafb;
@@ -3485,7 +3199,6 @@ table.card {
 
 .has-tooltip:before, .has-tooltip:after {
   opacity: 0;
-  -webkit-transition: none;
   transition: none; }
 .has-tooltip:before {
   content: ""; }
@@ -3546,7 +3259,6 @@ table.card {
   margin-top: 20px;
   margin-bottom: 20px;
   color: currentColor;
-  background: -webkit-linear-gradient(white, #fafafa);
   background: linear-gradient(white, #fafafa);
   border: 1px solid #dfe3e6; }
 .notice .notice-header {
@@ -3560,7 +3272,6 @@ table.card {
   top: 0;
   right: 0;
   opacity: .5;
-  -webkit-transition-property: opacity;
   transition-property: opacity; }
 .notice .dismiss-notice:hover {
   opacity: 1;
@@ -3572,12 +3283,10 @@ table.card {
           text-decoration-color: currentColor; }
 .notice.warning {
   color: #80602A;
-  background: -webkit-linear-gradient(#fff5b7, #fff3a3);
   background: linear-gradient(#fff5b7, #fff3a3);
   border: 1px solid #E2C66D; }
 .notice.error {
   color: #FFF;
-  background: -webkit-linear-gradient(#f48481, #f2726f);
   background: linear-gradient(#f48481, #f2726f);
   border: 1px solid #AB5857;
   text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px; }
@@ -3615,12 +3324,8 @@ table.card {
   box-shadow: 0 3px 10px rgba(15, 33, 46, 0.3);
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: middle;
-      -ms-flex-align: middle;
-          align-items: middle; }
+  align-items: middle; }
 .notification-type-icon {
   -webkit-filter: brightness(1);
           filter: brightness(1);
@@ -3635,16 +3340,13 @@ table.card {
   width: 28px;
   height: 28px; }
 .notification-message {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
+  flex-grow: 1;
   padding: 8px 15px; }
 .notification-message a {
   color: inherit;
   -webkit-text-decoration-color: inherit;
           text-decoration-color: inherit;
   opacity: .7;
-  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
   transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1); }
 .notification-message a:hover, .notification-message a:focus {
   color: inherit;
@@ -3652,8 +3354,7 @@ table.card {
           text-decoration-color: inherit;
   opacity: 1; }
 .notification-close {
-  -ms-flex-negative: 1;
-      flex-shrink: 1;
+  flex-shrink: 1;
   text-align: center;
   text-decoration: none;
   padding: 0 12px;
@@ -3662,13 +3363,11 @@ table.card {
   opacity: .8;
   background: none;
   border: none;
-  -webkit-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
   transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
   -webkit-animation: half-spin .5s ease-out;
           animation: half-spin .5s ease-out; }
 .notification-close .close-icon {
   display: block;
-  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
   transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
   cursor: pointer;
   fill: #fff;
@@ -3681,8 +3380,7 @@ table.card {
   -webkit-animation: slide-up .2s .3s ease-out;
           animation: slide-up .2s .3s ease-out; }
 .notification.dismiss .close-icon {
-  -webkit-animation: half-spin .5s ease-in reverse;
-          animation: half-spin .5s ease-in reverse; }
+  animation: half-spin .5s ease-in reverse; }
 .notification.message .notification-content {
   background: #5a6872; }
 .notification.message .notification-type-icon {
@@ -3701,26 +3399,19 @@ table.card {
   background: #3f7400; }
 
 .toggle-nav {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  justify-content: center;
   position: relative;
   z-index: 1;
   margin-top: 10px;
   margin-bottom: -35px; }
 .toggle-nav-label {
   box-shadow: 0 0 0 1px rgba(15, 33, 46, 0.2) inset, 0 0 0 transparent;
-  -webkit-box-flex: 0;
-      -ms-flex-positive: 0;
-          flex-grow: 0;
+  flex-grow: 0;
   padding: 4px 10px 0px;
   background: #fff;
   position: relative;
   cursor: pointer;
-  -webkit-transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
   transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 0.2s; }
 .toggle-nav-label:hover, .toggle-nav-label:focus {
   color: #5596e6;
@@ -3767,7 +3458,6 @@ table.card {
   padding-right: 55px; }
 
 .shell-text .copy-button, .shell-text .copy-button:hover, .shell-text .copy-button:active, .shell-text .copy-button:focus {
-  background: -webkit-linear-gradient(30deg, rgba(245, 247, 250, 0), #f5f7fa 30%);
   background: linear-gradient(60deg, rgba(245, 247, 250, 0), #f5f7fa 30%); }
 
 .copy-button.copied svg {
@@ -3803,8 +3493,6 @@ table.card {
   padding: 10px 0; }
 
 .progress-bar {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   width: 100%; }
 .progress-bar-outline {
@@ -3814,7 +3502,6 @@ table.card {
   max-width: 450px;
   padding: 2px;
   position: relative;
-  -webkit-transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
   transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
   width: 100%;
   top: 1px; }
@@ -3829,7 +3516,6 @@ table.card {
   -webkit-animation: expand-width 0.75s cubic-bezier(0.4, 0, 0.2, 1);
           animation: expand-width 0.75s cubic-bezier(0.4, 0, 0.2, 1);
   box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.2) inset;
-  -webkit-transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
   transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1); }
 .progress-bar-fill:before {
   background-size: 50px 50px;
@@ -3841,7 +3527,6 @@ table.card {
   left: 0;
   bottom: 0;
   right: 0;
-  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
 
 .progress-bar-wrapper.with-description .progress-bar {
@@ -3849,8 +3534,6 @@ table.card {
   width: 100%; }
 .progress-bar-wrapper.with-description .progress-bar-description {
   color: #8c9ba5;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   font-size: 11px;
   max-width: 450px;
@@ -3859,9 +3542,7 @@ table.card {
 .progress-bar-wrapper.with-description .progress-bar-description.full-width {
   max-width: 100%; }
 .progress-bar-wrapper.with-description .progress-bar-description-status, .progress-bar-wrapper.with-description .progress-bar-description-detail {
-  -webkit-box-flex: 1;
-      -ms-flex: 1 auto;
-          flex: 1 auto; }
+  flex: 1 auto; }
 .progress-bar-wrapper.with-description .progress-bar-description-detail {
   max-width: 70%;
   padding-right: 10px; }
@@ -3905,7 +3586,6 @@ table.card {
   background-size: 68px 68px;
   -webkit-animation: move-background 2s linear infinite;
           animation: move-background 2s linear infinite;
-  background-image: -webkit-repeating-linear-gradient(135deg, #dfe3e6, #dfe3e6 1px, transparent 1px, transparent 6px);
   background-image: repeating-linear-gradient(-45deg, #dfe3e6, #dfe3e6 1px, transparent 1px, transparent 6px);
   box-shadow: 0 0 0 1px #d6dde7 inset, 0 0 0 transparent; }
 .progress-bar[data-status="waiting"] .progress-bar-fill {
@@ -3924,9 +3604,7 @@ table.card {
   position: relative;
   top: .17em;
   fill: currentColor;
-  -webkit-transition: cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
   transition: cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
-  -webkit-transition-property: opacity;
   transition-property: opacity; }
 .time-wrapper .time-toggle:hover svg {
   opacity: 1; }
@@ -3934,8 +3612,6 @@ table.card {
 .inline-icon {
   position: relative;
   height: 1em;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex; }
 .inline-icon svg {
   position: relative;
@@ -3988,12 +3664,8 @@ table.card {
           animation: dialog-close 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
 .dialog-response {
   margin: auto -20px -20px -20px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
+  align-items: baseline;
   font-size: 12px;
   padding: 20px;
   background: #f7fafb;
@@ -4001,16 +3673,9 @@ table.card {
   box-shadow: 0 1px rgba(15, 33, 46, 0.1) inset;
   background-clip: padding-box; }
 .dialog-actions {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: reverse;
-      -ms-flex-direction: row-reverse;
-          flex-direction: row-reverse;
+  align-items: baseline;
+  flex-direction: row-reverse;
   margin-left: auto; }
 .dialog-actions button ~ button {
   margin-right: 10px; }
@@ -4021,8 +3686,6 @@ table.card {
  * Topology grid
  * -------------------------------------------------------------------------- */
 .slider.with-topology {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   margin: -20px -20px 40px; }
 .slider.with-topology .slider-label {
@@ -4039,124 +3702,81 @@ table.card {
   border-radius: 3px;
   box-shadow: 0 0 0 1px rgba(0, 148, 253, 0.3);
   color: #0094fd;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   font-size: 0.75em;
   padding: 20px;
   margin: 0 20px;
   min-height: 210px;
   text-align: center;
   width: 45%;
-  -webkit-transition: background 0.25s, box-shadow 0.25s, color 0.25s;
   transition: background 0.25s, box-shadow 0.25s, color 0.25s; }
 .topology-grid-wrapper .topology-grid {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+  flex-wrap: wrap;
   width: 100%;
   height: 100%;
   margin-bottom: 10px; }
 .topology-grid-wrapper .component {
   background: rgba(0, 148, 253, 0.6);
   border-radius: 3px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-flex: 0;
-      -ms-flex: 0;
-          flex: 0;
+  flex: 0;
   margin: 3px;
   width: 100%;
-  -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
-  -webkit-transition: background 0.25s;
+  flex-basis: 100%;
   transition: background 0.25s; }
 .topology-grid-wrapper .component:before {
   content: '';
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   font-size: 1.2em;
   font-weight: bold;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -ms-flex-line-pack: center;
-      align-content: center;
+  justify-content: center;
+  align-items: center;
+  align-content: center;
   width: 100%;
   opacity: 0;
-  -webkit-transition: opacity 0.25s;
   transition: opacity 0.25s; }
 .topology-grid-wrapper .component:nth-last-child(n+2), .topology-grid-wrapper .component:nth-last-child(n+2) ~ * {
   width: calc(50% - 6px);
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -ms-flex-preferred-size: calc(50% - 6px);
-      flex-basis: calc(50% - 6px); }
+  flex-wrap: wrap;
+  flex-basis: calc(50% - 6px); }
 .topology-grid-wrapper .component:nth-last-child(n+3), .topology-grid-wrapper .component:nth-last-child(n+3) ~ * {
   width: calc(33.333% - 6px);
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -ms-flex-preferred-size: calc(33.333% - 6px);
-      flex-basis: calc(33.333% - 6px); }
+  flex-wrap: wrap;
+  flex-basis: calc(33.333% - 6px); }
 .topology-grid-wrapper .component:nth-last-child(n+4), .topology-grid-wrapper .component:nth-last-child(n+4) ~ * {
   width: calc(25% - 6px);
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -ms-flex-preferred-size: calc(25% - 6px);
-      flex-basis: calc(25% - 6px); }
+  flex-wrap: wrap;
+  flex-basis: calc(25% - 6px); }
 .topology-grid-wrapper .component:nth-last-child(n+5), .topology-grid-wrapper .component:nth-last-child(n+5) ~ * {
   width: calc(20% - 6px);
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -ms-flex-preferred-size: calc(20% - 6px);
-      flex-basis: calc(20% - 6px); }
+  flex-wrap: wrap;
+  flex-basis: calc(20% - 6px); }
 .topology-grid-wrapper .component:nth-last-child(n+6), .topology-grid-wrapper .component:nth-last-child(n+6) ~ * {
   width: calc(33.333% - 6px);
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -ms-flex-preferred-size: calc(33.333% - 6px);
-      flex-basis: calc(33.333% - 6px); }
+  flex-wrap: wrap;
+  flex-basis: calc(33.333% - 6px); }
 .topology-grid-wrapper .component:nth-last-child(n+7), .topology-grid-wrapper .component:nth-last-child(n+7) ~ * {
   width: calc(25% - 6px);
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -ms-flex-preferred-size: calc(25% - 6px);
-      flex-basis: calc(25% - 6px); }
+  flex-wrap: wrap;
+  flex-basis: calc(25% - 6px); }
 .topology-grid-wrapper .component:nth-last-child(n+8), .topology-grid-wrapper .component:nth-last-child(n+8) ~ * {
   width: calc(25% - 6px);
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -ms-flex-preferred-size: calc(25% - 6px);
-      flex-basis: calc(25% - 6px); }
+  flex-wrap: wrap;
+  flex-basis: calc(25% - 6px); }
 .topology-grid-wrapper .component:nth-last-child(n+9), .topology-grid-wrapper .component:nth-last-child(n+9) ~ * {
   width: calc(33.333% - 6px);
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -ms-flex-preferred-size: calc(33.333% - 6px);
-      flex-basis: calc(33.333% - 6px); }
+  flex-wrap: wrap;
+  flex-basis: calc(33.333% - 6px); }
 .topology-grid-wrapper .component:nth-last-child(n+10), .topology-grid-wrapper .component:nth-last-child(n+10) ~ * {
   width: calc(20% - 6px);
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -ms-flex-preferred-size: calc(20% - 6px);
-      flex-basis: calc(20% - 6px); }
+  flex-wrap: wrap;
+  flex-basis: calc(20% - 6px); }
 .topology-grid-wrapper .component:nth-last-child(n+11), .topology-grid-wrapper .component:nth-last-child(n+11) ~ * {
   width: calc(16.666% - 6px);
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -ms-flex-preferred-size: calc(16.666% - 6px);
-      flex-basis: calc(16.666% - 6px); }
+  flex-wrap: wrap;
+  flex-basis: calc(16.666% - 6px); }
 .topology-grid-wrapper[data-slider-state="increased"], .topology-grid-wrapper[data-slider-state="decreased"] {
   background: rgba(246, 149, 35, 0.1);
   box-shadow: 0 0 0 1px rgba(246, 149, 35, 0.4);