.update-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 16px;
  padding: 12px 14px;
  color: #aab5c7;
  font-size: 12px;
}

details.update-info {
  display: block;
}

.update-info summary {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  color: #f5f7fb;
}

.update-info p {
  margin: 10px 0 0;
  line-height: 1.45;
}

button,
summary {
  min-height: 44px;
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 3px solid #99c8ff;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}