/* Additions on top of gatus.css (the stylesheet served by Gatus itself). */

.region-card {
  display: flex;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}

.region-card .region-arrow {
  transition: transform 150ms ease;
}

.region-card:hover .region-name {
  text-decoration: underline;
}

.region-card:hover .region-arrow {
  transform: translateX(3px);
}

.region-card:focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: 2px;
}

/* Theme toggle: show the icon of the theme you would switch to. */
.icon-sun { display: none; }
.dark .icon-sun { display: block; }
.dark .icon-moon { display: none; }