/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
.navbar-local-clock {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-width: 8.75rem;
  margin-inline-end: 0.75rem;
  padding: 0.35rem 0.65rem;
  border: 0;
  border-radius: 0.375rem;
  background: transparent;
  box-shadow: none;
  color: #000;
  font-family: "Courier New", Consolas, monospace;
  font-size: 0.95rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  list-style: none;
  line-height: 1;
  pointer-events: none;
  white-space: nowrap;
}

.navbar-local-clock__time {
  text-shadow: none;
}

.navbar-local-clock__zone {
  color: #000;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1;
  text-shadow: none;
}

@media (max-width: 991.98px) {
  .navbar-local-clock {
    display: none;
  }
}

.horse-avatar {
  --horse-avatar-size: 60px;
  --horse-bandage-height: max(8px, calc(var(--horse-avatar-size) * 0.2));
  --horse-bandage-width: calc(var(--horse-avatar-size) * 1.3);
  --horse-bandage-offset: calc(var(--horse-avatar-size) * -0.15);
  --horse-bandage-top: calc(var(--horse-avatar-size) * 0.4);
  display: inline-block;
  height: var(--horse-avatar-size);
  position: relative;
  width: var(--horse-avatar-size);
}

.horse-avatar > img {
  display: block;
  height: var(--horse-avatar-size);
  object-fit: contain;
  width: var(--horse-avatar-size);
}

.horse-avatar.is-injured > img {
  filter: saturate(.75);
}

.horse-injury-bandage {
  background: repeating-linear-gradient(90deg, #fbf6eb 0 8px, #e6d7bd 8px 10px);
  border: 1px solid rgba(118, 88, 47, .35);
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
  height: var(--horse-bandage-height);
  left: var(--horse-bandage-offset);
  pointer-events: none;
  position: absolute;
  top: var(--horse-bandage-top);
  transform: rotate(-34deg);
  width: var(--horse-bandage-width);
  z-index: 1;
}

.horse-injury-bandage::before {
  background: #fffaf0;
  border: 1px solid rgba(118, 88, 47, .28);
  border-radius: 3px;
  content: "";
  height: calc(var(--horse-bandage-height) * 1.5);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--horse-bandage-height) * 1.5);
}

/* prettier-ignore */
/*# sourceMappingURL=user.css.map */