/* #tailwind added to all styles because "selector strategy" is set in tailwind.config.
After uninstalling the bootstrap delete this*/


.dashboard {
  --gray-25: #FCFCFD;
  --gray-50: #F9FAFB;
  --gray-100: #F2F4F7;
  --gray-200: #EAECF0;
  --gray-300: #D0D5DD;
  --gray-400: #98A2B3;
  --gray-500: #667085;
  --gray-600: #475467;
  --gray-700: #344054;
  --gray-700-opacity-70: rgba(52, 64, 84, 0.7);
  --gray-800: #1D2939;
  --gray-900: #11142D;
  --gray-950: #040426;
  --blue-25: #F5FAFF;
  --blue-50: #EFF8FF;
  --blue-100: #D1E9FF;
  --blue-200: #B2DDFF;
  --blue-300: #84CAFF;
  --blue-400: #53B1FD;
  --blue-500: #2E90FA;
  --blue-600: #1570EF;
  --blue-700: #175CD3;
  --blue-800: #1849A9;
  --blue-900: #194185;
  --purple-25: #FAFAFF;
  --purple-50: #F4F3FF;
  --purple-100: #F1EDFF;
  --purple-200: #E6DEFF;
  --purple-300: #D4C6FF;
  --purple-400: #C2ACFF;
  --purple-500: #A98BFF;
  --purple-600: #906BFB;
  --purple-700: #6E42EA;
  --purple-800: #4316C2;
  --purple-900: #2B0497;
  --red-25: #FFFBFA;
  --red-50: #FEF3F2;
  --red-100: #FEE4E2;
  --red-200: #FECDCA;
  --red-300: #FDA29B;
  --red-400: #F97066;
  --red-500: #F04438;
  --red-600: #D92D20;
  --red-700: #B42318;
  --red-800: #912018;
  --red-900: #7A271A;
  --amber-25: #FFFCF5;
  --amber-50: #FFFAEB;
  --amber-100: #FEF0C7;
  --amber-200: #FEDF89;
  --amber-300: #FEC84B;
  --amber-400: #FEC84B;
  --amber-500: #F79009;
  --amber-600: #DC6803;
  --amber-700: #B54708;
  --amber-800: #93370D;
  --amber-900: #7A2E0E;
  --green-25: #F6FEF9;
  --green-50: #ECFDF3;
  --green-100: #D1FADF;
  --green-200: #A6F4C5;
  --green-300: #6CE9A6;
  --green-400: #32D583;
  --green-500: #12B76A;
  --green-600: #039855;
  --green-700: #027A48;
  --green-800: #05603A;
  --green-900: #054F31;
  --teal-25: #F6FEFC;
  --teal-50: #F0FDF9;
  --teal-100: #CCFBEF;
  --teal-200: #99F6E0;
  --teal-300: #5FE9D0;
  --teal-400: #2ED3B7;
  --teal-500: #15B79E;
  --teal-600: #0E9384;
  --teal-700: #107569;
  --teal-800: #125D56;
  --teal-900: #134E48;
  --pink-25: #FEF6FB;
  --pink-50: #FDF2FA;
  --pink-100: #FCE7F6;
  --pink-200: #FCCEEE;
  --pink-300: #FAA7E0;
  --pink-400: #F670C7;
  --pink-500: #EE46BC;
  --pink-600: #DD2590;
  --pink-700: #C11574;
  --pink-800: #9E165F;
  --pink-900: #851651;
  --rose-25: #FFF5F6;
  --rose-50: #FFF1F3;
  --rose-100: #FFE4E8;
  --rose-200: #FECDD6;
  --rose-300: #FEA3B4;
  --rose-400: #FD6F8E;
  --rose-500: #F63D68;
  --rose-600: #E31B54;
  --rose-700: #C01048;
  --rose-800: #A11043;
  --rose-900: #89123E;
  --orange-25: #FFF9F5;
  --orange-50: #FFF4ED;
  --orange-100: #FFE6D5;
  --orange-200: #FFD6AE;
  --orange-300: #FF9C66;
  --orange-400: #FF692E;
  --orange-500: #FF4405;
  --orange-600: #E62E05;
  --orange-700: #BC1B06;
  --orange-800: #97180C;
  --orange-900: #771A0D;
  --yellow-25: #FEFDF0;
  --yellow-50: #FEFBE8;
  --yellow-100: #FEF7C3;
  --yellow-200: #FEEE95;
  --yellow-300: #FDE272;
  --yellow-400: #FAC515;
  --yellow-500: #EAAA08;
  --yellow-600: #CA8504;
  --yellow-700: #A15C07;
  --yellow-800: #854A0E;
  --yellow-900: #713B12;
}

.customer {
  --white-opacity-50: rgb(255, 255, 255, 0.5);
  --gray-25: #FCFCFD;
  --gray-50: #F9FAFB;
  --gray-100: #F4F4F5;
  --gray-150: #F4F4F5;
  --gray-200: #E8E8E8;
  --gray-200-opacity-70: rgb(232, 232, 232, 0.7);
  --gray-250: #FBFBFD;
  --gray-300: #B2B4C1;
  --gray-400: #C6C6C6;
  --gray-600: #475467;
  --gray-700: #677083;
  --gray-700-opacity-70: rgba(52, 64, 84, 0.7);
  --gray-800: #646C7E;
  --gray-850: #36435C;
  --gray-900: #636C7B;
  --blue-25: #F5FAFF;
  --blue-50: #D8E0FF;
  --blue-100: #ECF0FF;
  --blue-200: #F1F1FF;
  --blue-300: #84CAFF;
  --blue-400: #53B1FD;
  --blue-500: #3A36FF;
  --blue-600: #0C08EA;
  --blue-700: #0C06FF;
  --blue-800: #0D2148;
  --blue-800-opacity-30: rgba(13, 33, 72, 0.3);
  --blue-900: #1F345F;
  --yellow-100: #FFFBF1;
  --yellow-200: #FFF6DC;
  --yellow-300: #F6EDD6;
  --yellow-400: #FFF7E0;
  --yellow-500: #FFE69D;
  --yellow-600: #FCE199;
  --yellow-700: #FFD048;
  --yellow-750: #FFC316;
  --yellow-800: #C0631F;
  --yellow-900: #8A3B02;
  --red-100: #FFF5F5;
  --red-200: #FD9B9B;
  --red-400: #EF233C;
  --red-400-opacity-5: rgba(239, 35, 60, 0.05);
  --red-500: #DD2828;
  --red-600: #DD0A23;
  --red-700: #D80032;
  --red-800: #A50D0D;
  --red-900: #C61010;
  --rose-400: #EBDEFB;
  --rose-500: #ED7DFF;
  --rose-700: #69007E;
  --rose-800: #450099;
  --rose-900: #3C0247;
  --purple-25: #F9F9FF;
  --purple-50: #F4F3FF;
  --purple-200: #DEDEF9;
  --purple-300: #9390FF;
  --purple-400: #C2C2FF;
  --green-50: #ECFFF6;
  --green-75: #F2FCF2;
  --green-85: #E9FFEE;
  --green-100: #CFFFDA;
  --green-150: #CAF1DE;
  --green-200: #8AFF96;
  --green-250: #38CD47;
  --green-300: #0CBB66;
  --green-400: #CEFFE8;
  --green-500: #25AF36;
  --green-700: #005413;
  --green-750: #1A692C;
  --green-800: #395849;
  --green-900: #092C1B;
  --green-900-opacity-28: rgba(9, 44, 27, 0.28);
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(147 197 253 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::-webkit-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(147 197 253 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(147 197 253 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
}

@media (min-width: 240px) {
  .container {
    max-width: 240px;
  }
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1400px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

@media (min-width: 2000px) {
  .container {
    max-width: 2000px;
  }
}

#tailwind :is(.sr-only) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

#tailwind :is(.pointer-events-none) {
  pointer-events: none;
}

#tailwind :is(.visible) {
  visibility: visible;
}

#tailwind :is(.invisible) {
  visibility: hidden;
}

#tailwind :is(.collapse) {
  visibility: collapse;
}

#tailwind :is(.static) {
  position: static;
}

#tailwind :is(.fixed) {
  position: fixed;
}

#tailwind :is(.absolute) {
  position: absolute;
}

#tailwind :is(.relative) {
  position: relative;
}

#tailwind :is(.sticky) {
  position: -webkit-sticky;
  position: sticky;
}

#tailwind :is(.inset-0) {
  inset: 0px;
}

#tailwind :is(.-right-2) {
  right: -0.5rem;
}

#tailwind :is(.-right-full) {
  right: -100%;
}

#tailwind :is(.bottom-0) {
  bottom: 0px;
}

#tailwind :is(.bottom-2) {
  bottom: 0.5rem;
}

#tailwind :is(.bottom-2\.5) {
  bottom: 0.625rem;
}

#tailwind :is(.bottom-full) {
  bottom: 100%;
}

#tailwind :is(.left-0) {
  left: 0px;
}

#tailwind :is(.left-1) {
  left: 0.25rem;
}

#tailwind :is(.left-1\/2) {
  left: 50%;
}

#tailwind :is(.left-2) {
  left: 0.5rem;
}

#tailwind :is(.left-2\.5) {
  left: 0.625rem;
}

#tailwind :is(.left-4) {
  left: 1rem;
}

#tailwind :is(.left-8) {
  left: 2rem;
}

#tailwind :is(.left-auto) {
  left: auto;
}

#tailwind :is(.right-0) {
  right: 0px;
}

#tailwind :is(.right-1) {
  right: 0.25rem;
}

#tailwind :is(.right-1\.5) {
  right: 0.375rem;
}

#tailwind :is(.right-2) {
  right: 0.5rem;
}

#tailwind :is(.right-2\.5) {
  right: 0.625rem;
}

#tailwind :is(.right-3) {
  right: 0.75rem;
}

#tailwind :is(.right-3\.5) {
  right: 0.875rem;
}

#tailwind :is(.right-4) {
  right: 1rem;
}

#tailwind :is(.right-5) {
  right: 1.25rem;
}

#tailwind :is(.right-8) {
  right: 2rem;
}

#tailwind :is(.right-full) {
  right: 100%;
}

#tailwind :is(.top-0) {
  top: 0px;
}

#tailwind :is(.top-1) {
  top: 0.25rem;
}

#tailwind :is(.top-1\/2) {
  top: 50%;
}

#tailwind :is(.top-11) {
  top: 2.75rem;
}

#tailwind :is(.top-2) {
  top: 0.5rem;
}

#tailwind :is(.top-2\.5) {
  top: 0.625rem;
}

#tailwind :is(.top-2\/4) {
  top: 50%;
}

#tailwind :is(.top-3) {
  top: 0.75rem;
}

#tailwind :is(.top-3\.5) {
  top: 0.875rem;
}

#tailwind :is(.top-4) {
  top: 1rem;
}

#tailwind :is(.top-5) {
  top: 1.25rem;
}

#tailwind :is(.top-8) {
  top: 2rem;
}

#tailwind :is(.top-\[58px\]) {
  top: 58px;
}

#tailwind :is(.top-auto) {
  top: auto;
}

#tailwind :is(.top-full) {
  top: 100%;
}

#tailwind :is(.z-10) {
  z-index: 10;
}

#tailwind :is(.z-20) {
  z-index: 20;
}

#tailwind :is(.z-30) {
  z-index: 30;
}

#tailwind :is(.z-40) {
  z-index: 40;
}

#tailwind :is(.z-50) {
  z-index: 50;
}

#tailwind :is(.z-\[1\]) {
  z-index: 1;
}

#tailwind :is(.order-1) {
  -webkit-box-ordinal-group: 2;
          order: 1;
}

#tailwind :is(.order-2) {
  -webkit-box-ordinal-group: 3;
          order: 2;
}

#tailwind :is(.order-3) {
  -webkit-box-ordinal-group: 4;
          order: 3;
}

#tailwind :is(.order-4) {
  -webkit-box-ordinal-group: 5;
          order: 4;
}

#tailwind :is(.order-5) {
  -webkit-box-ordinal-group: 6;
          order: 5;
}

#tailwind :is(.col-span-1) {
  grid-column: span 1 / span 1;
}

#tailwind :is(.col-span-10) {
  grid-column: span 10 / span 10;
}

#tailwind :is(.col-span-12) {
  grid-column: span 12 / span 12;
}

#tailwind :is(.col-span-2) {
  grid-column: span 2 / span 2;
}

#tailwind :is(.col-span-3) {
  grid-column: span 3 / span 3;
}

#tailwind :is(.col-span-4) {
  grid-column: span 4 / span 4;
}

#tailwind :is(.col-span-5) {
  grid-column: span 5 / span 5;
}

#tailwind :is(.col-span-6) {
  grid-column: span 6 / span 6;
}

#tailwind :is(.col-span-7) {
  grid-column: span 7 / span 7;
}

#tailwind :is(.col-span-8) {
  grid-column: span 8 / span 8;
}

#tailwind :is(.col-start-1) {
  grid-column-start: 1;
}

#tailwind :is(.col-start-8) {
  grid-column-start: 8;
}

#tailwind :is(.row-start-2) {
  grid-row-start: 2;
}

#tailwind :is(.row-start-3) {
  grid-row-start: 3;
}

#tailwind :is(.float-right) {
  float: right;
}

#tailwind :is(.float-left) {
  float: left;
}

#tailwind :is(.-m-1) {
  margin: -0.25rem;
}

#tailwind :is(.m-0) {
  margin: 0px;
}

#tailwind :is(.m-1) {
  margin: 0.25rem;
}

#tailwind :is(.m-2) {
  margin: 0.5rem;
}

#tailwind :is(.m-3) {
  margin: 0.75rem;
}

#tailwind :is(.m-4) {
  margin: 1rem;
}

#tailwind :is(.m-6) {
  margin: 1.5rem;
}

#tailwind :is(.m-8) {
  margin: 2rem;
}

#tailwind :is(.m-auto) {
  margin: auto;
}

#tailwind :is(.-mx-1) {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

#tailwind :is(.-mx-2) {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

#tailwind :is(.-mx-3) {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

#tailwind :is(.-mx-4) {
  margin-left: -1rem;
  margin-right: -1rem;
}

#tailwind :is(.-mx-5) {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

#tailwind :is(.-my-\[30px\]) {
  margin-top: -30px;
  margin-bottom: -30px;
}

#tailwind :is(.mx-1) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

#tailwind :is(.mx-1\.5) {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}

#tailwind :is(.mx-2) {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

#tailwind :is(.mx-2\.5) {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

#tailwind :is(.mx-3) {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

#tailwind :is(.mx-3\.5) {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

#tailwind :is(.mx-4) {
  margin-left: 1rem;
  margin-right: 1rem;
}

#tailwind :is(.mx-5) {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

#tailwind :is(.mx-6) {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

#tailwind :is(.mx-auto) {
  margin-left: auto;
  margin-right: auto;
}

#tailwind :is(.my-0) {
  margin-top: 0px;
  margin-bottom: 0px;
}

#tailwind :is(.my-10) {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

#tailwind :is(.my-12) {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

#tailwind :is(.my-2) {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

#tailwind :is(.my-2\.5) {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

#tailwind :is(.my-3) {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

#tailwind :is(.my-4) {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#tailwind :is(.my-5) {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

#tailwind :is(.my-6) {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

#tailwind :is(.my-8) {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#tailwind :is(.my-9) {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

#tailwind :is(.my-auto) {
  margin-top: auto;
  margin-bottom: auto;
}

#tailwind :is(.-mb-0) {
  margin-bottom: -0px;
}

#tailwind :is(.-mb-0\.5) {
  margin-bottom: -0.125rem;
}

#tailwind :is(.-mb-10) {
  margin-bottom: -2.5rem;
}

#tailwind :is(.-mb-2) {
  margin-bottom: -0.5rem;
}

#tailwind :is(.-mb-px) {
  margin-bottom: -1px;
}

#tailwind :is(.-ml-14) {
  margin-left: -3.5rem;
}

#tailwind :is(.-ml-px) {
  margin-left: -1px;
}

#tailwind :is(.-mr-2) {
  margin-right: -0.5rem;
}

#tailwind :is(.-mr-2\.5) {
  margin-right: -0.625rem;
}

#tailwind :is(.-mr-4) {
  margin-right: -1rem;
}

#tailwind :is(.-mr-5) {
  margin-right: -1.25rem;
}

#tailwind :is(.-mt-1) {
  margin-top: -0.25rem;
}

#tailwind :is(.-mt-1\.5) {
  margin-top: -0.375rem;
}

#tailwind :is(.-mt-2) {
  margin-top: -0.5rem;
}

#tailwind :is(.-mt-2\.5) {
  margin-top: -0.625rem;
}

#tailwind :is(.-mt-4) {
  margin-top: -1rem;
}

#tailwind :is(.-mt-5) {
  margin-top: -1.25rem;
}

#tailwind :is(.-mt-8) {
  margin-top: -2rem;
}

#tailwind :is(.mb-0) {
  margin-bottom: 0px;
}

#tailwind :is(.mb-0\.5) {
  margin-bottom: 0.125rem;
}

#tailwind :is(.mb-1) {
  margin-bottom: 0.25rem;
}

#tailwind :is(.mb-1\.5) {
  margin-bottom: 0.375rem;
}

#tailwind :is(.mb-10) {
  margin-bottom: 2.5rem;
}

#tailwind :is(.mb-14) {
  margin-bottom: 3.5rem;
}

#tailwind :is(.mb-16) {
  margin-bottom: 4rem;
}

#tailwind :is(.mb-2) {
  margin-bottom: 0.5rem;
}

#tailwind :is(.mb-2\.5) {
  margin-bottom: 0.625rem;
}

#tailwind :is(.mb-20) {
  margin-bottom: 5rem;
}

#tailwind :is(.mb-24) {
  margin-bottom: 6rem;
}

#tailwind :is(.mb-3) {
  margin-bottom: 0.75rem;
}

#tailwind :is(.mb-32) {
  margin-bottom: 8rem;
}

#tailwind :is(.mb-4) {
  margin-bottom: 1rem;
}

#tailwind :is(.mb-5) {
  margin-bottom: 1.25rem;
}

#tailwind :is(.mb-6) {
  margin-bottom: 1.5rem;
}

#tailwind :is(.mb-7) {
  margin-bottom: 1.75rem;
}

#tailwind :is(.mb-8) {
  margin-bottom: 2rem;
}

#tailwind :is(.mb-9) {
  margin-bottom: 2.25rem;
}

#tailwind :is(.mb-\[18px\]) {
  margin-bottom: 18px;
}

#tailwind :is(.mb-\[3px\]) {
  margin-bottom: 3px;
}

#tailwind :is(.ml-1) {
  margin-left: 0.25rem;
}

#tailwind :is(.ml-1\.5) {
  margin-left: 0.375rem;
}

#tailwind :is(.ml-2) {
  margin-left: 0.5rem;
}

#tailwind :is(.ml-2\.5) {
  margin-left: 0.625rem;
}

#tailwind :is(.ml-3) {
  margin-left: 0.75rem;
}

#tailwind :is(.ml-3\.5) {
  margin-left: 0.875rem;
}

#tailwind :is(.ml-4) {
  margin-left: 1rem;
}

#tailwind :is(.ml-5) {
  margin-left: 1.25rem;
}

#tailwind :is(.ml-6) {
  margin-left: 1.5rem;
}

#tailwind :is(.ml-7) {
  margin-left: 1.75rem;
}

#tailwind :is(.ml-8) {
  margin-left: 2rem;
}

#tailwind :is(.ml-\[220px\]) {
  margin-left: 220px;
}

#tailwind :is(.ml-auto) {
  margin-left: auto;
}

#tailwind :is(.mr-0) {
  margin-right: 0px;
}

#tailwind :is(.mr-0\.5) {
  margin-right: 0.125rem;
}

#tailwind :is(.mr-1) {
  margin-right: 0.25rem;
}

#tailwind :is(.mr-1\.5) {
  margin-right: 0.375rem;
}

#tailwind :is(.mr-10) {
  margin-right: 2.5rem;
}

#tailwind :is(.mr-12) {
  margin-right: 3rem;
}

#tailwind :is(.mr-2) {
  margin-right: 0.5rem;
}

#tailwind :is(.mr-2\.5) {
  margin-right: 0.625rem;
}

#tailwind :is(.mr-3) {
  margin-right: 0.75rem;
}

#tailwind :is(.mr-3\.5) {
  margin-right: 0.875rem;
}

#tailwind :is(.mr-4) {
  margin-right: 1rem;
}

#tailwind :is(.mr-5) {
  margin-right: 1.25rem;
}

#tailwind :is(.mr-6) {
  margin-right: 1.5rem;
}

#tailwind :is(.mr-8) {
  margin-right: 2rem;
}

#tailwind :is(.mr-auto) {
  margin-right: auto;
}

#tailwind :is(.mt-0) {
  margin-top: 0px;
}

#tailwind :is(.mt-0\.5) {
  margin-top: 0.125rem;
}

#tailwind :is(.mt-1) {
  margin-top: 0.25rem;
}

#tailwind :is(.mt-1\.5) {
  margin-top: 0.375rem;
}

#tailwind :is(.mt-10) {
  margin-top: 2.5rem;
}

#tailwind :is(.mt-12) {
  margin-top: 3rem;
}

#tailwind :is(.mt-16) {
  margin-top: 4rem;
}

#tailwind :is(.mt-2) {
  margin-top: 0.5rem;
}

#tailwind :is(.mt-2\.5) {
  margin-top: 0.625rem;
}

#tailwind :is(.mt-20) {
  margin-top: 5rem;
}

#tailwind :is(.mt-3) {
  margin-top: 0.75rem;
}

#tailwind :is(.mt-3\.5) {
  margin-top: 0.875rem;
}

#tailwind :is(.mt-4) {
  margin-top: 1rem;
}

#tailwind :is(.mt-5) {
  margin-top: 1.25rem;
}

#tailwind :is(.mt-6) {
  margin-top: 1.5rem;
}

#tailwind :is(.mt-7) {
  margin-top: 1.75rem;
}

#tailwind :is(.mt-8) {
  margin-top: 2rem;
}

#tailwind :is(.mt-auto) {
  margin-top: auto;
}

#tailwind :is(.box-border) {
  box-sizing: border-box;
}

#tailwind :is(.block) {
  display: block;
}

#tailwind :is(.inline-block) {
  display: inline-block;
}

#tailwind :is(.inline) {
  display: inline;
}

#tailwind :is(.flex) {
  display: -webkit-box;
  display: flex;
}

#tailwind :is(.inline-flex) {
  display: -webkit-inline-box;
  display: inline-flex;
}

#tailwind :is(.table) {
  display: table;
}

#tailwind :is(.table-column) {
  display: table-column;
}

#tailwind :is(.table-row) {
  display: table-row;
}

#tailwind :is(.grid) {
  display: grid;
}

#tailwind :is(.contents) {
  display: contents;
}

#tailwind :is(.hidden) {
  display: none;
}

#tailwind :is(.size-10) {
  width: 2.5rem;
  height: 2.5rem;
}

#tailwind :is(.h-0) {
  height: 0px;
}

#tailwind :is(.h-0\.5) {
  height: 0.125rem;
}

#tailwind :is(.h-1) {
  height: 0.25rem;
}

#tailwind :is(.h-1\.5) {
  height: 0.375rem;
}

#tailwind :is(.h-10) {
  height: 2.5rem;
}

#tailwind :is(.h-100vh-130) {
  height: calc(100vh - 130px);
}

#tailwind :is(.h-100vh-85) {
  height: calc(100vh - 85px);
}

#tailwind :is(.h-11) {
  height: 2.75rem;
}

#tailwind :is(.h-12) {
  height: 3rem;
}

#tailwind :is(.h-14) {
  height: 3.5rem;
}

#tailwind :is(.h-16) {
  height: 4rem;
}

#tailwind :is(.h-2) {
  height: 0.5rem;
}

#tailwind :is(.h-2\.5) {
  height: 0.625rem;
}

#tailwind :is(.h-20) {
  height: 5rem;
}

#tailwind :is(.h-24) {
  height: 6rem;
}

#tailwind :is(.h-3) {
  height: 0.75rem;
}

#tailwind :is(.h-3\.5) {
  height: 0.875rem;
}

#tailwind :is(.h-32) {
  height: 8rem;
}

#tailwind :is(.h-4) {
  height: 1rem;
}

#tailwind :is(.h-40) {
  height: 10rem;
}

#tailwind :is(.h-5) {
  height: 1.25rem;
}

#tailwind :is(.h-52) {
  height: 13rem;
}

#tailwind :is(.h-6) {
  height: 1.5rem;
}

#tailwind :is(.h-60) {
  height: 15rem;
}

#tailwind :is(.h-7) {
  height: 1.75rem;
}

#tailwind :is(.h-8) {
  height: 2rem;
}

#tailwind :is(.h-80) {
  height: 20rem;
}

#tailwind :is(.h-9) {
  height: 2.25rem;
}

#tailwind :is(.h-\[100px\]) {
  height: 100px;
}

#tailwind :is(.h-\[16px\]) {
  height: 16px;
}

#tailwind :is(.h-\[18px\]) {
  height: 18px;
}

#tailwind :is(.h-\[22px\]) {
  height: 22px;
}

#tailwind :is(.h-\[30px\]) {
  height: 30px;
}

#tailwind :is(.h-\[34px\]) {
  height: 34px;
}

#tailwind :is(.h-\[366px\]) {
  height: 366px;
}

#tailwind :is(.h-\[37px\]) {
  height: 37px;
}

#tailwind :is(.h-\[42px\]) {
  height: 42px;
}

#tailwind :is(.h-\[52px\]) {
  height: 52px;
}

#tailwind :is(.h-\[60px\]) {
  height: 60px;
}

#tailwind :is(.h-\[70px\]) {
  height: 70px;
}

#tailwind :is(.h-\[85px\]) {
  height: 85px;
}

#tailwind :is(.h-auto) {
  height: auto;
}

#tailwind :is(.h-full) {
  height: 100%;
}

#tailwind :is(.h-min) {
  height: -moz-min-content;
  height: -webkit-min-content;
  height: min-content;
}

#tailwind :is(.h-px) {
  height: 1px;
}

#tailwind :is(.h-screen) {
  height: 100vh;
}

#tailwind :is(.max-h-0) {
  max-height: 0px;
}

#tailwind :is(.max-h-10) {
  max-height: 2.5rem;
}

#tailwind :is(.max-h-60) {
  max-height: 15rem;
}

#tailwind :is(.max-h-64) {
  max-height: 16rem;
}

#tailwind :is(.max-h-\[120px\]) {
  max-height: 120px;
}

#tailwind :is(.max-h-\[246px\]) {
  max-height: 246px;
}

#tailwind :is(.max-h-\[40px\]) {
  max-height: 40px;
}

#tailwind :is(.max-h-\[60px\]) {
  max-height: 60px;
}

#tailwind :is(.max-h-\[64px\]) {
  max-height: 64px;
}

#tailwind :is(.max-h-\[84vh\]) {
  max-height: 84vh;
}

#tailwind :is(.max-h-screen) {
  max-height: 100vh;
}

#tailwind :is(.min-h-\[100px\]) {
  min-height: 100px;
}

#tailwind :is(.min-h-\[140px\]) {
  min-height: 140px;
}

#tailwind :is(.min-h-\[200px\]) {
  min-height: 200px;
}

#tailwind :is(.min-h-\[208px\]) {
  min-height: 208px;
}

#tailwind :is(.min-h-\[62px\]) {
  min-height: 62px;
}

#tailwind :is(.min-h-\[77px\]) {
  min-height: 77px;
}

#tailwind :is(.min-h-full) {
  min-height: 100%;
}

#tailwind :is(.min-h-screen) {
  min-height: 100vh;
}

#tailwind :is(.w-0) {
  width: 0px;
}

#tailwind :is(.w-1) {
  width: 0.25rem;
}

#tailwind :is(.w-1\.5) {
  width: 0.375rem;
}

#tailwind :is(.w-1\/2) {
  width: 50%;
}

#tailwind :is(.w-1\/3) {
  width: 33.333333%;
}

#tailwind :is(.w-10) {
  width: 2.5rem;
}

#tailwind :is(.w-100-52) {
  width: calc(100% - 52px);
}

#tailwind :is(.w-11) {
  width: 2.75rem;
}

#tailwind :is(.w-12) {
  width: 3rem;
}

#tailwind :is(.w-14) {
  width: 3.5rem;
}

#tailwind :is(.w-16) {
  width: 4rem;
}

#tailwind :is(.w-2) {
  width: 0.5rem;
}

#tailwind :is(.w-2\.5) {
  width: 0.625rem;
}

#tailwind :is(.w-20) {
  width: 5rem;
}

#tailwind :is(.w-24) {
  width: 6rem;
}

#tailwind :is(.w-28) {
  width: 7rem;
}

#tailwind :is(.w-3) {
  width: 0.75rem;
}

#tailwind :is(.w-3\.5) {
  width: 0.875rem;
}

#tailwind :is(.w-32) {
  width: 8rem;
}

#tailwind :is(.w-36) {
  width: 9rem;
}

#tailwind :is(.w-4) {
  width: 1rem;
}

#tailwind :is(.w-4\/12) {
  width: 33.333333%;
}

#tailwind :is(.w-40) {
  width: 10rem;
}

#tailwind :is(.w-48) {
  width: 12rem;
}

#tailwind :is(.w-5) {
  width: 1.25rem;
}

#tailwind :is(.w-5\/12) {
  width: 41.666667%;
}

#tailwind :is(.w-56) {
  width: 14rem;
}

#tailwind :is(.w-6) {
  width: 1.5rem;
}

#tailwind :is(.w-6\/12) {
  width: 50%;
}

#tailwind :is(.w-7) {
  width: 1.75rem;
}

#tailwind :is(.w-8) {
  width: 2rem;
}

#tailwind :is(.w-9) {
  width: 2.25rem;
}

#tailwind :is(.w-96) {
  width: 24rem;
}

#tailwind :is(.w-\[100px\]) {
  width: 100px;
}

#tailwind :is(.w-\[124px\]) {
  width: 124px;
}

#tailwind :is(.w-\[128px\]) {
  width: 128px;
}

#tailwind :is(.w-\[154px\]) {
  width: 154px;
}

#tailwind :is(.w-\[16px\]) {
  width: 16px;
}

#tailwind :is(.w-\[186px\]) {
  width: 186px;
}

#tailwind :is(.w-\[18px\]) {
  width: 18px;
}

#tailwind :is(.w-\[200px\]) {
  width: 200px;
}

#tailwind :is(.w-\[20rem\]) {
  width: 20rem;
}

#tailwind :is(.w-\[213px\]) {
  width: 213px;
}

#tailwind :is(.w-\[220px\]) {
  width: 220px;
}

#tailwind :is(.w-\[240px\]) {
  width: 240px;
}

#tailwind :is(.w-\[242px\]) {
  width: 242px;
}

#tailwind :is(.w-\[245px\]) {
  width: 245px;
}

#tailwind :is(.w-\[280px\]) {
  width: 280px;
}

#tailwind :is(.w-\[30px\]) {
  width: 30px;
}

#tailwind :is(.w-\[400px\]) {
  width: 400px;
}

#tailwind :is(.w-\[46px\]) {
  width: 46px;
}

#tailwind :is(.w-\[48px\]) {
  width: 48px;
}

#tailwind :is(.w-\[52px\]) {
  width: 52px;
}

#tailwind :is(.w-\[60px\]) {
  width: 60px;
}

#tailwind :is(.w-\[70px\]) {
  width: 70px;
}

#tailwind :is(.w-\[72px\]) {
  width: 72px;
}

#tailwind :is(.w-auto) {
  width: auto;
}

#tailwind :is(.w-full) {
  width: 100%;
}

#tailwind :is(.w-max) {
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
}

#tailwind :is(.w-min) {
  width: -moz-min-content;
  width: -webkit-min-content;
  width: min-content;
}

#tailwind :is(.w-px) {
  width: 1px;
}

#tailwind :is(.w-screen) {
  width: 100vw;
}

#tailwind :is(.min-w-0) {
  min-width: 0px;
}

#tailwind :is(.min-w-\[105px\]) {
  min-width: 105px;
}

#tailwind :is(.min-w-\[122px\]) {
  min-width: 122px;
}

#tailwind :is(.min-w-\[20px\]) {
  min-width: 20px;
}

#tailwind :is(.min-w-\[24px\]) {
  min-width: 24px;
}

#tailwind :is(.min-w-\[250px\]) {
  min-width: 250px;
}

#tailwind :is(.min-w-\[268px\]) {
  min-width: 268px;
}

#tailwind :is(.min-w-\[76px\]) {
  min-width: 76px;
}

#tailwind :is(.min-w-full) {
  min-width: 100%;
}

#tailwind :is(.max-w-2xl) {
  max-width: 42rem;
}

#tailwind :is(.max-w-3xl) {
  max-width: 48rem;
}

#tailwind :is(.max-w-4xl) {
  max-width: 56rem;
}

#tailwind :is(.max-w-6xl) {
  max-width: 72rem;
}

#tailwind :is(.max-w-\[1040px\]) {
  max-width: 1040px;
}

#tailwind :is(.max-w-\[1200px\]) {
  max-width: 1200px;
}

#tailwind :is(.max-w-\[1220px\]) {
  max-width: 1220px;
}

#tailwind :is(.max-w-\[1232px\]) {
  max-width: 1232px;
}

#tailwind :is(.max-w-\[124px\]) {
  max-width: 124px;
}

#tailwind :is(.max-w-\[144px\]) {
  max-width: 144px;
}

#tailwind :is(.max-w-\[150px\]) {
  max-width: 150px;
}

#tailwind :is(.max-w-\[200px\]) {
  max-width: 200px;
}

#tailwind :is(.max-w-\[224px\]) {
  max-width: 224px;
}

#tailwind :is(.max-w-\[238px\]) {
  max-width: 238px;
}

#tailwind :is(.max-w-\[240px\]) {
  max-width: 240px;
}

#tailwind :is(.max-w-\[241px\]) {
  max-width: 241px;
}

#tailwind :is(.max-w-\[254px\]) {
  max-width: 254px;
}

#tailwind :is(.max-w-\[300px\]) {
  max-width: 300px;
}

#tailwind :is(.max-w-\[338px\]) {
  max-width: 338px;
}

#tailwind :is(.max-w-\[368px\]) {
  max-width: 368px;
}

#tailwind :is(.max-w-\[400px\]) {
  max-width: 400px;
}

#tailwind :is(.max-w-\[420px\]) {
  max-width: 420px;
}

#tailwind :is(.max-w-\[480px\]) {
  max-width: 480px;
}

#tailwind :is(.max-w-\[580px\]) {
  max-width: 580px;
}

#tailwind :is(.max-w-\[600px\]) {
  max-width: 600px;
}

#tailwind :is(.max-w-\[630px\]) {
  max-width: 630px;
}

#tailwind :is(.max-w-\[800px\]) {
  max-width: 800px;
}

#tailwind :is(.max-w-\[900px\]) {
  max-width: 900px;
}

#tailwind :is(.max-w-\[90px\]) {
  max-width: 90px;
}

#tailwind :is(.max-w-full) {
  max-width: 100%;
}

#tailwind :is(.max-w-md) {
  max-width: 28rem;
}

#tailwind :is(.max-w-screen-lg) {
  max-width: 1024px;
}

#tailwind :is(.max-w-screen-md) {
  max-width: 768px;
}

#tailwind :is(.max-w-screen-xl) {
  max-width: 1280px;
}

#tailwind :is(.max-w-sm) {
  max-width: 24rem;
}

#tailwind :is(.max-w-xl) {
  max-width: 36rem;
}

#tailwind :is(.flex-1) {
  -webkit-box-flex: 1;
          flex: 1 1 0%;
}

#tailwind :is(.flex-auto) {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
}

#tailwind :is(.flex-none) {
  -webkit-box-flex: 0;
          flex: none;
}

#tailwind :is(.flex-shrink-0) {
  flex-shrink: 0;
}

#tailwind :is(.shrink-0) {
  flex-shrink: 0;
}

#tailwind :is(.flex-grow) {
  -webkit-box-flex: 1;
          flex-grow: 1;
}

#tailwind :is(.grow) {
  -webkit-box-flex: 1;
          flex-grow: 1;
}

#tailwind :is(.border-collapse) {
  border-collapse: collapse;
}

#tailwind :is(.-translate-x-1\/2) {
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind :is(.-translate-y-1\/2) {
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind :is(.-translate-y-2\/4) {
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind :is(.translate-x-1) {
  --tw-translate-x: 0.25rem;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind :is(.translate-y-1) {
  --tw-translate-y: 0.25rem;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind :is(.-rotate-180) {
  --tw-rotate: -180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind :is(.-rotate-90) {
  --tw-rotate: -90deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind :is(.rotate-180) {
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind :is(.rotate-90) {
  --tw-rotate: 90deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind :is(.transform) {
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@-webkit-keyframes appear {
  0% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
    opacity: 0;
  }

  25% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateY(2%);
            transform: translateY(2%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes appear {
  0% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
    opacity: 0;
  }

  25% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateY(2%);
            transform: translateY(2%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

#tailwind :is(.animate-appear) {
  -webkit-animation: appear 500ms ease-out;
          animation: appear 500ms ease-out;
}

@-webkit-keyframes disappear {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0.5;
    max-height: 200px;
  }

  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
    max-height: 0;
  }
}

@keyframes disappear {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0.5;
    max-height: 200px;
  }

  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
    max-height: 0;
  }
}

#tailwind :is(.animate-disappear) {
  -webkit-animation: disappear 500ms ease-out;
          animation: disappear 500ms ease-out;
}

@-webkit-keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

#tailwind :is(.animate-pulse) {
  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
          animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

#tailwind :is(.animate-spin) {
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

#tailwind :is(.cursor-not-allowed) {
  cursor: not-allowed;
}

#tailwind :is(.cursor-pointer) {
  cursor: pointer;
}

#tailwind :is(.select-all) {
  -webkit-user-select: all;
     -moz-user-select: all;
          -ms-user-select: all;
      user-select: all;
}

#tailwind :is(.resize) {
  resize: both;
}

#tailwind :is(.scroll-mt-24) {
  scroll-margin-top: 6rem;
}

#tailwind :is(.list-inside) {
  list-style-position: inside;
}

#tailwind :is(.list-disc) {
  list-style-type: disc;
}

#tailwind :is(.list-none) {
  list-style-type: none;
}

#tailwind :is(.appearance-none) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

#tailwind :is(.auto-cols-auto) {
  grid-auto-columns: auto;
}

#tailwind :is(.grid-cols-1) {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

#tailwind :is(.grid-cols-10) {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

#tailwind :is(.grid-cols-11) {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

#tailwind :is(.grid-cols-12) {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

#tailwind :is(.grid-cols-2) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#tailwind :is(.grid-cols-3) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#tailwind :is(.grid-cols-5) {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

#tailwind :is(.grid-cols-6) {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

#tailwind :is(.grid-cols-7) {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

#tailwind :is(.flex-row) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

#tailwind :is(.flex-col) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

#tailwind :is(.flex-col-reverse) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse;
}

#tailwind :is(.flex-wrap) {
  flex-wrap: wrap;
}

#tailwind :is(.items-start) {
  -webkit-box-align: start;
          align-items: flex-start;
}

#tailwind :is(.items-end) {
  -webkit-box-align: end;
          align-items: flex-end;
}

#tailwind :is(.items-center) {
  -webkit-box-align: center;
          align-items: center;
}

#tailwind :is(.items-baseline) {
  -webkit-box-align: baseline;
          align-items: baseline;
}

#tailwind :is(.justify-start) {
  -webkit-box-pack: start;
          justify-content: flex-start;
}

#tailwind :is(.justify-end) {
  -webkit-box-pack: end;
          justify-content: flex-end;
}

#tailwind :is(.justify-center) {
  -webkit-box-pack: center;
          justify-content: center;
}

#tailwind :is(.justify-between) {
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#tailwind :is(.gap-1) {
  gap: 0.25rem;
}

#tailwind :is(.gap-1\.5) {
  gap: 0.375rem;
}

#tailwind :is(.gap-10) {
  gap: 2.5rem;
}

#tailwind :is(.gap-2) {
  gap: 0.5rem;
}

#tailwind :is(.gap-2\.5) {
  gap: 0.625rem;
}

#tailwind :is(.gap-3) {
  gap: 0.75rem;
}

#tailwind :is(.gap-3\.5) {
  gap: 0.875rem;
}

#tailwind :is(.gap-4) {
  gap: 1rem;
}

#tailwind :is(.gap-5) {
  gap: 1.25rem;
}

#tailwind :is(.gap-6) {
  gap: 1.5rem;
}

#tailwind :is(.gap-7) {
  gap: 1.75rem;
}

#tailwind :is(.gap-8) {
  gap: 2rem;
}

#tailwind :is(.gap-\[7px\]) {
  gap: 7px;
}

#tailwind :is(.gap-px) {
  gap: 1px;
}

#tailwind :is(.gap-x-0) {
  -moz-column-gap: 0px;
       -webkit-column-gap: 0px;
          column-gap: 0px;
}

#tailwind :is(.gap-x-0\.5) {
  -moz-column-gap: 0.125rem;
       -webkit-column-gap: 0.125rem;
          column-gap: 0.125rem;
}

#tailwind :is(.gap-x-10) {
  -moz-column-gap: 2.5rem;
       -webkit-column-gap: 2.5rem;
          column-gap: 2.5rem;
}

#tailwind :is(.gap-x-2) {
  -moz-column-gap: 0.5rem;
       -webkit-column-gap: 0.5rem;
          column-gap: 0.5rem;
}

#tailwind :is(.gap-x-3) {
  -moz-column-gap: 0.75rem;
       -webkit-column-gap: 0.75rem;
          column-gap: 0.75rem;
}

#tailwind :is(.gap-x-4) {
  -moz-column-gap: 1rem;
       -webkit-column-gap: 1rem;
          column-gap: 1rem;
}

#tailwind :is(.gap-x-6) {
  -moz-column-gap: 1.5rem;
       -webkit-column-gap: 1.5rem;
          column-gap: 1.5rem;
}

#tailwind :is(.gap-y-1) {
  row-gap: 0.25rem;
}

#tailwind :is(.gap-y-1\.5) {
  row-gap: 0.375rem;
}

#tailwind :is(.gap-y-2) {
  row-gap: 0.5rem;
}

#tailwind :is(.gap-y-2\.5) {
  row-gap: 0.625rem;
}

#tailwind :is(.gap-y-3) {
  row-gap: 0.75rem;
}

#tailwind :is(.gap-y-4) {
  row-gap: 1rem;
}

#tailwind :is(.gap-y-5) {
  row-gap: 1.25rem;
}

#tailwind :is(.gap-y-6) {
  row-gap: 1.5rem;
}

#tailwind :is(.gap-y-8) {
  row-gap: 2rem;
}

#tailwind :is(.space-x-0 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}

#tailwind :is(.space-x-0\.5 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}

#tailwind :is(.space-x-1 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

#tailwind :is(.space-x-1\.5 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}

#tailwind :is(.space-x-2 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

#tailwind :is(.space-x-2\.5 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}

#tailwind :is(.space-x-3 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

#tailwind :is(.space-x-3\.5 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.875rem * var(--tw-space-x-reverse));
  margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
}

#tailwind :is(.space-x-4 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

#tailwind :is(.space-x-5 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}

#tailwind :is(.space-x-6 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

#tailwind :is(.space-y-1 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

#tailwind :is(.space-y-1\.5 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}

#tailwind :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

#tailwind :is(.space-y-3 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

#tailwind :is(.space-y-4 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

#tailwind :is(.space-y-5 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

#tailwind :is(.space-y-8 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

#tailwind :is(.divide-x > :not([hidden]) ~ :not([hidden])) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

#tailwind :is(.divide-y > :not([hidden]) ~ :not([hidden])) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

#tailwind :is(.divide-gray-200 > :not([hidden]) ~ :not([hidden])) {
  border-color: var(--gray-200);
}

#tailwind :is(.overflow-auto) {
  overflow: auto;
}

#tailwind :is(.overflow-hidden) {
  overflow: hidden;
}

#tailwind :is(.overflow-x-auto) {
  overflow-x: auto;
}

#tailwind :is(.overflow-y-auto) {
  overflow-y: auto;
}

#tailwind :is(.truncate) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#tailwind :is(.text-ellipsis) {
  text-overflow: ellipsis;
}

#tailwind :is(.whitespace-nowrap) {
  white-space: nowrap;
}

#tailwind :is(.text-nowrap) {
  text-wrap: nowrap;
}

#tailwind :is(.rounded) {
  border-radius: 0.25rem;
}

#tailwind :is(.rounded-2md) {
  border-radius: 10px;
}

#tailwind :is(.rounded-2xl) {
  border-radius: 1rem;
}

#tailwind :is(.rounded-3xl) {
  border-radius: 20px;
}

#tailwind :is(.rounded-4xl) {
  border-radius: 24px;
}

#tailwind :is(.rounded-6xl) {
  border-radius: 30px;
}

#tailwind :is(.rounded-\[14px\]) {
  border-radius: 14px;
}

#tailwind :is(.rounded-\[24px\]) {
  border-radius: 24px;
}

#tailwind :is(.rounded-\[32px\]) {
  border-radius: 32px;
}

#tailwind :is(.rounded-\[40px\]) {
  border-radius: 40px;
}

#tailwind :is(.rounded-full) {
  border-radius: 9999px;
}

#tailwind :is(.rounded-lg) {
  border-radius: 0.5rem;
}

#tailwind :is(.rounded-md) {
  border-radius: 0.375rem;
}

#tailwind :is(.rounded-none) {
  border-radius: 0px;
}

#tailwind :is(.rounded-xl) {
  border-radius: 0.75rem;
}

#tailwind :is(.rounded-b-2xl) {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

#tailwind :is(.rounded-l) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

#tailwind :is(.rounded-l-2xl) {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

#tailwind :is(.rounded-l-lg) {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

#tailwind :is(.rounded-l-none) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

#tailwind :is(.rounded-l-xl) {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

#tailwind :is(.rounded-r-lg) {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

#tailwind :is(.rounded-r-md) {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

#tailwind :is(.rounded-r-xl) {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

#tailwind :is(.rounded-t-2xl) {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

#tailwind :is(.border) {
  border-width: 1px;
}

#tailwind :is(.border-0) {
  border-width: 0px;
}

#tailwind :is(.border-2) {
  border-width: 2px;
}

#tailwind :is(.border-\[6px\]) {
  border-width: 6px;
}

#tailwind :is(.border-y) {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

#tailwind :is(.border-b) {
  border-bottom-width: 1px;
}

#tailwind :is(.border-l) {
  border-left-width: 1px;
}

#tailwind :is(.border-l-8) {
  border-left-width: 8px;
}

#tailwind :is(.border-r) {
  border-right-width: 1px;
}

#tailwind :is(.border-t) {
  border-top-width: 1px;
}

#tailwind :is(.border-t-2) {
  border-top-width: 2px;
}

#tailwind :is(.border-solid) {
  border-style: solid;
}

#tailwind :is(.border-dashed) {
  border-style: dashed;
}

#tailwind :is(.border-none) {
  border-style: none;
}

#tailwind :is(.border-black) {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

#tailwind :is(.border-blue-100) {
  border-color: var(--blue-100);
}

#tailwind :is(.border-blue-200) {
  border-color: var(--blue-200);
}

#tailwind :is(.border-blue-300) {
  border-color: var(--blue-300);
}

#tailwind :is(.border-blue-400) {
  border-color: var(--blue-400);
}

#tailwind :is(.border-blue-50) {
  border-color: var(--blue-50);
}

#tailwind :is(.border-blue-800) {
  border-color: var(--blue-800);
}

#tailwind :is(.border-gray-100) {
  border-color: var(--gray-100);
}

#tailwind :is(.border-gray-200) {
  border-color: var(--gray-200);
}

#tailwind :is(.border-gray-300) {
  border-color: var(--gray-300);
}

#tailwind :is(.border-gray-600) {
  border-color: var(--gray-600);
}

#tailwind :is(.border-green-200) {
  border-color: var(--green-200);
}

#tailwind :is(.border-green-50) {
  border-color: var(--green-50);
}

#tailwind :is(.border-purple-200) {
  border-color: var(--purple-200);
}

#tailwind :is(.border-purple-300) {
  border-color: var(--purple-300);
}

#tailwind :is(.border-purple-400) {
  border-color: var(--purple-400);
}

#tailwind :is(.border-purple-800) {
  border-color: var(--purple-800);
}

#tailwind :is(.border-red-200) {
  border-color: var(--red-200);
}

#tailwind :is(.border-red-400) {
  border-color: var(--red-400);
}

#tailwind :is(.border-teal-100) {
  border-color: var(--teal-100);
}

#tailwind :is(.border-transparent) {
  border-color: transparent;
}

#tailwind :is(.border-white) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

#tailwind :is(.border-yellow-200) {
  border-color: var(--yellow-200);
}

#tailwind :is(.border-yellow-300) {
  border-color: var(--yellow-300);
}

#tailwind :is(.border-yellow-400) {
  border-color: var(--yellow-400);
}

#tailwind :is(.border-yellow-500) {
  border-color: var(--yellow-500);
}

#tailwind :is(.bg-\[\#B7BECD\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(183 190 205 / var(--tw-bg-opacity));
}

#tailwind :is(.bg-\[\#FBFAFA\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 250 / var(--tw-bg-opacity));
}

#tailwind :is(.bg-\[\#FBFBFD\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 253 / var(--tw-bg-opacity));
}

#tailwind :is(.bg-\[\#FFFAF0\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 240 / var(--tw-bg-opacity));
}

#tailwind :is(.bg-black) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

#tailwind :is(.bg-blue-100) {
  background-color: var(--blue-100);
}

#tailwind :is(.bg-blue-200) {
  background-color: var(--blue-200);
}

#tailwind :is(.bg-blue-25) {
  background-color: var(--blue-25);
}

#tailwind :is(.bg-blue-300) {
  background-color: var(--blue-300);
}

#tailwind :is(.bg-blue-50) {
  background-color: var(--blue-50);
}

#tailwind :is(.bg-blue-500) {
  background-color: var(--blue-500);
}

#tailwind :is(.bg-blue-600) {
  background-color: var(--blue-600);
}

#tailwind :is(.bg-blue-700) {
  background-color: var(--blue-700);
}

#tailwind :is(.bg-blue-800) {
  background-color: var(--blue-800);
}

#tailwind :is(.bg-blue-800\/30) {
  background-color: var(--blue-800-opacity-30);
}

#tailwind :is(.bg-blue-900) {
  background-color: var(--blue-900);
}

#tailwind :is(.bg-gray-100) {
  background-color: var(--gray-100);
}

#tailwind :is(.bg-gray-150) {
  background-color: var(--gray-150);
}

#tailwind :is(.bg-gray-200) {
  background-color: var(--gray-200);
}

#tailwind :is(.bg-gray-200\/70) {
  background-color: var(--gray-200-opacity-70);
}

#tailwind :is(.bg-gray-25) {
  background-color: var(--gray-25);
}

#tailwind :is(.bg-gray-250) {
  background-color: var(--gray-250);
}

#tailwind :is(.bg-gray-300) {
  background-color: var(--gray-300);
}

#tailwind :is(.bg-gray-400) {
  background-color: var(--gray-400);
}

#tailwind :is(.bg-gray-50) {
  background-color: var(--gray-50);
}

#tailwind :is(.bg-gray-500) {
  background-color: var(--gray-500);
}

#tailwind :is(.bg-gray-900) {
  background-color: var(--gray-900);
}

#tailwind :is(.bg-gray-950) {
  background-color: var(--gray-950);
}

#tailwind :is(.bg-green-100) {
  background-color: var(--green-100);
}

#tailwind :is(.bg-green-200) {
  background-color: var(--green-200);
}

#tailwind :is(.bg-green-25) {
  background-color: var(--green-25);
}

#tailwind :is(.bg-green-300) {
  background-color: var(--green-300);
}

#tailwind :is(.bg-green-400) {
  background-color: var(--green-400);
}

#tailwind :is(.bg-green-50) {
  background-color: var(--green-50);
}

#tailwind :is(.bg-green-600) {
  background-color: var(--green-600);
}

#tailwind :is(.bg-green-75) {
  background-color: var(--green-75);
}

#tailwind :is(.bg-indigo-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}

#tailwind :is(.bg-orange-100) {
  background-color: var(--orange-100);
}

#tailwind :is(.bg-orange-200) {
  background-color: var(--orange-200);
}

#tailwind :is(.bg-orange-50) {
  background-color: var(--orange-50);
}

#tailwind :is(.bg-orange-600) {
  background-color: var(--orange-600);
}

#tailwind :is(.bg-pink-100) {
  background-color: var(--pink-100);
}

#tailwind :is(.bg-pink-200) {
  background-color: var(--pink-200);
}

#tailwind :is(.bg-pink-50) {
  background-color: var(--pink-50);
}

#tailwind :is(.bg-purple-100) {
  background-color: var(--purple-100);
}

#tailwind :is(.bg-purple-200) {
  background-color: var(--purple-200);
}

#tailwind :is(.bg-purple-25) {
  background-color: var(--purple-25);
}

#tailwind :is(.bg-purple-300) {
  background-color: var(--purple-300);
}

#tailwind :is(.bg-purple-50) {
  background-color: var(--purple-50);
}

#tailwind :is(.bg-purple-600) {
  background-color: var(--purple-600);
}

#tailwind :is(.bg-purple-700) {
  background-color: var(--purple-700);
}

#tailwind :is(.bg-purple-800) {
  background-color: var(--purple-800);
}

#tailwind :is(.bg-red-100) {
  background-color: var(--red-100);
}

#tailwind :is(.bg-red-200) {
  background-color: var(--red-200);
}

#tailwind :is(.bg-red-300) {
  background-color: var(--red-300);
}

#tailwind :is(.bg-red-50) {
  background-color: var(--red-50);
}

#tailwind :is(.bg-red-500) {
  background-color: var(--red-500);
}

#tailwind :is(.bg-rose-100) {
  background-color: var(--rose-100);
}

#tailwind :is(.bg-rose-200) {
  background-color: var(--rose-200);
}

#tailwind :is(.bg-rose-400) {
  background-color: var(--rose-400);
}

#tailwind :is(.bg-rose-50) {
  background-color: var(--rose-50);
}

#tailwind :is(.bg-teal-100) {
  background-color: var(--teal-100);
}

#tailwind :is(.bg-teal-200) {
  background-color: var(--teal-200);
}

#tailwind :is(.bg-teal-50) {
  background-color: var(--teal-50);
}

#tailwind :is(.bg-transparent) {
  background-color: transparent;
}

#tailwind :is(.bg-white) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

#tailwind :is(.bg-yellow-100) {
  background-color: var(--yellow-100);
}

#tailwind :is(.bg-yellow-200) {
  background-color: var(--yellow-200);
}

#tailwind :is(.bg-yellow-300) {
  background-color: var(--yellow-300);
}

#tailwind :is(.bg-yellow-400) {
  background-color: var(--yellow-400);
}

#tailwind :is(.bg-yellow-50) {
  background-color: var(--yellow-50);
}

#tailwind :is(.bg-yellow-700) {
  background-color: var(--yellow-700);
}

#tailwind :is(.bg-yellow-750) {
  background-color: var(--yellow-750);
}

#tailwind :is(.bg-opacity-10) {
  --tw-bg-opacity: 0.1;
}

#tailwind :is(.bg-opacity-25) {
  --tw-bg-opacity: 0.25;
}

#tailwind :is(.bg-opacity-5) {
  --tw-bg-opacity: 0.05;
}

#tailwind :is(.bg-opacity-50) {
  --tw-bg-opacity: 0.5;
}

#tailwind :is(.bg-opacity-90) {
  --tw-bg-opacity: 0.9;
}

#tailwind :is(.bg-calendar-switch) {
  background-image: -webkit-gradient(linear, left top, right top, from(#2D2DF0), color-stop(50%, #7C2CFF), to(#8729FF));
  background-image: linear-gradient(to right, #2D2DF0 0%, #7C2CFF 50%, #8729FF 100%);
}

#tailwind :is(.bg-skeleton-pattern) {
  background-image: linear-gradient(107.03deg, #F4F7FF -22.13%, #E8EDF8 49.24%);
}

#tailwind :is(.fill-blue-500) {
  fill: var(--blue-500);
}

#tailwind :is(.fill-purple-800) {
  fill: var(--purple-800);
}

#tailwind :is(.fill-white) {
  fill: #fff;
}

#tailwind :is(.stroke-blue-100) {
  stroke: var(--blue-100);
}

#tailwind :is(.stroke-blue-600) {
  stroke: var(--blue-600);
}

#tailwind :is(.stroke-orange-100) {
  stroke: var(--orange-100);
}

#tailwind :is(.stroke-orange-400) {
  stroke: var(--orange-400);
}

#tailwind :is(.stroke-red-100) {
  stroke: var(--red-100);
}

#tailwind :is(.stroke-red-600) {
  stroke: var(--red-600);
}

#tailwind :is(.stroke-teal-100) {
  stroke: var(--teal-100);
}

#tailwind :is(.stroke-teal-500) {
  stroke: var(--teal-500);
}

#tailwind :is(.object-contain) {
  -o-object-fit: contain;
     object-fit: contain;
}

#tailwind :is(.object-cover) {
  -o-object-fit: cover;
     object-fit: cover;
}

#tailwind :is(.p-0) {
  padding: 0px;
}

#tailwind :is(.p-0\.5) {
  padding: 0.125rem;
}

#tailwind :is(.p-1) {
  padding: 0.25rem;
}

#tailwind :is(.p-1\.5) {
  padding: 0.375rem;
}

#tailwind :is(.p-10) {
  padding: 2.5rem;
}

#tailwind :is(.p-2) {
  padding: 0.5rem;
}

#tailwind :is(.p-2\.5) {
  padding: 0.625rem;
}

#tailwind :is(.p-3) {
  padding: 0.75rem;
}

#tailwind :is(.p-3\.5) {
  padding: 0.875rem;
}

#tailwind :is(.p-4) {
  padding: 1rem;
}

#tailwind :is(.p-5) {
  padding: 1.25rem;
}

#tailwind :is(.p-6) {
  padding: 1.5rem;
}

#tailwind :is(.p-7) {
  padding: 1.75rem;
}

#tailwind :is(.p-8) {
  padding: 2rem;
}

#tailwind :is(.p-\[30px\]) {
  padding: 30px;
}

#tailwind :is(.px-0) {
  padding-left: 0px;
  padding-right: 0px;
}

#tailwind :is(.px-0\.5) {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

#tailwind :is(.px-1) {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

#tailwind :is(.px-1\.5) {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

#tailwind :is(.px-10) {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

#tailwind :is(.px-12) {
  padding-left: 3rem;
  padding-right: 3rem;
}

#tailwind :is(.px-14) {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

#tailwind :is(.px-2) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

#tailwind :is(.px-2\.5) {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

#tailwind :is(.px-3) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

#tailwind :is(.px-3\.5) {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

#tailwind :is(.px-4) {
  padding-left: 1rem;
  padding-right: 1rem;
}

#tailwind :is(.px-5) {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

#tailwind :is(.px-6) {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

#tailwind :is(.px-7) {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

#tailwind :is(.px-8) {
  padding-left: 2rem;
  padding-right: 2rem;
}

#tailwind :is(.px-9) {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

#tailwind :is(.px-\[26px\]) {
  padding-left: 26px;
  padding-right: 26px;
}

#tailwind :is(.px-\[7px\]) {
  padding-left: 7px;
  padding-right: 7px;
}

#tailwind :is(.py-0) {
  padding-top: 0px;
  padding-bottom: 0px;
}

#tailwind :is(.py-0\.5) {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

#tailwind :is(.py-1) {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

#tailwind :is(.py-1\.5) {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

#tailwind :is(.py-10) {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

#tailwind :is(.py-12) {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

#tailwind :is(.py-14) {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

#tailwind :is(.py-2) {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

#tailwind :is(.py-2\.5) {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

#tailwind :is(.py-20) {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

#tailwind :is(.py-3) {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

#tailwind :is(.py-3\.5) {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

#tailwind :is(.py-4) {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#tailwind :is(.py-5) {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

#tailwind :is(.py-6) {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

#tailwind :is(.py-7) {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

#tailwind :is(.py-8) {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#tailwind :is(.py-\[11px\]) {
  padding-top: 11px;
  padding-bottom: 11px;
}

#tailwind :is(.py-\[22px\]) {
  padding-top: 22px;
  padding-bottom: 22px;
}

#tailwind :is(.py-\[26px\]) {
  padding-top: 26px;
  padding-bottom: 26px;
}

#tailwind :is(.py-\[3px\]) {
  padding-top: 3px;
  padding-bottom: 3px;
}

#tailwind :is(.py-px) {
  padding-top: 1px;
  padding-bottom: 1px;
}

#tailwind :is(.pb-0) {
  padding-bottom: 0px;
}

#tailwind :is(.pb-1) {
  padding-bottom: 0.25rem;
}

#tailwind :is(.pb-1\.5) {
  padding-bottom: 0.375rem;
}

#tailwind :is(.pb-10) {
  padding-bottom: 2.5rem;
}

#tailwind :is(.pb-12) {
  padding-bottom: 3rem;
}

#tailwind :is(.pb-16) {
  padding-bottom: 4rem;
}

#tailwind :is(.pb-2) {
  padding-bottom: 0.5rem;
}

#tailwind :is(.pb-2\.5) {
  padding-bottom: 0.625rem;
}

#tailwind :is(.pb-3) {
  padding-bottom: 0.75rem;
}

#tailwind :is(.pb-3\.5) {
  padding-bottom: 0.875rem;
}

#tailwind :is(.pb-4) {
  padding-bottom: 1rem;
}

#tailwind :is(.pb-5) {
  padding-bottom: 1.25rem;
}

#tailwind :is(.pb-6) {
  padding-bottom: 1.5rem;
}

#tailwind :is(.pb-7) {
  padding-bottom: 1.75rem;
}

#tailwind :is(.pb-8) {
  padding-bottom: 2rem;
}

#tailwind :is(.pb-px) {
  padding-bottom: 1px;
}

#tailwind :is(.pl-1) {
  padding-left: 0.25rem;
}

#tailwind :is(.pl-1\.5) {
  padding-left: 0.375rem;
}

#tailwind :is(.pl-11) {
  padding-left: 2.75rem;
}

#tailwind :is(.pl-2) {
  padding-left: 0.5rem;
}

#tailwind :is(.pl-2\.5) {
  padding-left: 0.625rem;
}

#tailwind :is(.pl-3) {
  padding-left: 0.75rem;
}

#tailwind :is(.pl-3\.5) {
  padding-left: 0.875rem;
}

#tailwind :is(.pl-5) {
  padding-left: 1.25rem;
}

#tailwind :is(.pl-6) {
  padding-left: 1.5rem;
}

#tailwind :is(.pl-7) {
  padding-left: 1.75rem;
}

#tailwind :is(.pl-8) {
  padding-left: 2rem;
}

#tailwind :is(.pr-1) {
  padding-right: 0.25rem;
}

#tailwind :is(.pr-10) {
  padding-right: 2.5rem;
}

#tailwind :is(.pr-2) {
  padding-right: 0.5rem;
}

#tailwind :is(.pr-2\.5) {
  padding-right: 0.625rem;
}

#tailwind :is(.pr-3) {
  padding-right: 0.75rem;
}

#tailwind :is(.pr-4) {
  padding-right: 1rem;
}

#tailwind :is(.pr-5) {
  padding-right: 1.25rem;
}

#tailwind :is(.pr-6) {
  padding-right: 1.5rem;
}

#tailwind :is(.pr-8) {
  padding-right: 2rem;
}

#tailwind :is(.pt-0) {
  padding-top: 0px;
}

#tailwind :is(.pt-1) {
  padding-top: 0.25rem;
}

#tailwind :is(.pt-1\.5) {
  padding-top: 0.375rem;
}

#tailwind :is(.pt-12) {
  padding-top: 3rem;
}

#tailwind :is(.pt-16) {
  padding-top: 4rem;
}

#tailwind :is(.pt-2) {
  padding-top: 0.5rem;
}

#tailwind :is(.pt-2\.5) {
  padding-top: 0.625rem;
}

#tailwind :is(.pt-3) {
  padding-top: 0.75rem;
}

#tailwind :is(.pt-3\.5) {
  padding-top: 0.875rem;
}

#tailwind :is(.pt-4) {
  padding-top: 1rem;
}

#tailwind :is(.pt-5) {
  padding-top: 1.25rem;
}

#tailwind :is(.pt-6) {
  padding-top: 1.5rem;
}

#tailwind :is(.pt-8) {
  padding-top: 2rem;
}

#tailwind :is(.pt-\[18px\]) {
  padding-top: 18px;
}

#tailwind :is(.pt-\[3px\]) {
  padding-top: 3px;
}

#tailwind :is(.text-left) {
  text-align: left;
}

#tailwind :is(.text-center) {
  text-align: center;
}

#tailwind :is(.text-right) {
  text-align: right;
}

#tailwind :is(.text-justify) {
  text-align: justify;
}

#tailwind :is(.align-top) {
  vertical-align: top;
}

#tailwind :is(.align-middle) {
  vertical-align: middle;
}

#tailwind :is(.font-poppins) {
  font-family: Poppins, Times New Roman, Times, sans-serif;
}

#tailwind :is(.text-13) {
  font-size: 13px;
}

#tailwind :is(.text-16) {
  font-size: 16px;
}

#tailwind :is(.text-2xl) {
  font-size: 1.5rem;
  line-height: 2rem;
}

#tailwind :is(.text-3xl) {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

#tailwind :is(.text-4xl) {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

#tailwind :is(.text-\[10px\]) {
  font-size: 10px;
}

#tailwind :is(.text-\[11px\]) {
  font-size: 11px;
}

#tailwind :is(.text-\[13px\]) {
  font-size: 13px;
}

#tailwind :is(.text-\[15px\]) {
  font-size: 15px;
}

#tailwind :is(.text-\[22px\]) {
  font-size: 22px;
}

#tailwind :is(.text-\[28px\]) {
  font-size: 28px;
}

#tailwind :is(.text-\[30px\]) {
  font-size: 30px;
}

#tailwind :is(.text-\[32px\]) {
  font-size: 32px;
}

#tailwind :is(.text-base) {
  font-size: 1rem;
  line-height: 1.5rem;
}

#tailwind :is(.text-lg) {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

#tailwind :is(.text-sm) {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#tailwind :is(.text-xl) {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

#tailwind :is(.text-xs) {
  font-size: 0.75rem;
  line-height: 1rem;
}

#tailwind :is(.font-bold) {
  font-weight: 700;
}

#tailwind :is(.font-light) {
  font-weight: 300;
}

#tailwind :is(.font-medium) {
  font-weight: 500;
}

#tailwind :is(.font-normal) {
  font-weight: 400;
}

#tailwind :is(.font-semibold) {
  font-weight: 600;
}

#tailwind :is(.uppercase) {
  text-transform: uppercase;
}

#tailwind :is(.lowercase) {
  text-transform: lowercase;
}

#tailwind :is(.capitalize) {
  text-transform: capitalize;
}

#tailwind :is(.normal-case) {
  text-transform: none;
}

#tailwind :is(.italic) {
  font-style: italic;
}

#tailwind :is(.leading-4) {
  line-height: 1rem;
}

#tailwind :is(.leading-5) {
  line-height: 1.25rem;
}

#tailwind :is(.leading-6) {
  line-height: 1.5rem;
}

#tailwind :is(.leading-7) {
  line-height: 1.75rem;
}

#tailwind :is(.leading-7\.5) {
  line-height: 1.875;
}

#tailwind :is(.leading-9) {
  line-height: 2.25rem;
}

#tailwind :is(.leading-\[20px\]) {
  line-height: 20px;
}

#tailwind :is(.leading-\[22px\]) {
  line-height: 22px;
}

#tailwind :is(.leading-none) {
  line-height: 1;
}

#tailwind :is(.leading-normal) {
  line-height: 1.5;
}

#tailwind :is(.leading-relaxed) {
  line-height: 1.625;
}

#tailwind :is(.leading-snug) {
  line-height: 1.375;
}

#tailwind :is(.leading-tight) {
  line-height: 1.25;
}

#tailwind :is(.tracking-\[1px\]) {
  letter-spacing: 1px;
}

#tailwind :is(.tracking-wide) {
  letter-spacing: 0.025em;
}

#tailwind :is(.text-\[\#10109B\]) {
  --tw-text-opacity: 1;
  color: rgb(16 16 155 / var(--tw-text-opacity));
}

#tailwind :is(.text-\[\#760909\]) {
  --tw-text-opacity: 1;
  color: rgb(118 9 9 / var(--tw-text-opacity));
}

#tailwind :is(.text-\[\#767889\]) {
  --tw-text-opacity: 1;
  color: rgb(118 120 137 / var(--tw-text-opacity));
}

#tailwind :is(.text-\[\#961AAF\]) {
  --tw-text-opacity: 1;
  color: rgb(150 26 175 / var(--tw-text-opacity));
}

#tailwind :is(.text-black) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

#tailwind :is(.text-blue-400) {
  color: var(--blue-400);
}

#tailwind :is(.text-blue-50) {
  color: var(--blue-50);
}

#tailwind :is(.text-blue-500) {
  color: var(--blue-500);
}

#tailwind :is(.text-blue-600) {
  color: var(--blue-600);
}

#tailwind :is(.text-blue-700) {
  color: var(--blue-700);
}

#tailwind :is(.text-blue-800) {
  color: var(--blue-800);
}

#tailwind :is(.text-blue-900) {
  color: var(--blue-900);
}

#tailwind :is(.text-current) {
  color: currentColor;
}

#tailwind :is(.text-gray-100) {
  color: var(--gray-100);
}

#tailwind :is(.text-gray-200) {
  color: var(--gray-200);
}

#tailwind :is(.text-gray-300) {
  color: var(--gray-300);
}

#tailwind :is(.text-gray-400) {
  color: var(--gray-400);
}

#tailwind :is(.text-gray-500) {
  color: var(--gray-500);
}

#tailwind :is(.text-gray-600) {
  color: var(--gray-600);
}

#tailwind :is(.text-gray-700) {
  color: var(--gray-700);
}

#tailwind :is(.text-gray-800) {
  color: var(--gray-800);
}

#tailwind :is(.text-gray-850) {
  color: var(--gray-850);
}

#tailwind :is(.text-gray-900) {
  color: var(--gray-900);
}

#tailwind :is(.text-gray-950) {
  color: var(--gray-950);
}

#tailwind :is(.text-green-50) {
  color: var(--green-50);
}

#tailwind :is(.text-green-500) {
  color: var(--green-500);
}

#tailwind :is(.text-green-600) {
  color: var(--green-600);
}

#tailwind :is(.text-green-700) {
  color: var(--green-700);
}

#tailwind :is(.text-green-800) {
  color: var(--green-800);
}

#tailwind :is(.text-green-900) {
  color: var(--green-900);
}

#tailwind :is(.text-orange-50) {
  color: var(--orange-50);
}

#tailwind :is(.text-orange-600) {
  color: var(--orange-600);
}

#tailwind :is(.text-pink-600) {
  color: var(--pink-600);
}

#tailwind :is(.text-pink-700) {
  color: var(--pink-700);
}

#tailwind :is(.text-pink-800) {
  color: var(--pink-800);
}

#tailwind :is(.text-purple-200) {
  color: var(--purple-200);
}

#tailwind :is(.text-purple-500) {
  color: var(--purple-500);
}

#tailwind :is(.text-purple-600) {
  color: var(--purple-600);
}

#tailwind :is(.text-purple-700) {
  color: var(--purple-700);
}

#tailwind :is(.text-purple-800) {
  color: var(--purple-800);
}

#tailwind :is(.text-purple-900) {
  color: var(--purple-900);
}

#tailwind :is(.text-red-400) {
  color: var(--red-400);
}

#tailwind :is(.text-red-50) {
  color: var(--red-50);
}

#tailwind :is(.text-red-500) {
  color: var(--red-500);
}

#tailwind :is(.text-red-600) {
  color: var(--red-600);
}

#tailwind :is(.text-red-700) {
  color: var(--red-700);
}

#tailwind :is(.text-red-800) {
  color: var(--red-800);
}

#tailwind :is(.text-red-900) {
  color: var(--red-900);
}

#tailwind :is(.text-rose-600) {
  color: var(--rose-600);
}

#tailwind :is(.text-rose-700) {
  color: var(--rose-700);
}

#tailwind :is(.text-rose-800) {
  color: var(--rose-800);
}

#tailwind :is(.text-rose-900) {
  color: var(--rose-900);
}

#tailwind :is(.text-teal-500) {
  color: var(--teal-500);
}

#tailwind :is(.text-teal-600) {
  color: var(--teal-600);
}

#tailwind :is(.text-teal-800) {
  color: var(--teal-800);
}

#tailwind :is(.text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#tailwind :is(.text-yellow-400) {
  color: var(--yellow-400);
}

#tailwind :is(.text-yellow-50) {
  color: var(--yellow-50);
}

#tailwind :is(.text-yellow-600) {
  color: var(--yellow-600);
}

#tailwind :is(.text-yellow-700) {
  color: var(--yellow-700);
}

#tailwind :is(.text-yellow-800) {
  color: var(--yellow-800);
}

#tailwind :is(.text-yellow-900) {
  color: var(--yellow-900);
}

#tailwind :is(.underline) {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

#tailwind :is(.opacity-0) {
  opacity: 0;
}

#tailwind :is(.opacity-100) {
  opacity: 1;
}

#tailwind :is(.opacity-25) {
  opacity: 0.25;
}

#tailwind :is(.opacity-40) {
  opacity: 0.4;
}

#tailwind :is(.opacity-50) {
  opacity: 0.5;
}

#tailwind :is(.opacity-60) {
  opacity: 0.6;
}

#tailwind :is(.opacity-75) {
  opacity: 0.75;
}

#tailwind :is(.shadow) {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-btn-primary) {
  --tw-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-calendar-switch) {
  --tw-shadow: 0 6px 30px rgba(39,22,67,.06);
  --tw-shadow-colored: 0 6px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-calendar-switch-icon) {
  --tw-shadow: 0px 4px 30px rgba(103, 33, 159, 0.24), 0px 4px 30px rgba(192, 120, 249, 0.24);
  --tw-shadow-colored: 0px 4px 30px var(--tw-shadow-color), 0px 4px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-home-section) {
  --tw-shadow: 0 30px 90px rgba(227, 230, 236, 0.4);
  --tw-shadow-colored: 0 30px 90px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-image) {
  --tw-shadow: 0 7px 44px rgba(32, 29, 64, 0.1);
  --tw-shadow-colored: 0 7px 44px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-lg) {
  --tw-shadow: 0 30px 90px 0 rgba(227, 230, 236, 0.4);
  --tw-shadow-colored: 0 30px 90px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-md) {
  --tw-shadow:  0 20px 40px 0 rgba(227, 230, 236, 0.20);
  --tw-shadow-colored: 0 20px 40px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-menu) {
  --tw-shadow: 0 20px 40px 0 rgba(227, 230, 236, 0.2);
  --tw-shadow-colored: 0 20px 40px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-none) {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-product) {
  --tw-shadow: 0 4px 20px rgba(241, 242, 248, 1);
  --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-referral) {
  --tw-shadow: 0 6px 24px rgba(87, 217, 100, 0.32);
  --tw-shadow-colored: 0 6px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-slot-checked) {
  --tw-shadow: 0 4px 12px rgba(64, 60, 214, 0.2);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-sm) {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-xl) {
  --tw-shadow: 0 20px 24px 0 rgba(227, 230, 236, 0.4);
  --tw-shadow-colored: 0 20px 24px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.shadow-xs) {
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.outline-none) {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

#tailwind :is(.outline) {
  outline-style: solid;
}

#tailwind :is(.blur) {
  --tw-blur: blur(8px);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

#tailwind :is(.filter) {
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

#tailwind :is(.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);
}

#tailwind :is(.backdrop-blur-xs) {
  --tw-backdrop-blur: blur(2px);
  -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);
}

#tailwind :is(.transition) {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

#tailwind :is(.transition-all) {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

#tailwind :is(.transition-colors) {
  -webkit-transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

#tailwind :is(.transition-max-width) {
  -webkit-transition-property: max-width;
  transition-property: max-width;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

#tailwind :is(.transition-opacity) {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

#tailwind :is(.duration-150) {
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

#tailwind :is(.duration-200) {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind :is(.duration-300) {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

#tailwind :is(.ease-in) {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

#tailwind :is(.ease-in-out) {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

#backdrop {
  -webkit-transition: opacity .3s, height .3s;
  transition: opacity .3s, height .3s;
}

#backdrop.active {
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0.4;
}

#tailwind .hide-scroll-bar::-webkit-scrollbar {
  display: none;
}

#tailwind .hide-scroll-bar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html {
  font-size: 16px !important;
}

.svg-not-found {
  position: relative;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  background-color: var(--red-500);
  /* Make sure the container is positioned relatively so the pseudo-element is positioned in relation to it */
}

/* After uninstalling the bootstrap delete this */

.dashboard .modal h4,
.dashboard .modal .h4,
.dashboard .modal h5,
.dashboard .modal .h5,
.dashboard .modal h6,
.dashboard .modal .h6 {
  margin-top: 11.5px;
  margin-bottom: 11.5px;
}

.dashboard .modal h4,
.dashboard .modal .h4 {
  font-size: 24px;
}

.dashboard .modal h3,
.dashboard .modal .h3 {
  font-size: 34px;
}

.dashboard .modal h1,
.dashboard .modal .h1,
.dashboard .modal h2,
.dashboard .modal .h2,
.dashboard .modal h3,
.dashboard .modal .h3 {
  margin-top: 23px;
  margin-bottom: 11.5px;
}

.dashboard .modal table {
  font-size: 13px;
}

.dashboard .modal.time-slot-details h4 {
  margin: 0;
}

.dashboard .modal.time-slot-details .index {
  font-size: 17px;
}

.dashboard .modal strong {
  font-weight: bold;
}

.dashboard .modal p {
  margin: 0 0 11.5px;
}

.dashboard .collapse {
  visibility: visible;
}

#tailwind > header a:hover {
  color: currentColor;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.top-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 50;
  display: -webkit-box;
  display: flex;
  height: 2.75rem;
  -webkit-box-align: center;
          align-items: center;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: var(--gray-100);
  background-color: var(--gray-25);
  padding-left: 1rem;
  font-family: Poppins, Times New Roman, Times, sans-serif;
}

@media (min-width: 640px) {
  .top-bar {
    padding-left: 0px;
  }
}

.logo_title {
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind .nav li > a.nav__active {
  background-color: var(--purple-800);
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#tailwind .nav li > a.nav__active:hover {
  background-color: var(--purple-800);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media(min-width: 768px) {
  #tailwind .nav:hover {
    max-width: 300px;
  }

  #tailwind .nav li > a {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
  }

  #tailwind .nav li > a:hover {
    background-color: var(--gray-50);
    color: var(--gray-700);
  }

  #tailwind .nav:hover li > a > span,
    #tailwind .nav:hover .logo_title {
    opacity: 1;
  }

  #tailwind .nav:hover .help-link {
    background-color: var(--pink-25);
    --tw-shadow:  0 20px 40px 0 rgba(227, 230, 236, 0.20);
    --tw-shadow-colored: 0 20px 40px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  #tailwind .nav:hover .help-link:hover {
    background-color: var(--pink-50);
  }

  #tailwind .nav:hover .refer-link {
    background-color: var(--blue-25);
    --tw-shadow:  0 20px 40px 0 rgba(227, 230, 236, 0.20);
    --tw-shadow-colored: 0 20px 40px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  #tailwind .nav:hover .refer-link:hover {
    background-color: var(--blue-50);
  }

  #tailwind .nav:hover .help-link > span:nth-child(2),
    #tailwind .nav:hover .refer-link > span:nth-child(2),
    #tailwind .nav:hover .logout-link > span:nth-child(2) {
    opacity: 1;
  }
}

@media(max-width: 768px) {
  #tailwind .nav.open li > a > span,
    #tailwind .nav .logo_title {
    opacity: 1;
  }

  #tailwind .nav.open .help-link {
    background-color: var(--pink-25);
    --tw-shadow:  0 20px 40px 0 rgba(227, 230, 236, 0.20);
    --tw-shadow-colored: 0 20px 40px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  #tailwind .nav:hover .refer-link {
    background-color: var(--blue-25);
    --tw-shadow:  0 20px 40px 0 rgba(227, 230, 236, 0.20);
    --tw-shadow-colored: 0 20px 40px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  #tailwind .nav.open .help-link > span:nth-child(2),
    #tailwind .nav.open .refer-link > span:nth-child(2),
    #tailwind .nav.open .logout-link > span:nth-child(2) {
    opacity: 1;
  }
}

.menu-hamburger span {
  -webkit-transition: .3s;
  transition: .3s;
}

.menu-hamburger.open span:last-child {
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(-45deg) translate(2px, 2px);
          transform: rotate(-45deg) translate(2px, 2px);
  width: 16px;
}

.menu-hamburger.open span:nth-child(2) {
  opacity: 0;
}

.menu-hamburger.open span:first-child {
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(45deg) translate(0px, -2px);
          transform: rotate(45deg) translate(0px, -2px);
  width: 16px;
}

#tailwind.dashboard .form-control {
  height: auto;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-300);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-900);
}

#tailwind.dashboard .form-control::-moz-placeholder {
  color: var(--gray-500);
}

#tailwind.dashboard .form-control::-webkit-input-placeholder {
  color: var(--gray-500);
}

#tailwind.dashboard .form-control:-ms-input-placeholder {
  color: var(--gray-500);
}

#tailwind.dashboard .form-control::-ms-input-placeholder {
  color: var(--gray-500);
}

#tailwind.dashboard .form-control::placeholder {
  color: var(--gray-500);
}

#tailwind.dashboard .form-control {
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind.dashboard .form-control:focus {
  border-color: var(--purple-300);
  outline: 2px solid transparent;
  outline-width: 4px;
  outline-offset: 0px;
  outline-color: var(--purple-100);
}

#tailwind.dashboard .form-control.with_prefix {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

#tailwind.dashboard .form-control.error {
  border-color: var(--red-300);
}

#tailwind.dashboard .form-control.error:focus {
  border-color: var(--red-300);
  outline-width: 4px;
  outline-color: var(--red-100);
}

#tailwind.dashboard .form-control.field-with-icon {
  padding-left: 2.75rem;
}

#tailwind.dashboard .form-control.field-with-right-icon {
  padding-right: 2.75rem;
}

#tailwind.dashboard .form-control__date {
  height: 54px;
}

#tailwind.dashboard .form-control__md {
  height: 3rem;
}

/* Select component */

#tailwind.dashboard .multiselect {
  height: 3.5rem;
  padding-top: 5px;
  padding-bottom: 5px;
}

#tailwind.dashboard .form-select {
  width: 100%;
  border-radius: 1rem;
  border-width: 1px;
  border-color: var(--gray-300);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 1rem;
  padding-right: 2.5rem;
  line-height: 1.5;
  color: var(--gray-500);
  color: var(--gray-900);
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind.dashboard .form-select:focus {
  border-color: var(--purple-300);
  outline: 2px solid transparent;
  outline-width: 4px;
  outline-offset: 0px;
  outline-color: var(--purple-100);
}

#tailwind.dashboard .form-select {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9998 16.75C11.8078 16.75 11.6157 16.6771 11.4697 16.5301L4.46975 9.53005C4.17675 9.23705 4.17675 8.76202 4.46975 8.46902C4.76275 8.17602 5.23779 8.17602 5.53079 8.46902L12.0008 14.939L18.4707 8.46902C18.7637 8.17602 19.2388 8.17602 19.5318 8.46902C19.8248 8.76202 19.8248 9.23705 19.5318 9.53005L12.5318 16.5301C12.3838 16.6771 12.1918 16.75 11.9998 16.75Z" fill="%23667085"/></svg>');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: calc(100% - 16px) 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#tailwind.dashboard .form-select::-ms-expand {
  display: none;
}

#tailwind.dashboard .form-select.error {
  border-color: var(--red-300);
}

#tailwind.dashboard .form-select.error:focus {
  border-color: var(--red-300);
  outline-width: 4px;
  outline-color: var(--red-100);
}

/* Toggle component */

#tailwind.dashboard .form-toggle-box {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

#tailwind.dashboard .form-toggle-box label {
  margin: 0px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

#tailwind.dashboard .form-toggle-box > label > input:not(.form-control) {
  height: 0px;
  width: 0px;
  opacity: 0;
}

#tailwind.dashboard .form-toggle {
  margin-right: 1rem;
  display: -webkit-box;
  display: flex;
  height: 1.5rem;
  width: 2.75rem;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 0.75rem;
  background-color: var(--gray-300);
  padding: 0.125rem;
  -webkit-transition: background .2s;
  transition: background .2s;
}

#tailwind.dashboard .form-toggle:before {
  content: "";
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .form-toggle-xl + .form-toggle {
  margin-right: 0px;
  display: -webkit-box;
  display: flex;
  height: 34px;
  width: 60px;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 22px;
  background-color: var(--gray-300);
  padding: 0.25rem;
  -webkit-transition: background .2s;
  transition: background .2s;
}

#tailwind.dashboard .form-toggle-xl + .form-toggle:before {
  content: "";
  height: 26px;
  width: 26px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .form-toggle-box:hover .form-toggle {
  background-color: var(--purple-200);
}

#tailwind.dashboard .form-toggle-box input:focus + .form-toggle {
  outline-style: solid;
  outline-width: 4px;
  outline-offset: 0px;
  outline-color: var(--purple-100);
}

#tailwind.dashboard .form-toggle-box input:checked + .form-toggle {
  background-color: var(--purple-900);
}

#tailwind.dashboard .form-toggle-box input:checked + .form-toggle:before {
  --tw-translate-x: 100%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind.dashboard .form-toggle-box__right label {
  -webkit-box-ordinal-group: 3;
          order: 2;
}

#tailwind.dashboard .form-toggle-box__right > div {
  margin-left: 0px;
  -webkit-box-flex: 1;
          flex-grow: 1;
}

/*TODO: move this to checkbox component*/

#tailwind.dashboard .form-checkbox {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
}

#tailwind.dashboard .form-checkbox .custom-checkbox {
  margin-right: 0.625rem;
  margin-top: 0px;
  display: -webkit-box;
  display: flex;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-300);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

#tailwind.dashboard .form-checkbox .custom-checkbox:hover {
  border-color: var(--purple-800);
  background-color: var(--purple-100);
}

#tailwind.dashboard .form-checkbox input:focus + .custom-checkbox {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-width: 4px;
  outline-offset: 0px;
  outline-color: var(--purple-100);
}

#tailwind.dashboard .form-checkbox input:checked + .custom-checkbox {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: var(--purple-800);
}

#tailwind.dashboard .form-checkbox input:checked + .custom-checkbox svg {
  display: block;
}

#tailwind.dashboard .form-checkbox input:checked ~ .custom-checkbox-bg {
  opacity: 1;
}

#tailwind.dashboard .form-checkbox.form-checkbox-md .custom-checkbox {
  margin-right: 0.75rem;
  height: 1.25rem;
  width: 1.25rem;
}

#tailwind.dashboard .form-checkbox .form-checkbox__label {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--gray-900);
}

#tailwind.dashboard .form-checkbox .form-checkbox__label.form-checkbox__light {
  font-weight: 400;
}

#tailwind.dashboard .form-checkbox .form-checkbox__hint {
  margin-top: 0.125rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--gray-600);
}

#tailwind.dashboard .form-checkbox.form-checkbox-md .form-checkbox__label,
#tailwind.dashboard .form-checkbox.form-checkbox-md .form-checkbox__hint {
  font-size: 16px;
}

/* Buttons */

#tailwind.dashboard .btn-primary,
.dashboard #tailwind .btn-primary,
.tailwind.dashboard #tailwind .btn-primary {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--purple-800);
  background-color: var(--purple-800);
  font-family: Poppins, Times New Roman, Times, sans-serif;
  font-weight: 600;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .btn-primary:hover,
.dashboard #tailwind .btn-primary:hover,
.tailwind.dashboard #tailwind .btn-primary:hover {
  border-color: var(--purple-900);
  background-color: var(--purple-900);
}

#tailwind.dashboard .btn-primary:disabled,
.tailwind.dashboard #tailwind .btn-primary:disabled {
  cursor: auto;
  --tw-border-opacity: 1;
  border-color: rgb(217 214 254 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(217 214 254 / var(--tw-bg-opacity));
}

#tailwind.dashboard .btn-primary:disabled:hover,
.tailwind.dashboard #tailwind .btn-primary:disabled:hover {
  --tw-border-opacity: 1;
  border-color: rgb(217 214 254 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(217 214 254 / var(--tw-bg-opacity));
}

#tailwind.dashboard .btn-secondary,
.tailwind.dashboard #tailwind .btn-secondary {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--purple-50);
  background-color: var(--purple-50);
  font-family: Poppins, Times New Roman, Times, sans-serif;
  font-weight: 600;
  line-height: 1.5;
  color: var(--purple-800);
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .btn-secondary:hover,
.tailwind.dashboard #tailwind .btn-secondary:hover {
  border-color: var(--purple-100);
  background-color: var(--purple-100);
}

#tailwind.dashboard .btn-gray,
.tailwind.dashboard #tailwind .btn-gray {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: Poppins, Times New Roman, Times, sans-serif;
  font-weight: 600;
  line-height: 1.5;
  color: var(--gray-600);
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .btn-gray:hover,
.tailwind.dashboard #tailwind .btn-gray:hover {
  background-color: var(--gray-50);
  color: var(--gray-700);
}

#tailwind.dashboard .btn-red,
.tailwind.dashboard #tailwind .btn-red {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-radius: 1rem;
  border-width: 1px;
  border-color: var(--red-50);
  background-color: var(--red-50);
  font-family: Poppins, Times New Roman, Times, sans-serif;
  font-weight: 600;
  line-height: 1.5;
  color: var(--red-700);
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .btn-red:hover,
.tailwind.dashboard #tailwind .btn-red:hover {
  border-color: var(--red-100);
  background-color: var(--red-100);
  color: var(--red-700);
}

#tailwind.dashboard .btn-white,
.tailwind.dashboard #tailwind .btn-white {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-family: Poppins, Times New Roman, Times, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--purple-800);
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .btn-white:hover,
.tailwind.dashboard #tailwind .btn-white:hover {
  background-color: var(--purple-50);
}

#tailwind.dashboard .btn-outline,
.dashboard #tailwind .btn-outline,
.tailwind.dashboard #tailwind .btn-outline {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-300);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: Poppins, Times New Roman, Times, sans-serif;
  font-weight: 600;
  line-height: 1.5;
  color: var(--gray-600);
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .btn-outline:hover,
.dashboard #tailwind .btn-outline:hover,
.tailwind.dashboard #tailwind .btn-outline:hover {
  background-color: var(--gray-50);
  color: var(--gray-700);
}

#tailwind.dashboard .btn-outline:focus,
.dashboard #tailwind .btn-outline:focus,
.tailwind.dashboard #tailwind .btn-outline:focus {
  border-color: var(--gray-500);
}

#tailwind.dashboard .btn-outline-red,
.dashboard #tailwind .btn-outline-red,
.tailwind.dashboard #tailwind .btn-outline-red {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--red-300);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: Poppins, Times New Roman, Times, sans-serif;
  font-weight: 600;
  line-height: 1.5;
  color: var(--red-700);
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .btn-outline-red:hover,
.dashboard #tailwind .btn-outline-red:hover,
.tailwind.dashboard #tailwind .btn-outline-red:hover {
  background-color: var(--red-50);
  color: var(--red-800);
}

#tailwind.dashboard .btn-outline-red:focus,
.dashboard #tailwind .btn-outline-red:focus,
.tailwind.dashboard #tailwind .btn-outline-red:focus {
  border-color: var(--red-300);
}

#tailwind.dashboard .btn-outline.btn-disabled {
  cursor: default;
  color: var(--gray-300);
}

#tailwind.dashboard .btn-outline.btn-disabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: var(--gray-300);
}

#tailwind.dashboard .btn-sm,
.tailwind.dashboard #tailwind .btn-sm {
  border-radius: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#tailwind.dashboard .btn-md,
.tailwind.dashboard #tailwind .btn-md {
  border-radius: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#tailwind.dashboard .btn-lg,
.tailwind.dashboard #tailwind .btn-lg {
  border-radius: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 22px;
  padding-right: 22px;
  font-size: 16px;
}

#tailwind.dashboard .btn-xl,
.dashboard #tailwind .btn-xl {
  border-radius: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 26px;
  padding-right: 26px;
  font-size: 16px;
}

#tailwind.dashboard .btn-xxl,
.tailwind.dashboard #tailwind .btn-xxl {
  border-radius: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (max-width: 768px) {
  #tailwind.dashboard .md-btn-sm {
    border-radius: 0.75rem;
    border-style: none;
    background-color: transparent;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  #tailwind.dashboard .md-btn-md {
    border-radius: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

/* Venue radio button */

#tailwind.dashboard input + .form-radio-venue:hover {
  border-color: var(--purple-800);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard input:checked + .form-radio-venue {
  border-color: var(--purple-800);
  --tw-shadow: 0 30px 90px 0 rgba(227, 230, 236, 0.4);
  --tw-shadow-colored: 0 30px 90px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind.dashboard input:checked + .form-radio-venue > span:first-child {
  background-color: var(--purple-100);
  color: var(--purple-800);
}

.field_with_errors {
  width: 100%;
}

#tailwind .sq-card-wrapper .sq-card-iframe-container {
  position: relative;
  width: calc(100% - (1px + 1px));
  box-sizing: content-box;
  border: 1px solid #D0D5DD !important;
  border-radius: 16px !important;
  background-color: #fff;
}

#tailwind.dashboard .form-radio input + span {
  margin-right: 0.5rem;
  display: -webkit-box;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: var(--gray-300);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .form-radio input + span:hover {
  border-color: var(--purple-800);
  background-color: var(--purple-100);
}

#tailwind.dashboard .form-radio input + span:before {
  content: "";
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  background-color: var(--purple-800);
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .form-radio input:checked + span {
  border-color: var(--purple-800);
  background-color: var(--purple-100);
}

#tailwind.dashboard .form-radio input:checked + span:before {
  opacity: 1;
}

#tailwind.dashboard .form-radio__bg {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 1rem;
  border-width: 1px;
  border-color: var(--gray-300);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

#tailwind.dashboard .form-radio input:checked ~ .form-radio__bg {
  border-color: var(--purple-300);
  background-color: var(--purple-25);
}

#tailwind.dashboard .form-radio input:checked ~ span.form-radio__icon {
  background-color: var(--purple-50);
  color: var(--purple-800);
}

/* Payment type button */

#tailwind button.btn-payment-type {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 0.625rem;
  border-radius: 1rem;
  border-width: 1px;
  border-color: var(--gray-300);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-weight: 500;
  color: var(--gray-950);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind button.btn-payment-type:hover {
  border-color: var(--purple-300);
}

#tailwind button.btn-payment-type:focus {
  border-color: var(--purple-300);
  outline: 2px solid transparent;
  outline-width: 4px;
  outline-offset: 0px;
  outline-color: var(--purple-100);
}

@media (min-width: 768px) {
  #tailwind button.btn-payment-type {
    -webkit-box-pack: center;
            justify-content: center;
    gap: 1rem;
    padding: 1rem;
  }
}

#tailwind button.btn-payment-type > span {
  display: -webkit-box;
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 9999px;
  background-color: var(--gray-100);
  color: var(--gray-600);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

@media (min-width: 768px) {
  #tailwind button.btn-payment-type > span {
    height: 3rem;
    width: 3rem;
  }
}

#tailwind button.btn-payment-type.active {
  border-color: var(--purple-300);
  background-color: var(--purple-25);
}

#tailwind button.btn-payment-type.active > span {
  background-color: var(--purple-50);
  color: var(--purple-800);
}

#tailwind button.btn-payment-type:disabled {
  cursor: default;
  border-color: var(--gray-200);
  background-color: var(--gray-200);
  color: var(--gray-400);
}

#tailwind button.btn-payment-type:disabled:hover {
  border-color: var(--gray-200);
}

#tailwind input[type="search"]::-webkit-search-cancel-button,
#tailwind input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: auto !important;
}

#quick-order .form-control.field-with-icon {
  padding-left: 44px;
}

#tailwind.dashboard .filter-checkbox label {
  margin-bottom: 0px;
  border-radius: 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-300);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 16px;
  line-height: 1.25;
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .filter-checkbox label:hover {
  border-color: var(--purple-600);
}

#tailwind.dashboard .filter-select {
  margin-bottom: 0px;
  display: block;
  border-radius: 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-300);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 2.5rem;
  font-size: 16px;
  line-height: 1.25;
  color: var(--gray-900);
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .filter-select:hover {
  border-color: var(--purple-600);
}

#tailwind.dashboard .filter-select:focus {
  border-color: var(--purple-300);
  outline: 2px solid transparent;
  outline-width: 4px;
  outline-offset: 0px;
  outline-color: var(--purple-100);
}

#tailwind.dashboard .filter-select {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9998 16.75C11.8078 16.75 11.6157 16.6771 11.4697 16.5301L4.46975 9.53005C4.17675 9.23705 4.17675 8.76202 4.46975 8.46902C4.76275 8.17602 5.23779 8.17602 5.53079 8.46902L12.0008 14.939L18.4707 8.46902C18.7637 8.17602 19.2388 8.17602 19.5318 8.46902C19.8248 8.76202 19.8248 9.23705 19.5318 9.53005L12.5318 16.5301C12.3838 16.6771 12.1918 16.75 11.9998 16.75Z" fill="%23667085"/></svg>');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: calc(100% - 16px) 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#tailwind.dashboard .filter-select.active {
  border-color: var(--purple-300);
  background-color: var(--purple-50);
  color: var(--purple-800);
}

.modal-overlay {
  visibility: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 50;
  height: 100vh;
  width: 100vw;
  background-color: var(--gray-700-opacity-70);
  padding: 1rem;
  font-family: Poppins, Times New Roman, Times, sans-serif;
  opacity: 0;
  --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);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

dialog::-webkit-backdrop {
  display: none;
}

dialog::backdrop {
  display: none;
}

dialog.flatpickr-day::-webkit-backdrop {
  visibility: hidden;
}

dialog.flatpickr-day::backdrop {
  visibility: hidden;
}

.modal-show > .modal-overlay {
  opacity: 1;
  visibility: visible;
}

.md-modal {
  visibility: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 50;
  display: -webkit-box;
  display: flex;
  height: 100vh;
  width: 100vw;
  -webkit-box-pack: center;
          justify-content: center;
  overflow-y: auto;
  padding: 1rem;
  font-family: Poppins, Times New Roman, Times, sans-serif;
}

.modal-show > .md-modal {
  visibility: visible;
}

.md-content {
  -webkit-transform: translateY(20%);
          transform: translateY(20%);
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.modal-show > .md-modal > .md-content {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
}

.modal-fixed {
  overflow-y: auto;
}

.details-opened {
  border-color: var(--purple-800);
  background-color: var(--purple-50);
}

#tailwind .details-opened > button {
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: var(--purple-800);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .md-modal.lg-md-modal-visible {
    position: relative;
    z-index: 30;
    height: auto;
    width: auto;
    overflow: visible;
    padding: 0px;
    visibility: visible;
  }

  .md-modal.lg-md-modal-visible > .md-content {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

#tailwind.dashboard .calendar_time_slot:checked + span {
  border-color: var(--purple-800);
  background-color: var(--purple-50);
  color: var(--gray-950);
}

#tailwind.dashboard .calendar-control.disabled,
#tailwind.dashboard .calendar-control:disabled,
#tailwind.dashboard .calendar-control:disabled:hover {
  cursor: default;
  border-color: var(--gray-50);
  background-color: var(--gray-50);
  color: var(--gray-300);
}

.dashboard .pagy-nav {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.dashboard .pagy-nav > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}

#tailwind.dashboard .pagy-nav .page.prev,
#tailwind.dashboard .pagy-nav .page.next {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-200);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: Poppins, Times New Roman, Times, sans-serif;
  font-weight: 600;
  line-height: 1.5;
  color: var(--gray-600);
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .pagy-nav .page.prev:hover,
#tailwind.dashboard .pagy-nav .page.next:hover {
  background-color: var(--gray-50);
  color: var(--gray-700);
}

#tailwind.dashboard .pagy-nav .page.prev:focus,
#tailwind.dashboard .pagy-nav .page.next:focus {
  border-color: var(--gray-500);
}

#tailwind.dashboard .pagy-nav .page.prev,
#tailwind.dashboard .pagy-nav .page.next {
  /* btn-sm */
  border-radius: 0.75rem;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  /* btn-sm */
  height: 2.5rem;
  width: 96px;
}

.dashboard .pagy-nav .page.prev {
  position: relative;
  margin-right: 0.5rem;
  border-color: var(--gray-300);
  color: transparent;
}

.dashboard .pagy-nav .page.prev:before {
  content: "";
  position: absolute;
  left: 26px;
  height: 9px;
  width: 0.375rem;
  background-image: url('data:image/svg+xml,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.49991 13.6667C7.28658 13.6667 7.07322 13.5851 6.91072 13.4226L1.07738 7.58922C0.751549 7.26339 0.751549 6.73667 1.07738 6.41084L6.91072 0.577505C7.23655 0.251672 7.76327 0.251672 8.0891 0.577505C8.41494 0.903338 8.41494 1.43006 8.0891 1.75589L2.84496 7.00003L8.0891 12.2442C8.41494 12.57 8.41494 13.0967 8.0891 13.4226C7.9266 13.5851 7.71324 13.6667 7.49991 13.6667Z" fill="%2311142D"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.dashboard .pagy-nav .page.prev:after {
  content: "Prev";
  position: absolute;
  left: 46px;
  color: var(--gray-700);
}

.dashboard .pagy-nav .page.prev.disabled:before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.49991 13.6667C7.28658 13.6667 7.07322 13.5851 6.91072 13.4226L1.07738 7.58922C0.751549 7.26339 0.751549 6.73667 1.07738 6.41084L6.91072 0.577505C7.23655 0.251672 7.76327 0.251672 8.0891 0.577505C8.41494 0.903338 8.41494 1.43006 8.0891 1.75589L2.84496 7.00003L8.0891 12.2442C8.41494 12.57 8.41494 13.0967 8.0891 13.4226C7.9266 13.5851 7.71324 13.6667 7.49991 13.6667Z" fill="%23D0D5DD"/></svg>');
}

.dashboard .pagy-nav .page.prev.disabled:after {
  content: "Prev";
  color: var(--gray-300);
}

.dashboard .pagy-nav .page.next {
  position: relative;
  margin-left: 0.5rem;
  border-color: var(--gray-300);
  color: transparent;
}

.dashboard .pagy-nav .page.next:after {
  content: "";
  position: absolute;
  left: 66px;
  height: 9px;
  width: 0.375rem;
  background-image: url('data:image/svg+xml,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.50007 13.6667C1.28674 13.6667 1.07338 13.5851 0.910879 13.4226C0.585046 13.0967 0.585046 12.57 0.910879 12.2442L6.15502 7.00003L0.910879 1.75589C0.585046 1.43006 0.585046 0.903338 0.910879 0.577505C1.23671 0.251672 1.76343 0.251672 2.08926 0.577505L7.9226 6.41084C8.24843 6.73667 8.24843 7.26339 7.9226 7.58922L2.08926 13.4226C1.92676 13.5851 1.7134 13.6667 1.50007 13.6667Z" fill="%2311142D"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.dashboard .pagy-nav .page.next:before {
  content: "Next";
  position: absolute;
  left: 18px;
  color: var(--gray-700);
}

.dashboard .pagy-nav .page.next.disabled:after {
  background-image: url('data:image/svg+xml,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.50007 13.6667C1.28674 13.6667 1.07338 13.5851 0.910879 13.4226C0.585046 13.0967 0.585046 12.57 0.910879 12.2442L6.15502 7.00003L0.910879 1.75589C0.585046 1.43006 0.585046 0.903338 0.910879 0.577505C1.23671 0.251672 1.76343 0.251672 2.08926 0.577505L7.9226 6.41084C8.24843 6.73667 8.24843 7.26339 7.9226 7.58922L2.08926 13.4226C1.92676 13.5851 1.7134 13.6667 1.50007 13.6667Z" fill="%23D0D5DD"/></svg>');
}

.dashboard .pagy-nav .page.next.disabled:before {
  color: var(--gray-300);
}

#tailwind.dashboard .pagy-nav .prev.disabled,
#tailwind.dashboard .pagy-nav .next.disabled {
  position: relative;
  cursor: default;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: var(--gray-200);
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  color: transparent;
}

#tailwind.dashboard .pagy-nav .prev.disabled:hover,
#tailwind.dashboard .pagy-nav .next.disabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: transparent;
}

.dashboard .pagy-nav .page a {
  display: inline-block;
  display: -webkit-box;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

.dashboard .pagy-nav .page a:hover {
  background-color: var(--purple-800);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#tailwind.dashboard .pagy-nav .page.prev a,
#tailwind.dashboard .pagy-nav .page.next a {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  cursor: pointer;
  color: transparent;
}

.dashboard .pagy-nav .page.active {
  display: inline-block;
  display: -webkit-box;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 0.75rem;
  background-color: var(--purple-800);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

@media (max-width: 1024px) {
  #tailwind.dashboard .pagy-nav.pagination {
    margin: 0px;
    width: 100%;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }

  #tailwind.dashboard .pagy-nav.pagination .page {
    display: none;
  }

  .flatpickr-day#tailwind.dashboard .pagy-nav.pagination .page {
    visibility: hidden;
  }

  #tailwind.dashboard .pagy-nav .page.prev,
  #tailwind.dashboard .pagy-nav .page.next {
    display: -webkit-box;
    display: flex;
    width: 2.5rem;
  }

  .dashboard .pagy-nav .page.prev:after {
    display: none;
  }

  .flatpickr-day.dashboard .pagy-nav .page.prev:after {
    visibility: hidden;
  }

  .dashboard .pagy-nav .page.next:before {
    display: none;
  }

  .flatpickr-day.dashboard .pagy-nav .page.next:before {
    visibility: hidden;
  }

  .dashboard .pagy-nav .page.next:after,
  .dashboard .pagy-nav .page.prev:before {
    left: 50%;
    height: 0.875rem;
    width: 0.625rem;
    --tw-translate-x: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

#tailwind trix-toolbar .trix-button-row {
  margin-bottom: 0.625rem;
  border-radius: 0.75rem;
  background-color: var(--gray-50);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  color: var(--gray-600);
}

#tailwind trix-toolbar .trix-button-row > span {
  margin-bottom: 0px;
}

#tailwind trix-toolbar .trix-button-row .trix-button-group--block-tools {
  margin: 0 !important;
  border-radius: 0 !important;
}

#tailwind trix-toolbar .trix-button-row .trix-button--icon {
  width: 26px !important;
}

#tailwind trix-toolbar .trix-button-group {
  gap: 8px;
}

#tailwind trix-toolbar .trix-button-row .trix-button-group--text-tools:after {
  content: "";
  position: relative;
  margin-right: 0.5rem;
  height: 100%;
  width: 1px;
  background-color: var(--gray-300);
}

#tailwind trix-editor {
  min-height: 144px;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-300);
  padding: 1rem;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-900);
}

#tailwind trix-editor::-moz-placeholder {
  color: var(--gray-500);
}

#tailwind trix-editor::-webkit-input-placeholder {
  color: var(--gray-500);
}

#tailwind trix-editor:-ms-input-placeholder {
  color: var(--gray-500);
}

#tailwind trix-editor::-ms-input-placeholder {
  color: var(--gray-500);
}

#tailwind trix-editor::placeholder {
  color: var(--gray-500);
}

#tailwind trix-editor {
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind trix-editor:focus {
  border-color: var(--purple-300);
  outline: 2px solid transparent;
  outline-width: 4px;
  outline-offset: 0px;
  outline-color: var(--purple-100);
}

#tailwind.dashboard > .rs_dialog_holder {
  z-index: 100;
  display: -webkit-box;
  display: flex;
  height: 100vh;
  width: 100vw;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background-color: var(--gray-700-opacity-70);
  padding: 0px;
  font-family: Poppins, Times New Roman, Times, sans-serif;
  --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);
}

#tailwind.dashboard > .rs_dialog_holder .rs_dialog {
  width: 100%;
  max-width: 690px;
  border-radius: 20px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  margin: 0 !important;
}

#tailwind.dashboard > .rs_dialog_holder .rs_dialog .rs_dialog_content {
  padding: 0px;
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content > h1 {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: flex;
  width: 100%;
  border-bottom-width: 1px;
  border-color: var(--gray-300);
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 1.25rem;
  padding-top: 2rem;
  font-family: Poppins, Times New Roman, Times, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content > h1 > a {
  position: absolute;
  top: 1.5rem;
  right: 1rem;
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjM5NzMgMTMuMTAyNkMxNC42MTcxIDEzLjMyMjMgMTQuNjE3MSAxMy42Nzg2IDE0LjM5NzMgMTMuODk4M0MxNC4yODc4IDE0LjAwNzggMTQuMTQzOCAxNC4wNjMzIDEzLjk5OTggMTQuMDYzM0MxMy44NTU4IDE0LjA2MzMgMTMuNzExOCAxNC4wMDg2IDEzLjYwMjMgMTMuODk4M0w5LjQ5OTgxIDkuNzk1ODFMNS4zOTczMSAxMy44OTgzQzUuMjg3ODEgMTQuMDA3OCA1LjE0MzgxIDE0LjA2MzMgNC45OTk4MSAxNC4wNjMzQzQuODU1ODEgMTQuMDYzMyA0LjcxMTgxIDE0LjAwODYgNC42MDIzMSAxMy44OTgzQzQuMzgyNTYgMTMuNjc4NiA0LjM4MjU2IDEzLjMyMjMgNC42MDIzMSAxMy4xMDI2TDguNzA0ODEgOS4wMDAwOEw0LjYwMjMxIDQuODk3NkM0LjM4MjU2IDQuNjc3ODUgNC4zODI1NiA0LjMyMTU3IDQuNjAyMzEgNC4xMDE4MkM0LjgyMjA2IDMuODgyMDcgNS4xNzgzMiAzLjg4MjA3IDUuMzk4MDcgNC4xMDE4Mkw5LjUwMDU3IDguMjA0MzVMMTMuNjAzMSA0LjEwMTgyQzEzLjgyMjggMy44ODIwNyAxNC4xNzkxIDMuODgyMDcgMTQuMzk4OCA0LjEwMTgyQzE0LjYxODYgNC4zMjE1NyAxNC42MTg2IDQuNjc3ODUgMTQuMzk4OCA0Ljg5NzZMMTAuMjk2MyA5LjAwMDA4TDE0LjM5NzMgMTMuMTAyNloiIGZpbGw9IkN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content > .frequency-select-wrapper,
#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content > .freq_option_section,
#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content > .rs_summary {
  margin-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0px;
  padding-bottom: 0px;
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content > .controls {
  display: -webkit-box;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
          justify-content: flex-end;
  gap: 1rem;
  border-top-width: 1px;
  border-color: var(--gray-300);
  padding: 2rem;
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content > .controls input.rs_cancel {
  display: -webkit-box;
  display: flex;
  height: auto;
  width: auto;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-200);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 26px;
  padding-right: 26px;
  font-family: Poppins, Times New Roman, Times, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--gray-600);
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content > .controls input.rs_cancel:hover {
  background-color: var(--gray-50);
  color: var(--gray-700);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content > .controls input.rs_cancel:focus {
  border-color: var(--gray-500);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content > .controls input.rs_save {
  display: -webkit-box;
  display: flex;
  height: auto;
  width: auto;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--purple-800);
  background-color: var(--purple-800);
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 26px;
  padding-right: 26px;
  font-family: Poppins, Times New Roman, Times, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content > .controls input.rs_save:hover {
  border-color: var(--purple-900);
  background-color: var(--purple-900);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .frequency-select-wrapper {
  display: grid;
  gap: 1rem;
}

@media (min-width: 768px) {
  #tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .frequency-select-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .frequency-select-wrapper > label {
  margin: 0px;
  font-size: 16px;
  font-weight: 500;
  color: var(--gray-900);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .frequency-select-wrapper > select {
  width: 100%;
  border-radius: 1rem;
  border-width: 1px;
  border-color: var(--gray-300);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 1rem;
  padding-right: 2.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
  color: var(--gray-500);
  color: var(--gray-900);
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .frequency-select-wrapper > select:focus {
  border-color: var(--purple-300);
  outline: 2px solid transparent;
  outline-width: 4px;
  outline-offset: 0px;
  outline-color: var(--purple-100);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .freq_option_section > p {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 1rem;
  padding: 0px;
  font-size: 16px;
  font-weight: 500;
  color: var(--gray-900);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .rs_interval {
  height: auto;
  -webkit-box-flex: 1;
          flex-grow: 1;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-300);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-900);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .rs_interval::-moz-placeholder {
  color: var(--gray-500);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .rs_interval::-webkit-input-placeholder {
  color: var(--gray-500);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .rs_interval:-ms-input-placeholder {
  color: var(--gray-500);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .rs_interval::-ms-input-placeholder {
  color: var(--gray-500);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .rs_interval::placeholder {
  color: var(--gray-500);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .rs_interval {
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .rs_interval:focus {
  border-color: var(--purple-300);
  outline: 2px solid transparent;
  outline-width: 4px;
  outline-offset: 0px;
  outline-color: var(--purple-100);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .rs_summary {
  min-height: 39px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: var(--gray-600);
  width: auto !important;
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .rs_summary > span {
  font-weight: 400;
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .freq_option_section .day_holder {
  margin-top: 1.5rem;
  display: -webkit-box;
  display: flex;
  height: 3.5rem;
  width: 100%;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 1rem;
  border-width: 1px;
  border-color: var(--gray-300);
  overflow: hidden;
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .freq_option_section .day_holder > a {
  display: -webkit-box;
  display: flex;
  height: 100%;
  -webkit-box-flex: 1;
          flex-grow: 1;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-right-width: 1px;
  border-color: var(--gray-300);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .freq_option_section > p.rs_calendar_day {
  margin-top: 1.5rem;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  -moz-column-gap: 0.75rem;
       -webkit-column-gap: 0.75rem;
          column-gap: 0.75rem;
  row-gap: 0.25rem;
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .freq_option_section > p.rs_calendar_week {
  margin-top: 1.5rem;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  -moz-column-gap: 0.75rem;
       -webkit-column-gap: 0.75rem;
          column-gap: 0.75rem;
  row-gap: 0.25rem;
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .rs_calendar_day > a,
#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .rs_calendar_week > a {
  display: block;
  width: 100%;
  cursor: pointer;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: var(--gray-300);
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .rs_calendar_day > a:last-child {
  grid-column: span 2 / span 2;
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .monthly_rule_type {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: var(--gray-300);
  overflow: hidden;
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .monthly_rule_type > span {
  display: -webkit-box;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 1rem;
  font-size: 16px;
  font-weight: 500;
  color: var(--gray-900);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .monthly_rule_type > span > label {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 500;
  color: var(--gray-900);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .monthly_rule_type > span:first-child {
  border-right-width: 1px;
  border-color: var(--gray-300);
}

#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .freq_option_section .day_holder > a.selected,
#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .freq_option_section .rs_calendar_day > a.selected,
#tailwind.dashboard .rs_dialog_holder .rs_dialog .rs_dialog_content .freq_option_section .rs_calendar_week > a.selected {
  background-color: var(--purple-800);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          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 {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          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: -webkit-box;
  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;
  -ms-user-select: none;
      user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
          flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-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 {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  left: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */
}

/*
      /*rtl:begin:ignore*/

/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  right: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */
}

/*
      /*rtl:begin:ignore*/

/*
      /*rtl:end:ignore*/

.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 {
  -webkit-transition: fill 0.1s;
  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;
  -webkit-transform: translate3d(0px, 0px, 0px);
          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: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
          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;
  -webkit-box-flex: 1;
          flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          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: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          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;
  -webkit-box-pack: center;
          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: -webkit-box;
  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: -webkit-box;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
          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;
  -ms-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;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

:root {
  --shadow-color: transparent;
}

#tailwind.dashboard .flatpickr-calendar {
  -webkit-box-ordinal-group: 5;
          order: 4;
  grid-column: span 11 / span 11;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-top: 1rem;
  display: block;
  border-top-width: 1px;
  border-color: var(--gray-200);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  width: calc(100% + 40px);
}

#tailwind.dashboard .flatpickr-months {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#tailwind.dashboard .flatpickr-prev-month,
#tailwind.dashboard .flatpickr-month,
#tailwind.dashboard .flatpickr-next-month,
#tailwind.dashboard .flatpickr-current-month,
#tailwind.dashboard .flatpickr-monthDropdown-months {
  position: relative;
  right: auto;
  top: auto;
  left: auto;
}

#tailwind.dashboard .flatpickr-month {
  height: auto;
}

#tailwind.dashboard .flatpickr-current-month {
  height: auto;
  width: auto;
  padding: 0px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: var(--gray-700);
}

#tailwind.dashboard .flatpickr-monthDropdown-months,
#tailwind.dashboard .numInput {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: var(--gray-700);
}

#tailwind.dashboard .flatpickr-prev-month,
#tailwind.dashboard .flatpickr-next-month {
  display: -webkit-box;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 9999px;
}

#tailwind.dashboard .flatpickr-prev-month:hover,
#tailwind.dashboard .flatpickr-next-month:hover {
  background-color: var(--purple-50);
}

#tailwind.dashboard .flatpickr-months .flatpickr-prev-month:hover svg,
#tailwind.dashboard .flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--purple-800);
}

#tailwind.dashboard .flatpickr-rContainer,
#tailwind.dashboard .flatpickr-days,
#tailwind.dashboard .dayContainer {
  width: 100%;
  max-width: none;
}

#tailwind.dashboard .flatpickr-innerContainer {
  margin-top: 1rem;
}

#tailwind.dashboard .flatpickr-weekdays {
  margin-bottom: 0.5rem;
  width: 100%;
}

#tailwind.dashboard .flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  -moz-column-gap: 0.375rem;
       -webkit-column-gap: 0.375rem;
          column-gap: 0.375rem;
}

#tailwind.dashboard .flatpickr-weekdays span.flatpickr-weekday {
  display: block;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--gray-400);
}

#tailwind.dashboard .dayContainer {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  row-gap: 0.5rem;
  -moz-column-gap: 0.375rem;
       -webkit-column-gap: 0.375rem;
          column-gap: 0.375rem;
}

#tailwind.dashboard .flatpickr-day {
  margin: 0px;
  display: -webkit-box;
  display: flex;
  width: 100%;
  max-width: none;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 0.75rem;
  color: var(--gray-700);
}

#tailwind.dashboard .flatpickr-day:hover {
  background-color: var(--gray-50);
  font-weight: 500;
  color: var(--gray-700);
}

#tailwind.dashboard .flatpickr-day.nextMonthDay,
#tailwind.dashboard .flatpickr-day.prevMonthDay {
  color: var(--gray-500);
}

#tailwind.dashboard .flatpickr-calendar .flatpickr-day {
  box-shadow: -14px 0 0 var(--shadow-color), 14px 0 0 var(--shadow-color);
}

#tailwind.dashboard .flatpickr-calendar .flatpickr-day:nth-child(7n) {
  box-shadow: -14px 0 0 var(--shadow-color);
}

#tailwind.dashboard .flatpickr-calendar .flatpickr-day:nth-child(7n + 1),
#tailwind.dashboard .flatpickr-calendar .flatpickr-day:nth-child(1) {
  box-shadow: 14px 0 0 var(--shadow-color);
}

#tailwind.dashboard .flatpickr-calendar .flatpickr-day.inRange {
  --shadow-color: #F1EDFF;
  background-color: var(--purple-100);
  font-weight: 500;
  color: var(--gray-700);
}

#tailwind.dashboard .flatpickr-calendar .flatpickr-day.inRange:hover {
  font-weight: 600;
  color: var(--purple-800);
}

#tailwind.dashboard .flatpickr-calendar .flatpickr-day.today {
  background-color: var(--purple-100);
  font-weight: 500;
  color: var(--purple-800);
}

#tailwind.dashboard .flatpickr-calendar .flatpickr-day.endRange {
  border-width: 1px;
  border-color: var(--gray-300);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-weight: 500;
  color: var(--gray-700);
  box-shadow: -14px 0 0 #F1EDFF;
}

#tailwind.dashboard .flatpickr-calendar .flatpickr-day.startRange {
  position: relative;
  z-index: 10;
  border-width: 1px;
  border-color: var(--gray-300);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-weight: 500;
  color: var(--gray-700);
  box-shadow: 14px 0 0 #F1EDFF;
}

#tailwind.dashboard .flatpickr-calendar .flatpickr-day.selected.startRange.endRange {
  border-color: transparent;
  background-color: var(--purple-100);
  font-weight: 500;
  color: var(--purple-800);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.w-datepicker {
  width: calc(100vw - 32px);
}

.overflow-hidden {
  overflow: hidden;
}

body#tailwind {
  font-size: 16px !important;
  padding: 0 !important;
}

body#tailwind .m-a {
  margin: 0 !important;
}

#tailwind.dashboard .event-tab-active > span + span {
  background-color: var(--gray-950);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#tailwind.dashboard .tooltip__button:hover + .tooltip__body {
  display: block;
}

#tailwind.customer button:focus {
  outline: none;
}

#tailwind.customer .form-group label {
  margin-bottom: 0.5rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--blue-800);
}

@media (min-width: 768px) {
  #tailwind.customer .form-group label {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

#tailwind.customer .form-control {
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: var(--gray-200);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  line-height: 1.25;
  color: var(--blue-800);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.customer .form-control::-moz-placeholder {
  color: var(--gray-300);
}

#tailwind.customer .form-control::-webkit-input-placeholder {
  color: var(--gray-300);
}

#tailwind.customer .form-control:-ms-input-placeholder {
  color: var(--gray-300);
}

#tailwind.customer .form-control::-ms-input-placeholder {
  color: var(--gray-300);
}

#tailwind.customer .form-control::placeholder {
  color: var(--gray-300);
}

#tailwind.customer .form-control:hover {
  border-color: var(--purple-300);
}

#tailwind.customer .form-control:focus {
  border-color: var(--purple-300);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-width: 0px;
  outline-offset: 0px;
}

#tailwind.customer .form-control:focus-visible {
  outline: none;
}

#tailwind.customer select.form-control {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjk5OTggMTYuNzVDMTEuODA3OCAxNi43NSAxMS42MTU3IDE2LjY3NzEgMTEuNDY5NyAxNi41MzAxTDQuNDY5NzUgOS41MzAwNUM0LjE3Njc1IDkuMjM3MDUgNC4xNzY3NSA4Ljc2MjAyIDQuNDY5NzUgOC40NjkwMkM0Ljc2Mjc1IDguMTc2MDIgNS4yMzc3OSA4LjE3NjAyIDUuNTMwNzkgOC40NjkwMkwxMi4wMDA4IDE0LjkzOUwxOC40NzA3IDguNDY5MDJDMTguNzYzNyA4LjE3NjAyIDE5LjIzODggOC4xNzYwMiAxOS41MzE4IDguNDY5MDJDMTkuODI0OCA4Ljc2MjAyIDE5LjgyNDggOS4yMzcwNSAxOS41MzE4IDkuNTMwMDVMMTIuNTMxOCAxNi41MzAxQzEyLjM4MzggMTYuNjc3MSAxMi4xOTE4IDE2Ljc1IDExLjk5OTggMTYuNzVaIiBmaWxsPSIjMEQyMTQ4Ii8+Cjwvc3ZnPgo=);
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-repeat: no-repeat;
  background-position: 98% 50%;
}

#tailwind.customer .search-field {
  height: 52px;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: var(--gray-250);
  background-color: var(--gray-250);
  padding-left: 1rem;
  padding-right: 2.5rem;
  line-height: 1.25;
  color: var(--blue-800);
}

#tailwind.customer .search-field::-moz-placeholder {
  color: var(--gray-700);
}

#tailwind.customer .search-field::-webkit-input-placeholder {
  color: var(--gray-700);
}

#tailwind.customer .search-field:-ms-input-placeholder {
  color: var(--gray-700);
}

#tailwind.customer .search-field::-ms-input-placeholder {
  color: var(--gray-700);
}

#tailwind.customer .search-field::placeholder {
  color: var(--gray-700);
}

#tailwind.customer .search-field {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.customer .search-field:hover {
  border-color: var(--blue-500);
}

#tailwind.customer .search-field:focus {
  border-color: var(--blue-500);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 20px 0 #F1F2F8;
  --tw-shadow-colored: 0 4px 20px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-width: 0px;
  outline-offset: 0px;
}

#tailwind.customer .search-field {
  caret-color: #3A36FF;
}

#tailwind.customer .form-control-number {
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  line-height: 1.25;
  color: var(--blue-800);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.customer .form-control-number::-moz-placeholder {
  color: var(--gray-300);
}

#tailwind.customer .form-control-number::-webkit-input-placeholder {
  color: var(--gray-300);
}

#tailwind.customer .form-control-number:-ms-input-placeholder {
  color: var(--gray-300);
}

#tailwind.customer .form-control-number::-ms-input-placeholder {
  color: var(--gray-300);
}

#tailwind.customer .form-control-number::placeholder {
  color: var(--gray-300);
}

#tailwind.customer .form-control-number:hover {
  border-color: var(--blue-500);
}

#tailwind.customer .form-control-number:focus {
  border-color: var(--blue-500);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-width: 0px;
  outline-offset: 0px;
}

#tailwind.customer .form-control-number::-webkit-inner-spin-button {
  display: none !important;
}

#tailwind.customer .form-checkbox + span {
  position: relative;
  display: -webkit-box;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 0.375rem;
}

#tailwind.customer .form-checkbox + span.small {
  display: block;
  flex-shrink: 0;
  background-color: transparent;
}

#tailwind.customer .form-checkbox + span:before {
  content: "";
  display: -webkit-box;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: var(--gray-300);
  border-color: var(--blue-500);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.customer .form-checkbox + span:hover:before {
  border-color: var(--blue-600);
}

#tailwind.customer .form-checkbox + span:focus:before {
  border-color: var(--blue-600);
}

.group:hover #tailwind.customer .form-checkbox + span:before {
  border-color: var(--blue-600);
}

@media (max-width: 768px) {
  #tailwind.customer .form-checkbox + span {
    height: 1rem;
    width: 1rem;
    border-radius: 0.25rem;
  }

  #tailwind.customer .form-checkbox + span:before {
    height: 1rem;
    width: 1rem;
    border-radius: 0.25rem;
  }

  #tailwind.customer .form-checkbox + span svg {
    height: 0.75rem;
    width: 0.75rem;
  }
}

#tailwind.customer .form-checkbox:focus + span:before {
  box-shadow: 0 0 8px rgba(64, 60, 214, 0.25);
}

#tailwind.customer .form-checkbox:checked + span:before {
  border-color: var(--blue-500);
  background-color: var(--blue-500);
}

#tailwind.customer .form-checkbox:checked ~ .form-checkbox-box {
  opacity: 1;
}

#tailwind.customer .form-checkbox:checked + span svg {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind.customer .form-radio + span,
#tailwind.customer .form-radio-box + span > .custom-radio {
  position: relative;
  display: -webkit-box;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: var(--gray-200);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.customer .form-radio + span:focus,
#tailwind.customer .form-radio-box + span > .custom-radio:focus {
  border-color: var(--blue-500);
}

.group:hover #tailwind.customer .form-radio + span,.group:hover 
#tailwind.customer .form-radio-box + span > .custom-radio {
  border-color: var(--blue-500);
}

#tailwind.customer .form-radio-rounded + span {
  position: relative;
  border-radius: 9999px;
}

@media (min-width: 768px) {
  #tailwind.customer .form-radio-rounded__md + span {
    display: none;
  }
}

#tailwind.customer .form-radio + span:before,
#tailwind.customer .form-radio-box + span > .custom-radio:before {
  content: "";
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  background-color: var(--blue-500);
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.customer .form-radio-rounded + span:before {
  border-radius: 9999px;
}

#tailwind.customer .form-radio-rounded ~ .form-radio-rounded-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  background-color: var(--blue-200);
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
}

#tailwind.customer .form-radio-box:checked + span {
  border-color: var(--blue-500);
}

#tailwind.customer .form-radio-box:checked + span > .custom-radio {
  border-color: var(--blue-500);
  background-color: var(--purple-50);
}

#tailwind.customer .form-radio:checked + span:before,
#tailwind.customer .form-radio-box:checked + span > .custom-radio:before {
  opacity: 1;
}

#tailwind.customer .form-radio:checked + span:after,
#tailwind.customer .form-radio[checked="checked"] + span:after {
  height: 0.5rem;
  width: 0.5rem;
}

#tailwind.customer .form-radio-rounded:checked ~ .form-radio-rounded-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  background-color: var(--blue-200);
  opacity: 1;
}

#tailwind.customer .form-radio-rounded:checked ~ span {
  color: var(--blue-500);
  z-index: 1;
}

#tailwind.customer .form-toggle:checked + span {
  background-color: var(--blue-500);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#tailwind.customer .form-toggle:checked + span .toggle-off {
  display: none;
}

.flatpickr-day#tailwind.customer .form-toggle:checked + span .toggle-off {
  visibility: hidden;
}

#tailwind.customer .form-toggle:checked + span .toggle-on {
  display: block;
}

#tailwind.customer .form-control.error,
#tailwind.customer .form-group.error .form-control,
#tailwind.customer .error .form-checkbox + span:before {
  border-color: var(--red-200);
}

#tailwind.customer .form-group .error-message,
#tailwind.customer .form-checkbox__wrap .error-message {
  display: none;
}

.flatpickr-day#tailwind.customer .form-group .error-message,.flatpickr-day
#tailwind.customer .form-checkbox__wrap .error-message {
  visibility: hidden;
}

#tailwind.customer .error .form-checkbox:checked + span:before {
  border-color: var(--blue-500);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind.customer .error .form-checkbox:checked ~ .error-message {
  display: none;
}

.flatpickr-day#tailwind.customer .error .form-checkbox:checked ~ .error-message {
  visibility: hidden;
}

#tailwind.customer .form-group.error .error-message,
#tailwind.customer .error .error-message,
#tailwind.customer .form-checkbox__wrap.error .error-message {
  display: -webkit-box;
  display: flex;
}

#tailwind.customer .form-group label.error + .error-message {
  display: block;
}

#tailwind.customer .form-control.error:valid[type="text"],
#tailwind.customer .form-control.error:valid[type="number"],
#tailwind.customer .form-group.error .form-control:valid[type="text"],
#tailwind.customer .form-group.error .form-control:valid[type="number"],
#tailwind.customer .form-group.error .form-control:valid {
  border-color: var(--gray-200);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind.customer .form-control.error:valid[type="text"] + * > .error-message,
#tailwind.customer .form-control.error:valid[type="number"] + * >  .error-message,
#tailwind.customer .form-group.error .form-control:valid[type="text"] + * >  .error-message,
#tailwind.customer .form-group.error .form-control:valid[type="number"] + * >  .error-message,
#tailwind.customer .form-group.error .form-control:valid + * >  .error-message {
  display: none;
}

.flatpickr-day#tailwind.customer .form-control.error:valid[type="text"] + * > .error-message,.flatpickr-day
#tailwind.customer .form-control.error:valid[type="number"] + * >  .error-message,.flatpickr-day
#tailwind.customer .form-group.error .form-control:valid[type="text"] + * >  .error-message,.flatpickr-day
#tailwind.customer .form-group.error .form-control:valid[type="number"] + * >  .error-message,.flatpickr-day
#tailwind.customer .form-group.error .form-control:valid + * >  .error-message {
  visibility: hidden;
}

#tailwind.customer .btn-primary,
.customer #tailwind .btn-primary {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(16 16 155 / var(--tw-border-opacity));
  background-color: var(--blue-500);
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.customer .btn-primary:hover,
.customer #tailwind .btn-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(12 12 119 / var(--tw-bg-opacity));
  --tw-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  --tw-shadow-colored: 0px 12px 16px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind.customer .btn-primary:focus,
.customer #tailwind .btn-primary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(38 34 203 / var(--tw-bg-opacity));
}

#tailwind.customer .btn-primary.hide,
.customer #tailwind .btn-primary.hide {
  display: none;
}

#tailwind.customer .btn-outline,
.customer #tailwind .btn-outline {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-200);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: Poppins, Times New Roman, Times, sans-serif;
  font-weight: 500;
  line-height: 1.5;
  color: var(--blue-900);
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  --tw-shadow:  0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

#tailwind.customer .btn-outline:hover,
.customer #tailwind .btn-outline:hover {
  background-color: var(--gray-50);
  color: var(--gray-800);
}

#tailwind.customer .btn-outline:focus,
.customer #tailwind .btn-outline:focus {
  border-color: var(--gray-500);
}

#tailwind.customer .btn-sm {
  border-radius: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#tailwind.customer .btn-lg {
  border-radius: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 22px;
  padding-right: 22px;
  font-size: 16px;
}

#tailwind.customer .btn-xl {
  gap: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 22px;
  padding-right: 22px;
  font-size: 16px;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

#tailwind.customer button svg.loader {
  display: none;
}

.flatpickr-day#tailwind.customer button svg.loader {
  visibility: hidden;
}

#tailwind.customer .btn-loader svg {
  display: none;
}

.flatpickr-day#tailwind.customer .btn-loader svg {
  visibility: hidden;
}

#tailwind.customer .btn-loader svg.loader {
  display: block;
}

@media (max-width: 768px) {
  #tailwind.customer .btn-xl {
    gap: 0.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 16px;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  #tailwind.customer .btn-lg {
    border-radius: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 22px;
    padding-right: 22px;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  #tailwind.customer .form-radio-box + span > .custom-radio {
    height: 1rem;
    width: 1rem;
  }

  #tailwind.customer .form-control {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

#tailwind.customer .field-type-title + .field-type-text {
  margin-top: 0.625rem;
}

#tailwind .available-day {
  cursor: pointer;
  border-width: 1px;
  border-color: var(--purple-300);
  color: var(--blue-800);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

#tailwind .available-day:hover {
  background-color: var(--purple-50);
  color: var(--blue-500);
}

#tailwind .sold-out-day {
  cursor: pointer;
  border-width: 1px;
  border-color: var(--gray-200);
  background-color: var(--gray-50);
  color: var(--gray-700);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

#tailwind .sold-out-day:hover {
  background-color: var(--purple-50);
  color: var(--blue-500);
}

#tailwind .slot-checkbox:focus-visible + span,
#tailwind .slot:focus-visible + span,
#tailwind .form-checkbox:focus-visible + span,
button:focus-visible,
a:focus-visible {
  outline-style: solid;
  outline-width: 1px;
  outline-offset: 2px;
  outline-color: var(--blue-600);
}

#tailwind .slot-checkbox:checked + span > .month,
#tailwind .slot-checkbox[checked="checked"] + span > .month {
  color: var(--blue-800);
}

#tailwind .slot-checkbox:checked + span,
#tailwind .slot-checkbox[checked="checked"] + span {
  border-color: var(--blue-500);
  background-color: var(--blue-100);
  font-weight: 500;
  color: var(--blue-500);
}

#tailwind .slot-checkbox:checked + span:hover,
#tailwind .slot-checkbox[checked="checked"] + span:hover {
  background-color: var(--blue-100);
}

#tailwind .slot-checkbox:checked + span.sold-out-day,
#tailwind .slot-checkbox[checked="checked"] + span.sold-out-day {
  --tw-border-opacity: 1;
  border-color: rgb(198 72 223 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(254 244 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(150 26 175 / var(--tw-text-opacity));
}

#tailwind .calendar-control.disabled,
#tailwind .calendar-control:disabled,
#tailwind .calendar-control:disabled:hover {
  cursor: default;
  border-color: var(--gray-50);
  background-color: var(--gray-50);
  color: var(--gray-300);
}

#tailwind .attendee-btn:disabled,
#tailwind .attendee-btn:disabled:hover {
  cursor: default;
  background-color: var(--gray-150);
  --tw-text-opacity: 1;
  color: rgb(183 190 205 / var(--tw-text-opacity));
}

#tailwind .error .slot + span {
  border-color: var(--red-200);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

#tailwind .error .slot + span:hover {
  border-color: var(--blue-500);
}

#tailwind .slot:checked + span,
#tailwind .slot[checked="checked"] + span {
  border-color: var(--blue-500);
  background-color: var(--blue-100);
  color: var(--blue-800);
}

#tailwind .slot:checked + span.waitlist-slot {
  --tw-border-opacity: 1;
  border-color: rgb(198 72 223 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(254 244 255 / var(--tw-bg-opacity));
  color: var(--gray-700);
}

#tailwind .slot:checked + span.waitlist-slot > span {
  color: var(--gray-700);
}

#tailwind .calendar-tab {
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 600;
  color: var(--blue-800);
}

#tailwind .calendar-tab:hover {
  background-color: var(--blue-100);
  color: var(--blue-600);
}

#tailwind .calendar-tab.active {
  background-color: var(--blue-800);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 4px 16px rgba(64, 60, 214, 0.16);
  --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind .calendar-tab.active:hover {
  background-color: var(--blue-800);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#tailwind.customer .btn-primary.waitlist-step {
  border-color: #961AAF;
  background: #961AAF;
}

@media (min-width: 768px) {
  #tailwind .filter {
    max-height: 100% !important;
  }
}

@media (max-width: 768px) {
  #tailwind .dropdown_btn.active {
    border-color: var(--blue-500);
    color: var(--blue-800);
  }

  #tailwind .dropdown_btn.active:hover {
    color: var(--blue-800);
  }

  #tailwind .dropdown_btn.active svg:last-child {
    color: var(--blue-500);
  }
}

#tailwind.customer .slider__image {
  height: 360px;
  border-radius: 8px;
  border: 1px solid #ECF0FF;
}

#tailwind.customer .btn-control:disabled,
#tailwind.customer .tns-liveregion.tns-visually-hidden {
  display: none;
}

.flatpickr-day#tailwind.customer .btn-control:disabled,.flatpickr-day
#tailwind.customer .tns-liveregion.tns-visually-hidden {
  visibility: hidden;
}

@media (max-width: 768px) {
  #tailwind.customer .slider__slide:first-child {
    padding: 0 2px 0 16px;
  }

  #tailwind.customer .slider__slide:last-child {
    padding: 0 16px 0 2px;
  }

  #tailwind.customer .slider__image {
    height: 200px;
  }

  #tailwind.customer .carousel {
    width: 100% !important;
  }
}

#tailwind .tooltip-arrow {
  position: absolute;
  left: 50%;
  top: -0.25rem;
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind .tooltip-arrow:before,
#tailwind .tooltip-arrow-bottom:before,
#tailwind .tooltip-arrow-right:before,
#tailwind .tooltip-arrow-right-side:before{
  content: "";
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  --tw-rotate: 45deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: var(--gray-900);
}

#tailwind .tooltip-arrow-bottom {
  position: absolute;
  left: 50%;
  bottom: -0.25rem;
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind .tooltip-arrow-right {
  position: absolute;
  right: 0.5rem;
  left: auto;
  top: -0.25rem;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind .tooltip-arrow-right-side {
  position: absolute;
  right: -0.25rem;
  top: 50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind button:hover + .tooltip {
  opacity: 1;
}

@media (min-width: 1400px) {
  #tailwind .xl-tooltip-arrow-center {
    right: auto;
    left: 50%;
    top: -0.25rem;
    --tw-translate-x: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

body.customer {
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0.02em;
}

#tailwind.customer .container {
  max-width: 1232px;
}

@media (max-width: 1200px) {
  #tailwind.customer .container {
    max-width: 1024px;
  }
}

@media (max-width: 1024px) {
  #tailwind.customer .container {
    max-width: 768px;
  }
}

#tailwind .simple-format h1 {
  font-weight: 600;
}

/*! purgecss start ignore */

#tailwind .rich-text b,
#tailwind .rich-text strong,
.rich-text b,
.rich-text strong {
  font-weight: bold;
}

#tailwind .rich-text ol,
#tailwind .rich-text ul,
.rich-text ol,
.rich-text ul {
  display: block;
  list-style-type: disc;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  margin-top: 0;
  margin-bottom: 11.5px;
}

#tailwind .rich-text ol li > br:first-child,
#tailwind .rich-text ul li > br:first-child,
.rich-text ol li > br:first-child,
.rich-text ul li > br:first-child {
  display: none;
}

#tailwind .rich-text ol,
.rich-text ol {
  list-style-type: decimal;
}

#tailwind .rich-text h1,
.rich-text h1 {
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

#tailwind .rich-text a,
.rich-text a {
  color: var(--blue-500);
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

/*! purgecss end ignore */

/**
 * tom-select.css (v2.3.1)
 * Copyright (c) contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 */

.ts-control {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 3px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.ts-wrapper.multi.has-items .ts-control {
  padding: calc(8px - 2px - 0) 8px calc(8px - 2px - 3px - 0);
}

.full .ts-control {
  background-color: #fff;
}

.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}

.focus .ts-control {
  box-shadow: none;
}

.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}

.ts-wrapper.multi .ts-control > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}

.ts-wrapper.multi .ts-control > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}

.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  color: #7d7d7d;
  background: white;
  border: 0 solid white;
}

.ts-control > input {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
      user-select: auto !important;
  box-shadow: none !important;
}

.ts-control > input::-ms-clear {
  display: none;
}

.ts-control > input:focus {
  outline: none !important;
}

.has-items .ts-control > input {
  margin: 0 4px !important;
}

.ts-control.rtl {
  text-align: right;
}

.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}

.ts-control.rtl .ts-control > input {
  margin: 0 4px 0 -2px !important;
}

.disabled .ts-control {
  opacity: 0.5;
  background-color: #fafafa;
}

.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}

.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: 0.25rem 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.ts-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}

.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 5px 8px;
}

.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}

.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.ts-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}

.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.ts-dropdown .active.create {
  color: #495c68;
}

.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}

.ts-dropdown .spinner::after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  -webkit-animation: lds-dual-ring 1.2s linear infinite;
          animation: lds-dual-ring 1.2s linear infinite;
}

@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.ts-dropdown-content {
  overflow: hidden auto;
  max-height: 200px;
  scroll-behavior: smooth;
}

.ts-wrapper.plugin-drag_drop .ts-dragging {
  color: transparent !important;
}

.ts-wrapper.plugin-drag_drop .ts-dragging > * {
  visibility: hidden !important;
}

.plugin-checkbox_options:not(.rtl) .option input {
  margin-right: 0.5rem;
}

.plugin-checkbox_options.rtl .option input {
  margin-left: 0.5rem;
}

/* stylelint-disable function-name-case */

.plugin-clear_button {
  --ts-pr-clear-button: 1em;
}

.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: calc(8px - 6px);
  margin-right: 0 !important;
  background: transparent !important;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  cursor: pointer;
}

.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  right: max(var(--ts-pr-caret), 8px);
}

.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}

.ts-wrapper .dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: color-mix(#fff, #d0d0d0, 85%);
  border-radius: 3px 3px 0 0;
}

.ts-wrapper .dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.ts-wrapper .dropdown-header-close:hover {
  color: black;
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
  box-shadow: none;
  border: 1px solid #d0d0d0;
}

.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px;
  display: block;
  padding: 8px 8px;
  box-shadow: none;
  width: 100%;
  background: transparent;
}

.plugin-dropdown_input .items-placeholder {
  border: 0 none !important;
  box-shadow: none !important;
  width: 100%;
}

.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
  display: none !important;
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  -webkit-box-flex: 0;
          flex: none;
  min-width: 4px;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
  color: transparent;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-webkit-input-placeholder {
  color: transparent;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input:-ms-input-placeholder {
  color: transparent;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
  color: transparent;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: -webkit-box;
  display: flex;
}

.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  -webkit-box-flex: 1;
          flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.ts-dropdown.plugin-optgroup_columns .optgroup::before {
  display: none;
}

.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.ts-wrapper.plugin-remove_button .item {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
}

.ts-wrapper.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 0 6px;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}

.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}

.ts-wrapper.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item {
  padding-right: 0 !important;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #d0d0d0;
  margin-left: 6px;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: #cacaca;
}

.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: white;
}

.ts-wrapper.plugin-remove_button.rtl .item {
  padding-left: 0 !important;
}

.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #d0d0d0;
  margin-right: 6px;
}

.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: #cacaca;
}

.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: white;
}

:root {
  --ts-pr-clear-button: 0;
  --ts-pr-caret: 0;
  --ts-pr-min: .75rem;
}

.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}

.ts-control:not(.rtl) {
  padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-control.rtl {
  padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-wrapper {
  position: relative;
}

.ts-dropdown,
.ts-control,
.ts-control input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background: #fff;
  cursor: text;
}

.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

#tailwind :is(.before\:absolute)::before {
  content: var(--tw-content);
  position: absolute;
}

#tailwind :is(.before\:-left-px)::before {
  content: var(--tw-content);
  left: -1px;
}

#tailwind :is(.before\:top-1\/2)::before {
  content: var(--tw-content);
  top: 50%;
}

#tailwind :is(.before\:h-6)::before {
  content: var(--tw-content);
  height: 1.5rem;
}

#tailwind :is(.before\:w-\[3px\])::before {
  content: var(--tw-content);
  width: 3px;
}

#tailwind :is(.before\:-translate-y-1\/2)::before {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind :is(.before\:rounded-2xl)::before {
  content: var(--tw-content);
  border-radius: 1rem;
}

#tailwind :is(.before\:bg-purple-800)::before {
  content: var(--tw-content);
  background-color: var(--purple-800);
}

#tailwind :is(.before\:content-\[\'\'\])::before {
  --tw-content: '';
  content: var(--tw-content);
}

#tailwind :is(.only\:flex:only-child) {
  display: -webkit-box;
  display: flex;
}

#tailwind :is(.empty\:hidden:empty) {
  display: none;
}

#tailwind :is(.hover\:border-blue-500:hover) {
  border-color: var(--blue-500);
}

#tailwind :is(.hover\:border-purple-200:hover) {
  border-color: var(--purple-200);
}

#tailwind :is(.hover\:border-purple-800:hover) {
  border-color: var(--purple-800);
}

#tailwind :is(.hover\:border-purple-900:hover) {
  border-color: var(--purple-900);
}

#tailwind :is(.hover\:bg-\[\#5C58FF\]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(92 88 255 / var(--tw-bg-opacity));
}

#tailwind :is(.hover\:bg-\[\#FBFBFD\]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 253 / var(--tw-bg-opacity));
}

#tailwind :is(.hover\:bg-blue-100:hover) {
  background-color: var(--blue-100);
}

#tailwind :is(.hover\:bg-blue-200:hover) {
  background-color: var(--blue-200);
}

#tailwind :is(.hover\:bg-blue-50:hover) {
  background-color: var(--blue-50);
}

#tailwind :is(.hover\:bg-blue-500:hover) {
  background-color: var(--blue-500);
}

#tailwind :is(.hover\:bg-blue-600:hover) {
  background-color: var(--blue-600);
}

#tailwind :is(.hover\:bg-blue-800:hover) {
  background-color: var(--blue-800);
}

#tailwind :is(.hover\:bg-gray-100:hover) {
  background-color: var(--gray-100);
}

#tailwind :is(.hover\:bg-gray-25:hover) {
  background-color: var(--gray-25);
}

#tailwind :is(.hover\:bg-gray-50:hover) {
  background-color: var(--gray-50);
}

#tailwind :is(.hover\:bg-green-50:hover) {
  background-color: var(--green-50);
}

#tailwind :is(.hover\:bg-indigo-700:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity));
}

#tailwind :is(.hover\:bg-pink-100:hover) {
  background-color: var(--pink-100);
}

#tailwind :is(.hover\:bg-purple-100:hover) {
  background-color: var(--purple-100);
}

#tailwind :is(.hover\:bg-purple-25:hover) {
  background-color: var(--purple-25);
}

#tailwind :is(.hover\:bg-purple-50:hover) {
  background-color: var(--purple-50);
}

#tailwind :is(.hover\:bg-purple-500:hover) {
  background-color: var(--purple-500);
}

#tailwind :is(.hover\:bg-purple-800:hover) {
  background-color: var(--purple-800);
}

#tailwind :is(.hover\:bg-purple-900:hover) {
  background-color: var(--purple-900);
}

#tailwind :is(.hover\:bg-red-100:hover) {
  background-color: var(--red-100);
}

#tailwind :is(.hover\:bg-teal-100:hover) {
  background-color: var(--teal-100);
}

#tailwind :is(.hover\:bg-yellow-200:hover) {
  background-color: var(--yellow-200);
}

#tailwind :is(.hover\:bg-yellow-750:hover) {
  background-color: var(--yellow-750);
}

#tailwind :is(.hover\:text-blue-500:hover) {
  color: var(--blue-500);
}

#tailwind :is(.hover\:text-blue-600:hover) {
  color: var(--blue-600);
}

#tailwind :is(.hover\:text-blue-800:hover) {
  color: var(--blue-800);
}

#tailwind :is(.hover\:text-blue-900:hover) {
  color: var(--blue-900);
}

#tailwind :is(.hover\:text-gray-700:hover) {
  color: var(--gray-700);
}

#tailwind :is(.hover\:text-gray-800:hover) {
  color: var(--gray-800);
}

#tailwind :is(.hover\:text-gray-900:hover) {
  color: var(--gray-900);
}

#tailwind :is(.hover\:text-gray-950:hover) {
  color: var(--gray-950);
}

#tailwind :is(.hover\:text-teal-800:hover) {
  color: var(--teal-800);
}

#tailwind :is(.hover\:text-white:hover) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#tailwind :is(.hover\:underline:hover) {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

#tailwind :is(.hover\:no-underline:hover) {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

#tailwind :is(.hover\:opacity-100:hover) {
  opacity: 1;
}

#tailwind :is(.hover\:opacity-75:hover) {
  opacity: 0.75;
}

#tailwind :is(.hover\:shadow:hover) {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.hover\:shadow-2lg:hover) {
  --tw-shadow: 0 30px 90px 0 rgba(227, 230, 236, 0.6);
  --tw-shadow-colored: 0 30px 90px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.hover\:shadow-lg:hover) {
  --tw-shadow: 0 30px 90px 0 rgba(227, 230, 236, 0.4);
  --tw-shadow-colored: 0 30px 90px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.hover\:shadow-md:hover) {
  --tw-shadow:  0 20px 40px 0 rgba(227, 230, 236, 0.20);
  --tw-shadow-colored: 0 20px 40px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.hover\:shadow-share-btn:hover) {
  --tw-shadow: 0 8px 12px 0 #FFBE0040;
  --tw-shadow-colored: 0 8px 12px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tailwind :is(.focus\:border-blue-300:focus) {
  border-color: var(--blue-300);
}

#tailwind :is(.focus\:border-purple-300:focus) {
  border-color: var(--purple-300);
}

#tailwind :is(.focus\:text-white:focus) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#tailwind :is(.focus\:no-underline:focus) {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

#tailwind :is(.focus\:outline-none:focus) {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

#tailwind :is(.focus\:outline-4:focus) {
  outline-width: 4px;
}

#tailwind :is(.focus\:outline-offset-0:focus) {
  outline-offset: 0px;
}

#tailwind :is(.focus\:outline-purple-100:focus) {
  outline-color: var(--purple-100);
}

#tailwind :is(.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)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#tailwind :is(.focus\:ring-indigo-500:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

#tailwind :is(.focus\:ring-offset-2:focus) {
  --tw-ring-offset-width: 2px;
}

#tailwind :is(.focus-visible\:outline-none:focus-visible) {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

#tailwind :is(.active\:outline-none:active) {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

#tailwind :is(.group:hover .group-hover\:translate-x-1) {
  --tw-translate-x: 0.25rem;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind :is(.group:hover .group-hover\:scale-105) {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#tailwind :is(.group:hover .group-hover\:border-\[\#C648DF\]) {
  --tw-border-opacity: 1;
  border-color: rgb(198 72 223 / var(--tw-border-opacity));
}

#tailwind :is(.group:hover .group-hover\:border-purple-300) {
  border-color: var(--purple-300);
}

#tailwind :is(.group:hover .group-hover\:border-purple-800) {
  border-color: var(--purple-800);
}

#tailwind :is(.group:hover .group-hover\:bg-blue-100) {
  background-color: var(--blue-100);
}

#tailwind :is(.group:hover .group-hover\:bg-blue-500) {
  background-color: var(--blue-500);
}

#tailwind :is(.group:hover .group-hover\:bg-gray-50) {
  background-color: var(--gray-50);
}

#tailwind :is(.group:hover .group-hover\:bg-purple-100) {
  background-color: var(--purple-100);
}

#tailwind :is(.group:hover .group-hover\:bg-purple-25) {
  background-color: var(--purple-25);
}

#tailwind :is(.group:hover .group-hover\:bg-purple-500) {
  background-color: var(--purple-500);
}

#tailwind :is(.group:hover .group-hover\:bg-purple-800) {
  background-color: var(--purple-800);
}

#tailwind :is(.group:hover .group-hover\:text-blue-500) {
  color: var(--blue-500);
}

#tailwind :is(.group:hover .group-hover\:text-blue-800) {
  color: var(--blue-800);
}

#tailwind :is(.group:hover .group-hover\:text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#tailwind :is(.group:hover .group-hover\:opacity-100) {
  opacity: 1;
}

#tailwind :is(.peer:checked ~ .peer-checked\:border-blue-500) {
  border-color: var(--blue-500);
}

#tailwind :is(.peer:checked ~ .peer-checked\:bg-blue-25) {
  background-color: var(--blue-25);
}

#tailwind :is(.peer:checked ~ .peer-checked\:text-blue-700) {
  color: var(--blue-700);
}

#tailwind :is(.peer:checked ~ .peer-checked\:shadow-lg) {
  --tw-shadow: 0 30px 90px 0 rgba(227, 230, 236, 0.4);
  --tw-shadow-colored: 0 30px 90px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 240px) {
  #tailwind :is(.xs\:flex) {
    display: -webkit-box;
    display: flex;
  }

  #tailwind :is(.xs\:hidden) {
    display: none;
  }

  #tailwind :is(.xs\:w-full) {
    width: 100%;
  }
}

@media (min-width: 640px) {
  #tailwind :is(.sm\:order-1) {
    -webkit-box-ordinal-group: 2;
            order: 1;
  }

  #tailwind :is(.sm\:order-2) {
    -webkit-box-ordinal-group: 3;
            order: 2;
  }

  #tailwind :is(.sm\:col-span-2) {
    grid-column: span 2 / span 2;
  }

  #tailwind :is(.sm\:-mx-10) {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  #tailwind :is(.sm\:-mt-10) {
    margin-top: -2.5rem;
  }

  #tailwind :is(.sm\:mb-0) {
    margin-bottom: 0px;
  }

  #tailwind :is(.sm\:mb-1) {
    margin-bottom: 0.25rem;
  }

  #tailwind :is(.sm\:mb-12) {
    margin-bottom: 3rem;
  }

  #tailwind :is(.sm\:mb-4) {
    margin-bottom: 1rem;
  }

  #tailwind :is(.sm\:mb-5) {
    margin-bottom: 1.25rem;
  }

  #tailwind :is(.sm\:ml-0) {
    margin-left: 0px;
  }

  #tailwind :is(.sm\:ml-4) {
    margin-left: 1rem;
  }

  #tailwind :is(.sm\:ml-auto) {
    margin-left: auto;
  }

  #tailwind :is(.sm\:mr-0) {
    margin-right: 0px;
  }

  #tailwind :is(.sm\:mr-5) {
    margin-right: 1.25rem;
  }

  #tailwind :is(.sm\:mt-0) {
    margin-top: 0px;
  }

  #tailwind :is(.sm\:mt-2) {
    margin-top: 0.5rem;
  }

  #tailwind :is(.sm\:mt-8) {
    margin-top: 2rem;
  }

  #tailwind :is(.sm\:block) {
    display: block;
  }

  #tailwind :is(.sm\:inline) {
    display: inline;
  }

  #tailwind :is(.sm\:flex) {
    display: -webkit-box;
    display: flex;
  }

  #tailwind :is(.sm\:hidden) {
    display: none;
  }

  #tailwind :is(.sm\:h-\[360px\]) {
    height: 360px;
  }

  #tailwind :is(.sm\:h-\[42px\]) {
    height: 42px;
  }

  #tailwind :is(.sm\:max-h-\[45px\]) {
    max-height: 45px;
  }

  #tailwind :is(.sm\:w-1\/2) {
    width: 50%;
  }

  #tailwind :is(.sm\:w-1\/2-30) {
    width: calc(50% - 30px);
  }

  #tailwind :is(.sm\:w-6) {
    width: 1.5rem;
  }

  #tailwind :is(.sm\:w-auto) {
    width: auto;
  }

  #tailwind :is(.sm\:w-min) {
    width: -moz-min-content;
    width: -webkit-min-content;
    width: min-content;
  }

  #tailwind :is(.sm\:flex-1) {
    -webkit-box-flex: 1;
            flex: 1 1 0%;
  }

  #tailwind :is(.sm\:grow-0) {
    -webkit-box-flex: 0;
            flex-grow: 0;
  }

  #tailwind :is(.sm\:grid-cols-2) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #tailwind :is(.sm\:grid-cols-4) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #tailwind :is(.sm\:flex-row) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }

  #tailwind :is(.sm\:flex-col) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  #tailwind :is(.sm\:items-center) {
    -webkit-box-align: center;
            align-items: center;
  }

  #tailwind :is(.sm\:gap-3) {
    gap: 0.75rem;
  }

  #tailwind :is(.sm\:space-x-3 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  #tailwind :is(.sm\:rounded-lg) {
    border-radius: 0.5rem;
  }

  #tailwind :is(.sm\:border-l) {
    border-left-width: 1px;
  }

  #tailwind :is(.sm\:p-10) {
    padding: 2.5rem;
  }

  #tailwind :is(.sm\:p-3) {
    padding: 0.75rem;
  }

  #tailwind :is(.sm\:p-6) {
    padding: 1.5rem;
  }

  #tailwind :is(.sm\:p-8) {
    padding: 2rem;
  }

  #tailwind :is(.sm\:px-10) {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  #tailwind :is(.sm\:px-6) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  #tailwind :is(.sm\:px-8) {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  #tailwind :is(.sm\:py-3) {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  #tailwind :is(.sm\:pb-12) {
    padding-bottom: 3rem;
  }

  #tailwind :is(.sm\:pl-8) {
    padding-left: 2rem;
  }

  #tailwind :is(.sm\:pr-8) {
    padding-right: 2rem;
  }

  #tailwind :is(.sm\:pt-10) {
    padding-top: 2.5rem;
  }

  #tailwind :is(.sm\:pt-8) {
    padding-top: 2rem;
  }

  #tailwind :is(.sm\:text-left) {
    text-align: left;
  }

  #tailwind :is(.sm\:text-16) {
    font-size: 16px;
  }

  #tailwind :is(.sm\:text-2xl) {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  #tailwind :is(.sm\:text-3xl) {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  #tailwind :is(.sm\:text-4xl) {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  #tailwind :is(.sm\:text-lg) {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  #tailwind :is(.sm\:text-sm) {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  #tailwind :is(.sm\:leading-5) {
    line-height: 1.25rem;
  }
}

@media (min-width: 768px) {
  #tailwind :is(.md\:static) {
    position: static;
  }

  #tailwind :is(.md\:relative) {
    position: relative;
  }

  #tailwind :is(.md\:sticky) {
    position: -webkit-sticky;
    position: sticky;
  }

  #tailwind :is(.md\:-left-7) {
    left: -1.75rem;
  }

  #tailwind :is(.md\:-top-\[26px\]) {
    top: -26px;
  }

  #tailwind :is(.md\:left-0) {
    left: 0px;
  }

  #tailwind :is(.md\:left-auto) {
    left: auto;
  }

  #tailwind :is(.md\:right-0) {
    right: 0px;
  }

  #tailwind :is(.md\:top-0) {
    top: 0px;
  }

  #tailwind :is(.md\:top-3) {
    top: 0.75rem;
  }

  #tailwind :is(.md\:top-8) {
    top: 2rem;
  }

  #tailwind :is(.md\:z-0) {
    z-index: 0;
  }

  #tailwind :is(.md\:order-1) {
    -webkit-box-ordinal-group: 2;
            order: 1;
  }

  #tailwind :is(.md\:order-2) {
    -webkit-box-ordinal-group: 3;
            order: 2;
  }

  #tailwind :is(.md\:order-none) {
    -webkit-box-ordinal-group: 1;
            order: 0;
  }

  #tailwind :is(.md\:col-span-12) {
    grid-column: span 12 / span 12;
  }

  #tailwind :is(.md\:col-span-2) {
    grid-column: span 2 / span 2;
  }

  #tailwind :is(.md\:col-span-4) {
    grid-column: span 4 / span 4;
  }

  #tailwind :is(.md\:col-span-8) {
    grid-column: span 8 / span 8;
  }

  #tailwind :is(.md\:-mx-3) {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  #tailwind :is(.md\:-mx-4) {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  #tailwind :is(.md\:-mx-6) {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  #tailwind :is(.md\:-mx-\[50px\]) {
    margin-left: -50px;
    margin-right: -50px;
  }

  #tailwind :is(.md\:mx-0) {
    margin-left: 0px;
    margin-right: 0px;
  }

  #tailwind :is(.md\:mx-3) {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  #tailwind :is(.md\:my-6) {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  #tailwind :is(.md\:-ml-1) {
    margin-left: -0.25rem;
  }

  #tailwind :is(.md\:-mt-2) {
    margin-top: -0.5rem;
  }

  #tailwind :is(.md\:-mt-2\.5) {
    margin-top: -0.625rem;
  }

  #tailwind :is(.md\:-mt-3) {
    margin-top: -0.75rem;
  }

  #tailwind :is(.md\:-mt-3\.5) {
    margin-top: -0.875rem;
  }

  #tailwind :is(.md\:mb-0) {
    margin-bottom: 0px;
  }

  #tailwind :is(.md\:mb-0\.5) {
    margin-bottom: 0.125rem;
  }

  #tailwind :is(.md\:mb-1) {
    margin-bottom: 0.25rem;
  }

  #tailwind :is(.md\:mb-10) {
    margin-bottom: 2.5rem;
  }

  #tailwind :is(.md\:mb-14) {
    margin-bottom: 3.5rem;
  }

  #tailwind :is(.md\:mb-2) {
    margin-bottom: 0.5rem;
  }

  #tailwind :is(.md\:mb-2\.5) {
    margin-bottom: 0.625rem;
  }

  #tailwind :is(.md\:mb-3) {
    margin-bottom: 0.75rem;
  }

  #tailwind :is(.md\:mb-5) {
    margin-bottom: 1.25rem;
  }

  #tailwind :is(.md\:mb-6) {
    margin-bottom: 1.5rem;
  }

  #tailwind :is(.md\:mb-8) {
    margin-bottom: 2rem;
  }

  #tailwind :is(.md\:ml-0) {
    margin-left: 0px;
  }

  #tailwind :is(.md\:ml-1) {
    margin-left: 0.25rem;
  }

  #tailwind :is(.md\:ml-1\.5) {
    margin-left: 0.375rem;
  }

  #tailwind :is(.md\:ml-4) {
    margin-left: 1rem;
  }

  #tailwind :is(.md\:ml-\[120px\]) {
    margin-left: 120px;
  }

  #tailwind :is(.md\:ml-auto) {
    margin-left: auto;
  }

  #tailwind :is(.md\:mr-0) {
    margin-right: 0px;
  }

  #tailwind :is(.md\:mr-10) {
    margin-right: 2.5rem;
  }

  #tailwind :is(.md\:mr-2) {
    margin-right: 0.5rem;
  }

  #tailwind :is(.md\:mr-2\.5) {
    margin-right: 0.625rem;
  }

  #tailwind :is(.md\:mr-3) {
    margin-right: 0.75rem;
  }

  #tailwind :is(.md\:mr-6) {
    margin-right: 1.5rem;
  }

  #tailwind :is(.md\:mt-0) {
    margin-top: 0px;
  }

  #tailwind :is(.md\:mt-2) {
    margin-top: 0.5rem;
  }

  #tailwind :is(.md\:mt-\[-51px\]) {
    margin-top: -51px;
  }

  #tailwind :is(.md\:mt-\[-53px\]) {
    margin-top: -53px;
  }

  #tailwind :is(.md\:block) {
    display: block;
  }

  #tailwind :is(.md\:flex) {
    display: -webkit-box;
    display: flex;
  }

  #tailwind :is(.md\:inline-flex) {
    display: -webkit-inline-box;
    display: inline-flex;
  }

  #tailwind :is(.md\:grid) {
    display: grid;
  }

  #tailwind :is(.md\:hidden) {
    display: none;
  }

  #tailwind :is(.md\:h-10) {
    height: 2.5rem;
  }

  #tailwind :is(.md\:h-100vh-44) {
    height: calc(100vh - 44px);
  }

  #tailwind :is(.md\:h-12) {
    height: 3rem;
  }

  #tailwind :is(.md\:h-24) {
    height: 6rem;
  }

  #tailwind :is(.md\:h-5) {
    height: 1.25rem;
  }

  #tailwind :is(.md\:h-6) {
    height: 1.5rem;
  }

  #tailwind :is(.md\:h-9) {
    height: 2.25rem;
  }

  #tailwind :is(.md\:h-\[120px\]) {
    height: 120px;
  }

  #tailwind :is(.md\:h-\[30px\]) {
    height: 30px;
  }

  #tailwind :is(.md\:h-\[34px\]) {
    height: 34px;
  }

  #tailwind :is(.md\:h-auto) {
    height: auto;
  }

  #tailwind :is(.md\:h-full) {
    height: 100%;
  }

  #tailwind :is(.md\:h-screen) {
    height: 100vh;
  }

  #tailwind :is(.md\:\!max-h-none) {
    max-height: none !important;
  }

  #tailwind :is(.md\:max-h-\[316px\]) {
    max-height: 316px;
  }

  #tailwind :is(.md\:max-h-none) {
    max-height: none;
  }

  #tailwind :is(.md\:w-1\/2) {
    width: 50%;
  }

  #tailwind :is(.md\:w-10) {
    width: 2.5rem;
  }

  #tailwind :is(.md\:w-12) {
    width: 3rem;
  }

  #tailwind :is(.md\:w-24) {
    width: 6rem;
  }

  #tailwind :is(.md\:w-40) {
    width: 10rem;
  }

  #tailwind :is(.md\:w-5) {
    width: 1.25rem;
  }

  #tailwind :is(.md\:w-6) {
    width: 1.5rem;
  }

  #tailwind :is(.md\:w-9) {
    width: 2.25rem;
  }

  #tailwind :is(.md\:w-\[120px\]) {
    width: 120px;
  }

  #tailwind :is(.md\:w-\[30px\]) {
    width: 30px;
  }

  #tailwind :is(.md\:w-\[400px\]) {
    width: 400px;
  }

  #tailwind :is(.md\:w-\[450px\]) {
    width: 450px;
  }

  #tailwind :is(.md\:w-\[660px\]) {
    width: 660px;
  }

  #tailwind :is(.md\:w-\[96px\]) {
    width: 96px;
  }

  #tailwind :is(.md\:w-auto) {
    width: auto;
  }

  #tailwind :is(.md\:w-full) {
    width: 100%;
  }

  #tailwind :is(.md\:max-w-\[1232px\]) {
    max-width: 1232px;
  }

  #tailwind :is(.md\:max-w-\[290px\]) {
    max-width: 290px;
  }

  #tailwind :is(.md\:max-w-\[340px\]) {
    max-width: 340px;
  }

  #tailwind :is(.md\:max-w-\[400px\]) {
    max-width: 400px;
  }

  #tailwind :is(.md\:max-w-\[96px\]) {
    max-width: 96px;
  }

  #tailwind :is(.md\:flex-grow) {
    -webkit-box-flex: 1;
            flex-grow: 1;
  }

  #tailwind :is(.md\:grow-0) {
    -webkit-box-flex: 0;
            flex-grow: 0;
  }

  #tailwind :is(.md\:grid-cols-2) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #tailwind :is(.md\:flex-row) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }

  #tailwind :is(.md\:flex-col) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  #tailwind :is(.md\:flex-nowrap) {
    flex-wrap: nowrap;
  }

  #tailwind :is(.md\:items-start) {
    -webkit-box-align: start;
            align-items: flex-start;
  }

  #tailwind :is(.md\:items-center) {
    -webkit-box-align: center;
            align-items: center;
  }

  #tailwind :is(.md\:justify-end) {
    -webkit-box-pack: end;
            justify-content: flex-end;
  }

  #tailwind :is(.md\:justify-between) {
    -webkit-box-pack: justify;
            justify-content: space-between;
  }

  #tailwind :is(.md\:gap-3) {
    gap: 0.75rem;
  }

  #tailwind :is(.md\:gap-8) {
    gap: 2rem;
  }

  #tailwind :is(.md\:gap-x-4) {
    -moz-column-gap: 1rem;
         -webkit-column-gap: 1rem;
            column-gap: 1rem;
  }

  #tailwind :is(.md\:gap-y-1) {
    row-gap: 0.25rem;
  }

  #tailwind :is(.md\:gap-y-5) {
    row-gap: 1.25rem;
  }

  #tailwind :is(.md\:gap-y-8) {
    row-gap: 2rem;
  }

  #tailwind :is(.md\:space-x-2 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  #tailwind :is(.md\:space-x-2\.5 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
  }

  #tailwind :is(.md\:space-x-3 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  #tailwind :is(.md\:space-x-5 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  #tailwind :is(.md\:space-y-0 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  #tailwind :is(.md\:overflow-visible) {
    overflow: visible;
  }

  #tailwind :is(.md\:rounded-2xl) {
    border-radius: 1rem;
  }

  #tailwind :is(.md\:rounded-4xl) {
    border-radius: 24px;
  }

  #tailwind :is(.md\:rounded-none) {
    border-radius: 0px;
  }

  #tailwind :is(.md\:rounded-xl) {
    border-radius: 0.75rem;
  }

  #tailwind :is(.md\:border) {
    border-width: 1px;
  }

  #tailwind :is(.md\:border-b) {
    border-bottom-width: 1px;
  }

  #tailwind :is(.md\:border-r) {
    border-right-width: 1px;
  }

  #tailwind :is(.md\:border-none) {
    border-style: none;
  }

  #tailwind :is(.md\:bg-\[\#FBFBFD\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 253 / var(--tw-bg-opacity));
  }

  #tailwind :is(.md\:bg-blue-100) {
    background-color: var(--blue-100);
  }

  #tailwind :is(.md\:bg-gray-25) {
    background-color: var(--gray-25);
  }

  #tailwind :is(.md\:bg-purple-100) {
    background-color: var(--purple-100);
  }

  #tailwind :is(.md\:bg-transparent) {
    background-color: transparent;
  }

  #tailwind :is(.md\:bg-white) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  #tailwind :is(.md\:bg-yellow-100) {
    background-color: var(--yellow-100);
  }

  #tailwind :is(.md\:bg-yellow-400) {
    background-color: var(--yellow-400);
  }

  #tailwind :is(.md\:bg-yellow-600) {
    background-color: var(--yellow-600);
  }

  #tailwind :is(.md\:p-0) {
    padding: 0px;
  }

  #tailwind :is(.md\:p-10) {
    padding: 2.5rem;
  }

  #tailwind :is(.md\:p-3) {
    padding: 0.75rem;
  }

  #tailwind :is(.md\:p-4) {
    padding: 1rem;
  }

  #tailwind :is(.md\:p-5) {
    padding: 1.25rem;
  }

  #tailwind :is(.md\:p-6) {
    padding: 1.5rem;
  }

  #tailwind :is(.md\:p-8) {
    padding: 2rem;
  }

  #tailwind :is(.md\:px-0) {
    padding-left: 0px;
    padding-right: 0px;
  }

  #tailwind :is(.md\:px-1) {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  #tailwind :is(.md\:px-1\.5) {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  #tailwind :is(.md\:px-2) {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  #tailwind :is(.md\:px-2\.5) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  #tailwind :is(.md\:px-3) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  #tailwind :is(.md\:px-3\.5) {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  #tailwind :is(.md\:px-4) {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  #tailwind :is(.md\:px-5) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  #tailwind :is(.md\:px-6) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  #tailwind :is(.md\:px-8) {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  #tailwind :is(.md\:py-0) {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  #tailwind :is(.md\:py-1) {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  #tailwind :is(.md\:py-1\.5) {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  #tailwind :is(.md\:py-10) {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  #tailwind :is(.md\:py-2) {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  #tailwind :is(.md\:py-2\.5) {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  #tailwind :is(.md\:py-3) {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  #tailwind :is(.md\:py-3\.5) {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  #tailwind :is(.md\:py-4) {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  #tailwind :is(.md\:py-5) {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  #tailwind :is(.md\:py-6) {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  #tailwind :is(.md\:py-7) {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  #tailwind :is(.md\:py-8) {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  #tailwind :is(.md\:pb-0) {
    padding-bottom: 0px;
  }

  #tailwind :is(.md\:pb-16) {
    padding-bottom: 4rem;
  }

  #tailwind :is(.md\:pb-5) {
    padding-bottom: 1.25rem;
  }

  #tailwind :is(.md\:pb-6) {
    padding-bottom: 1.5rem;
  }

  #tailwind :is(.md\:pl-0) {
    padding-left: 0px;
  }

  #tailwind :is(.md\:pl-6) {
    padding-left: 1.5rem;
  }

  #tailwind :is(.md\:pl-7) {
    padding-left: 1.75rem;
  }

  #tailwind :is(.md\:pl-8) {
    padding-left: 2rem;
  }

  #tailwind :is(.md\:pr-10) {
    padding-right: 2.5rem;
  }

  #tailwind :is(.md\:pr-4) {
    padding-right: 1rem;
  }

  #tailwind :is(.md\:pr-6) {
    padding-right: 1.5rem;
  }

  #tailwind :is(.md\:pt-0) {
    padding-top: 0px;
  }

  #tailwind :is(.md\:pt-10) {
    padding-top: 2.5rem;
  }

  #tailwind :is(.md\:pt-12) {
    padding-top: 3rem;
  }

  #tailwind :is(.md\:pt-3) {
    padding-top: 0.75rem;
  }

  #tailwind :is(.md\:pt-32) {
    padding-top: 8rem;
  }

  #tailwind :is(.md\:pt-4) {
    padding-top: 1rem;
  }

  #tailwind :is(.md\:pt-5) {
    padding-top: 1.25rem;
  }

  #tailwind :is(.md\:pt-6) {
    padding-top: 1.5rem;
  }

  #tailwind :is(.md\:pt-8) {
    padding-top: 2rem;
  }

  #tailwind :is(.md\:pt-\[18px\]) {
    padding-top: 18px;
  }

  #tailwind :is(.md\:text-center) {
    text-align: center;
  }

  #tailwind :is(.md\:text-16) {
    font-size: 16px;
  }

  #tailwind :is(.md\:text-2xl) {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  #tailwind :is(.md\:text-4xl) {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  #tailwind :is(.md\:text-\[13px\]) {
    font-size: 13px;
  }

  #tailwind :is(.md\:text-\[32px\]) {
    font-size: 32px;
  }

  #tailwind :is(.md\:text-base) {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  #tailwind :is(.md\:text-lg) {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  #tailwind :is(.md\:text-sm) {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  #tailwind :is(.md\:text-xl) {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  #tailwind :is(.md\:text-xs) {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  #tailwind :is(.md\:font-medium) {
    font-weight: 500;
  }

  #tailwind :is(.md\:font-semibold) {
    font-weight: 600;
  }

  #tailwind :is(.md\:leading-6) {
    line-height: 1.5rem;
  }

  #tailwind :is(.md\:text-gray-850) {
    color: var(--gray-850);
  }

  #tailwind :is(.md\:shadow-filter) {
    --tw-shadow:  0px 8px 60px 0 #E4E6F1;
    --tw-shadow-colored: 0px 8px 60px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  #tailwind :is(.md\:shadow-lg) {
    --tw-shadow: 0 30px 90px 0 rgba(227, 230, 236, 0.4);
    --tw-shadow-colored: 0 30px 90px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  #tailwind :is(.md\:shadow-none) {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  #tailwind :is(.md\:hover\:bg-transparent:hover) {
    background-color: transparent;
  }
}

@media (min-width: 1024px) {
  #tailwind :is(.lg\:absolute) {
    position: absolute;
  }

  #tailwind :is(.lg\:relative) {
    position: relative;
  }

  #tailwind :is(.lg\:right-0) {
    right: 0px;
  }

  #tailwind :is(.lg\:col-span-2) {
    grid-column: span 2 / span 2;
  }

  #tailwind :is(.lg\:col-span-3) {
    grid-column: span 3 / span 3;
  }

  #tailwind :is(.lg\:col-span-5) {
    grid-column: span 5 / span 5;
  }

  #tailwind :is(.lg\:col-span-7) {
    grid-column: span 7 / span 7;
  }

  #tailwind :is(.lg\:col-span-9) {
    grid-column: span 9 / span 9;
  }

  #tailwind :is(.lg\:col-start-8) {
    grid-column-start: 8;
  }

  #tailwind :is(.lg\:row-span-2) {
    grid-row: span 2 / span 2;
  }

  #tailwind :is(.lg\:my-5) {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  #tailwind :is(.lg\:-ml-3) {
    margin-left: -0.75rem;
  }

  #tailwind :is(.lg\:-mr-7) {
    margin-right: -1.75rem;
  }

  #tailwind :is(.lg\:-mt-\[56px\]) {
    margin-top: -56px;
  }

  #tailwind :is(.lg\:mb-0) {
    margin-bottom: 0px;
  }

  #tailwind :is(.lg\:mb-2) {
    margin-bottom: 0.5rem;
  }

  #tailwind :is(.lg\:mb-5) {
    margin-bottom: 1.25rem;
  }

  #tailwind :is(.lg\:ml-auto) {
    margin-left: auto;
  }

  #tailwind :is(.lg\:mt-0) {
    margin-top: 0px;
  }

  #tailwind :is(.lg\:mt-1) {
    margin-top: 0.25rem;
  }

  #tailwind :is(.lg\:mt-5) {
    margin-top: 1.25rem;
  }

  #tailwind :is(.lg\:block) {
    display: block;
  }

  #tailwind :is(.lg\:flex) {
    display: -webkit-box;
    display: flex;
  }

  #tailwind :is(.lg\:grid) {
    display: grid;
  }

  #tailwind :is(.lg\:hidden) {
    display: none;
  }

  #tailwind :is(.lg\:h-auto) {
    height: auto;
  }

  #tailwind :is(.lg\:w-1\/2) {
    width: 50%;
  }

  #tailwind :is(.lg\:w-\[340px\]) {
    width: 340px;
  }

  #tailwind :is(.lg\:w-auto) {
    width: auto;
  }

  #tailwind :is(.lg\:w-full) {
    width: 100%;
  }

  #tailwind :is(.lg\:max-w-\[250px\]) {
    max-width: 250px;
  }

  #tailwind :is(.lg\:max-w-\[404px\]) {
    max-width: 404px;
  }

  #tailwind :is(.lg\:max-w-\[480px\]) {
    max-width: 480px;
  }

  #tailwind :is(.lg\:max-w-none) {
    max-width: none;
  }

  #tailwind :is(.lg\:max-w-screen-sm) {
    max-width: 640px;
  }

  #tailwind :is(.lg\:flex-none) {
    -webkit-box-flex: 0;
            flex: none;
  }

  #tailwind :is(.lg\:scale-150) {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  #tailwind :is(.lg\:grid-cols-2) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #tailwind :is(.lg\:grid-cols-3) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #tailwind :is(.lg\:grid-cols-4) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #tailwind :is(.lg\:flex-row) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }

  #tailwind :is(.lg\:flex-nowrap) {
    flex-wrap: nowrap;
  }

  #tailwind :is(.lg\:items-start) {
    -webkit-box-align: start;
            align-items: flex-start;
  }

  #tailwind :is(.lg\:items-end) {
    -webkit-box-align: end;
            align-items: flex-end;
  }

  #tailwind :is(.lg\:items-center) {
    -webkit-box-align: center;
            align-items: center;
  }

  #tailwind :is(.lg\:gap-10) {
    gap: 2.5rem;
  }

  #tailwind :is(.lg\:gap-3) {
    gap: 0.75rem;
  }

  #tailwind :is(.lg\:gap-6) {
    gap: 1.5rem;
  }

  #tailwind :is(.lg\:gap-8) {
    gap: 2rem;
  }

  #tailwind :is(.lg\:space-x-8 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }

  #tailwind :is(.lg\:space-y-6 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }

  #tailwind :is(.lg\:divide-none > :not([hidden]) ~ :not([hidden])) {
    border-style: none;
  }

  #tailwind :is(.lg\:border-r) {
    border-right-width: 1px;
  }

  #tailwind :is(.lg\:border-t) {
    border-top-width: 1px;
  }

  #tailwind :is(.lg\:border-none) {
    border-style: none;
  }

  #tailwind :is(.lg\:p-0) {
    padding: 0px;
  }

  #tailwind :is(.lg\:p-6) {
    padding: 1.5rem;
  }

  #tailwind :is(.lg\:p-7) {
    padding: 1.75rem;
  }

  #tailwind :is(.lg\:px-7) {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  #tailwind :is(.lg\:py-0) {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  #tailwind :is(.lg\:py-5) {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  #tailwind :is(.lg\:pl-6) {
    padding-left: 1.5rem;
  }

  #tailwind :is(.lg\:pr-0) {
    padding-right: 0px;
  }

  #tailwind :is(.lg\:pr-6) {
    padding-right: 1.5rem;
  }

  #tailwind :is(.lg\:pt-0) {
    padding-top: 0px;
  }

  #tailwind :is(.lg\:text-2xl) {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  #tailwind :is(.lg\:text-3xl) {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  #tailwind :is(.lg\:text-\[32px\]) {
    font-size: 32px;
  }

  #tailwind :is(.lg\:text-\[40px\]) {
    font-size: 40px;
  }

  #tailwind :is(.lg\:text-lg) {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  #tailwind :is(.lg\:text-sm) {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  #tailwind :is(.lg\:text-xl) {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  #tailwind :is(.lg\:leading-\[60px\]) {
    line-height: 60px;
  }
}

@media (min-width: 1280px) {
  #tailwind :is(.xl\:relative) {
    position: relative;
  }

  #tailwind :is(.xl\:order-2) {
    -webkit-box-ordinal-group: 3;
            order: 2;
  }

  #tailwind :is(.xl\:col-span-2) {
    grid-column: span 2 / span 2;
  }

  #tailwind :is(.xl\:col-span-4) {
    grid-column: span 4 / span 4;
  }

  #tailwind :is(.xl\:col-span-6) {
    grid-column: span 6 / span 6;
  }

  #tailwind :is(.xl\:col-span-8) {
    grid-column: span 8 / span 8;
  }

  #tailwind :is(.xl\:col-start-9) {
    grid-column-start: 9;
  }

  #tailwind :is(.xl\:mb-0) {
    margin-bottom: 0px;
  }

  #tailwind :is(.xl\:ml-3) {
    margin-left: 0.75rem;
  }

  #tailwind :is(.xl\:w-full) {
    width: 100%;
  }

  #tailwind :is(.xl\:max-w-screen-lg) {
    max-width: 1024px;
  }

  #tailwind :is(.xl\:max-w-screen-xl) {
    max-width: 1280px;
  }

  #tailwind :is(.xl\:grid-cols-3) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #tailwind :is(.xl\:grid-cols-4) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #tailwind :is(.xl\:flex-row) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }

  #tailwind :is(.xl\:items-center) {
    -webkit-box-align: center;
            align-items: center;
  }

  #tailwind :is(.xl\:bg-blue-100) {
    background-color: var(--blue-100);
  }

  #tailwind :is(.xl\:px-0) {
    padding-left: 0px;
    padding-right: 0px;
  }

  #tailwind :is(.xl\:px-4) {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  #tailwind :is(.xl\:px-8) {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  #tailwind :is(.xl\:py-12) {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  #tailwind :is(.xl\:pl-7) {
    padding-left: 1.75rem;
  }

  #tailwind :is(.xl\:text-16) {
    font-size: 16px;
  }

  #tailwind :is(.xl\:text-2xl) {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  #tailwind :is(.xl\:text-base) {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1400px) {
  #tailwind :is(.\31\.5xl\:left-1\/2) {
    left: 50%;
  }

  #tailwind :is(.\31\.5xl\:-translate-x-1\/2) {
    --tw-translate-x: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (min-width: 1536px) {
  #tailwind :is(.\32xl\:grid-cols-4) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #tailwind :is(.\32xl\:rounded-4xl) {
    border-radius: 24px;
  }
}

@media (min-width: 2000px) {
  #tailwind :is(.\33xl\:rounded-4xl) {
    border-radius: 24px;
  }
}

#tailwind :is([busy]~.\[\[busy\]\~\&\]\:opacity-100) {
  opacity: 1;
}