@use '@muiscss/modules/_primitivesVariables.scss' as var;

@mixin button-reset {
  border: none;
  outline: none;
  background: none;
  padding: 0;
  margin: 0;
  text-align: inherit;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

@mixin input-reset {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  -webkit--webkit-appearance: none;
  -moz--webkit-appearance: none;
  appearance: none;

  // hides ugly buttons on number input
  &::-webkit-outer-spin-button,
  &::-webkit-inner-spin-button {
    -webkit--webkit-appearance: none;
    appearance: none;
    margin: 0;
  }
  &[type='number'] {
    appearance: textfield;
    -moz-appearance: textfield;
  }
}

@mixin textarea-reset {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  -webkit--webkit-appearance: none;
  -moz--webkit-appearance: none;
  appearance: none;
  overflow: auto;
  box-shadow: none;
}

* {
  box-sizing: border-box;
}