@import url("./constants/_colors.css");
@import url("./components/index.css");

@font-face {
  font-family: "LINESeedKR";
  font-weight: 700;
  src: local("LINESeedKR-Bd"),
    url("./fonts/LINESeedKR/LINESeedKR-Bd.eot") format("embedded-opentype"),
    url("./fonts/LINESeedKR/LINESeedKR-Bd.woff2") format("woff2"),
    url("./fonts/LINESeedKR/LINESeedKR-Bd.woff") format("woff"),
    url("./fonts/LINESeedKR/LINESeedKR-Bd.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "LINESeedKR";
  font-weight: 500;
  src: local("LINESeedKR-Rg"),
    url("./fonts/LINESeedKR/LINESeedKR-Rg.eot") format("embedded-opentype"),
    url("./fonts/LINESeedKR/LINESeedKR-Rg.woff2") format("woff2"),
    url("./fonts/LINESeedKR/LINESeedKR-Rg.woff") format("woff"),
    url("./fonts/LINESeedKR/LINESeedKR-Rg.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "LINESeedKR";
  font-weight: 400;
  src: local("LINESeedKR-Rg"),
    url("./fonts/LINESeedKR/LINESeedKR-Rg.eot") format("embedded-opentype"),
    url("./fonts/LINESeedKR/LINESeedKR-Rg.woff2") format("woff2"),
    url("./fonts/LINESeedKR/LINESeedKR-Rg.woff") format("woff"),
    url("./fonts/LINESeedKR/LINESeedKR-Rg.ttf") format("truetype");
  font-display: swap;
}

html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
  font-family: "LINESeedKR", Pretendard, -apple-system, BlinkMacSystemFont,
    system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo",
    "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", sans-serif;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
  transition: all 1s;
}

::-webkit-scrollbar:horizontal {
  height: 8px;
  background-color: transparent;
  transition: all 1s;
}

::-webkit-scrollbar-thumb {
  background-color: #d7d9db;
  border-radius: 4px;
}

p {
  white-space: pre-line;
}

a {
  color: inherit;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

img {
  width: auto;
  height: auto;
}

input[type="number"] {
  padding: 12px 16px;
  font-size: 16px;
  border-radius: 4px;
  line-height: 24px;
  font-weight: 400;
  border: 1px solid var(--gray-4);
  color: var(--gray-8);
  min-width: 294px;
}

input::placeholder {
  width: 100%;
  color: var(--gray-5);
}

input:focus {
  outline: 1px solid var(--orange-brand);
}