/* OraWhale social links shared by the homepage and static-page footers. */
#owLegalFooter .footerSocialLinks,
.footer .footerSocialLinks{
  display:flex;
  align-items:center;
  gap:4px;
  margin:12px 0 0;
}

#owLegalFooter .footerSocialLink,
.footer .footerSocialLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:999px;
  color:rgba(239,235,250,.62);
  background:transparent;
  text-decoration:none;
  transition:color .16s ease,transform .16s ease;
}

#owLegalFooter .footerSocialLink svg,
.footer .footerSocialLink svg{
  display:block;
  width:19px;
  height:19px;
  flex:0 0 auto;
  fill:currentColor;
}

#owLegalFooter .footerSocialLink:hover,
#owLegalFooter .footerSocialLink:focus-visible,
.footer .footerSocialLink:hover,
.footer .footerSocialLink:focus-visible{
  color:#fff;
  transform:translateY(-1px);
}

#owLegalFooter .footerSocialLink:focus-visible svg,
.footer .footerSocialLink:focus-visible svg{
  border-radius:999px;
  outline:2px solid currentColor;
  outline-offset:4px;
}

body[data-ui-mode="dawn"] #owLegalFooter .footerSocialLink,
html[data-ui-mode="dawn"] .footer .footerSocialLink{
  color:rgba(83,78,104,.72);
}

body[data-ui-mode="dawn"] #owLegalFooter .footerSocialLink:hover,
body[data-ui-mode="dawn"] #owLegalFooter .footerSocialLink:focus-visible,
html[data-ui-mode="dawn"] .footer .footerSocialLink:hover,
html[data-ui-mode="dawn"] .footer .footerSocialLink:focus-visible{
  color:#404963;
}

@media (max-width:720px){
  #owLegalFooter .footerSocialLinks,
  .footer .footerSocialLinks{
    justify-content:center;
    margin:12px auto 0;
  }

  #owLegalFooter .footerSocialLink,
  .footer .footerSocialLink{
    width:42px;
    height:42px;
  }
}

@media (prefers-reduced-motion:reduce){
  #owLegalFooter .footerSocialLink,
  .footer .footerSocialLink{
    transition:none;
  }
}