html{
  -webkit-text-size-adjust:100%;
  scroll-behavior: smooth;
}
body{ margin:0; }
.opacity-9{ opacity: .9; }

::-webkit-scrollbar{
  width: 4px;
  height: 3px;
}
::-webkit-scrollbar-thumb{
  background: var(--gray-200);
}
::-webkit-scrollbar-track{
  background: var(--gray-100);
}

.overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

a,button,[onclick]{
  cursor: pointer;
}

button{ background-color:transparent; border:none; }
[hidden]{ display:none }

.truncate-1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.truncate-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hover-brightness-90:hover{
  filter: brightness(.90);
}