/**
 * reset
 */

html, body {
  height: 100%;
  touch-action: manipulation; // disable double-tap
}

html {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // disable tap highlight
}

body {
  margin: 0;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

a img {
  // ie10 remove border
  border: 0;
  outline: 0;
}

a, button {
  cursor: pointer;
  text-decoration: none;
  // enables pointer events
  display: inline-block;
}

button {
  .reset-text();
  border: 0;
  padding: 0;
  background: transparent;
  text-align: left;
}

img {
  display: inline-block;
  // fix inline-block spacing
  vertical-align: middle;
}

svg {
  display: block;
  text-anchor: middle;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

address {
  font-style: inherit;
}

hr {
  .full();
}

dl, dd {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-inline-size: auto;
}

legend {
  border: 0;
  margin: 0;
  padding: 0;
}

label[for] {
  cursor: pointer;
}

input:not([type="checkbox"]):not([type="radio"]), textarea {
  // remove shadow
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select {
  cursor: pointer;
  // remove arrow
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  &::-ms-expand {
    display: none;
  }
}

button, input, select, textarea {
  // safari margin
  margin: 0;
}

input, select, textarea {
  // autofill
  &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus {
    transition-property: background-color, color;
    transition-delay: 10000000s;
  }
}

html:not(.xt-focus-visible), html.xt-focus-disable {
  :focus {
    outline: none;
  }
}