/* Background-free CDS mark used across the portal. */
.cds-glow-logo{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(1.72);filter:saturate(1.08) contrast(1.04)}

.ref-brand-icon.brand-image-ready{
  width:64px!important;height:64px!important;padding:0!important;overflow:hidden!important;
  display:flex!important;align-items:center;justify-content:center;
  background:radial-gradient(circle at 69% 22%,rgba(255,121,121,.56),transparent 31%),linear-gradient(135deg,#030303 0%,#0a0a0c 42%,#6c0817 73%,#e02435 100%)!important;
  border:1.5px solid rgba(255,115,115,.8)!important;border-radius:50%!important;
  box-shadow:0 8px 18px rgba(5,5,8,.4),inset 0 0 0 1px rgba(255,215,215,.16)!important
}
.reference-header .ref-brand{gap:.68rem!important}
.reference-header .ref-brand>span:last-child{font-size:1rem!important;font-weight:800!important;letter-spacing:-.025em!important}
.reference-header .ref-brand>span:last-child>span{margin-top:.2rem!important;font-size:.61rem!important;font-weight:800!important;letter-spacing:.105em!important}
.reference-footer .ref-brand-icon.brand-image-ready{width:60px!important;height:60px!important;box-shadow:0 7px 16px rgba(0,0,0,.18)!important}

/* The home page has a more specific navigation theme, so reset its old logo fill too. */
.cds-reference:has(.reference-hero) .reference-header .ref-brand-icon.brand-image-ready{
  background:radial-gradient(circle at 69% 22%,rgba(255,121,121,.56),transparent 31%),linear-gradient(135deg,#030303 0%,#0a0a0c 42%,#6c0817 73%,#e02435 100%)!important;
  border-color:rgba(255,115,115,.8)!important;
}

.portal-brand .brand-mark.brand-image-ready{
  width:64px!important;height:64px!important;padding:0!important;overflow:hidden!important;
  display:flex!important;align-items:center;justify-content:center;
  background:radial-gradient(circle at 69% 22%,rgba(255,121,121,.56),transparent 31%),linear-gradient(135deg,#030303 0%,#0a0a0c 42%,#6c0817 73%,#e02435 100%)!important;
  border:1.5px solid rgba(255,115,115,.8)!important;border-radius:50%!important;
  box-shadow:0 7px 16px rgba(5,5,8,.36),inset 0 0 0 1px rgba(255,215,215,.16)!important
}

.login-aside .brand-login.brand-login-cds{display:flex!important;align-items:center!important;gap:.72rem!important;margin:0!important;color:#fff!important}
.brand-login-cds .brand-login-mark{width:76px;height:76px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 69% 22%,rgba(255,121,121,.56),transparent 31%),linear-gradient(135deg,#030303 0%,#0a0a0c 42%,#6c0817 73%,#e02435 100%);border:1.5px solid rgba(255,115,115,.8);border-radius:50%;box-shadow:0 9px 20px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,215,215,.16);flex:none}
.brand-login-cds .brand-login-mark .cds-glow-logo{transform:scale(1.68)}
.brand-login-cds strong,.brand-login-cds small{display:block;color:#fff;line-height:1.1}.brand-login-cds strong{font-size:1rem;font-weight:800}.brand-login-cds small{margin-top:.2rem;font-size:.64rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase;opacity:.78}
.login-aside .brand-login.brand-login-cds+h1{margin-top:2.35rem}

@media(max-width:575.98px){
  .ref-brand-icon.brand-image-ready{width:52px!important;height:52px!important}
  .reference-header .ref-brand{gap:.5rem!important}
  .reference-header .ref-brand>span:last-child{font-size:.88rem!important}
  .reference-header .ref-brand>span:last-child>span{font-size:.52rem!important}
  .portal-brand .brand-mark.brand-image-ready{width:52px!important;height:52px!important}
  .brand-login-cds .brand-login-mark{width:66px;height:66px}
}