/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Drawer animations with Flowbite's timing */
.transition-transform {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.transition-opacity {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.vanilla {
  all: revert;
}

.prose {
  width: 100%;
  max-width: 100%;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(0.5);
}

[type=checkbox]:checked, [type=radio]:checked, .dark [type=checkbox]:checked, .dark [type=radio]:checked {
  background-color: currentColor !important;
  border-color: #0000 !important;
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) currentColor !important;
}

.prose li {
  margin-left: 1em;
}

.prose ul {
  list-style: disc;
}

.prose ol {
  list-style: auto;
}

input:focus {
  outline: none;
}

.profiler-queries {
  font-size: 20px !important;
}

.profiler-result {
  font-size: 16px !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}