/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --tw-color-amber-50: oklch(98.7% 0.022 95.277);
  --tw-color-amber-100: oklch(96.2% 0.059 95.617);
  --tw-color-amber-500: oklch(76.9% 0.188 70.08);
  --tw-color-amber-700: oklch(55.5% 0.163 48.998);
  --tw-color-emerald-50: oklch(97.9% 0.021 166.113);
  --tw-color-emerald-100: oklch(95% 0.052 163.051);
  --tw-color-emerald-500: oklch(69.6% 0.17 162.48);
  --tw-color-emerald-600: oklch(59.6% 0.145 163.225);
  --tw-color-emerald-700: oklch(50.8% 0.118 165.612);
  --tw-color-emerald-900: oklch(37.8% 0.077 168.94);
  --tw-color-sky-50: oklch(97.7% 0.013 236.62);
  --tw-color-sky-100: oklch(95.1% 0.026 236.824);
  --tw-color-sky-500: oklch(68.5% 0.169 237.323);
  --tw-color-sky-600: oklch(58.8% 0.158 241.966);
  --tw-color-sky-700: oklch(50% 0.134 242.749);
  --tw-color-sky-900: oklch(39.1% 0.09 240.876);
  --tw-color-violet-50: oklch(96.9% 0.016 293.756);
  --tw-color-violet-100: oklch(94.3% 0.029 294.588);
  --tw-color-violet-500: oklch(60.6% 0.25 292.717);
  --tw-color-violet-700: oklch(49.1% 0.27 292.581);
  --tw-color-rose-50: oklch(96.9% 0.015 12.422);
  --tw-color-rose-100: oklch(94.1% 0.03 12.58);
  --tw-color-rose-500: oklch(64.5% 0.246 16.439);
  --tw-color-rose-600: oklch(58.6% 0.253 17.585);
  --tw-color-rose-700: oklch(51.4% 0.222 16.935);
  --tw-color-rose-900: oklch(41% 0.159 10.272);
  --tw-color-slate-50: oklch(98.4% 0.003 247.858);
  --tw-color-slate-100: oklch(96.8% 0.007 247.896);
  --tw-color-slate-200: oklch(92.9% 0.013 255.508);
  --tw-color-slate-300: oklch(86.9% 0.022 252.894);
  --tw-color-slate-400: oklch(70.4% 0.04 256.788);
  --tw-color-slate-500: oklch(55.4% 0.046 257.417);
  --tw-color-slate-600: oklch(44.6% 0.043 257.281);
  --tw-color-slate-700: oklch(37.2% 0.044 257.287);
  --tw-color-slate-800: oklch(27.9% 0.041 260.031);
  --tw-color-slate-900: oklch(20.8% 0.042 265.755);
  --tw-color-white: #fff;
  --tw-spacing: 0.25rem;
  --tw-container-md: 28rem;
  --tw-container-lg: 32rem;
  --tw-container-2xl: 42rem;
  --tw-container-5xl: 64rem;
  --tw-container-6xl: 72rem;
  --tw-text-xs: 0.75rem;
  --tw-text-xs--line-height: calc(1 / 0.75);
  --tw-text-sm: 0.875rem;
  --tw-text-sm--line-height: calc(1.25 / 0.875);
  --tw-text-lg: 1.125rem;
  --tw-text-lg--line-height: calc(1.75 / 1.125);
  --tw-text-xl: 1.25rem;
  --tw-text-xl--line-height: calc(1.75 / 1.25);
  --tw-text-2xl: 1.5rem;
  --tw-text-2xl--line-height: calc(2 / 1.5);
  --tw-text-3xl: 1.875rem;
  --tw-text-3xl--line-height: calc(2.25 / 1.875);
  --tw-text-4xl: 2.25rem;
  --tw-text-4xl--line-height: calc(2.5 / 2.25);
  --tw-font-weight-semibold: 600;
  --tw-font-weight-bold: 700;
  --tw-font-weight-extrabold: 800;
  --tw-leading-tight: 1.25;
  --tw-radius-lg: 0.5rem;
  --tw-default-transition-duration: 150ms;
  --tw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.tw\:absolute {
  position: absolute;
}
.tw\:relative {
  position: relative;
}
.tw\:inset-0 {
  inset: calc(var(--tw-spacing) * 0);
}
.tw\:top-2 {
  top: calc(var(--tw-spacing) * 2);
}
.tw\:right-2 {
  right: calc(var(--tw-spacing) * 2);
}
.tw\:z-10 {
  z-index: 10;
}
.tw\:mx-3 {
  margin-inline: calc(var(--tw-spacing) * 3);
}
.tw\:mx-auto {
  margin-inline: auto;
}
.tw\:mt-0\.5 {
  margin-top: calc(var(--tw-spacing) * 0.5);
}
.tw\:mt-1 {
  margin-top: calc(var(--tw-spacing) * 1);
}
.tw\:mt-2 {
  margin-top: calc(var(--tw-spacing) * 2);
}
.tw\:mt-3 {
  margin-top: calc(var(--tw-spacing) * 3);
}
.tw\:mt-4 {
  margin-top: calc(var(--tw-spacing) * 4);
}
.tw\:mt-5 {
  margin-top: calc(var(--tw-spacing) * 5);
}
.tw\:mr-2 {
  margin-right: calc(var(--tw-spacing) * 2);
}
.tw\:mr-3 {
  margin-right: calc(var(--tw-spacing) * 3);
}
.tw\:mb-0 {
  margin-bottom: calc(var(--tw-spacing) * 0);
}
.tw\:mb-1 {
  margin-bottom: calc(var(--tw-spacing) * 1);
}
.tw\:mb-2 {
  margin-bottom: calc(var(--tw-spacing) * 2);
}
.tw\:mb-3 {
  margin-bottom: calc(var(--tw-spacing) * 3);
}
.tw\:mb-5 {
  margin-bottom: calc(var(--tw-spacing) * 5);
}
.tw\:mb-8 {
  margin-bottom: calc(var(--tw-spacing) * 8);
}
.tw\:block {
  display: block;
}
.tw\:flex {
  display: flex;
}
.tw\:grid {
  display: grid;
}
.tw\:hidden {
  display: none;
}
.tw\:inline-flex {
  display: inline-flex;
}
.tw\:size-4 {
  width: calc(var(--tw-spacing) * 4);
  height: calc(var(--tw-spacing) * 4);
}
.tw\:size-7 {
  width: calc(var(--tw-spacing) * 7);
  height: calc(var(--tw-spacing) * 7);
}
.tw\:size-9 {
  width: calc(var(--tw-spacing) * 9);
  height: calc(var(--tw-spacing) * 9);
}
.tw\:size-10 {
  width: calc(var(--tw-spacing) * 10);
  height: calc(var(--tw-spacing) * 10);
}
.tw\:size-11 {
  width: calc(var(--tw-spacing) * 11);
  height: calc(var(--tw-spacing) * 11);
}
.tw\:size-16 {
  width: calc(var(--tw-spacing) * 16);
  height: calc(var(--tw-spacing) * 16);
}
.tw\:h-2 {
  height: calc(var(--tw-spacing) * 2);
}
.tw\:h-3 {
  height: calc(var(--tw-spacing) * 3);
}
.tw\:h-7 {
  height: calc(var(--tw-spacing) * 7);
}
.tw\:h-full {
  height: 100%;
}
.tw\:\!min-h-12 {
  min-height: calc(var(--tw-spacing) * 12) !important;
}
.tw\:min-h-10 {
  min-height: calc(var(--tw-spacing) * 10);
}
.tw\:min-h-12 {
  min-height: calc(var(--tw-spacing) * 12);
}
.tw\:min-h-13 {
  min-height: calc(var(--tw-spacing) * 13);
}
.tw\:min-h-14 {
  min-height: calc(var(--tw-spacing) * 14);
}
.tw\:min-h-24 {
  min-height: calc(var(--tw-spacing) * 24);
}
.tw\:min-h-\[455px\] {
  min-height: 455px;
}
.tw\:min-h-\[520px\] {
  min-height: 520px;
}
.tw\:min-h-\[640px\] {
  min-height: 640px;
}
.tw\:min-h-\[calc\(100vh-120px\)\] {
  min-height: calc(100vh - 120px);
}
.tw\:min-h-screen {
  min-height: 100vh;
}
.tw\:w-3 {
  width: calc(var(--tw-spacing) * 3);
}
.tw\:w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.tw\:w-full {
  width: 100%;
}
.tw\:max-w-2xl {
  max-width: var(--tw-container-2xl);
}
.tw\:max-w-5xl {
  max-width: var(--tw-container-5xl);
}
.tw\:max-w-6xl {
  max-width: var(--tw-container-6xl);
}
.tw\:max-w-lg {
  max-width: var(--tw-container-lg);
}
.tw\:max-w-md {
  max-width: var(--tw-container-md);
}
.tw\:min-w-0 {
  min-width: calc(var(--tw-spacing) * 0);
}
.tw\:min-w-7 {
  min-width: calc(var(--tw-spacing) * 7);
}
.tw\:min-w-\[240px\] {
  min-width: 240px;
}
.tw\:flex-1 {
  flex: 1;
}
.tw\:cursor-grab {
  cursor: grab;
}
.tw\:grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.tw\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tw\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tw\:flex-col {
  flex-direction: column;
}
.tw\:flex-wrap {
  flex-wrap: wrap;
}
.tw\:place-items-center {
  place-items: center;
}
.tw\:items-center {
  align-items: center;
}
.tw\:items-end {
  align-items: flex-end;
}
.tw\:items-start {
  align-items: flex-start;
}
.tw\:justify-between {
  justify-content: space-between;
}
.tw\:justify-center {
  justify-content: center;
}
.tw\:gap-1\.5 {
  gap: calc(var(--tw-spacing) * 1.5);
}
.tw\:gap-2 {
  gap: calc(var(--tw-spacing) * 2);
}
.tw\:gap-3 {
  gap: calc(var(--tw-spacing) * 3);
}
.tw\:gap-4 {
  gap: calc(var(--tw-spacing) * 4);
}
.tw\:gap-5 {
  gap: calc(var(--tw-spacing) * 5);
}
.tw\:space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--tw-spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--tw-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.tw\:space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--tw-spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--tw-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.tw\:space-y-5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--tw-spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--tw-spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.tw\:truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tw\:overflow-hidden {
  overflow: hidden;
}
.tw\:\!rounded-lg {
  border-radius: var(--tw-radius-lg) !important;
}
.tw\:rounded {
  border-radius: 0.25rem;
}
.tw\:rounded-full {
  border-radius: calc(infinity * 1px);
}
.tw\:rounded-lg {
  border-radius: var(--tw-radius-lg);
}
.tw\:\!border {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.tw\:border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.tw\:border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.tw\:border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.tw\:border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.tw\:border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.tw\:\!border-slate-200 {
  border-color: var(--tw-color-slate-200) !important;
}
.tw\:border-slate-100 {
  border-color: var(--tw-color-slate-100);
}
.tw\:border-slate-200 {
  border-color: var(--tw-color-slate-200);
}
.tw\:border-slate-300 {
  border-color: var(--tw-color-slate-300);
}
.tw\:border-white\/15 {
  border-color: var(--tw-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--tw-color-white) 15%, transparent);
  }
}
.tw\:border-white\/20 {
  border-color: var(--tw-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--tw-color-white) 20%, transparent);
  }
}
.tw\:\!bg-slate-50 {
  background-color: var(--tw-color-slate-50) !important;
}
.tw\:\!bg-white {
  background-color: var(--tw-color-white) !important;
}
.tw\:\!bg-white\/95 {
  background-color: var(--tw-color-white) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--tw-color-white) 95%, transparent) !important;
  }
}
.tw\:bg-amber-50 {
  background-color: var(--tw-color-amber-50);
}
.tw\:bg-amber-500 {
  background-color: var(--tw-color-amber-500);
}
.tw\:bg-emerald-50 {
  background-color: var(--tw-color-emerald-50);
}
.tw\:bg-emerald-500 {
  background-color: var(--tw-color-emerald-500);
}
.tw\:bg-emerald-600 {
  background-color: var(--tw-color-emerald-600);
}
.tw\:bg-rose-50 {
  background-color: var(--tw-color-rose-50);
}
.tw\:bg-rose-500 {
  background-color: var(--tw-color-rose-500);
}
.tw\:bg-rose-600 {
  background-color: var(--tw-color-rose-600);
}
.tw\:bg-sky-50 {
  background-color: var(--tw-color-sky-50);
}
.tw\:bg-sky-500 {
  background-color: var(--tw-color-sky-500);
}
.tw\:bg-sky-600 {
  background-color: var(--tw-color-sky-600);
}
.tw\:bg-slate-50 {
  background-color: var(--tw-color-slate-50);
}
.tw\:bg-slate-100 {
  background-color: var(--tw-color-slate-100);
}
.tw\:bg-transparent {
  background-color: transparent;
}
.tw\:bg-violet-50 {
  background-color: var(--tw-color-violet-50);
}
.tw\:bg-violet-500 {
  background-color: var(--tw-color-violet-500);
}
.tw\:bg-white {
  background-color: var(--tw-color-white);
}
.tw\:bg-white\/10 {
  background-color: var(--tw-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--tw-color-white) 10%, transparent);
  }
}
.tw\:bg-white\/15 {
  background-color: var(--tw-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--tw-color-white) 15%, transparent);
  }
}
.tw\:bg-\[linear-gradient\(135deg\,rgba\(2\,132\,199\,\.96\)\,rgba\(14\,165\,233\,\.88\)\)\] {
  background-image: linear-gradient(135deg,rgba(2,132,199,.96),rgba(14,165,233,.88));
}
.tw\:bg-\[radial-gradient\(circle_at_20\%_20\%\,rgba\(255\,255\,255\,\.22\)\,transparent_28\%\)\,radial-gradient\(circle_at_80\%_78\%\,rgba\(255\,255\,255\,\.16\)\,transparent_32\%\)\] {
  background-image: radial-gradient(circle at 20% 20%,rgba(255,255,255,.22),transparent 28%),radial-gradient(circle at 80% 78%,rgba(255,255,255,.16),transparent 32%);
}
.tw\:object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.tw\:p-3 {
  padding: calc(var(--tw-spacing) * 3);
}
.tw\:p-4 {
  padding: calc(var(--tw-spacing) * 4);
}
.tw\:p-5 {
  padding: calc(var(--tw-spacing) * 5);
}
.tw\:p-6 {
  padding: calc(var(--tw-spacing) * 6);
}
.tw\:p-10 {
  padding: calc(var(--tw-spacing) * 10);
}
.tw\:\!px-2 {
  padding-inline: calc(var(--tw-spacing) * 2) !important;
}
.tw\:\!px-3 {
  padding-inline: calc(var(--tw-spacing) * 3) !important;
}
.tw\:px-2 {
  padding-inline: calc(var(--tw-spacing) * 2);
}
.tw\:px-3 {
  padding-inline: calc(var(--tw-spacing) * 3);
}
.tw\:px-4 {
  padding-inline: calc(var(--tw-spacing) * 4);
}
.tw\:px-5 {
  padding-inline: calc(var(--tw-spacing) * 5);
}
.tw\:py-1 {
  padding-block: calc(var(--tw-spacing) * 1);
}
.tw\:py-2 {
  padding-block: calc(var(--tw-spacing) * 2);
}
.tw\:py-3 {
  padding-block: calc(var(--tw-spacing) * 3);
}
.tw\:py-6 {
  padding-block: calc(var(--tw-spacing) * 6);
}
.tw\:pr-12 {
  padding-right: calc(var(--tw-spacing) * 12);
}
.tw\:text-center {
  text-align: center;
}
.tw\:text-2xl {
  font-size: var(--tw-text-2xl);
  line-height: var(--tw-leading, var(--tw-text-2xl--line-height));
}
.tw\:text-3xl {
  font-size: var(--tw-text-3xl);
  line-height: var(--tw-leading, var(--tw-text-3xl--line-height));
}
.tw\:text-4xl {
  font-size: var(--tw-text-4xl);
  line-height: var(--tw-leading, var(--tw-text-4xl--line-height));
}
.tw\:text-lg {
  font-size: var(--tw-text-lg);
  line-height: var(--tw-leading, var(--tw-text-lg--line-height));
}
.tw\:text-sm {
  font-size: var(--tw-text-sm);
  line-height: var(--tw-leading, var(--tw-text-sm--line-height));
}
.tw\:text-xl {
  font-size: var(--tw-text-xl);
  line-height: var(--tw-leading, var(--tw-text-xl--line-height));
}
.tw\:text-xs {
  font-size: var(--tw-text-xs);
  line-height: var(--tw-leading, var(--tw-text-xs--line-height));
}
.tw\:text-\[11px\] {
  font-size: 11px;
}
.tw\:leading-5 {
  --tw-leading: calc(var(--tw-spacing) * 5);
  line-height: calc(var(--tw-spacing) * 5);
}
.tw\:leading-6 {
  --tw-leading: calc(var(--tw-spacing) * 6);
  line-height: calc(var(--tw-spacing) * 6);
}
.tw\:leading-tight {
  --tw-leading: var(--tw-leading-tight);
  line-height: var(--tw-leading-tight);
}
.tw\:font-bold {
  --tw-font-weight: var(--tw-font-weight-bold);
  font-weight: var(--tw-font-weight-bold);
}
.tw\:font-extrabold {
  --tw-font-weight: var(--tw-font-weight-extrabold);
  font-weight: var(--tw-font-weight-extrabold);
}
.tw\:font-semibold {
  --tw-font-weight: var(--tw-font-weight-semibold);
  font-weight: var(--tw-font-weight-semibold);
}
.tw\:text-amber-700 {
  color: var(--tw-color-amber-700);
}
.tw\:text-emerald-700 {
  color: var(--tw-color-emerald-700);
}
.tw\:text-emerald-900 {
  color: var(--tw-color-emerald-900);
}
.tw\:text-rose-600 {
  color: var(--tw-color-rose-600);
}
.tw\:text-rose-700 {
  color: var(--tw-color-rose-700);
}
.tw\:text-rose-900 {
  color: var(--tw-color-rose-900);
}
.tw\:text-sky-50 {
  color: var(--tw-color-sky-50);
}
.tw\:text-sky-600 {
  color: var(--tw-color-sky-600);
}
.tw\:text-sky-700 {
  color: var(--tw-color-sky-700);
}
.tw\:text-sky-900 {
  color: var(--tw-color-sky-900);
}
.tw\:text-slate-400 {
  color: var(--tw-color-slate-400);
}
.tw\:text-slate-500 {
  color: var(--tw-color-slate-500);
}
.tw\:text-slate-600 {
  color: var(--tw-color-slate-600);
}
.tw\:text-slate-700 {
  color: var(--tw-color-slate-700);
}
.tw\:text-slate-800 {
  color: var(--tw-color-slate-800);
}
.tw\:text-slate-900 {
  color: var(--tw-color-slate-900);
}
.tw\:text-violet-700 {
  color: var(--tw-color-violet-700);
}
.tw\:text-white {
  color: var(--tw-color-white);
}
.tw\:no-underline {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.tw\:accent-sky-600 {
  accent-color: var(--tw-color-sky-600);
}
.tw\:\!shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.tw\:\!shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.tw\:shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:ring-4 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:ring-amber-100 {
  --tw-ring-color: var(--tw-color-amber-100);
}
.tw\:ring-emerald-100 {
  --tw-ring-color: var(--tw-color-emerald-100);
}
.tw\:ring-rose-100 {
  --tw-ring-color: var(--tw-color-rose-100);
}
.tw\:ring-sky-100 {
  --tw-ring-color: var(--tw-color-sky-100);
}
.tw\:ring-slate-200 {
  --tw-ring-color: var(--tw-color-slate-200);
}
.tw\:ring-violet-100 {
  --tw-ring-color: var(--tw-color-violet-100);
}
.tw\:backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.tw\:transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:duration-150 {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.tw\:outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.tw\:placeholder\:text-slate-400 {
  &::-moz-placeholder {
    color: var(--tw-color-slate-400);
  }
  &::placeholder {
    color: var(--tw-color-slate-400);
  }
}
.tw\:focus-within\:border-sky-500 {
  &:focus-within {
    border-color: var(--tw-color-sky-500);
  }
}
.tw\:focus-within\:ring-4 {
  &:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.tw\:focus-within\:ring-sky-100 {
  &:focus-within {
    --tw-ring-color: var(--tw-color-sky-100);
  }
}
.tw\:hover\:-translate-y-0\.5 {
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--tw-spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.tw\:hover\:\!bg-sky-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--tw-color-sky-50) !important;
    }
  }
}
.tw\:hover\:bg-sky-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--tw-color-sky-700);
    }
  }
}
.tw\:hover\:bg-slate-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--tw-color-slate-50);
    }
  }
}
.tw\:hover\:bg-slate-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--tw-color-slate-100);
    }
  }
}
.tw\:hover\:shadow-md {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.tw\:sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.tw\:sm\:grid-cols-4 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.tw\:sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.tw\:sm\:items-center {
  @media (width >= 40rem) {
    align-items: center;
  }
}
.tw\:sm\:justify-between {
  @media (width >= 40rem) {
    justify-content: space-between;
  }
}
.tw\:sm\:p-8 {
  @media (width >= 40rem) {
    padding: calc(var(--tw-spacing) * 8);
  }
}
.tw\:sm\:p-10 {
  @media (width >= 40rem) {
    padding: calc(var(--tw-spacing) * 10);
  }
}
.tw\:md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.tw\:md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.tw\:md\:flex-col {
  @media (width >= 48rem) {
    flex-direction: column;
  }
}
.tw\:md\:justify-between {
  @media (width >= 48rem) {
    justify-content: space-between;
  }
}
.tw\:lg\:block {
  @media (width >= 64rem) {
    display: block;
  }
}
.tw\:lg\:min-w-\[440px\] {
  @media (width >= 64rem) {
    min-width: 440px;
  }
}
.tw\:lg\:grid-cols-\[1\.05fr_\.95fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1.05fr .95fr;
  }
}
.tw\:lg\:flex-row {
  @media (width >= 64rem) {
    flex-direction: row;
  }
}
.tw\:lg\:items-center {
  @media (width >= 64rem) {
    align-items: center;
  }
}
.tw\:lg\:justify-between {
  @media (width >= 64rem) {
    justify-content: space-between;
  }
}
.tw\:xl\:col-span-5 {
  @media (width >= 80rem) {
    grid-column: span 5 / span 5;
  }
}
.tw\:xl\:col-span-6 {
  @media (width >= 80rem) {
    grid-column: span 6 / span 6;
  }
}
.tw\:xl\:col-span-7 {
  @media (width >= 80rem) {
    grid-column: span 7 / span 7;
  }
}
.tw\:xl\:grid-cols-4 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.tw\:xl\:grid-cols-5 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.tw\:xl\:grid-cols-6 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.tw\:xl\:grid-cols-12 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder;
}
.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
:root {
  --app-shell-bg: #f8fafc;
  --app-surface: #ffffff;
  --app-surface-raised: #ffffff;
  --app-surface-soft: #f1f5f9;
  --app-sidebar: #0284c7;
  --app-text: #0f172a;
  --app-muted: #64748b;
  --app-line: #e2e8f0;
  --app-brand: #0284c7;
  --app-brand-hover: #0369a1;
  --app-button-text: #ffffff;
}
html[data-theme="dark"] {
  --app-shell-bg: #0b1120;
  --app-surface: #111827;
  --app-surface-soft: #172033;
  --app-sidebar: #020617;
  --app-text: #e5e7eb;
  --app-muted: #9ca3af;
  --app-line: rgba(148, 163, 184, .18);
  --app-brand: #38bdf8;
  --app-brand-hover: #0ea5e9;
  --app-button-text: #031623;
}
html[data-theme],
html[data-theme] body,
body.g-sidenav-show,
body.bg-gray-100,
.main-content,
.main-content.bg-gray-100 {
  background: var(--app-shell-bg) !important;
  color: var(--app-text) !important;
}
.card,
.soft-card,
.modal-content,
.dropdown-menu,
.dt-container,
.dataTables_wrapper {
  border: 1px solid var(--app-line) !important;
  border-radius: .5rem !important;
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05) !important;
}
.card-header,
.card-body,
.list-group-item {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-line) !important;
}
.form-control,
.form-select,
.dataTable-input,
.dt-input,
.dataTable-selector,
.dt-selector {
  min-height: 2.75rem;
  border: 1px solid var(--app-line) !important;
  border-radius: .5rem !important;
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}
.form-control:focus,
.form-select:focus,
.dataTable-input:focus,
.dt-input:focus {
  border-color: var(--app-brand) !important;
  box-shadow: 0 0 0 4px var(--app-brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--app-brand) 18%, transparent) !important;
  }
}
.table {
  color: var(--app-text) !important;
}
.table th,
.table td {
  border-color: var(--app-line) !important;
}
.table thead th {
  color: var(--app-muted) !important;
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
}
.btn {
  border-radius: .5rem !important;
  font-weight: 800 !important;
}
.btn-primary,
.bg-gradient-primary,
.bg-gradient-info,
.btn-info,
button[type="submit"],
.dataTables_wrapper .dt-paging-button.current,
.dt-container .dt-paging .dt-paging-button.current {
  border-color: transparent !important;
  background: var(--app-brand) !important;
  color: var(--app-button-text) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .14) !important;
}
.btn-primary:hover,
.bg-gradient-primary:hover,
.bg-gradient-info:hover,
.btn-info:hover,
button[type="submit"]:hover {
  background: var(--app-brand-hover) !important;
  color: var(--app-button-text) !important;
}
.btn-outline-secondary,
.btn-outline-info,
.btn-light,
.page-link,
.dt-container .dt-paging .dt-paging-button,
.dataTables_wrapper .dt-paging-button {
  border: 1px solid var(--app-line) !important;
  border-radius: .5rem !important;
  background: var(--app-surface-raised) !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}
.btn-outline-secondary:hover,
.btn-outline-info:hover,
.btn-light:hover,
.page-link:hover,
.dt-container .dt-paging .dt-paging-button:hover,
.dataTables_wrapper .dt-paging-button:hover {
  background: var(--app-surface-soft) !important;
  border-color: var(--app-brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--app-brand) 35%, var(--app-line)) !important;
  }
  color: var(--app-text) !important;
}
.navbar-main {
  border: 1px solid var(--app-line) !important;
  background: var(--app-surface) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .06) !important;
}
.sidenav,
html[data-theme="dark"] .sidenav {
  background: var(--app-sidebar, #007dc4) !important;
  border-color: color-mix(in srgb, #ffffff 16%, transparent) !important;
  box-shadow: 0 22px 46px rgba(2, 6, 23, .22) !important;
}
html[data-theme="dark"] .sidenav::before,
html[data-theme="dark"] .sidenav::after {
  background: transparent !important;
  opacity: 0 !important;
}
html[data-theme="dark"] .sidenav .navbar-brand {
  background: #ffffff !important;
  border-color: rgba(255, 255, 255, .16) !important;
}
html[data-theme="dark"] .sidenav .nav-link:hover,
html[data-theme="dark"] .sidenav .nav-link.active {
  background: rgba(56, 189, 248, .16) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .sidenav .nav-link .icon {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .12) !important;
}
html[data-theme="dark"] .navbar-main,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-body {
  background: var(--app-surface) !important;
  border-color: var(--app-line) !important;
  color: var(--app-text) !important;
}
html[data-theme="dark"] .navbar-main h1,
html[data-theme="dark"] .navbar-main h2,
html[data-theme="dark"] .navbar-main h3,
html[data-theme="dark"] .navbar-main h4,
html[data-theme="dark"] .navbar-main h5,
html[data-theme="dark"] .navbar-main h6,
html[data-theme="dark"] .navbar-main .text-dark,
html[data-theme="dark"] .navbar-main .text-body,
html[data-theme="dark"] .card h1,
html[data-theme="dark"] .card h2,
html[data-theme="dark"] .card h3,
html[data-theme="dark"] .card h4,
html[data-theme="dark"] .card h5,
html[data-theme="dark"] .card h6,
html[data-theme="dark"] .text-dark {
  color: var(--app-text) !important;
}
html[data-theme="dark"] .text-secondary,
html[data-theme="dark"] .text-body,
html[data-theme="dark"] .breadcrumb-item a,
html[data-theme="dark"] .dt-info,
html[data-theme="dark"] .dataTables_info {
  color: var(--app-muted) !important;
}
.dashboard-modern .soft-card,
.dashboard-modern .top-employee-card {
  border: 1px solid var(--app-line) !important;
  border-radius: .5rem !important;
  background: var(--app-surface) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05) !important;
}
.dt-container,
.dataTables_wrapper {
  padding: .75rem !important;
}
.dt-layout-row,
.dataTables_wrapper .row {
  gap: .75rem;
  margin: 0 !important;
}
.dt-search,
.dt-length,
.dataTables_filter,
.dataTables_length {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: var(--app-muted) !important;
  font-size: .78rem;
  font-weight: 700;
}
.dt-input,
.dataTables_filter input,
.dataTables_length select {
  min-height: 2.5rem !important;
  border: 1px solid var(--app-line) !important;
  border-radius: .5rem !important;
  background: var(--app-surface-raised) !important;
  color: var(--app-text) !important;
  padding: .45rem .7rem !important;
}
.dt-info,
.dataTables_info {
  color: var(--app-muted) !important;
  font-size: .78rem;
  font-weight: 700;
}
.dt-paging,
.dataTables_paginate {
  display: flex;
  justify-content: flex-end;
  gap: .35rem;
}
.dt-container .dt-paging .dt-paging-button,
.dataTables_wrapper .paginate_button {
  min-width: 2.25rem;
  min-height: 2.25rem;
  display: inline-grid !important;
  place-items: center;
  padding: .35rem .65rem !important;
  margin: 0 !important;
}
.dt-container .dt-paging .dt-paging-button.disabled,
.dataTables_wrapper .paginate_button.disabled {
  opacity: .45;
  cursor: not-allowed !important;
}
html[data-theme="dark"] table.dataTable,
html[data-theme="dark"] .table {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
}
html[data-theme="dark"] table.dataTable > thead > tr > th,
html[data-theme="dark"] table.dataTable > tbody > tr > td,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table td {
  background: var(--app-surface) !important;
  border-color: var(--app-line) !important;
  color: var(--app-text) !important;
}
html[data-theme="dark"] table.dataTable > thead > tr > th,
html[data-theme="dark"] .table thead th {
  color: var(--app-muted) !important;
  background: var(--app-surface-soft) !important;
}
html[data-theme="dark"] table.dataTable > tbody > tr:hover > * {
  background: var(--app-brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--app-brand) 10%, var(--app-surface)) !important;
  }
}
.dashboard-modern .stat-card {
  min-height: 112px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.dashboard-modern .stat-card:hover,
.dashboard-modern .top-employee-card:hover,
.dashboard-modern .table-card:hover {
  transform: translateY(-2px);
  border-color: var(--app-brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--app-brand) 24%, var(--app-line)) !important;
  }
  box-shadow: 0 14px 32px rgba(15, 23, 42, .08) !important;
}
.dashboard-modern .stat-label,
.dashboard-modern .top-employee-title p,
.dashboard-modern .card-header p {
  color: var(--app-muted) !important;
}
.dashboard-modern .stat-value,
.dashboard-modern .top-employee-title h6,
.dashboard-modern .card-header h6 {
  color: var(--app-text) !important;
}
.dashboard-modern .stat-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: .5rem !important;
  background: linear-gradient(135deg, #0ea5e9, #0284c7) !important;
  box-shadow: 0 12px 24px rgba(2, 132, 199, .18) !important;
}
.dashboard-modern .top-winner-chip,
.dashboard-modern .attendance-summary-card,
.dashboard-modern .employee-attendance-day,
.dashboard-modern .status-pill {
  border-radius: .5rem !important;
}
.dashboard-modern .top-winner-chip {
  background: var(--app-surface) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--app-surface) 92%, var(--app-brand) 8%) !important;
  }
  border-color: var(--app-line) !important;
}
.dashboard-modern .table tbody tr {
  transition: background-color .16s ease;
}
.dashboard-modern .table tbody tr:hover {
  background: var(--app-brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--app-brand) 7%, transparent) !important;
  }
}
.dashboard-modern .progress {
  background: var(--app-brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--app-brand) 12%, var(--app-surface)) !important;
  }
}
.dashboard-modern .progress-bar {
  background: linear-gradient(90deg, #0ea5e9, #10b981) !important;
}
html[data-theme="dark"] .tw\:bg-white,
html[data-theme="dark"] .dashboard-modern .tw\:\!bg-white,
html[data-theme="dark"] .dashboard-modern .tw\:bg-white {
  background-color: var(--app-surface) !important;
}
html[data-theme="dark"] .tw\:bg-slate-50,
html[data-theme="dark"] .dashboard-modern .tw\:bg-slate-50 {
  background-color: var(--app-surface-soft) !important;
}
html[data-theme="dark"] .tw\:text-slate-900,
html[data-theme="dark"] .tw\:text-slate-800,
html[data-theme="dark"] .dashboard-modern .tw\:text-slate-900,
html[data-theme="dark"] .dashboard-modern .tw\:text-slate-800 {
  color: var(--app-text) !important;
}
html[data-theme="dark"] .tw\:text-slate-700,
html[data-theme="dark"] .tw\:text-slate-600,
html[data-theme="dark"] .tw\:text-slate-500,
html[data-theme="dark"] .dashboard-modern .tw\:text-slate-700,
html[data-theme="dark"] .dashboard-modern .tw\:text-slate-600,
html[data-theme="dark"] .dashboard-modern .tw\:text-slate-500 {
  color: var(--app-muted) !important;
}
html[data-theme="dark"] .tw\:border-slate-100,
html[data-theme="dark"] .tw\:border-slate-200,
html[data-theme="dark"] .tw\:ring-slate-200,
html[data-theme="dark"] .dashboard-modern .tw\:border-slate-100,
html[data-theme="dark"] .dashboard-modern .tw\:border-slate-200,
html[data-theme="dark"] .dashboard-modern .tw\:ring-slate-200 {
  border-color: var(--app-line) !important;
  --tw-ring-color: var(--app-line) !important;
}
html[data-theme="dark"] .dashboard-modern .employee-attendance-widget,
html[data-theme="dark"] .dashboard-modern .activity-chart-card,
html[data-theme="dark"] .dashboard-modern .table-card,
html[data-theme="dark"] .dashboard-modern .top-employee-card,
html[data-theme="dark"] .dashboard-modern .stat-card,
html[data-theme="dark"] .dashboard-modern .soft-card {
  background: var(--app-surface) !important;
  border-color: var(--app-line) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .24) !important;
}
html[data-theme="dark"] .dashboard-modern .employee-attendance-day,
html[data-theme="dark"] .dashboard-modern .attendance-summary-card,
html[data-theme="dark"] .dashboard-modern .top-winner-chip,
html[data-theme="dark"] .dashboard-modern .status-pill {
  background: var(--app-surface-soft) !important;
  border-color: var(--app-line) !important;
  color: var(--app-text) !important;
}
html[data-theme="dark"] .dashboard-modern .employee-attendance-day.is-present,
html[data-theme="dark"] .dashboard-modern .attendance-summary-card.present {
  background: rgba(16, 185, 129, .16) !important;
  border-color: rgba(16, 185, 129, .34) !important;
  color: #a7f3d0 !important;
}
html[data-theme="dark"] .dashboard-modern .employee-attendance-day.is-absent,
html[data-theme="dark"] .dashboard-modern .attendance-summary-card.absent {
  background: rgba(244, 63, 94, .16) !important;
  border-color: rgba(244, 63, 94, .34) !important;
  color: #fecdd3 !important;
}
html[data-theme="dark"] .dashboard-modern .employee-attendance-day.is-special {
  background: rgba(245, 158, 11, .16) !important;
  border-color: rgba(245, 158, 11, .34) !important;
  color: #fde68a !important;
}
html[data-theme="dark"] .dashboard-modern .attendance-widget-header,
html[data-theme="dark"] .dashboard-modern .attendance-check-row {
  border-color: var(--app-line) !important;
}
html[data-theme="dark"] .dashboard-modern .attendance-month-input,
html[data-theme="dark"] .dashboard-modern .attendance-employee-select,
html[data-theme="dark"] .dashboard-modern .attendance-month-arrow,
html[data-theme="dark"] .dashboard-modern .attendance-month-pill,
html[data-theme="dark"] .dashboard-modern .attendance-check-label,
html[data-theme="dark"] .dashboard-modern .top-period-toggle {
  background: var(--app-surface-soft) !important;
  border-color: var(--app-line) !important;
  color: var(--app-text) !important;
}
html[data-theme="dark"] .dashboard-modern .attendance-widget-title h6,
html[data-theme="dark"] .dashboard-modern .attendance-summary-card strong,
html[data-theme="dark"] .dashboard-modern .top-winner-chip strong,
html[data-theme="dark"] .dashboard-modern .attendance-check-label strong {
  color: var(--app-text) !important;
}
html[data-theme="dark"] .dashboard-modern .attendance-widget-title p,
html[data-theme="dark"] .dashboard-modern .attendance-summary-card span,
html[data-theme="dark"] .dashboard-modern .top-winner-chip span,
html[data-theme="dark"] .dashboard-modern .top-winner-chip em,
html[data-theme="dark"] .dashboard-modern .attendance-check-label span,
html[data-theme="dark"] .dashboard-modern .employee-attendance-weekday {
  color: var(--app-muted) !important;
}
html[data-theme="dark"] .dashboard-modern .employee-attendance-day.is-selected {
  border-color: var(--app-brand) !important;
  box-shadow: 0 0 0 2px var(--app-brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--app-brand) 28%, transparent) !important;
  }
}
html[data-theme="dark"] .dashboard-modern .employee-attendance-day.is-today::after {
  background: var(--app-brand) !important;
}
html[data-theme="dark"] .dashboard-modern .tw\:bg-emerald-50 {
  background: rgba(16, 185, 129, .14) !important;
}
html[data-theme="dark"] .dashboard-modern .tw\:bg-sky-50 {
  background: rgba(56, 189, 248, .12) !important;
}
html[data-theme="dark"] .dashboard-modern .tw\:bg-rose-50 {
  background: rgba(244, 63, 94, .14) !important;
}
html[data-theme="dark"] .dashboard-modern .tw\:text-emerald-700,
html[data-theme="dark"] .dashboard-modern .tw\:text-emerald-900 {
  color: #a7f3d0 !important;
}
html[data-theme="dark"] .dashboard-modern .tw\:text-sky-700,
html[data-theme="dark"] .dashboard-modern .tw\:text-sky-900 {
  color: #bae6fd !important;
}
html[data-theme="dark"] .dashboard-modern .tw\:text-rose-700,
html[data-theme="dark"] .dashboard-modern .tw\:text-rose-900 {
  color: #fecdd3 !important;
}
html[data-theme="dark"] .dashboard-modern .tw\:ring-emerald-100,
html[data-theme="dark"] .dashboard-modern .tw\:ring-sky-100,
html[data-theme="dark"] .dashboard-modern .tw\:ring-rose-100 {
  --tw-ring-color: var(--app-line) !important;
}
@media (prefers-reduced-motion: reduce) {
  .dashboard-modern .stat-card,
  .dashboard-modern .top-employee-card,
  .dashboard-modern .table-card {
    transition: none;
  }
  .dashboard-modern .stat-card:hover,
  .dashboard-modern .top-employee-card:hover,
  .dashboard-modern .table-card:hover {
    transform: none;
  }
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}