@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css);
@import url(https://cdn.jsdelivr.net/gh/fonts-archive/GangwonEduPower/subsets/GangwonEduPower-dynamic-subset.css);
.horizontal-scroll::-webkit-scrollbar {
  height: 8px; /* 세로 스크롤은 무시, 가로만 보이게 */
}

.horizontal-scroll::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 4px;
}

.horizontal-scroll::-webkit-scrollbar-thumb {
  background: #22c55e; /* Tailwind green-500 */
  border-radius: 4px;
}

.horizontal-scroll::-webkit-scrollbar-thumb:hover {
  background: #16a34a; /* Tailwind green-600 */
}
.horizontal-scroll {
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #22c55e #f0f0f0; /* Firefox */
}

/* @font-face {
  font-family: 'Pretendard';
  src: url('./fonts/Pretendard-Regular.subset.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('./fonts/Pretendard-SemiBold.subset.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('./fonts/Pretendard-ExtraBold.subset.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'AppleSDGothicNeoB00';
  src: url('https://db.onlinewebfonts.com/t/70710ba3196618b630b4a1e532809b1d.eot');
  src: url('https://db.onlinewebfonts.com/t/70710ba3196618b630b4a1e532809b1d.eot?#iefix')
      format('embedded-opentype'),
    url('https://db.onlinewebfonts.com/t/70710ba3196618b630b4a1e532809b1d.woff2') format('woff2'),
    url('https://db.onlinewebfonts.com/t/70710ba3196618b630b4a1e532809b1d.woff') format('woff'),
    url('https://db.onlinewebfonts.com/t/70710ba3196618b630b4a1e532809b1d.ttf') format('truetype'),
    url('https://db.onlinewebfonts.com/t/70710ba3196618b630b4a1e532809b1d.svg#AppleSDGothicNeoB00')
      format('svg');
} */

html {
  scroll-behavior: smooth;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f1f1f1 140%);
  height: auto;
  font-size: 16px;
  font-family: 'Pretendard', sans-serif;
}

body {
  height: auto;
  margin: 0;
  font-family: 'Pretendard', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

body::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace,
    AppleSDGothicNeoB00;
}

div {
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -ms-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  outline: none;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

div::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

.euiSwitch .euiSwitch__body {
  background-color: #29ad37 !important;
}

.euiSwitch .euiSwitch__button[aria-checked='false'] .euiSwitch__body {
  background-color: rgba(152, 162, 179, 0.2) !important;
}

.euiSwitch.euiSwitch--compressed .euiSwitch__thumb {
  padding: 9px !important;
  left: 19px;
  top: 2px;
}

.euiSwitch.euiSwitch--compressed .euiSwitch__body {
  width: 40px !important;
  height: 24px;
}

.euiFormLabel {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Pretendard';
  line-height: 24px;
  letter-spacing: -0.4px;
}

#root {
  min-height: 100vh;
}

#mainLayer {
  max-width: 480px;
  background-color: #fff;
  width: auto;
  position: relative;
  min-height: 100vh;
  box-shadow: 0 0 20px #0000000d;
  width: 100%;
}

path {
  pointer-events: none;
}
.Toastify {
  margin: auto;
  font-family: 'Pretendard', sans-serif;
}
.Toastify__toast-icon {
  font-family: 'Pretendard', sans-serif;
}
.Toastify__toast-icon div {
  font-weight: 600;
}
.Toastify__toast {
  border-radius: 24px;
}
.Toastify__toast-container--top-center {
  width: calc(100% - 40px);
  margin: auto;
  left: 50%;
  transform: translate(-50%, 20px);
}
.Toastify__close-button {
  transform: translate(-12px, 8px);
}
.Toastify__progress-bar {
  display: none !important;
}