html,
body,
#app {
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

html.dark {
  background: #101828;
  color: white;
  color-scheme: dark;
}

:root, :root::selection {
  --c-bg-base: #ffffff;
  --c-scrollbar: #c1c1c1;
  --c-scrollbar-hover: #7d7d7d;
}

.dark {
  --c-bg-base: #101828;
  --c-scrollbar: rgba(255, 255, 255, .3);
  --c-scrollbar-hover: rgba(255, 255, 255, .4);
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar:horizontal {
  height: 6px;
}

::-webkit-scrollbar-track {
  background: var(--c-bg-base);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: var(--c-scrollbar);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--c-scrollbar-hover);
}

.meta2d-map {
  border: 1px solid #aaa3 !important;
  background: #FBFBFF !important;
}

.meta2d-map div {
  border: 1px solid #722ED1 !important;
}

html.dark .meta2d-map {
  background: #182033 !important;
}

.arco-tabs-content {
  padding-top: 0px !important;
}

.arco-tabs-nav::before {
  background-color: #aaa3 !important;
}

.arco-collapse-item {
  border-bottom: 1px solid #aaa3 !important;
}

.arco-collapse-item-header {
  background-color: transparent !important;
}

/* Dropdown */

.arco-dropdown {
  background-color: var(--c-bg-base);
  border-color: #aaa3;
}

.arco-dropdown-option-active, .arco-dropdown-option:not(.arco-dropdown-option-disabled):hover {
  --at-apply: bg-active;
}

.arco-dropdown-option {
  --at-apply: text-base;
}

/* Divider */

.arco-divider-horizontal {
  border-color: #aaa3;
}

.arco-divider-vertical {
  border-color: #aaa3;
}

/* Tooltip */

.arco-tooltip-content {
  --at-apply: bg-base text-base text-sm border-box shadow;
  box-shadow: 0 6px 30px #0000001a;
}

.arco-trigger-arrow {
  --at-apply: hidden;
}

/* Message */

.arco-message {
  background-color: var(--c-bg-base);
  border-color: #aaa3;
}

/* Modal */

.arco-modal {
  background-color: var(--c-bg-base);
}

.arco-modal-header  {
  border-bottom: 1px solid #aaa3;
}

.arco-modal-footer {
  border-top: 1px solid #aaa3;
}
