how to isolate an element from specific styles

:where(:is(button, input, optgroup, select, textarea)) {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;


:where(:is(button, [type="button"], [type="reset"], [type="submit"])) {
  -webkit-appearance: button;
  appearance: button;
}

:where(:is(button, select)) {
  text-transform: none;
}

:where(:is(img, picture, video, canvas, svg)) {
  display: block;
  max-width: 100%;
  height: auto;
}

:where(:is(button, input, optgroup, select, textarea)) {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;


:where(:is(button, [type="button"], [type="reset"], [type="submit"])) {
  -webkit-appearance: button;
  appearance: button;
}

:where(:is(button, select)) {
  text-transform: none;
}

:where(:is(img, picture, video, canvas, svg)) {
  display: block;
  max-width: 100%;
  height: auto;
}