@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

:root {
  --contentgray-blue: rgba(75, 86, 108, 1);
  --white: rgba(255, 255, 255, 1);
  --blue-07: rgba(47, 81, 158, 1);
  --brandmain-01: rgba(45, 145, 255, 1);
  --blue-02-pressed: rgba(25, 125, 235, 1);
  --gray-50: rgba(153, 153, 153, 1);
  --gray-storke-01: rgba(217, 217, 217, 1);
  --blue-01-main: rgba(45, 145, 255, 1);
  --shadow-down: 0px 2px 8px 0px rgba(75, 86, 108, 0.03);
  --variable-collection-good-05: rgba(146, 210, 255, 1);
}

* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html,
body {
  margin: 0px;
  height: 100%;
  overflow-x: hidden;
}
html {
  font-size: 62.5%; /* 1rem = 10px for easier calculation */
}

button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none;
}