@import 'node_modules/@alauda/ui/theme/var';
@import './var';

* {
  &,
  &:before,
  &:after {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    box-sizing: border-box;
    vertical-align: baseline;
  }

  &:focus {
    outline: none;
  }
}

em {
  font-style: italic;
}

ol {
  list-style: decimal;
  margin-left: 16px;
}

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;

  &:before,
  &:after {
    content: '';
    content: none;
  }
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  min-height: 100%;
  color: use-text-color(main);
  background-color: use-rgb(main-bg);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
    Arial, 'Microsoft YaHei', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.43;
}

pre,
code {
  font-family: Menlo, Monaco, 'Courier New', monospace;
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 20px;
  padding: 12px;
  background: use-rgb(n-9);
  border-radius: 2px;

  &[ngCodeColorize] {
    padding: 0 12px;
  }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #{use-text-color(main)} !important;
  box-shadow: 0 0 0 3000px #{use-rgb(main-bg)} inset !important;
}

[hidden] {
  display: none !important;
}