html {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

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

.container {
  max-width: 1200px;
}

.navigation li::marker {
  content: "";
}

.input-search {
  flex: 1 1 0% !important;
  border: none !important;
  background-color: #ffffff !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  font-size: 0.875rem !important; /* text-sm */
  color: var(--text-main) !important; /* text-text-main */
  outline: none !important;
  box-shadow: none !important;
}

/* Placeholder */
.input-search::placeholder {
  color: var(--text-sub) !important; /* placeholder:text-text-sub */
}

/* Focus (focus:ring-0) */
.input-search:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* md:text-base (>= 768px) */
@media (min-width: 768px) {
  .input-search {
    font-size: 1rem !important; /* text-base */
  }
}

/* pagination */
.page-numbers.current {
  background-color: #13c8ec !important;
  color: #0d191b !important;
}

/* mobile menu */
#mobile-menu li {
  list-style: none;
}
#mobile-menu li a {
  display: block;
  padding: 0.75rem 0;
  font-weight: 500;
  color: #475569; /* slate-600 */
}
.dark #mobile-menu li a {
  color: #cbd5e1; /* slate-300 */
}