@import 'transition/index.less';
@import 'var/index.less';
@import 'ant/index.less';
@import './entry.css';

/* 弹框样式 */
@import '@ue/modal/dist/index.css';

/* 组件样式 */
@import '@ue/components/dist/style.css';

/* 上传组件样式 */
@import '@ue/upload/dist/index.css';

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}

:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s !important;
}

html {
  overflow-x: auto !important;
  text-size-adjust: 100%;
}

html,
body {
  width: 100%;
  min-width: 1280px;
  height: 100%;
  overflow: open;
  overflow-x: hidden;

  &.color-weak {
    filter: invert(80%);
  }

  &.gray-mode {
    filter: grayscale(100%);
    filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
  }
}

a:focus,
a:active,
button,
div,
svg,
span {
  outline: none;
}

h2 {
  @apply max-w-80;
  @apply text-black;
}

.anticon {
  &.anticon-close-circle {
    @apply inline-flex align-middle;
  }
}

.link {
  @apply text-primary;
}

::selection {
  color: #fff !important;
  background: var(--primary-color) !important;
}

a {
  color: var(--primary-color);

  &:hover {
    color: @primary-5;
  }

  &:active {
    color: @primary-7;
  }
}

.opacity-0 {
  opacity: 0;
}