.particular-social-login{
  display:grid;
  gap:14px;
  margin:24px 0 10px;
}

.particular-social-divider{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  color:#758894;
  font-size:10px;
  font-weight:800;
  text-align:center;
}

.particular-social-divider::before,
.particular-social-divider::after{
  height:1px;
  background:rgba(92,112,125,.22);
  content:"";
}

.particular-social-buttons{
  display:grid!important;
  gap:16px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
}

.particular-social-button{
  display:grid!important;
  width:100%!important;
  min-height:72px!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0 24px!important;
  border:1px solid #414a62!important;
  border-radius:999px!important;
  background:#2b3247!important;
  color:#ffffff!important;
  font:inherit!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  cursor:pointer!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(19,26,42,.15)!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

.particular-social-button::after{
  display:block!important;
  width:44px!important;
  content:""!important;
}

.particular-social-button>span:nth-child(2){
  min-width:0;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.particular-social-button:hover,
.particular-social-button:focus-visible{
  transform:translateY(-1px)!important;
  border-color:#5a6683!important;
  background:#333b53!important;
  box-shadow:0 10px 24px rgba(0,0,0,.2)!important;
}

.particular-social-button:focus-visible{
  outline:3px solid rgba(66,214,196,.5)!important;
  outline-offset:3px!important;
}

.particular-social-button[aria-disabled="true"],
.particular-social-button[data-enabled="false"]{
  border-color:#414a62!important;
  background:#2b3247!important;
  color:#ffffff!important;
  cursor:pointer!important;
  opacity:1!important;
  filter:none!important;
}

.particular-social-button[aria-disabled="true"]:hover,
.particular-social-button[data-enabled="false"]:hover{
  border-color:#5a6683!important;
  background:#333b53!important;
}

.particular-social-icon{
  position:relative!important;
  display:block!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  justify-self:center!important;
  overflow:visible!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  font-size:0!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}

.particular-social-icon svg,
.particular-social-icon i{
  display:none!important;
}

.particular-social-icon.microsoft{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZjI1MDIyIi8+PHJlY3QgeD0iMTMiIHk9IjEiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzdmYmEwMCIvPjxyZWN0IHg9IjEiIHk9IjEzIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiMwMGE0ZWYiLz48cmVjdCB4PSIxMyIgeT0iMTMiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2ZmYjkwMCIvPjwvc3ZnPg==")!important;
}

.particular-social-icon.apple{
  width:22px!important;
  height:27px!important;
  min-width:22px!important;
  min-height:27px!important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMzE4LjcgMjY4LjdjLS4yLTM2LjcgMTYuNC02NC40IDUwLTg0LjgtMTguOC0yNi45LTQ3LjItNDEuNy04NC43LTQ0LjYtMzUuNS0yLjgtNzQuMyAyMC43LTg4LjUgMjAuNy0xNSAwLTQ5LjQtMTkuNy03Ni40LTE5LjdDNjMuMyAxNDEuMiA0IDE4NC44IDQgMjczLjVjMCAyNi42IDQuOSA1NC4xIDE0LjkgODIuMyAxMy4zIDM3LjkgNjEuMyAxMzAuNyAxMTEuNCAxMjkuMiAyNi4yLS42IDQ0LjctMTguNiA3OC44LTE4LjYgMzMuMSAwIDUwLjIgMTguNiA3OS42IDE4LjYgNTAuNS0uNyA5My45LTg0LjcgMTA2LjYtMTIyLjgtNjcuNy0zMS45LTY0LjEtOTMuNS03Ni42LTkzLjV6TTI2MC4yIDEwNC41YzI3LjMtMzIuNCAyNC44LTYxLjkgMjQtNzIuNS0yNC4xIDEuNC01MiAxNi40LTY3LjkgMzQuOS0xNy41IDE5LjgtMjcuOCA0NC4zLTI1LjYgNzEuOSAyNi4xIDIgNDkuOS0xMS40IDY5LjUtMzQuM3oiLz48L3N2Zz4=")!important;
}

.particular-social-icon.google{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzQyODVGNCIgZD0iTTIxLjggMTAuMDJoLTkuMTh2My45Nmg1LjI4YTQuNTIgNC41MiAwIDAgMS0yLjA1IDMuMDhsMy4zMiAyLjU4YzEuOTMtMS43OSAzLjA1LTQuNDEgMy4wNS03LjU0IDAtLjczLS4wNy0xLjQzLS4xOS0yLjA4eiIvPjxwYXRoIGZpbGw9IiMzNEE4NTMiIGQ9Ik0xMi42MiAyMmMyLjc2IDAgNS4wOC0uOTEgNi43OC0yLjQ3bC0zLjMyLTIuNTdjLS45MS42MS0yLjA4Ljk4LTMuNDYuOTgtMi42NiAwLTQuOTEtMS44LTUuNzItNC4yMWwtMy40NCAyLjY1QzUuMTcgMTkuNjYgOC42MyAyMiAxMi42MiAyMnoiLz48cGF0aCBmaWxsPSIjRkJCQzA1IiBkPSJNNi45IDEzLjczYTYuMyA2LjMgMCAwIDEgMC00LjAzTDMuNDYgNy4wNGExMCAxMCAwIDAgMC0xLjA5IDQuNjdjMCAxLjY5LjQxIDMuMjkgMS4wOSA0LjY3eiIvPjxwYXRoIGZpbGw9IiNFQTQzMzUiIGQ9Ik0xMi42MiA1LjQ3YzEuNTEgMCAyLjg2LjUyIDMuOTMgMS41NGwyLjkxLTIuOTFjLTEuNzYtMS42NC00LjA4LTIuNjgtNi44NC0yLjY4LTMuOTkgMC03LjQ1IDIuMzQtOS4xNiA1LjYyTDYuOSA5LjdjLjgxLTIuNDIgMy4wNi00LjIzIDUuNzItNC4yM3oiLz48L3N2Zz4=")!important;
}

.particular-social-status{
  min-height:16px;
  margin:0;
  color:#748893!important;
  -webkit-text-fill-color:#748893!important;
  font-size:10px;
  line-height:1.45;
  text-align:center;
}

.particular-social-status:empty{display:none}
.particular-social-status[data-kind="error"]{color:#d55d6b!important;-webkit-text-fill-color:#d55d6b!important}
.particular-social-status[data-kind="info"]{color:#748893!important;-webkit-text-fill-color:#748893!important}

html[data-theme="light"] .particular-social-buttons,
html[data-theme="dark"] .particular-social-buttons{
  background:transparent!important;
}

html[data-theme="light"] .particular-social-button,
html[data-theme="dark"] .particular-social-button,
html[data-theme="light"] .particular-social-button[aria-disabled="true"],
html[data-theme="dark"] .particular-social-button[aria-disabled="true"],
html[data-theme="light"] .particular-social-button[data-enabled="false"],
html[data-theme="dark"] .particular-social-button[data-enabled="false"]{
  border-color:#414a62!important;
  background:#2b3247!important;
  color:#ffffff!important;
}

html[data-theme="light"] .particular-social-button:hover,
html[data-theme="dark"] .particular-social-button:hover,
html[data-theme="light"] .particular-social-button:focus-visible,
html[data-theme="dark"] .particular-social-button:focus-visible{
  border-color:#5a6683!important;
  background:#333b53!important;
}

html[data-theme="light"] .particular-social-button>span:nth-child(2),
html[data-theme="dark"] .particular-social-button>span:nth-child(2){
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

@media(max-width:600px){
  .particular-social-buttons{gap:12px!important}
  .particular-social-button{
    min-height:64px!important;
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    padding:0 18px!important;
    font-size:13px!important;
  }
  .particular-social-button::after{width:38px!important}
}