img,
video {
  pointer-events: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

nav.pagy {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
nav.pagy a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  border: 0.0625rem solid oklch(var(--bc)/0.2);
  background: oklch(var(--b2));
  color: oklch(var(--bc));
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
nav.pagy a:not(:first-child) {
  border-left: 0;
}
nav.pagy a:first-child {
  border-radius: var(--rounded-btn, 0.5rem) 0 0 var(--rounded-btn, 0.5rem);
}
nav.pagy a:last-child {
  border-radius: 0 var(--rounded-btn, 0.5rem) var(--rounded-btn, 0.5rem) 0;
}
nav.pagy a:hover:not([aria-disabled=true]) {
  background: oklch(var(--p));
  color: oklch(var(--pc));
  border-color: oklch(var(--p));
}
nav.pagy a:hover:not([aria-disabled=true]) + a {
  border-left-color: oklch(var(--p));
}
nav.pagy a[aria-current=page] {
  background: oklch(var(--p));
  color: oklch(var(--pc));
  border-color: oklch(var(--p));
  cursor: default;
}
nav.pagy a[aria-disabled=true]:not([aria-current=page]) {
  opacity: 0.4;
  cursor: not-allowed;
}
nav.pagy a[role=separator] {
  cursor: default;
  background: oklch(var(--b2));
  color: oklch(var(--bc)/0.5);
}