body {
    background-color: #f8fafc;
}

.invalid {
  --tw-border-opacity: 1 !important;
  border-color: rgb(251 113 113 / var(--tw-border-opacity)) !important;
  border-width: 4px !important;

  --tw-ring-opacity: 0;
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
  --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)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

canvas
{
  display: inline-block !important;
}

input::-webkit-calendar-picker-indicator {
    display: none;
}