* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

/*Fonts*/
/* Italic style (if supported) */
@font-face {
  font-family: "Pretendard";
  src: url("../fonts/pretendard/PretendardVariable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
}
/* Normal style */
@font-face {
  font-family: "Pretendard";
  src: url("../fonts/pretendard/PretendardVariable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}

body {
  background-color: #fff;
  color: #0a0a0a;
  font-family: "Pretendard", sans-serif;
}

.container {
  max-width: 100% !important;
  margin: 0 auto;
  padding: 0 24px;
}

@media all and (max-width: 768px) {
  .header-container,
  .container {
    padding: 0 16px;
  }
}

/* Custom transition for width */
.sidebar_sidebar-transition {
  /* transition: width 0.3s; */
}
.sidebar_item-text-transition {
  /* transition: opacity 0.3s, margin 0.3s; */
}
/* hide scrollbar nicely */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* smooth momentum on iOS */
#tabScroll {
  -webkit-overflow-scrolling: touch;
}

/* Hide the calendar icon */
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0; /* Makes it invisible */
  cursor: pointer; /* Still clickable */
  position: absolute;
  right: 0;
  width: 100%; /* Covers entire input */
  height: 100%;
}

/* Optional: Remove inner spin buttons in some browsers */
input[type="date"]::-webkit-inner-spin-button {
  display: none;
}

input[type="date"] {
  position: relative;
  cursor: pointer;
}