/* Shared header and footer interactions. */
[data-name="nav"] [data-name="Normal"] > :first-child,
[data-name="nav"] [data-name="Normal"] > :last-child,
[data-name="tooltip-bottom"] > :first-child p,
[data-name="tooltip-bottom"] > :first-child [data-type="icon"] {
  transition: color .25s ease, opacity .25s ease, width .25s ease;
}

[data-name="nav"] [data-name="Normal"]:hover > :first-child,
[data-name="nav"] a:focus-visible [data-name="Normal"] > :first-child {
  opacity: 1;
}

[data-name="nav"] [data-name="Normal"]:hover > :last-child,
[data-name="nav"] a:focus-visible [data-name="Normal"] > :last-child {
  width: 100%;
}

[data-name="tooltip-bottom"] > :first-child:hover p,
[data-name="tooltip-bottom"] > :first-child:hover [data-type="icon"],
[data-name="tooltip-bottom"] > :first-child:focus-within p,
[data-name="tooltip-bottom"] > :first-child:focus-within [data-type="icon"] {
  color: #fff !important;
}

[data-name="footer"] [data-name="linkItem"] p {
  transition: color .25s ease;
}

[data-name="footer"] [data-name="formBtn"],
[data-name="footer"] [data-name="formBtn"] > :last-child {
  transition: background-color .25s ease, border-color .25s ease,
    color .25s ease, transform .25s ease;
}

[data-name="footer"] [data-name="linkItem"]:hover p,
[data-name="footer"] a:focus-visible [data-name="linkItem"] p {
  color: #fff !important;
}

[data-name="footer"] [data-name="formBtn"]:hover,
[data-name="footer"] a:focus-visible [data-name="formBtn"] {
  background: rgba(255, 255, 255, .06);
  border-color: #fff;
}

[data-name="footer"] [data-name="formBtn"]:hover > :last-child,
[data-name="footer"] a:focus-visible [data-name="formBtn"] > :last-child {
  transform: translateX(3px);
}

[data-name="footer"] [data-name="topBtn"]:hover,
[data-name="footer"] [data-name="topBtn"]:focus-visible {
  border-color: #fff;
  color: #fff;
}

[data-name="footer"] [data-name="topBtn"]:hover [data-type="svg"],
[data-name="footer"] [data-name="topBtn"]:focus-visible [data-type="svg"] {
  color: #fff;
}

[data-name="nav"] a:focus-visible [data-name="Normal"],
[data-name="footer"] a:focus-visible [data-name="linkItem"],
[data-name="footer"] a:focus-visible [data-name="formBtn"] {
  outline: 1px solid rgba(206, 123, 255, .9);
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  [data-name="nav"] [data-name="Normal"] > :first-child,
  [data-name="nav"] [data-name="Normal"] > :last-child,
  [data-name="tooltip-bottom"] > :first-child p,
  [data-name="tooltip-bottom"] > :first-child [data-type="icon"],
  [data-name="footer"] [data-name="linkItem"] p,
  [data-name="footer"] [data-name="formBtn"],
  [data-name="footer"] [data-name="formBtn"] > :last-child {
    transition: none;
  }
}