@import url('/brand/brand-orbit.css?v=20260826j');

.brand-side > .opx-logo,
.aside > .opx-logo { --opx-size: 82px; gap: 21px; position: relative; z-index: 3; }
.brand-side > .opx-logo .opx-wordmark strong,
.aside > .opx-logo .opx-wordmark strong { font-size: 36px; }
.brand-side > .opx-logo .opx-wordmark span,
.aside > .opx-logo .opx-wordmark span { font-size: 29px; }
.brand-side > .opx-logo .opx-word-a,
.aside > .opx-logo .opx-word-a { width: 34px; height: 36px; }

.brand-side::before,
.aside::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(19, 132, 255, .19), transparent 63%);
  filter: blur(4px);
  pointer-events: none;
}

.app-sidebar-logo .opx-logo { --opx-size: 43px; gap: 9px; }
.app-sidebar-logo .opx-wordmark strong { font-size: 16px; }
.app-sidebar-logo .opx-wordmark span { font-size: 13px; }
.app-sidebar-logo .opx-emblem::after { display: none; }

#kt_brand .opx-logo { --opx-size: 42px; gap: 9px; }
#kt_brand .opx-wordmark strong { font-size: 15px; }
#kt_brand .opx-wordmark span { font-size: 12px; }
#kt_brand .opx-emblem::after { display: none; }

@media (max-width: 850px) {
  .brand-side > .opx-logo,
  .aside > .opx-logo { --opx-size: 64px; gap: 15px; margin-left: 8px; }
  .brand-side > .opx-logo .opx-wordmark strong,
  .aside > .opx-logo .opx-wordmark strong { font-size: 27px; }
  .brand-side > .opx-logo .opx-wordmark span,
  .aside > .opx-logo .opx-wordmark span { font-size: 22px; }
  .brand-side > .opx-logo .opx-word-a,
  .aside > .opx-logo .opx-word-a { width: 26px; height: 28px; }
}