.header-inner {
  width: min(calc(100% - 48px), var(--wrap));
  padding-right: 0;
  padding-left: 0;
}

.header-actions .header-public {
  position: relative;
  box-sizing: border-box;
  width: 30.8px;
  height: 30.8px;
  min-height: 30.8px;
  flex: 0 0 30.8px;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
}

body:not(.is-logged-in) .header-actions .header-public {
  display: inline-flex;
}

.header-actions .header-public::before {
  width: 14px;
  height: 14px;
  flex-basis: 14px;
  background-size: 14px 14px;
}

.header-actions .header-public::after {
  position: absolute;
  inset: -1px;
  display: block;
  width: auto;
  height: auto;
  border: 1.4px solid transparent;
  border-top-color: #fff;
  border-right-color: #fff;
  border-radius: 50%;
  background: none;
  content: "";
  opacity: 1;
  transform-origin: center;
  transition: none;
  pointer-events: none;
  animation: imbexa-login-orbit 2.8s linear infinite;
}

.header-actions .header-public:hover,
.header-actions .header-public:focus-visible {
  border-color: rgba(255, 255, 255, .65);
  background: rgba(255, 255, 255, .16);
  opacity: 1;
}

.header-actions .header-public:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}

@keyframes imbexa-login-orbit {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (max-width: 640px) {
  .header-inner {
    width: calc(100% - 28px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .header-actions .header-public::after {
    border-color: #fff;
    animation: none;
    transform: none;
  }
}