﻿/* Tailwind core - Cores para o Website */

*, ::before, ::after {
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgb(59 130 246 / 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;
}

::backdrop {
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgb(59 130 246 / 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;
}

/* ! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com */

input::-moz-placeholder, textarea::-moz-placeholder {
   opacity: 1;
   color: var(--tw-gray-400);
}

input::placeholder,
textarea::placeholder {
   opacity: 1;
   color: var(--tw-gray-400);
}

:root {
   --tw-brand: #FF6F1E;
   --tw-brand-r: 255;
   --tw-brand-g: 111;
   --tw-brand-b: 30;
   --tw-brand-rgb: rgb(var(--tw-brand-r), var(--tw-brand-g), var(--tw-brand-b));
   --tw-brand-light: rgb(var(--tw-brand-r), var(--tw-brand-g), var(--tw-brand-b));
   --tw-brand-active-light: rgb( calc(var(--tw-brand-r) * 0.9), calc(var(--tw-brand-g) * 0.9), calc(var(--tw-brand-b) * 0.9) ); /* mais escuro que brand */
   --tw-brand-light-light: rgb( calc(var(--tw-brand-r) + (255 - var(--tw-brand-r)) * 0.8), calc(var(--tw-brand-g) + (255 - var(--tw-brand-g)) * 0.8), calc(var(--tw-brand-b) + (255 - var(--tw-brand-b)) * 0.8) ); /* bem mais claro que brand */
   --tw-brand-clarity-light: rgb( calc(var(--tw-brand-r) + (255 - var(--tw-brand-r)) * 0.8), calc(var(--tw-brand-g) + (255 - var(--tw-brand-g)) * 0.8), calc(var(--tw-brand-b) + (255 - var(--tw-brand-b)) * 0.8) );
   --tw-brand-inverse-light: #ffffff;
   --tw-brand-dark: rgb( calc(var(--tw-brand-r) * 0.9), calc(var(--tw-brand-g) * 0.9), calc(var(--tw-brand-b) * 0.9) ); /* mais escuro que brand-active-light */
   --tw-brand-active-dark: rgb(var(--tw-brand-r), var(--tw-brand-g), var(--tw-brand-b));
   --tw-brand-light-dark: rgb( calc(var(--tw-brand-r) * 0.4), calc(var(--tw-brand-g) * 0.4), calc(var(--tw-brand-b) * 0.4) );
   --tw-brand-clarity-dark: rgb( calc(var(--tw-brand-r) + (255 - var(--tw-brand-r)) * 0.8), calc(var(--tw-brand-g) + (255 - var(--tw-brand-g)) * 0.8), calc(var(--tw-brand-b) + (255 - var(--tw-brand-b)) * 0.8) );
   --tw-brand-inverse-dark: #ffffff;
   --tw-brand2: #FF6F1E;
   --tw-brand2-r: 255;
   --tw-brand2-g: 111;
   --tw-brand2-b: 30;
   --tw-brand2-rgb: rgb(var(--tw-brand2-r), var(--tw-brand2-g), var(--tw-brand2-b));
   --tw-brand2-light: rgb(var(--tw-brand2-r), var(--tw-brand2-g), var(--tw-brand2-b));
   --tw-brand2-active-light: rgb( calc(var(--tw-brand2-r) * 0.9), calc(var(--tw-brand2-g) * 0.9), calc(var(--tw-brand2-b) * 0.9) ); /* mais escuro que brand */
   --tw-brand2-light-light: rgb( calc(var(--tw-brand2-r) + (255 - var(--tw-brand2-r)) * 0.8), calc(var(--tw-brand2-g) + (255 - var(--tw-brand2-g)) * 0.8), calc(var(--tw-brand2-b) + (255 - var(--tw-brand2-b)) * 0.8) ); /* bem mais claro que brand */
   --tw-brand2-clarity-light: rgb( calc(var(--tw-brand2-r) + (255 - var(--tw-brand2-r)) * 0.8), calc(var(--tw-brand2-g) + (255 - var(--tw-brand2-g)) * 0.8), calc(var(--tw-brand2-b) + (255 - var(--tw-brand2-b)) * 0.8) );
   --tw-brand2-inverse-light: #ffffff;
   --tw-brand2-dark: rgb( calc(var(--tw-brand2-r) * 0.9), calc(var(--tw-brand2-g) * 0.9), calc(var(--tw-brand2-b) * 0.9) ); /* mais escuro que brand-active-light */
   --tw-brand2-active-dark: rgb(var(--tw-brand2-r), var(--tw-brand2-g), var(--tw-brand2-b));
   --tw-brand2-light-dark: rgb( calc(var(--tw-brand2-r) * 0.4), calc(var(--tw-brand2-g) * 0.4), calc(var(--tw-brand2-b) * 0.4) );
   --tw-brand2-clarity-dark: rgb( calc(var(--tw-brand2-r) + (255 - var(--tw-brand2-r)) * 0.8), calc(var(--tw-brand2-g) + (255 - var(--tw-brand2-g)) * 0.8), calc(var(--tw-brand2-b) + (255 - var(--tw-brand2-b)) * 0.8) );
   --tw-brand2-inverse-dark: #ffffff;
}

:root, .light {
   --tw-brand: rgb(var(--tw-brand-r), var(--tw-brand-g), var(--tw-brand-b));
   --tw-brand-active: rgb( calc(var(--tw-brand-r) * 0.9), calc(var(--tw-brand-g) * 0.9), calc(var(--tw-brand-b) * 0.9) ); /* mais escuro que brand */
   --tw-brand-light: rgb( calc(var(--tw-brand-r) + (255 - var(--tw-brand-r)) * 0.9), calc(var(--tw-brand-g) + (255 - var(--tw-brand-g)) * 0.9), calc(var(--tw-brand-b) + (255 - var(--tw-brand-b)) * 0.9) );
   --tw-brand-clarity: rgb( calc(var(--tw-brand-r) + (255 - var(--tw-brand-r)) * 0.8), calc(var(--tw-brand-g) + (255 - var(--tw-brand-g)) * 0.8), calc(var(--tw-brand-b) + (255 - var(--tw-brand-b)) * 0.8) );
   --tw-brand-inverse: #ffffff;
   --tw-brand2: rgb(var(--tw-brand2-r), var(--tw-brand2-g), var(--tw-brand2-b));
   --tw-brand2-active: rgb( calc(var(--tw-brand2-r) * 0.9), calc(var(--tw-brand2-g) * 0.9), calc(var(--tw-brand2-b) * 0.9) ); /* mais escuro que brand */
   --tw-brand2-light: rgb( calc(var(--tw-brand2-r) + (255 - var(--tw-brand2-r)) * 0.9), calc(var(--tw-brand2-g) + (255 - var(--tw-brand2-g)) * 0.9), calc(var(--tw-brand2-b) + (255 - var(--tw-brand2-b)) * 0.9) );
   --tw-brand2-clarity: rgb( calc(var(--tw-brand2-r) + (255 - var(--tw-brand2-r)) * 0.8), calc(var(--tw-brand2-g) + (255 - var(--tw-brand2-g)) * 0.8), calc(var(--tw-brand2-b) + (255 - var(--tw-brand2-b)) * 0.8) );
   --tw-brand2-inverse: #ffffff;
}

.dark {
   --tw-brand: rgb( calc(var(--tw-brand-r) * 0.9), calc(var(--tw-brand-g) * 0.9), calc(var(--tw-brand-b) * 0.9) );
   --tw-brand-active: rgb(var(--tw-brand-r), var(--tw-brand-g), var(--tw-brand-b));
   --tw-brand-light: rgb( calc(var(--tw-brand-r) * 0.4), calc(var(--tw-brand-g) * 0.4), calc(var(--tw-brand-b) * 0.4) );
   --tw-brand-clarity: rgb( calc(var(--tw-brand-r) + (255 - var(--tw-brand-r)) * 0.8), calc(var(--tw-brand-g) + (255 - var(--tw-brand-g)) * 0.8), calc(var(--tw-brand-b) + (255 - var(--tw-brand-b)) * 0.8) );
   --tw-brand-inverse: #ffffff;
   --tw-brand2: rgb( calc(var(--tw-brand2-r) * 0.9), calc(var(--tw-brand2-g) * 0.9), calc(var(--tw-brand2-b) * 0.9) );
   --tw-brand2-active: rgb(var(--tw-brand2-r), var(--tw-brand2-g), var(--tw-brand2-b));
   --tw-brand2-light: rgb( calc(var(--tw-brand2-r) * 0.4), calc(var(--tw-brand2-g) * 0.4), calc(var(--tw-brand2-b) * 0.4) );
   --tw-brand2-clarity: rgb( calc(var(--tw-brand2-r) + (255 - var(--tw-brand2-r)) * 0.8), calc(var(--tw-brand2-g) + (255 - var(--tw-brand2-g)) * 0.8), calc(var(--tw-brand2-b) + (255 - var(--tw-brand2-b)) * 0.8) );
   --tw-brand2-inverse: #ffffff;
}

.text-header {
   color: var(--text-header);
}

.border-header {
   border-color: var(--text-header);
}

.tab.active {
   border-bottom-color: var(--tw-brand);
}

.tab.active, .tab:hover, .tab:focus {
   color: var(--tw-brand);
}

   .tab.active i, .tab:hover i, .tab:focus i {
      color: var(--tw-brand);
   }

.agenda > .tab:not(.active), .agenda-local > .tab:not(.active) {
   border-bottom: 1px solid var(--tw-gray-300);
}

/* Estilos exclusivos para .agenda */
.agenda > .tab:not(:last-child), .agenda-local > .tab:not(:last-child) {
   border-right: 1px solid var(--tw-gray-300);
}

.agenda > .tab.active {
   border: 2px solid var(--tw-brand);
   background-color: var(--tw-brand-light);
}

.agenda > .tab:not(.active) {
   color: var(--tw-gray-500);
}

.agenda > .tab.active:is(:first-child) {
   background-color: var(--tw-brand-light);
}

.agenda > .tab.active:is(:last-child) {
   background-color: var(--tw-brand-light);
}

/* Estilos exclusivos para .agenda-local */

   .agenda-local > .tab.active {
      background-color: var(--tw-brand-light);
   }
.btn.btn-light.btn-outlined {
   border: 1px solid var(--tw-light);
   color: var(--tw-light);
   background-color: transparent;
}

   .btn.btn-light.btn-outlined:hover {
      border: 1px solid var(--tw-light);
      color: var(--tw-gray-700);
      background-color: var(--tw-light);
   }

   .btn.btn-light.btn-outlined i {
      color: var(--tw-light);
   }

   .btn.btn-light.btn-outlined:hover i {
      color: var(--tw-gray-700);
   }

.btn.btn-brand.btn-outlined {
   border: 1px solid var(--tw-brand);
   color: var(--tw-brand);
   background-color: transparent;
}

   .btn.btn-brand.btn-outlined:hover {
      border: 1px solid var(--tw-brand);
      color: var(--tw-brand-inverse);
      background-color: var(--tw-brand);
   }

   .btn.btn-brand.btn-outlined i {
      color: var(--tw-brand);
   }

   .btn.btn-brand.btn-outlined:hover i {
      color: var(--tw-brand-inverse);
   }

.btn.btn-header.btn-outlined {
   border: 1px solid var(--text-header);
   color: var(--text-header);
   background-color: transparent;
}

   .btn.btn-header.btn-outlined:hover {
      border: 1px solid var(--text-header);
      color: var(--tw-brand);
      background-color: rgba(0, 0, 0, 0.051);
   }

   .btn.btn-header.btn-outlined i {
      color: var(--text-header);
   }

   .btn.btn-header.btn-outlined:hover i {
      color: var(--text-header);
   }

.link {
   color: var(--tw-brand);
}

   .link:hover {
      color: var(--tw-brand-active);
   }

.form-label {
   color: var(--tw-gray-700);
}

.form-info {
   color: var(--tw-gray-700);
}

.form-hint {
   color: var(--tw-gray-600);
}

.menu-default .menu-item .menu-title {
   color: var(--tw-gray-800);
}

.menu-default .menu-item .menu-icon i {
   color: var(--tw-gray-500);
}

.menu-default .menu-item .menu-arrow i {
   color: var(--tw-gray-500);
}

.menu-default .menu-item .menu-link:hover .menu-title, .menu-default .menu-item .menu-label:hover .menu-title {
   color: var(--tw-gray-900);
}

.menu-default .menu-item .menu-link:hover .menu-icon i, .menu-default .menu-item .menu-label:hover .menu-icon i {
   color: var(--tw-brand);
}

.menu-default .menu-item.active > .menu-link .menu-title, .menu-default .menu-item.active > .menu-label .menu-title, .menu-default .menu-item.show > .menu-link .menu-title, .menu-default .menu-item.show > .menu-label .menu-title, .menu-default .menu-item.here > .menu-link .menu-title, .menu-default .menu-item.here > .menu-label .menu-title, .menu-default .menu-item.focus > .menu-link .menu-title, .menu-default .menu-item.focus > .menu-label .menu-title {
   color: var(--tw-gray-900);
}

.menu-default .menu-item.active > .menu-link .menu-icon i, .menu-default .menu-item.active > .menu-label .menu-icon i, .menu-default .menu-item.show > .menu-link .menu-icon i, .menu-default .menu-item.show > .menu-label .menu-icon i, .menu-default .menu-item.here > .menu-link .menu-icon i, .menu-default .menu-item.here > .menu-label .menu-icon i, .menu-default .menu-item.focus > .menu-link .menu-icon i, .menu-default .menu-item.focus > .menu-label .menu-icon i {
   color: var(--tw-brand);
}

.menu-default .menu-item.active > .menu-link, .menu-default .menu-item.active > .menu-label, .menu-default .menu-item.here > .menu-link, .menu-default .menu-item.here > .menu-label {
   background-color: var(--tw-gray-100);
}

.dark .menu-default .menu-item.active > .menu-link, .dark .menu-default .menu-item.active > .menu-label, .dark .menu-default .menu-item.here > .menu-link, .dark .menu-default .menu-item.here > .menu-label {
   background-color: var(--tw-coal-300);
}

.menu-default .menu-item > .menu-link:hover, .menu-default .menu-item > .menu-label:hover {
   background-color: var(--tw-gray-100);
}

.dark .menu-default .menu-item > .menu-link:hover, .dark .menu-default .menu-item > .menu-label:hover {
   background-color: var(--tw-coal-300);
}

.menu-default .menu-item.disabled > .menu-link, .menu-default .menu-item.disabled > .menu-label {
   opacity: 0.5;
}

.\!input {
   background-color: var(--tw-light-active) !important;
   border: 1px solid var(--tw-gray-300) !important;
   color: var(--tw-gray-700) !important;
}

.input {
   background-color: var(--tw-light-active);
   border: 1px solid var(--tw-gray-300);
   color: var(--tw-gray-700);
}

.\!input::-moz-placeholder, .\!input input::-moz-placeholder {
   color: var(--tw-gray-500) !important;
}

.\!input::placeholder, .\!input input::placeholder {
   color: var(--tw-gray-500) !important;
}

.input::-moz-placeholder, .input input::-moz-placeholder {
   color: var(--tw-gray-500);
}

.input::placeholder, .input input::placeholder {
   color: var(--tw-gray-500);
}

.\!input::-moz-placeholder, .\!input input::-moz-placeholder {
   color: var(--tw-gray-500) !important;
}

.\!input::placeholder, .\!input input::placeholder {
   color: var(--tw-gray-500) !important;
}

.\!input:hover {
   border-color: var(--tw-gray-400) !important;
}

.input:hover {
   border-color: var(--tw-gray-400);
}

.\!input:focus, .\!input:has(input:focus) {
   border-color: var(--tw-brand) !important;
   box-shadow: var(--tw-input-focus-box-shadow) !important;
   color: var(--tw-gray-700) !important;
}

.input:focus, .input:has(input:focus) {
   border-color: var(--tw-brand);
   box-shadow: var(--tw-input-focus-box-shadow);
   color: var(--tw-gray-700);
}

.\!input:focus, .\!input:has(input:focus) {
   border-color: var(--tw-brand) !important;
   box-shadow: var(--tw-input-focus-box-shadow) !important;
   color: var(--tw-gray-700) !important;
}

   .\!input:focus::-moz-placeholder, .\!input:focus input::-moz-placeholder, .\!input:has(input:focus)::-moz-placeholder, .\!input:has(input:focus) input::-moz-placeholder {
      color: var(--tw-gray-600) !important;
   }

   .\!input:focus::placeholder, .\!input:focus input::placeholder, .\!input:has(input:focus)::placeholder, .\!input:has(input:focus) input::placeholder {
      color: var(--tw-gray-600) !important;
   }

.input:focus::-moz-placeholder, .input:focus input::-moz-placeholder, .input:has(input:focus)::-moz-placeholder, .input:has(input:focus) input::-moz-placeholder {
   color: var(--tw-gray-600);
}

.input:focus::placeholder, .input:focus input::placeholder, .input:has(input:focus)::placeholder, .input:has(input:focus) input::placeholder {
   color: var(--tw-gray-600);
}

.\!input:focus::-moz-placeholder, .\!input:focus input::-moz-placeholder, .\!input:has(input:focus)::-moz-placeholder, .\!input:has(input:focus) input::-moz-placeholder {
   color: var(--tw-gray-600) !important;
}

.\!input:focus::placeholder, .\!input:focus input::placeholder, .\!input:has(input:focus)::placeholder, .\!input:has(input:focus) input::placeholder {
   color: var(--tw-gray-600) !important;
}

.\!input:active, .\!input:has(input:active) {
   color: var(--tw-gray-700) !important;
}

.input:active, .input:has(input:active) {
   color: var(--tw-gray-700);
}

.\!input:active, .\!input:has(input:active) {
   color: var(--tw-gray-700) !important;
}

   .\!input:active::-moz-placeholder, .\!input:active input::-moz-placeholder, .\!input:has(input:active)::-moz-placeholder, .\!input:has(input:active) input::-moz-placeholder {
      color: var(--tw-gray-600) !important;
   }

   .\!input:active::placeholder, .\!input:active input::placeholder, .\!input:has(input:active)::placeholder, .\!input:has(input:active) input::placeholder {
      color: var(--tw-gray-600) !important;
   }

.input:active::-moz-placeholder, .input:active input::-moz-placeholder, .input:has(input:active)::-moz-placeholder, .input:has(input:active) input::-moz-placeholder {
   color: var(--tw-gray-600);
}

.input:active::placeholder, .input:active input::placeholder, .input:has(input:active)::placeholder, .input:has(input:active) input::placeholder {
   color: var(--tw-gray-600);
}

.\!input:active::-moz-placeholder, .\!input:active input::-moz-placeholder, .\!input:has(input:active)::-moz-placeholder, .\!input:has(input:active) input::-moz-placeholder {
   color: var(--tw-gray-600) !important;
}

.\!input:active::placeholder, .\!input:active input::placeholder, .\!input:has(input:active)::placeholder, .\!input:has(input:active) input::placeholder {
   color: var(--tw-gray-600) !important;
}

.\!input:active, .\!input:has(input:active) {
   box-shadow: none !important;
}

.input:active, .input:has(input:active) {
   box-shadow: none;
}

.\!input:active, .\!input:has(input:active) {
   box-shadow: none !important;
}

.\!input:disabled, .\!input:has(input:disabled) {
   background-color: var(--tw-gray-100) !important;
   color: var(--tw-gray-400) !important;
}

.input:disabled, .input:has(input:disabled) {
   background-color: var(--tw-gray-100);
   color: var(--tw-gray-400);
}

.\!input:disabled, .\!input:has(input:disabled) {
   background-color: var(--tw-gray-100) !important;
   color: var(--tw-gray-400) !important;
}

   .\!input:disabled::-moz-placeholder, .\!input:disabled input::-moz-placeholder, .\!input:has(input:disabled)::-moz-placeholder, .\!input:has(input:disabled) input::-moz-placeholder {
      color: var(--tw-gray-300) !important;
   }

   .\!input:disabled::placeholder, .\!input:disabled input::placeholder, .\!input:has(input:disabled)::placeholder, .\!input:has(input:disabled) input::placeholder {
      color: var(--tw-gray-300) !important;
   }

.input:disabled::-moz-placeholder, .input:disabled input::-moz-placeholder, .input:has(input:disabled)::-moz-placeholder, .input:has(input:disabled) input::-moz-placeholder {
   color: var(--tw-gray-300);
}

.input:disabled::placeholder, .input:disabled input::placeholder, .input:has(input:disabled)::placeholder, .input:has(input:disabled) input::placeholder {
   color: var(--tw-gray-300);
}

.\!input:disabled::-moz-placeholder, .\!input:disabled input::-moz-placeholder, .\!input:has(input:disabled)::-moz-placeholder, .\!input:has(input:disabled) input::-moz-placeholder {
   color: var(--tw-gray-300) !important;
}

.\!input:disabled::placeholder, .\!input:disabled input::placeholder, .\!input:has(input:disabled)::placeholder, .\!input:has(input:disabled) input::placeholder {
   color: var(--tw-gray-300) !important;
}

.\!input:not(input) {
   color: var(--tw-gray-600) !important;
}

.input:not(input) {
   color: var(--tw-gray-600);
}

.\!input:not(input) input {
   background-color: transparent !important;
   border-color: transparent !important;
   color: inherit !important;
}

.input:not(input) input {
   background-color: transparent;
   border-color: transparent;
   color: inherit;
}


.\!input:not(input) .btn-icon:hover i, .\!input:not(input) .btn-icon:focus i, .\!input:not(input) .btn-icon:active i, .\!input:not(input) .btn-icon.active i {
   color: var(--tw-gray-800) !important;
}

.input:not(input) .btn-icon:hover i, .input:not(input) .btn-icon:focus i, .input:not(input) .btn-icon:active i, .input:not(input) .btn-icon.active i {
   color: var(--tw-gray-800);
}

.\!input:not(input) .btn-icon:hover i, .\!input:not(input) .btn-icon:focus i, .\!input:not(input) .btn-icon:active i, .\!input:not(input) .btn-icon.active i {
   color: var(--tw-gray-800) !important;
}

.select {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2378829D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.dark .select {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23808290' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.select {
   background-color: var(--tw-light-active);
   border: 1px solid var(--tw-gray-300);
   color: var(--tw-gray-700);
}

   .select:hover {
      border-color: var(--tw-gray-400);
   }

   .select:focus {
      border-color: var(--tw-brand);
      box-shadow: var(--tw-input-focus-box-shadow);
      color: var(--tw-gray-700);
   }

      .select:focus::-moz-placeholder {
         color: var(--tw-gray-600);
      }

      .select:focus::placeholder {
         color: var(--tw-gray-600);
      }

   .select:active {
      color: var(--tw-gray-700);
   }

      .select:active::-moz-placeholder {
         color: var(--tw-gray-600);
      }

      .select:active::placeholder {
         color: var(--tw-gray-600);
      }

   .select:active {
      box-shadow: none;
   }

   .select:disabled {
      background-color: var(--tw-gray-100);
      color: var(--tw-gray-400);
   }

      .select:disabled::-moz-placeholder {
         color: var(--tw-gray-300);
      }

      .select:disabled::placeholder {
         color: var(--tw-gray-300);
      }

.textarea {
   background-color: var(--tw-light-active);
   border: 1px solid var(--tw-gray-300);
   color: var(--tw-gray-700);
}

   .textarea::-moz-placeholder {
      color: var(--tw-gray-500);
   }

   .textarea::placeholder {
      color: var(--tw-gray-500);
   }

   .textarea:hover {
      border-color: var(--tw-gray-400);
   }

   .textarea:focus {
      border-color: var(--tw-brand);
      box-shadow: var(--tw-form-input-focus-box-shadow);
      color: var(--tw-gray-700);
   }

      .textarea:focus::-moz-placeholder {
         color: var(--tw-gray-600);
      }

      .textarea:focus::placeholder {
         color: var(--tw-gray-600);
      }

   .textarea:active {
      color: var(--tw-gray-700);
   }

      .textarea:active::-moz-placeholder {
         color: var(--tw-gray-600);
      }

      .textarea:active::placeholder {
         color: var(--tw-gray-600);
      }

   .textarea:active {
      box-shadow: none;
   }

   .textarea[disabled] {
      background-color: var(--tw-gray-100);
      color: var(--tw-gray-400);
   }

      .textarea[disabled]::-moz-placeholder {
         color: var(--tw-gray-300);
      }

      .textarea[disabled]::placeholder {
         color: var(--tw-gray-300);
      }

   .textarea[readonly] {
      background-color: var(--tw-gray-100);
      color: var(--tw-gray-400);
   }

      .textarea[readonly]::-moz-placeholder {
         color: var(--tw-gray-300);
      }

      .textarea[readonly]::placeholder {
         color: var(--tw-gray-300);
      }


.switch input[type=checkbox] {
   background-color: var(--tw-gray-300);
}

   .switch input[type=checkbox]:before {
      background-color: var(--tw-light);
   }

   .switch input[type=checkbox]:checked, .switch input[type=checkbox][aria-checked="true"] {
      background-color: var(--tw-brand);
   }

      .switch input[type=checkbox]:checked:before, .switch input[type=checkbox][aria-checked="true"]:before {
         background-color: #ffffff;
      }

   .switch input[type=checkbox]:disabled {
      background-color: var(--tw-gray-100);
      border: 1px solid var(--tw-gray-300);
      opacity: 0.5;
   }

      .switch input[type=checkbox]:disabled:before {
         background-color: var(--tw-gray-300);
      }

      .switch input[type=checkbox]:disabled:checked, .switch input[type=checkbox]:disabled[aria-checked="true"] {
         background-color: var(--tw-brand-clarity);
         border: 0;
      }

         .switch input[type=checkbox]:disabled:checked:before, .switch input[type=checkbox]:disabled[aria-checked="true"]:before {
            background-color: var(--tw-light);
         }

.switch .switch-label {
   color: var(--tw-gray-700);
}

.switch input[type=checkbox] + .switch-label {
   color: var(--tw-gray-800);
}

.switch:has(input[type=checkbox]:disabled) .switch-label {
   color: var(--tw-gray-500);
}

.checkbox[type="checkbox"] {
   background-color: var(--tw-light-light);
}

.dark .checkbox[type="checkbox"] {
   background-color: var(--tw-coal-500);
}

.checkbox[type="checkbox"] {
   border: 1px solid var(--tw-gray-300);
}

   .checkbox[type="checkbox"]:checked, .checkbox[type="checkbox"][aria-checked="true"] {
      background-color: var(--tw-brand);
      border: 1px solid var(--tw-brand);
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3e%3cpath d='M10.3667 0.541643L4.80007 6.10831L1.56674 2.87498C1.41061 2.71977 1.1994 2.63265 0.979241 2.63265C0.759086 2.63265 0.547876 2.71977 0.391741 2.87498C0.236532 3.03111 0.149414 3.24232 0.149414 3.46248C0.149414 3.68263 0.236532 3.89384 0.391741 4.04998L4.21674 7.87498C4.37288 8.03019 4.58409 8.1173 4.80424 8.1173C5.0244 8.1173 5.23561 8.03019 5.39174 7.87498L11.5417 1.72498C11.6198 1.64751 11.6818 1.55534 11.7241 1.45379C11.7665 1.35224 11.7882 1.24332 11.7882 1.13331C11.7882 1.0233 11.7665 0.914379 11.7241 0.81283C11.6818 0.711281 11.6198 0.619113 11.5417 0.541643C11.3856 0.386434 11.1744 0.299316 10.9542 0.299316C10.7341 0.299316 10.5229 0.386434 10.3667 0.541643Z' fill='white'/%3e%3c/svg%3e");
   }

   .checkbox[type="checkbox"]:indeterminate {
      background-color: var(--tw-brand);
      border: 1px solid var(--tw-brand);
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
   }

   .checkbox[type="checkbox"]:focus {
      border-color: var(--tw-brand);
      box-shadow: var(--tw-input-focus-box-shadow);
      color: var(--tw-gray-700);
   }

      .checkbox[type="checkbox"]:focus::-moz-placeholder {
         color: var(--tw-gray-600);
      }

      .checkbox[type="checkbox"]:focus::placeholder {
         color: var(--tw-gray-600);
      }

   .checkbox[type="checkbox"]:active {
      color: var(--tw-gray-700);
   }

      .checkbox[type="checkbox"]:active::-moz-placeholder {
         color: var(--tw-gray-600);
      }

      .checkbox[type="checkbox"]:active::placeholder {
         color: var(--tw-gray-600);
      }

   .checkbox[type="checkbox"]:active {
      box-shadow: none;
   }

   .checkbox[type="checkbox"]:disabled {
      cursor: not-allowed;
      background-color: var(--tw-gray-200);
      border: 1px solid var(--tw-gray-300);
   }

      .checkbox[type="checkbox"]:disabled:indeterminate {
         background-color: var(--tw-primary-clarity);
         border: 0;
         background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
      }

      .checkbox[type="checkbox"]:disabled:checked, .checkbox[type="checkbox"]:disabled[aria-checked="true"] {
         background-color: var(--tw-primary-clarity);
         border: 0;
         background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3e%3cpath d='M10.3667 0.541643L4.80007 6.10831L1.56674 2.87498C1.41061 2.71977 1.1994 2.63265 0.979241 2.63265C0.759086 2.63265 0.547876 2.71977 0.391741 2.87498C0.236532 3.03111 0.149414 3.24232 0.149414 3.46248C0.149414 3.68263 0.236532 3.89384 0.391741 4.04998L4.21674 7.87498C4.37288 8.03019 4.58409 8.1173 4.80424 8.1173C5.0244 8.1173 5.23561 8.03019 5.39174 7.87498L11.5417 1.72498C11.6198 1.64751 11.6818 1.55534 11.7241 1.45379C11.7665 1.35224 11.7882 1.24332 11.7882 1.13331C11.7882 1.0233 11.7665 0.914379 11.7241 0.81283C11.6818 0.711281 11.6198 0.619113 11.5417 0.541643C11.3856 0.386434 11.1744 0.299316 10.9542 0.299316C10.7341 0.299316 10.5229 0.386434 10.3667 0.541643Z' fill='white'/%3e%3c/svg%3e");
      }

.checkbox-sm[type="checkbox"]:checked, .checkbox-sm[type="checkbox"][aria-checked="true"] {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3e%3cpath d='M8.4932 0.23329L4.03986 4.68662L1.4532 2.09996C1.32829 1.97579 1.15932 1.9061 0.983198 1.9061C0.807074 1.9061 0.638106 1.97579 0.513198 2.09996C0.38903 2.22487 0.319336 2.39383 0.319336 2.56996C0.319336 2.74608 0.38903 2.91505 0.513198 3.03996L3.5732 6.09996C3.69811 6.22412 3.86707 6.29382 4.0432 6.29382C4.21932 6.29382 4.38829 6.22412 4.5132 6.09996L9.4332 1.17996C9.49568 1.11798 9.54528 1.04425 9.57912 0.963008C9.61297 0.881768 9.6304 0.794632 9.6304 0.706624C9.6304 0.618616 9.61297 0.531479 9.57912 0.45024C9.54528 0.369 9.49568 0.295266 9.4332 0.23329C9.30829 0.109123 9.13932 0.0394287 8.9632 0.0394287C8.78707 0.0394287 8.61811 0.109123 8.4932 0.23329Z' fill='white'/%3e%3c/svg%3e");
}

.checkbox-sm[type="checkbox"]:indeterminate {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='2' viewBox='0 0 10 2' fill='none'%3e%3cpath d='M9.04638 0.293335L1.03971 0.333335C0.862903 0.333335 0.693333 0.403573 0.568309 0.528598C0.443285 0.653622 0.373047 0.823191 0.373047 1C0.373047 1.17681 0.443285 1.34638 0.568309 1.47141C0.693333 1.59643 0.862903 1.66667 1.03971 1.66667L9.03971 1.62667C9.21653 1.62667 9.3861 1.55643 9.51112 1.43141C9.63614 1.30638 9.70638 1.13681 9.70638 0.960002C9.70638 0.783191 9.63614 0.613622 9.51112 0.488597C9.3861 0.363573 9.21653 0.293335 9.03971 0.293335H9.04638Z' fill='white'/%3e%3c/svg%3e");
}

.checkbox-label {
   color: var(--tw-gray-800);
}

.radio[type="radio"] {
   background-color: var(--tw-light-light);
}

.dark .radio[type="radio"] {
   background-color: var(--tw-coal-500);
}

.radio[type="radio"] {
   border: 1px solid var(--tw-gray-300);
}

   .radio[type="radio"]:checked, .radio[type="radio"][aria-checked="true"] {
      background-color: var(--tw-brand);
      border: 1px solid var(--tw-brand);
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3e%3ccircle cx='10.9995' cy='11' r='5.86667' fill='white'/%3e%3c/svg%3e");
   }

   .radio[type="radio"]:focus {
      border-color: var(--tw-brand);
      box-shadow: var(--tw-input-focus-box-shadow);
      color: var(--tw-gray-700);
   }

      .radio[type="radio"]:focus::-moz-placeholder {
         color: var(--tw-gray-600);
      }

      .radio[type="radio"]:focus::placeholder {
         color: var(--tw-gray-600);
      }

   .radio[type="radio"]:active {
      color: var(--tw-gray-700);
   }

      .radio[type="radio"]:active::-moz-placeholder {
         color: var(--tw-gray-600);
      }

      .radio[type="radio"]:active::placeholder {
         color: var(--tw-gray-600);
      }

   .radio[type="radio"]:active {
      box-shadow: none;
   }

   .radio[type="radio"]:disabled {
      cursor: not-allowed;
      background-color: var(--tw-gray-200);
      border: 1px solid var(--tw-gray-300);
   }

      .radio[type="radio"]:disabled:checked, .radio[type="radio"]:disabled[aria-checked="true"] {
         background-color: var(--tw-brand-clarity);
         border: 0;
      }


.radio-sm[type="radio"]:checked, .radio-sm[type="radio"][aria-checked="true"] {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3e%3ccircle cx='9.0002' cy='8.99995' r='4.8' fill='white'/%3e%3c/svg%3e");
}


.radio-label {
   color: var(--tw-gray-800);
}

.range::-webkit-slider-thumb {
   border: 1px solid var(--tw-gray-200);
   background-color: var(--tw-light);
}

   .range::-webkit-slider-thumb:active {
      background-color: var(--tw-light);
   }

.range::-moz-range-thumb {
   border: 1px solid var(--tw-gray-200);
   background-color: var(--tw-light);
}

   .range::-moz-range-thumb:active {
      background-color: var(--tw-light);
   }

.range::-moz-range-track {
   background-color: var(--tw-gray-200);
   border-color: transparent;
}

.range::-webkit-slider-runnable-track {
   background-color: var(--tw-gray-200);
   border-color: transparent;
}

.range:disabled::-webkit-slider-thumb {
   background-color: var(--tw-gray-100);
}

.range:disabled::-moz-range-thumb {
   background-color: var(--tw-gray-100);
}

.modal-header {
   border-bottom: 1px solid var(--tw-gray-200);
}

.modal-title {
   color: var(--tw-gray-900);
}

.modal-footer {
   border-top: 1px solid var(--tw-gray-200);
}

.modal-backdrop {
   position: fixed;
   inset: 0;
   background-color: var(--tw-backdrop-background-color);
}

.modal-dialog {
   inset: auto;
}

.\!drawer {
   background-color: var(--tw-drawer-background-color) !important;
}

.drawer {
   background-color: var(--tw-drawer-background-color);
}

.\!tooltip {
   color: white !important;
   box-shadow: var(--tw-tooltip-box-shadow) !important;
   background-color: var(--tw-tooltip-background-color) !important;
   border: var(--tw-tooltip-border) !important;
}

.tooltip {
   box-shadow: var(--tw-tooltip-box-shadow);
   background-color: var(--tw-tooltip-background-color);
   border: var(--tw-tooltip-border);
}

.popover {
   box-shadow: var(--tw-popover-box-shadow);
   background-color: var(--tw-popover-background-color);
   border: var(--tw-popover-border);
}

/*.btn {
   border: 1px solid transparent;
}*/

.btn-link {
   color: var(--tw-brand);
   font-size: 0.8125rem;
   height: auto;
   padding-bottom: 0.25em;
   padding-inline-start: 0;
   padding-inline-end: 0;
   border-radius: 0;
   background-color: transparent;
   border-bottom: 1px dashed var(--tw-brand);
}

   .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active {
      background-color: transparent;
      border-bottom: 1px dashed var(--tw-brand-active);
      color: var(--tw-brand-active);
   }

   .btn-link.btn-danger {
      color: var(--tw-danger);
      font-size: 0.8125rem;
      height: auto;
      padding-bottom: 0.25em;
      padding-inline-start: 0;
      padding-inline-end: 0;
      border-radius: 0;
      background-color: transparent;
      border-bottom: 1px dashed var(--tw-danger);
   }

      .btn-link.btn-danger:hover, .btn-link.btn-danger:focus, .btn-link.btn-danger:active, .btn-link.btn-danger.active {
         background-color: transparent;
         border-bottom: 1px dashed var(--tw-danger-active);
         color: var(--tw-danger-active);
         box-shadow: none;
      }

   .btn-link.btn-success {
      color: var(--tw-success);
      font-size: 0.8125rem;
      height: auto;
      padding-bottom: 0.25em;
      padding-inline-start: 0;
      padding-inline-end: 0;
      border-radius: 0;
      background-color: transparent;
      border-bottom: 1px dashed var(--tw-success);
   }

      .btn-link.btn-success:hover, .btn-link.btn-success:focus, .btn-link.btn-success:active, .btn-link.btn-success.active {
         background-color: transparent;
         border-bottom: 1px dashed var(--tw-success-active);
         color: var(--tw-success-active);
         box-shadow: none;
      }

   .btn-link.btn-info {
      color: var(--tw-info);
      font-size: 0.8125rem;
      height: auto;
      padding-bottom: 0.25em;
      padding-inline-start: 0;
      padding-inline-end: 0;
      border-radius: 0;
      background-color: transparent;
      border-bottom: 1px dashed var(--tw-info);
   }

      .btn-link.btn-info:hover, .btn-link.btn-info:focus, .btn-link.btn-info:active, .btn-link.btn-info.active {
         background-color: transparent;
         border-bottom: 1px dashed var(--tw-info-active);
         color: var(--tw-info-active);
         box-shadow: none;
      }

   .btn-link.btn-brand {
      color: var(--tw-brand);
      font-size: 0.8125rem;
      height: auto;
      padding-bottom: 0.25em;
      padding-inline-start: 0;
      padding-inline-end: 0;
      border-radius: 0;
      background-color: transparent;
      border-bottom: 1px dashed var(--tw-brand);
   }

      .btn-link.btn-brand:hover, .btn-link.btn-brand:focus, .btn-link.btn-brand:active, .btn-link.btn-brand.active {
         background-color: transparent;
         border-bottom: 1px dashed var(--tw-brand-active);
         color: var(--tw-brand-active);
         box-shadow: none;
      }

   .btn-link.btn-brand2 {
      color: var(--tw-brand2);
      font-size: 0.8125rem;
      height: auto;
      padding-bottom: 0.25em;
      padding-inline-start: 0;
      padding-inline-end: 0;
      border-radius: 0;
      background-color: transparent;
      border-bottom: 1px dashed var(--tw-brand2);
   }

      .btn-link.btn-brand2:hover, .btn-link.btn-brand2:focus, .btn-link.btn-brand2:active, .btn-link.btn-brand2.active {
         background-color: transparent;
         border-bottom: 1px dashed var(--tw-brand2-active);
         color: var(--tw-brand2-active);
         box-shadow: none;
      }

.btn-tabs {
   background-color: var(--tw-gray-100);
   border: 1px solid var(--tw-gray-200);
}

   .btn-tabs .btn {
      color: var(--tw-gray-700);
   }

      .btn-tabs .btn i {
         color: var(--tw-gray-400);
      }

      .btn-tabs .btn:hover, .btn-tabs .btn:focus, .btn-tabs .btn:active, .btn-tabs .btn.active {
         background-color: var(--tw-light);
         border: 1px solid var(--tw-gray-200);
         color: var(--tw-gray-900);
         box-shadow: var(--tw-light-box-shadow);
      }

         .btn-tabs .btn:hover i, .btn-tabs .btn:focus i, .btn-tabs .btn:active i, .btn-tabs .btn.active i {
            color: var(--tw-gray-500);
         }

.btn-input {
   color: var(--tw-gray-700);
   border-color: var(--tw-gray-300);
   background-color: var(--tw-light-active);
}

   .btn-input i {
      color: var(--tw-gray-500);
   }

.btn-brand {
   color: #fff;
   background-color: var(--tw-brand);
}

   .btn-brand:hover, .btn-brand:focus, .btn-brand:active, .btn-brand.active {
      background-color: var(--tw-brand-active);
      box-shadow: var(--tw-brand-box-shadow);
   }

.btn-outline.btn-brand {
   color: var(--tw-brand);
   background-color: var(--tw-brand-light);
   border-color: var(--tw-brand-clarity);
}

   .btn-outline.btn-brand i {
      color: var(--tw-brand);
   }

   .btn-outline.btn-brand:hover, .btn-outline.btn-brand:focus, .btn-outline.btn-brand:active, .btn-outline.btn-brand.active {
      color: var(--tw-brand-inverse);
      background-color: var(--tw-brand);
      border-color: var(--tw-brand);
      box-shadow: none;
   }

      .btn-outline.btn-brand:hover i, .btn-outline.btn-brand:focus i, .btn-outline.btn-brand:active i, .btn-outline.btn-brand.active i {
         color: var(--tw-brand-inverse);
      }

.btn-clear.btn-brand {
   border-color: transparent;
   background-color: transparent;
   color: var(--tw-brand);
}

   .btn-clear.btn-brand:hover, .btn-clear.btn-brand:focus, .btn-clear.btn-brand:active, .btn-clear.btn-brand.active {
      color: var(--tw-brand-inverse);
      background-color: var(--tw-brand);
      border-color: var(--tw-brand);
      box-shadow: none;
   }

      .btn-clear.btn-brand:hover i, .btn-clear.btn-brand:focus i, .btn-clear.btn-brand:active i, .btn-clear.btn-brand.active i {
         color: var(--tw-brand-inverse);
      }

.btn-subtle.btn-brand {
   border-color: transparent;
   background-color: transparent;
   color: var(--tw-brand);
}

   .btn-subtle.btn-brand i {
      color: var(--tw-brand);
   }

   .btn-subtle.btn-brand:hover, .btn-subtle.btn-brand:focus, .btn-subtle.btn-brand:active, .btn-subtle.btn-brand.active {
      color: var(--tw-brand);
      background-color: var(--tw-brand-light);
      border-color: var(--tw-brand-light);
      box-shadow: none;
   }

      .btn-subtle.btn-brand:hover i, .btn-subtle.btn-brand:focus i, .btn-subtle.btn-brand:active i, .btn-subtle.btn-brand.active i {
         color: var(--tw-brand);
      }

.btn-brand2 {
   color: #fff;
   background-color: var(--tw-brand2);
}

   .btn-brand2:hover, .btn-brand2:focus, .btn-brand2:active, .btn-brand2.active {
      background-color: var(--tw-brand2-active);
      box-shadow: var(--tw-brand2-box-shadow);
   }

.btn-outline.btn-brand2 {
   color: var(--tw-brand2);
   background-color: var(--tw-brand2-light);
   border-color: var(--tw-brand2-clarity);
}

   .btn-outline.btn-brand2 i {
      color: var(--tw-brand2);
   }

   .btn-outline.btn-brand2:hover, .btn-outline.btn-brand2:focus, .btn-outline.btn-brand2:active, .btn-outline.btn-brand2.active {
      color: var(--tw-brand2-inverse);
      background-color: var(--tw-brand2);
      border-color: var(--tw-brand2);
      box-shadow: none;
   }

      .btn-outline.btn-brand2:hover i, .btn-outline.btn-brand2:focus i, .btn-outline.btn-brand2:active i, .btn-outline.btn-brand2.active i {
         color: var(--tw-brand2-inverse);
      }

.btn-clear.btn-brand2 {
   border-color: transparent;
   background-color: transparent;
   color: var(--tw-brand2);
}

   .btn-clear.btn-brand2:hover, .btn-clear.btn-brand2:focus, .btn-clear.btn-brand2:active, .btn-clear.btn-brand2.active {
      color: var(--tw-brand2-inverse);
      background-color: var(--tw-brand2);
      border-color: var(--tw-brand2);
      box-shadow: none;
   }

      .btn-clear.btn-brand2:hover i, .btn-clear.btn-brand2:focus i, .btn-clear.btn-brand2:active i, .btn-clear.btn-brand2.active i {
         color: var(--tw-brand2-inverse);
      }

.btn-subtle.btn-brand2 {
   border-color: transparent;
   background-color: transparent;
   color: var(--tw-brand2);
}

   .btn-subtle.btn-brand2 i {
      color: var(--tw-brand2);
   }

   .btn-subtle.btn-brand2:hover, .btn-subtle.btn-brand2:focus, .btn-subtle.btn-brand2:active, .btn-subtle.btn-brand2.active {
      color: var(--tw-brand2);
      background-color: var(--tw-brand2-light);
      border-color: var(--tw-brand2-light);
      box-shadow: none;
   }

      .btn-subtle.btn-brand2:hover i, .btn-subtle.btn-brand2:focus i, .btn-subtle.btn-brand2:active i, .btn-subtle.btn-brand2.active i {
         color: var(--tw-brand2);
      }

.tabs {
   border-bottom: 1px solid var(--tw-gray-200);
}

.tab {
   color: var(--tw-gray-700);
}

   .tab i {
      color: var(--tw-gray-600);
   }

.tab {
   border-bottom: 2px solid transparent;
}

   .tab.active, .tab:hover, .tab:focus {
      color: var(--tw-brand);
   }

      .tab.active i, .tab:hover i, .tab:focus i {
         color: var(--tw-brand);
      }

   .tab.active {
      border-bottom-color: var(--tw-brand);
   }

.badge {
   border: 1px solid transparent;
}

/*.badge {
   color: var(--tw-gray-700);
   border-color: transparent;
   background-color: var(--tw-gray-200);
}*/

.badge-outline {
   color: var(--tw-gray-600);
   border-color: var(--tw-gray-300);
   background-color: var(--tw-gray-100);
}

.badge-brand {
   color: #fff;
   background-color: var(--tw-brand);
}

.badge-outline.badge-brand {
   color: var(--tw-brand);
   background-color: var(--tw-brand-light);
   border-color: var(--tw-brand-clarity);
}

.badge-brand2 {
   color: #fff;
   background-color: var(--tw-brand2);
}

.badge-outline.badge-brand2 {
   color: var(--tw-brand2);
   background-color: var(--tw-brand2-light);
   border-color: var(--tw-brand2-clarity);
}

.rating-on {
   color: var(--tw-warning);
}

.rating-off {
   color: var(--tw-gray-400);
}

.progress {
   background-color: var(--tw-gray-100);
}

.progress-bar {
   background-color: var(--tw-gray-300);
}

.progress-brand {
   background-color: var(--tw-brand-light);
}

   .progress-brand .progress-bar {
      background-color: var(--tw-brand);
   }

.progress-brand2 {
   background-color: var(--tw-brand2-light);
}

   .progress-brand2 .progress-bar {
      background-color: var(--tw-brand2);
   }

.border-brand {
   border-color: var(--tw-brand);
}

.border-brand-clarity {
   border-color: var(--tw-brand-clarity);
}

.border-brand2 {
   border-color: var(--tw-brand2);
}

.border-brand2-clarity {
   border-color: var(--tw-brand2-clarity);
}

.border-b-brand-clarity {
   border-bottom-color: var(--tw-brand-clarity);
}

.bg-brand {
   background-color: var(--tw-brand);
}

.bg-brand-light {
   background-color: var(--tw-brand-light);
}

.fill-brand-light {
   fill: var(--tw-brand-light);
}

.stroke-brand-clarity {
   stroke: var(--tw-brand-clarity);
}

.text-brand {
   color: var(--tw-brand);
}

.ring-brand-clarity {
   --tw-ring-color: var(--tw-brand-clarity);
}

.ring-brand-light {
   --tw-ring-color: var(--tw-brand-light);
}

.ring-brand-clarity {
   --tw-ring-color: var(--tw-brand-clarity);
}

.ring-brand-light {
   --tw-ring-color: var(--tw-brand-light);
}

.\[dropdown-open\:text-brand\] {
   dropdown-open: text-brand;
}

@media (min-width: 1024px) {
   .lg\:light {
      --tw-gray-100: #F9F9F9;
      --tw-gray-200: #F1F1F4;
      --tw-gray-300: #DBDFE9;
      --tw-gray-400: #C4CADA;
      --tw-gray-500: #99A1B7;
      --tw-gray-600: #78829D;
      --tw-gray-700: #4B5675;
      --tw-gray-800: #252F4A;
      --tw-gray-900: #071437;
      --tw-brand: #FF6F1E;
      --tw-brand-active: #F15700;
      --tw-brand-light: #FFF5EF;
      --tw-brand-clarity: rgba(255, 111, 30, 0.20);
      --tw-brand-inverse: #ffffff;
      --tw-brand2: #7239EA;
      --tw-brand2-active: #5014D0;
      --tw-brand2-light: #F8F5FF;
      --tw-brand2-clarity: rgba(114, 57, 234, 0.20);
      --tw-brand2-inverse: #ffffff;
      --tw-default-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.09);
      --tw-light-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
      --tw-brand-box-shadow: 0px 4px 12px 0px rgba(114, 57, 234, 0.35);
      --tw-dark-box-shadow: 0px 4px 12px 0px rgba(37, 47, 74, 0.35);
      --tw-card-background-color: white;
      --tw-tooltip-background-color: #0F1014;
      --tw-popover-background-color: white;
      --tw-modal-background-color: white;
      --tw-drawer-background-color: white;
      --tw-dropdown-background-color: white;
      --tw-backdrop-background-color: rgba(0, 0, 0, 0.80);
      --tw-table-head-background-color: var(--tw-light-active);
      --tw-card-border: 1px solid var(--tw-gray-200);
      --tw-table-border: 1px solid var(--tw-gray-200);
      --tw-dropdown-border: 1px solid var(--tw-gray-200);
      --tw-popover-border: 1px solid var(--tw-gray-200);
      --tw-tooltip-border: 0;
      --tw-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
      --tw-tooltip-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
      --tw-popover-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
      --tw-modal-box-shadow: 0px 10px 14px 0px rgba(15, 42, 81, 0.03);
      --tw-drawer-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
      --tw-dropdown-box-shadow: 0px 7px 18px 0px rgba(0, 0, 0, 0.09);
      --tw-input-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
   }
}

@media (min-width: 1024px) {
      .checked\:after\:text-white:checked::after {
      content: var(--tw-content);
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
   }

   .hover\:border-brand:hover {
      border-color: var(--tw-brand);
   }

   .hover\:bg-brand:hover {
      background-color: var(--tw-brand);
   }

   .hover\:bg-brand-light:hover {
      background-color: var(--tw-brand-light);
   }

   .hover\:text-brand-active:hover {
      color: var(--tw-brand-active);
   }

   .hover\:text-brand:hover {
      color: var(--tw-brand);
   }

   .hover\:text-brand-active:hover {
      color: var(--tw-brand-active);
   }

   .focus\:border-brand-clarity:focus {
      border-color: var(--tw-brand-clarity);
   }

   .focus\:ring-brand-clarity:focus {
      --tw-ring-color: var(--tw-brand-clarity);
   }

   .focus\:ring-brand:focus {
      --tw-ring-color: var(--tw-brand);
   }

   .group:hover .group-hover\:text-brand-active {
      color: var(--tw-brand-active);
   }

   .group:hover .group-hover\:text-brand {
      color: var(--tw-brand);
   }

   .group:hover .group-hover\:text-brand-active {
      color: var(--tw-brand-active);
   }

   .has-\[\:checked\]\:border-brand:has(:checked) {
      border-color: var(--tw-brand);
   }

   .menu-item.active.menu-item-active\:border-b-brand {
      border-bottom-color: var(--tw-brand);
   }

   .menu-item.active.menu-item-active\:\!bg-brand {
      background-color: var(--tw-brand) !important;
   }

   .menu-item.active.menu-item-active\:bg-brand {
      background-color: var(--tw-brand);
   }

   .menu-item.active.menu-item-active\:bg-brand-active {
      background-color: var(--tw-brand-active);
   }

   .menu-item.active.menu-item-active\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.active.menu-item-active\:before\:bg-brand::before {
      content: var(--tw-content);
      background-color: var(--tw-brand);
   }

   .menu-item.active > .menu-link.menu-item-active\:border-brand {
      border-color: var(--tw-brand);
   }

   .menu-item.active > .menu-link.menu-item-active\:border-b-brand {
      border-bottom-color: var(--tw-brand);
   }

   .menu-item.active > .menu-link.menu-item-active\:\!bg-brand {
      background-color: var(--tw-brand) !important;
   }

   .menu-item.active > .menu-link.menu-item-active\:bg-brand {
      background-color: var(--tw-brand);
   }

   .menu-item.active > .menu-link.menu-item-active\:bg-brand-active {
      background-color: var(--tw-brand-active);
   }

   .menu-item.active > .menu-link.menu-item-active\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.active > .menu-link.menu-item-active\:before\:bg-brand::before {
      content: var(--tw-content);
      background-color: var(--tw-brand);
   }

   .menu-item.active > .menu-link .menu-item-active\:border-brand {
      border-color: var(--tw-brand);
   }

   .menu-item.active > .menu-link .menu-item-active\:border-b-brand {
      border-bottom-color: var(--tw-brand);
   }

   .menu-item.active > .menu-link .menu-item-active\:\!bg-brand {
      background-color: var(--tw-brand) !important;
   }

   .menu-item.active > .menu-link .menu-item-active\:bg-brand {
      background-color: var(--tw-brand);
   }

   .menu-item.active > .menu-link .menu-item-active\:bg-brand-active {
      background-color: var(--tw-brand-active);
   }

   .menu-item.active > .menu-link .menu-item-active\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.active > .menu-link .menu-item-active\:before\:bg-brand::before {
      content: var(--tw-content);
      background-color: var(--tw-brand);
   }

   .menu-item.active > .menu-label.menu-item-active\:border-b-brand {
      border-bottom-color: var(--tw-brand);
   }

   .menu-item.active > .menu-label.menu-item-active\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.active > .menu-label.menu-item-active\:before\:bg-brand::before {
      content: var(--tw-content);
      background-color: var(--tw-brand);
   }

   .menu-item.active > .menu-label .menu-item-active\:border-b-brand {
      border-bottom-color: var(--tw-brand);
   }

   .menu-item.active > .menu-label .menu-item-active\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.active > .menu-label .menu-item-active\:before\:bg-brand::before {
      content: var(--tw-content);
      background-color: var(--tw-brand);
   }

   .menu-item.active > .menu-toggle.menu-item-active\:border-b-brand {
      border-bottom-color: var(--tw-brand);
   }

   .menu-item.active > .menu-toggle.menu-item-active\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.active > .menu-toggle.menu-item-active\:before\:bg-brand::before {
      content: var(--tw-content);
      background-color: var(--tw-brand);
   }

   .menu-item.active > .menu-toggle .menu-item-active\:border-b-brand {
      border-bottom-color: var(--tw-brand);
   }

   .menu-item.active > .menu-toggle .menu-item-active\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.active > .menu-toggle .menu-item-active\:before\:bg-brand::before {
      content: var(--tw-content);
      background-color: var(--tw-brand);
   }

   .menu-item.here.menu-item-here\:border-b-brand {
      border-bottom-color: var(--tw-brand);
   }

   .menu-item.here.menu-item-here\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.here > .menu-link.menu-item-here\:border-b-brand {
      border-bottom-color: var(--tw-brand);
   }

   .menu-item.here > .menu-link.menu-item-here\:text-gray-900 {
      color: var(--tw-gray-900);
   }

   .menu-item.here > .menu-link.menu-item-here\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.here > .menu-link .menu-item-here\:border-b-brand {
      border-bottom-color: var(--tw-brand);
   }

   .menu-item.here > .menu-link .menu-item-here\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.here > .menu-label.menu-item-here\:border-b-brand {
      border-bottom-color: var(--tw-brand);
   }

   .menu-item.here > .menu-label.menu-item-here\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.here > .menu-label .menu-item-here\:border-b-brand {
      border-bottom-color: var(--tw-brand);
   }

   .menu-item.here > .menu-label .menu-item-here\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.here > .menu-toggle.menu-item-here\:border-b-brand {
      border-bottom-color: var(--tw-brand);
   }

   .menu-item.here > .menu-toggle.menu-item-here\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.here > .menu-toggle .menu-item-here\:border-b-brand {
      border-bottom-color: var(--tw-brand);
   }

   .menu-item.here > .menu-toggle .menu-item-here\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.show.menu-item-show\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.show > .menu-link .menu-item-show\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.show > .menu-label .menu-item-show\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.show > .menu-toggle.menu-item-show\:text-brand {
      color: var(--tw-brand);
   }

   .menu-item.show > .menu-toggle .menu-item-show\:text-brand {
      color: var(--tw-brand);
   }

   .menu-link:hover.menu-link-hover\:\!text-brand {
      color: var(--tw-brand) !important;
   }

   .menu-link:hover.menu-link-hover\:text-brand {
      color: var(--tw-brand);
   }

   .menu-link:hover .menu-link-hover\:\!text-brand {
      color: var(--tw-brand) !important;
   }

   .menu-link:hover .menu-link-hover\:text-brand {
      color: var(--tw-brand);
   }

   [data-dropdown].open .dropdown-open\:text-brand {
      color: var(--tw-brand);
   }

   [data-dropdown-content].open .dropdown-open\:bg-brand-light {
      background-color: var(--tw-brand-light);
   }

   [data-dropdown-content].open .dropdown-open\:text-brand {
      color: var(--tw-brand);
   }

   [data-toggle].active.toggle-active\:rotate-180 {
      --tw-rotate: 180deg;
      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));
   }

   [data-toggle].active .toggle-active\:rotate-180 {
      --tw-rotate: 180deg;
      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));
   }

   [data-tab-toggle].active.tab-active\:border-brand-clarity {
      border-color: var(--tw-brand-clarity);
   }

   [data-tab-toggle].active.tab-active\:bg-brand-light {
      background-color: var(--tw-brand-light);
   }

   [data-tab-toggle].active.tab-active\:text-brand {
      color: var(--tw-brand);
   }

   [data-tab-toggle].active .tab-active\:border-brand-clarity {
      border-color: var(--tw-brand-clarity);
   }

   [data-tab-toggle].active .tab-active\:bg-brand-light {
      background-color: var(--tw-brand-light);
   }

   [data-tab-toggle].active .tab-active\:text-brand {
      color: var(--tw-brand);
   }

   .menu-toggle.active.tab-active\:border-brand-clarity {
      border-color: var(--tw-brand-clarity);
   }

   .menu-toggle.active.tab-active\:bg-brand-light {
      background-color: var(--tw-brand-light);
   }

   .menu-toggle.active.tab-active\:text-brand {
      color: var(--tw-brand);
   }

   .menu-toggle.active .tab-active\:border-brand-clarity {
      border-color: var(--tw-brand-clarity);
   }

   .menu-toggle.active .tab-active\:bg-brand-light {
      background-color: var(--tw-brand-light);
   }

   .menu-toggle.active .tab-active\:text-brand {
      color: var(--tw-brand);
   }

   .dropdown-toggle.active.tab-active\:border-brand-clarity {
      border-color: var(--tw-brand-clarity);
   }

   .dropdown-toggle.active.tab-active\:bg-brand-light {
      background-color: var(--tw-brand-light);
   }

   .dropdown-toggle.active.tab-active\:text-brand {
      color: var(--tw-brand);
   }

   .dropdown-toggle.active .tab-active\:border-brand-clarity {
      border-color: var(--tw-brand-clarity);
   }

   .dropdown-toggle.active .tab-active\:bg-brand-light {
      background-color: var(--tw-brand-light);
   }

   .dropdown-toggle.active .tab-active\:text-brand {
      color: var(--tw-brand);
   }

   [data-scrollspy-anchor].active.scrollspy-active\:text-brand {
      color: var(--tw-brand);
   }

   [data-scrollspy-anchor].active.scrollspy-active\:before\:bg-brand::before {
      content: var(--tw-content);
      background-color: var(--tw-brand);
   }

   [data-scrollspy-anchor].active .scrollspy-active\:bg-secondary-active {
      background-color: var(--tw-secondary-active);
   }

   [data-scrollspy-anchor].active .scrollspy-active\:text-brand {
      color: var(--tw-brand);
   }

   [data-scrollspy-anchor].active .scrollspy-active\:before\:bg-brand::before {
      content: var(--tw-content);
      background-color: var(--tw-brand);
   }

   [data-stepper-item].active.stepper-item-active\:bg-brand {
      background-color: var(--tw-brand);
   }

   [data-stepper-item].active.stepper-item-active\:text-brand-inverse {
      color: var(--tw-brand-inverse);
   }

   [data-stepper-item].active .stepper-item-active\:bg-brand {
      background-color: var(--tw-brand);
   }

   [data-stepper-item].active .stepper-item-active\:text-brand-inverse {
      color: var(--tw-brand-inverse);
   }

   .light .light\:\[--tw-scrollbar-thumb-color\:var\(--tw-content-scrollbar-color\)\] {
      --tw-scrollbar-thumb-color: var(--tw-content-scrollbar-color);
   }

   .dark\:border-gray-200:is(.dark *) {
      border-color: var(--tw-gray-200);
   }

   .dark\:border-gray-300:is(.dark *) {
      border-color: var(--tw-gray-300);
   }

   .dark\:border-light:is(.dark *) {
      border-color: var(--tw-light);
   }

   .dark\:border-b-coal-100:is(.dark *) {
      --tw-border-opacity: 1;
      border-bottom-color: rgb(21 23 28 / var(--tw-border-opacity));
   }

   .dark\:border-b-gray-200:is(.dark *) {
      border-bottom-color: var(--tw-gray-200);
   }

   .dark\:border-b-light:is(.dark *) {
      border-bottom-color: var(--tw-light);
   }

   .dark\:border-e-coal-100:is(.dark *) {
      --tw-border-opacity: 1;
      border-inline-end-color: rgb(21 23 28 / var(--tw-border-opacity));
   }

   .dark\:border-t-light:is(.dark *) {
      border-top-color: var(--tw-light);
   }

   .dark\:bg-\[--tw-content-bg-dark\]:is(.dark *) {
      background-color: var(--tw-content-bg-dark);
   }

   .dark\:bg-\[--tw-header-bg-dark\]:is(.dark *) {
      background-color: var(--tw-header-bg-dark);
   }

   .dark\:bg-\[--tw-navbar-bg-dark\]:is(.dark *) {
      background-color: var(--tw-navbar-bg-dark);
   }

   .dark\:bg-\[--tw-page-bg-dark\]:is(.dark *) {
      background-color: var(--tw-page-bg-dark);
   }

   .active.\[\.active\&\]\:text-brand {
      color: var(--tw-brand);
   }