@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap");

.glass-blur {
  backdrop-filter: blur(12px);
  background-color: rgba(16, 25, 34, 0.7);
}
.prose-text {
  line-height: 1.75;
  color: #9dabb9;
}
.history-row:hover {
  background-color: rgba(19, 127, 236, 0.05);
}
.signal-pulse {
  position: relative;
}
.signal-pulse::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #22c55e;
}

.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 20;
}
.pro-link:hover {
  text-decoration: underline;
}

.material-symbols-outlined {
  font-size: 20px;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #3b4754;
  border-radius: 10px;
}

.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}