/* SSO UI overrides for the login screen */

.fdcp-sso-btn{
  padding-top:12px;
  padding-bottom:12px;
}

.fdcp-sso-icon{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:8px;
  background:rgba(255,255,255,.14);
}

.fdcp-sso-redirect{
  margin:14px 0 18px;
  font-size:12.5px;
  color:var(--ink-3);
  max-width:48ch;
}

.fdcp-divider{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--ink-3);
  font-size:12px;
  margin:18px 0 14px;
}

.fdcp-divider::before,
.fdcp-divider::after{
  content:"";
  height:1px;
  background:var(--line);
  flex:1;
}

.fdcp-security-note{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:var(--ink-2);
  background:var(--surface-2);
  border:1px solid var(--line-2);
  border-radius:12px;
  padding:12px 13px;
}

.fdcp-security-note p{
  margin:0;
  font-size:12.5px;
  color:var(--ink-3);
  line-height:1.45;
}

.fdcp-lock{
  color:var(--brand);
  margin-top:1px;
  flex:0 0 auto;
}

@media(max-width:560px){
  .fdcp-sso-redirect{max-width:none;}
}