html {
  font-feature-settings: "tnum" 1;
}

.thin-scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.thin-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.thin-scroll::-webkit-scrollbar-thumb {
  background-color: #D4D4D8;
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}
.thin-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #A1A1AA;
}
.thin-scroll {
  scrollbar-width: thin;
  scrollbar-color: #D4D4D8 transparent;
}

.bubble-in {
  border-radius: 4px 14px 14px 14px;
}
.bubble-out {
  border-radius: 14px 4px 14px 14px;
}

.wa-row-enter {
  animation: wa-row-fade 0.15s ease-out;
}
@keyframes wa-row-fade {
  from { opacity: 0; transform: translateY(2px); }
  to { opacity: 1; transform: translateY(0); }
}

::selection {
  background-color: #C7D5FB;
}