/* P7_LOGIN_BRANDS_V131 — Scoped to the homepage sign-in dialog. */
.p7h-login {
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
}
.p7h-login .p7h-close {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  top: 4px;
  right: 5px;
  border-radius: 50%;
}
.p7h-login .p7h-close:hover { background: #30251f0c; }
.p7h-login .p7h-login-links { gap: 12px; }
.p7h-login .p7h-login-links > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 15px 54px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: #30251f;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.45;
  overflow-wrap: anywhere;
  text-align: center;
  text-shadow: none;
  box-shadow: 0 4px 10px #30251f12;
  transition: background-color .16s ease, box-shadow .16s ease;
}
.p7h-login .p7h-login-links > a::before {
  content: "";
  position: absolute;
  left: 16px;
  width: 28px;
  height: 28px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.p7h-login .p7h-login-links > a::after {
  content: "";
  position: absolute;
  right: 20px;
  width: 7px;
  height: 7px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: .75;
}
.p7h-login .p7h-login-links > a:hover {
  box-shadow: 0 6px 16px #30251f24;
}
.p7h-login .p7h-login-links > a:focus-visible {
  outline: 3px solid #30251f;
  outline-offset: 3px;
}
.p7h-login .p7h-login-links > a[data-line-login] {
  background: #00853b;
  border-color: #00853b;
  color: #fff;
}
.p7h-login .p7h-login-links > a[data-line-login]:hover { background: #007332; }
.p7h-login .p7h-login-links > a[data-line-login]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='M29 14.4C29 7.8 23.2 3 16 3S3 7.8 3 14.4c0 5.8 4.9 10.6 11.6 11.3.5.1.8.3.7.8l-.4 2.2c-.1.5.2.7.7.5 3-1.4 8.5-5.5 11.1-8.7 1.5-1.8 2.3-3.8 2.3-6.1Z'/%3E%3Cpath fill='%2300853b' d='M7.3 11.3h1.4v5h2.8v1.4H7.3zm5.2 0h1.4v6.4h-1.4zm2.7 0h1.4l2.7 4v-4h1.4v6.4h-1.4l-2.7-4v4h-1.4zm7 0h4.1v1.3h-2.7v1.2H26v1.3h-2.4v1.2h2.7v1.4h-4.1z'/%3E%3C/svg%3E");
}
.p7h-login .p7h-login-links > a[href*="facebook.com/"] {
  background: #0866ff;
  border-color: #0866ff;
  color: #fff;
}
.p7h-login .p7h-login-links > a[href*="facebook.com/"]:hover { background: #0756d8; }
.p7h-login .p7h-login-links > a[href*="facebook.com/"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='M19.1 30V17.2h4.3l.7-5h-5V9c0-1.5.5-2.5 2.5-2.5h2.7V2.1c-.5-.1-2.1-.2-4-.2-4 0-6.7 2.4-6.7 6.8v3.5H9.2v5h4.4V30Z'/%3E%3C/svg%3E");
}
.p7h-login .p7h-login-links > a[href="/login/yahoo"],
.p7h-login .p7h-login-links > a[href="/login/yahoo/"] {
  background: #6001d2;
  border-color: #6001d2;
  color: #fff;
}
.p7h-login .p7h-login-links > a[href="/login/yahoo"]:hover,
.p7h-login .p7h-login-links > a[href="/login/yahoo/"]:hover { background: #5000b3; }
.p7h-login .p7h-login-links > a[href="/login/yahoo"]::before,
.p7h-login .p7h-login-links > a[href="/login/yahoo/"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='M2 6h6l4.5 8L17 6h6l-8 13v8h-5v-8Z M25.5 6H31l-3.6 14h-4.2Zm-1.3 16a2.7 2.7 0 1 0 0 5.4 2.7 2.7 0 0 0 0-5.4Z'/%3E%3C/svg%3E");
}
@media (max-width: 360px) {
  .p7h-login .p7h-login-links > a { padding-inline: 46px; font-size: 15px; }
  .p7h-login .p7h-login-links > a::before { left: 13px; width: 25px; height: 25px; }
  .p7h-login .p7h-login-links > a::after { right: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .p7h-login .p7h-login-links > a { transition: none; }
}