.dashboard-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.dashboard-heading .eyebrow {
  margin: 0;
}

.identity-refresh {
  display: grid;
  width: 46px;
  min-width: 46px;
  height: 46px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--paper);
  color: var(--green);
}

.identity-refresh svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.identity-refresh.refreshing svg {
  animation: identity-refresh-spin .7s linear infinite;
}

@keyframes identity-refresh-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 820px) {
  .identity-refresh {
    position: fixed;
    top: calc(12px + env(safe-area-inset-top));
    right: 16px;
    z-index: 20;
    width: 44px;
    min-width: 44px;
    height: 44px;
    background: rgb(255 253 248 / 88%);
  }
}