/**
 * Plex Video
 */
/* ==================================================  
   Font Embeds
   ================================================== */
@font-face {
  font-family: "Barlow";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Barlow-Regular-1850.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Barlow-Regular-1850.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Barlow-Medium-1850.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Barlow-Medium-1850.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Barlow-Bold-1850.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Barlow-Bold-1850.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Barlow-Regular-Italic-1850.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Barlow-Regular-Italic-1850.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Barlow-Medium-Italic-1850.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Barlow-Medium-Italic-1850.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Barlow-Bold-Italic-1850.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Barlow-Bold-Italic-1850.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Nimbus Sans Extd";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Regular-2050.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Regular-2050.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Nimbus Sans Extd";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Medium-2050.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Medium-2050.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Nimbus Sans Extd";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Bold-2050.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Bold-2050.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Nimbus Sans Extd";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Black-2050.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Black-2050.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Nimbus Sans Extd";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Regular-Italic-2050.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Regular-Italic-2050.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Nimbus Sans Extd";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Medium-Italic-2050.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Medium-Italic-2050.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Nimbus Sans Extd";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Bold-Italic-2050.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Bold-Italic-2050.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Nimbus Sans Extd";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Black-Italic-2050.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-Black-Italic-2050.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Light-2000.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Light-2000.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Regular-2000.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Regular-2000.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Medium-2000.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Medium-2000.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Bold-2000.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Bold-2000.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Regular-Italic-2000.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Regular-Italic-2000.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Medium-Italic-2000.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Medium-Italic-2000.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Bold-Italic-2000.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Bold-Italic-2000.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Light-Italic-2000.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Sophia-Light-Italic-2000.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Nimbus Extended";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-ExtendedD-Regular-2050.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-ExtendedD-Regular-2050.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Nimbus Extended";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-ExtendedD-Bold-2050.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-ExtendedD-Bold-2050.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Nimbus Extended";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-ExtendedD-Black-2050.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/Nimbus-ExtendedD-Black-2050.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/OpenSans-Regular.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/OpenSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/OpenSans-Italic.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/OpenSans-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/OpenSans-Medium.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/OpenSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/OpenSans-MediumItalic.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/OpenSans-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/OpenSans-Bold.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/OpenSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Fonts/OpenSans-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
/* ==================================================  
   Breakpoints 
   ================================================== */
/* Extra Small screens (phones) */
/* Small screens (tablets) */
/* Medium screens (large tablets) */
/* Large screens (desktops) */
/* Extra Large screens (Wide Monitors) */
/* ==================================================  
   Foreign Languages
   ================================================== */
html[lang="cs-CZ"] *,
html[lang="cs"] *,
html[lang="ja-JP"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="ko"] *,
html[lang="pl-PL"] *,
html[lang="pl"] *,
html[lang="ru-RU"] *,
html[lang="ru"] *,
html[lang="tr-TR"] *,
html[lang="tr"] *,
html[lang="zh-CN"] *,
html[lang="zh-TW"] *,
html[lang="zh"] * {
  font-family: Helvetica Neue, Helvetica, sans-serif;
}
/* ==================================================  
   Resets
   ================================================== */
body {
  -webkit-text-size-adjust: 100%;
  display: block;
  overflow-x: hidden;
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
  font-family: Barlow, sans-serif;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
img {
  max-width: 100%;
}
.os-theme-dark * {
  color: #fff;
}
/* ==================================================  
   Anchor Links
   ================================================== */
a,
a:visited {
  cursor: pointer;
  color: #1968b3;
  text-decoration: none;
}
a:hover {
  color: #0053a1;
}
/* ==================================================  
   Misc. Styles 
   ================================================== */
sub {
  top: 0.4em;
}
sup {
  top: -0.4em;
}
sub,
sup {
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}
small,
sub,
sup {
  font-size: 0.75em;
}
sub {
  bottom: -0.25em;
}
/**********  LISTS */
ul li,
ol li {
  margin-left: 16px;
}
/* ==================================================  
   Text Sizing
   ================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.px-u-display-1 {
  font-size: 72px;
  line-height: 80px;
  font-family: Montserrat, sans-serif;
}
.px-u-display-2 {
  font-size: 56px;
  line-height: 64px;
  font-family: Montserrat, sans-serif;
}
.px-u-display-3 {
  font-size: 40px;
  line-height: 48px;
  font-family: Montserrat, sans-serif;
}
.px-u-display-4 {
  font-size: 32px;
  line-height: 40px;
  font-family: Montserrat, sans-serif;
}
.px-u-display-5 {
  font-size: 36px;
  line-height: 44px;
  font-family: Montserrat, sans-serif;
}
.px-u-display-6 {
  font-size: 28px;
  line-height: 36px;
  font-family: Montserrat, sans-serif;
}
.px-u-title-1 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
}
.px-u-title-2 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
}
.px-u-title-3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}
.px-u-title-4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}
.px-u-title-5 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.px-u-utility-1 {
  font-size: 14px;
  line-height: 18px;
}
.px-u-utility-2 {
  font-size: 12px;
  line-height: 16px;
}
.px-u-publication {
  font-size: 18px;
  line-height: 30px;
}
/* Medium screens (tablets) */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .px-u-display-1 {
    font-size: 80px;
    line-height: 88px;
  }
  .px-u-display-2 {
    font-size: 64px;
    line-height: 72px;
  }
  .px-u-display-3 {
    font-size: 48px;
    line-height: 56px;
  }
  .px-u-display-4 {
    font-size: 40px;
    line-height: 48px;
  }
  .px-u-display-5 {
    font-size: 36px;
    line-height: 44px;
  }
}
/* Medium screens (Desktop) & Above */
@media only screen and (min-width: 1024px) {
  .px-u-title-1 {
    font-size: 40px;
    line-height: 48px;
  }
  .px-u-title-2 {
    font-size: 32px;
    line-height: 32px;
  }
  .px-u-title-3 {
    font-size: 24px;
    line-height: 32px;
  }
}
/* Large screens (Desktop) & Above */
@media only screen and (min-width: 1280px) {
  .px-u-display-1 {
    font-size: 96px;
    line-height: 104px;
  }
  .px-u-display-2 {
    font-size: 80px;
    line-height: 88px;
  }
  .px-u-display-3 {
    font-size: 64px;
    line-height: 72px;
  }
  .px-u-display-4 {
    font-size: 56px;
    line-height: 64px;
  }
  .px-u-display-5 {
    font-size: 48px;
    line-height: 60px;
  }
}
/* ==================================================  
   Font Styles  
   ================================================== */
.px-u-regular {
  font-weight: 400;
}
.px-u-medium {
  font-weight: 500;
}
strong,
.px-u-bold {
  font-weight: 600;
}
.px-u-italic {
  font-style: italic;
}
.px-u-underline {
  text-decoration: underline;
}
.px-u-indent {
  margin-left: 40px;
}
/* ==================================================  
   Table Styles  
   ================================================== */
table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  border-color: #ccc;
  border: 0;
}
table * {
  border-collapse: collapse;
}
table tr {
  padding: 0.35rem;
  border-color: inherit;
}
table th,
table td {
  padding: 1rem;
  text-align: left;
  border-color: inherit;
}
table th {
  text-transform: uppercase;
  text-align: left;
}
/* ==================================================  
   Preformatted Text  
   ================================================== */
pre {
  font-family: monospace;
}
/* ==================================================  
   Text Alignment Utilities  
   ================================================== */
.px-u-text-left {
  text-align: left;
}
.px-u-text-right {
  text-align: right;
}
.px-u-text-center {
  text-align: center;
}
/* ==================================================  
   Text Color Utilities  
   ================================================== */
.px-u-text-black,
.px-u-text-black * {
  color: #000;
}
.px-u-text-ab-blue,
.px-u-text-ab-blue * {
  color: #003e7e;
}
.px-u-text-cool-grey,
.px-u-text-cool-grey * {
  color: #e1ebf4;
}
.px-u-text-dark-grey,
.px-u-text-dark-grey * {
  color: #43434d;
}
.px-u-text-error-red,
.px-u-text-error-red * {
  color: #df3704;
}
.px-u-text-ft-blue,
.px-u-text-ft-blue * {
  color: #00aeef;
}
.px-u-text-garnet,
.px-u-text-garnet * {
  color: #8d0034;
}
.px-u-text-gold,
.px-u-text-gold * {
  color: #f9c20a;
}
.px-u-text-green,
.px-u-text-green * {
  color: #77c14c;
}
.px-u-text-light-grey,
.px-u-text-light-grey * {
  color: #e5e6e9;
}
.px-u-text-link-blue,
.px-u-text-link-blue * {
  color: #2a79c4;
}
.px-u-text-medium-grey,
.px-u-text-medium-grey * {
  color: #6d6e71;
}
.px-u-text-orange,
.px-u-text-orange * {
  color: #f58025;
}
.px-u-text-purple,
.px-u-text-purple * {
  color: #770056;
}
.px-u-text-ra-red,
.px-u-text-ra-red * {
  color: #cd163f;
}
.px-u-text-success-green,
.px-u-text-success-green * {
  color: #008700;
}
.px-u-text-warning-yellow,
.px-u-text-warning-yellow * {
  color: #fdb81e;
}
.px-u-text-white,
.px-u-text-white * {
  color: #fff;
}
.px-u-text-default-text,
.px-u-text-default-text * {
  color: #000000;
}
.px-u-text-subtle-gray,
.px-u-text-subtle-gray * {
  color: #6d6e71;
}
.px-u-text-ft-blue,
.px-u-text-ft-blue * {
  color: #00aeef;
}
.px-u-text-jade-blue,
.px-u-text-jade-blue * {
  color: #004a5b;
}
.px-u-text-valid-green,
.px-u-text-valid-green * {
  color: #008700;
}
.px-u-text-invalid-red,
.px-u-text-invalid-red * {
  color: #DA0000;
}
.px-u-text-urgent-yellow,
.px-u-text-urgent-yellow * {
  color: #fdb81e;
}
.px-u-text-white,
.px-u-text-white * {
  color: #ffffff;
}
.px-u-text-plex-gradient,
.px-u-text-plex-gradient * {
  background: linear-gradient(90deg, #3beedd 24%, #00aeef 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
#storybook-root .px-u-text-plex-gradient {
  display: inline;
}
/* ==================================================  
   Gradient Text  
   ================================================== */
.px-u-ra-gradient {
  background: linear-gradient(90deg, #cd163f 18.57%, #f58025 38.2%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* ==================================================  
   Horizontal Rule Styles  
   ================================================== */
hr {
  border: 0;
  border-top: 2px solid #e5e6e9;
  margin: -2px 0 0 0;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
#storybook-root .px-meteor {
  padding: 15px;
}
.px-button {
  position: relative;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  transition: 0.3s ease-out all;
  border: none;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 4px;
  gap: 4px;
  padding: 6px 24px;
  font-size: 16px;
  line-height: 24px;
  align-self: flex-start;
  width: fit-content;
}
.px-button.px-button--center {
  margin-left: auto;
  margin-right: auto;
}
.px-button .px-button__icon-left {
  display: inline-flex;
  align-items: center;
}
.px-button .px-button__icon-left svg {
  height: 16px;
}
.px-button .px-button__icon-right {
  display: inline-flex;
  align-items: center;
}
.px-button .px-button__icon-right svg {
  height: 12px;
}
.px-button .px-button__icon-external-link {
  display: inline-flex;
  align-items: center;
}
.px-button .px-button__icon-external-link svg {
  height: 10px;
}
.px-button.px-button--icon-left .icon.px-button--left,
.px-button.px-button--icon-right .icon.px-button--right,
.px-button.px-button--icon-external-link .icon.px-button--external {
  display: inline-flex;
}
.px-button.px-button--disabled,
.px-button:disabled,
.px-button[disabled] {
  cursor: default;
  pointer-events: none;
}
.px-button.px-button--large {
  padding: 12px 32px;
  font-size: 16px;
  line-height: 24px;
}
.px-button.px-button--small {
  padding: 4px 24px;
  font-size: 12px;
  line-height: 16px;
}
.px-button.px-button--small .px-button__icon-left svg {
  height: 12px;
}
.px-button.px-button--primary {
  background-color: #1968b3;
  color: #fff;
  fill: #fff;
}
.px-button.px-button--primary .px-button__text {
  font-weight: 700;
  font-family: Barlow;
}
.px-button.px-button--primary span {
  color: #fff;
}
.px-button.px-button--primary:hover,
.px-button.px-button--primary.px-button--hover {
  background-color: #0053a1;
}
.px-button.px-button--primary:focus,
.px-button.px-button--primary:active,
.px-button.px-button--primary.px-button--focus,
.px-button.px-button--primary.px-button--pressed {
  background-color: #003e7e;
}
.px-button.px-button--primary.px-button--disabled,
.px-button.px-button--primary:disabled,
.px-button.px-button--primary[disabled] {
  background-color: #cccccc;
  color: #848484;
  fill: #848484;
}
.px-button.px-button--primary.px-button--disabled span,
.px-button.px-button--primary:disabled span,
.px-button.px-button--primary[disabled] span {
  color: #848484;
}
.px-button.px-button--primary.px-button--inverted {
  background-color: #ffffff;
  color: #1968b3;
  fill: #1968b3;
}
.px-button.px-button--primary.px-button--inverted span {
  color: #1968b3;
}
.px-button.px-button--primary.px-button--inverted:focus,
.px-button.px-button--primary.px-button--inverted.px-button--focus {
  background-color: rgba(45, 45, 45, 0.1);
  color: #ffffff;
  box-shadow: inset 0 0 0 3px #fff;
}
.px-button.px-button--primary.px-button--inverted:focus span,
.px-button.px-button--primary.px-button--inverted.px-button--focus span {
  color: #ffffff;
}
.px-button.px-button--primary.px-button--inverted:hover,
.px-button.px-button--primary.px-button--inverted.px-button--hover {
  background-color: #e5e6e9;
  color: #0053a1;
  fill: #0053a1;
  box-shadow: none;
}
.px-button.px-button--primary.px-button--inverted:hover span,
.px-button.px-button--primary.px-button--inverted.px-button--hover span {
  color: #0053a1;
}
.px-button.px-button--primary.px-button--inverted:active,
.px-button.px-button--primary.px-button--inverted.px-button--pressed {
  background-color: #ffffff;
  color: #003e7e;
  fill: #003e7e;
}
.px-button.px-button--primary.px-button--inverted:active span,
.px-button.px-button--primary.px-button--inverted.px-button--pressed span {
  color: #003e7e;
}
.px-button.px-button--primary.px-button--inverted:disabled,
.px-button.px-button--primary.px-button--inverted.px-button--disabled,
.px-button.px-button--primary.px-button--inverted[disabled] {
  color: #fff;
  fill: #fff;
  background-color: #ffffff4d;
}
.px-button.px-button--primary.px-button--inverted:disabled span,
.px-button.px-button--primary.px-button--inverted.px-button--disabled span,
.px-button.px-button--primary.px-button--inverted[disabled] span {
  color: #fff;
}
.px-button.px-button--secondary {
  background-color: #ffffff;
  fill: #1968b3;
  box-shadow: inset 0 0 0 2px #1968b3;
}
.px-button.px-button--secondary span {
  color: #1968b3;
}
.px-button.px-button--secondary .px-button__text {
  font-weight: 700;
  font-family: Barlow;
  color: #1968b3;
}
.px-button.px-button--secondary:focus,
.px-button.px-button--secondary.px-button--focus {
  background-color: #e5e6e9;
  color: #0053a1;
  fill: #0053a1;
  box-shadow: inset 0 0 0 3px #003e7e;
}
.px-button.px-button--secondary:focus span,
.px-button.px-button--secondary.px-button--focus span {
  color: #0053a1;
}
.px-button.px-button--secondary:active,
.px-button.px-button--secondary.px-button--pressed {
  background-color: #ffffff;
  color: #003e7e;
  fill: #003e7e;
  box-shadow: inset 0 0 0 3px #003e7e;
}
.px-button.px-button--secondary:active span,
.px-button.px-button--secondary.px-button--pressed span {
  color: #003e7e;
}
.px-button.px-button--secondary:hover,
.px-button.px-button--secondary.px-button--hover {
  background-color: #ffffff;
  color: #0053a1;
  fill: #0053a1;
  box-shadow: inset 0 0 0 3px #0053a1;
}
.px-button.px-button--secondary:hover span,
.px-button.px-button--secondary.px-button--hover span {
  color: #0053a1;
}
.px-button.px-button--secondary.px-button--disabled,
.px-button.px-button--secondary:disabled,
.px-button.px-button--secondary[disabled] {
  background-color: #ffffff4d;
  color: #848484;
  fill: #848484;
  box-shadow: inset 0 0 0 2px #848484;
}
.px-button.px-button--secondary.px-button--disabled span,
.px-button.px-button--secondary:disabled span,
.px-button.px-button--secondary[disabled] span {
  color: #848484;
}
.px-button.px-button--secondary.px-button--inverted {
  background-color: transparent;
  color: #ffffff;
  fill: #ffffff;
  box-shadow: inset 0 0 0 2px #fff;
}
.px-button.px-button--secondary.px-button--inverted span {
  color: #ffffff;
}
.px-button.px-button--secondary.px-button--inverted:focus,
.px-button.px-button--secondary.px-button--inverted.px-button--focus {
  background-color: #2d2d2d1a;
  color: #ffffff;
  fill: #ffffff;
  box-shadow: inset 0 0 0 3px #fff;
}
.px-button.px-button--secondary.px-button--inverted:focus span,
.px-button.px-button--secondary.px-button--inverted.px-button--focus span {
  color: #ffffff;
}
.px-button.px-button--secondary.px-button--inverted:hover,
.px-button.px-button--secondary.px-button--inverted.px-button--hover {
  background-color: transparent;
  color: #e5e6e9;
  fill: #e5e6e9;
  box-shadow: inset 0 0 0 2px #e5e6e9;
}
.px-button.px-button--secondary.px-button--inverted:hover span,
.px-button.px-button--secondary.px-button--inverted.px-button--hover span {
  color: #e5e6e9;
}
.px-button.px-button--secondary.px-button--inverted:active,
.px-button.px-button--secondary.px-button--inverted.px-button--pressed {
  color: #ffffff;
  fill: #ffffff;
  background-color: #2d2d2d1a;
}
.px-button.px-button--secondary.px-button--inverted:active span,
.px-button.px-button--secondary.px-button--inverted.px-button--pressed span {
  color: #ffffff;
}
.px-button.px-button--secondary.px-button--inverted:disabled,
.px-button.px-button--secondary.px-button--inverted.px-button--disabled,
.px-button.px-button--secondary.px-button--inverted[disabled] {
  color: #ffffff99;
  fill: #ffffff99;
  opacity: 0.6;
}
.px-button.px-button--secondary.px-button--inverted:disabled span,
.px-button.px-button--secondary.px-button--inverted.px-button--disabled span,
.px-button.px-button--secondary.px-button--inverted[disabled] span {
  color: #ffffff99;
}
.px-button.px-button--tertiary {
  text-transform: none;
  background-color: transparent;
  color: #1968b3;
  fill: #1968b3;
  font-size: 16px;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 24px;
}
.px-button.px-button--tertiary span {
  color: #1968b3;
}
.px-button.px-button--tertiary .px-button__text {
  font-weight: 600;
  font-family: Barlow;
}
.px-button.px-button--tertiary:focus,
.px-button.px-button--tertiary.px-button--focus {
  color: #003e7e;
  fill: #003e7e;
  text-decoration: underline;
}
.px-button.px-button--tertiary:focus span,
.px-button.px-button--tertiary.px-button--focus span {
  color: #003e7e;
}
.px-button.px-button--tertiary:active,
.px-button.px-button--tertiary.px-button--pressed {
  color: #003e7e;
  fill: #003e7e;
  text-decoration: underline;
}
.px-button.px-button--tertiary:active span,
.px-button.px-button--tertiary.px-button--pressed span {
  color: #003e7e;
}
.px-button.px-button--tertiary:hover,
.px-button.px-button--tertiary.px-button--hover {
  color: #0053a1;
  fill: #0053a1;
  text-decoration: underline;
}
.px-button.px-button--tertiary:hover span,
.px-button.px-button--tertiary.px-button--hover span {
  color: #0053a1;
}
.px-button.px-button--tertiary.px-button--disabled,
.px-button.px-button--tertiary:disabled,
.px-button.px-button--tertiary[disabled] {
  color: #848484;
  fill: #848484;
}
.px-button.px-button--tertiary.px-button--disabled span,
.px-button.px-button--tertiary:disabled span,
.px-button.px-button--tertiary[disabled] span {
  color: #848484;
}
.px-button.px-button--tertiary.px-button--inverted {
  color: #ffffff;
  fill: #ffffff;
}
.px-button.px-button--tertiary.px-button--inverted span {
  color: #ffffff;
}
.px-button.px-button--tertiary.px-button--inverted:focus,
.px-button.px-button--tertiary.px-button--inverted.px-button--focus {
  color: #ffffff;
  fill: #ffffff;
}
.px-button.px-button--tertiary.px-button--inverted:focus span,
.px-button.px-button--tertiary.px-button--inverted.px-button--focus span {
  color: #ffffff;
}
.px-button.px-button--tertiary.px-button--inverted:hover,
.px-button.px-button--tertiary.px-button--inverted.px-button--hover {
  color: #e5e6e9;
  fill: #e5e6e9;
}
.px-button.px-button--tertiary.px-button--inverted:hover span,
.px-button.px-button--tertiary.px-button--inverted.px-button--hover span {
  color: #e5e6e9;
}
.px-button.px-button--tertiary.px-button--inverted:active,
.px-button.px-button--tertiary.px-button--inverted.px-button--active {
  color: #ffffff;
  fill: #ffffff;
}
.px-button.px-button--tertiary.px-button--inverted:active span,
.px-button.px-button--tertiary.px-button--inverted.px-button--active span {
  color: #ffffff;
}
.px-button.px-button--tertiary.px-button--inverted:disabled,
.px-button.px-button--tertiary.px-button--inverted.px-button--disabled,
.px-button.px-button--tertiary.px-button--inverted[disabled] {
  color: #ffffff99;
  fill: #ffffff99;
  opacity: 0.6;
}
.px-button.px-button--tertiary.px-button--inverted:disabled span,
.px-button.px-button--tertiary.px-button--inverted.px-button--disabled span,
.px-button.px-button--tertiary.px-button--inverted[disabled] span {
  color: #ffffff99;
}
/* VARIABLES */
:root {
  --grid--max-width-main: 1600px;
  --grid--column-gap-s: 16px;
  --grid--column-gap-m-xl: 32px;
  /* column gap widths */
  --width-12-gap-s: 0px;
  --width-11-gap-s: (var(--grid--column-gap-s) * 0.0833);
  --width-10-gap-s: (var(--grid--column-gap-s) * 0.166);
  --width-9-gap-s: (var(--grid--column-gap-s) * 0.25);
  --width-8-gap-s: (var(--grid--column-gap-s) * 0.33);
  --width-6-gap-s: (var(--grid--column-gap-s) / 2);
  --width-4-gap-s: (var(--grid--column-gap-s) * 2 / 3);
  --width-3-gap-s: (var(--grid--column-gap-s) * 3 / 4);
  --width-2-4-gap-s: (var(--grid--column-gap-s) * 4 / 5);
  --width-2-gap-s: (var(--grid--column-gap-s) * 5 / 6);
  --width-1-7-gap-s: (var(--grid--column-gap-s) * 6 / 7);
  --width-1-5-gap-s: (var(--grid--column-gap-s) * 7 / 8);
  --width-1-3-gap-s: (var(--grid--column-gap-s) * 8 / 9);
  --width-1-2-gap-s: (var(--grid--column-gap-s) * 9 / 10);
  --width-1-1-gap-s: (var(--grid--column-gap-s) * 10 / 11);
  --width-1-gap-s: (var(--grid--column-gap-s) * 12 / 13);
  --width-12-gap-m-xl: 0px;
  --width-11-gap-m-xl: (var(--grid--column-gap-m-xl) * 0.0833);
  --width-10-gap-m-xl: (var(--grid--column-gap-m-xl) * 0.166);
  --width-9-gap-m-xl: (var(--grid--column-gap-m-xl) * 0.25);
  --width-8-gap-m-xl: (var(--grid--column-gap-m-xl) * 0.33);
  --width-6-gap-m-xl: (var(--grid--column-gap-m-xl) / 2);
  --width-4-gap-m-xl: (var(--grid--column-gap-m-xl) * 2 / 3);
  --width-3-gap-m-xl: (var(--grid--column-gap-m-xl) * 3 / 4);
  --width-2-4-gap-m-xl: (var(--grid--column-gap-m-xl) * 4 / 5);
  --width-2-gap-m-xl: (var(--grid--column-gap-m-xl) * 5 / 6);
  --width-1-7-gap-m-xl: (var(--grid--column-gap-m-xl) * 6 / 7);
  --width-1-5-gap-m-xl: (var(--grid--column-gap-m-xl) * 7 / 8);
  --width-1-3-gap-m-xl: (var(--grid--column-gap-m-xl) * 8 / 9);
  --width-1-2-gap-m-xl: (var(--grid--column-gap-m-xl) * 9 / 10);
  --width-1-1-gap-m-xl: (var(--grid--column-gap-m-xl) * 10 / 11);
  --width-1-gap-m-xl: (var(--grid--column-gap-m-xl) * 12 / 13);
  --xl-gap: 144px;
}
/* 1 Column Layout */
.px-grid__column--width-12 {
  flex-basis: 100%;
  max-width: 100%;
}
/* Column Layout */
.px-grid__column--width-11 {
  flex-basis: calc(91.66% - var(--width-11-gap-s));
  max-width: calc(91.66% - var(--width-11-gap-s));
}
/* Column Layout */
.px-grid__column--width-10 {
  flex-basis: calc(83.33% - var(--width-10-gap-s));
  max-width: calc(83.33% - var(--width-10-gap-s));
}
/* 3/4 Column Layout */
.px-grid__column--width-9 {
  flex-basis: calc(75% - var(--width-9-gap-s));
  max-width: calc(75% - var(--width-9-gap-s));
}
/* 2/3 Column Layout */
.px-grid__column--width-8 {
  flex-basis: calc(66.66% - var(--width-8-gap-s));
  max-width: calc(66.66% - var(--width-8-gap-s));
}
/* 2 Column Layout */
.px-grid__column--width-6 {
  flex-basis: calc(50% - var(--width-6-gap-s));
  max-width: calc(50% - var(--width-6-gap-s));
}
/* 3 Column Layout */
.px-grid__column--width-4 {
  flex-basis: calc(33.33% - var(--width-4-gap-s));
  max-width: calc(33.33% - var(--width-4-gap-s));
}
/* 4 Column Layout */
.px-grid__column--width-3 {
  flex-basis: calc(25% - var(--width-3-gap-s));
  max-width: calc(25% - var(--width-3-gap-s));
}
/* 5 Column Layout */
.px-grid__column--width-2-4 {
  flex-basis: calc(20% - var(--width-2-4-gap-s));
  max-width: calc(20% - var(--width-2-4-gap-s));
}
/* 6 Column Layout */
.px-grid__column--width-2 {
  flex-basis: calc(16.66% - var(--width-2-gap-s));
  max-width: calc(16.66% - var(--width-2-gap-s));
}
/* 7 Column Layout */
.px-grid__column--width-1-7 {
  flex-basis: calc(14.28% - var(--width-1-7-gap-s));
  max-width: calc(14.28% - var(--width-1-7-gap-s));
}
/* 8 Column Layout */
.px-grid__column--width-1-5 {
  flex-basis: calc(12.5% - var(--width-1-5-gap-s));
  max-width: calc(12.5% - var(--width-1-5-gap-s));
}
/* 9 Column Layout */
.px-grid__column--width-1-3 {
  flex-basis: calc(11.11% - var(--width-1-3-gap-s));
  max-width: calc(11.11% - var(--width-1-3-gap-s));
}
/* 10 Column Layout */
.px-grid__column--width-1-2 {
  flex-basis: calc(10% - var(--width-1-2-gap-s));
  max-width: calc(10% - var(--width-1-2-gap-s));
}
/* 11 Column Layout */
.px-grid__column--width-1-1 {
  flex-basis: calc(9.09% - var(--width-1-1-gap-s));
  max-width: calc(9.09% - var(--width-1-1-gap-s));
}
/* 12 Column Layout */
.px-grid__column--width-1 {
  flex-basis: calc(8.33% - var(--width-1-gap-s));
  max-width: calc(8.33% - var(--width-1-gap-s));
}
/* Major Variant Right - 3/4 Extra Padding */
.px-grid__column--gap-xl .px-grid__column--width-3 {
  flex-basis: calc(25% - var(--xl-gap)) / 2;
  max-width: calc(25% - var(--xl-gap) / 2);
}
.px-grid__column--gap-xl .px-grid__column--width-9 {
  flex-basis: calc(75% - var(--xl-gap-s)) / 2;
  max-width: calc(75% - var(--xl-gap-s) / 2);
}
@media (min-width: 1024px) {
  /* Column Layout */
  .px-grid__column--width-11 {
    flex-basis: calc(91.66% - var(--width-11-gap-m-xl));
    max-width: calc(91.66% - var(--width-11-gap-m-xl));
  }
  /* Column Layout */
  .px-grid__column--width-10 {
    flex-basis: calc(83.33% - var(--width-10-gap-m-xl));
    max-width: calc(83.33% - var(--width-10-gap-m-xl));
  }
  /* 3/4 Column Layout */
  .px-grid__column--width-9 {
    flex-basis: calc(75% - var(--width-9-gap-m-xl));
    max-width: calc(75% - var(--width-9-gap-m-xl));
  }
  /* 2/3 Column Layout */
  .px-grid__column--width-8 {
    flex-basis: calc(66.66% - var(--width-8-gap-m-xl));
    max-width: calc(66.66% - var(--width-8-gap-m-xl));
  }
  /* 2 Column Layout */
  .px-grid__column--width-6 {
    flex-basis: calc(50% - var(--width-6-gap-m-xl));
    max-width: calc(50% - var(--width-6-gap-m-xl));
  }
  /* 3 Column Layout */
  .px-grid__column--width-4 {
    flex-basis: calc(33.33% - var(--width-4-gap-m-xl));
    max-width: calc(33.33% - var(--width-4-gap-m-xl));
  }
  /* 4 Column Layout */
  .px-grid__column--width-3 {
    flex-basis: calc(25% - var(--width-3-gap-m-xl));
    max-width: calc(25% - var(--width-3-gap-m-xl));
  }
  /* 5 Column Layout */
  .px-grid__column--width-2-4 {
    flex-basis: calc(20% - var(--width-2-4-gap-m-xl));
    max-width: calc(20% - var(--width-2-4-gap-m-xl));
  }
  /* 6 Column Layout */
  .px-grid__column--width-2 {
    flex-basis: calc(16.66% - var(--width-2-gap-m-xl));
    max-width: calc(16.66% - var(--width-2-gap-m-xl));
  }
  /* 7 Column Layout */
  .px-grid__column--width-1-7 {
    flex-basis: calc(14.28% - var(--width-1-7-gap-m-xl));
    max-width: calc(14.28% - var(--width-1-7-gap-m-xl));
  }
  /* 8 Column Layout */
  .px-grid__column--width-1-5 {
    flex-basis: calc(12.5% - var(--width-1-5-gap-m-xl));
    max-width: calc(12.5% - var(--width-1-5-gap-m-xl));
  }
  /* 9 Column Layout */
  .px-grid__column--width-1-3 {
    flex-basis: calc(11.11% - var(--width-1-3-gap-m-xl));
    max-width: calc(11.11% - var(--width-1-3-gap-m-xl));
  }
  /* 10 Column Layout */
  .px-grid__column--width-1-2 {
    flex-basis: calc(10% - var(--width-1-2-gap-m-xl));
    max-width: calc(10% - var(--width-1-2-gap-m-xl));
  }
  /* 11 Column Layout */
  .px-grid__column--width-1-1 {
    flex-basis: calc(9.09% - var(--width-1-1-gap-m-xl));
    max-width: calc(9.09% - var(--width-1-1-gap-m-xl));
  }
  /* 12 Column Layout */
  .px-grid__column--width-1 {
    flex-basis: calc(8.33% - var(--width-1-gap-m-xl));
    max-width: calc(8.33% - var(--width-1-gap-m-xl));
  }
}
/* Fade Animations */
.px-js-fade-left,
.px-js-fade-right,
.px-js-fade-up,
.px-js-fade-down {
  opacity: 1;
  transform: translate(0px, 0px);
}
/* Grid Styles */
.px-grid {
  margin: auto;
  max-width: var(--grid--max-width-main);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 40px;
  justify-content: space-between;
  row-gap: 32px;
}
@media (max-width: 767px) {
  .px-grid {
    padding: 0 20px;
  }
}
/* Grid Modifiers */
.px-grid--full {
  max-width: none;
}
.px-grid--remove-row-gap {
  row-gap: 0;
}
.px-grid--narrow {
  max-width: 815px;
}
.px-grid--center-content {
  justify-content: center;
  column-gap: var(--grid--column-gap-m-xl);
}
.px-grid--vertical {
  align-items: center;
}
/* Dev Mode Styles */
.-dev-mode .px-grid {
  background-color: bisque;
}
.-dev-mode .px-grid .px-grid__column {
  background: pink;
}
@media (max-width: 768px) {
  .px-grid {
    row-gap: 16px;
    column-gap: var(--grid--column-gap-s);
  }
  .px-grid__column {
    flex-basis: 100%;
    flex-grow: 1;
    max-width: 100%;
    min-width: 100%;
  }
  .px-grid__column--two-columns-mobile {
    flex-basis: 0;
    max-width: 100%;
    min-width: calc(50% - var(--width-6-gap-s));
  }
  .px-grid--reverse-order-mobile {
    flex-direction: column-reverse;
  }
  .px-grid--center-content {
    column-gap: var(--grid--column-gap-s);
  }
}
.px-section {
  position: relative;
}
.px-section__picture {
  width: 100%;
  min-height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.px-section__image {
  position: absolute;
  object-fit: cover;
  width: 100%;
}
.px-section__background {
  position: absolute;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  background-size: cover;
}
.px-section__content {
  position: relative;
  padding: 0px;
}
.px-section__bug-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  mix-blend-mode: soft-light;
}
.px-section__shard-bottom-left {
  position: absolute;
  left: 0;
  bottom: 0;
}
.px-section__shard-top-right {
  position: absolute;
  right: 0;
  top: 0;
}
.px-section__shard-container {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
}
.px-u-margin-left {
  margin-left: 96px;
}
.px-u-margin-right {
  margin-right: 96px;
}
@media (max-width: 768px) {
  .px-u-margin-left {
    margin-left: 20px;
  }
  .px-u-margin-right {
    margin-right: 20px;
  }
}
.px-section--border-thin {
  border-style: solid;
  border-width: 1px;
}
.px-section--border-thick {
  border-style: solid;
  border-width: 12px;
}
.px-section--border-color-subtle {
  border-color: #cccccc;
}
.px-section--border-color-bold {
  border-color: #3beedd;
}
/* Gradient Border */
.px-section--border-color-gradient {
  border: 0px;
}
.px-section--border-color-gradient.px-section--border-thin {
  padding: 1px;
}
.px-section--border-color-gradient.px-section--border-thin::before {
  border: 1px solid #3beedd;
  border-image-source: linear-gradient(to right, #3beedd, #00aeef);
  border-image-slice: 1;
}
.px-section--border-color-gradient.px-section--border-thick {
  padding: 12px;
}
.px-section--border-color-gradient.px-section--border-thick::before {
  border: 12px solid #3beedd;
  border-image-source: linear-gradient(to right, #3beedd, #00aeef);
  border-image-slice: 1;
}
.px-section--border-color-gradient::before {
  content: '';
  z-index: 2;
  left: 0px;
  top: 0px;
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
}
.px-u-bg-subtle {
  background-color: #fafafa;
}
.px-u-bg-cloud {
  background-color: #f0f0f0;
}
.px-u-bg-slate {
  background-color: #aaaaaa;
}
.px-u-bg-plex-black {
  background-color: #121212;
}
.px-u-bg-jade-blue {
  background-color: #004a5b;
}
/* Padding Utilities */
.px-u-padding-bottom-xs {
  padding-bottom: 16px;
}
.px-u-padding-bottom-s {
  padding-bottom: 24px;
}
.px-u-padding-bottom-m {
  padding-bottom: 32px;
}
.px-u-padding-bottom-l {
  padding-bottom: 56px;
}
.px-u-padding-bottom-xl {
  padding-bottom: 70px;
}
.px-u-padding-top-xs {
  padding-top: 16px;
}
.px-u-padding-top-s {
  padding-top: 24px;
}
.px-u-padding-top-m {
  padding-top: 32px;
}
.px-u-padding-top-l {
  padding-top: 56px;
}
.px-u-padding-top-xl {
  padding-top: 70px;
}
.px-u-padding-right-s {
  padding-right: 24px;
}
.px-u-padding-left-s {
  padding-left: 24px;
}
/* Margin Utilities */
.px-u-margin-bottom-xxs {
  margin-top: 4px;
}
.px-u-margin-bottom-xs {
  margin-top: 8px;
}
.px-u-margin-bottom-s {
  margin-bottom: 16px;
}
.px-u-margin-bottom-m {
  margin-bottom: 32px;
}
.px-u-margin-bottom-l {
  margin-bottom: 56px;
}
.px-u-margin-top-xxs {
  margin-top: 4px;
}
.px-u-margin-top-xs {
  margin-top: 8px;
}
.px-u-margin-top-s {
  margin-top: 16px;
}
.px-u-margin-top-m {
  margin-top: 32px;
}
.px-u-margin-top-l {
  margin-top: 56px;
}
/* Radius Utilities */
.px-u-radius-s {
  border-radius: 4px;
  overflow: hidden;
}
.px-u-radius-l {
  border-radius: 24px;
  overflow: hidden;
}
.px-u-radius-m {
  border-radius: 10px;
  overflow: hidden;
}
/* Shadow Utilities */
.px-u-shadow-s {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}
/* Print Utilities */
@media print {
  .px-u-print-hidden {
    display: none;
  }
}
/* Large screens (desktops) */
@media only screen and (max-width: 1535px) {
  .px-u-desktop-only {
    display: none;
  }
}
/* Aspect Ratio */
.px-u-aspect-ratio-16x9 {
  aspect-ratio: 1.77777778;
}
.px-u-bg-subtle {
  background-color: #fafafa;
}
.px-u-bg-light {
  background-color: #e5e6e9;
}
.px-u-inverted {
  color: #fff !important;
}
.px-u-inverted * {
  color: #fff !important;
}
.px-u-gradient-1 {
  background: linear-gradient(90deg, #3beedd 18.57%, #3beedd 38.2%);
}
.px-u-hidden {
  display: none;
}
.px-link {
  font-family: Barlow, sans-serif;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-out all;
  text-decoration: none;
  display: inline-flex;
  column-gap: 4px;
  color: #1968b3;
}
.px-link .px-link__icon {
  display: inline-flex;
  align-items: center;
  vertical-align: -1px;
}
.px-link .px-link__icon svg {
  height: 16px;
  fill: #1968b3;
}
.px-link .px-link__icon svg.px-link__svg--external {
  height: 12px;
}
.px-link.px-link--icon-left .icon.px-link--left {
  display: inline-flex;
}
.px-link .px-link__text {
  color: inherit;
}
.px-link:focus,
.px-link:active {
  outline: 1px dashed #003e7e;
}
.px-link:hover {
  text-decoration: underline;
  color: #0053a1;
}
.px-link:hover svg {
  fill: #0053a1;
}
.px-link:disabled,
.px-link[disabled] {
  background-color: #cccccc;
  color: #848484;
  fill: #848484;
}
.px-link:disabled span,
.px-link[disabled] span {
  color: #848484;
}
.px-image {
  font-family: Barlow, sans-serif;
  position: relative;
  display: flex;
  justify-self: center;
}
.px-image a {
  font-family: Barlow, sans-serif;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-out all;
  text-decoration: none;
  display: inline-flex;
  column-gap: 4px;
  color: #1968b3;
}
.px-image a:focus,
.px-image a:active {
  outline: 1px dashed #003e7e;
}
.px-image a:hover {
  text-decoration: underline;
  color: #0053a1;
}
.px-image a:hover svg {
  fill: #0053a1;
}
.px-image a:disabled,
.px-image a[disabled] {
  background-color: #cccccc;
  color: #848484;
  fill: #848484;
}
.px-image a:disabled span,
.px-image a[disabled] span {
  color: #848484;
}
.px-image__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.px-image__wrapper {
  position: relative;
}
.px-image--format-circle {
  box-shadow: none;
}
.px-image--format-circle .px-image__wrapper {
  width: 100%;
  aspect-ratio: 1;
}
.px-image--format-circle .px-image__wrapper img {
  border-radius: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.px-image--format-circle .px-u-shadow-s {
  box-shadow: none;
}
.px-image--format-circle .px-u-shadow-s .px-image__wrapper img {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}
.px-image--format-circle .px-image__caption--background {
  margin-top: 16px;
}
.px-image__image {
  display: flex;
  margin: auto;
}
.px-image__image--border-backdrop::before {
  content: '';
  border: 12px solid #3beedd;
  background-color: transparent;
  width: calc(100% - 33px);
  height: calc(100% - 33px);
  position: absolute;
  border-image-source: linear-gradient(to right, #3beedd, #00aeef);
  border-image-slice: 1;
}
.px-image--border-bottom .px-image__wrapper {
  border-bottom: 6px solid #3beedd;
  border-image-source: linear-gradient(to right, #3beedd, #00aeef);
  border-image-slice: 1;
}
.px-image__caption {
  position: relative;
  font-size: 14px;
  padding: 16px 0px 16px 0px;
}
.px-image__caption--background {
  margin-top: 0px;
  padding: 16px 16px 16px 16px;
}
.px-image__caption--background .px-image__caption-text {
  padding-top: 0px;
}
.px-image__link {
  position: relative;
}
.px-image--format-icon-small img {
  width: 32px;
}
.px-image--format-icon-medium img {
  width: 64px;
}
.px-image--format-icon-large img {
  width: 90px;
}
.px-image--format-logo img {
  width: 200px;
}
.px-image--left {
  justify-self: left;
}
.px-image--left img {
  margin: 0 auto 0 0;
}
.px-image--right {
  justify-self: right;
}
.px-image--right img {
  margin: 0 0 0 auto;
}
.px-image__download-label {
  font-size: 14px;
  color: #ffffff;
}
.px-image__download {
  background-color: #000000d9;
  display: none;
  justify-content: center;
  margin: 0px;
  z-index: 2;
  position: absolute;
  border-radius: 4px;
  padding: 4px 8px;
  bottom: 8px;
  right: 8px;
  align-items: center;
  column-gap: 8px;
}
@media (min-width: 768px) {
  .px-image__download--mobile {
    display: none;
  }
}
@media (max-width: 768px) {
  .px-image__download--desktop {
    display: none;
  }
}
.px-image__svg--download {
  fill: #fff;
  width: 19px;
}
.px-image--border-top-left .px-image__container,
.px-image--border-bottom-left .px-image__container {
  margin-left: 33px;
}
.px-image--border-top-right .px-image__container,
.px-image--border-bottom-right .px-image__container {
  margin-right: 33px;
}
.px-image--border-bottom-left .px-image__container,
.px-image--border-bottom-right .px-image__container {
  margin-bottom: 33px;
}
.px-image--border-top-left .px-image__container,
.px-image--border-top-right .px-image__container {
  margin-top: 33px;
}
.px-image--border-top-left::before {
  top: 0px;
  left: 0px;
}
.px-image--border-top-right::before {
  top: 0px;
  right: 0px;
}
.px-image--border-bottom-left::before {
  bottom: 0px;
  left: 0px;
}
.px-image--border-bottom-right::before {
  bottom: 0px;
  right: 0px;
}
.px-u-shadow-s .px-image__caption {
  padding: 16px 16px 16px 16px;
}
.px-meteor .px-image__download:hover {
  text-decoration: none;
}
.px-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  text-decoration: none;
  background-color: #ffffff;
  row-gap: 16px;
}
.px-tile__image {
  display: flex;
}
.px-tile--card {
  border-radius: 4px;
  row-gap: 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  transition: transform 0.3s ease-out;
}
.px-tile--card:hover,
.px-tile--card:focus,
.px-tile--card:active {
  transform: scale(1.05);
  text-decoration: none !important;
}
.px-tile--card:hover .px-tile__title,
.px-tile--card:focus .px-tile__title,
.px-tile--card:active .px-tile__title {
  color: #1968b3;
}
.px-tile--card .px-tile__content {
  padding: 16px;
}
.px-tile--horizontal {
  flex-direction: row;
  column-gap: 16px;
}
.px-tile--horizontal.px-tile--card {
  column-gap: 0;
}
.px-tile--horizontal .px-tile__image-wrapper {
  width: 30%;
  position: relative;
  display: flex;
  overflow: hidden;
}
.px-tile--horizontal .px-tile__image {
  object-fit: cover;
}
.px-tile--horizontal.px-tile--card .px-tile__image {
  min-height: 100%;
}
.px-tile--horizontal .px-tile__content {
  width: 70%;
}
.px-tile__content {
  display: flex;
  flex-direction: column;
  column-gap: 8px;
  row-gap: 4px;
  align-items: flex-start;
  position: relative;
}
.px-tile__content::before {
  content: '';
  left: 0px;
  top: 0px;
  position: absolute;
  display: flex;
  height: 6px;
  width: 100%;
}
.px-tile__content .px-tile__time,
.px-tile__content .px-tile__duration,
.px-tile__content .px-tile__date,
.px-tile__content .px-tile__language {
  display: flex;
  column-gap: 4px;
}
.px-tile--event .px-tile__content {
  row-gap: 16px;
}
.px-tile__subtitle {
  line-height: 18px;
  font-size: 14px;
  color: #6d6e71;
  text-transform: uppercase;
}
.px-tile__title {
  line-height: 28px;
  font-size: 20px;
  font-weight: 500;
  transition: color 0.3s ease-out;
}
.px-tile__description {
  color: #000000;
}
.px-tile__webinar-top {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 16px;
  padding-right: 16px;
  row-gap: 8px;
  background: url(/stories/assets/backgrounds/backTexture_WhiteGray.svg) #d3d3d3 50% / cover no-repeat;
}
.px-tile__tag {
  width: fit-content;
  padding: 4px 16px;
  border-radius: 4px;
  background: linear-gradient(90.1deg, #CD163F 7.44%, #F58025 93.59%);
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase;
}
.px-tile--on-demand .px-tile__tag {
  background: linear-gradient(120deg, #003e7e 0%, #8d0034 100%);
}
.px-tile--series .px-tile__tag {
  background: linear-gradient(120deg, #00aeef 0%, #003e7e 100%);
}
.px-tile__label {
  font-weight: 700;
  display: flex;
}
.px-tile__label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: -4px;
  background: linear-gradient(90.1deg, #CD163F 7.44%, #F58025 93.59%);
}
.px-tile--on-demand .px-tile__label::before {
  background: linear-gradient(120deg, #003e7e 0%, #8d0034 100%);
}
.px-tile--series .px-tile__label::before {
  background: linear-gradient(120deg, #00aeef 0%, #003e7e 100%);
}
.px-tile__date .px-tile__label::before {
  mask: url('/stories/assets/icons/event.svg');
}
.px-tile__time .px-tile__label::before {
  mask: url('/stories/assets/icons/recent-activity.svg');
}
.px-tile__duration .px-tile__label::before {
  mask: url('/stories/assets/icons/recent-activity.svg');
}
.px-tile__language .px-tile__label::before {
  mask: url('/stories/assets/icons/globe.svg');
}
.px-tile--auto-height {
  height: auto;
}
@media (max-width: 768px) {
  .px-tile--horizontal {
    flex-direction: column;
  }
  .px-tile--horizontal .px-tile__content,
  .px-tile--horizontal .px-tile__image-wrapper {
    width: 100%;
  }
}
/* ============================================  
     Form Styles - Container and Layout  
     ============================================ */
.px-formfield {
  font-family: Barlow, sans-serif;
}
.px-formfield * {
  font-family: Barlow, sans-serif;
}
.px-formfield a {
  font-family: Barlow, sans-serif;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-out all;
  text-decoration: none;
  display: inline-flex;
  column-gap: 4px;
  color: #1968b3;
}
.px-formfield a:focus,
.px-formfield a:active {
  outline: 1px dashed #003e7e;
}
.px-formfield a:hover {
  text-decoration: underline;
  color: #0053a1;
}
.px-formfield a:hover svg {
  fill: #0053a1;
}
/* General form elements container */
.px-formfield__container {
  margin: 0px 0px 0px 0px;
  position: relative;
  display: flex;
  align-items: center;
}
/* ============================================  
     Form Inputs and Textarea Styles  
     ============================================ */
/* Inputs, select dropdowns, and textarea styles */
.px-input__input,
.px-select__select,
.px-textarea__textarea {
  outline: 1px solid #949494;
  border-radius: 4px;
  padding: 13px 16px;
  min-height: 48px;
  font-size: 16px;
  transition: all ease 0.2s;
  width: 100%;
  border: none;
  line-height: 1.5;
}
/* Hover state for inputs, select dropdowns, and textarea */
.px-input__input:hover,
.px-input__input--hover,
.px-select__select:hover,
.px-select__select--hover,
.px-textarea__textarea:hover,
.px-textarea__textarea--hover {
  outline: 2px solid #0053a1;
}
/* Placeholder styling */
.px-input__input::placeholder,
.px-select__select::placeholder,
.px-textarea__textarea::placeholder {
  opacity: 0;
}
/* ============================================  
     Labels  
     ============================================ */
/* General label styling */
.px-formfield__label {
  padding: 1px 5px;
  cursor: text;
  position: absolute;
  z-index: 5;
  left: 16px;
  top: 13px;
  transition: all ease 0.2s;
  font-size: 16px;
  background: #fff;
  pointer-events: none;
  padding: 0px;
}
/* Labels for disabled inputs */
.px-formfield--disabled .px-formfield__label {
  background-color: #efefef;
  color: #848484;
}
.px-textarea__textarea:focus,
.px-textarea__textarea--focus,
.px-select__select:focus,
.px-select__select--focus,
.px-input__input:focus,
.px-input__input--focus {
  outline: 2px solid #1968b3;
}
/* Focused, valid, or inputs with values - label adjustment */
.px-input__input:focus + label,
.px-input__input--focus + label,
.px-select__select:focus + label,
.px-select__select--focus + label,
.px-textarea__textarea:focus + label,
.px-textarea__textarea--focus + label,
.px-input__input:not(:placeholder-shown) ~ label,
.px-select__select:valid ~ label {
  top: -11px;
  font-size: 12px;
  padding-left: 4px;
  padding-right: 4px;
}
.px-formfield--input .ra-select__select,
.px-input__input:not(:placeholder-shown),
.px-textarea__textarea:not(:placeholder-shown) {
  outline: 2px solid #6d6e71;
}
.px-input__input:focus:not(:placeholder-shown),
.px-textarea__textarea:focus:not(:placeholder-shown) {
  outline: 2px solid #1968b3;
}
/* ============================================  
     Disabled Inputs  
     ============================================ */
/* Inputs/Select disabled state styling */
.px-checkbox__checkbox--disabled,
.px-checkbox__checkbox[disabled],
.px-select__select--disabled,
.px-select__select[disabled],
.px-input__input--disabled,
.px-input__input[disabled],
.px-textarea__textarea--disabled,
.px-textarea__textarea[disabled] {
  background-color: #efefef;
  outline: 1px #efefef;
  pointer-events: none;
}
.px-checkbox__checkbox--disabled,
.px-checkbox__checkbox[disabled] {
  background-color: #cccccc !important;
}
.px-checkbox__checkbox--disabled::before,
.px-checkbox__checkbox::before {
  filter: brightness(0) saturate(0) invert(1) brightness(1.2) contrast(0.6);
}
/* Disabled labels with a lock icon */
.px-select__select--disabled ~ label,
.px-input__input--disabled ~ label,
.px-textarea_textarea--disabled ~ label {
  background-image: url("/stories/assets/icons/lock-locked.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 5px 4px;
  padding: 1px 5px 1px 24px;
  font-size: 16px;
  top: 13px;
  background-color: transparent !important;
}
/* ============================================  
     Invalid and Valid States  
     ============================================ */
/* Invalid labels */
.px-checkbox__checkbox--invalid ~ label,
.px-select__select--invalid ~ label,
.px-input__input--invalid ~ label,
.px-textarea__textarea--invalid ~ label {
  color: #da0000;
}
/* Invalid focus label (adds icon) */
.px-select__select--invalid:focus ~ label,
.px-select__select--invalid.--focus ~ label,
.px-input__input--invalid:not(:placeholder-shown) ~ label,
.px-input__input--invalid:focus ~ label,
.px-input__input--invalid.--focus ~ label {
  color: #da0000;
  background-image: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Images/icon-failed.svg");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 5px 5px;
  padding: 1px 5px 1px 20px;
}
/* Valid focus label (adds icon) */
.px-select__select--valid ~ label,
.px-select__select--valid:focus ~ label,
.px-select__select--valid.--focus ~ label,
.px-input__input--valid:focus ~ label,
.px-input__input--valid.--focus ~ label {
  background-image: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Images/icon-success.svg");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 5px 5px;
  padding: 1px 5px 1px 20px;
}
/* Invalid input styling */
.px-checkbox__checkbox--invalid,
.px-checkbox__checkbox--invalid:focus,
.px-select__select--invalid,
.px-select__select--invalid:focus,
.px-input__input--invalid,
.px-input__input--invalid:focus,
.px-textarea__textarea--invalid,
.px-textarea__textarea--invalid:focus {
  outline: 2px solid #da0000 !important;
  color: #da0000;
}
/* Valid input styling */
.px-select__select--valid,
.px-select__select--valid:focus,
.px-input__input--valid,
.px-input__input--valid.focus,
.px-input__input--valid:focus,
.px-input__input--valid.hover,
.px-input__input--valid:hover,
.px-textarea__textarea--valid,
.px-textarea__textarea--valid:focus {
  outline: 2px solid #008700 !important;
}
/* ============================================  
     Helper Text  
     ============================================ */
/* General helper text styling */
.px-formfield__caption-success,
.px-formfield__caption-error,
.px-formfield__caption-helper {
  font-size: 12px;
  margin-top: 4px;
  display: none;
}
/* Invalid helper text */
.px-select__caption.px-select--invalid,
.px-input__caption.px-input--invalid,
.px-textarea__caption.px-textarea--invalid {
  color: #da0000;
}
/* Helper text for success and error visibility */
.px-formfield--valid .px-formfield__caption-success {
  display: block;
}
.px-formfield--invalid .px-formfield__caption-error {
  display: block;
  color: #da0000;
}
.px-formfield--valid .px-formfield__caption-helper,
.px-formfield--invalid .px-formfield__caption-helper {
  display: none;
}
.px-formfield__caption-helper {
  display: block;
}
/* ============================================  
     Select Dropdowns  
     ============================================ */
/* Select dropdown background icon */
.px-select__select {
  background-image: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Images/icon-caret-down-grey.svg");
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: calc(100% - 13px) center;
  -webkit-appearance: none;
}
/* Focused select dropdown label adjustment */
.px-select__select:focus + label {
  top: -11px;
  font-size: 12px;
}
/* FORM STYLES - CHECKBOXES */
.px-checkbox__checkbox {
  -webkit-appearance: none;
  appearance: none;
  min-height: 0px;
  margin: 1px 5px 0px 0px;
  width: 18px;
  height: 18px;
  outline: 2px solid #949494;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0px;
  outline-offset: -1px;
}
.px-checkbox__checkbox::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  background-image: url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Images/icon-checkmark.svg");
  background-size: 100%;
  filter: none;
}
.px-checkbox__checkbox--hover,
.px-checkbox__checkbox:hover {
  outline: 2px solid #0053a1;
}
.px-checkbox__checkbox--focus,
.px-checkbox__checkbox:focus {
  outline: 2px solid #003e7e;
}
.px-checkbox__checkbox--focus:checked,
.px-checkbox__checkbox:checked:focus {
  outline: 2px solid #003e7e;
}
.px-checkbox__checkbox.checked,
.px-checkbox__checkbox:checked {
  background: #0053a1;
  outline: none;
}
.px-checkbox__checkbox--hover:checked,
.px-checkbox__checkbox:checked:hover {
  background: #0053a1;
}
.px-checkbox__checkbox--invalid {
  background-color: #fff !important;
}
.px-checkbox__label {
  font-size: 14px;
}
.px-formfield--input-checkbox .px-formfield__label {
  background: none;
  padding-left: 0px;
  position: relative;
  top: 0px;
  left: 0px;
}
.px-formfield--input-checkbox .px-formfield__container {
  align-items: flex-start;
}
.px-form {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  row-gap: 20px;
}
.px-formfield-wrapper {
  display: flex;
  justify-content: space-between;
}
.px-formfield--country-code {
  width: 135px;
}
.px-formfield--input-tel,
.px-formfield--telephone {
  width: calc(100% - 151px);
}
.video {
  position: relative;
}
.video .ra__player {
  max-width: 100%;
}
.video .video-wrapper {
  margin: auto;
  position: relative;
}
.video .video-gate {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 4;
}
.video .mejs__container .mejs__captions-text {
  font-size: 20px;
}
.video .mejs__container.mejs__container-fullscreen .mejs__captions-text {
  font-size: calc(32px + 1vw);
}
.video .mejs__container .mejs__controls .mejs__button {
  border-radius: 2px;
}
.video .mejs__container .mejs__controls .mejs__button.mejs__play {
  padding-right: 5px;
}
.video .mejs__container .mejs__controls .mejs__button.mejs__play button {
  background-color: #fff;
  mask-image: url("/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/play.svg");
}
.video .mejs__container .mejs__controls .mejs__button.mejs__play:hover::before {
  position: absolute;
  z-index: -1;
  top: 6px;
  left: 8px;
  width: 36px;
  height: 70%;
  content: "";
  background-color: #0053a1;
  border-radius: 2px;
}
.video .mejs__container .mejs__controls .mejs__button.mejs__pause button {
  background-color: #fff;
  mask-image: url("/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/pause-filled.svg");
}
.video .mejs__container .mejs__controls .mejs__button.mejs__pause:hover::before {
  position: absolute;
  z-index: -1;
  top: 6px;
  left: 8px;
  width: 36px;
  height: 70%;
  content: "";
  background-color: #0053a1;
  border-radius: 2px;
}
.video .mejs__container .mejs__controls .mejs__button.mejs__mute button {
  background-color: #fff;
  mask-image: url("/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/format-audio-filled-high.svg");
}
.video .mejs__container .mejs__controls .mejs__button.mejs__mute:hover::before {
  position: absolute;
  z-index: -1;
  top: 6px;
  left: 0;
  width: 100%;
  height: 70%;
  content: "";
  background-color: #0053a1;
  border-radius: 2px;
}
.video .mejs__container .mejs__controls .mejs__button.mejs__unmute button {
  background-color: #fff;
  mask-image: url("/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/format-audio-filled-mute.svg");
}
.video .mejs__container .mejs__controls .mejs__button.mejs__unmute:hover::before {
  position: absolute;
  z-index: -1;
  top: 6px;
  left: 0;
  width: 100%;
  height: 70%;
  content: "";
  background-color: #0053a1;
  border-radius: 2px;
}
.video .mejs__container .mejs__controls .mejs__button.mejs__captions-button button {
  background-color: #fff;
  mask-image: url("/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/closed-caption.svg");
}
.video .mejs__container .mejs__controls .mejs__button.mejs__captions-button:hover::before {
  position: absolute;
  z-index: -1;
  top: 6px;
  left: 0;
  width: 100%;
  height: 70%;
  content: "";
  background-color: #0053a1;
  border-radius: 2px;
}
.video .mejs__container .mejs__controls .mejs__button .mejs__volume-current {
  background-color: #ffffff;
}
.video .mejs__container .mejs__controls .mejs__button .mejs__volume-handle {
  height: 12px;
  width: 12px;
  border-radius: 20px;
}
.video .mejs__container .mejs__controls .mejs__button .mejs__volume-slider {
  background: rgba(0, 0, 0, 0.1);
  width: 28px;
  bottom: 88%;
}
.video .mejs__container .mejs__controls .mejs__button .mejs__captions-selector {
  bottom: 88% !important;
}
.video .mejs__container .mejs__controls .mejs__button .mejs__captions-selector-label {
  padding-bottom: 4px;
}
.video .mejs__container .mejs__controls .mejs__button .mejs__captions-selector-list-item,
.video .mejs__container .mejs__controls .mejs__button .mejs__chapters-selector-list-item {
  font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
  margin: 0 !important;
}
.video .mejs__container .mejs__controls .mejs__button .mejs__captions-selector-list-item:hover,
.video .mejs__container .mejs__controls .mejs__button .mejs__chapters-selector-list-item:hover {
  background-color: #0053a1 !important;
}
.video .mejs__container .mejs__controls .mejs__button .mejs__captions-selector-list-item .mejs__captions-selected,
.video .mejs__container .mejs__controls .mejs__button .mejs__chapters-selector-list-item .mejs__captions-selected {
  color: #ffffff;
}
.video .mejs__fullscreen-button button {
  background-color: #fff;
  mask-image: url("/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/maximize.svg");
}
.video .mejs__fullscreen-button:hover::before {
  position: absolute;
  z-index: -1;
  top: 6px;
  right: 10px;
  width: 32px;
  height: 70%;
  content: "";
  background-color: #0053a1;
  border-radius: 2px;
}
.video .mejs__fullscreen-button.mejs__unfullscreen button {
  background-color: #fff;
  mask-image: url("/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/minimize-video.svg");
}
.video .mejs__fullscreen-button.mejs__unfullscreen:hover::before {
  position: absolute;
  z-index: -1;
  top: 6px;
  right: 10px;
  width: 32px;
  height: 70%;
  content: "";
  background-color: #0053a1;
  border-radius: 2px;
}
.video .mejs__overlay-button {
  background-size: contain;
  background-position: unset;
  background-image: url("/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/play-static.svg");
}
.video .mejs__overlay-button:hover {
  background-image: url("/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/play-hover-plex.svg");
  background-position: unset !important;
}
.video .mejs__overlay:hover > .mejs__overlay-button {
  background-position: unset !important;
}

