* {
  --tw-shadow-color: #181c1e;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: #f7fafc;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  font-size: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.material-symbols-outlined.text-sm {
  font-size: 20px;
}

.material-symbols-outlined.text-lg {
  font-size: 28px;
}

.glass-card {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(20px);
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.remark-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.soft-grey-layer {
  background-color: rgba(203, 213, 225, 0.55) !important;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(148, 163, 184, 0.35);
}