/* Set initial theme */
:root {
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  html[data-bs-theme="light"] {
    data-bs-theme: dark;
  }
}
/*
a:link { 
  text-decoration: none; 
} 
a:visited { 
  text-decoration: none; 
} 
a:hover { 
  text-decoration: none; 
} 
a:active { 
  text-decoration: none; 
}*/

pre {
  font-family: inherit;
  white-space: pre-wrap;
}

button {
  touch-action: manipulation;
}

/* makes the search input 'clear' button work on mobile Safari */
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  display: block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 14px;
}

.meel-image {
  background-position: center;
  background-size: cover;
  height: 300px;
  width: 100%;
  border-radius: 8px;
}

/*.meelz-li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}*/