:root {
  --legalarx-primary: #152B55;
  --legalarx-accent: #079BD1;
  --legalarx-blue: #0876B5;
  --legalarx-text: #072745;
  --legalarx-background: #FAFBFD;
  --legalarx-gradient: linear-gradient(135deg, #152B55 0%, #0876B5 65%, #079BD1 100%);
}

/* Display the supplied artwork unchanged, framing its transparent canvas. */
.legalarx-logo,
.brand > .legalarx-logo,
.sidebar-brand > .legalarx-logo {
  display: block;
  position: relative;
  width: 180px;
  max-width: 100%;
  aspect-ratio: 1150 / 850;
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
  margin: 0 auto;
  flex-shrink: 0;
}
.legalarx-logo img {
  display: block;
  position: absolute;
  width: 109.043478%;
  max-width: none;
  height: auto;
  left: -4.347826%;
  top: -30.588235%;
}
.brand > .legalarx-logo { width: 104px; margin: 0; }
.sidebar-brand > .legalarx-logo { width: 168px; }
.auth-brand > .legalarx-logo { width: 180px; margin: 0; }

/* Compact sidebar mark; frame the supplied PNG without changing the artwork. */
.sidebar__brand > .legalarx-icon,
.sidebar-brand > .legalarx-icon {
  display: block;
  position: relative;
  width: 80px;
  height: 64px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
}
.legalarx-icon img {
  display: block;
  position: absolute;
  width: 110%;
  max-width: none;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -53%);
}