@font-color: black;
@don-t-highlight-font-color: rgba(0, 0, 0, 0.6);
@blur-background-color: rgba(255, 255, 255, 0.5);
@anim-duration-slow: 0.28s;
@anim-time-fn-easing: cubic-bezier(0.38, 0, 0.24, 1);

.light-mode{
  --basic-color: #ffffff;
}
.dark-mode{
  --basic-color: #242424;
}
.content {
    margin: 5px;
    padding: 10px;
    border-radius: 20px;
}

.tdesign-demo__select-input-ul-autocomplete {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tdesign-demo__select-input-ul-autocomplete > li {
  display: block;
  border-radius: 3px;
  line-height: 22px;
  cursor: pointer;
  padding: 3px 8px;
  color: var(--td-text-color-primary);
  transition: background-color 0.2s linear;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tdesign-demo__select-input-ul-autocomplete > li:hover {
  background-color: var(--td-bg-color-container-hover);
}