/* MyStationHub: canonical customer Sign in button appearance and motion.
   Apply class msh-signin-expandable to links/buttons. Width and page layout remain their own. */
html body :is(a,button).msh-signin-expandable {
  background:#0caef0!important;
  background-color:#0caef0!important;
  border:1px solid #0caef0!important;
  border-radius:13px!important;
  color:#fff!important;
  font-family:var(--msh-interface-font, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", Arial, sans-serif)!important;
  font-size:14px!important;
  font-weight:790!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  transform:none!important;
  transform-origin:center center!important;
  box-shadow:none!important;
  transition:letter-spacing .3s ease,transform .3s ease,box-shadow .3s ease,background .3s ease!important;
}
html body :is(a,button).msh-signin-expandable::before,
html body :is(a,button).msh-signin-expandable > .msh-os-hover-label {
  display:none!important;
}
html body :is(a,button).msh-signin-expandable > .msh-os-label {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:1.2;
  letter-spacing:inherit;
  color:#fff!important;
}
html body :is(a,button).msh-signin-expandable > .msh-os-label span,
html body :is(a,button).msh-signin-expandable .msh-chevron {
  color:#fff!important;
  stroke:#fff!important;
  letter-spacing:inherit;
}
html body :is(a,button).msh-signin-expandable .msh-chevron,
html body :is(a,button).msh-signin-expandable:is(:hover,:focus-visible,:active) .msh-chevron {
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  fill:none!important;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
  transform:none!important;
  transition:none!important;
}
html body :is(a,button).msh-signin-expandable:not(:disabled):is(:hover,:focus-visible) {
  background:#2bc1f4!important;
  background-color:#2bc1f4!important;
  border-color:#0caef0!important;
  color:#fff!important;
  letter-spacing:.5px!important;
  transform:scaleX(1.015)!important;
  box-shadow:0 5px 11px rgba(8,87,248,.095)!important;
}
html body :is(a,button).msh-signin-expandable:not(:disabled):is(:hover,:focus-visible,:active) > .msh-os-label,
html body :is(a,button).msh-signin-expandable:not(:disabled):is(:hover,:focus-visible,:active) > .msh-os-label span,
html body :is(a,button).msh-signin-expandable:not(:disabled):is(:hover,:focus-visible,:active) .msh-chevron {
  color:#fff!important;
  stroke:#fff!important;
}
html body :is(a,button).msh-signin-expandable:not(:disabled):active {
  background:#2bc1f4!important;
  background-color:#2bc1f4!important;
  color:#fff!important;
  transform:scaleX(1.005)!important;
}
@media(max-width:560px) {
  html body :is(a,button).msh-signin-expandable {font-size:12px!important;}
  html body :is(a,button).msh-signin-expandable > .msh-os-label{gap:8px;}
}
@media(prefers-reduced-motion:reduce) {
  html body :is(a,button).msh-signin-expandable {transition:none!important;}
}