@font-face {
  font-family: "PETMAP UI";
  src: url("./fonts/PretendardVariable.woff2?v=1.3.9") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --petmap-font: "PETMAP UI", sans-serif;
  color-scheme: light;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html,
body {
  font-family: var(--petmap-font);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
button,
input,
select,
textarea {
  font-family: inherit;
  color: inherit;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  appearance: none;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not(
    [type="file"]
  ):not([type="color"]),
textarea {
  -webkit-appearance: none;
  appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  accent-color: #08643e;
}
input::placeholder,
textarea::placeholder {
  color: #727b77;
  opacity: 1;
}