@import url("admin-tools.css");

.photo-tools {
  position: absolute;
  z-index: 5;
  top: 12px;
  left: 50%;
  display: none;
  align-items: center;
  gap: 6px;
  transform: translateX(-50%);
}

body.admin-mode .photo-tools {
  display: flex;
}

.photo-tools button {
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, .55);
  background: rgba(12, 12, 11, .86);
  color: #fff;
  padding: 8px 10px;
  font-size: 8px;
  letter-spacing: .12em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.photo-tools button:hover,
.photo-tools button:focus-visible {
  border-color: #d7ae5c;
  color: #d7ae5c;
}

.photo-tools .danger:hover,
.photo-tools .danger:focus-visible {
  border-color: #d47b6f;
  color: #f0a59b;
}

.photo-tools button:disabled {
  opacity: .45;
  cursor: wait;
}

@media (max-width: 650px) {
  .photo-tools {
    top: 10px;
  }
}