/* The source header mark and Onest lettering share one SVG coordinate system. */
.octron-title {
  --octron-scale: 2;
  display: flex;
  align-items: center;
  gap: 0;
  width: max-content;
  color: #fff;
  font-size: 0;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}
.octron-logo-lockup {
  display: block;
  flex: none;
  width: calc(117.625px * var(--octron-scale));
  height: calc(30px * var(--octron-scale));
  overflow: visible;
}
.octron-logo-mark { overflow: visible; }
.octron-logo-mark .logo-ring { transform-box: view-box; transform-origin: 18px 15px; animation: octron-ring-idle 4.5s ease-in-out infinite; }
.octron-logo-mark g { transform-box: view-box; }
.octron-logo-mark .logo-t1 { transform-origin: 12px 24px; animation: octron-t-idle 4.5s ease-in-out infinite; }
.octron-logo-mark .logo-t2 { transform-origin: 15px 24px; animation: octron-t-idle 5s ease-in-out .5s infinite; }
.octron-logo-mark .logo-t3 { transform-origin: 18px 24px; animation: octron-t-idle 4s ease-in-out 1s infinite; }
.octron-logo-mark .logo-t4 { transform-origin: 21px 24px; animation: octron-t-idle 4.8s ease-in-out 1.5s infinite; }
.octron-logo-mark .logo-t5 { transform-origin: 24px 24px; animation: octron-t-idle 4.5s ease-in-out 2s infinite; }
@keyframes octron-t-idle { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(1.6); } }
@keyframes octron-ring-idle { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@media (max-width: 760px) { .octron-title { --octron-scale: 1.5; } }
@media (prefers-reduced-motion: reduce) { .octron-logo-mark * { animation: none !important; } }