html {
  scroll-behavior: smooth;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

.font-tab {
  font-family: 'Courier New', ui-monospace, SFMono-Regular, Menlo, monospace;
}

::selection {
  background-color: #a7f3d0;
  color: #064e3b;
}

.vl-entry {
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.vl-entry:hover {
  background-color: #ecfdf5;
  border-color: #6ee7b7;
}

.vl-table-row {
  transition: background-color 0.15s ease;
}

.vl-table-row:hover {
  background-color: #ecfdf5;
}

.vl-tag {
  transition: background-color 0.15s ease, color 0.15s ease;
}

#cookie-banner {
  animation: vl-rise 0.35s ease;
}

@keyframes vl-rise {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}