/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #E5E7EB; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: Roboto, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9CA3AF; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

input[type="range"]::-webkit-slider-thumb {
  height: 1rem;
  width: 1rem;
  background: hsl(var(--primary));
  border-radius: 9999px;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.dark input[type="range"]::-webkit-slider-thumb {
  background: #fbbf24;
}

input[type="range"]:disabled::-webkit-slider-thumb {}

input[type="range"]:disabled:focus::-webkit-slider-thumb {}

input[type="range"]:disabled:active::-webkit-slider-thumb {}

.dark input[type="range"]:disabled::-webkit-slider-thumb {}

.dark input[type="range"]:disabled:focus::-webkit-slider-thumb {}

.dark input[type="range"]:disabled:active::-webkit-slider-thumb {}

input[type="range"]::-moz-range-thumb {
  height: 1rem;
  width: 1rem;
  background: hsl(var(--primary));
  border-radius: 9999px;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.dark input[type="range"]::-moz-range-thumb {
  background: #fbbf24;
}

input[type="range"]:disabled::-moz-range-thumb {}

.dark input[type="range"]:disabled::-moz-range-thumb {}

input[type="range"]::-moz-range-progress {
  background: #d97706;
}

input[type="range"]::-ms-fill-lower {
  background: #d97706;
}

.dark input[type="range"]::-moz-range-progress {
  background: #f59e0b;
}

.dark input[type="range"]::-ms-fill-lower {
  background: #f59e0b;
}

input[type="range"]:focus {
  outline: none;
}

input[type="range"]:focus::-webkit-slider-thumb {
  background: #d97706;
}

input[type="range"]:active::-webkit-slider-thumb {
  background: #b45309;
}

.dark input[type="range"]:focus::-webkit-slider-thumb {
  background: #f59e0b;
}

.dark input[type="range"]:active::-webkit-slider-thumb {
  background: #d97706;
}

[data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before {
  border-style: solid;
  border-color: #e5e7eb;
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before {
  border-bottom-width: 1px;
  border-right-width: 1px;
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before {
  border-bottom-width: 1px;
  border-left-width: 1px;
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before {
  border-top-width: 1px;
  border-left-width: 1px;
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before {
  border-top-width: 1px;
  border-right-width: 1px;
}

.tooltip[data-popper-placement^='top'] > .tooltip-arrow {
  bottom: -4px;
}

.tooltip[data-popper-placement^='bottom'] > .tooltip-arrow {
  top: -4px;
}

.tooltip[data-popper-placement^='left'] > .tooltip-arrow {
  right: -4px;
}

.tooltip[data-popper-placement^='right'] > .tooltip-arrow {
  left: -4px;
}

.tooltip.invisible > .tooltip-arrow:before {
  visibility: hidden;
}

.tooltip.\!invisible > .tooltip-arrow:before {
  visibility: hidden !important;
}

[data-popper-arrow],[data-popper-arrow]:before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}

[data-popper-arrow] {
  visibility: hidden;
}

[data-popper-arrow]:before {
  content: "";
  visibility: visible;
  transform: rotate(45deg);
}

[data-popper-arrow]:after {
  content: "";
  visibility: visible;
  transform: rotate(45deg);
  position: absolute;
  width: 9px;
  height: 9px;
  background: inherit;
}

[role="tooltip"] > [data-popper-arrow]:before {
  border-style: solid;
  border-color: #e5e7eb;
}

.dark [role="tooltip"] > [data-popper-arrow]:before {
  border-style: solid;
  border-color: #4b5563;
}

[role="tooltip"] > [data-popper-arrow]:after {
  border-style: solid;
  border-color: #e5e7eb;
}

.dark [role="tooltip"] > [data-popper-arrow]:after {
  border-style: solid;
  border-color: #4b5563;
}

[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before {
  border-bottom-width: 1px;
  border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after {
  border-bottom-width: 1px;
  border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before {
  border-bottom-width: 1px;
  border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after {
  border-bottom-width: 1px;
  border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before {
  border-top-width: 1px;
  border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after {
  border-top-width: 1px;
  border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before {
  border-top-width: 1px;
  border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after {
  border-top-width: 1px;
  border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow] {
  bottom: -5px;
}

[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow] {
  top: -5px;
}

[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow] {
  right: -5px;
}

[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow] {
  left: -5px;
}

[role="tooltip"].\!invisible > [data-popper-arrow]:before {
  visibility: hidden !important;
}

[role="tooltip"].invisible > [data-popper-arrow]:before {
  visibility: hidden;
}

[role="tooltip"].\!invisible > [data-popper-arrow]:after {
  visibility: hidden !important;
}

[role="tooltip"].invisible > [data-popper-arrow]:after {
  visibility: hidden;
}

[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
  appearance: none;
  background-color: #fff;
  border-color: #6B7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #1C64F2;
  --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #1C64F2;
}

input::placeholder,textarea::placeholder {
  color: #6B7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
}

select:not([size]) {
  background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 0.75em 0.75em;
  padding-right: 2.5rem;
  print-color-adjust: exact;
}

:is([dir=rtl]) select:not([size]) {
  background-position: left 0.75rem center;
  padding-right: 0.75rem;
  padding-left: 0;
}

[multiple] {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  print-color-adjust: unset;
}

[type='checkbox'],[type='radio'] {
  appearance: none;
  padding: 0;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #1C64F2;
  background-color: #fff;
  border-color: #6B7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox'] {
  border-radius: 0px;
}

[type='radio'] {
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #1C64F2;
  --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);
}

[type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 0.55em 0.55em;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 0.55em 0.55em;
  print-color-adjust: exact;
}

[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  background-size: 1em 1em;
}

.dark [type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  background-size: 1em 1em;
}

[type='checkbox']:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");
  background-color: currentColor;
  border-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.55em 0.55em;
  print-color-adjust: exact;
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='file'] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus {
  outline: 1px auto inherit;
}

input[type=file]::file-selector-button {
  color: white;
  background: #1F2937;
  border: 0;
  font-weight: 500;
  font-size: 0.875rem;
  cursor: pointer;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 2rem;
  padding-right: 1rem;
  margin-inline-start: -1rem;
  margin-inline-end: 1rem;
}

input[type=file]::file-selector-button:hover {
  background: #374151;
}

:is([dir=rtl]) input[type=file]::file-selector-button {
  padding-right: 2rem;
  padding-left: 1rem;
}

.dark input[type=file]::file-selector-button {
  color: white;
  background: #4B5563;
}

.dark input[type=file]::file-selector-button:hover {
  background: #6B7280;
}

input[type="range"]::-webkit-slider-thumb {
  height: 1.25rem;
  width: 1.25rem;
  background: #1C64F2;
  border-radius: 9999px;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

input[type="range"]:disabled::-webkit-slider-thumb {
  background: #9CA3AF;
}

.dark input[type="range"]:disabled::-webkit-slider-thumb {
  background: #6B7280;
}

input[type="range"]:focus::-webkit-slider-thumb {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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(4px + 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);
  --tw-ring-opacity: 1px;
  --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}

input[type="range"]::-moz-range-thumb {
  height: 1.25rem;
  width: 1.25rem;
  background: #1C64F2;
  border-radius: 9999px;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

input[type="range"]:disabled::-moz-range-thumb {
  background: #9CA3AF;
}

.dark input[type="range"]:disabled::-moz-range-thumb {
  background: #6B7280;
}

input[type="range"]::-moz-range-progress {
  background: #3F83F8;
}

input[type="range"]::-ms-fill-lower {
  background: #3F83F8;
}

input[type="range"].range-sm::-webkit-slider-thumb {
  height: 1rem;
  width: 1rem;
}

input[type="range"].range-lg::-webkit-slider-thumb {
  height: 1.5rem;
  width: 1.5rem;
}

input[type="range"].range-sm::-moz-range-thumb {
  height: 1rem;
  width: 1rem;
}

input[type="range"].range-lg::-moz-range-thumb {
  height: 1.5rem;
  width: 1.5rem;
}

.toggle-bg:after {
  content: "";
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  background: white;
  border-color: #D1D5DB;
  border-width: 1px;
  border-radius: 9999px;
  height: 1.25rem;
  width: 1.25rem;
  transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-duration: .15s;
  box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

input:checked + .toggle-bg:after {
  transform: translateX(100%);;
  border-color: white;
}

input:checked + .toggle-bg {
  background: #1C64F2;
  border-color: #1C64F2;
}

*, ::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(63 131 248 / 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:  ;
}

::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(63 131 248 / 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:  ;
}
.\!container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}
@media (min-width: 1400px) {

  .\!container {
    max-width: 1400px !important;
  }

  .container {
    max-width: 1400px;
  }
}
.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;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.\!invisible {
  visibility: hidden !important;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.\!fixed {
  position: fixed !important;
}
.fixed {
  position: fixed;
}
.\!absolute {
  position: absolute !important;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.-inset-1 {
  inset: -0.25rem;
}
.-inset-2 {
  inset: -0.5rem;
}
.-inset-4 {
  inset: -1rem;
}
.-inset-8 {
  inset: -2rem;
}
.inset-0 {
  inset: 0px;
}
.inset-2 {
  inset: 0.5rem;
}
.inset-3 {
  inset: 0.75rem;
}
.inset-4 {
  inset: 1rem;
}
.inset-6 {
  inset: 1.5rem;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-bottom-0 {
  bottom: -0px;
}
.-bottom-0\.5 {
  bottom: -0.125rem;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-bottom-1\.5 {
  bottom: -0.375rem;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-bottom-40 {
  bottom: -10rem;
}
.-bottom-6 {
  bottom: -1.5rem;
}
.-bottom-8 {
  bottom: -2rem;
}
.-bottom-\[4\.5rem\] {
  bottom: -4.5rem;
}
.-end-2 {
  inset-inline-end: -0.5rem;
}
.-left-1 {
  left: -0.25rem;
}
.-left-1\.5 {
  left: -0.375rem;
}
.-left-3 {
  left: -0.75rem;
}
.-left-4 {
  left: -1rem;
}
.-left-40 {
  left: -10rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-1\.5 {
  right: -0.375rem;
}
.-right-10 {
  right: -2.5rem;
}
.-right-2 {
  right: -0.5rem;
}
.-right-20 {
  right: -5rem;
}
.-right-4 {
  right: -1rem;
}
.-right-40 {
  right: -10rem;
}
.-right-6 {
  right: -1.5rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-1\.5 {
  top: -0.375rem;
}
.-top-10 {
  top: -2.5rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-2\.5 {
  top: -0.625rem;
}
.-top-20 {
  top: -5rem;
}
.-top-3 {
  top: -0.75rem;
}
.-top-4 {
  top: -1rem;
}
.-top-40 {
  top: -10rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1\/3 {
  bottom: 33.333333%;
}
.bottom-1\/4 {
  bottom: 25%;
}
.bottom-10 {
  bottom: 2.5rem;
}
.bottom-16 {
  bottom: 4rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-2\.5 {
  bottom: 0.625rem;
}
.bottom-20 {
  bottom: 5rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-32 {
  bottom: 8rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-8 {
  bottom: 2rem;
}
.bottom-\[10px\] {
  bottom: 10px;
}
.bottom-\[14\%\] {
  bottom: 14%;
}
.bottom-\[30\%\] {
  bottom: 30%;
}
.bottom-\[4\%\] {
  bottom: 4%;
}
.bottom-full {
  bottom: 100%;
}
.end-0 {
  inset-inline-end: 0px;
}
.end-2 {
  inset-inline-end: 0.5rem;
}
.end-2\.5 {
  inset-inline-end: 0.625rem;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-1\.5 {
  left: 0.375rem;
}
.left-1\/2 {
  left: 50%;
}
.left-1\/3 {
  left: 33.333333%;
}
.left-1\/4 {
  left: 25%;
}
.left-10 {
  left: 2.5rem;
}
.left-16 {
  left: 4rem;
}
.left-2 {
  left: 0.5rem;
}
.left-2\.5 {
  left: 0.625rem;
}
.left-2\/4 {
  left: 50%;
}
.left-20 {
  left: 5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-3\/4 {
  left: 75%;
}
.left-4 {
  left: 1rem;
}
.left-5 {
  left: 1.25rem;
}
.left-6 {
  left: 1.5rem;
}
.left-7 {
  left: 1.75rem;
}
.left-8 {
  left: 2rem;
}
.left-\[14\%\] {
  left: 14%;
}
.left-\[2\%\] {
  left: 2%;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[max\(50\%\2c 25rem\)\] {
  left: max(50%,25rem);
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-1\/3 {
  right: 33.333333%;
}
.right-1\/4 {
  right: 25%;
}
.right-10 {
  right: 2.5rem;
}
.right-12 {
  right: 3rem;
}
.right-16 {
  right: 4rem;
}
.right-2 {
  right: 0.5rem;
}
.right-20 {
  right: 5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-6 {
  right: 1.5rem;
}
.right-8 {
  right: 2rem;
}
.right-\[14\%\] {
  right: 14%;
}
.right-\[2\%\] {
  right: 2%;
}
.right-\[20px\] {
  right: 20px;
}
.start-0 {
  inset-inline-start: 0px;
}
.start-\[25\%\] {
  inset-inline-start: 25%;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-1\/3 {
  top: 33.333333%;
}
.top-1\/4 {
  top: 25%;
}
.top-10 {
  top: 2.5rem;
}
.top-16 {
  top: 4rem;
}
.top-2 {
  top: 0.5rem;
}
.top-2\/4 {
  top: 50%;
}
.top-20 {
  top: 5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-3\/4 {
  top: 75%;
}
.top-4 {
  top: 1rem;
}
.top-40 {
  top: 10rem;
}
.top-6 {
  top: 1.5rem;
}
.top-8 {
  top: 2rem;
}
.top-\[-15px\] {
  top: -15px;
}
.top-\[-2rem\] {
  top: -2rem;
}
.top-\[10px\] {
  top: 10px;
}
.top-\[14\%\] {
  top: 14%;
}
.top-\[4\%\] {
  top: 4%;
}
.top-\[50\%\] {
  top: 50%;
}
.isolate {
  isolation: isolate;
}
.-z-10 {
  z-index: -10;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[9995\] {
  z-index: 9995;
}
.z-\[9999\] {
  z-index: 9999;
}
.z-\[999\] {
  z-index: 999;
}
.z-auto {
  z-index: auto;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-full {
  grid-column: 1 / -1;
}
.m-0 {
  margin: 0px;
}
.m-0\.5 {
  margin: 0.125rem;
}
.m-10 {
  margin: 2.5rem;
}
.m-2 {
  margin: 0.5rem;
}
.m-4 {
  margin: 1rem;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-1\.5 {
  margin-left: -0.375rem;
  margin-right: -0.375rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-my-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}
.-my-1\.5 {
  margin-top: -0.375rem;
  margin-bottom: -0.375rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mx-px {
  margin-left: 1px;
  margin-right: 1px;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-12 {
  margin-bottom: -3rem;
}
.-mb-px {
  margin-bottom: -1px;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-ml-12 {
  margin-left: -3rem;
}
.-mr-16 {
  margin-right: -4rem;
}
.-mr-3 {
  margin-right: -0.75rem;
}
.-mt-12 {
  margin-top: -3rem;
}
.-mt-16 {
  margin-top: -4rem;
}
.-mt-24 {
  margin-top: -6rem;
}
.-mt-6 {
  margin-top: -1.5rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-32 {
  margin-bottom: 8rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.mb-\[14px\] {
  margin-bottom: 14px;
}
.mb-auto {
  margin-bottom: auto;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.me-3 {
  margin-inline-end: 0.75rem;
}
.me-4 {
  margin-inline-end: 1rem;
}
.ml-0 {
  margin-left: 0px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-9 {
  margin-left: 2.25rem;
}
.ml-\[18px\] {
  margin-left: 18px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-12 {
  margin-right: 3rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.ms-2 {
  margin-inline-start: 0.5rem;
}
.ms-3 {
  margin-inline-start: 0.75rem;
}
.ms-4 {
  margin-inline-start: 1rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-14 {
  margin-top: 3.5rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-24 {
  margin-top: 6rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-32 {
  margin-top: 8rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[60px\] {
  margin-top: 60px;
}
.mt-px {
  margin-top: 1px;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.\!inline {
  display: inline !important;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.table-header-group {
  display: table-header-group;
}
.table-row-group {
  display: table-row-group;
}
.table-row {
  display: table-row;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.size-1 {
  width: 0.25rem;
  height: 0.25rem;
}
.size-1\.5 {
  width: 0.375rem;
  height: 0.375rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.size-40 {
  width: 10rem;
  height: 10rem;
}
.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.size-\[62px\] {
  width: 62px;
  height: 62px;
}
.\!h-\[500px\] {
  height: 500px !important;
}
.\!h-full {
  height: 100% !important;
}
.h-0 {
  height: 0px;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-28 {
  height: 7rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-3\/4 {
  height: 75%;
}
.h-32 {
  height: 8rem;
}
.h-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-72 {
  height: 18rem;
}
.h-8 {
  height: 2rem;
}
.h-80 {
  height: 20rem;
}
.h-9 {
  height: 2.25rem;
}
.h-96 {
  height: 24rem;
}
.h-\[1000px\] {
  height: 1000px;
}
.h-\[110px\] {
  height: 110px;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[15\.3rem\] {
  height: 15.3rem;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[153px\] {
  height: 153px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[320px\] {
  height: 320px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[350px\] {
  height: 350px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[380px\] {
  height: 380px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[54px\] {
  height: 54px;
}
.h-\[58px\] {
  height: 58px;
}
.h-\[600px\] {
  height: 600px;
}
.h-\[64rem\] {
  height: 64rem;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[74px\] {
  height: 74px;
}
.h-\[9\.6rem\] {
  height: 9.6rem;
}
.h-\[calc\(100vh-380px\)\] {
  height: calc(100vh - 380px);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-max {
  height: max-content;
}
.h-modal {
  height: calc(100% - 2rem);
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-1 {
  max-height: 0.25rem;
}
.max-h-1\.5 {
  max-height: 0.375rem;
}
.max-h-2 {
  max-height: 0.5rem;
}
.max-h-3 {
  max-height: 0.75rem;
}
.max-h-32 {
  max-height: 8rem;
}
.max-h-40 {
  max-height: 10rem;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-60 {
  max-height: 15rem;
}
.max-h-80 {
  max-height: 20rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[100px\] {
  max-height: 100px;
}
.max-h-\[100vh\] {
  max-height: 100vh;
}
.max-h-\[280px\] {
  max-height: 280px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[30rem\] {
  max-height: 30rem;
}
.max-h-\[32px\] {
  max-height: 32px;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[40px\] {
  max-height: 40px;
}
.max-h-\[48px\] {
  max-height: 48px;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.max-h-\[50px\] {
  max-height: 50px;
}
.max-h-\[800px\] {
  max-height: 800px;
}
.max-h-\[90dvh\] {
  max-height: 90dvh;
}
.max-h-\[95vh\] {
  max-height: 95vh;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-32 {
  min-height: 8rem;
}
.min-h-\[100px\] {
  min-height: 100px;
}
.min-h-\[100vh\] {
  min-height: 100vh;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[12px\] {
  min-height: 12px;
}
.min-h-\[2\.5rem\] {
  min-height: 2.5rem;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[24px\] {
  min-height: 24px;
}
.min-h-\[320px\] {
  min-height: 320px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[500px\] {
  min-height: 500px;
}
.min-h-\[600px\] {
  min-height: 600px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[80vh\] {
  min-height: 80vh;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.w-0 {
  width: 0px;
}
.w-0\.5 {
  width: 0.125rem;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-2\/4 {
  width: 50%;
}
.w-2\/5 {
  width: 40%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-3\/5 {
  width: 60%;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/5 {
  width: 80%;
}
.w-40 {
  width: 10rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-96 {
  width: 24rem;
}
.w-\[10\%\] {
  width: 10%;
}
.w-\[1000px\] {
  width: 1000px;
}
.w-\[110px\] {
  width: 110px;
}
.w-\[128rem\] {
  width: 128rem;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[36px\] {
  width: 36px;
}
.w-\[580px\] {
  width: 580px;
}
.w-\[58px\] {
  width: 58px;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[74px\] {
  width: 74px;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[full\] {
  width: full;
}
.w-\[var\(--input-width\)\] {
  width: var(--input-width);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-24 {
  min-width: 6rem;
}
.min-w-40 {
  min-width: 10rem;
}
.min-w-6 {
  min-width: 1.5rem;
}
.min-w-\[100vw\] {
  min-width: 100vw;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[12px\] {
  min-width: 12px;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[240px\] {
  min-width: 240px;
}
.min-w-\[24px\] {
  min-width: 24px;
}
.min-w-\[250px\] {
  min-width: 250px;
}
.min-w-\[30\%\] {
  min-width: 30%;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[48px\] {
  min-width: 48px;
}
.min-w-\[60px\] {
  min-width: 60px;
}
.min-w-\[80\%\] {
  min-width: 80%;
}
.min-w-\[90\%\] {
  min-width: 90%;
}
.min-w-\[95\%\] {
  min-width: 95%;
}
.min-w-full {
  min-width: 100%;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[100px\] {
  max-width: 100px;
}
.max-w-\[100vw\] {
  max-width: 100vw;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[32px\] {
  max-width: 32px;
}
.max-w-\[340px\] {
  max-width: 340px;
}
.max-w-\[384px\] {
  max-width: 384px;
}
.max-w-\[40px\] {
  max-width: 40px;
}
.max-w-\[48px\] {
  max-width: 48px;
}
.max-w-\[50\%\] {
  max-width: 50%;
}
.max-w-\[510px\] {
  max-width: 510px;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[820px\] {
  max-width: 820px;
}
.max-w-\[85rem\] {
  max-width: 85rem;
}
.max-w-\[90\%\] {
  max-width: 90%;
}
.max-w-\[95\%\] {
  max-width: 95%;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-screen-2xl {
  max-width: 1320px;
}
.max-w-screen-md {
  max-width: 720px;
}
.max-w-screen-xl {
  max-width: 1140px;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.basis-auto {
  flex-basis: auto;
}
.basis-full {
  flex-basis: 100%;
}
.table-auto {
  table-layout: auto;
}
.border-spacing-1 {
  --tw-border-spacing-x: 0.25rem;
  --tw-border-spacing-y: 0.25rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-\[0\] {
  transform-origin: 0;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  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));
}
.-translate-x-2\/4 {
  --tw-translate-x: -50%;
  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));
}
.-translate-x-4 {
  --tw-translate-x: -1rem;
  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));
}
.-translate-x-full {
  --tw-translate-x: -100%;
  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));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  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));
}
.-translate-y-1\/4 {
  --tw-translate-y: -25%;
  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));
}
.-translate-y-2\/4 {
  --tw-translate-y: -50%;
  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));
}
.-translate-y-4 {
  --tw-translate-y: -1rem;
  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));
}
.-translate-y-6 {
  --tw-translate-y: -1.5rem;
  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));
}
.translate-x-1\/2 {
  --tw-translate-x: 50%;
  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));
}
.translate-x-2\/4 {
  --tw-translate-x: 50%;
  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));
}
.translate-x-4 {
  --tw-translate-x: 1rem;
  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));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  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));
}
.translate-y-1\/2 {
  --tw-translate-y: 50%;
  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));
}
.translate-y-2\/4 {
  --tw-translate-y: 50%;
  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));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  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));
}
.-rotate-12 {
  --tw-rotate: -12deg;
  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));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  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));
}
.rotate-0 {
  --tw-rotate: 0deg;
  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));
}
.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));
}
.rotate-45 {
  --tw-rotate: 45deg;
  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));
}
.-skew-x-12 {
  --tw-skew-x: -12deg;
  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));
}
.-skew-y-12 {
  --tw-skew-y: -12deg;
  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));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  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));
}
.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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));
}
.scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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));
}
.scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  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));
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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));
}
.scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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));
}
.scale-x-0 {
  --tw-scale-x: 0;
  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));
}
.scale-x-100 {
  --tw-scale-x: 1;
  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 {
  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));
}
@keyframes shimmer {

  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}
.animate-\[shimmer_1\.5s_infinite\] {
  animation: shimmer 1.5s infinite;
}
@keyframes bounce {

  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce {
  animation: bounce 1s infinite;
}
@keyframes bounce-subtle {

  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}
.animate-bounce-subtle {
  animation: bounce-subtle 2s ease-in-out infinite;
}
@keyframes fade-in-down {

  0% {
    opacity: 0;
    transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fade-in-down {
  animation: fade-in-down 0.5s ease-out;
}
@keyframes fade-in-up {

  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fade-in-up {
  animation: fade-in-up 0.5s ease-out;
}
@keyframes float {

  0%, 100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }
}
.animate-float {
  animation: float 3s ease-in-out infinite;
}
@keyframes glow {

  0% {
    background-color: #fcfcfd;
  }

  30% {
    background-color: #fff6cd;
  }

  100% {
    background-color: #fcfcfd;
  }

  0%, 100% {
    box-shadow: 0 0 20px hsl(45 100% 58% / 0.3);
  }

  50% {
    box-shadow: 0 0 30px hsl(45 100% 58% / 0.6);
  }
}
.animate-glow {
  animation: glow 2s ease-in-out infinite;
}
@keyframes ping {

  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes shimmer {

  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}
.animate-shimmer {
  animation: shimmer 2s linear infinite;
}
@keyframes slide-in-right {

  0% {
    visibility: visible;
    transform: translateX(100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.animate-slide-in-right {
  animation: slide-in-right 0.3s ease-out;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-help {
  cursor: help;
}
.cursor-move {
  cursor: move;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.select-none {
  user-select: none;
}
.\!resize-none {
  resize: none !important;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.\!resize {
  resize: both !important;
}
.resize {
  resize: both;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-center {
  scroll-snap-align: center;
}
.list-inside {
  list-style-position: inside;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  appearance: none;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-items-center {
  place-items: center;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[5rem\] {
  gap: 5rem;
}
.gap-x-1 {
  column-gap: 0.25rem;
}
.gap-x-1\.5 {
  column-gap: 0.375rem;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-x-3 {
  column-gap: 0.75rem;
}
.gap-x-8 {
  column-gap: 2rem;
}
.gap-x-\[10px\] {
  column-gap: 10px;
}
.gap-y-0 {
  row-gap: 0px;
}
.gap-y-0\.5 {
  row-gap: 0.125rem;
}
.gap-y-16 {
  row-gap: 4rem;
}
.-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)));
}
.-space-x-px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-1px * var(--tw-space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}
.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)));
}
.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)));
}
.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)));
}
.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)));
}
.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)));
}
.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)));
}
.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));
}
.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));
}
.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));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.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));
}
.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));
}
.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));
}
.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));
}
.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));
}
.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));
}
.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)));
}
.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(2px * var(--tw-divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}
.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));
}
.divide-\[\#FFC727\]\/10 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 199 39 / 0.1);
}
.divide-amber-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 179 0 / var(--tw-divide-opacity));
}
.divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(28 100 242 / var(--tw-divide-opacity));
}
.divide-blue-gray-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(236 239 241 / var(--tw-divide-opacity));
}
.divide-blue-gray-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 110 122 / var(--tw-divide-opacity));
}
.divide-brown-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(109 76 65 / var(--tw-divide-opacity));
}
.divide-cyan-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(0 172 193 / var(--tw-divide-opacity));
}
.divide-deep-orange-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(244 81 30 / var(--tw-divide-opacity));
}
.divide-deep-purple-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(94 53 177 / var(--tw-divide-opacity));
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}
.divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-divide-opacity));
}
.divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-divide-opacity));
}
.divide-green-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(5 122 85 / var(--tw-divide-opacity));
}
.divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(88 80 236 / var(--tw-divide-opacity));
}
.divide-light-blue-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(3 155 229 / var(--tw-divide-opacity));
}
.divide-light-green-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(124 179 66 / var(--tw-divide-opacity));
}
.divide-lime-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(192 202 51 / var(--tw-divide-opacity));
}
.divide-orange-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(208 56 1 / var(--tw-divide-opacity));
}
.divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(214 31 105 / var(--tw-divide-opacity));
}
.divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(126 58 242 / var(--tw-divide-opacity));
}
.divide-red-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(224 36 36 / var(--tw-divide-opacity));
}
.divide-teal-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(4 116 129 / var(--tw-divide-opacity));
}
.divide-white\/5 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.05);
}
.divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(159 88 10 / var(--tw-divide-opacity));
}
.self-center {
  align-self: center;
}
.justify-self-end {
  justify-self: end;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.\!overflow-visible {
  overflow: visible !important;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.\!overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-visible {
  overflow-x: visible;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.\!scroll-auto {
  scroll-behavior: auto !important;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.\!rounded-full {
  border-radius: 9999px !important;
}
.\!rounded-none {
  border-radius: 0px !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[7px\] {
  border-radius: 7px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.rounded-b-lg {
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.rounded-e {
  border-start-end-radius: 0.25rem;
  border-end-end-radius: 0.25rem;
}
.rounded-e-lg {
  border-start-end-radius: var(--radius);
  border-end-end-radius: var(--radius);
}
.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.rounded-l-lg {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.rounded-l-md {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-r-lg {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-s-lg {
  border-start-start-radius: var(--radius);
  border-end-start-radius: var(--radius);
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-lg {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-8 {
  border-width: 8px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-\[2px\] {
  border-width: 2px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-r-4 {
  border-right-width: 4px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.border-\[\#0A0A0A\] {
  --tw-border-opacity: 1;
  border-color: rgb(10 10 10 / var(--tw-border-opacity));
}
.border-\[\#10B981\] {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity));
}
.border-\[\#10B981\]\/30 {
  border-color: rgb(16 185 129 / 0.3);
}
.border-\[\#1A1A1A\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
}
.border-\[\#2A2A2A\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 42 42 / var(--tw-border-opacity));
}
.border-\[\#333\] {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
.border-\[\#4CAF50\]\/20 {
  border-color: rgb(76 175 80 / 0.2);
}
.border-\[\#4CAF50\]\/30 {
  border-color: rgb(76 175 80 / 0.3);
}
.border-\[\#D1D5DB\]\/20 {
  border-color: rgb(209 213 219 / 0.2);
}
.border-\[\#E4E4EB\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 235 / var(--tw-border-opacity));
}
.border-\[\#FFB000\]\/40 {
  border-color: rgb(255 176 0 / 0.4);
}
.border-\[\#FFB800\]\/30 {
  border-color: rgb(255 184 0 / 0.3);
}
.border-\[\#FFC727\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 199 39 / var(--tw-border-opacity));
}
.border-\[\#FFC727\]\/10 {
  border-color: rgb(255 199 39 / 0.1);
}
.border-\[\#FFC727\]\/20 {
  border-color: rgb(255 199 39 / 0.2);
}
.border-\[\#FFC727\]\/30 {
  border-color: rgb(255 199 39 / 0.3);
}
.border-\[\#FFC727\]\/40 {
  border-color: rgb(255 199 39 / 0.4);
}
.border-\[\#FFC727\]\/50 {
  border-color: rgb(255 199 39 / 0.5);
}
.border-\[\#FFD700\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 215 0 / var(--tw-border-opacity));
}
.border-\[\#FFD700\]\/30 {
  border-color: rgb(255 215 0 / 0.3);
}
.border-\[\#cd2e2e\] {
  --tw-border-opacity: 1;
  border-color: rgb(205 46 46 / var(--tw-border-opacity));
}
.border-\[\#d4af37\] {
  --tw-border-opacity: 1;
  border-color: rgb(212 175 55 / var(--tw-border-opacity));
}
.border-\[\#eeb501\] {
  --tw-border-opacity: 1;
  border-color: rgb(238 181 1 / var(--tw-border-opacity));
}
.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(255 213 79 / var(--tw-border-opacity));
}
.border-amber-300\/30 {
  border-color: rgb(255 213 79 / 0.3);
}
.border-amber-400\/30 {
  border-color: rgb(255 202 40 / 0.3);
}
.border-amber-400\/50 {
  border-color: rgb(255 202 40 / 0.5);
}
.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(255 193 7 / var(--tw-border-opacity));
}
.border-amber-500\/20 {
  border-color: rgb(255 193 7 / 0.2);
}
.border-amber-500\/25 {
  border-color: rgb(255 193 7 / 0.25);
}
.border-amber-500\/30 {
  border-color: rgb(255 193 7 / 0.3);
}
.border-amber-500\/40 {
  border-color: rgb(255 193 7 / 0.4);
}
.border-amber-500\/50 {
  border-color: rgb(255 193 7 / 0.5);
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-black\/30 {
  border-color: rgb(0 0 0 / 0.3);
}
.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(225 239 254 / var(--tw-border-opacity));
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(195 221 253 / var(--tw-border-opacity));
}
.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(164 202 254 / var(--tw-border-opacity));
}
.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(118 169 250 / var(--tw-border-opacity));
}
.border-blue-400\/20 {
  border-color: rgb(118 169 250 / 0.2);
}
.border-blue-400\/30 {
  border-color: rgb(118 169 250 / 0.3);
}
.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
}
.border-blue-500\/20 {
  border-color: rgb(63 131 248 / 0.2);
}
.border-blue-500\/30 {
  border-color: rgb(63 131 248 / 0.3);
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(26 86 219 / var(--tw-border-opacity));
}
.border-blue-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(207 216 220 / var(--tw-border-opacity));
}
.border-blue-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(176 190 197 / var(--tw-border-opacity));
}
.border-blue-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgb(236 239 241 / var(--tw-border-opacity));
}
.border-blue-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(96 125 139 / var(--tw-border-opacity));
}
.border-brown-500 {
  --tw-border-opacity: 1;
  border-color: rgb(121 85 72 / var(--tw-border-opacity));
}
.border-current {
  border-color: currentColor;
}
.border-cyan-300 {
  --tw-border-opacity: 1;
  border-color: rgb(77 208 225 / var(--tw-border-opacity));
}
.border-cyan-500 {
  --tw-border-opacity: 1;
  border-color: rgb(0 188 212 / var(--tw-border-opacity));
}
.border-cyan-500\/40 {
  border-color: rgb(0 188 212 / 0.4);
}
.border-cyan-600 {
  --tw-border-opacity: 1;
  border-color: rgb(0 172 193 / var(--tw-border-opacity));
}
.border-cyan-700 {
  --tw-border-opacity: 1;
  border-color: rgb(0 151 167 / var(--tw-border-opacity));
}
.border-dark-900 {
  --tw-border-opacity: 1;
  border-color: rgb(32 33 36 / var(--tw-border-opacity));
}
.border-deep-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(255 87 34 / var(--tw-border-opacity));
}
.border-deep-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(103 58 183 / var(--tw-border-opacity));
}
.border-gold-300\/40 {
  border-color: hsl(45 100% 70% / 0.4);
}
.border-gold-400 {
  --tw-border-opacity: 1;
  border-color: hsl(45 100% 65% / var(--tw-border-opacity));
}
.border-gold-400\/30 {
  border-color: hsl(45 100% 65% / 0.3);
}
.border-gold-500 {
  --tw-border-opacity: 1;
  border-color: hsl(45 100% 58% / var(--tw-border-opacity));
}
.border-gold-500\/20 {
  border-color: hsl(45 100% 58% / 0.2);
}
.border-gold-500\/30 {
  border-color: hsl(45 100% 58% / 0.3);
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
.border-gray-700\/50 {
  border-color: rgb(55 65 81 / 0.5);
}
.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
}
.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(188 240 218 / var(--tw-border-opacity));
}
.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgb(132 225 188 / var(--tw-border-opacity));
}
.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(49 196 141 / var(--tw-border-opacity));
}
.border-green-400\/20 {
  border-color: rgb(49 196 141 / 0.2);
}
.border-green-400\/30 {
  border-color: rgb(49 196 141 / 0.3);
}
.border-green-400\/40 {
  border-color: rgb(49 196 141 / 0.4);
}
.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(14 159 110 / var(--tw-border-opacity));
}
.border-green-500\/20 {
  border-color: rgb(14 159 110 / 0.2);
}
.border-green-500\/30 {
  border-color: rgb(14 159 110 / 0.3);
}
.border-green-500\/40 {
  border-color: rgb(14 159 110 / 0.4);
}
.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgb(5 122 85 / var(--tw-border-opacity));
}
.border-green-700 {
  --tw-border-opacity: 1;
  border-color: rgb(4 108 78 / var(--tw-border-opacity));
}
.border-green-900 {
  --tw-border-opacity: 1;
  border-color: rgb(1 71 55 / var(--tw-border-opacity));
}
.border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgb(180 198 252 / var(--tw-border-opacity));
}
.border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgb(141 162 251 / var(--tw-border-opacity));
}
.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(104 117 245 / var(--tw-border-opacity));
}
.border-input {
  border-color: hsl(var(--input));
}
.border-light-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(3 169 244 / var(--tw-border-opacity));
}
.border-light-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(139 195 74 / var(--tw-border-opacity));
}
.border-lime-300 {
  --tw-border-opacity: 1;
  border-color: rgb(220 231 117 / var(--tw-border-opacity));
}
.border-lime-400 {
  --tw-border-opacity: 1;
  border-color: rgb(212 225 87 / var(--tw-border-opacity));
}
.border-lime-500 {
  --tw-border-opacity: 1;
  border-color: rgb(205 220 57 / var(--tw-border-opacity));
}
.border-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(255 90 31 / var(--tw-border-opacity));
}
.border-orange-500\/30 {
  border-color: rgb(255 90 31 / 0.3);
}
.border-orange-500\/40 {
  border-color: rgb(255 90 31 / 0.4);
}
.border-pink-300 {
  --tw-border-opacity: 1;
  border-color: rgb(248 180 217 / var(--tw-border-opacity));
}
.border-pink-500 {
  --tw-border-opacity: 1;
  border-color: rgb(231 70 148 / var(--tw-border-opacity));
}
.border-pink-500\/30 {
  border-color: rgb(231 70 148 / 0.3);
}
.border-pink-600 {
  --tw-border-opacity: 1;
  border-color: rgb(214 31 105 / var(--tw-border-opacity));
}
.border-primary\/20 {
  border-color: hsl(var(--primary) / 0.2);
}
.border-purple-300 {
  --tw-border-opacity: 1;
  border-color: rgb(202 191 253 / var(--tw-border-opacity));
}
.border-purple-400\/30 {
  border-color: rgb(172 148 250 / 0.3);
}
.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(144 97 249 / var(--tw-border-opacity));
}
.border-purple-500\/30 {
  border-color: rgb(144 97 249 / 0.3);
}
.border-purple-900 {
  --tw-border-opacity: 1;
  border-color: rgb(74 29 150 / var(--tw-border-opacity));
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(248 180 180 / var(--tw-border-opacity));
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(240 82 82 / var(--tw-border-opacity));
}
.border-red-500\/20 {
  border-color: rgb(240 82 82 / 0.2);
}
.border-red-500\/30 {
  border-color: rgb(240 82 82 / 0.3);
}
.border-red-500\/40 {
  border-color: rgb(240 82 82 / 0.4);
}
.border-red-500\/50 {
  border-color: rgb(240 82 82 / 0.5);
}
.border-red-500\/60 {
  border-color: rgb(240 82 82 / 0.6);
}
.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(224 36 36 / var(--tw-border-opacity));
}
.border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgb(200 30 30 / var(--tw-border-opacity));
}
.border-red-800 {
  --tw-border-opacity: 1;
  border-color: rgb(155 28 28 / var(--tw-border-opacity));
}
.border-red-900 {
  --tw-border-opacity: 1;
  border-color: rgb(119 29 29 / var(--tw-border-opacity));
}
.border-teal-300 {
  --tw-border-opacity: 1;
  border-color: rgb(126 220 226 / var(--tw-border-opacity));
}
.border-teal-500 {
  --tw-border-opacity: 1;
  border-color: rgb(6 148 162 / var(--tw-border-opacity));
}
.border-transparent {
  border-color: transparent;
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/40 {
  border-color: rgb(255 255 255 / 0.4);
}
.border-white\/5 {
  border-color: rgb(255 255 255 / 0.05);
}
.border-white\/50 {
  border-color: rgb(255 255 255 / 0.5);
}
.border-white\/80 {
  border-color: rgb(255 255 255 / 0.8);
}
.border-white\/\[0\.08\] {
  border-color: rgb(255 255 255 / 0.08);
}
.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgb(250 202 21 / var(--tw-border-opacity));
}
.border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgb(227 160 8 / var(--tw-border-opacity));
}
.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-yellow-500\/20 {
  border-color: rgb(194 120 3 / 0.2);
}
.border-yellow-500\/30 {
  border-color: rgb(194 120 3 / 0.3);
}
.border-yellow-600 {
  --tw-border-opacity: 1;
  border-color: rgb(159 88 10 / var(--tw-border-opacity));
}
.\!border-t-transparent {
  border-top-color: transparent !important;
}
.border-b-blue-gray-100 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(207 216 220 / var(--tw-border-opacity));
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-r-transparent {
  border-right-color: transparent;
}
.border-t-\[\#FFC727\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 199 39 / var(--tw-border-opacity));
}
.border-t-amber-400 {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 202 40 / var(--tw-border-opacity));
}
.border-t-black {
  --tw-border-opacity: 1;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-t-blue-600 {
  --tw-border-opacity: 1;
  border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.border-t-blue-gray-100 {
  --tw-border-opacity: 1;
  border-top-color: rgb(207 216 220 / var(--tw-border-opacity));
}
.border-t-current {
  border-top-color: currentColor;
}
.border-t-gold-400 {
  --tw-border-opacity: 1;
  border-top-color: hsl(45 100% 65% / var(--tw-border-opacity));
}
.border-t-gold-500 {
  --tw-border-opacity: 1;
  border-top-color: hsl(45 100% 58% / var(--tw-border-opacity));
}
.border-t-gray-800 {
  --tw-border-opacity: 1;
  border-top-color: rgb(31 41 55 / var(--tw-border-opacity));
}
.border-t-purple-400 {
  --tw-border-opacity: 1;
  border-top-color: rgb(172 148 250 / var(--tw-border-opacity));
}
.border-t-transparent {
  border-top-color: transparent;
}
.border-t-white {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-opacity-20 {
  --tw-border-opacity: 0.2;
}
.border-opacity-30 {
  --tw-border-opacity: 0.3;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.bg-\[\#0A0A0A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity));
}
.bg-\[\#0A0A0A\]\/30 {
  background-color: rgb(10 10 10 / 0.3);
}
.bg-\[\#0A0A0A\]\/50 {
  background-color: rgb(10 10 10 / 0.5);
}
.bg-\[\#0A0A0A\]\/60 {
  background-color: rgb(10 10 10 / 0.6);
}
.bg-\[\#0A0A0A\]\/80 {
  background-color: rgb(10 10 10 / 0.8);
}
.bg-\[\#10B981\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.bg-\[\#10B981\]\/10 {
  background-color: rgb(16 185 129 / 0.1);
}
.bg-\[\#111111\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity));
}
.bg-\[\#121212\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity));
}
.bg-\[\#1A1A1A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
.bg-\[\#1A1A1A\]\/50 {
  background-color: rgb(26 26 26 / 0.5);
}
.bg-\[\#1A1A1A\]\/60 {
  background-color: rgb(26 26 26 / 0.6);
}
.bg-\[\#1A1A1A\]\/80 {
  background-color: rgb(26 26 26 / 0.8);
}
.bg-\[\#222E3A\]\/\[6\%\] {
  background-color: rgb(34 46 58 / 6%);
}
.bg-\[\#293A68\] {
  --tw-bg-opacity: 1;
  background-color: rgb(41 58 104 / var(--tw-bg-opacity));
}
.bg-\[\#2A2A2A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity));
}
.bg-\[\#374151\] {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.bg-\[\#4CAF50\]\/20 {
  background-color: rgb(76 175 80 / 0.2);
}
.bg-\[\#711616\] {
  --tw-bg-opacity: 1;
  background-color: rgb(113 22 22 / var(--tw-bg-opacity));
}
.bg-\[\#BD1B21\] {
  --tw-bg-opacity: 1;
  background-color: rgb(189 27 33 / var(--tw-bg-opacity));
}
.bg-\[\#D32F2F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(211 47 47 / var(--tw-bg-opacity));
}
.bg-\[\#D8A11A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(216 161 26 / var(--tw-bg-opacity));
}
.bg-\[\#EDDC51\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 220 81 / var(--tw-bg-opacity));
}
.bg-\[\#FF9C00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 156 0 / var(--tw-bg-opacity));
}
.bg-\[\#FF9C00\]\/5 {
  background-color: rgb(255 156 0 / 0.05);
}
.bg-\[\#FFB800\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 184 0 / var(--tw-bg-opacity));
}
.bg-\[\#FFB800\]\/10 {
  background-color: rgb(255 184 0 / 0.1);
}
.bg-\[\#FFC727\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 39 / var(--tw-bg-opacity));
}
.bg-\[\#FFC727\]\/10 {
  background-color: rgb(255 199 39 / 0.1);
}
.bg-\[\#FFC727\]\/20 {
  background-color: rgb(255 199 39 / 0.2);
}
.bg-\[\#FFC727\]\/30 {
  background-color: rgb(255 199 39 / 0.3);
}
.bg-\[\#FFD700\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 215 0 / var(--tw-bg-opacity));
}
.bg-\[\#FFD84D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 216 77 / var(--tw-bg-opacity));
}
.bg-\[\#FFFFFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[\#c22626\] {
  --tw-bg-opacity: 1;
  background-color: rgb(194 38 38 / var(--tw-bg-opacity));
}
.bg-\[\#c22a2a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(194 42 42 / var(--tw-bg-opacity));
}
.bg-\[\#cccccc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(204 204 204 / var(--tw-bg-opacity));
}
.bg-\[\#eaa5a5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 165 165 / var(--tw-bg-opacity));
}
.bg-\[\#eeb501\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 181 1 / var(--tw-bg-opacity));
}
.bg-\[hsl\(0\2c 0\%\2c 98\.4\%\2c 0\.2\)\] {
  background-color: hsl(0,0%,98.4%,0.2);
}
.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 202 40 / var(--tw-bg-opacity));
}
.bg-amber-400\/30 {
  background-color: rgb(255 202 40 / 0.3);
}
.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 193 7 / var(--tw-bg-opacity));
}
.bg-amber-500\/10 {
  background-color: rgb(255 193 7 / 0.1);
}
.bg-amber-500\/20 {
  background-color: rgb(255 193 7 / 0.2);
}
.bg-amber-500\/30 {
  background-color: rgb(255 193 7 / 0.3);
}
.bg-background {
  background-color: hsl(var(--background));
}
.bg-background\/80 {
  background-color: hsl(var(--background) / 0.8);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/10 {
  background-color: rgb(0 0 0 / 0.1);
}
.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/25 {
  background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/90 {
  background-color: rgb(0 0 0 / 0.9);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(225 239 254 / var(--tw-bg-opacity));
}
.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(195 221 253 / var(--tw-bg-opacity));
}
.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(164 202 254 / var(--tw-bg-opacity));
}
.bg-blue-300\/10 {
  background-color: rgb(164 202 254 / 0.1);
}
.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(118 169 250 / var(--tw-bg-opacity));
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(235 245 255 / var(--tw-bg-opacity));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(63 131 248 / var(--tw-bg-opacity));
}
.bg-blue-500\/10 {
  background-color: rgb(63 131 248 / 0.1);
}
.bg-blue-500\/20 {
  background-color: rgb(63 131 248 / 0.2);
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(28 100 242 / var(--tw-bg-opacity));
}
.bg-blue-600\/40 {
  background-color: rgb(28 100 242 / 0.4);
}
.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
.bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(35 56 118 / var(--tw-bg-opacity));
}
.bg-blue-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(207 216 220 / var(--tw-bg-opacity));
}
.bg-blue-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 241 / var(--tw-bg-opacity));
}
.bg-blue-gray-50\/50 {
  background-color: rgb(236 239 241 / 0.5);
}
.bg-blue-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 125 139 / var(--tw-bg-opacity));
}
.bg-blue-gray-500\/10 {
  background-color: rgb(96 125 139 / 0.1);
}
.bg-blue-gray-500\/20 {
  background-color: rgb(96 125 139 / 0.2);
}
.bg-blue-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(84 110 122 / var(--tw-bg-opacity));
}
.bg-brown-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(121 85 72 / var(--tw-bg-opacity));
}
.bg-brown-500\/10 {
  background-color: rgb(121 85 72 / 0.1);
}
.bg-brown-500\/20 {
  background-color: rgb(121 85 72 / 0.2);
}
.bg-card {
  background-color: hsl(var(--card));
}
.bg-card\/50 {
  background-color: hsl(var(--card) / 0.5);
}
.bg-current {
  background-color: currentColor;
}
.bg-cyan-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(178 235 242 / var(--tw-bg-opacity));
}
.bg-cyan-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(128 222 234 / var(--tw-bg-opacity));
}
.bg-cyan-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 247 250 / var(--tw-bg-opacity));
}
.bg-cyan-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 188 212 / var(--tw-bg-opacity));
}
.bg-cyan-500\/10 {
  background-color: rgb(0 188 212 / 0.1);
}
.bg-cyan-500\/20 {
  background-color: rgb(0 188 212 / 0.2);
}
.bg-cyan-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 172 193 / var(--tw-bg-opacity));
}
.bg-cyan-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 151 167 / var(--tw-bg-opacity));
}
.bg-dark-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity));
}
.bg-dark-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(95 99 104 / var(--tw-bg-opacity));
}
.bg-deep-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 87 34 / var(--tw-bg-opacity));
}
.bg-deep-orange-500\/10 {
  background-color: rgb(255 87 34 / 0.1);
}
.bg-deep-orange-500\/20 {
  background-color: rgb(255 87 34 / 0.2);
}
.bg-deep-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(103 58 183 / var(--tw-bg-opacity));
}
.bg-deep-purple-500\/10 {
  background-color: rgb(103 58 183 / 0.1);
}
.bg-deep-purple-500\/20 {
  background-color: rgb(103 58 183 / 0.2);
}
.bg-destructive {
  background-color: hsl(var(--destructive));
}
.bg-gold-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(45 100% 65% / var(--tw-bg-opacity));
}
.bg-gold-400\/30 {
  background-color: hsl(45 100% 65% / 0.3);
}
.bg-gold-500\/10 {
  background-color: hsl(45 100% 58% / 0.1);
}
.bg-gold-500\/20 {
  background-color: hsl(45 100% 58% / 0.2);
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.bg-gray-600\/50 {
  background-color: rgb(75 85 99 / 0.5);
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-800\/50 {
  background-color: rgb(31 41 55 / 0.5);
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-gray-900\/10 {
  background-color: rgb(17 24 39 / 0.1);
}
.bg-gray-900\/30 {
  background-color: rgb(17 24 39 / 0.3);
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(222 247 236 / var(--tw-bg-opacity));
}
.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(188 240 218 / var(--tw-bg-opacity));
}
.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(132 225 188 / var(--tw-bg-opacity));
}
.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(49 196 141 / var(--tw-bg-opacity));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 250 247 / var(--tw-bg-opacity));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 159 110 / var(--tw-bg-opacity));
}
.bg-green-500\/10 {
  background-color: rgb(14 159 110 / 0.1);
}
.bg-green-500\/20 {
  background-color: rgb(14 159 110 / 0.2);
}
.bg-green-500\/30 {
  background-color: rgb(14 159 110 / 0.3);
}
.bg-green-500\/40 {
  background-color: rgb(14 159 110 / 0.4);
}
.bg-green-500\/5 {
  background-color: rgb(14 159 110 / 0.05);
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 122 85 / var(--tw-bg-opacity));
}
.bg-green-600\/30 {
  background-color: rgb(5 122 85 / 0.3);
}
.bg-green-600\/40 {
  background-color: rgb(5 122 85 / 0.4);
}
.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.bg-green-900\/30 {
  background-color: rgb(1 71 55 / 0.3);
}
.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 237 255 / var(--tw-bg-opacity));
}
.bg-indigo-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(141 162 251 / var(--tw-bg-opacity));
}
.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(104 117 245 / var(--tw-bg-opacity));
}
.bg-indigo-500\/10 {
  background-color: rgb(104 117 245 / 0.1);
}
.bg-indigo-500\/20 {
  background-color: rgb(104 117 245 / 0.2);
}
.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(88 80 236 / var(--tw-bg-opacity));
}
.bg-light-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 169 244 / var(--tw-bg-opacity));
}
.bg-light-blue-500\/10 {
  background-color: rgb(3 169 244 / 0.1);
}
.bg-light-blue-500\/20 {
  background-color: rgb(3 169 244 / 0.2);
}
.bg-light-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 195 74 / var(--tw-bg-opacity));
}
.bg-light-green-500\/10 {
  background-color: rgb(139 195 74 / 0.1);
}
.bg-light-green-500\/20 {
  background-color: rgb(139 195 74 / 0.2);
}
.bg-lime-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 195 / var(--tw-bg-opacity));
}
.bg-lime-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(212 225 87 / var(--tw-bg-opacity));
}
.bg-lime-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(205 220 57 / var(--tw-bg-opacity));
}
.bg-lime-500\/10 {
  background-color: rgb(205 220 57 / 0.1);
}
.bg-lime-500\/20 {
  background-color: rgb(205 220 57 / 0.2);
}
.bg-lime-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(192 202 51 / var(--tw-bg-opacity));
}
.bg-muted {
  background-color: hsl(var(--muted));
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 236 220 / var(--tw-bg-opacity));
}
.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 90 31 / var(--tw-bg-opacity));
}
.bg-orange-500\/10 {
  background-color: rgb(255 90 31 / 0.1);
}
.bg-orange-500\/15 {
  background-color: rgb(255 90 31 / 0.15);
}
.bg-orange-500\/20 {
  background-color: rgb(255 90 31 / 0.2);
}
.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 232 243 / var(--tw-bg-opacity));
}
.bg-pink-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 126 184 / var(--tw-bg-opacity));
}
.bg-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(231 70 148 / var(--tw-bg-opacity));
}
.bg-pink-500\/10 {
  background-color: rgb(231 70 148 / 0.1);
}
.bg-pink-500\/20 {
  background-color: rgb(231 70 148 / 0.2);
}
.bg-pink-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(214 31 105 / var(--tw-bg-opacity));
}
.bg-primary {
  background-color: hsl(var(--primary));
}
.bg-primary-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 235 254 / var(--tw-bg-opacity));
}
.bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 215 254 / var(--tw-bg-opacity));
}
.bg-purple-300\/10 {
  background-color: rgb(202 191 253 / 0.1);
}
.bg-purple-400\/30 {
  background-color: rgb(172 148 250 / 0.3);
}
.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(246 245 255 / var(--tw-bg-opacity));
}
.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(144 97 249 / var(--tw-bg-opacity));
}
.bg-purple-500\/10 {
  background-color: rgb(144 97 249 / 0.1);
}
.bg-purple-500\/20 {
  background-color: rgb(144 97 249 / 0.2);
}
.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(126 58 242 / var(--tw-bg-opacity));
}
.bg-purple-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(108 43 217 / var(--tw-bg-opacity));
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 232 232 / var(--tw-bg-opacity));
}
.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 213 213 / var(--tw-bg-opacity));
}
.bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 180 180 / var(--tw-bg-opacity));
}
.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 128 128 / var(--tw-bg-opacity));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 242 / var(--tw-bg-opacity));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 82 82 / var(--tw-bg-opacity));
}
.bg-red-500\/10 {
  background-color: rgb(240 82 82 / 0.1);
}
.bg-red-500\/20 {
  background-color: rgb(240 82 82 / 0.2);
}
.bg-red-500\/30 {
  background-color: rgb(240 82 82 / 0.3);
}
.bg-red-500\/5 {
  background-color: rgb(240 82 82 / 0.05);
}
.bg-red-500\/80 {
  background-color: rgb(240 82 82 / 0.8);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}
.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.bg-red-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-red-900\/20 {
  background-color: rgb(119 29 29 / 0.2);
}
.bg-red-900\/30 {
  background-color: rgb(119 29 29 / 0.3);
}
.bg-secondary {
  background-color: hsl(var(--secondary));
}
.bg-teal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(213 245 246 / var(--tw-bg-opacity));
}
.bg-teal-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 148 162 / var(--tw-bg-opacity));
}
.bg-teal-500\/10 {
  background-color: rgb(6 148 162 / 0.1);
}
.bg-teal-500\/20 {
  background-color: rgb(6 148 162 / 0.2);
}
.bg-teal-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(4 116 129 / var(--tw-bg-opacity));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}
.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/60 {
  background-color: rgb(255 255 255 / 0.6);
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white\/95 {
  background-color: rgb(255 255 255 / 0.95);
}
.bg-white\/\[0\.02\] {
  background-color: rgb(255 255 255 / 0.02);
}
.bg-white\/\[0\.03\] {
  background-color: rgb(255 255 255 / 0.03);
}
.bg-white\/\[0\.04\] {
  background-color: rgb(255 255 255 / 0.04);
}
.bg-white\/\[0\.08\] {
  background-color: rgb(255 255 255 / 0.08);
}
.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 246 178 / var(--tw-bg-opacity));
}
.bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 233 106 / var(--tw-bg-opacity));
}
.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(227 160 8 / var(--tw-bg-opacity));
}
.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 234 / var(--tw-bg-opacity));
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(194 120 3 / var(--tw-bg-opacity));
}
.bg-yellow-500\/10 {
  background-color: rgb(194 120 3 / 0.1);
}
.bg-yellow-500\/20 {
  background-color: rgb(194 120 3 / 0.2);
}
.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(159 88 10 / var(--tw-bg-opacity));
}
.bg-yellow-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 49 18 / var(--tw-bg-opacity));
}
.bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}
.bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}
.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.bg-redgr {
  background-image: linear-gradient(147deg, #C62128 0%, #A00000 74%);
}
.from-\[\#0A0A0A\] {
  --tw-gradient-from: #0A0A0A var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#0A0A0A\]\/30 {
  --tw-gradient-from: rgb(10 10 10 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#0A0A0A\]\/50 {
  --tw-gradient-from: rgb(10 10 10 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#0A0A0A\]\/60 {
  --tw-gradient-from: rgb(10 10 10 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#0A0A0A\]\/80 {
  --tw-gradient-from: rgb(10 10 10 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#0f0f0f\] {
  --tw-gradient-from: #0f0f0f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 15 15 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#10B981\] {
  --tw-gradient-from: #10B981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#10B981\]\/10 {
  --tw-gradient-from: rgb(16 185 129 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#10B981\]\/20 {
  --tw-gradient-from: rgb(16 185 129 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#121212\] {
  --tw-gradient-from: #121212 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(18 18 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#1A1A1A\] {
  --tw-gradient-from: #1A1A1A var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 26 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#1a1a1a\] {
  --tw-gradient-from: #1a1a1a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 26 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFB000\] {
  --tw-gradient-from: #FFB000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 176 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFB000\]\/20 {
  --tw-gradient-from: rgb(255 176 0 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 176 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFB800\] {
  --tw-gradient-from: #FFB800 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 184 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFB800\]\/20 {
  --tw-gradient-from: rgb(255 184 0 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 184 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFC727\] {
  --tw-gradient-from: #FFC727 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 199 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFC727\]\/10 {
  --tw-gradient-from: rgb(255 199 39 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 199 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFC727\]\/20 {
  --tw-gradient-from: rgb(255 199 39 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 199 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFC727\]\/30 {
  --tw-gradient-from: rgb(255 199 39 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 199 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFC727\]\/5 {
  --tw-gradient-from: rgb(255 199 39 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 199 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFD700\] {
  --tw-gradient-from: #FFD700 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 215 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFD700\]\/20 {
  --tw-gradient-from: rgb(255 215 0 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 215 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFD84D\] {
  --tw-gradient-from: #FFD84D var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 216 77 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-100 {
  --tw-gradient-from: #ffecb3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 236 179 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-300 {
  --tw-gradient-from: #ffd54f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 213 79 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400 {
  --tw-gradient-from: #ffca28 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 202 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500 {
  --tw-gradient-from: #ffc107 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500\/10 {
  --tw-gradient-from: rgb(255 193 7 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500\/15 {
  --tw-gradient-from: rgb(255 193 7 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500\/20 {
  --tw-gradient-from: rgb(255 193 7 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500\/25 {
  --tw-gradient-from: rgb(255 193 7 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500\/30 {
  --tw-gradient-from: rgb(255 193 7 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500\/5 {
  --tw-gradient-from: rgb(255 193 7 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-600 {
  --tw-gradient-from: #ffb300 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 179 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/30 {
  --tw-gradient-from: rgb(0 0 0 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/40 {
  --tw-gradient-from: rgb(0 0 0 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/60 {
  --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-100 {
  --tw-gradient-from: #E1EFFE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(225 239 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-300 {
  --tw-gradient-from: #A4CAFE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(164 202 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400 {
  --tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-50 {
  --tw-gradient-from: #EBF5FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(235 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500 {
  --tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/20 {
  --tw-gradient-from: rgb(63 131 248 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600 {
  --tw-gradient-from: #1C64F2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(28 100 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600\/5 {
  --tw-gradient-from: rgb(28 100 242 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(28 100 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-900\/50 {
  --tw-gradient-from: rgb(35 56 118 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(35 56 118 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-gray-600 {
  --tw-gradient-from: #546e7a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 110 122 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-brown-600 {
  --tw-gradient-from: #6d4c41 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(109 76 65 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-400 {
  --tw-gradient-from: #26c6da var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(38 198 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-500 {
  --tw-gradient-from: #00bcd4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 188 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-500\/15 {
  --tw-gradient-from: rgb(0 188 212 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 188 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-600 {
  --tw-gradient-from: #00acc1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 172 193 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-dark-800\/60 {
  --tw-gradient-from: rgb(60 64 67 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(60 64 67 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-dark-900 {
  --tw-gradient-from: #202124 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(32 33 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-deep-orange-600 {
  --tw-gradient-from: #f4511e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 81 30 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-deep-purple-600 {
  --tw-gradient-from: #5e35b1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(94 53 177 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gold-400 {
  --tw-gradient-from: hsl(45 100% 65%) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(45 100% 65% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gold-500 {
  --tw-gradient-from: hsl(45 100% 58%) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gold-500\/0 {
  --tw-gradient-from: hsl(45 100% 58% / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gold-500\/10 {
  --tw-gradient-from: hsl(45 100% 58% / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gold-500\/15 {
  --tw-gradient-from: hsl(45 100% 58% / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gold-500\/20 {
  --tw-gradient-from: hsl(45 100% 58% / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gold-500\/5 {
  --tw-gradient-from: hsl(45 100% 58% / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gold-600 {
  --tw-gradient-from: hsl(38 100% 55%) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(38 100% 55% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-500 {
  --tw-gradient-from: #6B7280 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-600 {
  --tw-gradient-from: #4B5563 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-700 {
  --tw-gradient-from: #374151 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900 {
  --tw-gradient-from: #111827 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900\/90 {
  --tw-gradient-from: rgb(17 24 39 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-100 {
  --tw-gradient-from: #DEF7EC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(222 247 236 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-200\/30 {
  --tw-gradient-from: rgb(188 240 218 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(188 240 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-300 {
  --tw-gradient-from: #84E1BC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(132 225 188 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-400 {
  --tw-gradient-from: #31C48D var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(49 196 141 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-50 {
  --tw-gradient-from: #F3FAF7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 250 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500 {
  --tw-gradient-from: #0E9F6E var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 159 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500\/10 {
  --tw-gradient-from: rgb(14 159 110 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 159 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500\/20 {
  --tw-gradient-from: rgb(14 159 110 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 159 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-600 {
  --tw-gradient-from: #057A55 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 122 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-900\/30 {
  --tw-gradient-from: rgb(1 71 55 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(1 71 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-900\/50 {
  --tw-gradient-from: rgb(1 71 55 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(1 71 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500 {
  --tw-gradient-from: #6875F5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(104 117 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-600 {
  --tw-gradient-from: #5850EC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 80 236 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-light-blue-600 {
  --tw-gradient-from: #039be5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(3 155 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-light-green-600 {
  --tw-gradient-from: #7cb342 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 179 66 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-lime-200 {
  --tw-gradient-from: #e6ee9c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(230 238 156 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-lime-600 {
  --tw-gradient-from: #c0ca33 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 202 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-300 {
  --tw-gradient-from: #FDBA8C var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 186 140 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-50 {
  --tw-gradient-from: #FFF8F1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 248 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500 {
  --tw-gradient-from: #FF5A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 90 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500\/20 {
  --tw-gradient-from: rgb(255 90 31 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 90 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500\/25 {
  --tw-gradient-from: rgb(255 90 31 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 90 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-600 {
  --tw-gradient-from: #D03801 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(208 56 1 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-900\/50 {
  --tw-gradient-from: rgb(119 29 29 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 29 29 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-400 {
  --tw-gradient-from: #F17EB8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(241 126 184 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-500 {
  --tw-gradient-from: #E74694 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-500\/20 {
  --tw-gradient-from: rgb(231 70 148 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-600 {
  --tw-gradient-from: #D61F69 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(214 31 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary {
  --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/80 {
  --tw-gradient-from: hsl(var(--primary) / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/90 {
  --tw-gradient-from: hsl(var(--primary) / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-100 {
  --tw-gradient-from: #EDEBFE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(237 235 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-300 {
  --tw-gradient-from: #CABFFD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(202 191 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-400 {
  --tw-gradient-from: #AC94FA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(172 148 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500 {
  --tw-gradient-from: #9061F9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/10 {
  --tw-gradient-from: rgb(144 97 249 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/20 {
  --tw-gradient-from: rgb(144 97 249 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600 {
  --tw-gradient-from: #7E3AF2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(126 58 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900\/30 {
  --tw-gradient-from: rgb(74 29 150 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 29 150 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900\/50 {
  --tw-gradient-from: rgb(74 29 150 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 29 150 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-200 {
  --tw-gradient-from: #FBD5D5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 213 213 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-400 {
  --tw-gradient-from: #F98080 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 128 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500 {
  --tw-gradient-from: #F05252 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 82 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500\/10 {
  --tw-gradient-from: rgb(240 82 82 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 82 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500\/25 {
  --tw-gradient-from: rgb(240 82 82 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 82 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500\/30 {
  --tw-gradient-from: rgb(240 82 82 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 82 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-600 {
  --tw-gradient-from: #E02424 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 36 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-700 {
  --tw-gradient-from: #C81E1E var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(200 30 30 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-200 {
  --tw-gradient-from: #AFECEF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(175 236 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-400 {
  --tw-gradient-from: #16BDCA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 189 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-600 {
  --tw-gradient-from: #047481 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(4 116 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/10 {
  --tw-gradient-from: rgb(255 255 255 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/15 {
  --tw-gradient-from: rgb(255 255 255 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/20 {
  --tw-gradient-from: rgb(255 255 255 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/25 {
  --tw-gradient-from: rgb(255 255 255 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/30 {
  --tw-gradient-from: rgb(255 255 255 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/5 {
  --tw-gradient-from: rgb(255 255 255 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/90 {
  --tw-gradient-from: rgb(255 255 255 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/\[0\.03\] {
  --tw-gradient-from: rgb(255 255 255 / 0.03) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/\[0\.05\] {
  --tw-gradient-from: rgb(255 255 255 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/\[0\.06\] {
  --tw-gradient-from: rgb(255 255 255 / 0.06) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/\[0\.08\] {
  --tw-gradient-from: rgb(255 255 255 / 0.08) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/\[0\.10\] {
  --tw-gradient-from: rgb(255 255 255 / 0.10) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/\[0\.12\] {
  --tw-gradient-from: rgb(255 255 255 / 0.12) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-300 {
  --tw-gradient-from: #FACA15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 202 21 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-500 {
  --tw-gradient-from: #C27803 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(194 120 3 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-600 {
  --tw-gradient-from: #9F580A var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(159 88 10 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#0F0F0F\] {
  --tw-gradient-to: rgb(15 15 15 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0F0F0F var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#0F0F0F\]\/70 {
  --tw-gradient-to: rgb(15 15 15 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(15 15 15 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#0f0f0f\] {
  --tw-gradient-to: rgb(15 15 15 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f0f0f var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#111111\] {
  --tw-gradient-to: rgb(17 17 17 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #111111 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#121212\] {
  --tw-gradient-to: rgb(18 18 18 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #121212 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#121212\]\/90 {
  --tw-gradient-to: rgb(18 18 18 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(18 18 18 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#1a1a1a\] {
  --tw-gradient-to: rgb(26 26 26 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1a1a1a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#222\] {
  --tw-gradient-to: rgb(34 34 34 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #222 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#2A2A2A\] {
  --tw-gradient-to: rgb(42 42 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #2A2A2A var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FF7A00\] {
  --tw-gradient-to: rgb(255 122 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FF7A00 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FF9C00\] {
  --tw-gradient-to: rgb(255 156 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FF9C00 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FFB800\] {
  --tw-gradient-to: rgb(255 184 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FFB800 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FFC727\] {
  --tw-gradient-to: rgb(255 199 39 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FFC727 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FFC727\]\/10 {
  --tw-gradient-to: rgb(255 199 39 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 199 39 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FFC727\]\/20 {
  --tw-gradient-to: rgb(255 199 39 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 199 39 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FFC727\]\/5 {
  --tw-gradient-to: rgb(255 199 39 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 199 39 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FFD700\] {
  --tw-gradient-to: rgb(255 215 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FFD700 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FFD84D\] {
  --tw-gradient-to: rgb(255 216 77 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FFD84D var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FFD84D\]\/20 {
  --tw-gradient-to: rgb(255 216 77 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 216 77 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-50 {
  --tw-gradient-to: rgb(235 245 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #EBF5FF var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-cyan-500 {
  --tw-gradient-to: rgb(0 188 212 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #00bcd4 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-cyan-600 {
  --tw-gradient-to: rgb(0 172 193 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #00acc1 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-dark-800 {
  --tw-gradient-to: rgb(60 64 67 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #3c4043 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gold-500 {
  --tw-gradient-to: hsl(45 100% 58% / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(45 100% 58%) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gold-500\/10 {
  --tw-gradient-to: hsl(45 100% 58% / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(45 100% 58% / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gold-500\/5 {
  --tw-gradient-to: hsl(45 100% 58% / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(45 100% 58% / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-800 {
  --tw-gradient-to: rgb(31 41 55 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1F2937 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-green-500 {
  --tw-gradient-to: rgb(14 159 110 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0E9F6E var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-green-600 {
  --tw-gradient-to: rgb(5 122 85 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #057A55 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-50 {
  --tw-gradient-to: rgb(240 245 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #F0F5FF var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-900\/50 {
  --tw-gradient-to: rgb(54 47 120 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(54 47 120 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-lime-400 {
  --tw-gradient-to: rgb(212 225 87 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d4e157 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-500 {
  --tw-gradient-to: rgb(231 70 148 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #E74694 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-500\/15 {
  --tw-gradient-to: rgb(144 97 249 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(144 97 249 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-500\/20 {
  --tw-gradient-to: rgb(144 97 249 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(144 97 249 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-600 {
  --tw-gradient-to: rgb(126 58 242 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #7E3AF2 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-600\/5 {
  --tw-gradient-to: rgb(126 58 242 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(126 58 242 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-300 {
  --tw-gradient-to: rgb(248 180 180 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #F8B4B4 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-500 {
  --tw-gradient-to: rgb(240 82 82 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #F05252 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-600 {
  --tw-gradient-to: rgb(224 36 36 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #E02424 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-teal-500 {
  --tw-gradient-to: rgb(6 148 162 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0694A2 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ffffff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/10 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/20 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/30 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/5 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/\[0\.02\] {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.02) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-yellow-300 {
  --tw-gradient-to: rgb(250 202 21 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FACA15 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-yellow-400 {
  --tw-gradient-to: rgb(227 160 8 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #E3A008 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-yellow-50 {
  --tw-gradient-to: rgb(253 253 234 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FDFDEA var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-yellow-500 {
  --tw-gradient-to: rgb(194 120 3 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #C27803 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-yellow-500\/10 {
  --tw-gradient-to: rgb(194 120 3 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(194 120 3 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#059669\] {
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}
.to-\[\#059669\]\/10 {
  --tw-gradient-to: rgb(5 150 105 / 0.1) var(--tw-gradient-to-position);
}
.to-\[\#059669\]\/20 {
  --tw-gradient-to: rgb(5 150 105 / 0.2) var(--tw-gradient-to-position);
}
.to-\[\#0A0A0A\] {
  --tw-gradient-to: #0A0A0A var(--tw-gradient-to-position);
}
.to-\[\#0A0A0A\]\/80 {
  --tw-gradient-to: rgb(10 10 10 / 0.8) var(--tw-gradient-to-position);
}
.to-\[\#0F0F0F\] {
  --tw-gradient-to: #0F0F0F var(--tw-gradient-to-position);
}
.to-\[\#0f0f0f\] {
  --tw-gradient-to: #0f0f0f var(--tw-gradient-to-position);
}
.to-\[\#121212\] {
  --tw-gradient-to: #121212 var(--tw-gradient-to-position);
}
.to-\[\#121212\]\/60 {
  --tw-gradient-to: rgb(18 18 18 / 0.6) var(--tw-gradient-to-position);
}
.to-\[\#121212\]\/80 {
  --tw-gradient-to: rgb(18 18 18 / 0.8) var(--tw-gradient-to-position);
}
.to-\[\#1A1A1A\] {
  --tw-gradient-to: #1A1A1A var(--tw-gradient-to-position);
}
.to-\[\#1A1A1A\]\/50 {
  --tw-gradient-to: rgb(26 26 26 / 0.5) var(--tw-gradient-to-position);
}
.to-\[\#1A1A1A\]\/60 {
  --tw-gradient-to: rgb(26 26 26 / 0.6) var(--tw-gradient-to-position);
}
.to-\[\#1a1a1a\] {
  --tw-gradient-to: #1a1a1a var(--tw-gradient-to-position);
}
.to-\[\#2D2D2D\] {
  --tw-gradient-to: #2D2D2D var(--tw-gradient-to-position);
}
.to-\[\#FF7A00\] {
  --tw-gradient-to: #FF7A00 var(--tw-gradient-to-position);
}
.to-\[\#FF7A00\]\/20 {
  --tw-gradient-to: rgb(255 122 0 / 0.2) var(--tw-gradient-to-position);
}
.to-\[\#FF8C00\] {
  --tw-gradient-to: #FF8C00 var(--tw-gradient-to-position);
}
.to-\[\#FF8C00\]\/20 {
  --tw-gradient-to: rgb(255 140 0 / 0.2) var(--tw-gradient-to-position);
}
.to-\[\#FF9C00\] {
  --tw-gradient-to: #FF9C00 var(--tw-gradient-to-position);
}
.to-\[\#FF9C00\]\/20 {
  --tw-gradient-to: rgb(255 156 0 / 0.2) var(--tw-gradient-to-position);
}
.to-\[\#FFB800\] {
  --tw-gradient-to: #FFB800 var(--tw-gradient-to-position);
}
.to-\[\#FFB800\]\/10 {
  --tw-gradient-to: rgb(255 184 0 / 0.1) var(--tw-gradient-to-position);
}
.to-\[\#FFB800\]\/20 {
  --tw-gradient-to: rgb(255 184 0 / 0.2) var(--tw-gradient-to-position);
}
.to-\[\#FFB800\]\/5 {
  --tw-gradient-to: rgb(255 184 0 / 0.05) var(--tw-gradient-to-position);
}
.to-\[\#FFC727\] {
  --tw-gradient-to: #FFC727 var(--tw-gradient-to-position);
}
.to-\[\#FFC727\]\/20 {
  --tw-gradient-to: rgb(255 199 39 / 0.2) var(--tw-gradient-to-position);
}
.to-\[\#FFC727\]\/5 {
  --tw-gradient-to: rgb(255 199 39 / 0.05) var(--tw-gradient-to-position);
}
.to-\[\#FFD700\] {
  --tw-gradient-to: #FFD700 var(--tw-gradient-to-position);
}
.to-\[\#FFD700\]\/10 {
  --tw-gradient-to: rgb(255 215 0 / 0.1) var(--tw-gradient-to-position);
}
.to-\[\#FFD700\]\/20 {
  --tw-gradient-to: rgb(255 215 0 / 0.2) var(--tw-gradient-to-position);
}
.to-\[\#FFD754\] {
  --tw-gradient-to: #FFD754 var(--tw-gradient-to-position);
}
.to-\[\#FFD84D\] {
  --tw-gradient-to: #FFD84D var(--tw-gradient-to-position);
}
.to-\[\#FFD84D\]\/20 {
  --tw-gradient-to: rgb(255 216 77 / 0.2) var(--tw-gradient-to-position);
}
.to-\[\#FFD84D\]\/5 {
  --tw-gradient-to: rgb(255 216 77 / 0.05) var(--tw-gradient-to-position);
}
.to-amber-400 {
  --tw-gradient-to: #ffca28 var(--tw-gradient-to-position);
}
.to-amber-50 {
  --tw-gradient-to: #fff8e1 var(--tw-gradient-to-position);
}
.to-amber-500 {
  --tw-gradient-to: #ffc107 var(--tw-gradient-to-position);
}
.to-amber-500\/10 {
  --tw-gradient-to: rgb(255 193 7 / 0.1) var(--tw-gradient-to-position);
}
.to-amber-500\/20 {
  --tw-gradient-to: rgb(255 193 7 / 0.2) var(--tw-gradient-to-position);
}
.to-amber-500\/5 {
  --tw-gradient-to: rgb(255 193 7 / 0.05) var(--tw-gradient-to-position);
}
.to-amber-600 {
  --tw-gradient-to: #ffb300 var(--tw-gradient-to-position);
}
.to-amber-600\/10 {
  --tw-gradient-to: rgb(255 179 0 / 0.1) var(--tw-gradient-to-position);
}
.to-amber-600\/20 {
  --tw-gradient-to: rgb(255 179 0 / 0.2) var(--tw-gradient-to-position);
}
.to-amber-600\/30 {
  --tw-gradient-to: rgb(255 179 0 / 0.3) var(--tw-gradient-to-position);
}
.to-black\/20 {
  --tw-gradient-to: rgb(0 0 0 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-100 {
  --tw-gradient-to: #E1EFFE var(--tw-gradient-to-position);
}
.to-blue-400 {
  --tw-gradient-to: #76A9FA var(--tw-gradient-to-position);
}
.to-blue-400\/20 {
  --tw-gradient-to: rgb(118 169 250 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-500 {
  --tw-gradient-to: #3F83F8 var(--tw-gradient-to-position);
}
.to-blue-500\/10 {
  --tw-gradient-to: rgb(63 131 248 / 0.1) var(--tw-gradient-to-position);
}
.to-blue-500\/20 {
  --tw-gradient-to: rgb(63 131 248 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-500\/5 {
  --tw-gradient-to: rgb(63 131 248 / 0.05) var(--tw-gradient-to-position);
}
.to-blue-600 {
  --tw-gradient-to: #1C64F2 var(--tw-gradient-to-position);
}
.to-blue-600\/20 {
  --tw-gradient-to: rgb(28 100 242 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-700 {
  --tw-gradient-to: #1A56DB var(--tw-gradient-to-position);
}
.to-blue-800\/30 {
  --tw-gradient-to: rgb(30 66 159 / 0.3) var(--tw-gradient-to-position);
}
.to-blue-900\/30 {
  --tw-gradient-to: rgb(35 56 118 / 0.3) var(--tw-gradient-to-position);
}
.to-blue-gray-400 {
  --tw-gradient-to: #78909c var(--tw-gradient-to-position);
}
.to-brown-400 {
  --tw-gradient-to: #8d6e63 var(--tw-gradient-to-position);
}
.to-cyan-400 {
  --tw-gradient-to: #26c6da var(--tw-gradient-to-position);
}
.to-cyan-500 {
  --tw-gradient-to: #00bcd4 var(--tw-gradient-to-position);
}
.to-cyan-600 {
  --tw-gradient-to: #00acc1 var(--tw-gradient-to-position);
}
.to-cyan-700 {
  --tw-gradient-to: #0097a7 var(--tw-gradient-to-position);
}
.to-dark-900 {
  --tw-gradient-to: #202124 var(--tw-gradient-to-position);
}
.to-dark-900\/60 {
  --tw-gradient-to: rgb(32 33 36 / 0.6) var(--tw-gradient-to-position);
}
.to-deep-orange-400 {
  --tw-gradient-to: #ff7043 var(--tw-gradient-to-position);
}
.to-deep-purple-400 {
  --tw-gradient-to: #7e57c2 var(--tw-gradient-to-position);
}
.to-gold-400 {
  --tw-gradient-to: hsl(45 100% 65%) var(--tw-gradient-to-position);
}
.to-gold-500\/10 {
  --tw-gradient-to: hsl(45 100% 58% / 0.1) var(--tw-gradient-to-position);
}
.to-gold-600 {
  --tw-gradient-to: hsl(38 100% 55%) var(--tw-gradient-to-position);
}
.to-gold-600\/15 {
  --tw-gradient-to: hsl(38 100% 55% / 0.15) var(--tw-gradient-to-position);
}
.to-gold-600\/20 {
  --tw-gradient-to: hsl(38 100% 55% / 0.2) var(--tw-gradient-to-position);
}
.to-gold-700 {
  --tw-gradient-to: hsl(33 100% 50%) var(--tw-gradient-to-position);
}
.to-gray-400 {
  --tw-gradient-to: #9CA3AF var(--tw-gradient-to-position);
}
.to-gray-50 {
  --tw-gradient-to: #F9FAFB var(--tw-gradient-to-position);
}
.to-gray-600 {
  --tw-gradient-to: #4B5563 var(--tw-gradient-to-position);
}
.to-gray-800 {
  --tw-gradient-to: #1F2937 var(--tw-gradient-to-position);
}
.to-gray-900 {
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}
.to-green-100 {
  --tw-gradient-to: #DEF7EC var(--tw-gradient-to-position);
}
.to-green-400 {
  --tw-gradient-to: #31C48D var(--tw-gradient-to-position);
}
.to-green-400\/20 {
  --tw-gradient-to: rgb(49 196 141 / 0.2) var(--tw-gradient-to-position);
}
.to-green-500 {
  --tw-gradient-to: #0E9F6E var(--tw-gradient-to-position);
}
.to-green-500\/30 {
  --tw-gradient-to: rgb(14 159 110 / 0.3) var(--tw-gradient-to-position);
}
.to-green-600 {
  --tw-gradient-to: #057A55 var(--tw-gradient-to-position);
}
.to-green-700 {
  --tw-gradient-to: #046C4E var(--tw-gradient-to-position);
}
.to-green-800\/30 {
  --tw-gradient-to: rgb(3 84 63 / 0.3) var(--tw-gradient-to-position);
}
.to-indigo-100 {
  --tw-gradient-to: #E5EDFF var(--tw-gradient-to-position);
}
.to-indigo-400 {
  --tw-gradient-to: #8DA2FB var(--tw-gradient-to-position);
}
.to-indigo-50 {
  --tw-gradient-to: #F0F5FF var(--tw-gradient-to-position);
}
.to-indigo-500\/20 {
  --tw-gradient-to: rgb(104 117 245 / 0.2) var(--tw-gradient-to-position);
}
.to-indigo-600 {
  --tw-gradient-to: #5850EC var(--tw-gradient-to-position);
}
.to-indigo-600\/10 {
  --tw-gradient-to: rgb(88 80 236 / 0.1) var(--tw-gradient-to-position);
}
.to-indigo-700 {
  --tw-gradient-to: #5145CD var(--tw-gradient-to-position);
}
.to-indigo-700\/5 {
  --tw-gradient-to: rgb(81 69 205 / 0.05) var(--tw-gradient-to-position);
}
.to-indigo-900\/50 {
  --tw-gradient-to: rgb(54 47 120 / 0.5) var(--tw-gradient-to-position);
}
.to-light-blue-400 {
  --tw-gradient-to: #29b6f6 var(--tw-gradient-to-position);
}
.to-light-green-400 {
  --tw-gradient-to: #9ccc65 var(--tw-gradient-to-position);
}
.to-lime-200 {
  --tw-gradient-to: #e6ee9c var(--tw-gradient-to-position);
}
.to-lime-400 {
  --tw-gradient-to: #d4e157 var(--tw-gradient-to-position);
}
.to-lime-500 {
  --tw-gradient-to: #cddc39 var(--tw-gradient-to-position);
}
.to-orange-100 {
  --tw-gradient-to: #FEECDC var(--tw-gradient-to-position);
}
.to-orange-300 {
  --tw-gradient-to: #FDBA8C var(--tw-gradient-to-position);
}
.to-orange-400 {
  --tw-gradient-to: #FF8A4C var(--tw-gradient-to-position);
}
.to-orange-500 {
  --tw-gradient-to: #FF5A1F var(--tw-gradient-to-position);
}
.to-orange-500\/10 {
  --tw-gradient-to: rgb(255 90 31 / 0.1) var(--tw-gradient-to-position);
}
.to-orange-500\/20 {
  --tw-gradient-to: rgb(255 90 31 / 0.2) var(--tw-gradient-to-position);
}
.to-orange-500\/5 {
  --tw-gradient-to: rgb(255 90 31 / 0.05) var(--tw-gradient-to-position);
}
.to-orange-600 {
  --tw-gradient-to: #D03801 var(--tw-gradient-to-position);
}
.to-orange-800\/30 {
  --tw-gradient-to: rgb(138 44 13 / 0.3) var(--tw-gradient-to-position);
}
.to-pink-400 {
  --tw-gradient-to: #F17EB8 var(--tw-gradient-to-position);
}
.to-pink-500 {
  --tw-gradient-to: #E74694 var(--tw-gradient-to-position);
}
.to-pink-600 {
  --tw-gradient-to: #D61F69 var(--tw-gradient-to-position);
}
.to-pink-900\/30 {
  --tw-gradient-to: rgb(117 26 61 / 0.3) var(--tw-gradient-to-position);
}
.to-pink-900\/50 {
  --tw-gradient-to: rgb(117 26 61 / 0.5) var(--tw-gradient-to-position);
}
.to-primary {
  --tw-gradient-to: hsl(var(--primary)) var(--tw-gradient-to-position);
}
.to-primary\/80 {
  --tw-gradient-to: hsl(var(--primary) / 0.8) var(--tw-gradient-to-position);
}
.to-purple-400 {
  --tw-gradient-to: #AC94FA var(--tw-gradient-to-position);
}
.to-purple-50 {
  --tw-gradient-to: #F6F5FF var(--tw-gradient-to-position);
}
.to-purple-500 {
  --tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10 {
  --tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
.to-purple-500\/20 {
  --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position);
}
.to-purple-500\/30 {
  --tw-gradient-to: rgb(144 97 249 / 0.3) var(--tw-gradient-to-position);
}
.to-purple-500\/5 {
  --tw-gradient-to: rgb(144 97 249 / 0.05) var(--tw-gradient-to-position);
}
.to-purple-600 {
  --tw-gradient-to: #7E3AF2 var(--tw-gradient-to-position);
}
.to-purple-600\/10 {
  --tw-gradient-to: rgb(126 58 242 / 0.1) var(--tw-gradient-to-position);
}
.to-purple-600\/20 {
  --tw-gradient-to: rgb(126 58 242 / 0.2) var(--tw-gradient-to-position);
}
.to-purple-700 {
  --tw-gradient-to: #6C2BD9 var(--tw-gradient-to-position);
}
.to-purple-800\/30 {
  --tw-gradient-to: rgb(85 33 181 / 0.3) var(--tw-gradient-to-position);
}
.to-purple-900\/50 {
  --tw-gradient-to: rgb(74 29 150 / 0.5) var(--tw-gradient-to-position);
}
.to-red-400 {
  --tw-gradient-to: #F98080 var(--tw-gradient-to-position);
}
.to-red-500 {
  --tw-gradient-to: #F05252 var(--tw-gradient-to-position);
}
.to-red-500\/20 {
  --tw-gradient-to: rgb(240 82 82 / 0.2) var(--tw-gradient-to-position);
}
.to-red-600 {
  --tw-gradient-to: #E02424 var(--tw-gradient-to-position);
}
.to-red-600\/5 {
  --tw-gradient-to: rgb(224 36 36 / 0.05) var(--tw-gradient-to-position);
}
.to-red-700 {
  --tw-gradient-to: #C81E1E var(--tw-gradient-to-position);
}
.to-red-900\/50 {
  --tw-gradient-to: rgb(119 29 29 / 0.5) var(--tw-gradient-to-position);
}
.to-teal-400 {
  --tw-gradient-to: #16BDCA var(--tw-gradient-to-position);
}
.to-teal-50 {
  --tw-gradient-to: #EDFAFA var(--tw-gradient-to-position);
}
.to-teal-500 {
  --tw-gradient-to: #0694A2 var(--tw-gradient-to-position);
}
.to-teal-500\/30 {
  --tw-gradient-to: rgb(6 148 162 / 0.3) var(--tw-gradient-to-position);
}
.to-teal-600 {
  --tw-gradient-to: #047481 var(--tw-gradient-to-position);
}
.to-teal-600\/10 {
  --tw-gradient-to: rgb(4 116 129 / 0.1) var(--tw-gradient-to-position);
}
.to-teal-700 {
  --tw-gradient-to: #036672 var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-white\/10 {
  --tw-gradient-to: rgb(255 255 255 / 0.1) var(--tw-gradient-to-position);
}
.to-white\/15 {
  --tw-gradient-to: rgb(255 255 255 / 0.15) var(--tw-gradient-to-position);
}
.to-white\/20 {
  --tw-gradient-to: rgb(255 255 255 / 0.2) var(--tw-gradient-to-position);
}
.to-white\/5 {
  --tw-gradient-to: rgb(255 255 255 / 0.05) var(--tw-gradient-to-position);
}
.to-white\/70 {
  --tw-gradient-to: rgb(255 255 255 / 0.7) var(--tw-gradient-to-position);
}
.to-white\/\[0\.01\] {
  --tw-gradient-to: rgb(255 255 255 / 0.01) var(--tw-gradient-to-position);
}
.to-white\/\[0\.02\] {
  --tw-gradient-to: rgb(255 255 255 / 0.02) var(--tw-gradient-to-position);
}
.to-white\/\[0\.03\] {
  --tw-gradient-to: rgb(255 255 255 / 0.03) var(--tw-gradient-to-position);
}
.to-white\/\[0\.04\] {
  --tw-gradient-to: rgb(255 255 255 / 0.04) var(--tw-gradient-to-position);
}
.to-white\/\[0\.06\] {
  --tw-gradient-to: rgb(255 255 255 / 0.06) var(--tw-gradient-to-position);
}
.to-yellow-100 {
  --tw-gradient-to: #FDF6B2 var(--tw-gradient-to-position);
}
.to-yellow-200 {
  --tw-gradient-to: #FCE96A var(--tw-gradient-to-position);
}
.to-yellow-300 {
  --tw-gradient-to: #FACA15 var(--tw-gradient-to-position);
}
.to-yellow-400 {
  --tw-gradient-to: #E3A008 var(--tw-gradient-to-position);
}
.to-yellow-500 {
  --tw-gradient-to: #C27803 var(--tw-gradient-to-position);
}
.to-yellow-500\/10 {
  --tw-gradient-to: rgb(194 120 3 / 0.1) var(--tw-gradient-to-position);
}
.to-yellow-500\/15 {
  --tw-gradient-to: rgb(194 120 3 / 0.15) var(--tw-gradient-to-position);
}
.to-yellow-500\/20 {
  --tw-gradient-to: rgb(194 120 3 / 0.2) var(--tw-gradient-to-position);
}
.to-yellow-500\/5 {
  --tw-gradient-to: rgb(194 120 3 / 0.05) var(--tw-gradient-to-position);
}
.to-yellow-600 {
  --tw-gradient-to: #9F580A var(--tw-gradient-to-position);
}
.to-yellow-600\/30 {
  --tw-gradient-to: rgb(159 88 10 / 0.3) var(--tw-gradient-to-position);
}
.bg-cover {
  background-size: cover;
}
.bg-fixed {
  background-attachment: fixed;
}
.bg-clip-border {
  background-clip: border-box;
}
.bg-clip-text {
  background-clip: text;
}
.bg-\[50\%\] {
  background-position: 50%;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-\[\#f0f2f5\] {
  fill: #f0f2f5;
}
.fill-current {
  fill: currentColor;
}
.fill-cyan-600 {
  fill: #00acc1;
}
.fill-gray-600 {
  fill: #4B5563;
}
.fill-gray-800 {
  fill: #1F2937;
}
.fill-green-500 {
  fill: #0E9F6E;
}
.fill-pink-600 {
  fill: #D61F69;
}
.fill-purple-600 {
  fill: #7E3AF2;
}
.fill-red-600 {
  fill: #E02424;
}
.fill-red-900 {
  fill: #771D1D;
}
.fill-white {
  fill: #ffffff;
}
.fill-yellow-400 {
  fill: #E3A008;
}
.stroke-current {
  stroke: currentColor;
}
.stroke-gray-200 {
  stroke: #E5E7EB;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-center {
  object-position: center;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-16 {
  padding: 4rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-px {
  padding-left: 1px;
  padding-right: 1px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[\.1rem\] {
  padding-top: .1rem;
  padding-bottom: .1rem;
}
.\!pr-7 {
  padding-right: 1.75rem !important;
}
.\!pr-9 {
  padding-right: 2.25rem !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-1\.5 {
  padding-bottom: 0.375rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-14 {
  padding-bottom: 3.5rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-2\.5 {
  padding-bottom: 0.625rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[6px\] {
  padding-bottom: 6px;
}
.pe-3 {
  padding-inline-end: 0.75rem;
}
.pe-3\.5 {
  padding-inline-end: 0.875rem;
}
.pe-9 {
  padding-inline-end: 2.25rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-11 {
  padding-left: 2.75rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-14 {
  padding-left: 3.5rem;
}
.pl-16 {
  padding-left: 4rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-20 {
  padding-left: 5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-96 {
  padding-left: 24rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-1\.5 {
  padding-right: 0.375rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-20 {
  padding-right: 5rem;
}
.pr-28 {
  padding-right: 7rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-32 {
  padding-right: 8rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-7 {
  padding-right: 1.75rem;
}
.pr-8 {
  padding-right: 2rem;
}
.ps-10 {
  padding-inline-start: 2.5rem;
}
.ps-12 {
  padding-inline-start: 3rem;
}
.ps-14 {
  padding-inline-start: 3.5rem;
}
.ps-3 {
  padding-inline-start: 0.75rem;
}
.ps-4 {
  padding-inline-start: 1rem;
}
.ps-5 {
  padding-inline-start: 1.25rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-32 {
  padding-top: 8rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[9px\] {
  padding-top: 9px;
}
.pt-px {
  padding-top: 1px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.font-mono {
  font-family: ui-monospace, monospace;
}
.font-sans {
  font-family: Roboto, sans-serif;
}
.\!text-\[11px\] {
  font-size: 11px !important;
}
.\!text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-8xl {
  font-size: 6rem;
  line-height: 1;
}
.text-\[1\.1rem\] {
  font-size: 1.1rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[1rem\] {
  font-size: 1rem;
}
.text-\[25px\] {
  font-size: 25px;
}
.text-\[2rem\] {
  font-size: 2rem;
}
.text-\[36px\] {
  font-size: 36px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-sm\/6 {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.\!leading-tight {
  line-height: 1.25 !important;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-\[1\.2\] {
  line-height: 1.2;
}
.leading-\[1\.3\] {
  line-height: 1.3;
}
.leading-\[3\.75\] {
  line-height: 3.75;
}
.leading-\[4\.1\] {
  line-height: 4.1;
}
.leading-\[4\.25\] {
  line-height: 4.25;
}
.leading-\[4\.875\] {
  line-height: 4.875;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\.2rem\] {
  letter-spacing: 0.2rem;
}
.tracking-\[0\.4rem\] {
  letter-spacing: 0.4rem;
}
.tracking-\[0\.5rem\] {
  letter-spacing: 0.5rem;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.\!text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#000000\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-\[\#0A0A0A\] {
  --tw-text-opacity: 1;
  color: rgb(10 10 10 / var(--tw-text-opacity));
}
.text-\[\#10B981\] {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}
.text-\[\#168118\] {
  --tw-text-opacity: 1;
  color: rgb(22 129 24 / var(--tw-text-opacity));
}
.text-\[\#1982d8\] {
  --tw-text-opacity: 1;
  color: rgb(25 130 216 / var(--tw-text-opacity));
}
.text-\[\#1A1A1A\] {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.text-\[\#1A1A1A\]\/80 {
  color: rgb(26 26 26 / 0.8);
}
.text-\[\#20a145\] {
  --tw-text-opacity: 1;
  color: rgb(32 161 69 / var(--tw-text-opacity));
}
.text-\[\#219a35\] {
  --tw-text-opacity: 1;
  color: rgb(33 154 53 / var(--tw-text-opacity));
}
.text-\[\#277c1e\] {
  --tw-text-opacity: 1;
  color: rgb(39 124 30 / var(--tw-text-opacity));
}
.text-\[\#39d83c\] {
  --tw-text-opacity: 1;
  color: rgb(57 216 60 / var(--tw-text-opacity));
}
.text-\[\#4CAF50\] {
  --tw-text-opacity: 1;
  color: rgb(76 175 80 / var(--tw-text-opacity));
}
.text-\[\#666666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
.text-\[\#6B7280\] {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-\[\#9CA3AF\] {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-\[\#9CA3AF\]\/50 {
  color: rgb(156 163 175 / 0.5);
}
.text-\[\#B0B0B0\] {
  --tw-text-opacity: 1;
  color: rgb(176 176 176 / var(--tw-text-opacity));
}
.text-\[\#C62828\] {
  --tw-text-opacity: 1;
  color: rgb(198 40 40 / var(--tw-text-opacity));
}
.text-\[\#CCCCCC\] {
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity));
}
.text-\[\#D1D5DB\] {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-\[\#FF0000\] {
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity));
}
.text-\[\#FF0000\]\/50 {
  color: rgb(255 0 0 / 0.5);
}
.text-\[\#FF9C00\] {
  --tw-text-opacity: 1;
  color: rgb(255 156 0 / var(--tw-text-opacity));
}
.text-\[\#FFB800\] {
  --tw-text-opacity: 1;
  color: rgb(255 184 0 / var(--tw-text-opacity));
}
.text-\[\#FFC727\] {
  --tw-text-opacity: 1;
  color: rgb(255 199 39 / var(--tw-text-opacity));
}
.text-\[\#FFC727\]\/50 {
  color: rgb(255 199 39 / 0.5);
}
.text-\[\#FFC727\]\/60 {
  color: rgb(255 199 39 / 0.6);
}
.text-\[\#FFC727\]\/70 {
  color: rgb(255 199 39 / 0.7);
}
.text-\[\#FFD700\] {
  --tw-text-opacity: 1;
  color: rgb(255 215 0 / var(--tw-text-opacity));
}
.text-\[\#FFD84D\] {
  --tw-text-opacity: 1;
  color: rgb(255 216 77 / var(--tw-text-opacity));
}
.text-\[\#FFFFFF\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-\[\#FFFFFF\]\/50 {
  color: rgb(255 255 255 / 0.5);
}
.text-\[\#d4af37\] {
  --tw-text-opacity: 1;
  color: rgb(212 175 55 / var(--tw-text-opacity));
}
.text-\[\#e1dbc6\] {
  --tw-text-opacity: 1;
  color: rgb(225 219 198 / var(--tw-text-opacity));
}
.text-\[\#eeb501\] {
  --tw-text-opacity: 1;
  color: rgb(238 181 1 / var(--tw-text-opacity));
}
.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-amber-100 {
  --tw-text-opacity: 1;
  color: rgb(255 236 179 / var(--tw-text-opacity));
}
.text-amber-200 {
  --tw-text-opacity: 1;
  color: rgb(255 224 130 / var(--tw-text-opacity));
}
.text-amber-200\/80 {
  color: rgb(255 224 130 / 0.8);
}
.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(255 213 79 / var(--tw-text-opacity));
}
.text-amber-300\/70 {
  color: rgb(255 213 79 / 0.7);
}
.text-amber-300\/80 {
  color: rgb(255 213 79 / 0.8);
}
.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(255 202 40 / var(--tw-text-opacity));
}
.text-amber-400\/60 {
  color: rgb(255 202 40 / 0.6);
}
.text-amber-400\/70 {
  color: rgb(255 202 40 / 0.7);
}
.text-amber-400\/80 {
  color: rgb(255 202 40 / 0.8);
}
.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(255 193 7 / var(--tw-text-opacity));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(255 179 0 / var(--tw-text-opacity));
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(255 160 0 / var(--tw-text-opacity));
}
.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(255 111 0 / var(--tw-text-opacity));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-black\/70 {
  color: rgb(0 0 0 / 0.7);
}
.text-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(225 239 254 / var(--tw-text-opacity));
}
.text-blue-200\/80 {
  color: rgb(195 221 253 / 0.8);
}
.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(164 202 254 / var(--tw-text-opacity));
}
.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(118 169 250 / var(--tw-text-opacity));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(63 131 248 / var(--tw-text-opacity));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(28 100 242 / var(--tw-text-opacity));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(26 86 219 / var(--tw-text-opacity));
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 66 159 / var(--tw-text-opacity));
}
.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(35 56 118 / var(--tw-text-opacity));
}
.text-blue-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(120 144 156 / var(--tw-text-opacity));
}
.text-blue-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(96 125 139 / var(--tw-text-opacity));
}
.text-blue-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(69 90 100 / var(--tw-text-opacity));
}
.text-blue-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(38 50 56 / var(--tw-text-opacity));
}
.text-brown-500 {
  --tw-text-opacity: 1;
  color: rgb(121 85 72 / var(--tw-text-opacity));
}
.text-brown-700 {
  --tw-text-opacity: 1;
  color: rgb(93 64 55 / var(--tw-text-opacity));
}
.text-brown-900 {
  --tw-text-opacity: 1;
  color: rgb(62 39 35 / var(--tw-text-opacity));
}
.text-card-foreground {
  color: hsl(var(--card-foreground));
}
.text-current {
  color: currentColor;
}
.text-cyan-200 {
  --tw-text-opacity: 1;
  color: rgb(128 222 234 / var(--tw-text-opacity));
}
.text-cyan-300 {
  --tw-text-opacity: 1;
  color: rgb(77 208 225 / var(--tw-text-opacity));
}
.text-cyan-400 {
  --tw-text-opacity: 1;
  color: rgb(38 198 218 / var(--tw-text-opacity));
}
.text-cyan-500 {
  --tw-text-opacity: 1;
  color: rgb(0 188 212 / var(--tw-text-opacity));
}
.text-cyan-600 {
  --tw-text-opacity: 1;
  color: rgb(0 172 193 / var(--tw-text-opacity));
}
.text-cyan-700 {
  --tw-text-opacity: 1;
  color: rgb(0 151 167 / var(--tw-text-opacity));
}
.text-cyan-800 {
  --tw-text-opacity: 1;
  color: rgb(0 131 143 / var(--tw-text-opacity));
}
.text-cyan-900 {
  --tw-text-opacity: 1;
  color: rgb(0 96 100 / var(--tw-text-opacity));
}
.text-danger {
  --tw-text-opacity: 1;
  color: rgb(220 76 100 / var(--tw-text-opacity));
}
.text-dark-900 {
  --tw-text-opacity: 1;
  color: rgb(32 33 36 / var(--tw-text-opacity));
}
.text-deep-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(255 87 34 / var(--tw-text-opacity));
}
.text-deep-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(230 74 25 / var(--tw-text-opacity));
}
.text-deep-orange-900 {
  --tw-text-opacity: 1;
  color: rgb(191 54 12 / var(--tw-text-opacity));
}
.text-deep-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(103 58 183 / var(--tw-text-opacity));
}
.text-deep-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(81 45 168 / var(--tw-text-opacity));
}
.text-deep-purple-900 {
  --tw-text-opacity: 1;
  color: rgb(49 27 146 / var(--tw-text-opacity));
}
.text-destructive-foreground {
  color: hsl(var(--destructive-foreground));
}
.text-foreground {
  color: hsl(var(--foreground));
}
.text-gold-100 {
  --tw-text-opacity: 1;
  color: hsl(45 100% 90% / var(--tw-text-opacity));
}
.text-gold-200 {
  --tw-text-opacity: 1;
  color: hsl(45 100% 80% / var(--tw-text-opacity));
}
.text-gold-200\/90 {
  color: hsl(45 100% 80% / 0.9);
}
.text-gold-300 {
  --tw-text-opacity: 1;
  color: hsl(45 100% 70% / var(--tw-text-opacity));
}
.text-gold-300\/70 {
  color: hsl(45 100% 70% / 0.7);
}
.text-gold-400 {
  --tw-text-opacity: 1;
  color: hsl(45 100% 65% / var(--tw-text-opacity));
}
.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-green-100 {
  --tw-text-opacity: 1;
  color: rgb(222 247 236 / var(--tw-text-opacity));
}
.text-green-200\/90 {
  color: rgb(188 240 218 / 0.9);
}
.text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(132 225 188 / var(--tw-text-opacity));
}
.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-400\/70 {
  color: rgb(49 196 141 / 0.7);
}
.text-green-400\/90 {
  color: rgb(49 196 141 / 0.9);
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(14 159 110 / var(--tw-text-opacity));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(5 122 85 / var(--tw-text-opacity));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(4 108 78 / var(--tw-text-opacity));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(3 84 63 / var(--tw-text-opacity));
}
.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(1 71 55 / var(--tw-text-opacity));
}
.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(104 117 245 / var(--tw-text-opacity));
}
.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(88 80 236 / var(--tw-text-opacity));
}
.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(81 69 205 / var(--tw-text-opacity));
}
.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(66 56 157 / var(--tw-text-opacity));
}
.text-indigo-900 {
  --tw-text-opacity: 1;
  color: rgb(54 47 120 / var(--tw-text-opacity));
}
.text-inherit {
  color: inherit;
}
.text-light-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(3 169 244 / var(--tw-text-opacity));
}
.text-light-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(2 136 209 / var(--tw-text-opacity));
}
.text-light-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(1 87 155 / var(--tw-text-opacity));
}
.text-light-green-500 {
  --tw-text-opacity: 1;
  color: rgb(139 195 74 / var(--tw-text-opacity));
}
.text-light-green-700 {
  --tw-text-opacity: 1;
  color: rgb(104 159 56 / var(--tw-text-opacity));
}
.text-light-green-900 {
  --tw-text-opacity: 1;
  color: rgb(51 105 30 / var(--tw-text-opacity));
}
.text-lime-500 {
  --tw-text-opacity: 1;
  color: rgb(205 220 57 / var(--tw-text-opacity));
}
.text-lime-700 {
  --tw-text-opacity: 1;
  color: rgb(175 180 43 / var(--tw-text-opacity));
}
.text-lime-800 {
  --tw-text-opacity: 1;
  color: rgb(158 157 36 / var(--tw-text-opacity));
}
.text-lime-900 {
  --tw-text-opacity: 1;
  color: rgb(130 119 23 / var(--tw-text-opacity));
}
.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.text-orange-200\/70 {
  color: rgb(252 217 189 / 0.7);
}
.text-orange-300 {
  --tw-text-opacity: 1;
  color: rgb(253 186 140 / var(--tw-text-opacity));
}
.text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(255 138 76 / var(--tw-text-opacity));
}
.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(255 90 31 / var(--tw-text-opacity));
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(208 56 1 / var(--tw-text-opacity));
}
.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(180 52 3 / var(--tw-text-opacity));
}
.text-orange-900 {
  --tw-text-opacity: 1;
  color: rgb(119 29 29 / var(--tw-text-opacity));
}
.text-pink-300 {
  --tw-text-opacity: 1;
  color: rgb(248 180 217 / var(--tw-text-opacity));
}
.text-pink-400 {
  --tw-text-opacity: 1;
  color: rgb(241 126 184 / var(--tw-text-opacity));
}
.text-pink-400\/70 {
  color: rgb(241 126 184 / 0.7);
}
.text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(231 70 148 / var(--tw-text-opacity));
}
.text-pink-600 {
  --tw-text-opacity: 1;
  color: rgb(214 31 105 / var(--tw-text-opacity));
}
.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgb(191 18 93 / var(--tw-text-opacity));
}
.text-pink-800 {
  --tw-text-opacity: 1;
  color: rgb(153 21 75 / var(--tw-text-opacity));
}
.text-pink-900 {
  --tw-text-opacity: 1;
  color: rgb(117 26 61 / var(--tw-text-opacity));
}
.text-primary {
  color: hsl(var(--primary));
}
.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.text-purple-300 {
  --tw-text-opacity: 1;
  color: rgb(202 191 253 / var(--tw-text-opacity));
}
.text-purple-400 {
  --tw-text-opacity: 1;
  color: rgb(172 148 250 / var(--tw-text-opacity));
}
.text-purple-400\/50 {
  color: rgb(172 148 250 / 0.5);
}
.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(144 97 249 / var(--tw-text-opacity));
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(126 58 242 / var(--tw-text-opacity));
}
.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(108 43 217 / var(--tw-text-opacity));
}
.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(85 33 181 / var(--tw-text-opacity));
}
.text-purple-900 {
  --tw-text-opacity: 1;
  color: rgb(74 29 150 / var(--tw-text-opacity));
}
.text-red-100 {
  --tw-text-opacity: 1;
  color: rgb(253 232 232 / var(--tw-text-opacity));
}
.text-red-200 {
  --tw-text-opacity: 1;
  color: rgb(251 213 213 / var(--tw-text-opacity));
}
.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(248 180 180 / var(--tw-text-opacity));
}
.text-red-300\/80 {
  color: rgb(248 180 180 / 0.8);
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(249 128 128 / var(--tw-text-opacity));
}
.text-red-400\/70 {
  color: rgb(249 128 128 / 0.7);
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(240 82 82 / var(--tw-text-opacity));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(224 36 36 / var(--tw-text-opacity));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(200 30 30 / var(--tw-text-opacity));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(155 28 28 / var(--tw-text-opacity));
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(119 29 29 / var(--tw-text-opacity));
}
.text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}
.text-teal-500 {
  --tw-text-opacity: 1;
  color: rgb(6 148 162 / var(--tw-text-opacity));
}
.text-teal-600 {
  --tw-text-opacity: 1;
  color: rgb(4 116 129 / var(--tw-text-opacity));
}
.text-teal-700 {
  --tw-text-opacity: 1;
  color: rgb(3 102 114 / var(--tw-text-opacity));
}
.text-teal-800 {
  --tw-text-opacity: 1;
  color: rgb(5 80 92 / var(--tw-text-opacity));
}
.text-teal-900 {
  --tw-text-opacity: 1;
  color: rgb(1 68 81 / var(--tw-text-opacity));
}
.text-transparent {
  color: transparent;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/20 {
  color: rgb(255 255 255 / 0.2);
}
.text-white\/25 {
  color: rgb(255 255 255 / 0.25);
}
.text-white\/30 {
  color: rgb(255 255 255 / 0.3);
}
.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}
.text-white\/50 {
  color: rgb(255 255 255 / 0.5);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.text-white\/95 {
  color: rgb(255 255 255 / 0.95);
}
.text-yellow-100 {
  --tw-text-opacity: 1;
  color: rgb(253 246 178 / var(--tw-text-opacity));
}
.text-yellow-200 {
  --tw-text-opacity: 1;
  color: rgb(252 233 106 / var(--tw-text-opacity));
}
.text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgb(250 202 21 / var(--tw-text-opacity));
}
.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(227 160 8 / var(--tw-text-opacity));
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(194 120 3 / var(--tw-text-opacity));
}
.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(142 75 16 / var(--tw-text-opacity));
}
.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(114 59 19 / var(--tw-text-opacity));
}
.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgb(99 49 18 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.overline {
  text-decoration-line: overline;
}
.line-through {
  text-decoration-line: line-through;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-\[\#666\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(102 102 102 / var(--tw-placeholder-opacity));
}
.placeholder-\[\#9CA3AF\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}
.placeholder-cyan-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(0 151 167 / var(--tw-placeholder-opacity));
}
.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}
.placeholder-gray-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity));
}
.placeholder-gray-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(75 85 99 / var(--tw-placeholder-opacity));
}
.placeholder-green-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(4 108 78 / var(--tw-placeholder-opacity));
}
.placeholder-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}
.placeholder-red-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(200 30 30 / var(--tw-placeholder-opacity));
}
.placeholder-white\/30::placeholder {
  color: rgb(255 255 255 / 0.3);
}
.placeholder-white\/40::placeholder {
  color: rgb(255 255 255 / 0.4);
}
.placeholder-white\/50::placeholder {
  color: rgb(255 255 255 / 0.5);
}
.placeholder-yellow-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(142 75 16 / var(--tw-placeholder-opacity));
}
.accent-gold-500 {
  accent-color: hsl(45 100% 58%);
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-100 {
  opacity: 1;
}
.opacity-15 {
  opacity: 0.15;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-35 {
  opacity: 0.35;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-5 {
  opacity: 0.05;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-\[0\.015\] {
  opacity: 0.015;
}
.opacity-\[0\.02\] {
  opacity: 0.02;
}
.mix-blend-multiply {
  mix-blend-mode: multiply;
}
.mix-blend-lighten {
  mix-blend-mode: lighten;
}
.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);
}
.shadow-2 {
  --tw-shadow: 0 0 3px 0 rgba(0,0,0,.07),0 2px 2px 0 rgba(0,0,0,.04);
  --tw-shadow-colored: 0 0 3px 0 var(--tw-shadow-color), 0 2px 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);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -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);
}
.shadow-\[0_8px_32px_rgba\(255\2c 204\2c 0\2c 0\.15\)\] {
  --tw-shadow: 0 8px 32px rgba(255,204,0,0.15);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 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);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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);
}
.shadow-none {
  --tw-shadow: 0 0 rgb(0, 0 / 0, 0);
  --tw-shadow-colored: 0 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);
}
.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);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[\#FFB000\]\/20 {
  --tw-shadow-color: rgb(255 176 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[\#FFB000\]\/30 {
  --tw-shadow-color: rgb(255 176 0 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[\#FFC727\]\/20 {
  --tw-shadow-color: rgb(255 199 39 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[\#FFC727\]\/30 {
  --tw-shadow-color: rgb(255 199 39 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[\#FFC727\]\/50 {
  --tw-shadow-color: rgb(255 199 39 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-500\/10 {
  --tw-shadow-color: rgb(255 193 7 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-500\/20 {
  --tw-shadow-color: rgb(255 193 7 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-500\/25 {
  --tw-shadow-color: rgb(255 193 7 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-500\/30 {
  --tw-shadow-color: rgb(255 193 7 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-500\/40 {
  --tw-shadow-color: rgb(255 193 7 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-500\/5 {
  --tw-shadow-color: rgb(255 193 7 / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-500\/20 {
  --tw-shadow-color: rgb(63 131 248 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-500\/40 {
  --tw-shadow-color: rgb(63 131 248 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-gray-500\/10 {
  --tw-shadow-color: rgb(96 125 139 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-gray-500\/20 {
  --tw-shadow-color: rgb(96 125 139 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-gray-500\/40 {
  --tw-shadow-color: rgb(96 125 139 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-gray-900\/10 {
  --tw-shadow-color: rgb(38 50 56 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-brown-500\/20 {
  --tw-shadow-color: rgb(121 85 72 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-brown-500\/40 {
  --tw-shadow-color: rgb(121 85 72 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-cyan-500\/20 {
  --tw-shadow-color: rgb(0 188 212 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-cyan-500\/40 {
  --tw-shadow-color: rgb(0 188 212 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-deep-orange-500\/20 {
  --tw-shadow-color: rgb(255 87 34 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-deep-orange-500\/40 {
  --tw-shadow-color: rgb(255 87 34 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-deep-purple-500\/20 {
  --tw-shadow-color: rgb(103 58 183 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-deep-purple-500\/40 {
  --tw-shadow-color: rgb(103 58 183 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gold-500\/20 {
  --tw-shadow-color: hsl(45 100% 58% / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gold-500\/25 {
  --tw-shadow-color: hsl(45 100% 58% / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gold-500\/50 {
  --tw-shadow-color: hsl(45 100% 58% / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gold-glow {
  --tw-shadow-color: hsl(51 100% 84%);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-500\/25 {
  --tw-shadow-color: rgb(107 114 128 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-900\/10 {
  --tw-shadow-color: rgb(17 24 39 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-900\/20 {
  --tw-shadow-color: rgb(17 24 39 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-green-500\/20 {
  --tw-shadow-color: rgb(14 159 110 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-green-500\/30 {
  --tw-shadow-color: rgb(14 159 110 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-green-500\/40 {
  --tw-shadow-color: rgb(14 159 110 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-green-500\/50 {
  --tw-shadow-color: rgb(14 159 110 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-indigo-500\/20 {
  --tw-shadow-color: rgb(104 117 245 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-indigo-500\/40 {
  --tw-shadow-color: rgb(104 117 245 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-light-blue-500\/20 {
  --tw-shadow-color: rgb(3 169 244 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-light-blue-500\/40 {
  --tw-shadow-color: rgb(3 169 244 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-light-green-500\/20 {
  --tw-shadow-color: rgb(139 195 74 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-light-green-500\/40 {
  --tw-shadow-color: rgb(139 195 74 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-lime-500\/20 {
  --tw-shadow-color: rgb(205 220 57 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-lime-500\/40 {
  --tw-shadow-color: rgb(205 220 57 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-500\/20 {
  --tw-shadow-color: rgb(255 90 31 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-500\/40 {
  --tw-shadow-color: rgb(255 90 31 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-pink-500\/20 {
  --tw-shadow-color: rgb(231 70 148 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-pink-500\/40 {
  --tw-shadow-color: rgb(231 70 148 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/20 {
  --tw-shadow-color: rgb(144 97 249 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/25 {
  --tw-shadow-color: rgb(144 97 249 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/30 {
  --tw-shadow-color: rgb(144 97 249 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/40 {
  --tw-shadow-color: rgb(144 97 249 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-red-500\/20 {
  --tw-shadow-color: rgb(240 82 82 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-red-500\/30 {
  --tw-shadow-color: rgb(240 82 82 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-red-500\/40 {
  --tw-shadow-color: rgb(240 82 82 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-teal-500\/20 {
  --tw-shadow-color: rgb(6 148 162 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-teal-500\/40 {
  --tw-shadow-color: rgb(6 148 162 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-yellow-500\/20 {
  --tw-shadow-color: rgb(194 120 3 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-yellow-500\/25 {
  --tw-shadow-color: rgb(194 120 3 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-yellow-500\/40 {
  --tw-shadow-color: rgb(194 120 3 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-0 {
  outline-width: 0px;
}
.outline-red-600\/50 {
  outline-color: rgb(224 36 36 / 0.5);
}
.ring {
  --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(3px + 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);
}
.ring-1 {
  --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(1px + 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);
}
.ring-2 {
  --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);
}
.ring-4 {
  --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(4px + 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);
}
.ring-8 {
  --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(8px + 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);
}
.ring-\[\#FFC727\]\/30 {
  --tw-ring-color: rgb(255 199 39 / 0.3);
}
.ring-amber-400\/70 {
  --tw-ring-color: rgb(255 202 40 / 0.7);
}
.ring-blue-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(225 239 254 / var(--tw-ring-opacity));
}
.ring-cyan-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(38 198 218 / var(--tw-ring-opacity));
}
.ring-cyan-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 151 167 / var(--tw-ring-opacity));
}
.ring-gold-500\/20 {
  --tw-ring-color: hsl(45 100% 58% / 0.2);
}
.ring-gray-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}
.ring-gray-400\/10 {
  --tw-ring-color: rgb(156 163 175 / 0.1);
}
.ring-gray-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}
.ring-gray-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
}
.ring-green-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity));
}
.ring-green-500\/20 {
  --tw-ring-color: rgb(14 159 110 / 0.2);
}
.ring-pink-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 70 148 / var(--tw-ring-opacity));
}
.ring-purple-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(144 97 249 / var(--tw-ring-opacity));
}
.ring-purple-500\/20 {
  --tw-ring-color: rgb(144 97 249 / 0.2);
}
.ring-red-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity));
}
.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.ring-white\/20 {
  --tw-ring-color: rgb(255 255 255 / 0.2);
}
.ring-white\/30 {
  --tw-ring-color: rgb(255 255 255 / 0.3);
}
.ring-white\/50 {
  --tw-ring-color: rgb(255 255 255 / 0.5);
}
.ring-yellow-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 202 21 / var(--tw-ring-opacity));
}
.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}
.ring-offset-white {
  --tw-ring-offset-color: #ffffff;
}
.blur {
  --tw-blur: blur(8px);
  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);
}
.blur-2xl {
  --tw-blur: blur(40px);
  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);
}
.blur-3xl {
  --tw-blur: blur(64px);
  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);
}
.blur-lg {
  --tw-blur: blur(16px);
  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);
}
.blur-md {
  --tw-blur: blur(12px);
  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);
}
.blur-sm {
  --tw-blur: blur(4px);
  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);
}
.blur-xl {
  --tw-blur: blur(24px);
  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);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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);
}
.drop-shadow-\[0_0_20px_rgba\(255\2c 215\2c 0\2c 0\.3\)\] {
  --tw-drop-shadow: drop-shadow(0 0 20px rgba(255,215,0,0.3));
  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);
}
.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  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);
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  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);
}
.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  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);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  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 {
  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);
}
.backdrop-blur-2xl {
  --tw-backdrop-blur: blur(40px);
  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-blur-lg {
  --tw-backdrop-blur: blur(16px);
  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-blur-md {
  --tw-backdrop-blur: blur(12px);
  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-blur-sm {
  --tw-backdrop-blur: blur(4px);
  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-blur-xl {
  --tw-backdrop-blur: blur(24px);
  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-saturate-200 {
  --tw-backdrop-saturate: saturate(2);
  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 {
  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 {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c background-color\2c border-color\2c text-decoration-color\2c fill\2c stroke\2c box-shadow\] {
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-0 {
  transition-delay: 0s;
}
.delay-1000 {
  transition-delay: 1000ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-1000 {
  transition-duration: 1000ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.duration-75 {
  transition-duration: 75ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform {
  will-change: transform;
}
.content-\[\'\'\] {
  --tw-content: '';
  content: var(--tw-content);
}
@keyframes enter {

  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {

  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.fade-in {
  --tw-enter-opacity: 0;
}
.zoom-in {
  --tw-enter-scale: 0;
}
.duration-100 {
  animation-duration: 100ms;
}
.duration-1000 {
  animation-duration: 1000ms;
}
.duration-150 {
  animation-duration: 150ms;
}
.duration-200 {
  animation-duration: 200ms;
}
.duration-300 {
  animation-duration: 300ms;
}
.duration-500 {
  animation-duration: 500ms;
}
.duration-700 {
  animation-duration: 700ms;
}
.duration-75 {
  animation-duration: 75ms;
}
.delay-0 {
  animation-delay: 0s;
}
.delay-1000 {
  animation-delay: 1000ms;
}
.ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.running {
  animation-play-state: running;
}
.paused {
  animation-play-state: paused;
}
.\[--anchor-gap\:var\(--spacing-1\)\] {
  --anchor-gap: var(--spacing-1);
}
.\[--placement\:top-left\] {
  --placement: top-left;
}
.\[-webkit-appearance\:none\] {
  -webkit-appearance: none;
}
.\[mask-image\:radial-gradient\(64rem_64rem_at_top\2c white\2c transparent\)\] {
  mask-image: radial-gradient(64rem 64rem at top,white,transparent);
}
.\[overflow\:-moz-scrollbars-none\] {
  overflow: -moz-scrollbars-none;
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.css-x4ry9f{
  height: unset !important;
}
.my-input{
  border: 1px solid #b51216 !important;


}
.my-input:focus{
  /* border: 1px solid rgb(21, 15, 132); */
}
.my-input:focus-visible{
  border: unset;
  outline:  1px solid #b51216;
}

.css-qlyyob{
  display: none;
}

.file\:mr-4::file-selector-button {
  margin-right: 1rem;
}

.file\:cursor-pointer::file-selector-button {
  cursor: pointer;
}

.file\:rounded-lg::file-selector-button {
  border-radius: var(--radius);
}

.file\:border-0::file-selector-button {
  border-width: 0px;
}

.file\:bg-blue-50::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: rgb(235 245 255 / var(--tw-bg-opacity));
}

.file\:bg-red-700::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}

.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}

.file\:px-4::file-selector-button {
  padding-left: 1rem;
  padding-right: 1rem;
}

.file\:py-2::file-selector-button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.file\:py-3::file-selector-button {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:font-medium::file-selector-button {
  font-weight: 500;
}

.file\:text-blue-700::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(26 86 219 / var(--tw-text-opacity));
}

.file\:text-white::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.placeholder\:text-transparent::placeholder {
  color: transparent;
}

.placeholder\:opacity-0::placeholder {
  opacity: 0;
}

.before\:pointer-events-none::before {
  content: var(--tw-content);
  pointer-events: none;
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:left-2\/4::before {
  content: var(--tw-content);
  left: 50%;
}

.before\:top-2\/4::before {
  content: var(--tw-content);
  top: 50%;
}

.before\:mr-1::before {
  content: var(--tw-content);
  margin-right: 0.25rem;
}

.before\:mt-\[6\.5px\]::before {
  content: var(--tw-content);
  margin-top: 6.5px;
}

.before\:box-border::before {
  content: var(--tw-content);
  box-sizing: border-box;
}

.before\:block::before {
  content: var(--tw-content);
  display: block;
}

.before\:h-1::before {
  content: var(--tw-content);
  height: 0.25rem;
}

.before\:h-1\.5::before {
  content: var(--tw-content);
  height: 0.375rem;
}

.before\:h-10::before {
  content: var(--tw-content);
  height: 2.5rem;
}

.before\:h-12::before {
  content: var(--tw-content);
  height: 3rem;
}

.before\:w-10::before {
  content: var(--tw-content);
  width: 2.5rem;
}

.before\:w-12::before {
  content: var(--tw-content);
  width: 3rem;
}

.before\:w-2::before {
  content: var(--tw-content);
  width: 0.5rem;
}

.before\:w-2\.5::before {
  content: var(--tw-content);
  width: 0.625rem;
}

.before\:-translate-x-2\/4::before {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  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));
}

.before\:-translate-y-2\/4::before {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  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));
}

.before\:rounded-full::before {
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:rounded-tl-md::before {
  content: var(--tw-content);
  border-top-left-radius: calc(var(--radius) - 2px);
}

.before\:border-l::before {
  content: var(--tw-content);
  border-left-width: 1px;
}

.before\:border-l-2::before {
  content: var(--tw-content);
  border-left-width: 2px;
}

.before\:border-t::before {
  content: var(--tw-content);
  border-top-width: 1px;
}

.before\:border-t-2::before {
  content: var(--tw-content);
  border-top-width: 2px;
}

.before\:\!border-blue-gray-200::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(176 190 197 / var(--tw-border-opacity)) !important;
}

.before\:border-amber-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 193 7 / var(--tw-border-opacity));
}

.before\:border-black::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.before\:border-blue-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

.before\:border-blue-gray-200::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(176 190 197 / var(--tw-border-opacity));
}

.before\:border-blue-gray-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(96 125 139 / var(--tw-border-opacity));
}

.before\:border-brown-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(121 85 72 / var(--tw-border-opacity));
}

.before\:border-cyan-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(0 188 212 / var(--tw-border-opacity));
}

.before\:border-deep-orange-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 87 34 / var(--tw-border-opacity));
}

.before\:border-deep-purple-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(103 58 183 / var(--tw-border-opacity));
}

.before\:border-gray-900::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.before\:border-green-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(14 159 110 / var(--tw-border-opacity));
}

.before\:border-indigo-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(104 117 245 / var(--tw-border-opacity));
}

.before\:border-light-blue-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(3 169 244 / var(--tw-border-opacity));
}

.before\:border-light-green-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(139 195 74 / var(--tw-border-opacity));
}

.before\:border-lime-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(205 220 57 / var(--tw-border-opacity));
}

.before\:border-orange-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 90 31 / var(--tw-border-opacity));
}

.before\:border-pink-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(231 70 148 / var(--tw-border-opacity));
}

.before\:border-purple-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(144 97 249 / var(--tw-border-opacity));
}

.before\:border-red-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(240 82 82 / var(--tw-border-opacity));
}

.before\:border-teal-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(6 148 162 / var(--tw-border-opacity));
}

.before\:border-transparent::before {
  content: var(--tw-content);
  border-color: transparent;
}

.before\:border-white::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.before\:border-yellow-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(194 120 3 / var(--tw-border-opacity));
}

.before\:border-l-transparent::before {
  content: var(--tw-content);
  border-left-color: transparent;
}

.before\:border-t-transparent::before {
  content: var(--tw-content);
  border-top-color: transparent;
}

.before\:bg-blue-gray-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(96 125 139 / var(--tw-bg-opacity));
}

.before\:opacity-0::before {
  content: var(--tw-content);
  opacity: 0;
}

.before\:transition-all::before {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:transition-opacity::before {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:pointer-events-none::after {
  content: var(--tw-content);
  pointer-events: none;
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:-bottom-0::after {
  content: var(--tw-content);
  bottom: -0px;
}

.after\:-bottom-1::after {
  content: var(--tw-content);
  bottom: -0.25rem;
}

.after\:-bottom-1\.5::after {
  content: var(--tw-content);
  bottom: -0.375rem;
}

.after\:-bottom-2::after {
  content: var(--tw-content);
  bottom: -0.5rem;
}

.after\:-bottom-2\.5::after {
  content: var(--tw-content);
  bottom: -0.625rem;
}

.after\:left-\[2px\]::after {
  content: var(--tw-content);
  left: 2px;
}

.after\:left-\[4px\]::after {
  content: var(--tw-content);
  left: 4px;
}

.after\:right-3::after {
  content: var(--tw-content);
  right: 0.75rem;
}

.after\:start-\[2px\]::after {
  content: var(--tw-content);
  inset-inline-start: 2px;
}

.after\:top-0::after {
  content: var(--tw-content);
  top: 0px;
}

.after\:top-0\.5::after {
  content: var(--tw-content);
  top: 0.125rem;
}

.after\:top-\[2px\]::after {
  content: var(--tw-content);
  top: 2px;
}

.after\:ml-1::after {
  content: var(--tw-content);
  margin-left: 0.25rem;
}

.after\:mt-\[6\.5px\]::after {
  content: var(--tw-content);
  margin-top: 6.5px;
}

.after\:box-border::after {
  content: var(--tw-content);
  box-sizing: border-box;
}

.after\:block::after {
  content: var(--tw-content);
  display: block;
}

.after\:h-1::after {
  content: var(--tw-content);
  height: 0.25rem;
}

.after\:h-1\.5::after {
  content: var(--tw-content);
  height: 0.375rem;
}

.after\:h-4::after {
  content: var(--tw-content);
  height: 1rem;
}

.after\:h-5::after {
  content: var(--tw-content);
  height: 1.25rem;
}

.after\:h-6::after {
  content: var(--tw-content);
  height: 1.5rem;
}

.after\:h-\[8px\]::after {
  content: var(--tw-content);
  height: 8px;
}

.after\:w-2::after {
  content: var(--tw-content);
  width: 0.5rem;
}

.after\:w-2\.5::after {
  content: var(--tw-content);
  width: 0.625rem;
}

.after\:w-4::after {
  content: var(--tw-content);
  width: 1rem;
}

.after\:w-5::after {
  content: var(--tw-content);
  width: 1.25rem;
}

.after\:w-6::after {
  content: var(--tw-content);
  width: 1.5rem;
}

.after\:w-\[8px\]::after {
  content: var(--tw-content);
  width: 8px;
}

.after\:w-full::after {
  content: var(--tw-content);
  width: 100%;
}

.after\:flex-grow::after {
  content: var(--tw-content);
  flex-grow: 1;
}

.after\:translate-x-full::after {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  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));
}

.after\:rotate-45::after {
  content: var(--tw-content);
  --tw-rotate: 45deg;
  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));
}

.after\:scale-x-0::after {
  content: var(--tw-content);
  --tw-scale-x: 0;
  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));
}

.after\:scale-x-100::after {
  content: var(--tw-content);
  --tw-scale-x: 1;
  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));
}

.after\:transform::after {
  content: var(--tw-content);
  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));
}

.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:rounded-tr-md::after {
  content: var(--tw-content);
  border-top-right-radius: calc(var(--radius) - 2px);
}

.after\:border::after {
  content: var(--tw-content);
  border-width: 1px;
}

.after\:border-b::after {
  content: var(--tw-content);
  border-bottom-width: 1px;
}

.after\:border-b-2::after {
  content: var(--tw-content);
  border-bottom-width: 2px;
}

.after\:border-r::after {
  content: var(--tw-content);
  border-right-width: 1px;
}

.after\:border-r-2::after {
  content: var(--tw-content);
  border-right-width: 2px;
}

.after\:border-t::after {
  content: var(--tw-content);
  border-top-width: 1px;
}

.after\:border-t-2::after {
  content: var(--tw-content);
  border-top-width: 2px;
}

.after\:\!border-blue-gray-200::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(176 190 197 / var(--tw-border-opacity)) !important;
}

.after\:border-amber-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 193 7 / var(--tw-border-opacity));
}

.after\:border-black::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.after\:border-black\/70::after {
  content: var(--tw-content);
  border-color: rgb(0 0 0 / 0.7);
}

.after\:border-blue-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

.after\:border-blue-gray-200::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(176 190 197 / var(--tw-border-opacity));
}

.after\:border-blue-gray-50::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(236 239 241 / var(--tw-border-opacity));
}

.after\:border-blue-gray-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(96 125 139 / var(--tw-border-opacity));
}

.after\:border-brown-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(121 85 72 / var(--tw-border-opacity));
}

.after\:border-cyan-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(0 188 212 / var(--tw-border-opacity));
}

.after\:border-deep-orange-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 87 34 / var(--tw-border-opacity));
}

.after\:border-deep-purple-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(103 58 183 / var(--tw-border-opacity));
}

.after\:border-gray-300::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.after\:border-gray-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.after\:border-gray-900::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.after\:border-green-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(14 159 110 / var(--tw-border-opacity));
}

.after\:border-indigo-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(104 117 245 / var(--tw-border-opacity));
}

.after\:border-light-blue-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(3 169 244 / var(--tw-border-opacity));
}

.after\:border-light-green-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(139 195 74 / var(--tw-border-opacity));
}

.after\:border-lime-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(205 220 57 / var(--tw-border-opacity));
}

.after\:border-orange-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 90 31 / var(--tw-border-opacity));
}

.after\:border-pink-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(231 70 148 / var(--tw-border-opacity));
}

.after\:border-purple-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(144 97 249 / var(--tw-border-opacity));
}

.after\:border-red-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(240 82 82 / var(--tw-border-opacity));
}

.after\:border-teal-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(6 148 162 / var(--tw-border-opacity));
}

.after\:border-transparent::after {
  content: var(--tw-content);
  border-color: transparent;
}

.after\:border-white::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.after\:border-yellow-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(194 120 3 / var(--tw-border-opacity));
}

.after\:border-r-transparent::after {
  content: var(--tw-content);
  border-right-color: transparent;
}

.after\:border-t-transparent::after {
  content: var(--tw-content);
  border-top-color: transparent;
}

.after\:bg-white::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.after\:transition-all::after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:transition-transform::after {
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:duration-300::after {
  content: var(--tw-content);
  transition-duration: 300ms;
}

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.after\:duration-300::after {
  content: var(--tw-content);
  animation-duration: 300ms;
}

.first\:ml-0:first-child {
  margin-left: 0px;
}

.first\:mt-0:first-child {
  margin-top: 0px;
}

.first\:rounded-t-lg:first-child {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

.first\:border-t-0:first-child {
  border-top-width: 0px;
}

.first\:pt-0:first-child {
  padding-top: 0px;
}

.last\:mr-0:last-child {
  margin-right: 0px;
}

.last\:rounded-b-lg:last-child {
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}

.odd\:bg-white:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.even\:bg-gray-50:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.checked\:border-amber-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(255 193 7 / var(--tw-border-opacity));
}

.checked\:border-blue-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

.checked\:border-blue-gray-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(96 125 139 / var(--tw-border-opacity));
}

.checked\:border-brown-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(121 85 72 / var(--tw-border-opacity));
}

.checked\:border-cyan-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(0 188 212 / var(--tw-border-opacity));
}

.checked\:border-deep-orange-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(255 87 34 / var(--tw-border-opacity));
}

.checked\:border-deep-purple-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(103 58 183 / var(--tw-border-opacity));
}

.checked\:border-gray-900:checked {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.checked\:border-green-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(14 159 110 / var(--tw-border-opacity));
}

.checked\:border-indigo-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(104 117 245 / var(--tw-border-opacity));
}

.checked\:border-light-blue-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(3 169 244 / var(--tw-border-opacity));
}

.checked\:border-light-green-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(139 195 74 / var(--tw-border-opacity));
}

.checked\:border-lime-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(205 220 57 / var(--tw-border-opacity));
}

.checked\:border-orange-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(255 90 31 / var(--tw-border-opacity));
}

.checked\:border-pink-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(231 70 148 / var(--tw-border-opacity));
}

.checked\:border-purple-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(144 97 249 / var(--tw-border-opacity));
}

.checked\:border-red-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(240 82 82 / var(--tw-border-opacity));
}

.checked\:border-teal-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(6 148 162 / var(--tw-border-opacity));
}

.checked\:border-yellow-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(194 120 3 / var(--tw-border-opacity));
}

.checked\:bg-amber-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(255 193 7 / var(--tw-bg-opacity));
}

.checked\:bg-blue-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(63 131 248 / var(--tw-bg-opacity));
}

.checked\:bg-blue-gray-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(96 125 139 / var(--tw-bg-opacity));
}

.checked\:bg-brown-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(121 85 72 / var(--tw-bg-opacity));
}

.checked\:bg-cyan-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(0 188 212 / var(--tw-bg-opacity));
}

.checked\:bg-deep-orange-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(255 87 34 / var(--tw-bg-opacity));
}

.checked\:bg-deep-purple-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(103 58 183 / var(--tw-bg-opacity));
}

.checked\:bg-gray-900:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.checked\:bg-green-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(14 159 110 / var(--tw-bg-opacity));
}

.checked\:bg-indigo-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(104 117 245 / var(--tw-bg-opacity));
}

.checked\:bg-light-blue-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(3 169 244 / var(--tw-bg-opacity));
}

.checked\:bg-light-green-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(139 195 74 / var(--tw-bg-opacity));
}

.checked\:bg-lime-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(205 220 57 / var(--tw-bg-opacity));
}

.checked\:bg-orange-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(255 90 31 / var(--tw-bg-opacity));
}

.checked\:bg-pink-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(231 70 148 / var(--tw-bg-opacity));
}

.checked\:bg-purple-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(144 97 249 / var(--tw-bg-opacity));
}

.checked\:bg-red-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(240 82 82 / var(--tw-bg-opacity));
}

.checked\:bg-teal-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(6 148 162 / var(--tw-bg-opacity));
}

.checked\:bg-yellow-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(194 120 3 / var(--tw-bg-opacity));
}

.checked\:before\:bg-amber-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 193 7 / var(--tw-bg-opacity));
}

.checked\:before\:bg-blue-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(63 131 248 / var(--tw-bg-opacity));
}

.checked\:before\:bg-blue-gray-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(96 125 139 / var(--tw-bg-opacity));
}

.checked\:before\:bg-brown-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(121 85 72 / var(--tw-bg-opacity));
}

.checked\:before\:bg-cyan-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(0 188 212 / var(--tw-bg-opacity));
}

.checked\:before\:bg-deep-orange-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 87 34 / var(--tw-bg-opacity));
}

.checked\:before\:bg-deep-purple-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(103 58 183 / var(--tw-bg-opacity));
}

.checked\:before\:bg-gray-900:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.checked\:before\:bg-green-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(14 159 110 / var(--tw-bg-opacity));
}

.checked\:before\:bg-indigo-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(104 117 245 / var(--tw-bg-opacity));
}

.checked\:before\:bg-light-blue-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(3 169 244 / var(--tw-bg-opacity));
}

.checked\:before\:bg-light-green-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(139 195 74 / var(--tw-bg-opacity));
}

.checked\:before\:bg-lime-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(205 220 57 / var(--tw-bg-opacity));
}

.checked\:before\:bg-orange-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 90 31 / var(--tw-bg-opacity));
}

.checked\:before\:bg-pink-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(231 70 148 / var(--tw-bg-opacity));
}

.checked\:before\:bg-purple-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(144 97 249 / var(--tw-bg-opacity));
}

.checked\:before\:bg-red-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(240 82 82 / var(--tw-bg-opacity));
}

.checked\:before\:bg-teal-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(6 148 162 / var(--tw-bg-opacity));
}

.checked\:before\:bg-yellow-500:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(194 120 3 / var(--tw-bg-opacity));
}

.placeholder-shown\:border:placeholder-shown {
  border-width: 1px;
}

.placeholder-shown\:border-blue-gray-200:placeholder-shown {
  --tw-border-opacity: 1;
  border-color: rgb(176 190 197 / var(--tw-border-opacity));
}

.placeholder-shown\:border-green-500:placeholder-shown {
  --tw-border-opacity: 1;
  border-color: rgb(14 159 110 / var(--tw-border-opacity));
}

.placeholder-shown\:border-red-500:placeholder-shown {
  --tw-border-opacity: 1;
  border-color: rgb(240 82 82 / var(--tw-border-opacity));
}

.placeholder-shown\:border-t-blue-gray-200:placeholder-shown {
  --tw-border-opacity: 1;
  border-top-color: rgb(176 190 197 / var(--tw-border-opacity));
}

.placeholder-shown\:border-t-green-500:placeholder-shown {
  --tw-border-opacity: 1;
  border-top-color: rgb(14 159 110 / var(--tw-border-opacity));
}

.placeholder-shown\:border-t-red-500:placeholder-shown {
  --tw-border-opacity: 1;
  border-top-color: rgb(240 82 82 / var(--tw-border-opacity));
}

.autofill\:pb-2:autofill {
  padding-bottom: 0.5rem;
}

.autofill\:pt-6:autofill {
  padding-top: 1.5rem;
}

.invalid\:text-black\/60:invalid {
  color: rgb(0 0 0 / 0.6);
}

.empty\:hidden:empty {
  display: none;
}

.focus-within\:border-\[\#FFC727\]:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(255 199 39 / var(--tw-border-opacity));
}

.focus-within\:border-amber-500\/50:focus-within {
  border-color: rgb(255 193 7 / 0.5);
}

.focus-within\:ring-2:focus-within {
  --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);
}

.focus-within\:ring-amber-500\/30:focus-within {
  --tw-ring-color: rgb(255 193 7 / 0.3);
}

.hover\:mt-3:hover {
  margin-top: 0.75rem;
}

.hover\:-translate-y-0:hover {
  --tw-translate-y: -0px;
  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));
}

.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  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));
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  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));
}

.hover\:-translate-y-2:hover {
  --tw-translate-y: -0.5rem;
  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));
}

.hover\:-translate-y-4:hover {
  --tw-translate-y: -1rem;
  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));
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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));
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  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));
}

.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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));
}

.hover\:scale-x-110:hover {
  --tw-scale-x: 1.1;
  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));
}

.hover\:scale-y-125:hover {
  --tw-scale-y: 1.25;
  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));
}

.hover\:transform:hover {
  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));
}

.hover\:cursor-not-allowed:hover {
  cursor: not-allowed;
}

.hover\:border-\[\#4CAF50\]\/50:hover {
  border-color: rgb(76 175 80 / 0.5);
}

.hover\:border-\[\#D1D5DB\]\/50:hover {
  border-color: rgb(209 213 219 / 0.5);
}

.hover\:border-\[\#FFC727\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 199 39 / var(--tw-border-opacity));
}

.hover\:border-\[\#FFC727\]\/30:hover {
  border-color: rgb(255 199 39 / 0.3);
}

.hover\:border-\[\#FFC727\]\/40:hover {
  border-color: rgb(255 199 39 / 0.4);
}

.hover\:border-\[\#FFC727\]\/50:hover {
  border-color: rgb(255 199 39 / 0.5);
}

.hover\:border-\[\#FFC727\]\/60:hover {
  border-color: rgb(255 199 39 / 0.6);
}

.hover\:border-\[\#FFD84D\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 216 77 / var(--tw-border-opacity));
}

.hover\:border-amber-400\/35:hover {
  border-color: rgb(255 202 40 / 0.35);
}

.hover\:border-amber-400\/40:hover {
  border-color: rgb(255 202 40 / 0.4);
}

.hover\:border-amber-400\/50:hover {
  border-color: rgb(255 202 40 / 0.5);
}

.hover\:border-amber-400\/60:hover {
  border-color: rgb(255 202 40 / 0.6);
}

.hover\:border-amber-400\/70:hover {
  border-color: rgb(255 202 40 / 0.7);
}

.hover\:border-amber-500\/30:hover {
  border-color: rgb(255 193 7 / 0.3);
}

.hover\:border-blue-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(118 169 250 / var(--tw-border-opacity));
}

.hover\:border-blue-400\/50:hover {
  border-color: rgb(118 169 250 / 0.5);
}

.hover\:border-blue-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

.hover\:border-cyan-400\/60:hover {
  border-color: rgb(38 198 218 / 0.6);
}

.hover\:border-gold-400\/50:hover {
  border-color: hsl(45 100% 65% / 0.5);
}

.hover\:border-gold-500\/30:hover {
  border-color: hsl(45 100% 58% / 0.3);
}

.hover\:border-gold-500\/40:hover {
  border-color: hsl(45 100% 58% / 0.4);
}

.hover\:border-gold-500\/50:hover {
  border-color: hsl(45 100% 58% / 0.5);
}

.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.hover\:border-gray-400\/80:hover {
  border-color: rgb(156 163 175 / 0.8);
}

.hover\:border-green-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(49 196 141 / var(--tw-border-opacity));
}

.hover\:border-green-400\/50:hover {
  border-color: rgb(49 196 141 / 0.5);
}

.hover\:border-green-500\/50:hover {
  border-color: rgb(14 159 110 / 0.5);
}

.hover\:border-orange-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 138 76 / var(--tw-border-opacity));
}

.hover\:border-pink-400\/50:hover {
  border-color: rgb(241 126 184 / 0.5);
}

.hover\:border-purple-400\/50:hover {
  border-color: rgb(172 148 250 / 0.5);
}

.hover\:border-red-400\/70:hover {
  border-color: rgb(249 128 128 / 0.7);
}

.hover\:border-red-500\/50:hover {
  border-color: rgb(240 82 82 / 0.5);
}

.hover\:border-red-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(200 30 30 / var(--tw-border-opacity));
}

.hover\:border-red-700\/30:hover {
  border-color: rgb(200 30 30 / 0.3);
}

.hover\:border-red-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(119 29 29 / var(--tw-border-opacity));
}

.hover\:border-white\/10:hover {
  border-color: rgb(255 255 255 / 0.1);
}

.hover\:border-white\/20:hover {
  border-color: rgb(255 255 255 / 0.2);
}

.hover\:border-white\/30:hover {
  border-color: rgb(255 255 255 / 0.3);
}

.hover\:\!bg-gray-700:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-\[\#FFB000\]\/10:hover {
  background-color: rgb(255 176 0 / 0.1);
}

.hover\:bg-\[\#FFC727\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 39 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#FFC727\]\/10:hover {
  background-color: rgb(255 199 39 / 0.1);
}

.hover\:bg-\[\#FFC727\]\/20:hover {
  background-color: rgb(255 199 39 / 0.2);
}

.hover\:bg-\[\#FFC727\]\/30:hover {
  background-color: rgb(255 199 39 / 0.3);
}

.hover\:bg-\[\#FFC727\]\/5:hover {
  background-color: rgb(255 199 39 / 0.05);
}

.hover\:bg-\[\#FFC727\]\/60:hover {
  background-color: rgb(255 199 39 / 0.6);
}

.hover\:bg-\[\#dc3545\]\/90:hover {
  background-color: rgb(220 53 69 / 0.9);
}

.hover\:bg-\[\#e5d43c\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 212 60 / var(--tw-bg-opacity));
}

.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}

.hover\:bg-amber-500\/10:hover {
  background-color: rgb(255 193 7 / 0.1);
}

.hover\:bg-amber-500\/20:hover {
  background-color: rgb(255 193 7 / 0.2);
}

.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.hover\:bg-blue-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(195 221 253 / var(--tw-bg-opacity));
}

.hover\:bg-blue-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(118 169 250 / var(--tw-bg-opacity));
}

.hover\:bg-blue-500\/10:hover {
  background-color: rgb(63 131 248 / 0.1);
}

.hover\:bg-blue-500\/20:hover {
  background-color: rgb(63 131 248 / 0.2);
}

.hover\:bg-blue-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 66 159 / var(--tw-bg-opacity));
}

.hover\:bg-blue-900\/30:hover {
  background-color: rgb(35 56 118 / 0.3);
}

.hover\:bg-blue-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 241 / var(--tw-bg-opacity));
}

.hover\:bg-blue-gray-500\/10:hover {
  background-color: rgb(96 125 139 / 0.1);
}

.hover\:bg-brown-500\/10:hover {
  background-color: rgb(121 85 72 / 0.1);
}

.hover\:bg-cyan-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(178 235 242 / var(--tw-bg-opacity));
}

.hover\:bg-cyan-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(128 222 234 / var(--tw-bg-opacity));
}

.hover\:bg-cyan-500\/10:hover {
  background-color: rgb(0 188 212 / 0.1);
}

.hover\:bg-cyan-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 172 193 / var(--tw-bg-opacity));
}

.hover\:bg-cyan-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 131 143 / var(--tw-bg-opacity));
}

.hover\:bg-deep-orange-500\/10:hover {
  background-color: rgb(255 87 34 / 0.1);
}

.hover\:bg-deep-purple-500\/10:hover {
  background-color: rgb(103 58 183 / 0.1);
}

.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / 0.9);
}

.hover\:bg-gold-500\/20:hover {
  background-color: hsl(45 100% 58% / 0.2);
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:bg-gray-500\/20:hover {
  background-color: rgb(107 114 128 / 0.2);
}

.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.hover\:bg-gray-900\/10:hover {
  background-color: rgb(17 24 39 / 0.1);
}

.hover\:bg-green-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(188 240 218 / var(--tw-bg-opacity));
}

.hover\:bg-green-500\/10:hover {
  background-color: rgb(14 159 110 / 0.1);
}

.hover\:bg-green-500\/20:hover {
  background-color: rgb(14 159 110 / 0.2);
}

.hover\:bg-green-500\/30:hover {
  background-color: rgb(14 159 110 / 0.3);
}

.hover\:bg-indigo-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(205 219 254 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-500\/10:hover {
  background-color: rgb(104 117 245 / 0.1);
}

.hover\:bg-light-blue-500\/10:hover {
  background-color: rgb(3 169 244 / 0.1);
}

.hover\:bg-light-green-500\/10:hover {
  background-color: rgb(139 195 74 / 0.1);
}

.hover\:bg-lime-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(230 238 156 / var(--tw-bg-opacity));
}

.hover\:bg-lime-500\/10:hover {
  background-color: rgb(205 220 57 / 0.1);
}

.hover\:bg-orange-500\/10:hover {
  background-color: rgb(255 90 31 / 0.1);
}

.hover\:bg-orange-500\/20:hover {
  background-color: rgb(255 90 31 / 0.2);
}

.hover\:bg-orange-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(208 56 1 / var(--tw-bg-opacity));
}

.hover\:bg-pink-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 209 232 / var(--tw-bg-opacity));
}

.hover\:bg-pink-500\/10:hover {
  background-color: rgb(231 70 148 / 0.1);
}

.hover\:bg-pink-500\/30:hover {
  background-color: rgb(231 70 148 / 0.3);
}

.hover\:bg-primary\/10:hover {
  background-color: hsl(var(--primary) / 0.1);
}

.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}

.hover\:bg-purple-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 215 254 / var(--tw-bg-opacity));
}

.hover\:bg-purple-500\/10:hover {
  background-color: rgb(144 97 249 / 0.1);
}

.hover\:bg-purple-500\/20:hover {
  background-color: rgb(144 97 249 / 0.2);
}

.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 232 232 / var(--tw-bg-opacity));
}

.hover\:bg-red-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 213 213 / var(--tw-bg-opacity));
}

.hover\:bg-red-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 128 128 / var(--tw-bg-opacity));
}

.hover\:bg-red-50\/50:hover {
  background-color: rgb(253 242 242 / 0.5);
}

.hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 82 82 / var(--tw-bg-opacity));
}

.hover\:bg-red-500\/10:hover {
  background-color: rgb(240 82 82 / 0.1);
}

.hover\:bg-red-500\/20:hover {
  background-color: rgb(240 82 82 / 0.2);
}

.hover\:bg-red-500\/30:hover {
  background-color: rgb(240 82 82 / 0.3);
}

.hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}

.hover\:bg-red-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}

.hover\:bg-red-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}

.hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary) / 0.8);
}

.hover\:bg-teal-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(175 236 239 / var(--tw-bg-opacity));
}

.hover\:bg-teal-500\/10:hover {
  background-color: rgb(6 148 162 / 0.1);
}

.hover\:bg-transparent:hover {
  background-color: transparent;
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:bg-white\/15:hover {
  background-color: rgb(255 255 255 / 0.15);
}

.hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255 / 0.2);
}

.hover\:bg-white\/40:hover {
  background-color: rgb(255 255 255 / 0.4);
}

.hover\:bg-white\/5:hover {
  background-color: rgb(255 255 255 / 0.05);
}

.hover\:bg-white\/50:hover {
  background-color: rgb(255 255 255 / 0.5);
}

.hover\:bg-white\/\[0\.06\]:hover {
  background-color: rgb(255 255 255 / 0.06);
}

.hover\:bg-white\/\[0\.07\]:hover {
  background-color: rgb(255 255 255 / 0.07);
}

.hover\:bg-yellow-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 233 106 / var(--tw-bg-opacity));
}

.hover\:bg-yellow-500\/10:hover {
  background-color: rgb(194 120 3 / 0.1);
}

.hover\:bg-opacity-20:hover {
  --tw-bg-opacity: 0.2;
}

.hover\:bg-opacity-5:hover {
  --tw-bg-opacity: 0.05;
}

.hover\:bg-opacity-80:hover {
  --tw-bg-opacity: 0.8;
}

.hover\:bg-gradient-to-br:hover {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.hover\:bg-redgr:hover {
  background-image: linear-gradient(147deg, #C62128 0%, #A00000 74%);
}

.hover\:from-\[\#FFB800\]:hover {
  --tw-gradient-from: #FFB800 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 184 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#FFC727\]:hover {
  --tw-gradient-from: #FFC727 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 199 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#FFCC00\]:hover {
  --tw-gradient-from: #FFCC00 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 204 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#FFD700\]:hover {
  --tw-gradient-from: #FFD700 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 215 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#FFD84D\]:hover {
  --tw-gradient-from: #FFD84D var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 216 77 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-amber-400:hover {
  --tw-gradient-from: #ffca28 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 202 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-amber-500\/20:hover {
  --tw-gradient-from: rgb(255 193 7 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-amber-500\/80:hover {
  --tw-gradient-from: rgb(255 193 7 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-amber-600:hover {
  --tw-gradient-from: #ffb300 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 179 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-700:hover {
  --tw-gradient-from: #1A56DB var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 86 219 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gold-400:hover {
  --tw-gradient-from: hsl(45 100% 65%) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(45 100% 65% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gold-500\/10:hover {
  --tw-gradient-from: hsl(45 100% 58% / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gold-500\/20:hover {
  --tw-gradient-from: hsl(45 100% 58% / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gold-500\/25:hover {
  --tw-gradient-from: hsl(45 100% 58% / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-600:hover {
  --tw-gradient-from: #4B5563 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-600:hover {
  --tw-gradient-from: #057A55 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 122 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-700:hover {
  --tw-gradient-from: #046C4E var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(4 108 78 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-orange-600:hover {
  --tw-gradient-from: #D03801 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(208 56 1 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-pink-500\/30:hover {
  --tw-gradient-from: rgb(231 70 148 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-400:hover {
  --tw-gradient-from: #AC94FA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(172 148 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-500\/30:hover {
  --tw-gradient-from: rgb(144 97 249 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-700:hover {
  --tw-gradient-from: #6C2BD9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(108 43 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red-600:hover {
  --tw-gradient-from: #E02424 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 36 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red-700:hover {
  --tw-gradient-from: #C81E1E var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(200 30 30 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-white\/20:hover {
  --tw-gradient-from: rgb(255 255 255 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow-500:hover {
  --tw-gradient-from: #C27803 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(194 120 3 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:via-green-700:hover {
  --tw-gradient-to: rgb(4 108 78 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #046C4E var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.hover\:via-red-700:hover {
  --tw-gradient-to: rgb(200 30 30 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #C81E1E var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.hover\:via-yellow-500\/15:hover {
  --tw-gradient-to: rgb(194 120 3 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(194 120 3 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.hover\:via-yellow-500\/20:hover {
  --tw-gradient-to: rgb(194 120 3 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(194 120 3 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.hover\:to-\[\#FF8C00\]:hover {
  --tw-gradient-to: #FF8C00 var(--tw-gradient-to-position);
}

.hover\:to-\[\#FF9C00\]:hover {
  --tw-gradient-to: #FF9C00 var(--tw-gradient-to-position);
}

.hover\:to-\[\#FFB000\]:hover {
  --tw-gradient-to: #FFB000 var(--tw-gradient-to-position);
}

.hover\:to-\[\#FFC727\]:hover {
  --tw-gradient-to: #FFC727 var(--tw-gradient-to-position);
}

.hover\:to-amber-600\/80:hover {
  --tw-gradient-to: rgb(255 179 0 / 0.8) var(--tw-gradient-to-position);
}

.hover\:to-blue-700:hover {
  --tw-gradient-to: #1A56DB var(--tw-gradient-to-position);
}

.hover\:to-blue-800:hover {
  --tw-gradient-to: #1E429F var(--tw-gradient-to-position);
}

.hover\:to-cyan-700:hover {
  --tw-gradient-to: #0097a7 var(--tw-gradient-to-position);
}

.hover\:to-gold-500:hover {
  --tw-gradient-to: hsl(45 100% 58%) var(--tw-gradient-to-position);
}

.hover\:to-gold-500\/5:hover {
  --tw-gradient-to: hsl(45 100% 58% / 0.05) var(--tw-gradient-to-position);
}

.hover\:to-gold-600\/10:hover {
  --tw-gradient-to: hsl(38 100% 55% / 0.1) var(--tw-gradient-to-position);
}

.hover\:to-gold-600\/25:hover {
  --tw-gradient-to: hsl(38 100% 55% / 0.25) var(--tw-gradient-to-position);
}

.hover\:to-gray-500:hover {
  --tw-gradient-to: #6B7280 var(--tw-gradient-to-position);
}

.hover\:to-green-800:hover {
  --tw-gradient-to: #03543F var(--tw-gradient-to-position);
}

.hover\:to-indigo-500\/30:hover {
  --tw-gradient-to: rgb(104 117 245 / 0.3) var(--tw-gradient-to-position);
}

.hover\:to-orange-400:hover {
  --tw-gradient-to: #FF8A4C var(--tw-gradient-to-position);
}

.hover\:to-orange-500:hover {
  --tw-gradient-to: #FF5A1F var(--tw-gradient-to-position);
}

.hover\:to-orange-500\/20:hover {
  --tw-gradient-to: rgb(255 90 31 / 0.2) var(--tw-gradient-to-position);
}

.hover\:to-pink-700:hover {
  --tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}

.hover\:to-purple-500:hover {
  --tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}

.hover\:to-purple-600:hover {
  --tw-gradient-to: #7E3AF2 var(--tw-gradient-to-position);
}

.hover\:to-purple-700:hover {
  --tw-gradient-to: #6C2BD9 var(--tw-gradient-to-position);
}

.hover\:to-red-700:hover {
  --tw-gradient-to: #C81E1E var(--tw-gradient-to-position);
}

.hover\:to-red-800:hover {
  --tw-gradient-to: #9B1C1C var(--tw-gradient-to-position);
}

.hover\:to-teal-800:hover {
  --tw-gradient-to: #05505C var(--tw-gradient-to-position);
}

.hover\:to-white\/10:hover {
  --tw-gradient-to: rgb(255 255 255 / 0.1) var(--tw-gradient-to-position);
}

.hover\:to-yellow-600:hover {
  --tw-gradient-to: #9F580A var(--tw-gradient-to-position);
}

.hover\:fill-white:hover {
  fill: #ffffff;
}

.hover\:text-\[\#0A0A0A\]:hover {
  --tw-text-opacity: 1;
  color: rgb(10 10 10 / var(--tw-text-opacity));
}

.hover\:text-\[\#1A1A1A\]\/70:hover {
  color: rgb(26 26 26 / 0.7);
}

.hover\:text-\[\#5b1b1b\]:hover {
  --tw-text-opacity: 1;
  color: rgb(91 27 27 / var(--tw-text-opacity));
}

.hover\:text-\[\#FFB800\]:hover {
  --tw-text-opacity: 1;
  color: rgb(255 184 0 / var(--tw-text-opacity));
}

.hover\:text-\[\#FFC727\]:hover {
  --tw-text-opacity: 1;
  color: rgb(255 199 39 / var(--tw-text-opacity));
}

.hover\:text-\[\#FFCC00\]:hover {
  --tw-text-opacity: 1;
  color: rgb(255 204 0 / var(--tw-text-opacity));
}

.hover\:text-\[\#FFD84D\]:hover {
  --tw-text-opacity: 1;
  color: rgb(255 216 77 / var(--tw-text-opacity));
}

.hover\:text-\[\#FFFFFF\]:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}

.hover\:text-amber-200:hover {
  --tw-text-opacity: 1;
  color: rgb(255 224 130 / var(--tw-text-opacity));
}

.hover\:text-amber-300:hover {
  --tw-text-opacity: 1;
  color: rgb(255 213 79 / var(--tw-text-opacity));
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.hover\:text-blue-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(96 125 139 / var(--tw-text-opacity));
}

.hover\:text-blue-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(38 50 56 / var(--tw-text-opacity));
}

.hover\:text-cyan-700:hover {
  --tw-text-opacity: 1;
  color: rgb(0 151 167 / var(--tw-text-opacity));
}

.hover\:text-gray-200:hover {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.hover\:text-light-blue-500:hover {
  --tw-text-opacity: 1;
  color: rgb(3 169 244 / var(--tw-text-opacity));
}

.hover\:text-orange-300:hover {
  --tw-text-opacity: 1;
  color: rgb(253 186 140 / var(--tw-text-opacity));
}

.hover\:text-primary:hover {
  color: hsl(var(--primary));
}

.hover\:text-purple-200:hover {
  --tw-text-opacity: 1;
  color: rgb(220 215 254 / var(--tw-text-opacity));
}

.hover\:text-red-200:hover {
  --tw-text-opacity: 1;
  color: rgb(251 213 213 / var(--tw-text-opacity));
}

.hover\:text-red-300:hover {
  --tw-text-opacity: 1;
  color: rgb(248 180 180 / var(--tw-text-opacity));
}

.hover\:text-red-400:hover {
  --tw-text-opacity: 1;
  color: rgb(249 128 128 / var(--tw-text-opacity));
}

.hover\:text-red-600:hover {
  --tw-text-opacity: 1;
  color: rgb(224 36 36 / var(--tw-text-opacity));
}

.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(200 30 30 / var(--tw-text-opacity));
}

.hover\:text-red-800:hover {
  --tw-text-opacity: 1;
  color: rgb(155 28 28 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:text-white\/60:hover {
  color: rgb(255 255 255 / 0.6);
}

.hover\:text-white\/80:hover {
  color: rgb(255 255 255 / 0.8);
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-35:hover {
  opacity: 0.35;
}

.hover\:opacity-40:hover {
  opacity: 0.4;
}

.hover\:opacity-75:hover {
  opacity: 0.75;
}

.hover\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -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);
}

.hover\:shadow-\[0_6px_20px_rgba\(255\2c 215\2c 0\2c 0\.5\)\]:hover {
  --tw-shadow: 0 6px 20px rgba(255,215,0,0.5);
  --tw-shadow-colored: 0 6px 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);
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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);
}

.hover\:shadow-sm:hover {
  --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);
}

.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[\#FFC727\]\/20:hover {
  --tw-shadow-color: rgb(255 199 39 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#FFC727\]\/25:hover {
  --tw-shadow-color: rgb(255 199 39 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#FFC727\]\/30:hover {
  --tw-shadow-color: rgb(255 199 39 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-amber-500\/10:hover {
  --tw-shadow-color: rgb(255 193 7 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-amber-500\/20:hover {
  --tw-shadow-color: rgb(255 193 7 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-amber-500\/40:hover {
  --tw-shadow-color: rgb(255 193 7 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-blue-500\/25:hover {
  --tw-shadow-color: rgb(63 131 248 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-blue-500\/40:hover {
  --tw-shadow-color: rgb(63 131 248 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-blue-gray-500\/20:hover {
  --tw-shadow-color: rgb(96 125 139 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-blue-gray-500\/40:hover {
  --tw-shadow-color: rgb(96 125 139 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-brown-500\/40:hover {
  --tw-shadow-color: rgb(121 85 72 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-cyan-500\/40:hover {
  --tw-shadow-color: rgb(0 188 212 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-deep-orange-500\/40:hover {
  --tw-shadow-color: rgb(255 87 34 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-deep-purple-500\/40:hover {
  --tw-shadow-color: rgb(103 58 183 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-gold-500\/20:hover {
  --tw-shadow-color: hsl(45 100% 58% / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-gold-glow:hover {
  --tw-shadow-color: hsl(51 100% 84%);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-gray-900\/20:hover {
  --tw-shadow-color: rgb(17 24 39 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-green-500\/25:hover {
  --tw-shadow-color: rgb(14 159 110 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-green-500\/40:hover {
  --tw-shadow-color: rgb(14 159 110 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-indigo-500\/40:hover {
  --tw-shadow-color: rgb(104 117 245 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-light-blue-500\/40:hover {
  --tw-shadow-color: rgb(3 169 244 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-light-green-500\/40:hover {
  --tw-shadow-color: rgb(139 195 74 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-lime-500\/40:hover {
  --tw-shadow-color: rgb(205 220 57 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-orange-500\/40:hover {
  --tw-shadow-color: rgb(255 90 31 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-pink-500\/40:hover {
  --tw-shadow-color: rgb(231 70 148 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-purple-500\/40:hover {
  --tw-shadow-color: rgb(144 97 249 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-red-500\/40:hover {
  --tw-shadow-color: rgb(240 82 82 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-teal-500\/40:hover {
  --tw-shadow-color: rgb(6 148 162 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-yellow-500\/40:hover {
  --tw-shadow-color: rgb(194 120 3 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:drop-shadow-\[0_0_10px_rgba\(255\2c 215\2c 0\2c 0\.5\)\]:hover {
  --tw-drop-shadow: drop-shadow(0 0 10px rgba(255,215,0,0.5));
  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);
}

.file\:hover\:bg-red-900:hover::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}

.hover\:file\:bg-blue-100::file-selector-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(225 239 254 / var(--tw-bg-opacity));
}

.hover\:before\:opacity-10:hover::before {
  content: var(--tw-content);
  opacity: 0.1;
}

.focus\:z-10:focus {
  z-index: 10;
}

.focus\:scale-110:focus {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  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));
}

.focus\:border-2:focus {
  border-width: 2px;
}

.focus\:border-none:focus {
  border-style: none;
}

.focus\:border-\[\#FFC727\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 199 39 / var(--tw-border-opacity));
}

.focus\:border-\[\#FFC727\]\/50:focus {
  border-color: rgb(255 199 39 / 0.5);
}

.focus\:border-amber-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 202 40 / var(--tw-border-opacity));
}

.focus\:border-amber-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 193 7 / var(--tw-border-opacity));
}

.focus\:border-amber-500\/50:focus {
  border-color: rgb(255 193 7 / 0.5);
}

.focus\:border-black:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

.focus\:border-blue-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(28 100 242 / var(--tw-border-opacity));
}

.focus\:border-blue-gray-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(96 125 139 / var(--tw-border-opacity));
}

.focus\:border-blue-gray-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(38 50 56 / var(--tw-border-opacity));
}

.focus\:border-brown-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(121 85 72 / var(--tw-border-opacity));
}

.focus\:border-cyan-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 188 212 / var(--tw-border-opacity));
}

.focus\:border-deep-orange-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 87 34 / var(--tw-border-opacity));
}

.focus\:border-deep-purple-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(103 58 183 / var(--tw-border-opacity));
}

.focus\:border-gold-500\/50:focus {
  border-color: hsl(45 100% 58% / 0.5);
}

.focus\:border-gray-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.focus\:border-gray-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.focus\:border-green-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(14 159 110 / var(--tw-border-opacity));
}

.focus\:border-green-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(5 122 85 / var(--tw-border-opacity));
}

.focus\:border-indigo-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(104 117 245 / var(--tw-border-opacity));
}

.focus\:border-light-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(3 169 244 / var(--tw-border-opacity));
}

.focus\:border-light-green-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(139 195 74 / var(--tw-border-opacity));
}

.focus\:border-lime-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(205 220 57 / var(--tw-border-opacity));
}

.focus\:border-orange-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 138 76 / var(--tw-border-opacity));
}

.focus\:border-orange-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 90 31 / var(--tw-border-opacity));
}

.focus\:border-pink-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(231 70 148 / var(--tw-border-opacity));
}

.focus\:border-purple-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(144 97 249 / var(--tw-border-opacity));
}

.focus\:border-purple-500\/50:focus {
  border-color: rgb(144 97 249 / 0.5);
}

.focus\:border-red-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(240 82 82 / var(--tw-border-opacity));
}

.focus\:border-red-500\/70:focus {
  border-color: rgb(240 82 82 / 0.7);
}

.focus\:border-red-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(224 36 36 / var(--tw-border-opacity));
}

.focus\:border-red-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(200 30 30 / var(--tw-border-opacity));
}

.focus\:border-red-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(119 29 29 / var(--tw-border-opacity));
}

.focus\:border-teal-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(6 148 162 / var(--tw-border-opacity));
}

.focus\:border-white:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.focus\:border-yellow-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(194 120 3 / var(--tw-border-opacity));
}

.focus\:border-t-transparent:focus {
  border-top-color: transparent;
}

.focus\:bg-blue-gray-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 241 / var(--tw-bg-opacity));
}

.focus\:bg-gray-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.focus\:bg-red-50\/50:focus {
  background-color: rgb(253 242 242 / 0.5);
}

.focus\:bg-transparent:focus {
  background-color: transparent;
}

.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.focus\:bg-white\/\[0\.06\]:focus {
  background-color: rgb(255 255 255 / 0.06);
}

.focus\:bg-opacity-80:focus {
  --tw-bg-opacity: 0.8;
}

.focus\:pb-2:focus {
  padding-bottom: 0.5rem;
}

.focus\:pt-6:focus {
  padding-top: 1.5rem;
}

.focus\:text-blue-gray-500:focus {
  --tw-text-opacity: 1;
  color: rgb(96 125 139 / var(--tw-text-opacity));
}

.focus\:text-blue-gray-900:focus {
  --tw-text-opacity: 1;
  color: rgb(38 50 56 / var(--tw-text-opacity));
}

.focus\:text-cyan-700:focus {
  --tw-text-opacity: 1;
  color: rgb(0 151 167 / var(--tw-text-opacity));
}

.focus\:text-gray-900:focus {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.focus\:text-red-600:focus {
  --tw-text-opacity: 1;
  color: rgb(224 36 36 / var(--tw-text-opacity));
}

.focus\:placeholder-gray-400:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.focus\:opacity-\[0\.85\]:focus {
  opacity: 0.85;
}

.focus\:shadow-none:focus {
  --tw-shadow: 0 0 rgb(0, 0 / 0, 0);
  --tw-shadow-colored: 0 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);
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-0:focus {
  outline-width: 0px;
}

.focus\:ring: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(3px + 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);
}

.focus\:ring-0: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(0px + 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);
}

.focus\:ring-1: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(1px + 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);
}

.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);
}

.focus\:ring-4: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(4px + 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);
}

.focus\:ring-\[\#10B981\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#FF0000\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 0 0 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#FFC727\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 199 39 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#FFC727\]\/20:focus {
  --tw-ring-color: rgb(255 199 39 / 0.2);
}

.focus\:ring-\[\#FFC727\]\/30:focus {
  --tw-ring-color: rgb(255 199 39 / 0.3);
}

.focus\:ring-\[\#dc3545\]\/50:focus {
  --tw-ring-color: rgb(220 53 69 / 0.5);
}

.focus\:ring-amber-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 224 130 / var(--tw-ring-opacity));
}

.focus\:ring-amber-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 213 79 / var(--tw-ring-opacity));
}

.focus\:ring-amber-300\/50:focus {
  --tw-ring-color: rgb(255 213 79 / 0.5);
}

.focus\:ring-amber-400\/20:focus {
  --tw-ring-color: rgb(255 202 40 / 0.2);
}

.focus\:ring-amber-400\/50:focus {
  --tw-ring-color: rgb(255 202 40 / 0.5);
}

.focus\:ring-amber-500\/20:focus {
  --tw-ring-color: rgb(255 193 7 / 0.2);
}

.focus\:ring-amber-500\/50:focus {
  --tw-ring-color: rgb(255 193 7 / 0.5);
}

.focus\:ring-blue-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(195 221 253 / var(--tw-ring-opacity));
}

.focus\:ring-blue-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}

.focus\:ring-blue-300\/50:focus {
  --tw-ring-color: rgb(164 202 254 / 0.5);
}

.focus\:ring-blue-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(118 169 250 / var(--tw-ring-opacity));
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}

.focus\:ring-blue-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity));
}

.focus\:ring-blue-gray-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(176 190 197 / var(--tw-ring-opacity));
}

.focus\:ring-brown-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(188 170 164 / var(--tw-ring-opacity));
}

.focus\:ring-cyan-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(128 222 234 / var(--tw-ring-opacity));
}

.focus\:ring-cyan-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(77 208 225 / var(--tw-ring-opacity));
}

.focus\:ring-cyan-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(38 198 218 / var(--tw-ring-opacity));
}

.focus\:ring-cyan-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 188 212 / var(--tw-ring-opacity));
}

.focus\:ring-cyan-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 172 193 / var(--tw-ring-opacity));
}

.focus\:ring-cyan-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 151 167 / var(--tw-ring-opacity));
}

.focus\:ring-cyan-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 131 143 / var(--tw-ring-opacity));
}

.focus\:ring-deep-orange-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 171 145 / var(--tw-ring-opacity));
}

.focus\:ring-deep-purple-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(179 157 219 / var(--tw-ring-opacity));
}

.focus\:ring-gold-500\/20:focus {
  --tw-ring-color: hsl(45 100% 58% / 0.2);
}

.focus\:ring-gold-500\/50:focus {
  --tw-ring-color: hsl(45 100% 58% / 0.5);
}

.focus\:ring-gray-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}

.focus\:ring-gray-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}

.focus\:ring-gray-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
}

.focus\:ring-gray-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
}

.focus\:ring-gray-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
}

.focus\:ring-green-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(188 240 218 / var(--tw-ring-opacity));
}

.focus\:ring-green-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(132 225 188 / var(--tw-ring-opacity));
}

.focus\:ring-green-300\/50:focus {
  --tw-ring-color: rgb(132 225 188 / 0.5);
}

.focus\:ring-green-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(49 196 141 / var(--tw-ring-opacity));
}

.focus\:ring-green-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity));
}

.focus\:ring-green-500\/20:focus {
  --tw-ring-color: rgb(14 159 110 / 0.2);
}

.focus\:ring-green-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(5 122 85 / var(--tw-ring-opacity));
}

.focus\:ring-green-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(205 219 254 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(180 198 252 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(141 162 251 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(81 69 205 / var(--tw-ring-opacity));
}

.focus\:ring-light-blue-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(129 212 250 / var(--tw-ring-opacity));
}

.focus\:ring-light-green-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(197 225 165 / var(--tw-ring-opacity));
}

.focus\:ring-lime-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(230 238 156 / var(--tw-ring-opacity));
}

.focus\:ring-lime-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 231 117 / var(--tw-ring-opacity));
}

.focus\:ring-lime-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(212 225 87 / var(--tw-ring-opacity));
}

.focus\:ring-lime-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(175 180 43 / var(--tw-ring-opacity));
}

.focus\:ring-orange-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 217 189 / var(--tw-ring-opacity));
}

.focus\:ring-orange-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 138 76 / var(--tw-ring-opacity));
}

.focus\:ring-orange-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 90 31 / var(--tw-ring-opacity));
}

.focus\:ring-pink-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 209 232 / var(--tw-ring-opacity));
}

.focus\:ring-pink-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 180 217 / var(--tw-ring-opacity));
}

.focus\:ring-pink-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 126 184 / var(--tw-ring-opacity));
}

.focus\:ring-pink-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(214 31 105 / var(--tw-ring-opacity));
}

.focus\:ring-purple-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 215 254 / var(--tw-ring-opacity));
}

.focus\:ring-purple-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(202 191 253 / var(--tw-ring-opacity));
}

.focus\:ring-purple-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(172 148 250 / var(--tw-ring-opacity));
}

.focus\:ring-purple-500\/20:focus {
  --tw-ring-color: rgb(144 97 249 / 0.2);
}

.focus\:ring-purple-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(126 58 242 / var(--tw-ring-opacity));
}

.focus\:ring-red-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 232 232 / var(--tw-ring-opacity));
}

.focus\:ring-red-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 213 213 / var(--tw-ring-opacity));
}

.focus\:ring-red-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity));
}

.focus\:ring-red-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity));
}

.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity));
}

.focus\:ring-red-500\/20:focus {
  --tw-ring-color: rgb(240 82 82 / 0.2);
}

.focus\:ring-red-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 36 36 / var(--tw-ring-opacity));
}

.focus\:ring-red-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(200 30 30 / var(--tw-ring-opacity));
}

.focus\:ring-red-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 29 29 / var(--tw-ring-opacity));
}

.focus\:ring-teal-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(175 236 239 / var(--tw-ring-opacity));
}

.focus\:ring-teal-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(126 220 226 / var(--tw-ring-opacity));
}

.focus\:ring-teal-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 189 202 / var(--tw-ring-opacity));
}

.focus\:ring-teal-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(4 116 129 / var(--tw-ring-opacity));
}

.focus\:ring-white\/50:focus {
  --tw-ring-color: rgb(255 255 255 / 0.5);
}

.focus\:ring-yellow-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 233 106 / var(--tw-ring-opacity));
}

.focus\:ring-yellow-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 202 21 / var(--tw-ring-opacity));
}

.focus\:ring-yellow-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(227 160 8 / var(--tw-ring-opacity));
}

.focus\:ring-yellow-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(194 120 3 / var(--tw-ring-opacity));
}

.focus\:ring-opacity-50:focus {
  --tw-ring-opacity: 0.5;
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus\:placeholder\:opacity-100:focus::placeholder {
  opacity: 1;
}

.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:ring-2:focus-visible {
  --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);
}

.focus-visible\:ring-gold-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(45 100% 58% / var(--tw-ring-opacity));
}

.focus-visible\:ring-red-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity));
}

.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.active\:scale-100:active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  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));
}

.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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));
}

.active\:scale-\[0\.98\]:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  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));
}

.active\:cursor-grabbing:active {
  cursor: grabbing;
}

.active\:border-red-900:active {
  --tw-border-opacity: 1;
  border-color: rgb(119 29 29 / var(--tw-border-opacity));
}

.active\:bg-amber-500\/30:active {
  background-color: rgb(255 193 7 / 0.3);
}

.active\:bg-blue-500\/30:active {
  background-color: rgb(63 131 248 / 0.3);
}

.active\:bg-blue-gray-50:active {
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 241 / var(--tw-bg-opacity));
}

.active\:bg-blue-gray-500\/30:active {
  background-color: rgb(96 125 139 / 0.3);
}

.active\:bg-brown-500\/30:active {
  background-color: rgb(121 85 72 / 0.3);
}

.active\:bg-cyan-500\/30:active {
  background-color: rgb(0 188 212 / 0.3);
}

.active\:bg-deep-orange-500\/30:active {
  background-color: rgb(255 87 34 / 0.3);
}

.active\:bg-deep-purple-500\/30:active {
  background-color: rgb(103 58 183 / 0.3);
}

.active\:bg-gray-900\/20:active {
  background-color: rgb(17 24 39 / 0.2);
}

.active\:bg-green-500\/30:active {
  background-color: rgb(14 159 110 / 0.3);
}

.active\:bg-indigo-500:active {
  --tw-bg-opacity: 1;
  background-color: rgb(104 117 245 / var(--tw-bg-opacity));
}

.active\:bg-indigo-500\/30:active {
  background-color: rgb(104 117 245 / 0.3);
}

.active\:bg-light-blue-500\/30:active {
  background-color: rgb(3 169 244 / 0.3);
}

.active\:bg-light-green-500\/30:active {
  background-color: rgb(139 195 74 / 0.3);
}

.active\:bg-lime-500\/30:active {
  background-color: rgb(205 220 57 / 0.3);
}

.active\:bg-orange-500\/30:active {
  background-color: rgb(255 90 31 / 0.3);
}

.active\:bg-pink-500\/30:active {
  background-color: rgb(231 70 148 / 0.3);
}

.active\:bg-purple-500\/30:active {
  background-color: rgb(144 97 249 / 0.3);
}

.active\:bg-red-500\/30:active {
  background-color: rgb(240 82 82 / 0.3);
}

.active\:bg-teal-500\/30:active {
  background-color: rgb(6 148 162 / 0.3);
}

.active\:bg-transparent:active {
  background-color: transparent;
}

.active\:bg-white\/30:active {
  background-color: rgb(255 255 255 / 0.3);
}

.active\:bg-yellow-500\/30:active {
  background-color: rgb(194 120 3 / 0.3);
}

.active\:bg-opacity-80:active {
  --tw-bg-opacity: 0.8;
}

.active\:text-blue-gray-500:active {
  --tw-text-opacity: 1;
  color: rgb(96 125 139 / var(--tw-text-opacity));
}

.active\:text-blue-gray-900:active {
  --tw-text-opacity: 1;
  color: rgb(38 50 56 / var(--tw-text-opacity));
}

.active\:text-red-700:active {
  --tw-text-opacity: 1;
  color: rgb(200 30 30 / var(--tw-text-opacity));
}

.active\:opacity-\[0\.85\]:active {
  opacity: 0.85;
}

.active\:shadow-none:active {
  --tw-shadow: 0 0 rgb(0, 0 / 0, 0);
  --tw-shadow-colored: 0 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);
}

.enabled\:hover\:bg-blue-800:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(30 66 159 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-cyan-100:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(178 235 242 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-cyan-800:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(0 131 143 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-gray-100:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-gray-900:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-green-100:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(222 247 236 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-green-800:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-indigo-100:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(229 237 255 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-lime-100:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 195 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-pink-100:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(252 232 243 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-purple-800:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(85 33 181 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-red-100:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(253 232 232 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-red-800:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-teal-100:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(213 245 246 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-yellow-100:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(253 246 178 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-yellow-500:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(194 120 3 / var(--tw-bg-opacity));
}

.enabled\:hover\:bg-gradient-to-bl:hover:enabled {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}

.enabled\:hover\:bg-gradient-to-br:hover:enabled {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.enabled\:hover\:bg-gradient-to-l:hover:enabled {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.enabled\:hover\:from-teal-200:hover:enabled {
  --tw-gradient-from: #AFECEF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(175 236 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.enabled\:hover\:to-lime-200:hover:enabled {
  --tw-gradient-to: #e6ee9c var(--tw-gradient-to-position);
}

.enabled\:hover\:text-cyan-700:hover:enabled {
  --tw-text-opacity: 1;
  color: rgb(0 151 167 / var(--tw-text-opacity));
}

.enabled\:hover\:text-gray-700:hover:enabled {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.enabled\:hover\:text-gray-900:hover:enabled {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

.disabled\:transform-none:disabled {
  transform: none;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:resize-none:disabled {
  resize: none;
}

.disabled\:border-0:disabled {
  border-width: 0px;
}

.disabled\:border-gray-400:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.disabled\:bg-blue-gray-50:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 241 / var(--tw-bg-opacity));
}

.disabled\:bg-gray-200:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.disabled\:text-gray-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.disabled\:text-gray-500:disabled {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.disabled\:opacity-40:disabled {
  opacity: 0.4;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:opacity-60:disabled {
  opacity: 0.6;
}

.disabled\:shadow-none:disabled {
  --tw-shadow: 0 0 rgb(0, 0 / 0, 0);
  --tw-shadow-colored: 0 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);
}

.group:first-child .group-first\:hidden {
  display: none;
}

.group\/body:first-child .group\/row:first-child .group-first\/body\:group-first\/row\:first\:rounded-tl-lg:first-child {
  border-top-left-radius: var(--radius);
}

.group\/head:first-child .group-first\/head\:first\:rounded-tl-lg:first-child {
  border-top-left-radius: var(--radius);
}

.group\/body:first-child .group\/row:first-child .group-first\/body\:group-first\/row\:last\:rounded-tr-lg:last-child {
  border-top-right-radius: var(--radius);
}

.group\/head:first-child .group-first\/head\:last\:rounded-tr-lg:last-child {
  border-top-right-radius: var(--radius);
}

.group\/body:last-child .group\/row:last-child .group-last\/body\:group-last\/row\:first\:rounded-bl-lg:first-child {
  border-bottom-left-radius: var(--radius);
}

.group\/body:last-child .group\/row:last-child .group-last\/body\:group-last\/row\:last\:rounded-br-lg:last-child {
  border-bottom-right-radius: var(--radius);
}

.group:focus-within .group-focus-within\:text-\[\#FFC727\] {
  --tw-text-opacity: 1;
  color: rgb(255 199 39 / var(--tw-text-opacity));
}

.group:hover .group-hover\:visible {
  visibility: visible;
}

.group\/btn:hover .group-hover\/btn\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  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));
}

.group:hover .group-hover\:-translate-x-1 {
  --tw-translate-x: -0.25rem;
  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));
}

.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  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));
}

.group:hover .group-hover\:translate-x-full {
  --tw-translate-x: 100%;
  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));
}

.group:hover .group-hover\:translate-y-0 {
  --tw-translate-y: 0px;
  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));
}

.group:hover .group-hover\:translate-y-0\.5 {
  --tw-translate-y: 0.125rem;
  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));
}

.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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));
}

.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  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));
}

.group:hover .group-hover\:border-\[\#FFC727\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 199 39 / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-\[\#FFC727\]\/60 {
  border-color: rgb(255 199 39 / 0.6);
}

.group:hover .group-hover\:border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}

.group:hover .group-hover\:bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(195 221 253 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-cyan-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(128 222 234 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(188 240 218 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-indigo-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(205 219 254 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-lime-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(230 238 156 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-pink-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 209 232 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 215 254 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 213 213 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-teal-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(175 236 239 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}

.group:hover .group-hover\:bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5);
}

.group:hover .group-hover\:bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 233 106 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:from-\[\#FF9C00\] {
  --tw-gradient-from: #FF9C00 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 156 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-\[\#FFB800\] {
  --tw-gradient-from: #FFB800 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 184 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-\[\#FFC727\] {
  --tw-gradient-from: #FFC727 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 199 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-\[\#FFD84D\] {
  --tw-gradient-from: #FFD84D var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 216 77 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-gold-500\/30 {
  --tw-gradient-from: hsl(45 100% 58% / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:to-\[\#FFB800\] {
  --tw-gradient-to: #FFB800 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-\[\#FFC727\] {
  --tw-gradient-to: #FFC727 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-\[\#FFD700\] {
  --tw-gradient-to: #FFD700 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-gold-600\/30 {
  --tw-gradient-to: hsl(38 100% 55% / 0.3) var(--tw-gradient-to-position);
}

.group:hover .group-hover\:text-\[\#FFC727\] {
  --tw-text-opacity: 1;
  color: rgb(255 199 39 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(255 213 79 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gold-300 {
  --tw-text-opacity: 1;
  color: hsl(45 100% 70% / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gold-400 {
  --tw-text-opacity: 1;
  color: hsl(45 100% 65% / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(249 128 128 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}

.group:hover .group-hover\:text-white\/95 {
  color: rgb(255 255 255 / 0.95);
}

.group\/kw:hover .group-hover\/kw\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-30 {
  opacity: 0.3;
}

.group:hover .group-hover\:opacity-40 {
  opacity: 0.4;
}

.group:hover .group-hover\:opacity-50 {
  opacity: 0.5;
}

.group:hover .group-hover\:ring-\[\#FFC727\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 199 39 / var(--tw-ring-opacity));
}

.group:hover .group-hover\:duration-200 {
  transition-duration: 200ms;
  animation-duration: 200ms;
}

.group:focus .group-focus\:outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.group:focus .group-focus\:ring-4 {
  --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(4px + 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);
}

.group:focus .group-focus\:ring-cyan-500\/25 {
  --tw-ring-color: rgb(0 188 212 / 0.25);
}

.group:focus .group-focus\:ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}

.group:enabled:hover .group-enabled\:group-hover\:bg-opacity-0 {
  --tw-bg-opacity: 0;
}

.group:enabled:hover .group-enabled\:group-hover\:text-inherit {
  color: inherit;
}

.peer:checked ~ .peer-checked\:translate-x-full {
  --tw-translate-x: 100%;
  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));
}

.peer:checked ~ .peer-checked\:border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(255 193 7 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-blue-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(96 125 139 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-brown-500 {
  --tw-border-opacity: 1;
  border-color: rgb(121 85 72 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-cyan-500 {
  --tw-border-opacity: 1;
  border-color: rgb(0 188 212 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-deep-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(255 87 34 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-deep-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(103 58 183 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(14 159 110 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(104 117 245 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-light-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(3 169 244 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-light-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(139 195 74 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-lime-500 {
  --tw-border-opacity: 1;
  border-color: rgb(205 220 57 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(255 90 31 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-pink-500 {
  --tw-border-opacity: 1;
  border-color: rgb(231 70 148 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(144 97 249 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(240 82 82 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-teal-500 {
  --tw-border-opacity: 1;
  border-color: rgb(6 148 162 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(194 120 3 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:opacity-100 {
  opacity: 1;
}

.peer:checked ~ .peer-checked\:before\:bg-amber-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 193 7 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-blue-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(63 131 248 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-blue-gray-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(96 125 139 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-brown-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(121 85 72 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-cyan-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(0 188 212 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-deep-orange-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 87 34 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-deep-purple-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(103 58 183 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-gray-900::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-green-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(14 159 110 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-indigo-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(104 117 245 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-light-blue-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(3 169 244 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-light-green-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(139 195 74 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-lime-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(205 220 57 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-orange-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 90 31 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-pink-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(231 70 148 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-purple-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(144 97 249 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-red-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(240 82 82 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-teal-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(6 148 162 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:before\:bg-yellow-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(194 120 3 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:after\:translate-x-full::after {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  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));
}

.peer:checked ~ .peer-checked\:after\:border-white::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:top-1\/2 {
  top: 50%;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:-translate-y-1\/2 {
  --tw-translate-y: -50%;
  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));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:translate-y-0 {
  --tw-translate-y: 0px;
  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));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  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));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:leading-\[3\.75\] {
  line-height: 3.75;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:leading-\[4\.1\] {
  line-height: 4.1;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:leading-\[4\.25\] {
  line-height: 4.25;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:leading-\[4\.875\] {
  line-height: 4.875;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:leading-tight {
  line-height: 1.25;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:text-blue-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(96 125 139 / var(--tw-text-opacity));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(14 159 110 / var(--tw-text-opacity));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(240 82 82 / var(--tw-text-opacity));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:before\:border-transparent::before {
  content: var(--tw-content);
  border-color: transparent;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:after\:border-transparent::after {
  content: var(--tw-content);
  border-color: transparent;
}

.peer:focus ~ .peer-focus\:left-0 {
  left: 0px;
}

.peer:focus ~ .peer-focus\:top-2 {
  top: 0.5rem;
}

.peer:focus ~ .peer-focus\:-translate-y-1 {
  --tw-translate-y: -0.25rem;
  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));
}

.peer:focus ~ .peer-focus\:-translate-y-1\.5 {
  --tw-translate-y: -0.375rem;
  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));
}

.peer:focus ~ .peer-focus\:-translate-y-4 {
  --tw-translate-y: -1rem;
  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));
}

.peer:focus ~ .peer-focus\:-translate-y-6 {
  --tw-translate-y: -1.5rem;
  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));
}

.peer:focus ~ .peer-focus\:scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  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));
}

.peer:focus ~ .peer-focus\:px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.peer:focus ~ .peer-focus\:text-\[11px\] {
  font-size: 11px;
}

.peer:focus ~ .peer-focus\:text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.peer:focus ~ .peer-focus\:text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.peer:focus ~ .peer-focus\:leading-tight {
  line-height: 1.25;
}

.peer:focus ~ .peer-focus\:text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(255 213 79 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(255 193 7 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(63 131 248 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(28 100 242 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-blue-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(96 125 139 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-brown-500 {
  --tw-text-opacity: 1;
  color: rgb(121 85 72 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-cyan-500 {
  --tw-text-opacity: 1;
  color: rgb(0 188 212 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-deep-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(255 87 34 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-deep-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(103 58 183 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(14 159 110 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(104 117 245 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-light-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(3 169 244 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-light-green-500 {
  --tw-text-opacity: 1;
  color: rgb(139 195 74 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-lime-500 {
  --tw-text-opacity: 1;
  color: rgb(205 220 57 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(255 90 31 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(231 70 148 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(144 97 249 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(240 82 82 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-teal-500 {
  --tw-text-opacity: 1;
  color: rgb(6 148 162 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(194 120 3 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.peer:focus ~ .peer-focus\:ring-4 {
  --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(4px + 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);
}

.peer:focus ~ .peer-focus\:ring-blue-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}

.peer:focus ~ .peer-focus\:ring-orange-300\/50 {
  --tw-ring-color: rgb(253 186 140 / 0.5);
}

.peer:focus ~ .peer-focus\:ring-red-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity));
}

.peer:focus ~ .peer-focus\:ring-red-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(155 28 28 / var(--tw-ring-opacity));
}

.peer:focus ~ .peer-focus\:before\:border-l-2::before {
  content: var(--tw-content);
  border-left-width: 2px;
}

.peer:focus ~ .peer-focus\:before\:border-t-2::before {
  content: var(--tw-content);
  border-top-width: 2px;
}

.peer:focus ~ .peer-focus\:before\:\!border-amber-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 193 7 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-black::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-blue-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(63 131 248 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-blue-gray-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(96 125 139 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-brown-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(121 85 72 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-cyan-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 188 212 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-deep-orange-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 87 34 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-deep-purple-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(103 58 183 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-gray-900::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(17 24 39 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-green-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(14 159 110 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-indigo-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(104 117 245 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-light-blue-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(3 169 244 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-light-green-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(139 195 74 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-lime-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(205 220 57 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-orange-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 90 31 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-pink-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(231 70 148 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-purple-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(144 97 249 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-red-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(240 82 82 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-teal-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(6 148 162 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-white::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:\!border-yellow-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(194 120 3 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:before\:border-green-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(14 159 110 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:before\:border-red-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(240 82 82 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:scale-x-100::after {
  content: var(--tw-content);
  --tw-scale-x: 1;
  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));
}

.peer:focus ~ .peer-focus\:after\:border-r-2::after {
  content: var(--tw-content);
  border-right-width: 2px;
}

.peer:focus ~ .peer-focus\:after\:border-t-2::after {
  content: var(--tw-content);
  border-top-width: 2px;
}

.peer:focus ~ .peer-focus\:after\:\!border-amber-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 193 7 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-black::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-blue-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(63 131 248 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-blue-gray-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(96 125 139 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-brown-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(121 85 72 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-cyan-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 188 212 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-deep-orange-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 87 34 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-deep-purple-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(103 58 183 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-gray-900::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(17 24 39 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-green-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(14 159 110 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-indigo-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(104 117 245 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-light-blue-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(3 169 244 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-light-green-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(139 195 74 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-lime-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(205 220 57 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-orange-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 90 31 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-pink-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(231 70 148 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-purple-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(144 97 249 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-red-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(240 82 82 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-teal-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(6 148 162 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-white::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:\!border-yellow-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(194 120 3 / var(--tw-border-opacity)) !important;
}

.peer:focus ~ .peer-focus\:after\:border-amber-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 193 7 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-black::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-blue-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-blue-gray-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(96 125 139 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-brown-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(121 85 72 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-cyan-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(0 188 212 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-deep-orange-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 87 34 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-deep-purple-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(103 58 183 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-gray-900::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-green-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(14 159 110 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-indigo-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(104 117 245 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-light-blue-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(3 169 244 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-light-green-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(139 195 74 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-lime-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(205 220 57 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-orange-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 90 31 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-pink-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(231 70 148 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-purple-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(144 97 249 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-red-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(240 82 82 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-teal-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(6 148 162 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-white::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:after\:border-yellow-500::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(194 120 3 / var(--tw-border-opacity));
}

.peer:disabled ~ .peer-disabled\:pointer-events-none {
  pointer-events: none;
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:text-blue-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(120 144 156 / var(--tw-text-opacity));
}

.peer:disabled ~ .peer-disabled\:text-transparent {
  color: transparent;
}

.peer:disabled ~ .peer-disabled\:opacity-50 {
  opacity: 0.5;
}

.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}

.peer:disabled ~ .peer-disabled\:before\:border-transparent::before {
  content: var(--tw-content);
  border-color: transparent;
}

.peer:disabled ~ .peer-disabled\:after\:border-transparent::after {
  content: var(--tw-content);
  border-color: transparent;
}

.peer:disabled:placeholder-shown ~ .peer-disabled\:peer-placeholder-shown\:text-blue-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(96 125 139 / var(--tw-text-opacity));
}

.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:-translate-y-1\.5 {
  --tw-translate-y: -0.375rem;
  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));
}

.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(255 213 79 / var(--tw-text-opacity));
}

.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.data-\[focus\]\:bg-white\/10[data-focus] {
  background-color: rgb(255 255 255 / 0.1);
}

.data-\[focus\]\:outline-2[data-focus] {
  outline-width: 2px;
}

.data-\[focus\]\:-outline-offset-2[data-focus] {
  outline-offset: -2px;
}

.data-\[focus\]\:outline-white\/25[data-focus] {
  outline-color: rgb(255 255 255 / 0.25);
}

.data-\[state\=open\]\:animate-in[data-state=open] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.data-\[state\=closed\]\:animate-out[data-state=closed] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}

.data-\[state\=closed\]\:fade-out-0[data-state=closed] {
  --tw-exit-opacity: 0;
}

.data-\[state\=open\]\:fade-in-0[data-state=open] {
  --tw-enter-opacity: 0;
}

.data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
  --tw-exit-scale: .95;
}

.data-\[state\=open\]\:zoom-in-95[data-state=open] {
  --tw-enter-scale: .95;
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
  --tw-exit-translate-x: -50%;
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
  --tw-exit-translate-y: -48%;
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
  --tw-enter-translate-x: -50%;
}

.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
  --tw-enter-translate-y: -48%;
}

.group[data-selected] .group-data-\[selected\]\:visible {
  visibility: visible;
}

.group[data-hover] .group-data-\[hover\]\:fill-white {
  fill: #ffffff;
}

@media (prefers-reduced-motion: reduce) {

  .motion-reduce\:transition-none {
    transition-property: none;
  }
}

:is(.dark .dark\:block) {
  display: block;
}

:is(.dark .dark\:hidden) {
  display: none;
}

:is(.dark .dark\:divide-gray-700) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-divide-opacity));
}

:is(.dark .dark\:border-none) {
  border-style: none;
}

:is(.dark .dark\:border-cyan-400) {
  --tw-border-opacity: 1;
  border-color: rgb(38 198 218 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-cyan-500) {
  --tw-border-opacity: 1;
  border-color: rgb(0 188 212 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-cyan-600) {
  --tw-border-opacity: 1;
  border-color: rgb(0 172 193 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-gray-500) {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-gray-600) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-gray-700) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-gray-800) {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-gray-900) {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-green-400) {
  --tw-border-opacity: 1;
  border-color: rgb(49 196 141 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-green-500) {
  --tw-border-opacity: 1;
  border-color: rgb(14 159 110 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-green-600) {
  --tw-border-opacity: 1;
  border-color: rgb(5 122 85 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-indigo-600) {
  --tw-border-opacity: 1;
  border-color: rgb(88 80 236 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-lime-600) {
  --tw-border-opacity: 1;
  border-color: rgb(192 202 51 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-pink-600) {
  --tw-border-opacity: 1;
  border-color: rgb(214 31 105 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-red-400) {
  --tw-border-opacity: 1;
  border-color: rgb(249 128 128 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-red-500) {
  --tw-border-opacity: 1;
  border-color: rgb(240 82 82 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-red-600) {
  --tw-border-opacity: 1;
  border-color: rgb(224 36 36 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-teal-600) {
  --tw-border-opacity: 1;
  border-color: rgb(4 116 129 / var(--tw-border-opacity));
}

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

:is(.dark .dark\:border-yellow-400) {
  --tw-border-opacity: 1;
  border-color: rgb(227 160 8 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-yellow-600) {
  --tw-border-opacity: 1;
  border-color: rgb(159 88 10 / var(--tw-border-opacity));
}

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

:is(.dark .dark\:bg-blue-200) {
  --tw-bg-opacity: 1;
  background-color: rgb(195 221 253 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-blue-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(28 100 242 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-blue-800\/30) {
  background-color: rgb(30 66 159 / 0.3);
}

:is(.dark .dark\:bg-blue-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 56 118 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-cyan-100) {
  --tw-bg-opacity: 1;
  background-color: rgb(178 235 242 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-cyan-200) {
  --tw-bg-opacity: 1;
  background-color: rgb(128 222 234 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-cyan-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 172 193 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-cyan-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 96 100 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-dark-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(32 33 36 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-200) {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-300) {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-400) {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-500) {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-700) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-800) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-800\/30) {
  background-color: rgb(31 41 55 / 0.3);
}

:is(.dark .dark\:bg-gray-800\/50) {
  background-color: rgb(31 41 55 / 0.5);
}

:is(.dark .dark\:bg-gray-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-green-100) {
  --tw-bg-opacity: 1;
  background-color: rgb(222 247 236 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-green-200) {
  --tw-bg-opacity: 1;
  background-color: rgb(188 240 218 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-green-500) {
  --tw-bg-opacity: 1;
  background-color: rgb(14 159 110 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-green-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(5 122 85 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-green-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-indigo-200) {
  --tw-bg-opacity: 1;
  background-color: rgb(205 219 254 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-indigo-500) {
  --tw-bg-opacity: 1;
  background-color: rgb(104 117 245 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-indigo-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(88 80 236 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-lime-200) {
  --tw-bg-opacity: 1;
  background-color: rgb(230 238 156 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-lime-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(192 202 51 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-pink-200) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 209 232 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-pink-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(214 31 105 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-purple-200) {
  --tw-bg-opacity: 1;
  background-color: rgb(220 215 254 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-purple-500) {
  --tw-bg-opacity: 1;
  background-color: rgb(144 97 249 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-purple-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(126 58 242 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-purple-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(74 29 150 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-red-100) {
  --tw-bg-opacity: 1;
  background-color: rgb(253 232 232 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-red-200) {
  --tw-bg-opacity: 1;
  background-color: rgb(251 213 213 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-red-500) {
  --tw-bg-opacity: 1;
  background-color: rgb(240 82 82 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-red-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-red-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-teal-200) {
  --tw-bg-opacity: 1;
  background-color: rgb(175 236 239 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-teal-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(4 116 129 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-transparent) {
  background-color: transparent;
}

:is(.dark .dark\:bg-yellow-100) {
  --tw-bg-opacity: 1;
  background-color: rgb(253 246 178 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-yellow-200) {
  --tw-bg-opacity: 1;
  background-color: rgb(252 233 106 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-yellow-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(159 88 10 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-yellow-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(99 49 18 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-opacity-80) {
  --tw-bg-opacity: 0.8;
}

:is(.dark .dark\:fill-gray-300) {
  fill: #D1D5DB;
}

:is(.dark .dark\:text-blue-200) {
  --tw-text-opacity: 1;
  color: rgb(195 221 253 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-blue-500) {
  --tw-text-opacity: 1;
  color: rgb(63 131 248 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-blue-600) {
  --tw-text-opacity: 1;
  color: rgb(28 100 242 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-blue-800) {
  --tw-text-opacity: 1;
  color: rgb(30 66 159 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-blue-900) {
  --tw-text-opacity: 1;
  color: rgb(35 56 118 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-cyan-100) {
  --tw-text-opacity: 1;
  color: rgb(178 235 242 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-cyan-300) {
  --tw-text-opacity: 1;
  color: rgb(77 208 225 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-cyan-500) {
  --tw-text-opacity: 1;
  color: rgb(0 188 212 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-cyan-600) {
  --tw-text-opacity: 1;
  color: rgb(0 172 193 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-cyan-800) {
  --tw-text-opacity: 1;
  color: rgb(0 131 143 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-cyan-900) {
  --tw-text-opacity: 1;
  color: rgb(0 96 100 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-100) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-200) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-300) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-400) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-500) {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-600) {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-800) {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-900) {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-green-400) {
  --tw-text-opacity: 1;
  color: rgb(49 196 141 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-green-500) {
  --tw-text-opacity: 1;
  color: rgb(14 159 110 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-green-600) {
  --tw-text-opacity: 1;
  color: rgb(5 122 85 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-green-800) {
  --tw-text-opacity: 1;
  color: rgb(3 84 63 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-green-900) {
  --tw-text-opacity: 1;
  color: rgb(1 71 55 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-indigo-600) {
  --tw-text-opacity: 1;
  color: rgb(88 80 236 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-indigo-800) {
  --tw-text-opacity: 1;
  color: rgb(66 56 157 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-indigo-900) {
  --tw-text-opacity: 1;
  color: rgb(54 47 120 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-lime-600) {
  --tw-text-opacity: 1;
  color: rgb(192 202 51 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-lime-800) {
  --tw-text-opacity: 1;
  color: rgb(158 157 36 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-lime-900) {
  --tw-text-opacity: 1;
  color: rgb(130 119 23 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-pink-600) {
  --tw-text-opacity: 1;
  color: rgb(214 31 105 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-pink-800) {
  --tw-text-opacity: 1;
  color: rgb(153 21 75 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-pink-900) {
  --tw-text-opacity: 1;
  color: rgb(117 26 61 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-primary-400) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-primary-500) {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-purple-600) {
  --tw-text-opacity: 1;
  color: rgb(126 58 242 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-purple-800) {
  --tw-text-opacity: 1;
  color: rgb(85 33 181 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-purple-900) {
  --tw-text-opacity: 1;
  color: rgb(74 29 150 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-red-200) {
  --tw-text-opacity: 1;
  color: rgb(251 213 213 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-red-400) {
  --tw-text-opacity: 1;
  color: rgb(249 128 128 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-red-500) {
  --tw-text-opacity: 1;
  color: rgb(240 82 82 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-red-600) {
  --tw-text-opacity: 1;
  color: rgb(224 36 36 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-red-700) {
  --tw-text-opacity: 1;
  color: rgb(200 30 30 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-red-800) {
  --tw-text-opacity: 1;
  color: rgb(155 28 28 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-red-900) {
  --tw-text-opacity: 1;
  color: rgb(119 29 29 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-teal-600) {
  --tw-text-opacity: 1;
  color: rgb(4 116 129 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-teal-800) {
  --tw-text-opacity: 1;
  color: rgb(5 80 92 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-teal-900) {
  --tw-text-opacity: 1;
  color: rgb(1 68 81 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-yellow-600) {
  --tw-text-opacity: 1;
  color: rgb(159 88 10 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-yellow-800) {
  --tw-text-opacity: 1;
  color: rgb(114 59 19 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-yellow-900) {
  --tw-text-opacity: 1;
  color: rgb(99 49 18 / var(--tw-text-opacity));
}

:is(.dark .dark\:placeholder-gray-400)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

:is(.dark .dark\:mix-blend-color) {
  mix-blend-mode: color;
}

:is(.dark .dark\:shadow-sm-light) {
  --tw-shadow: 0 2px 5px 0px rgba(255, 255, 255, 0.08);
  --tw-shadow-colored: 0 2px 5px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

:is(.dark .dark\:shadow-black\/20) {
  --tw-shadow-color: rgb(0 0 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

:is(.dark .dark\:ring-cyan-800) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 131 143 / var(--tw-ring-opacity));
}

:is(.dark .dark\:ring-gray-400) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
}

:is(.dark .dark\:ring-gray-500) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}

:is(.dark .dark\:ring-gray-800) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
}

:is(.dark .dark\:ring-gray-900) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
}

:is(.dark .dark\:ring-green-500) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity));
}

:is(.dark .dark\:ring-pink-500) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 70 148 / var(--tw-ring-opacity));
}

:is(.dark .dark\:ring-purple-600) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(126 58 242 / var(--tw-ring-opacity));
}

:is(.dark .dark\:ring-red-700) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(200 30 30 / var(--tw-ring-opacity));
}

:is(.dark .dark\:ring-yellow-500) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(194 120 3 / var(--tw-ring-opacity));
}

:is(.dark .dark\:ring-offset-blue-700) {
  --tw-ring-offset-color: #1A56DB;
}

:is(.dark .dark\:ring-offset-cyan-600) {
  --tw-ring-offset-color: #00acc1;
}

:is(.dark .dark\:ring-offset-gray-800) {
  --tw-ring-offset-color: #1F2937;
}

:is(.dark .dark\:ring-offset-gray-900) {
  --tw-ring-offset-color: #111827;
}

:is(.dark .dark\:ring-offset-green-600) {
  --tw-ring-offset-color: #057A55;
}

:is(.dark .dark\:ring-offset-green-800) {
  --tw-ring-offset-color: #03543F;
}

:is(.dark .dark\:ring-offset-indigo-700) {
  --tw-ring-offset-color: #5145CD;
}

:is(.dark .dark\:ring-offset-lime-700) {
  --tw-ring-offset-color: #afb42b;
}

:is(.dark .dark\:ring-offset-pink-600) {
  --tw-ring-offset-color: #D61F69;
}

:is(.dark .dark\:ring-offset-purple-600) {
  --tw-ring-offset-color: #7E3AF2;
}

:is(.dark .dark\:ring-offset-red-600) {
  --tw-ring-offset-color: #E02424;
}

:is(.dark .dark\:ring-offset-red-900) {
  --tw-ring-offset-color: #771D1D;
}

:is(.dark .dark\:ring-offset-teal-600) {
  --tw-ring-offset-color: #047481;
}

:is(.dark .dark\:ring-offset-yellow-400) {
  --tw-ring-offset-color: #E3A008;
}

:is(.dark .odd\:dark\:bg-gray-800):nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

:is(.dark .even\:dark\:bg-gray-700):nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-amber-500:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 193 7 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-blue-300:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(164 202 254 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-blue-700:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-cyan-300:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(77 208 225 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-cyan-700:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 151 167 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-gray-300:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-gray-600:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-gray-700:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-gray-800:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-green-300:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(132 225 188 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-indigo-300:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(180 198 252 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-lime-300:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(220 231 117 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-pink-300:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(248 180 217 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-purple-300:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(202 191 253 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-red-300:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(248 180 180 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-red-900:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-teal-300:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(126 220 226 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-yellow-300:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 202 21 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:text-gray-200:hover) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

:is(.dark .dark\:hover\:text-gray-300:hover) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

:is(.dark .dark\:hover\:text-white:hover) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .dark\:focus\:border-blue-500:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

:is(.dark .dark\:focus\:border-cyan-500:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(0 188 212 / var(--tw-border-opacity));
}

:is(.dark .dark\:focus\:border-green-500:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(14 159 110 / var(--tw-border-opacity));
}

:is(.dark .dark\:focus\:border-red-500:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(240 82 82 / var(--tw-border-opacity));
}

:is(.dark .dark\:focus\:border-yellow-500:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(194 120 3 / var(--tw-border-opacity));
}

:is(.dark .dark\:focus\:bg-cyan-600:focus) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 172 193 / var(--tw-bg-opacity));
}

:is(.dark .dark\:focus\:bg-gray-600:focus) {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

:is(.dark .dark\:focus\:bg-red-900:focus) {
  --tw-bg-opacity: 1;
  background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}

:is(.dark .dark\:focus\:text-white:focus) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .dark\:focus\:outline-none:focus) {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

:is(.dark .dark\:focus\:ring-1: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(1px + 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);
}

:is(.dark .dark\:focus\:ring-\[\#dc3545\]\/55:focus) {
  --tw-ring-color: rgb(220 53 69 / 0.55);
}

:is(.dark .dark\:focus\:ring-amber-600:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 179 0 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-blue-500:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-blue-700:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(26 86 219 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-blue-800:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-cyan-500:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 188 212 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-cyan-600:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 172 193 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-cyan-700:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 151 167 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-cyan-800:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 131 143 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-gray-500:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-gray-600:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-gray-700:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-gray-800:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-gray-900:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-green-500:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-green-600:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(5 122 85 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-green-700:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(4 108 78 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-green-800:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-indigo-700:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(81 69 205 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-lime-700:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(175 180 43 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-lime-800:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(158 157 36 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-pink-600:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(214 31 105 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-pink-700:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 18 93 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-pink-800:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(153 21 75 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-purple-600:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(126 58 242 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-purple-800:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(85 33 181 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-purple-900:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 29 150 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-red-400:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-red-500:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-red-600:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 36 36 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-red-700:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(200 30 30 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-red-800:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(155 28 28 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-red-900:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 29 29 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-teal-600:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(4 116 129 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-teal-700:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(3 102 114 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-teal-800:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(5 80 92 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-yellow-400:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(227 160 8 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-yellow-500:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(194 120 3 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-yellow-700:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(142 75 16 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-yellow-900:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 49 18 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus-visible\:ring-gold-400:focus-visible) {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(45 100% 65% / var(--tw-ring-opacity));
}

:is(.dark .dark\:enabled\:hover\:border-cyan-700:hover:enabled) {
  --tw-border-opacity: 1;
  border-color: rgb(0 151 167 / var(--tw-border-opacity));
}

:is(.dark .dark\:enabled\:hover\:border-gray-700:hover:enabled) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

:is(.dark .dark\:enabled\:hover\:border-green-700:hover:enabled) {
  --tw-border-opacity: 1;
  border-color: rgb(4 108 78 / var(--tw-border-opacity));
}

:is(.dark .dark\:enabled\:hover\:border-indigo-700:hover:enabled) {
  --tw-border-opacity: 1;
  border-color: rgb(81 69 205 / var(--tw-border-opacity));
}

:is(.dark .dark\:enabled\:hover\:border-lime-700:hover:enabled) {
  --tw-border-opacity: 1;
  border-color: rgb(175 180 43 / var(--tw-border-opacity));
}

:is(.dark .dark\:enabled\:hover\:border-pink-700:hover:enabled) {
  --tw-border-opacity: 1;
  border-color: rgb(191 18 93 / var(--tw-border-opacity));
}

:is(.dark .dark\:enabled\:hover\:border-red-700:hover:enabled) {
  --tw-border-opacity: 1;
  border-color: rgb(200 30 30 / var(--tw-border-opacity));
}

:is(.dark .dark\:enabled\:hover\:border-teal-700:hover:enabled) {
  --tw-border-opacity: 1;
  border-color: rgb(3 102 114 / var(--tw-border-opacity));
}

:is(.dark .dark\:enabled\:hover\:border-yellow-700:hover:enabled) {
  --tw-border-opacity: 1;
  border-color: rgb(142 75 16 / var(--tw-border-opacity));
}

:is(.dark .dark\:enabled\:hover\:bg-cyan-700:hover:enabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 151 167 / var(--tw-bg-opacity));
}

:is(.dark .dark\:enabled\:hover\:bg-gray-700:hover:enabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

:is(.dark .dark\:enabled\:hover\:bg-green-700:hover:enabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}

:is(.dark .dark\:enabled\:hover\:bg-indigo-700:hover:enabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(81 69 205 / var(--tw-bg-opacity));
}

:is(.dark .dark\:enabled\:hover\:bg-lime-700:hover:enabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(175 180 43 / var(--tw-bg-opacity));
}

:is(.dark .dark\:enabled\:hover\:bg-pink-700:hover:enabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(191 18 93 / var(--tw-bg-opacity));
}

:is(.dark .dark\:enabled\:hover\:bg-purple-700:hover:enabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(108 43 217 / var(--tw-bg-opacity));
}

:is(.dark .dark\:enabled\:hover\:bg-red-700:hover:enabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}

:is(.dark .dark\:enabled\:hover\:bg-teal-700:hover:enabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(3 102 114 / var(--tw-bg-opacity));
}

:is(.dark .dark\:enabled\:hover\:bg-yellow-700:hover:enabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(142 75 16 / var(--tw-bg-opacity));
}

:is(.dark .enabled\:dark\:hover\:bg-gray-700:hover):enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

:is(.dark .dark\:enabled\:hover\:text-white:hover:enabled) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .enabled\:dark\:hover\:text-white:hover):enabled {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .disabled\:dark\:text-gray-500):disabled {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

:is(.dark .group:hover .dark\:group-hover\:bg-blue-300) {
  --tw-bg-opacity: 1;
  background-color: rgb(164 202 254 / var(--tw-bg-opacity));
}

:is(.dark .group:hover .dark\:group-hover\:bg-cyan-300) {
  --tw-bg-opacity: 1;
  background-color: rgb(77 208 225 / var(--tw-bg-opacity));
}

:is(.dark .group:hover .dark\:group-hover\:bg-gray-500) {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

:is(.dark .group:hover .dark\:group-hover\:bg-gray-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

:is(.dark .group:hover .dark\:group-hover\:bg-gray-700) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

:is(.dark .group:hover .dark\:group-hover\:bg-gray-800\/60) {
  background-color: rgb(31 41 55 / 0.6);
}

:is(.dark .group:hover .dark\:group-hover\:bg-green-300) {
  --tw-bg-opacity: 1;
  background-color: rgb(132 225 188 / var(--tw-bg-opacity));
}

:is(.dark .group:hover .dark\:group-hover\:bg-indigo-300) {
  --tw-bg-opacity: 1;
  background-color: rgb(180 198 252 / var(--tw-bg-opacity));
}

:is(.dark .group:hover .dark\:group-hover\:bg-lime-300) {
  --tw-bg-opacity: 1;
  background-color: rgb(220 231 117 / var(--tw-bg-opacity));
}

:is(.dark .group:hover .dark\:group-hover\:bg-pink-300) {
  --tw-bg-opacity: 1;
  background-color: rgb(248 180 217 / var(--tw-bg-opacity));
}

:is(.dark .group:hover .dark\:group-hover\:bg-purple-300) {
  --tw-bg-opacity: 1;
  background-color: rgb(202 191 253 / var(--tw-bg-opacity));
}

:is(.dark .group:hover .dark\:group-hover\:bg-red-300) {
  --tw-bg-opacity: 1;
  background-color: rgb(248 180 180 / var(--tw-bg-opacity));
}

:is(.dark .group:hover .dark\:group-hover\:bg-teal-300) {
  --tw-bg-opacity: 1;
  background-color: rgb(126 220 226 / var(--tw-bg-opacity));
}

:is(.dark .group:hover .dark\:group-hover\:bg-yellow-300) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 202 21 / var(--tw-bg-opacity));
}

:is(.dark .group:hover .dark\:group-hover\:text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .group:focus .dark\:group-focus\:ring-gray-800\/70) {
  --tw-ring-color: rgb(31 41 55 / 0.7);
}

.peer:focus ~ :is(.dark .peer-focus\:dark\:text-blue-500) {
  --tw-text-opacity: 1;
  color: rgb(63 131 248 / var(--tw-text-opacity));
}

:is(.dark .peer:focus ~ .dark\:peer-focus\:ring-blue-800) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
}

:is(.dark .peer:focus ~ .dark\:peer-focus\:ring-red-800) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(155 28 28 / var(--tw-ring-opacity));
}

@media (min-width: 540px) {

  .sm\:relative {
    position: relative;
  }

  .sm\:right-3 {
    right: 0.75rem;
  }

  .sm\:right-4 {
    right: 1rem;
  }

  .sm\:top-4 {
    top: 1rem;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .sm\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:mb-0 {
    margin-bottom: 0px;
  }

  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .sm\:mb-4 {
    margin-bottom: 1rem;
  }

  .sm\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .sm\:mb-8 {
    margin-bottom: 2rem;
  }

  .sm\:ml-1 {
    margin-left: 0.25rem;
  }

  .sm\:ml-2 {
    margin-left: 0.5rem;
  }

  .sm\:ml-3 {
    margin-left: 0.75rem;
  }

  .sm\:mr-3 {
    margin-right: 0.75rem;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:mt-2 {
    margin-top: 0.5rem;
  }

  .sm\:mt-6 {
    margin-top: 1.5rem;
  }

  .sm\:mt-\[10px\] {
    margin-top: 10px;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-10 {
    height: 2.5rem;
  }

  .sm\:h-12 {
    height: 3rem;
  }

  .sm\:h-14 {
    height: 3.5rem;
  }

  .sm\:h-16 {
    height: 4rem;
  }

  .sm\:h-20 {
    height: 5rem;
  }

  .sm\:h-24 {
    height: 6rem;
  }

  .sm\:h-28 {
    height: 7rem;
  }

  .sm\:h-3 {
    height: 0.75rem;
  }

  .sm\:h-3\.5 {
    height: 0.875rem;
  }

  .sm\:h-4 {
    height: 1rem;
  }

  .sm\:h-40 {
    height: 10rem;
  }

  .sm\:h-5 {
    height: 1.25rem;
  }

  .sm\:h-56 {
    height: 14rem;
  }

  .sm\:h-6 {
    height: 1.5rem;
  }

  .sm\:h-7 {
    height: 1.75rem;
  }

  .sm\:h-8 {
    height: 2rem;
  }

  .sm\:h-80 {
    height: 20rem;
  }

  .sm\:h-96 {
    height: 24rem;
  }

  .sm\:max-h-\[90vh\] {
    max-height: 90vh;
  }

  .sm\:min-h-\[380px\] {
    min-height: 380px;
  }

  .sm\:min-h-\[56px\] {
    min-height: 56px;
  }

  .sm\:w-10 {
    width: 2.5rem;
  }

  .sm\:w-12 {
    width: 3rem;
  }

  .sm\:w-14 {
    width: 3.5rem;
  }

  .sm\:w-16 {
    width: 4rem;
  }

  .sm\:w-20 {
    width: 5rem;
  }

  .sm\:w-24 {
    width: 6rem;
  }

  .sm\:w-28 {
    width: 7rem;
  }

  .sm\:w-3 {
    width: 0.75rem;
  }

  .sm\:w-3\.5 {
    width: 0.875rem;
  }

  .sm\:w-32 {
    width: 8rem;
  }

  .sm\:w-4 {
    width: 1rem;
  }

  .sm\:w-40 {
    width: 10rem;
  }

  .sm\:w-48 {
    width: 12rem;
  }

  .sm\:w-5 {
    width: 1.25rem;
  }

  .sm\:w-6 {
    width: 1.5rem;
  }

  .sm\:w-8 {
    width: 2rem;
  }

  .sm\:w-96 {
    width: 24rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:max-w-2xl {
    max-width: 42rem;
  }

  .sm\:max-w-\[140px\] {
    max-width: 140px;
  }

  .sm\:max-w-\[180px\] {
    max-width: 180px;
  }

  .sm\:max-w-\[200px\] {
    max-width: 200px;
  }

  .sm\:max-w-lg {
    max-width: 32rem;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:max-w-xs {
    max-width: 20rem;
  }

  .sm\:flex-none {
    flex: none;
  }

  .sm\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .sm\:shrink-0 {
    flex-shrink: 0;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-0 {
    gap: 0px;
  }

  .sm\:gap-2 {
    gap: 0.5rem;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:gap-5 {
    gap: 1.25rem;
  }

  .sm\: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)));
  }

  .sm\: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)));
  }

  .sm\: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));
  }

  .sm\: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));
  }

  .sm\: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));
  }

  .sm\: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));
  }

  .sm\:rounded-2xl {
    border-radius: 1rem;
  }

  .sm\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .sm\:rounded-lg {
    border-radius: var(--radius);
  }

  .sm\:p-0 {
    padding: 0px;
  }

  .sm\:p-10 {
    padding: 2.5rem;
  }

  .sm\:p-12 {
    padding: 3rem;
  }

  .sm\:p-3 {
    padding: 0.75rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .sm\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:pr-32 {
    padding-right: 8rem;
  }

  .sm\:pr-4 {
    padding-right: 1rem;
  }

  .sm\:pr-8 {
    padding-right: 2rem;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-center {
    text-align: center;
  }

  .sm\:align-middle {
    vertical-align: middle;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .sm\:text-\[10px\] {
    font-size: 10px;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media (min-width: 720px) {

  .md\:absolute {
    position: absolute;
  }

  .md\:inset-0 {
    inset: 0px;
  }

  .md\:right-6 {
    right: 1.5rem;
  }

  .md\:top-6 {
    top: 1.5rem;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .md\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:ml-6 {
    margin-left: 1.5rem;
  }

  .md\:mr-6 {
    margin-right: 1.5rem;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-10 {
    margin-top: 2.5rem;
  }

  .md\:mt-5 {
    margin-top: 1.25rem;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-14 {
    height: 3.5rem;
  }

  .md\:h-24 {
    height: 6rem;
  }

  .md\:h-5 {
    height: 1.25rem;
  }

  .md\:h-96 {
    height: 24rem;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:min-h-\[600px\] {
    min-height: 600px;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-14 {
    width: 3.5rem;
  }

  .md\:w-2\/3 {
    width: 66.666667%;
  }

  .md\:w-24 {
    width: 6rem;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-3\/5 {
    width: 60%;
  }

  .md\:w-48 {
    width: 12rem;
  }

  .md\:w-5 {
    width: 1.25rem;
  }

  .md\:w-5\/6 {
    width: 83.333333%;
  }

  .md\:w-\[50\%\] {
    width: 50%;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:min-w-\[60\%\] {
    min-width: 60%;
  }

  .md\:min-w-\[66\.666667\%\] {
    min-width: 66.666667%;
  }

  .md\:min-w-\[75\%\] {
    min-width: 75%;
  }

  .md\:min-w-\[83\.333333\%\] {
    min-width: 83.333333%;
  }

  .md\:max-w-2xl {
    max-width: 42rem;
  }

  .md\:max-w-\[60\%\] {
    max-width: 60%;
  }

  .md\:max-w-\[66\.666667\%\] {
    max-width: 66.666667%;
  }

  .md\:max-w-\[75\%\] {
    max-width: 75%;
  }

  .md\:max-w-\[83\.333333\%\] {
    max-width: 83.333333%;
  }

  .md\:max-w-xl {
    max-width: 36rem;
  }

  .md\:flex-1 {
    flex: 1 1 0%;
  }

  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\: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)));
  }

  .md\: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));
  }

  .md\: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));
  }

  .md\:overflow-auto {
    overflow: auto;
  }

  .md\:rounded-none {
    border-radius: 0px;
  }

  .md\:rounded-l-lg {
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }

  .md\:border-0 {
    border-width: 0px;
  }

  .md\:bg-transparent {
    background-color: transparent;
  }

  .md\:p-0 {
    padding: 0px;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-12 {
    padding: 3rem;
  }

  .md\:p-5 {
    padding: 1.25rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:pt-4 {
    padding-top: 1rem;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .md\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }

  .md\:text-\[40px\] {
    font-size: 40px;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:font-medium {
    font-weight: 500;
  }

  .md\:text-cyan-700 {
    --tw-text-opacity: 1;
    color: rgb(0 151 167 / var(--tw-text-opacity));
  }

  .md\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .md\:hover\:text-cyan-700:hover {
    --tw-text-opacity: 1;
    color: rgb(0 151 167 / var(--tw-text-opacity));
  }

  :is(.dark .md\:dark\:hover\:bg-transparent:hover) {
    background-color: transparent;
  }

  :is(.dark .md\:dark\:hover\:text-white:hover) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}

@media (min-width: 960px) {

  .lg\:sticky {
    position: sticky;
  }

  .lg\:-bottom-3 {
    bottom: -0.75rem;
  }

  .lg\:top-4 {
    top: 1rem;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:col-start-1 {
    grid-column-start: 1;
  }

  .lg\:col-start-2 {
    grid-column-start: 2;
  }

  .lg\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .lg\:row-start-1 {
    grid-row-start: 1;
  }

  .lg\:row-start-2 {
    grid-row-start: 2;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .lg\:-mt-16 {
    margin-top: -4rem;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-20 {
    margin-bottom: 5rem;
  }

  .lg\:ml-8 {
    margin-left: 2rem;
  }

  .lg\:ml-auto {
    margin-left: auto;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-10 {
    margin-top: 2.5rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-96 {
    height: 24rem;
  }

  .lg\:max-h-4 {
    max-height: 1rem;
  }

  .lg\:min-h-0 {
    min-height: 0px;
  }

  .lg\:min-h-\[85vh\] {
    min-height: 85vh;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-2\/4 {
    width: 50%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

  .lg\:w-3\/5 {
    width: 60%;
  }

  .lg\:w-4\/12 {
    width: 33.333333%;
  }

  .lg\:w-6\/12 {
    width: 50%;
  }

  .lg\:w-8\/12 {
    width: 66.666667%;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:min-w-\[40\%\] {
    min-width: 40%;
  }

  .lg\:min-w-\[50\%\] {
    min-width: 50%;
  }

  .lg\:min-w-\[60\%\] {
    min-width: 60%;
  }

  .lg\:min-w-\[75\%\] {
    min-width: 75%;
  }

  .lg\:max-w-3xl {
    max-width: 48rem;
  }

  .lg\:max-w-4xl {
    max-width: 56rem;
  }

  .lg\:max-w-7xl {
    max-width: 80rem;
  }

  .lg\:max-w-\[40\%\] {
    max-width: 40%;
  }

  .lg\:max-w-\[50\%\] {
    max-width: 50%;
  }

  .lg\:max-w-\[60\%\] {
    max-width: 60%;
  }

  .lg\:max-w-\[75\%\] {
    max-width: 75%;
  }

  .lg\:max-w-lg {
    max-width: 32rem;
  }

  .lg\:max-w-none {
    max-width: none;
  }

  .lg\:flex-none {
    flex: none;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:gap-10 {
    gap: 2.5rem;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:gap-x-8 {
    column-gap: 2rem;
  }

  .lg\:gap-y-10 {
    row-gap: 2.5rem;
  }

  .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)));
  }

  .lg\: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));
  }

  .lg\:overflow-hidden {
    overflow: hidden;
  }

  .lg\:overflow-visible {
    overflow: visible;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-12 {
    padding: 3rem;
  }

  .lg\:p-16 {
    padding: 4rem;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .lg\:px-36 {
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:pb-\[90px\] {
    padding-bottom: 90px;
  }

  .lg\:pl-6 {
    padding-left: 1.5rem;
  }

  .lg\:pr-4 {
    padding-right: 1rem;
  }

  .lg\:pr-6 {
    padding-right: 1.5rem;
  }

  .lg\:pt-\[120px\] {
    padding-top: 120px;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-right {
    text-align: right;
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .lg\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .lg\:text-9xl {
    font-size: 8rem;
    line-height: 1;
  }

  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1140px) {

  .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xl\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .xl\:w-2\/5 {
    width: 40%;
  }

  .xl\:w-3\/5 {
    width: 60%;
  }

  .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:p-10 {
    padding: 2.5rem;
  }

  .xl\:p-20 {
    padding: 5rem;
  }

  .xl\:p-8 {
    padding: 2rem;
  }

  .xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .xl\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
}

@media (min-width: 1320px) {

  .\32xl\:w-1\/3 {
    width: 33.333333%;
  }

  .\32xl\:w-1\/4 {
    width: 25%;
  }

  .\32xl\:w-2\/5 {
    width: 40%;
  }

  .\32xl\:w-3\/4 {
    width: 75%;
  }

  .\32xl\:w-3\/5 {
    width: 60%;
  }

  .\32xl\:min-w-\[25\%\] {
    min-width: 25%;
  }

  .\32xl\:min-w-\[33\.333333\%\] {
    min-width: 33.333333%;
  }

  .\32xl\:min-w-\[40\%\] {
    min-width: 40%;
  }

  .\32xl\:min-w-\[60\%\] {
    min-width: 60%;
  }

  .\32xl\:min-w-\[75\%\] {
    min-width: 75%;
  }

  .\32xl\:max-w-\[25\%\] {
    max-width: 25%;
  }

  .\32xl\:max-w-\[33\.333333\%\] {
    max-width: 33.333333%;
  }

  .\32xl\:max-w-\[40\%\] {
    max-width: 40%;
  }

  .\32xl\:max-w-\[60\%\] {
    max-width: 60%;
  }

  .\32xl\:max-w-\[75\%\] {
    max-width: 75%;
  }
}

.rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) {
  text-align: right;
}

.peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *)::after {
  content: var(--tw-content);
  --tw-translate-x: -100%;
  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));
}

.\[\&\:\:-moz-range-thumb\]\:relative::-moz-range-thumb {
  position: relative;
}

.\[\&\:\:-moz-range-thumb\]\:z-20::-moz-range-thumb {
  z-index: 20;
}

.\[\&\:\:-moz-range-thumb\]\:-mt-1::-moz-range-thumb {
  margin-top: -0.25rem;
}

.\[\&\:\:-moz-range-thumb\]\:-mt-\[3px\]::-moz-range-thumb {
  margin-top: -3px;
}

.\[\&\:\:-moz-range-thumb\]\:h-2\.5::-moz-range-thumb {
  height: 0.625rem;
}

.\[\&\:\:-moz-range-thumb\]\:h-3\.5::-moz-range-thumb {
  height: 0.875rem;
}

.\[\&\:\:-moz-range-thumb\]\:h-5::-moz-range-thumb {
  height: 1.25rem;
}

.\[\&\:\:-moz-range-thumb\]\:w-2\.5::-moz-range-thumb {
  width: 0.625rem;
}

.\[\&\:\:-moz-range-thumb\]\:w-3\.5::-moz-range-thumb {
  width: 0.875rem;
}

.\[\&\:\:-moz-range-thumb\]\:w-5::-moz-range-thumb {
  width: 1.25rem;
}

.\[\&\:\:-moz-range-thumb\]\:appearance-none::-moz-range-thumb {
  appearance: none;
}

.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
  border-radius: 9999px;
}

.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb {
  border-width: 0px;
}

.\[\&\:\:-moz-range-thumb\]\:bg-white::-moz-range-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&\:\:-moz-range-thumb\]\:ring-2::-moz-range-thumb {
  --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);
}

.\[\&\:\:-moz-range-thumb\]\:ring-current::-moz-range-thumb {
  --tw-ring-color: currentColor;
}

.\[\&\:\:-moz-range-thumb\]\:\[-webkit-appearance\:none\]::-moz-range-thumb {
  -webkit-appearance: none;
}

.\[\&\:\:-moz-range-track\]\:h-full::-moz-range-track {
  height: 100%;
}

.\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track {
  border-radius: 9999px;
}

.\[\&\:\:-moz-range-track\]\:bg-blue-gray-100::-moz-range-track {
  --tw-bg-opacity: 1;
  background-color: rgb(207 216 220 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-scrollbar\]\:\!hidden::-webkit-scrollbar {
  display: none !important;
}

.\[\&\:\:-webkit-scrollbar\]\:\!h-0::-webkit-scrollbar {
  height: 0px !important;
}

.\[\&\:\:-webkit-scrollbar\]\:\!w-0::-webkit-scrollbar {
  width: 0px !important;
}

.\[\&\:\:-webkit-scrollbar\]\:\!bg-transparent::-webkit-scrollbar {
  background-color: transparent !important;
}

.\[\&\:\:-webkit-slider-runnable-track\]\:h-full::-webkit-slider-runnable-track {
  height: 100%;
}

.\[\&\:\:-webkit-slider-runnable-track\]\:rounded-full::-webkit-slider-runnable-track {
  border-radius: 9999px;
}

.\[\&\:\:-webkit-slider-runnable-track\]\:bg-blue-gray-100::-webkit-slider-runnable-track {
  --tw-bg-opacity: 1;
  background-color: rgb(207 216 220 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-slider-thumb\]\:relative::-webkit-slider-thumb {
  position: relative;
}

.\[\&\:\:-webkit-slider-thumb\]\:z-20::-webkit-slider-thumb {
  z-index: 20;
}

.\[\&\:\:-webkit-slider-thumb\]\:-mt-1::-webkit-slider-thumb {
  margin-top: -0.25rem;
}

.\[\&\:\:-webkit-slider-thumb\]\:-mt-\[3px\]::-webkit-slider-thumb {
  margin-top: -3px;
}

.\[\&\:\:-webkit-slider-thumb\]\:h-2\.5::-webkit-slider-thumb {
  height: 0.625rem;
}

.\[\&\:\:-webkit-slider-thumb\]\:h-3\.5::-webkit-slider-thumb {
  height: 0.875rem;
}

.\[\&\:\:-webkit-slider-thumb\]\:h-5::-webkit-slider-thumb {
  height: 1.25rem;
}

.\[\&\:\:-webkit-slider-thumb\]\:w-2\.5::-webkit-slider-thumb {
  width: 0.625rem;
}

.\[\&\:\:-webkit-slider-thumb\]\:w-3\.5::-webkit-slider-thumb {
  width: 0.875rem;
}

.\[\&\:\:-webkit-slider-thumb\]\:w-5::-webkit-slider-thumb {
  width: 1.25rem;
}

.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
  appearance: none;
}

.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
  border-radius: 9999px;
}

.\[\&\:\:-webkit-slider-thumb\]\:border-0::-webkit-slider-thumb {
  border-width: 0px;
}

.\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-slider-thumb\]\:ring-2::-webkit-slider-thumb {
  --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);
}

.\[\&\:\:-webkit-slider-thumb\]\:ring-current::-webkit-slider-thumb {
  --tw-ring-color: currentColor;
}

.\[\&\:\:-webkit-slider-thumb\]\:\[-webkit-appearance\:none\]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.\[\&\:not\(\:placeholder-shown\)\]\:pb-2:not(:placeholder-shown) {
  padding-bottom: 0.5rem;
}

.\[\&\:not\(\:placeholder-shown\)\]\:pt-6:not(:placeholder-shown) {
  padding-top: 1.5rem;
}

.\[\&\>\*\]\:pointer-events-none>* {
  pointer-events: none;
}

.\[\&\>\*\]\:cursor-grab>* {
  cursor: grab;
}

.\[\&\>\*\]\:first\:rounded-t-lg:first-child>* {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

.\[\&\>\*\]\:last\:rounded-b-lg:last-child>* {
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

.\[\&\>\*\]\:last\:border-b-0:last-child>* {
  border-bottom-width: 0px;
}

.\[\&\>a\]\:text-yellow-400>a {
  --tw-text-opacity: 1;
  color: rgb(227 160 8 / var(--tw-text-opacity));
}

.\[\&\>h2\]\:text-yellow-400>h2 {
  --tw-text-opacity: 1;
  color: rgb(227 160 8 / var(--tw-text-opacity));
}

.\[\&\>strong\]\:text-yellow-400>strong {
  --tw-text-opacity: 1;
  color: rgb(227 160 8 / var(--tw-text-opacity));
}

.\[\&\>svg\]\:text-red-600>svg {
  --tw-text-opacity: 1;
  color: rgb(224 36 36 / var(--tw-text-opacity));
}

.\[\&_a\]\:text-yellow-400 a {
  --tw-text-opacity: 1;
  color: rgb(227 160 8 / var(--tw-text-opacity));
}

.\[\&_p\]\:leading-relaxed p {
  line-height: 1.625;
}

.\[\&_span\]\:\!text-inherit span {
  color: inherit !important;
}/* Modern Navbar Animations and Styles - Optimizify Dark Theme */

:root {
  --primary-bg: #0A0A0A;
  --secondary-bg: #121212;
  --primary-gold: #FFC727;
  --secondary-gold: #FFD84D;
  --accent-orange: #FFB800;
  --accent-orange-dark: #FF9C00;
  --text-primary: #FFFFFF;
  --text-secondary: #D1D5DB;
  --text-muted: #9CA3AF;
  --glow-gold: #FFD700;
}

@keyframes slideGlow {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes goldGlow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(255, 199, 39, 0.3);
  }
  50% {
    box-shadow: 0 0 40px rgba(255, 199, 39, 0.6), 0 0 60px rgba(255, 215, 0, 0.3);
  }
}

@keyframes textGlow {
  0%, 100% {
    text-shadow: 0 0 10px rgba(255, 199, 39, 0.3);
  }
  50% {
    text-shadow: 0 0 20px rgba(255, 199, 39, 0.6), 0 0 30px rgba(255, 215, 0, 0.4);
  }
}

@keyframes morphBackground {
  0%, 100% {
    background: linear-gradient(195deg, #0A0A0A, #121212);
  }
  50% {
    background: linear-gradient(195deg, #121212, #1a1a1a);
  }
}

/* Modern Navbar Container */
.modern-navbar {
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.modern-navbar.scrolled {
  animation: morphBackground 4s ease-in-out infinite;
}

.modern-navbar::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 199, 39, 0.1), transparent);
  transition: left 0.8s ease;
}

.modern-navbar:hover::after {
  left: 100%;
}

/* Brand Logo Glow Effect */
.brand-glow {
  position: relative;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.brand-glow:hover {
  animation: goldGlow 2s ease-in-out infinite;
}

/* Navigation Items */
.modern-nav-item {
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.modern-nav-item::before {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--primary-gold), var(--secondary-gold));
  border-radius: 2px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 0 0 rgba(255, 199, 39, 0);
}

.modern-nav-item:hover::before {
  transform: translateX(-50%) scaleX(1);
  box-shadow: 0 0 8px rgba(255, 199, 39, 0.6);
}

.modern-nav-item:hover {
  transform: translateY(-2px);
}

/* Dropdown Animations */
.dropdown-enter {
  animation: fadeInDown 0.3s ease-out forwards;
}

.dropdown-item {
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 8px;
  margin: 2px 0;
  overflow: hidden;
}

.dropdown-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 199, 39, 0.1), transparent);
  transition: left 0.3s ease;
}

.dropdown-item:hover::before {
  left: 100%;
}

.dropdown-item:hover {
  transform: translateX(5px);
  background: linear-gradient(90deg, rgba(255, 199, 39, 0.1), rgba(255, 184, 0, 0.1));
  color: var(--primary-gold);
  box-shadow: 0 4px 15px rgba(255, 199, 39, 0.2);
}

/* Button Hover Effects */
.modern-button {
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: linear-gradient(135deg, var(--primary-gold), var(--accent-orange));
  border: none;
  border-radius: 12px;
  color: var(--primary-bg);
  font-weight: 600;
  padding: 12px 24px;
  cursor: pointer;
}

.modern-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s;
}

.modern-button:hover::before {
  left: 100%;
}

.modern-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 199, 39, 0.4);
  filter: brightness(1.1);
}

.modern-button:active {
  transform: translateY(0);
  box-shadow: 0 4px 15px rgba(255, 199, 39, 0.3);
}

/* Mobile Menu Animations */
.mobile-menu-item {
  animation: fadeInUp 0.3s ease-out forwards;
  opacity: 0;
  transform: translateY(20px);
}

.mobile-menu-item:nth-child(1) { animation-delay: 0.1s; }
.mobile-menu-item:nth-child(2) { animation-delay: 0.15s; }
.mobile-menu-item:nth-child(3) { animation-delay: 0.2s; }
.mobile-menu-item:nth-child(4) { animation-delay: 0.25s; }
.mobile-menu-item:nth-child(5) { animation-delay: 0.3s; }
.mobile-menu-item:nth-child(6) { animation-delay: 0.35s; }

/* Enhanced Mobile Menu Button */
.mobile-menu-button {
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu-button:hover {
  animation: pulse 0.6s ease-in-out;
}

/* Scrollbar Customization */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: rgba(10, 10, 10, 0.3);
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, var(--primary-gold), var(--accent-orange));
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(255, 199, 39, 0.3);
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, var(--secondary-gold), var(--accent-orange-dark));
  box-shadow: 0 0 15px rgba(255, 199, 39, 0.5);
}

/* Text Glow Effects */
.text-glow {
  animation: textGlow 3s ease-in-out infinite;
}

.text-glow-hover:hover {
  animation: textGlow 1s ease-in-out infinite;
}

/* Loading States */
.navbar-loading {
  position: relative;
}

.navbar-loading::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--primary-gold), var(--accent-orange), var(--primary-gold));
  background-size: 200% 100%;
  animation: slideGlow 2s linear infinite;
}

/* Glass Morphism Effects */
.glass-effect {
  background: rgba(10, 10, 10, 0.3);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 199, 39, 0.2);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

/* Responsive Optimizations */
@media (max-width: 1200px) {
  .modern-navbar {
    padding: 1rem 2rem;
  }
  
  .modern-nav-item {
    margin: 0 0.5rem;
  }
}

@media (max-width: 768px) {
  .mobile-navbar-container {
    padding: 1rem;
    background: linear-gradient(135deg, rgba(10, 10, 10, 0.98) 0%, rgba(18, 18, 18, 0.95) 100%);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    border: 1px solid rgba(255, 199, 39, 0.2);
  }
  
  .mobile-menu-item {
    margin-bottom: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 199, 39, 0.1);
    transition: all 0.3s ease;
  }

  .mobile-menu-item:hover {
    background: rgba(255, 199, 39, 0.1);
    border-color: rgba(255, 199, 39, 0.3);
    transform: translateX(5px);
  }
}

@media (max-width: 480px) {
  .navbar-brand-text {
    font-size: 1.25rem !important;
  }
  
  .mobile-menu-button {
    width: 44px !important;
    height: 44px !important;
  }

  .modern-navbar {
    padding: 1rem 1.5rem;
    margin: 0.5rem;
    border-radius: 16px;
  }
}

/* Dark Mode Optimizations */
@media (prefers-color-scheme: dark) {
  .navbar-container {
    background: linear-gradient(135deg, rgba(10, 10, 10, 0.98) 0%, rgba(18, 18, 18, 0.95) 100%) !important;
    border-color: rgba(255, 199, 39, 0.3) !important;
  }
  
  .dropdown-container {
    background: linear-gradient(135deg, rgba(10, 10, 10, 0.98) 0%, rgba(18, 18, 18, 0.95) 100%) !important;
    border-color: rgba(255, 199, 39, 0.3) !important;
  }
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
  .navbar-item:hover {
    background-color: var(--primary-gold) !important;
    color: var(--primary-bg) !important;
  }
  
  .modern-button {
    border: 2px solid currentColor !important;
  }

  .dropdown-item:hover {
    background: var(--primary-gold) !important;
    color: var(--primary-bg) !important;
  }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .modern-navbar:hover::after,
  .dropdown-item:hover::before,
  .modern-button:hover::before {
    animation: none !important;
    transition: none !important;
  }
}

/* Focus States for Accessibility */
.navbar-item:focus {
  outline: 2px solid var(--primary-gold);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(255, 199, 39, 0.3);
}

.modern-button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 199, 39, 0.5);
}

.mobile-menu-button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 199, 39, 0.5);
}

/* Micro-interactions */
.micro-bounce:hover {
  animation: pulse 0.3s ease-in-out;
}

.micro-slide:hover {
  transform: translateX(3px);
}

.micro-glow:hover {
  box-shadow: 0 0 20px rgba(255, 199, 39, 0.4);
}

/* Enhanced Gradient Animations */
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.animated-gradient {
  background: linear-gradient(-45deg, var(--primary-gold), var(--accent-orange), var(--secondary-gold), var(--accent-orange-dark));
  background-size: 400% 400%;
  animation: gradientShift 6s ease infinite;
}

/* Particle Effect Background */
.particle-bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: 
    radial-gradient(2px 2px at 20px 30px, rgba(255, 199, 39, 0.3), transparent),
    radial-gradient(2px 2px at 40px 70px, rgba(255, 184, 0, 0.2), transparent),
    radial-gradient(1px 1px at 90px 40px, rgba(255, 215, 0, 0.4), transparent);
  background-repeat: repeat;
  background-size: 120px 120px;
  animation: shimmer 10s linear infinite;
  pointer-events: none;
}

/* Success/Error States */
.success-state {
  border-color: #4CAF50 !important;
  box-shadow: 0 0 20px rgba(76, 175, 80, 0.3) !important;
}

.error-state {
  border-color: #F44336 !important;
  box-shadow: 0 0 20px rgba(244, 67, 54, 0.3) !important;
}

/* Performance Optimizations */
.navbar-container,
.dropdown-container,
.mobile-menu-item {
  will-change: transform, opacity;
  transform: translateZ(0);
}

/* Print Styles */
@media print {
  .modern-navbar {
    background: white !important;
    color: black !important;
    box-shadow: none !important;
  }
  
  .modern-button {
    background: white !important;
    color: black !important;
    border: 1px solid black !important;
  }
}
/* Enhanced Navbar Styles - New Color Scheme */

/* Modern glassmorphism navbar background */
.modern-navbar-enhanced {
  background: linear-gradient(195deg, #0A0A0A, #121212) !important;
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 199, 39, 0.2);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 199, 39, 0.1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Scrolled state enhancement */
.modern-navbar-enhanced.scrolled {
  background: linear-gradient(195deg, rgba(10, 10, 10, 0.98), rgba(18, 18, 18, 0.95)) !important;
  border-color: rgba(255, 199, 39, 0.3);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 199, 39, 0.2);
}

/* Enhanced brand logo glow */
.brand-logo-enhanced {
  position: relative;
  transition: all 0.4s ease;
}

.brand-logo-enhanced::before {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  background: linear-gradient(45deg, #FFC727, #FFD84D, #FFB800, #FF9C00);
  border-radius: 12px;
  opacity: 0;
  filter: blur(10px);
  transition: opacity 0.4s ease;
  z-index: -1;
}

.brand-logo-enhanced:hover::before {
  opacity: 0.6;
}

.brand-logo-enhanced:hover {
  transform: scale(1.05);
  filter: drop-shadow(0 0 20px rgba(255, 199, 39, 0.5));
}

/* Enhanced navigation items */
.nav-item-enhanced {
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-item-enhanced::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #FFC727, #FFD84D);
  border-radius: 2px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 0 0 rgba(255, 199, 39, 0);
}

.nav-item-enhanced::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 199, 39, 0.1), transparent);
  transition: left 0.5s ease;
}

.nav-item-enhanced:hover::before {
  transform: translateX(-50%) scaleX(1);
  box-shadow: 0 0 8px rgba(255, 199, 39, 0.6);
}

.nav-item-enhanced:hover::after {
  left: 100%;
}

.nav-item-enhanced:hover {
  color: #FFC727 !important;
  transform: translateY(-2px);
  text-shadow: 0 0 10px rgba(255, 199, 39, 0.3);
}

/* Mobile menu button enhancement */
.mobile-menu-btn-enhanced {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 199, 39, 0.3) !important;
  border-radius: 12px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative;
  overflow: hidden;
}

.mobile-menu-btn-enhanced::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 199, 39, 0.2), transparent);
  transition: left 0.5s ease;
}

.mobile-menu-btn-enhanced:hover {
  background: linear-gradient(135deg, #FFC727, #FFB800) !important;
  transform: scale(1.05);
  box-shadow: 0 8px 25px rgba(255, 199, 39, 0.4);
}

.mobile-menu-btn-enhanced:hover::before {
  left: 100%;
}

/* Dropdown enhancement */
.dropdown-enhanced {
  background: linear-gradient(195deg, rgba(10, 10, 10, 0.98), rgba(18, 18, 18, 0.95)) !important;
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 199, 39, 0.2) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 199, 39, 0.1) !important;
  overflow: hidden;
}

.dropdown-enhanced::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #FFC727, transparent);
}

/* Dropdown item enhancement */
.dropdown-item-enhanced {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.dropdown-item-enhanced::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 199, 39, 0.1), transparent);
  transition: left 0.4s ease;
}

.dropdown-item-enhanced:hover {
  background: rgba(255, 199, 39, 0.1) !important;
  color: #FFC727 !important;
  transform: translateX(8px);
}

.dropdown-item-enhanced:hover::before {
  left: 100%;
}

/* Notification badge enhancement */
.notification-badge-enhanced {
  background: linear-gradient(135deg, #FFC727, #FFB800) !important;
  border: 2px solid #0A0A0A !important;
  box-shadow: 0 0 10px rgba(255, 199, 39, 0.6);
  animation: pulse-glow 2s infinite;
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 10px rgba(255, 199, 39, 0.6);
  }
  50% {
    box-shadow: 0 0 20px rgba(255, 199, 39, 0.8);
  }
}

/* Search input enhancement */
.search-input-enhanced {
  background: rgba(18, 18, 18, 0.8) !important;
  border: 1px solid rgba(255, 199, 39, 0.3) !important;
  border-radius: 12px !important;
  color: #FFFFFF !important;
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

.search-input-enhanced:focus {
  border-color: #FFC727 !important;
  box-shadow: 0 0 0 3px rgba(255, 199, 39, 0.2) !important;
  background: rgba(18, 18, 18, 0.9) !important;
}

.search-input-enhanced::placeholder {
  color: #9CA3AF !important;
}

/* Theme toggle enhancement */
.theme-toggle-enhanced {
  background: rgba(18, 18, 18, 0.8) !important;
  border: 1px solid rgba(255, 199, 39, 0.3) !important;
  border-radius: 50px !important;
  backdrop-filter: blur(10px);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.theme-toggle-enhanced::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 199, 39, 0.2), transparent);
  transition: left 0.6s ease;
}

.theme-toggle-enhanced:hover {
  border-color: #FFC727 !important;
  box-shadow: 0 0 15px rgba(255, 199, 39, 0.4);
  transform: scale(1.05);
}

.theme-toggle-enhanced:hover::before {
  left: 100%;
}

/* Toggle ball enhancement */
.toggle-ball-enhanced {
  background: linear-gradient(135deg, #FFC727, #FFB800) !important;
  box-shadow: 0 2px 8px rgba(255, 199, 39, 0.4);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* User avatar enhancement */
.user-avatar-enhanced {
  border: 2px solid rgba(255, 199, 39, 0.3) !important;
  box-shadow: 0 0 15px rgba(255, 199, 39, 0.3);
  transition: all 0.3s ease;
  position: relative;
}

.user-avatar-enhanced::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg, #FFC727, #FFD84D, #FFB800, #FF9C00);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}

.user-avatar-enhanced:hover {
  transform: scale(1.1);
  box-shadow: 0 0 25px rgba(255, 199, 39, 0.6);
}

.user-avatar-enhanced:hover::before {
  opacity: 1;
}

/* Responsive enhancements */
@media (max-width: 768px) {
  .modern-navbar-enhanced {
    padding: 12px 16px;
  }
  
  .nav-item-enhanced {
    margin: 0 4px;
  }
  
  .dropdown-enhanced {
    margin-top: 8px;
    border-radius: 12px;
  }
}

@media (max-width: 480px) {
  .modern-navbar-enhanced {
    padding: 8px 12px;
  }
  
  .brand-logo-enhanced {
    transform: scale(0.9);
  }
}

/* Loading state enhancements */
.navbar-loading-enhanced {
  position: relative;
  overflow: hidden;
}

.navbar-loading-enhanced::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 199, 39, 0.3), transparent);
  animation: loading-shimmer 1.5s infinite;
}

@keyframes loading-shimmer {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

/* Accessibility enhancements */
.nav-item-enhanced:focus,
.mobile-menu-btn-enhanced:focus,
.dropdown-item-enhanced:focus {
  outline: 2px solid #FFC727 !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(255, 199, 39, 0.3) !important;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .modern-navbar-enhanced {
    border-width: 2px;
    border-color: #FFC727;
  }
  
  .nav-item-enhanced:hover {
    background: rgba(255, 199, 39, 0.2) !important;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .nav-item-enhanced,
  .mobile-menu-btn-enhanced,
  .dropdown-item-enhanced,
  .brand-logo-enhanced {
    transition: none !important;
    animation: none !important;
  }
  
  .nav-item-enhanced:hover,
  .brand-logo-enhanced:hover {
    transform: none !important;
  }
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}/* Testimonials Page Styles */

.testimonial-card {
  position: relative;
  overflow: hidden;
}

.testimonial-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 199, 39, 0.1),
    transparent
  );
  transition: left 0.7s ease-in-out;
}

.testimonial-card:hover::before {
  left: 100%;
}

/* Line clamp utilities for content truncation */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Enhanced animations */
@keyframes testimonialFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}

.testimonial-card:hover {
  animation: testimonialFloat 3s ease-in-out infinite;
}

/* Glassmorphism effect for better visual appeal */
.testimonial-card {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* Golden glow animation */
@keyframes goldenPulse {
  0%, 100% { 
    box-shadow: 0 0 20px rgba(255, 199, 39, 0.3);
  }
  50% { 
    box-shadow: 0 0 40px rgba(255, 199, 39, 0.5), 
                0 0 60px rgba(255, 199, 39, 0.3);
  }
}

.testimonial-card:hover {
  animation: goldenPulse 2s ease-in-out infinite;
}

/* Responsive text scaling */
@media (max-width: 768px) {
  .testimonial-card {
    margin-bottom: 1rem;
  }
}

/* Button hover effects */
.testimonial-button {
  position: relative;
  overflow: hidden;
}

.testimonial-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.5s ease;
}

.testimonial-button:hover::before {
  left: 100%;
}

/* Custom scrollbar for overflow content */
.testimonial-content::-webkit-scrollbar {
  width: 4px;
}

.testimonial-content::-webkit-scrollbar-track {
  background: rgba(255, 199, 39, 0.1);
  border-radius: 2px;
}

.testimonial-content::-webkit-scrollbar-thumb {
  background: rgba(255, 199, 39, 0.5);
  border-radius: 2px;
}

.testimonial-content::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 199, 39, 0.7);
}

/* Enhanced star rating animation */
.star-rating svg {
  transition: all 0.3s ease;
}

.star-rating:hover svg {
  transform: scale(1.1);
}

/* Background pattern overlay */
.testimonials-bg-pattern {
  background-image: 
    radial-gradient(circle at 25% 25%, rgba(255, 199, 39, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 75% 75%, rgba(255, 184, 0, 0.1) 0%, transparent 50%);
}

/* Loading animation */
@keyframes testimonialSkeleton {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}

.testimonial-skeleton {
  animation: testimonialSkeleton 1.5s ease-in-out infinite;
}

/* Improved focus states for accessibility */
.testimonial-card:focus-within {
  outline: 2px solid #FFC727;
  outline-offset: 4px;
}

/* Enhanced mobile responsiveness */
@media (max-width: 640px) {
  .testimonial-card {
    transform: none !important;
  }
  
  .testimonial-card:hover {
    animation: none;
    transform: scale(1.02) !important;
  }
}
.swal2-popup.swal2-toast {
  box-sizing: border-box;
  grid-column: 1/4 !important;
  grid-row: 1/4 !important;
  grid-template-columns: min-content auto min-content;
  padding: 1em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 1px hsla(0, 0%, 0%, 0.075), 0 1px 2px hsla(0, 0%, 0%, 0.075), 1px 2px 4px hsla(0, 0%, 0%, 0.075), 1px 3px 8px hsla(0, 0%, 0%, 0.075), 2px 4px 16px hsla(0, 0%, 0%, 0.075);
  pointer-events: all;
}
.swal2-popup.swal2-toast > * {
  grid-column: 2;
}
.swal2-popup.swal2-toast .swal2-title {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}
.swal2-popup.swal2-toast .swal2-loading {
  justify-content: center;
}
.swal2-popup.swal2-toast .swal2-input {
  height: 2em;
  margin: 0.5em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-validation-message {
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}
.swal2-popup.swal2-toast .swal2-close {
  grid-column: 3/3;
  grid-row: 1/99;
  align-self: center;
  width: 0.8em;
  height: 0.8em;
  margin: 0;
  font-size: 2em;
}
.swal2-popup.swal2-toast .swal2-html-container {
  margin: 0.5em 1em;
  padding: 0;
  overflow: initial;
  font-size: 1em;
  text-align: initial;
}
.swal2-popup.swal2-toast .swal2-html-container:empty {
  padding: 0;
}
.swal2-popup.swal2-toast .swal2-loader {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: 0.25em;
}
.swal2-popup.swal2-toast .swal2-icon {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 0.5em 0 0;
}
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-actions {
  justify-content: flex-start;
  height: auto;
  margin: 0;
  margin-top: 0.5em;
  padding: 0 0.5em;
}
.swal2-popup.swal2-toast .swal2-styled {
  margin: 0.25em 0.5em;
  padding: 0.4em 0.6em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  border-radius: 50%;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-toast-animate-success-line-tip 0.75s;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-toast-animate-success-line-long 0.75s;
}
.swal2-popup.swal2-toast.swal2-show {
  animation: swal2-toast-show 0.5s;
}
.swal2-popup.swal2-toast.swal2-hide {
  animation: swal2-toast-hide 0.1s forwards;
}
div:where(.swal2-container) {
  display: grid;
  position: fixed;
  z-index: 1060;
  inset: 0;
  box-sizing: border-box;
  grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  height: 100%;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch;
}
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
}
div:where(.swal2-container).swal2-backdrop-hide {
  background: transparent !important;
}
div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start {
  grid-template-columns: minmax(0, 1fr) auto auto;
}
div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end {
  grid-template-columns: auto auto minmax(0, 1fr);
}
div:where(.swal2-container).swal2-top-start > .swal2-popup {
  align-self: start;
}
div:where(.swal2-container).swal2-top > .swal2-popup {
  grid-column: 2;
  place-self: start center;
}
div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup {
  grid-column: 3;
  place-self: start end;
}
div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup {
  grid-row: 2;
  align-self: center;
}
div:where(.swal2-container).swal2-center > .swal2-popup {
  grid-column: 2;
  grid-row: 2;
  place-self: center center;
}
div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup {
  grid-column: 3;
  grid-row: 2;
  place-self: center end;
}
div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup {
  grid-column: 1;
  grid-row: 3;
  align-self: end;
}
div:where(.swal2-container).swal2-bottom > .swal2-popup {
  grid-column: 2;
  grid-row: 3;
  place-self: end center;
}
div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup {
  grid-column: 3;
  grid-row: 3;
  place-self: end end;
}
div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
  grid-column: 1/4;
  width: 100%;
}
div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
  grid-row: 1/4;
  align-self: stretch;
}
div:where(.swal2-container).swal2-no-transition {
  transition: none !important;
}
div:where(.swal2-container) div:where(.swal2-popup) {
  display: none;
  position: relative;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 100%);
  width: 32em;
  max-width: 100%;
  padding: 0 0 1.25em;
  border: none;
  border-radius: 5px;
  background: #fff;
  color: #545454;
  font-family: inherit;
  font-size: 1rem;
}
div:where(.swal2-container) div:where(.swal2-popup):focus {
  outline: none;
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
  overflow-y: hidden;
}
div:where(.swal2-container) h2:where(.swal2-title) {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0.8em 1em 0;
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}
div:where(.swal2-container) div:where(.swal2-actions) {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 1.25em auto 0;
  padding: 0;
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
div:where(.swal2-container) div:where(.swal2-loader) {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: 0.25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent;
}
div:where(.swal2-container) button:where(.swal2-styled) {
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  transition: box-shadow 0.1s;
  box-shadow: 0 0 0 3px transparent;
  font-weight: 500;
}
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
  cursor: pointer;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #7066e0;
  color: #fff;
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5);
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #dc3741;
  color: #fff;
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus {
  box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5);
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #6e7881;
  color: #fff;
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
  box-shadow: 0 0 0 3px rgba(110, 120, 129, 0.5);
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}
div:where(.swal2-container) button:where(.swal2-styled):focus {
  outline: none;
}
div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
  border: 0;
}
div:where(.swal2-container) div:where(.swal2-footer) {
  margin: 1em 0 0;
  padding: 1em 1em 0;
  border-top: 1px solid #eee;
  color: inherit;
  font-size: 1em;
  text-align: center;
}
div:where(.swal2-container) .swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: auto !important;
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
  width: 100%;
  height: 0.25em;
  background: rgba(0, 0, 0, 0.2);
}
div:where(.swal2-container) img:where(.swal2-image) {
  max-width: 100%;
  margin: 2em auto 1em;
}
div:where(.swal2-container) button:where(.swal2-close) {
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: -1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s, box-shadow 0.1s;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: #ccc;
  font-family: monospace;
  font-size: 2.5em;
  cursor: pointer;
  justify-self: end;
}
div:where(.swal2-container) button:where(.swal2-close):hover {
  transform: none;
  background: transparent;
  color: #f27474;
}
div:where(.swal2-container) button:where(.swal2-close):focus {
  outline: none;
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}
div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
  border: 0;
}
div:where(.swal2-container) .swal2-html-container {
  z-index: 1;
  justify-content: center;
  margin: 1em 1.6em 0.3em;
  padding: 0;
  overflow: auto;
  color: inherit;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
  margin: 1em 2em 3px;
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
  box-sizing: border-box;
  width: auto;
  transition: border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: transparent;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  color: inherit;
  font-size: 1.125em;
}
div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}
div:where(.swal2-container) input:where(.swal2-input):focus,
div:where(.swal2-container) input:where(.swal2-file):focus,
div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
}
div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
  color: #ccc;
}
div:where(.swal2-container) .swal2-range {
  margin: 1em 2em 3px;
  background: #fff;
}
div:where(.swal2-container) .swal2-range input {
  width: 80%;
}
div:where(.swal2-container) .swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}
div:where(.swal2-container) .swal2-range input,
div:where(.swal2-container) .swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}
div:where(.swal2-container) .swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}
div:where(.swal2-container) .swal2-file {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  background: transparent;
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}
div:where(.swal2-container) .swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: transparent;
  color: inherit;
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-radio,
div:where(.swal2-container) .swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}
div:where(.swal2-container) .swal2-radio label,
div:where(.swal2-container) .swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-radio input,
div:where(.swal2-container) .swal2-checkbox input {
  flex-shrink: 0;
  margin: 0 0.4em;
}
div:where(.swal2-container) label:where(.swal2-input-label) {
  display: flex;
  justify-content: center;
  margin: 1em auto 0;
}
div:where(.swal2-container) div:where(.swal2-validation-message) {
  align-items: center;
  justify-content: center;
  margin: 1em 0 0;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300;
}
div:where(.swal2-container) div:where(.swal2-validation-message)::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}
div:where(.swal2-container) .swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 1.25em auto;
  padding: 0;
  background: transparent;
  font-weight: 600;
}
div:where(.swal2-container) .swal2-progress-steps li {
  display: inline-block;
  position: relative;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #add8e6;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #2778c4;
}
div:where(.swal2-icon) {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto 0.6em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  user-select: none;
}
div:where(.swal2-icon) .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}
div:where(.swal2-icon).swal2-error {
  border-color: #f27474;
  color: #f27474;
}
div:where(.swal2-icon).swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}
div:where(.swal2-icon).swal2-error.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}
div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
  animation: swal2-animate-error-x-mark 0.5s;
}
div:where(.swal2-icon).swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}
div:where(.swal2-icon).swal2-warning.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}
div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-i-mark 0.5s;
}
div:where(.swal2-icon).swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}
div:where(.swal2-icon).swal2-info.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}
div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-i-mark 0.8s;
}
div:where(.swal2-icon).swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}
div:where(.swal2-icon).swal2-question.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}
div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-question-mark 0.8s;
}
div:where(.swal2-icon).swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  border-radius: 50%;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}
div:where(.swal2-icon).swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-animate-success-line-tip 0.75s;
}
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-animate-success-line-long 0.75s;
}
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  animation: swal2-rotate-success-circular-line 4.25s ease-in;
}
[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}
.swal2-show {
  animation: swal2-show 0.3s;
}
.swal2-hide {
  animation: swal2-hide 0.15s forwards;
}
.swal2-noanimation {
  transition: none;
}
.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.swal2-rtl .swal2-close {
  margin-right: initial;
  margin-left: 0;
}
.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}
body.swal2-height-auto {
  height: auto !important;
}
body.swal2-no-backdrop .swal2-container {
  background-color: transparent !important;
  pointer-events: none;
}
body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all;
}
body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  box-sizing: border-box;
  width: 360px;
  max-width: 100%;
  background-color: transparent;
  pointer-events: none;
}
body.swal2-toast-shown .swal2-container.swal2-top {
  inset: 0 auto auto 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  inset: 0 0 auto auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  inset: 0 auto auto 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  inset: 50% auto auto 0;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  inset: 50% 0 auto auto;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  inset: auto auto 0 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  inset: auto auto 0 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  inset: auto 0 0 auto;
}.fc {
    height: auto;
    text-align: center;
}
.fc-button {
    background-color: #be1a1f !important;
    border: none !important;
    outline: none !important;
}
.fc-button:hover {
    background-color: black !important;
}
.fc-toolbar-title {
    color: #be1a1f;
    font-size: 2rem !important;
}
.fc .fc-daygrid-day-number {
    color: indigo !important;
}
.fc .fc-col-header-cell-cushion {
    color: #be1a1fb6;
}
.fc-h-event .fc-event-title-container {
    background-color: #be1a1f;
}
tr {
    display: table-row !important;
    vertical-align: inherit !important;
    unicode-bidi: isolate !important;
    border-color: inherit !important;
}
.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
}
.fc-col-header-cell {
    height: 30px !important;
    position: relative !important;
}
.fc-theme-standard .fc-scrollgrid {
    border: 1px solid transparent;
}
.fc-theme-standard td,
.fc-theme-standard th {
    border: 1px solid transparent;
}
.fc-theme-standard th {
    /* padding: 5px; */
    /* background: beige; */
    border-radius: 18px;
    padding: 10px;
    /* margin: 20px !important; */
}
.fc .fc-daygrid-day-frame {
    background: #fff;
    border: 1px solid rgb(169, 13, 13);
    border-radius: 0.5rem;
    transition: 1s all;

}
.fc .fc-daygrid-day-frame:hover {
    background-color: #d8050c4b;
}
.fc-theme-standard td,
.fc-theme-standard th {
    border: none;
    padding: 10px;

}
.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
}
.fc-col-header-cell {
    height: 30px;
    position: relative;
}
.fc-col-header-cell-cushion {
    border: 2px solid #e3171e;
    border-radius: 1rem;
    color: #000 !important;
    padding: 0 1rem !important;
    transition: all  0.5s;
}
.fc-col-header-cell-cushion:hover{
    background-color: #be1a1f;
    color:#fff !important;

}
.fc .fc-daygrid-day.fc-day-today {
    background-color: #d32f2f26;
    border-radius: 10px;
}
button.fc-today-button {
    padding: 16px 46px !important;
    background-color: transparent !important;
    border: 1px solid #be1a1f !important;
    color: #000 !important;
    text-transform: capitalize !important;
    font-weight: bold !important;
    transition: 1s all;
    cursor:pointer !important;

    /* @apply cursor-pointer */
    
}
button.fc-today-button:hover{
    background-color: #be1a1f !important;
    color: #fff !important;
    cursor:pointer !important;

}
.fc-theme-standard td{
    cursor:pointer;
}
.user-calendar .fc-daygrid-day-frame:hover::before{
    content: "+ ADD VIDEO";
    position: absolute;
    width: 100%;
    /* background: #EFFFFF; */
    left: 50%;
    top: 50%;
    color: #810000;
    transform: translate(-50%, -50%);
    /* padding: 50px; */
}
h1,h2,h3,h4,h5,h6,p,span {
    text-transform: capitalize;
}


.event-grid-item {
    padding: 3px;
}
.fc-daygrid-day-events {
    display: inline-flex;
    flex-wrap: wrap;
}
.fc-daygrid-event-harness {
    flex: 1; /* Each event will take up 50% of the row */
    box-sizing: border-box; /* Ensures padding doesn't affect width */
    min-width: calc(50% - 20px);
    justify-content: center; /* Center the content horizontally */
    align-items: center; /* Center the content vertically */
}
.event-thumbnail-wrapper {
    position: relative;
    overflow: hidden; /* Ensures content does not overflow */
    width: 100%; /* Takes full width of the parent */
    height: 100%;
}
.video-thumbnail {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: opacity 0.3s ease-in-out; /* Smooth transition for opacity */
}
.fc .fc-daygrid-day-bottom{
    margin: 0;
}

/* Style for the play button */
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px; 
    height: 50px; 
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    border-radius: 50%;
    color: white;
    font-size: 20px; /* Adjust font size as needed */
    opacity: 0; /* Initially hidden */
    transition: opacity 0.3s ease-in-out; /* Smooth transition for opacity */
}

/* Show play button and hide image on hover */
.event-thumbnail-wrapper:hover .video-thumbnail {
    opacity: 0.5; /* Reduce image opacity on hover */
}

.event-thumbnail-wrapper:hover .play-button {
    opacity: 1; /* Show play button on hover */
}

/* Tippy tooltip styles */
.tooltip-content {
    display: flex;
    align-items: center;
    background-color: #333;
    color: white;
    border-radius: 8px;
    padding: 10px;
    max-width: 300px;
}

.tooltip-thumbnail {
    flex-shrink: 0;
    margin-right: 10px;
}

.tooltip-thumbnail-img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
}

.tooltip-info {
    flex: 1;
}

.tooltip-title {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.tooltip-user {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.tooltip-user-img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 8px;
}

.tooltip-username {
    font-size: 14px;
}

.tooltip-uploadedAt, .tooltip-status {
    font-size: 12px;
    margin: 0;
}


/* Custom CSS for mobile responsiveness */
@media (max-width: 768px) {
    .fc {
        font-size: 14px; /* Adjust font size for mobile */
    }

    .fc-daygrid-day-number {
        font-size: 12px; /* Adjust day numbers */
    }

    .fc-header-toolbar {
        display: flex;
        flex-direction: column; /* Stack header elements vertically */
        align-items: center;
    }

    .fc-daygrid-day {
        padding: 5px; /* Reduce padding for smaller devices */
    }

    .fc-view {
        padding: 0 !important; /* Remove unnecessary padding */
    }
    .event-grid-item{
        padding: 0;
    }
    .event-thumbnail-wrapper {
        width: 100%; /* Resize video thumbnail on mobile */
        height: auto;
        border-radius: 2px;
    }

    .fc-daygrid-event-harness {
        width: 100%;
        min-width: calc(70%);
    }
}

@media (max-width: 480px) {
    .fc-daygrid-day-number {
        font-size: 10px; /* Further adjust font size on smaller screens */
    }

    .fc-header-toolbar {
        font-size: 12px; /* Smaller toolbar font */
    }

    .play-button {
        width: 30px !important; /* Smaller play button on mobile */
        height: 30px !important;
    }
}
/* Modern Analytics Dashboard - 2024 Design System */

/* CSS Variables for the New Design */
:root {
  /* Primary Colors - Dark Theme */
  --bg-primary: #0F1419;
  --bg-secondary: #1A202C;
  --bg-tertiary: #2D3748;
  --bg-card: rgba(255, 255, 255, 0.08);
  
  /* Text Colors */
  --text-primary: #FFFFFF;
  --text-secondary: #A0AEC0;
  --text-muted: #718096;
  
  /* Accent Colors */
  --accent-yellow: #FFB000;
  --accent-orange: #FF7A00;
  
  /* Card Gradients - Matching the image exactly */
  --gradient-revenue: linear-gradient(135deg, #10B981 0%, #059669 100%);
  --gradient-users: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
  --gradient-conversion: linear-gradient(135deg, #A855F7 0%, #9333EA 100%);
  --gradient-engagement: linear-gradient(135deg, #EC4899 0%, #DB2777 100%);
  
  /* Effects */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.15);
  --shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.25);
  --border-radius: 16px;
  --border-radius-small: 12px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Global Dashboard Layout */
.analytics-dashboard,
.modern-analytics-dashboard {
  background: var(--bg-primary);
  color: var(--text-primary);
  min-height: 100vh;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  overflow-x: hidden;
}

/* Modern Topbar Styles */
.modern-analytics-topbar {
  background: var(--bg-secondary);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 20px 0;
  position: sticky;
  top: 0;
  z-index: 1000;
}

.modern-topbar-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modern-topbar-left {
  display: flex;
  align-items: center;
  gap: 32px;
}

.modern-topbar-logo {
  display: flex;
  align-items: center;
  gap: 12px;
}

.modern-topbar-logo-icon {
  width: 36px;
  height: 36px;
  background: var(--gradient-revenue);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.modern-brand-text {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-primary);
  display: block;
  line-height: 1;
}

.modern-brand-subtitle {
  font-size: 11px;
  color: var(--text-secondary);
  display: block;
  line-height: 1;
  margin-top: 2px;
}

.modern-topbar-main-content h1 {
  font-size: 32px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
  line-height: 1.2;
}

.modern-topbar-main-content p {
  font-size: 16px;
  color: var(--text-secondary);
  margin: 4px 0 0 0;
  line-height: 1.4;
}

.modern-topbar-right {
  display: flex;
  align-items: center;
  gap: 20px;
}

.modern-topbar-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.modern-action-btn {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.05);
  border: none;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  cursor: pointer;
  transition: var(--transition);
}

.modern-action-btn:hover {
  background: rgba(255, 176, 0, 0.1);
  color: var(--accent-yellow);
}

.modern-topbar-user {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 8px 16px;
}

.modern-user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--gradient-users);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 12px;
  color: white;
}

.modern-user-info h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

.modern-user-info p {
  margin: 0;
  font-size: 12px;
  color: var(--text-secondary);
}

/* Top Navigation Bar - New Design */
.dashboard-topbar {
  background: rgba(26, 31, 54, 0.8);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 16px 0;
  position: sticky;
  top: 0;
  z-index: 1000;
}

.topbar-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.topbar-left {
  display: flex;
  align-items: center;
  gap: 24px;
}

.topbar-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  text-decoration: none;
}

.topbar-logo-icon {
  width: 40px;
  height: 40px;
  background: var(--gradient-revenue);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.topbar-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}

.topbar-subtitle {
  font-size: 14px;
  color: var(--text-secondary);
  margin: 4px 0 0 0;
}

.topbar-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

.topbar-search {
  position: relative;
}

.topbar-search input {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 10px 16px 10px 40px;
  color: var(--text-primary);
  font-size: 14px;
  width: 280px;
  transition: var(--transition);
}

.topbar-search input:focus {
  outline: none;
  border-color: var(--accent-yellow);
  box-shadow: 0 0 0 2px rgba(255, 176, 0, 0.2);
}

.topbar-search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-secondary);
  font-size: 18px;
}

.topbar-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.topbar-action-btn {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  cursor: pointer;
  transition: var(--transition);
}

.topbar-action-btn:hover {
  background: rgba(255, 176, 0, 0.1);
  border-color: var(--accent-yellow);
  color: var(--accent-yellow);
}

.topbar-user {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 8px 16px;
  cursor: pointer;
  transition: var(--transition);
}

.topbar-user:hover {
  background: rgba(255, 255, 255, 0.1);
}

.topbar-user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--gradient-users);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
}

.topbar-user-info h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

.topbar-user-info p {
  margin: 0;
  font-size: 12px;
  color: var(--text-secondary);
}

/* Navigation Tabs - Updated Design */
.dashboard-nav-tabs,
.modern-dashboard-nav-tabs {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0 32px;
}

.modern-dashboard-nav-tabs .MuiTabs-root {
  min-height: 60px;
}

.modern-dashboard-nav-tabs .MuiTab-root {
  color: var(--text-secondary);
  font-weight: 600;
  text-transform: none;
  font-size: 16px;
  min-width: 100px;
  padding: 16px 32px;
  transition: var(--transition);
  border-radius: 8px 8px 0 0;
  margin-right: 8px;
}

.modern-dashboard-nav-tabs .MuiTab-root:hover {
  color: var(--accent-yellow);
  background: rgba(255, 176, 0, 0.05);
}

.modern-dashboard-nav-tabs .MuiTab-root.Mui-selected {
  color: var(--accent-yellow);
  background: rgba(255, 176, 0, 0.1);
}

.modern-dashboard-nav-tabs .MuiTabs-indicator {
  background: linear-gradient(135deg, var(--accent-yellow) 0%, var(--accent-orange) 100%);
  height: 3px;
  border-radius: 2px;
}

.dashboard-nav-tabs .MuiTabs-root {
  min-height: 56px;
}

.dashboard-nav-tabs .MuiTab-root {
  color: var(--text-secondary);
  font-weight: 600;
  text-transform: none;
  font-size: 16px;
  min-width: 120px;
  padding: 16px 24px;
  transition: var(--transition);
}

.dashboard-nav-tabs .MuiTab-root:hover {
  color: var(--accent-yellow);
  background: rgba(255, 176, 0, 0.05);
}

.dashboard-nav-tabs .MuiTab-root.Mui-selected {
  color: var(--accent-yellow);
}

.dashboard-nav-tabs .MuiTabs-indicator {
  background: linear-gradient(135deg, var(--accent-yellow) 0%, var(--accent-orange) 100%);
  height: 3px;
  border-radius: 2px;
}

/* Main Content Area */
.dashboard-content,
.modern-dashboard-content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 32px;
}

/* Modern Analytics Cards Grid */
.modern-analytics-cards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 32px;
}

.modern-analytics-card {
  background: var(--bg-card);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--border-radius);
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: var(--transition);
  position: relative;
  overflow: hidden;
}

.modern-analytics-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}

.modern-analytics-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover);
}

.modern-revenue-card {
  background: var(--gradient-revenue);
}

.modern-users-card {
  background: var(--gradient-users);
}

.modern-conversion-card {
  background: var(--gradient-conversion);
}

.modern-engagement-card {
  background: var(--gradient-engagement);
}

.modern-card-icon {
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.modern-card-content {
  flex: 1;
}

.modern-card-value {
  font-size: 28px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 4px;
  line-height: 1;
}

.modern-card-label {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

.modern-card-change {
  display: flex;
  align-items: center;
}

.modern-change-indicator {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 20px;
}

/* Analytics Cards - Updated Design */
.analytics-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin-bottom: 40px;
}

.analytics-card {
  background: var(--bg-card);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--border-radius);
  padding: 24px;
  transition: var(--transition);
  position: relative;
  overflow: hidden;
}

.analytics-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--card-gradient);
}

.analytics-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-hover);
}

.analytics-card.revenue {
  --card-gradient: var(--gradient-revenue);
}

.analytics-card.users {
  --card-gradient: var(--gradient-users);
}

.analytics-card.conversion {
  --card-gradient: var(--gradient-conversion);
}

.analytics-card.engagement {
  --card-gradient: var(--gradient-engagement);
}

.analytics-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}

.analytics-card-content h4 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.analytics-card-content h2 {
  font-size: 32px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
  line-height: 1;
}

.analytics-card-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.analytics-card-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}

.analytics-card-change {
  font-size: 14px;
  font-weight: 600;
  color: #4ADE80;
}

.analytics-card-change.negative {
  color: #F87171;
}

.analytics-card-label {
  font-size: 12px;
  color: var(--text-secondary);
}

/* Performance Trends Section */
.performance-section,
.modern-performance-section {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  margin-bottom: 40px;
}

.modern-performance-chart {
  background: var(--bg-card);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--border-radius);
  padding: 32px;
  height: 380px;
  display: flex;
  flex-direction: column;
}

.modern-chart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}

.modern-chart-title h3 {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 4px 0;
}

.modern-chart-title p {
  font-size: 14px;
  color: var(--text-secondary);
  margin: 0;
}

.modern-chart-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.modern-chart-action-btn {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.05);
  border: none;
  border-radius: 8px;
  color: var(--text-secondary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}

.modern-chart-action-btn:hover {
  background: rgba(255, 176, 0, 0.1);
  color: var(--accent-yellow);
}

.modern-chart-container {
  height: 200px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 0 16px;
  gap: 12px;
  flex: 1;
}

.modern-chart-bar {
  background: linear-gradient(135deg, var(--accent-yellow) 0%, var(--accent-orange) 100%);
  border-radius: 8px 8px 0 0;
  transition: var(--transition);
  min-width: 24px;
  flex: 1;
  max-width: 40px;
}

.modern-chart-bar:hover {
  transform: translateY(-4px);
  filter: brightness(1.1);
}

.performance-chart {
  background: var(--bg-card);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--border-radius);
  padding: 32px;
}

.performance-chart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.performance-chart-title h3 {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 4px 0;
}

.performance-chart-title p {
  font-size: 14px;
  color: var(--text-secondary);
  margin: 0;
}

.performance-chart-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.performance-action-btn {
  width: 36px;
  height: 36px;
  background: transparent;
  border: none;
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}

.performance-action-btn:hover {
  background: rgba(255, 176, 0, 0.1);
  color: var(--accent-yellow);
}

.chart-container {
  height: 300px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 0 16px;
  gap: 8px;
}

.chart-bar {
  background: linear-gradient(135deg, var(--accent-yellow) 0%, var(--accent-orange) 100%);
  border-radius: 8px 8px 0 0;
  transition: var(--transition);
  min-width: 32px;
  flex: 1;
  max-width: 48px;
}

.chart-bar:hover {
  transform: translateY(-4px);
  filter: brightness(1.1);
}

/* Recent Activity Section */
.activity-section,
.modern-activity-section {
  background: var(--bg-card);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--border-radius);
  padding: 32px;
  height: 380px;
  display: flex;
  flex-direction: column;
}

.modern-activity-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.modern-activity-title h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}

.modern-activity-navigation {
  display: flex;
  align-items: center;
  gap: 8px;
}

.modern-activity-nav-btn {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  color: var(--text-secondary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}

.modern-activity-nav-btn:hover {
  background: rgba(255, 176, 0, 0.1);
  border-color: var(--accent-yellow);
  color: var(--accent-yellow);
}

.modern-activity-list {
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 1;
  overflow-y: auto;
  max-height: 220px;
}

.modern-activity-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.modern-activity-item:last-child {
  border-bottom: none;
}

.modern-activity-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.modern-subscriber-icon {
  background: rgba(34, 197, 94, 0.15);
  color: #22C55E;
}

.modern-video-icon {
  background: rgba(59, 130, 246, 0.15);
  color: #3B82F6;
}

.modern-milestone-icon {
  background: rgba(250, 204, 21, 0.15);
  color: #FACC15;
}

.modern-comment-icon {
  background: rgba(236, 72, 153, 0.15);
  color: #EC4899;
}

.modern-share-icon {
  background: rgba(139, 92, 246, 0.15);
  color: #8B5CF6;
}

.modern-activity-content h4 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 2px 0;
}

.modern-activity-content p {
  font-size: 12px;
  color: var(--text-secondary);
  margin: 0;
}

.modern-activity-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.modern-page-info {
  font-size: 12px;
  color: var(--text-secondary);
  font-weight: 600;
}

.modern-analytics-pro-badge {
  background: rgba(255, 176, 0, 0.1);
  color: var(--accent-yellow);
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 11px;
  font-weight: 600;
}

.activity-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.activity-title h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}

.activity-navigation {
  display: flex;
  align-items: center;
  gap: 8px;
}

.activity-nav-btn {
  width: 32px;
  height: 32px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  color: var(--text-secondary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
  font-size: 16px;
}

.activity-nav-btn:hover:not(:disabled) {
  background: rgba(255, 176, 0, 0.1);
  border-color: var(--accent-yellow);
  color: var(--accent-yellow);
}

.activity-nav-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.activity-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.activity-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.activity-item:last-child {
  border-bottom: none;
}

.activity-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
}

.activity-icon.subscriber {
  background: rgba(34, 197, 94, 0.1);
  color: #22C55E;
}

.activity-icon.video {
  background: rgba(59, 130, 246, 0.1);
  color: #3B82F6;
}

.activity-icon.milestone {
  background: rgba(250, 204, 21, 0.1);
  color: #FACC15;
}

.activity-icon.comment {
  background: rgba(236, 72, 153, 0.1);
  color: #EC4899;
}

.activity-icon.share {
  background: rgba(139, 92, 246, 0.1);
  color: #8B5CF6;
}

.activity-content h4 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 4px 0;
}

.activity-content p {
  font-size: 12px;
  color: var(--text-secondary);
  margin: 0;
}

/* Page Info at Bottom */
.activity-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.page-info {
  background: rgba(255, 176, 0, 0.1);
  color: var(--accent-yellow);
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

/* Responsive Design */
@media (max-width: 1200px) {
  .performance-section,
  .modern-performance-section {
    grid-template-columns: 1fr;
  }
  
  .topbar-container,
  .modern-topbar-container {
    padding: 0 24px;
  }
  
  .dashboard-content,
  .modern-dashboard-content {
    padding: 24px;
  }
  
  .modern-analytics-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .topbar-left,
  .modern-topbar-left {
    gap: 16px;
  }
  
  .topbar-title,
  .modern-topbar-main-content h1 {
    font-size: 28px;
  }
  
  .modern-topbar-main-content p {
    font-size: 14px;
  }
  
  .topbar-search {
    display: none;
  }
  
  .analytics-cards-grid,
  .modern-analytics-cards-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .performance-chart,
  .activity-section,
  .modern-performance-chart,
  .modern-activity-section {
    padding: 24px 20px;
  }
  
  .dashboard-nav-tabs,
  .modern-dashboard-nav-tabs {
    padding: 0 16px;
  }
  
  .dashboard-nav-tabs .MuiTab-root,
  .modern-dashboard-nav-tabs .MuiTab-root {
    min-width: 80px;
    padding: 12px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .topbar-right,
  .modern-topbar-right {
    gap: 8px;
  }
  
  .topbar-user-info,
  .modern-user-info {
    display: none;
  }
  
  .analytics-card,
  .modern-analytics-card {
    padding: 20px;
    flex-direction: column;
    text-align: center;
  }
  
  .modern-card-value {
    font-size: 24px;
  }
  
  .performance-chart,
  .activity-section,
  .modern-performance-chart,
  .modern-activity-section {
    padding: 20px;
  }
  
  .modern-topbar-container {
    padding: 0 16px;
  }
  
  .modern-dashboard-content {
    padding: 16px;
  }
}

/* Animation Keyframes */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Animation Classes */
.animate-fade-in-up {
  animation: fadeInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.animate-slide-in-right {
  animation: slideInRight 0.6s cubic-bezier(0.4, 0, 0.2, 1) both;
}

/* Stagger Animations */
.analytics-card:nth-child(1) { animation-delay: 0ms; }
.analytics-card:nth-child(2) { animation-delay: 100ms; }
.analytics-card:nth-child(3) { animation-delay: 200ms; }
.analytics-card:nth-child(4) { animation-delay: 300ms; }

/* Custom Scrollbar */
.analytics-dashboard *::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.analytics-dashboard *::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
}

.analytics-dashboard *::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, var(--accent-yellow) 0%, var(--accent-orange) 100%);
  border-radius: 3px;
}

.analytics-dashboard *::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, var(--accent-orange) 0%, var(--accent-yellow) 100%);
}
/* Optimizify Dashboard Tour Styles - Modern Dark Design with Proper Highlighting */
/* Dark theme with proper visibility and highlighting */

/* Tour Overlay - Semi-transparent to keep background visible */
.react-joyride__overlay {
    background-color: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(1px) !important;
    -webkit-backdrop-filter: blur(1px) !important;
}

/* Tour Spotlight - Bright highlighting for target elements */
.react-joyride__spotlight {
    border-radius: 12px !important;
    box-shadow: 
        0 0 0 5px rgba(255, 199, 39, 0.8),
        0 0 0 9999px rgba(0, 0, 0, 0.3),
        0 0 60px rgba(255, 199, 39, 1),
        inset 0 0 0 2px rgba(255, 255, 255, 0.2) !important;
    border: 3px solid #FFC727 !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

/* Tour Tooltip Container */
.react-joyride__tooltip {
    background: #1a1a1a !important;
    border: 1px solid rgba(255, 199, 39, 0.4) !important;
    border-radius: 20px !important;
    padding: 0 !important;
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.8),
        0 0 0 1px rgba(255, 199, 39, 0.3) !important;
    max-width: 450px !important;
    color: #ffffff !important;
}

/* Tour Step Container */
.shepherd-modal-overlay-container {
    z-index: 9998 !important;
}

.shepherd-element {
    z-index: 9999 !important;
    max-width: 450px !important;
    filter: drop-shadow(0 25px 50px rgba(0, 0, 0, 0.8));
}

.optimizify-tour-step .shepherd-content {
    background: #1a1a1a !important;
    border: 1px solid rgba(255, 199, 39, 0.4) !important;
    border-radius: 20px !important;
    padding: 0 !important;
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.8),
        0 0 0 1px rgba(255, 199, 39, 0.3) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.optimizify-tour-step .shepherd-text {
    padding: 24px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Tour Content */
.tour-content {
    text-align: center;
    padding: 20px 0;
    position: relative;
    background: linear-gradient(135deg, rgba(26, 26, 26, 0.95) 0%, rgba(45, 45, 45, 0.9) 100%);
    border-radius: 16px;
    margin: -12px;
    border: 1px solid rgba(255, 199, 39, 0.2);
}

.tour-icon {
    font-size: 64px;
    margin-bottom: 24px;
    animation: bounce 3s ease-in-out infinite;
    filter: drop-shadow(0 6px 12px rgba(255, 199, 39, 0.4));
    position: relative;
    text-shadow: 0 0 20px rgba(255, 199, 39, 0.6);
}

.tour-content h3 {
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff 0%, #FFC727 50%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    letter-spacing: -0.5px;
    position: relative;
}

.tour-content h3::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #FFC727, transparent);
    border-radius: 2px;
}

.tour-content p {
    color: #f3f4f6 !important;
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 20px 0;
    font-weight: 400;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Enhanced tour content styling */
.tour-content .mt-3 {
    margin-top: 16px;
}

.tour-content .p-3 {
    padding: 16px;
}

.tour-content .bg-yellow-50 {
    background: linear-gradient(135deg, rgba(255, 199, 39, 0.2) 0%, rgba(255, 215, 0, 0.15) 100%);
    border: 1px solid rgba(255, 199, 39, 0.4);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px rgba(255, 199, 39, 0.2);
}

.tour-content .bg-blue-50 {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 197, 253, 0.15) 100%);
    border: 1px solid rgba(59, 130, 246, 0.4);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

.tour-content .bg-green-50 {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(74, 222, 128, 0.15) 100%);
    border: 1px solid rgba(34, 197, 94, 0.4);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.2);
}

.tour-content .text-yellow-800 {
    color: #fbbf24 !important;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.tour-content .text-blue-800 {
    color: #60a5fa !important;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.tour-content .text-green-800 {
    color: #22c55e !important;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.tour-content .text-sm {
    font-size: 15px;
    line-height: 1.6;
}

.tour-content strong {
    font-weight: 700;
    color: #ffffff !important;
}

/* Enhanced bounce animation for tour icons */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0) scale(1);
    }
    10% {
        transform: translateY(-8px) scale(1.05);
    }
    30% {
        transform: translateY(-4px) scale(1.02);
    }
    40% {
        transform: translateY(-12px) scale(1.08);
    }
    60% {
        transform: translateY(-6px) scale(1.04);
    }
}

/* Pulse effect for important elements */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 199, 39, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(255, 199, 39, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 199, 39, 0);
    }
}

/* Glow effect for highlighted elements */
@keyframes glow {
    0%, 100% {
        text-shadow: 0 0 20px rgba(255, 199, 39, 0.6);
    }
    50% {
        text-shadow: 0 0 30px rgba(255, 199, 39, 0.9);
    }
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Tour Buttons */
.optimizify-tour-step .shepherd-footer {
    padding: 20px 32px 28px !important;
    border-top: 1px solid rgba(255, 199, 39, 0.2) !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 16px !important;
    background: linear-gradient(145deg, #000000 0%, #1a1a1a 100%) !important;
    border-radius: 0 0 24px 24px !important;
    position: relative;
}

.optimizify-tour-step .shepherd-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 32px;
    right: 32px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #FFC727, transparent);
}

.optimizify-tour-step .shepherd-button {
    padding: 14px 28px !important;
    border-radius: 16px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: none !important;
    cursor: pointer !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    position: relative !important;
    overflow: hidden !important;
}

.optimizify-tour-step .shepherd-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.6s ease;
}

.optimizify-tour-step .shepherd-button:hover::before {
    left: 100%;
}

.optimizify-tour-step .shepherd-button:not(.shepherd-button-secondary) {
    background: linear-gradient(135deg, #FFC727 0%, #FFD700 50%, #FFC727 100%) !important;
    color: #000000 !important;
    box-shadow: 
        0 8px 24px rgba(255, 199, 39, 0.4),
        0 4px 12px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    font-weight: 800 !important;
}

.optimizify-tour-step .shepherd-button:not(.shepherd-button-secondary):hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 
        0 12px 32px rgba(255, 199, 39, 0.5),
        0 6px 16px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.optimizify-tour-step .shepherd-button-secondary {
    background: linear-gradient(135deg, transparent 0%, rgba(255, 199, 39, 0.05) 100%) !important;
    color: #FFFFFF !important;
    border: 2px solid rgba(255, 199, 39, 0.3) !important;
    font-weight: 600 !important;
}

.optimizify-tour-step .shepherd-button-secondary:hover {
    background: linear-gradient(135deg, rgba(255, 199, 39, 0.1) 0%, rgba(255, 199, 39, 0.15) 100%) !important;
    color: #FFC727 !important;
    border-color: rgba(255, 199, 39, 0.6) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 199, 39, 0.2) !important;
}

/* Cancel Icon */
.optimizify-tour-step .shepherd-cancel-icon {
    color: #FFFFFF !important;
    font-size: 22px !important;
    opacity: 0.7 !important;
    transition: all 0.3s ease !important;
    padding: 8px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

.optimizify-tour-step .shepherd-cancel-icon:hover {
    opacity: 1 !important;
    color: #FFC727 !important;
    background: rgba(255, 199, 39, 0.2) !important;
    transform: scale(1.1) !important;
}

/* Tour Arrow */
.optimizify-tour-step .shepherd-arrow:before {
    background: linear-gradient(145deg, #000000 0%, #1a1a1a 100%) !important;
    border: 2px solid #FFC727 !important;
}

/* Modal Overlay - Enhanced */
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
    opacity: 1 !important;
}

.shepherd-modal-overlay-container .shepherd-modal-overlay {
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* Highlighted Element - FIXED */
.shepherd-enabled.shepherd-target {
    position: relative !important;
    z-index: 9999 !important;
}

.shepherd-enabled.shepherd-target::after {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    border: 3px solid #FFC727 !important;
    border-radius: 12px !important;
    box-shadow: 
        0 0 0 3px rgba(255, 199, 39, 0.3),
        0 0 30px rgba(255, 199, 39, 0.5),
        inset 0 0 20px rgba(255, 199, 39, 0.1) !important;
    animation: pulse-highlight 2s ease-in-out infinite !important;
    pointer-events: none;
    z-index: 9998;
}

/* Alternative highlighting for better visibility */
.shepherd-target-highlighted,
.shepherd-enabled.shepherd-target {
    outline: 3px solid #FFC727 !important;
    outline-offset: 4px !important;
    box-shadow: 
        0 0 0 3px rgba(255, 199, 39, 0.3),
        0 0 30px rgba(255, 199, 39, 0.5) !important;
    border-radius: 8px !important;
    animation: pulse-highlight 2s ease-in-out infinite !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Tour CTA Buttons (for final step) */
.tour-cta {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
}

.tour-primary-btn,
.tour-secondary-btn {
    padding: 16px 28px;
    border-radius: 16px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    width: 100%;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}

.tour-primary-btn {
    background: linear-gradient(135deg, #FFC727 0%, #FFD700 50%, #FFC727 100%);
    color: #000000;
    box-shadow: 
        0 8px 24px rgba(255, 199, 39, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    font-weight: 800;
}

.tour-primary-btn:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 
        0 12px 32px rgba(255, 199, 39, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.tour-secondary-btn {
    background: linear-gradient(135deg, transparent 0%, rgba(255, 199, 39, 0.05) 100%);
    color: #FFFFFF;
    border: 2px solid rgba(255, 199, 39, 0.3);
}

.tour-secondary-btn:hover {
    background: linear-gradient(135deg, rgba(255, 199, 39, 0.1) 0%, rgba(255, 199, 39, 0.15) 100%);
    color: #FFC727;
    border-color: rgba(255, 199, 39, 0.6);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 199, 39, 0.2);
}

/* Animations */
@keyframes pulse-highlight {
    0%, 100% {
        outline-color: rgba(255, 199, 39, 0.8);
        box-shadow: 
            0 0 0 3px rgba(255, 199, 39, 0.3),
            0 0 30px rgba(255, 199, 39, 0.5);
    }
    50% {
        outline-color: rgba(255, 199, 39, 1);
        box-shadow: 
            0 0 0 6px rgba(255, 199, 39, 0.4),
            0 0 40px rgba(255, 199, 39, 0.7);
    }
}

@keyframes glow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(255, 199, 39, 0.3);
    }
    50% {
        box-shadow: 0 0 40px rgba(255, 199, 39, 0.6);
    }
}

/* Progress indicator */
.optimizify-tour-step .shepherd-progress {
    background: rgba(255, 199, 39, 0.15) !important;
    border-radius: 12px !important;
    margin: 0 32px 20px !important;
    padding: 12px !important;
    border: 1px solid rgba(255, 199, 39, 0.2) !important;
}

.optimizify-tour-step .shepherd-progress-bar {
    background: linear-gradient(90deg, #FFC727, #FFD700, #FFC727) !important;
    height: 6px !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(255, 199, 39, 0.3) !important;
}

/* Responsive */
@media (max-width: 640px) {
    .shepherd-element {
        max-width: calc(100vw - 32px) !important;
        margin: 0 16px !important;
    }
    
    .optimizify-tour-step .shepherd-text {
        padding: 24px !important;
    }
    
    .optimizify-tour-step .shepherd-footer {
        padding: 16px 24px 24px !important;
        flex-direction: column !important;
    }
    
    .tour-content h3 {
        font-size: 20px;
    }
    
    .tour-icon {
        font-size: 48px;
    }
    
    .optimizify-tour-step .shepherd-button {
        width: 100% !important;
    }
}

/* Additional premium effects */
.optimizify-tour-step .shepherd-content::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 0%, rgba(255, 199, 39, 0.1) 0%, transparent 50%);
    pointer-events: none;
    border-radius: 24px;
}

/* Enhanced highlighting for specific elements */
[data-tour]:not([data-tour=""]) {
    transition: all 0.3s ease !important;
}

.shepherd-enabled[data-tour]:not([data-tour=""]) {
    position: relative !important;
    z-index: 9999 !important;
}

.shepherd-enabled[data-tour]:not([data-tour=""])::before {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    background: linear-gradient(45deg, #FFC727, #FFD700, #FFC727, #FFD700);
    background-size: 400% 400%;
    border-radius: 12px;
    z-index: -1;
    animation: gradient-shift 3s ease infinite;
    opacity: 0.7;
}

/* Blinking dot animation for action required steps */
@keyframes blink {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.3;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.blinking-dot {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 16px;
    height: 16px;
    background-color: #ff4444;
    border: 2px solid #ffffff;
    border-radius: 50%;
    animation: blink 1s infinite;
    z-index: 10001;
    box-shadow: 0 0 10px rgba(255, 68, 68, 0.5);
}

/* Pulse animation for waiting states */
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.waiting-pulse {
    animation: pulse 2s ease-in-out infinite;
}

/* Action completed indicator */
.action-completed {
    position: relative;
}

.action-completed::after {
    content: '✓';
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    background-color: #22c55e;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    z-index: 10001;
    box-shadow: 0 0 10px rgba(34, 197, 94, 0.5);
}

@keyframes gradient-shift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Special highlighting for tour elements */
.tour-highlight {
    position: relative !important;
    z-index: 9999 !important;
}

.tour-highlight::after {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 2px solid #FFC727;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(255, 199, 39, 0.6);
    animation: pulse-border 2s ease-in-out infinite;
    pointer-events: none;
}

/* Action required blinking animation */
.tour-action-required {
    position: relative !important;
    animation: action-required-pulse 1.5s ease-in-out infinite !important;
    z-index: 9999 !important;
}

.tour-action-required::before {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    background: rgba(255, 68, 68, 0.3);
    border: 2px solid #ff4444;
    border-radius: 12px;
    z-index: -1;
    animation: blink 1s infinite;
}

.tour-action-required::after {
    content: '⚡';
    position: absolute;
    top: -12px;
    right: -12px;
    width: 24px;
    height: 24px;
    background: #ff4444;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: white;
    animation: pulse 1s infinite;
    z-index: 10000;
}

/* Action completed animation */
.action-completed {
    animation: action-success 2s ease-out forwards !important;
}

/* Blinking dot for tour steps */
.blinking-dot {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 16px;
    height: 16px;
    background: #ff4444;
    border-radius: 50%;
    animation: blink 1s infinite;
    z-index: 10001;
}

@keyframes pulse-border {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.02);
    }
}

@keyframes action-required-pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 68, 68, 0.7);
    }
    50% {
        transform: scale(1.02);
        box-shadow: 0 0 0 10px rgba(255, 68, 68, 0.2);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 68, 68, 0);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes action-success {
    0% {
        transform: scale(1);
        background: rgba(34, 197, 94, 0.1);
        border: 2px solid #22c55e;
    }
    50% {
        transform: scale(1.05);
        background: rgba(34, 197, 94, 0.3);
        border: 2px solid #22c55e;
    }
    100% {
        transform: scale(1);
        background: transparent;
        border: 2px solid transparent;
    }
}
.range-slider {
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  position: relative;
  width: 100%;
  height: 8px;
  background: #ddd;
  border-radius: 4px;
}
.range-slider[data-vertical] {
  height: 100%;
  width: 8px;
}
.range-slider[data-disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.range-slider .range-slider__thumb {
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #2196f3;
}
.range-slider .range-slider__thumb:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 6px rgba(33, 150, 243, 0.5);
}
.range-slider[data-vertical] .range-slider__thumb {
  left: 50%;
}
.range-slider .range-slider__thumb[data-disabled] {
  z-index: 2;
}
.range-slider .range-slider__range {
  position: absolute;
  z-index: 1;
  transform: translate(0, -50%);
  top: 50%;
  width: 100%;
  height: 100%;
  background: #51adf6;
}
.range-slider[data-vertical] .range-slider__range {
  left: 50%;
  transform: translate(-50%, 0);
}
.range-slider input[type="range"] {
  -webkit-appearance: none;
  pointer-events: none;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background-color: transparent;
}
.range-slider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
}
.range-slider input[type="range"]::-moz-range-thumb {
  width: 0;
  height: 0;
  border: 0;
}
.range-slider input[type="range"]:focus {
  outline: 0;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
/* Modern Dark Dashboard Theme - CSS Variables */
:root {
    /* Dashboard Color Scheme - Matching New Design */
    --dashboard-bg-primary: #0C0F17;
    --dashboard-bg-secondary: #111827;
    --dashboard-bg-tertiary: #1E293B;
    
    /* Accent Colors */
    --dashboard-accent-yellow: #FFB000;
    --dashboard-accent-orange: #FF7A00;
    
    /* Card Colors */
    --dashboard-card-revenue: #00C853;
    --dashboard-card-users: #673AB7;
    --dashboard-card-users-bright: #7C4DFF;
    --dashboard-card-conversion: #9C27B0;
    --dashboard-card-conversion-bright: #E040FB;
    --dashboard-card-engagement: #E91E63;
    --dashboard-card-engagement-bright: #F06292;
    
    /* Text Colors */
    --dashboard-text-primary: #FFFFFF;
    --dashboard-text-secondary: #9CA3AF;
    --dashboard-text-muted: #6B7280;
    
    /* Chart Colors */
    --dashboard-chart-bg: #1F2937;
    
    /* Activity Icons */
    --dashboard-icon-subscriber: #22C55E;
    --dashboard-icon-video: #3B82F6;
    --dashboard-icon-milestone: #FACC15;
    --dashboard-icon-comment: #EC4899;
    --dashboard-icon-share: #8B5CF6;
}

/* Modern Typography */
* {
    font-family: 'Inter', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.font-dash,
.MuiTypography-root,
.MuiToolbar-root {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-weight: 400;
    letter-spacing: -0.025em;
}

.MuiPaper-root {
    z-index: 1;
}

.custom-sidenav-item {
    z-index: 1 !important;
}

.bg-promo {
    background: #457fca;
    background: -webkit-linear-gradient(to right, #5691c8, #457fca);
    background: linear-gradient(to right, #5691c8, #457fca);
}

.bg-tagsD {
        background: #FFEFBA;
        background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA);
        background: linear-gradient(to right, #fae3e3, #f3e7be);
}
.range-slider .range-slider__range {
    position: absolute;
    z-index: 1;
    transform: translate(0, -50%);
    top: 50%;
    width: 100%;
    height: 100%;
    background: #d32f2f !important;
}
.range-slider .range-slider__thumb {
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #a00000 !important;
}
.bg-vidgr {
    background: #e52d27;
    background: -webkit-linear-gradient(to right, #b31217, #e52d27);
    background: linear-gradient(to right, #b31217, #e52d27);
}

.ts_hl {
    background-color: #608bff !important;
}

.tl_hl {
    background-color: #bd1b21 !important;
}

.k_hl_1 {
    background-color: rgb(44 217 44) !important;
}

.k_hl_2 {
    background-color: rgb(175, 55, 255) !important;
}

.k_hl_3 {
    background-color: rgb(255, 8, 255) !important;
}

.b_hl {
    background-color: #741b47 !important;
}

.bw_hl {
    background-color: #cd0505 !important;
}

.hl {
    color: #fff;
    padding: 1px 5px;
    border-radius: 5px;
}

.bg-1 {
    background-image: radial-gradient(
        circle farthest-corner at 17.1% 22.8%,
        rgba(226, 24, 24, 1) 0%,
        rgba(160, 6, 6, 1) 90%
    );
}

.bg-2 {
    background-image: radial-gradient(
        circle farthest-corner at 48.4% 47.5%,
        rgb(173 228 153) 0%,
        rgba(11, 183, 61, 1) 90%
    );
}

.bg-3 {
    background-image: radial-gradient(
        circle farthest-corner at 48.4% 47.5%,
        rgba(122, 183, 255, 1) 0%,
        rgba(21, 83, 161, 1) 90%
    );
}

.bg-4 {
    background-image: radial-gradient(
        circle farthest-corner at 10% 20%,
        rgba(249, 232, 51, 1) 0%,
        rgba(250, 196, 59, 1) 100.2%
    );
}

/* Modern Select Control Styling */
.css-13cymwt-control {
    border-color: var(--dashboard-accent-yellow) !important;
}

.css-13cymwt-control:focus {
    border-color: var(--dashboard-accent-orange) !important;
    box-shadow: 0 0 0 1px var(--dashboard-accent-orange) !important;
}

.css-1jqq78o-placeholder {
    font-family: 'Inter', sans-serif !important;
    font-size: 1rem !important;
    text-align: start !important;
    color: var(--dashboard-text-secondary) !important;
}

.css-1p3m7a8-multiValue {
    background: linear-gradient(135deg, var(--dashboard-accent-yellow), var(--dashboard-accent-orange)) !important;
    padding: 2px !important;
    border-radius: 8px !important;
    color: white !important;
}

.css-1y7rh0y-MultiValueGeneric2 {
    color: white !important;
}

.css-t3ipsp-control,
.css-t3ipsp-control {
    border-color: var(--dashboard-accent-orange) !important;
    outline-color: var(--dashboard-accent-yellow) !important;
}

.css-t3ipsp-control:focus,
.css-t3ipsp-control:focus {
    outline: none !important;
    border-color: var(--dashboard-accent-orange) !important;
}

/* CSS for React Tag Input Component */

.react-tags-wrapper {
    height: inherit;
    line-height: 2rem;
    overflow: auto;
    background-color: #585A5C;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    width: 100%;
    line-height: 22px;
    cursor: text;
    flex-wrap: wrap;
}

.react-confirm-wrapper {
    min-height: 198px;
    line-height: 2rem;
    padding: 15px;
    overflow: auto;
    background: transparent;
    box-shadow: none;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    border-radius: 8px;
    width: 100%;
    border: unset;
    line-height: 22px;
    cursor: text;
    flex-wrap: wrap;
}

.tag-wrapper {
    background-color: #20c997;
    color: #fff;
    margin-bottom: 0.2rem;
    padding: 0.5rem;
    white-space: normal;
    border-radius: 0.5rem;
    display: inline-block;
    word-break: break-word;
}

.secondary_keyphrases_tags .tag-wrapper:nth-child(1) {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.9) 0%, rgba(220, 38, 38, 0.9) 100%);
    color: #fff;
    border: 1px solid rgba(239, 68, 68, 0.3);
    box-shadow: 0 2px 4px rgba(239, 68, 68, 0.2);
}

.secondary_keyphrases_tags_confirm {
    background: linear-gradient(135deg, rgba(51, 65, 85, 0.3) 0%, rgba(30, 41, 59, 0.3) 100%);
    backdrop-filter: blur(4px);
}

.secondary_keyphrases_tags .tag-wrapper:nth-child(2) {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.9) 0%, rgba(147, 51, 234, 0.9) 100%);
    color: #fff;
    border: 1px solid rgba(168, 85, 247, 0.3);
    box-shadow: 0 2px 4px rgba(168, 85, 247, 0.2);
}

.secondary_keyphrases_tags .tag-wrapper:nth-child(3) {
    background: linear-gradient(135deg, rgba(236, 72, 153, 0.9) 0%, rgba(219, 39, 119, 0.9) 100%);
    color: #fff;
    border: 1px solid rgba(236, 72, 153, 0.3);
    box-shadow: 0 2px 4px rgba(236, 72, 153, 0.2);
}

.react-tags__tags {
    display: flex !important;
    /* flex-wrap: wrap; */
    padding: 8px;
    border: 1px solid rgba(245, 158, 11, 0.4);
    border-radius: 12px;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(51, 65, 85, 0.3) 0%, rgba(30, 41, 59, 0.3) 100%);
    backdrop-filter: blur(4px);
    box-shadow: 0 4px 6px -1px rgba(245, 158, 11, 0.1);
}

.react-tags__tag {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.9) 0%, rgba(251, 191, 36, 0.9) 100%);
    color: rgba(15, 23, 42, 0.9);
    border-radius: 8px;
    margin: 3px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    border: 1px solid rgba(245, 158, 11, 0.3);
    box-shadow: 0 2px 4px rgba(245, 158, 11, 0.2);
    transition: all 0.2s ease-in-out;
}

.react-tags__remove {
    margin-left: 8px;
    cursor: pointer;
    color: rgba(15, 23, 42, 0.7);
    font-weight: bold;
    padding: 2px;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}

.react-tags__remove:hover {
    background-color: rgba(239, 68, 68, 0.2);
    color: rgba(239, 68, 68, 0.9);
}

.react-tags__tag-input {
    flex-grow: 1;
}

.react-tags__tag-input-field {
    border: none;
    outline: none;
    padding: 8px;
    font-size: 14px;
    background: transparent;
    color: rgba(245, 158, 11, 0.9);
}

.react-tags__tag-input-field::placeholder {
    color: rgba(245, 158, 11, 0.5);
}

.react-tags__selected {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.25rem;
}
/* Modern Dark Gradient Sidebar - Matching New Design System */
.MuiDrawer-paper,
.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation0.MuiDrawer-paper.MuiDrawer-paperAnchorLeft.MuiDrawer-paperAnchorDockedLeft {
    background: linear-gradient(180deg, #111827 0%, #1E293B 100%) !important;
    color: #FFFFFF !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.3) !important;
}

/* Modern Dark Sidebar Navigation Styling */
.MuiDrawer-paper .MuiListItemText-primary,
.MuiDrawer-paper .MuiTypography-root,
.MuiDrawer-paper .MuiListItemIcon-root {
    color: #FFFFFF !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
}

/* Navigation link styling */
.css-17kj66j-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root:hover,
.css-5223rf {
    z-index: 1;
    color: #FFFFFF !important;
}

/* Navigation text with modern typography */
.MuiTypography-root.MuiTypography-body1.MuiListItemText-primary {
    color: #FFFFFF !important;
    background: transparent !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
    letter-spacing: 0.025em !important;
}

/* Navigation item hover - Yellow glow effect */
.MuiDrawer-paper .MuiListItem-root:hover {
    background: rgba(255, 176, 0, 0.1) !important;
    border-radius: 12px !important;
    transform: translateX(4px) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 20px rgba(255, 176, 0, 0.15) !important;
}

/* Active navigation item - Yellow-orange gradient */
.MuiDrawer-paper .MuiListItem-root.Mui-selected {
    background: linear-gradient(135deg, #FFB000 0%, #FF7A00 100%) !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 24px rgba(255, 176, 0, 0.3) !important;
    transform: translateX(6px) !important;
}

/* Active item text styling */
.MuiDrawer-paper .MuiListItem-root.Mui-selected .MuiListItemText-primary,
.MuiDrawer-paper .MuiListItem-root.Mui-selected .MuiListItemIcon-root {
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

.css-1yvfc3u,
.css-lk28mw,
.custom-sidenav-container div,
a.MuiTypography-root.MuiTypography-inherit.MuiLink-root.MuiLink-underlineNone.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeSmall.MuiButton-containedSizeSmall.MuiButton-colorPrimary.MuiButton-fullWidth.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeSmall.MuiButton-containedSizeSmall.MuiButton-colorPrimary.MuiButton-fullWidth {
    z-index: 1;
}
.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation0.MuiDrawer-paper.MuiDrawer-paperAnchorLeft.MuiDrawer-paperAnchorDockedLeft {
    overflow: hidden;
}
.MuiBox-root.css-5223rf {
    padding-left: 25%;
}
.MuiBox-root.css-lk28mw {
    padding: 1.5rem 1rem !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) !important;
    color: white !important;
    text-align: center !important;
}


.MuiBox-root.css-15tl2m6{
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-sidenav-container img.MuiBox-root{
    width: 6rem !important;
    height: auto !important;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2)) !important;
}
.MuiPaginationItem-root.Mui-selected {
    color: #fff;
    background-color: #050505 !important;
}

.play-icon {
    transition: transform 2s ease-in-out;
}

button:hover .play-icon {
    transform: rotate(360deg);
}
.upload-step-default{
    background: #ffffff !important;
    color: #000000;
    border-color: #000000;
}

.upload-step-completed{
    background: #c8efcd !important;
    color: #0d5307;
    border-color: #106309;
}

.upload-step-active{
    transform: scale(1.1);
    background: #06b7d7 !important;
    color: #ffffff;
    border-color: #fbfbff;
}

.multiline-ellipsis {
    height: 4rem;
    line-height: 1rem;
    overflow: hidden;
    font-size: small;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* Limits the text to 4 lines */
    line-clamp: 4;
    text-overflow: ellipsis;
}
/* Add this to your CSS file or include it with a <style> tag */
#descriptionToneSelect {
    margin-top: 10px;
    border-radius: 4px;
    border: 1px solid #ced4da;
    padding: 8px 12px;
}

.swal2-popup {
    width: 36em;
}
/* Add this to your CSS */
.hide-scrollbar::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
  }
  
  .hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  /* Description Content Styling - Dark Theme */
#description-container {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
    color: #e5e7eb; /* Light gray for dark theme */
    transition: all 0.2s ease;
    scroll-behavior: smooth;
  }
  
  /* Headings */
  #description-container h2 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #f9fafb; /* Nearly white for dark theme */
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    line-height: 1.4;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  #description-container h2:first-child {
    margin-top: 0;
  }
  
  /* Paragraphs */
  #description-container p {
    margin-bottom: 1rem;
    font-size: 0.95rem;
    color: #d1d5db; /* Light gray text */
  }
  
  /* Lists */
  #description-container ul {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
    list-style-type: none;
  }
  
  #description-container ul li {
    position: relative;
    padding-left: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
    color: #d1d5db;
  }
  
  #description-container ul li::before {
    content: "•";
    color: #fbbf24; /* Amber/gold for dark theme */
    position: absolute;
    left: -1rem;
    font-weight: bold;
    font-size: 1.2em;
  }
  
  /* Highlighted elements */
  #description-container .hl {
    border-radius: 0.25rem;
    padding: 0.1rem 0.3rem;
    font-weight: 500;
  }
  
  #description-container .tl_hl {
    background-color: rgba(239, 68, 68, 0.25); /* Red highlight - Long Title */
    color: #fca5a5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }
  
  #description-container .ts_hl {
    background-color: rgba(59, 130, 246, 0.25); /* Blue highlight - Short Title */
    color: #93c5fd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }
  
  #description-container .k_hl_1 {
    background-color: rgba(0, 255, 255, 0.2); /* Cyan */
    color: #67e8f9;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  #description-container .k_hl_2 {
    background-color: rgba(221, 126, 107, 0.3); /* Coral */
    color: #fca5a5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }
  
  #description-container .k_hl_3 {
    background-color: rgba(144, 238, 144, 0.2); /* Light green */
    color: #86efac;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }
  
  /* Strong text */
  #description-container strong {
    font-weight: 600;
    color: #f9fafb;
  }
  
  /* Timestamps section */
  #description-container h2:nth-of-type(6) + p {
    font-family: monospace;
    background-color: rgba(255, 255, 255, 0.05);
    padding: 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.7;
    border-left: 3px solid #fbbf24;
    color: #e5e7eb;
  }
  
  /* Tooltip */
  [contenteditable="false"] {
    cursor: default;
  }
  
  /* Focus state */
  #description-container:focus {
    outline: none;
    border-color: #fbbf24;
    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.2);
  }
  
  /* Scrollbar styling - Dark theme */
  #description-container::-webkit-scrollbar {
    width: 6px;
  }
  
  #description-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
  }
  
  #description-container::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
  }
  
  #description-container::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  
  /* Spacing for better readability */
  #description-container > *:last-child {
    margin-bottom: 0.5rem;
  }
  
  /* Animation for highlights on hover */
  #description-container .hl:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease;
  }
  
  /* Break styling */
  #description-container br {
    display: block;
    content: "";
    margin-top: 0.5rem;
  }
/* Modern Dashboard Card Styles - Neumorphism & Glassmorphism */
.dashboard-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    padding: 1.5rem;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.dashboard-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 176, 0, 0.1) 0%, rgba(255, 122, 0, 0.1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: inherit;
    z-index: 0;
}

.dashboard-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 
        0 16px 64px rgba(255, 176, 0, 0.2),
        0 8px 32px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.dashboard-card:hover::before {
    opacity: 1;
}

/* Revenue Card - Green Theme */
.dashboard-card.revenue {
    background: linear-gradient(135deg, var(--dashboard-card-revenue) 0%, rgba(0, 200, 83, 0.8) 100%);
    box-shadow: 0 8px 32px rgba(0, 200, 83, 0.3);
}

.dashboard-card.revenue:hover {
    box-shadow: 0 16px 64px rgba(0, 200, 83, 0.4);
}

/* Active Users Card - Purple Theme */
.dashboard-card.users {
    background: linear-gradient(135deg, var(--dashboard-card-users) 0%, var(--dashboard-card-users-bright) 100%);
    box-shadow: 0 8px 32px rgba(103, 58, 183, 0.3);
}

.dashboard-card.users:hover {
    box-shadow: 0 16px 64px rgba(124, 77, 255, 0.4);
}

/* Conversion Rate Card - Pink-Purple Theme */
.dashboard-card.conversion {
    background: linear-gradient(135deg, var(--dashboard-card-conversion) 0%, var(--dashboard-card-conversion-bright) 100%);
    box-shadow: 0 8px 32px rgba(156, 39, 176, 0.3);
}

.dashboard-card.conversion:hover {
    box-shadow: 0 16px 64px rgba(224, 64, 251, 0.4);
}

/* Engagement Card - Red-Pink Theme */
.dashboard-card.engagement {
    background: linear-gradient(135deg, var(--dashboard-card-engagement) 0%, var(--dashboard-card-engagement-bright) 100%);
    box-shadow: 0 8px 32px rgba(233, 30, 99, 0.3);
}

.dashboard-card.engagement:hover {
    box-shadow: 0 16px 64px rgba(240, 98, 146, 0.4);
}

/* Dashboard Grid System - Responsive */
.dashboard-grid {
    display: grid;
    gap: 1.5rem;
    padding: 1.5rem;
}

/* Desktop - 4 columns */
@media (min-width: 1200px) {
    .dashboard-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
        padding: 2rem;
    }
}

/* Tablet - 2 columns */
@media (min-width: 768px) and (max-width: 1199px) {
    .dashboard-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
        padding: 1.5rem;
    }
}

/* Mobile - 1 column */
@media (max-width: 767px) {
    .dashboard-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 1rem;
    }
    
    .dashboard-card {
        padding: 1.25rem;
    }
}

/* Chart Containers */
.chart-container {
    background: var(--dashboard-chart-bg);
    border-radius: 16px;
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Activity Icons */
.activity-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.activity-icon.subscriber {
    background: linear-gradient(135deg, var(--dashboard-icon-subscriber) 0%, rgba(34, 197, 94, 0.8) 100%);
}

.activity-icon.video {
    background: linear-gradient(135deg, var(--dashboard-icon-video) 0%, rgba(59, 130, 246, 0.8) 100%);
}

.activity-icon.milestone {
    background: linear-gradient(135deg, var(--dashboard-icon-milestone) 0%, rgba(250, 204, 21, 0.8) 100%);
}

.activity-icon.comment {
    background: linear-gradient(135deg, var(--dashboard-icon-comment) 0%, rgba(236, 72, 153, 0.8) 100%);
}

.activity-icon.share {
    background: linear-gradient(135deg, var(--dashboard-icon-share) 0%, rgba(139, 92, 246, 0.8) 100%);
}

/* Micro-interactions and Animations */
.animate-counter {
    animation: counterUp 2s ease-out forwards;
}

@keyframes counterUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-chart-bar {
    animation: chartBarGrow 1.5s ease-out forwards;
}

@keyframes chartBarGrow {
    from {
        transform: scaleY(0);
        transform-origin: bottom;
    }
    to {
        transform: scaleY(1);
        transform-origin: bottom;
    }
}

/* Loading States - Skeleton */
.skeleton {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Smooth Scroll for Sidebar */
.sidebar-scroll {
    scroll-behavior: smooth;
    overflow-y: auto;
}

.sidebar-scroll::-webkit-scrollbar {
    width: 4px;
}

.sidebar-scroll::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}

.sidebar-scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--dashboard-accent-yellow) 0%, var(--dashboard-accent-orange) 100%);
    border-radius: 2px;
}

.sidebar-scroll::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, var(--dashboard-accent-orange) 0%, var(--dashboard-accent-yellow) 100%);
}

/* Accessibility Improvements */
@media (prefers-reduced-motion: reduce) {
    .dashboard-card,
    .activity-icon,
    .animate-counter,
    .animate-chart-bar {
        animation: none;
        transition: none;
    }
    
    .dashboard-card:hover {
        transform: none;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .dashboard-card {
        border: 2px solid var(--dashboard-text-primary);
    }
    
    .MuiDrawer-paper {
        border-right: 2px solid var(--dashboard-accent-yellow);
    }
}

/* Font scaling support */
@media (min-resolution: 2dppx) {
    .dashboard-card,
    .MuiTypography-root {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}/*--------------------------------

hermes-dashboard-icons Web Font - built using nucleoapp.com
License - nucleoapp.com/license/

-------------------------------- */
@font-face {
  font-family: 'NucleoIcons';
  src: url('/build/assets/nucleo-icons.f899f875.eot');
  src: url('/build/assets/nucleo-icons.f899f875.eot') format('embedded-opentype'), url('/build/assets/nucleo-icons.3180896c.woff2') format('woff2'), url('/build/assets/nucleo-icons.daa807b2.woff') format('woff'), url('/build/assets/nucleo-icons.655956cd.ttf') format('truetype'), url('/build/assets/nucleo-icons.be977573.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*------------------------
    base class definition
-------------------------*/
.ni {
  display: inline-block;
  font: normal normal normal 14px/1 NucleoIcons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*------------------------
  change icon size
-------------------------*/
.ni-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.ni-2x {
  font-size: 2em;
}

.ni-3x {
  font-size: 3em;
}

.ni-4x {
  font-size: 4em;
}

.ni-5x {
  font-size: 5em;
}

/*----------------------------------
  add a square/circle background
-----------------------------------*/
.ni.square,
.ni.circle {
  padding: 0.33333333em;
  vertical-align: -16%;
  background-color: #eee;
}

.ni.circle {
  border-radius: 50%;
}

/*------------------------
  list icons
-------------------------*/
.ni-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.ni-ul>li {
  position: relative;
}

.ni-ul>li>.ni {
  position: absolute;
  left: -1.57142857em;
  top: 0.14285714em;
  text-align: center;
}

.ni-ul>li>.ni.lg {
  top: 0;
  left: -1.35714286em;
}

.ni-ul>li>.ni.circle,
.ni-ul>li>.ni.square {
  top: -0.19047619em;
  left: -1.9047619em;
}

/*------------------------
  spinning icons
-------------------------*/
.ni.spin {
  -webkit-animation: nc-spin 2s infinite linear;
  -moz-animation: nc-spin 2s infinite linear;
  animation: nc-spin 2s infinite linear;
}

@-webkit-keyframes nc-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes nc-spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@keyframes nc-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*------------------------
  rotated/flipped icons
-------------------------*/
.ni.rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ni.rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ni.rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.ni.flip-y {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.ni.flip-x {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

/*------------------------
    font icons
-------------------------*/

.ni-active-40::before {
  content: "\ea02";
}

.ni-air-baloon::before {
  content: "\ea03";
}

.ni-album-2::before {
  content: "\ea04";
}

.ni-align-center::before {
  content: "\ea05";
}

.ni-align-left-2::before {
  content: "\ea06";
}

.ni-ambulance::before {
  content: "\ea07";
}

.ni-app::before {
  content: "\ea08";
}

.ni-archive-2::before {
  content: "\ea09";
}

.ni-atom::before {
  content: "\ea0a";
}

.ni-badge::before {
  content: "\ea0b";
}

.ni-bag-17::before {
  content: "\ea0c";
}

.ni-basket::before {
  content: "\ea0d";
}

.ni-bell-55::before {
  content: "\ea0e";
}

.ni-bold-down::before {
  content: "\ea0f";
}

.ni-bold-left::before {
  content: "\ea10";
}

.ni-bold-right::before {
  content: "\ea11";
}

.ni-bold-up::before {
  content: "\ea12";
}

.ni-bold::before {
  content: "\ea13";
}

.ni-book-bookmark::before {
  content: "\ea14";
}

.ni-books::before {
  content: "\ea15";
}

.ni-box-2::before {
  content: "\ea16";
}

.ni-briefcase-24::before {
  content: "\ea17";
}

.ni-building::before {
  content: "\ea18";
}

.ni-bulb-61::before {
  content: "\ea19";
}

.ni-bullet-list-67::before {
  content: "\ea1a";
}

.ni-bus-front-12::before {
  content: "\ea1b";
}

.ni-button-pause::before {
  content: "\ea1c";
}

.ni-button-play::before {
  content: "\ea1d";
}

.ni-button-power::before {
  content: "\ea1e";
}

.ni-calendar-grid-58::before {
  content: "\ea1f";
}

.ni-camera-compact::before {
  content: "\ea20";
}

.ni-caps-small::before {
  content: "\ea21";
}

.ni-cart::before {
  content: "\ea22";
}

.ni-chart-bar-32::before {
  content: "\ea23";
}

.ni-chart-pie-35::before {
  content: "\ea24";
}

.ni-chat-round::before {
  content: "\ea25";
}

.ni-check-bold::before {
  content: "\ea26";
}

.ni-circle-08::before {
  content: "\ea27";
}

.ni-cloud-download-95::before {
  content: "\ea28";
}

.ni-cloud-upload-96::before {
  content: "\ea29";
}

.ni-compass-04::before {
  content: "\ea2a";
}

.ni-controller::before {
  content: "\ea2b";
}

.ni-credit-card::before {
  content: "\ea2c";
}

.ni-curved-next::before {
  content: "\ea2d";
}

.ni-delivery-fast::before {
  content: "\ea2e";
}

.ni-diamond::before {
  content: "\ea2f";
}

.ni-email-83::before {
  content: "\ea30";
}

.ni-fat-add::before {
  content: "\ea31";
}

.ni-fat-delete::before {
  content: "\ea32";
}

.ni-fat-remove::before {
  content: "\ea33";
}

.ni-favourite-28::before {
  content: "\ea34";
}

.ni-folder-17::before {
  content: "\ea35";
}

.ni-glasses-2::before {
  content: "\ea36";
}

.ni-hat-3::before {
  content: "\ea37";
}

.ni-headphones::before {
  content: "\ea38";
}

.ni-html5::before {
  content: "\ea39";
}

.ni-istanbul::before {
  content: "\ea3a";
}

.ni-key-25::before {
  content: "\ea3b";
}

.ni-laptop::before {
  content: "\ea3c";
}

.ni-like-2::before {
  content: "\ea3d";
}

.ni-lock-circle-open::before {
  content: "\ea3e";
}

.ni-map-big::before {
  content: "\ea3f";
}

.ni-mobile-button::before {
  content: "\ea40";
}

.ni-money-coins::before {
  content: "\ea41";
}

.ni-note-03::before {
  content: "\ea42";
}

.ni-notification-70::before {
  content: "\ea43";
}

.ni-palette::before {
  content: "\ea44";
}

.ni-paper-diploma::before {
  content: "\ea45";
}

.ni-pin-3::before {
  content: "\ea46";
}

.ni-planet::before {
  content: "\ea47";
}

.ni-ruler-pencil::before {
  content: "\ea48";
}

.ni-satisfied::before {
  content: "\ea49";
}

.ni-scissors::before {
  content: "\ea4a";
}

.ni-send::before {
  content: "\ea4b";
}

.ni-settings-gear-65::before {
  content: "\ea4c";
}

.ni-settings::before {
  content: "\ea4d";
}

.ni-single-02::before {
  content: "\ea4e";
}

.ni-single-copy-04::before {
  content: "\ea4f";
}

.ni-sound-wave::before {
  content: "\ea50";
}

.ni-spaceship::before {
  content: "\ea51";
}

.ni-square-pin::before {
  content: "\ea52";
}

.ni-support-16::before {
  content: "\ea53";
}

.ni-tablet-button::before {
  content: "\ea54";
}

.ni-tag::before {
  content: "\ea55";
}

.ni-tie-bow::before {
  content: "\ea56";
}

.ni-time-alarm::before {
  content: "\ea57";
}

.ni-trophy::before {
  content: "\ea58";
}

.ni-tv-2::before {
  content: "\ea59";
}

.ni-umbrella-13::before {
  content: "\ea5a";
}

.ni-user-run::before {
  content: "\ea5b";
}

.ni-vector::before {
  content: "\ea5c";
}

.ni-watch-time::before {
  content: "\ea5d";
}

.ni-world::before {
  content: "\ea5e";
}

.ni-zoom-split-in::before {
  content: "\ea5f";
}

.ni-collection::before {
  content: "\ea60";
}

.ni-image::before {
  content: "\ea61";
}

.ni-shop::before {
  content: "\ea62";
}

.ni-ungroup::before {
  content: "\ea63";
}

.ni-world-2::before {
  content: "\ea64";
}

.ni-ui-04::before {
  content: "\ea65";
}


/* all icon font classes list here *//* Generated using nucleoapp.com */
/* --------------------------------

Icon colors

-------------------------------- */

.icon {
  display: inline-block;
  /* icon primary color */
  color: #111111;
  height: 1em;
  width: 1em;
}

.icon use {
  /* icon secondary color - fill */
  fill: #7ea6f6;
}

.icon.icon-outline use {
  /* icon secondary color - stroke */
  stroke: #7ea6f6;
}

/* --------------------------------

Change icon size

-------------------------------- */

.icon-xs {
  height: 0.5em;
  width: 0.5em;
}

.icon-sm {
  height: 0.8em;
  width: 0.8em;
}

.icon-lg {
  height: 1.6em;
  width: 1.6em;
}

.icon-xl {
  height: 2em;
  width: 2em;
}

/* -------------------------------- 

Align icon and text 

-------------------------------- */

.icon-text-aligner {
  /* add this class to parent element that contains icon + text */
  display: flex;
  align-items: center;
}

.icon-text-aligner .icon {
  color: inherit;
  margin-right: 0.4em;
}

.icon-text-aligner .icon use {
  color: inherit;
  fill: currentColor;
}

.icon-text-aligner .icon.icon-outline use {
  stroke: currentColor;
}

/* -------------------------------- 

Icon reset values - used to enable color customizations

-------------------------------- */

.icon {
  fill: currentColor;
  stroke: none;
}

.icon.icon-outline {
  fill: none;
  stroke: currentColor;
}

.icon use {
  stroke: none;
}

.icon.icon-outline use {
  fill: none;
}

/* -------------------------------- 

Stroke effects - Nucleo outline icons

- 16px icons -> up to 1px stroke (16px outline icons do not support stroke changes)
- 24px, 32px icons -> up to 2px stroke
- 48px, 64px icons -> up to 4px stroke

-------------------------------- */

.icon-outline.icon-stroke-1 {
  stroke-width: 1px;
}

.icon-outline.icon-stroke-2 {
  stroke-width: 2px;
}

.icon-outline.icon-stroke-3 {
  stroke-width: 3px;
}

.icon-outline.icon-stroke-4 {
  stroke-width: 4px;
}

.icon-outline.icon-stroke-1 use,
.icon-outline.icon-stroke-3 use {
  -webkit-transform: translateX(0.5px) translateY(0.5px);
  -moz-transform: translateX(0.5px) translateY(0.5px);
  -ms-transform: translateX(0.5px) translateY(0.5px);
  -o-transform: translateX(0.5px) translateY(0.5px);
  transform: translateX(0.5px) translateY(0.5px);
}.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)}.rc-slider {
  position: relative;
  width: 100%;
  height: 14px;
  padding: 5px 0;
  border-radius: 6px;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #e9e9e9;
  border-radius: 6px;
}
.rc-slider-track,
.rc-slider-tracks {
  position: absolute;
  height: 4px;
  background-color: #abe2fb;
  border-radius: 6px;
}
.rc-slider-track-draggable {
  z-index: 1;
  box-sizing: content-box;
  background-clip: content-box;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  transform: translateY(-5px);
}
.rc-slider-handle {
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #96dbfa;
  border-radius: 50%;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  opacity: 0.8;
  user-select: none;
  touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {
  opacity: 0;
}
.rc-slider-handle:focus {
  outline: none;
  box-shadow: none;
}
.rc-slider-handle:focus-visible {
  border-color: #2db7f5;
  box-shadow: 0 0 0 3px #96dbfa;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: #999;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  cursor: pointer;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  background-color: #fff;
  border-color: #ccc;
  box-shadow: none;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-track {
  bottom: 0;
  left: 5px;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track-draggable {
  border-top: 0;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 0;
  border-left: 5px solid rgba(0, 0, 0, 0);
  transform: translateX(-5px);
}
.rc-slider-vertical .rc-slider-handle {
  position: absolute;
  z-index: 1;
  margin-top: 0;
  margin-left: -5px;
  touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-dot {
  margin-left: -2px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    transform: scale(0, 0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0, 0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.rc-slider-tooltip {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  min-width: 24px;
  height: 24px;
  padding: 6px 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}
.notifications-menu {
    background-color: #f7f7f7; /* Darker white background for the menu */
    border: 2px solid #000; /* Border around the menu */
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; /* Shadow */
    border-radius: 8px; /* Optional: rounded corners */
    min-width: 300px; /* Minimum width */
} /* Using a url */ .shine-effect {
    position: relative;
    overflow: hidden;
} .shine-overlay {
    content: "";
    position: absolute;
    top: 0;
    left: -150%; /* Start outside the div */
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1));
    transform: skewX(-20deg);
    animation: shine 2s infinite;
} @keyframes shine {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
} /* Premium shimmer animation for loading states */ @keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
} .animate-shimmer {
    animation: shimmer 2s infinite;
} /* Staggered animation delays */ .animation-delay-0 {
    animation-delay: 0ms;
} .animation-delay-100 {
    animation-delay: 100ms;
} .animation-delay-200 {
    animation-delay: 200ms;
} .animation-delay-300 {
    animation-delay: 300ms;
} .animation-delay-400 {
    animation-delay: 400ms;
} .animation-delay-500 {
    animation-delay: 500ms;
} .animation-delay-1000 {
    animation-delay: 1000ms;
} .animation-delay-2000 {
    animation-delay: 2000ms;
} /* Premium glow effects */ @keyframes premium-glow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(217, 161, 0, 0.3),
                    0 0 40px rgba(217, 161, 0, 0.1);
    }
    50% {
        box-shadow: 0 0 30px rgba(217, 161, 0, 0.5),
                    0 0 60px rgba(217, 161, 0, 0.2);
    }
} .animate-premium-glow {
    animation: premium-glow 2s ease-in-out infinite;
} /* Smooth bounce animation */ @keyframes bounce-subtle {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
} .animate-bounce-subtle {
    animation: bounce-subtle 1.5s ease-in-out infinite;
} /* Fade in animations */ @keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
} @keyframes fade-in-down {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
} @keyframes slide-in-right {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
} .animate-fade-in-up {
    animation: fade-in-up 0.5s ease-out forwards;
} .animate-fade-in-down {
    animation: fade-in-down 0.5s ease-out forwards;
} .animate-slide-in-right {
    animation: slide-in-right 0.4s ease-out forwards;
} /* Gold glow animation for active elements */ @keyframes gold-glow-pulse {
    0%, 100% {
        box-shadow: 0 0 15px rgba(217, 161, 0, 0.4),
                    0 4px 15px rgba(217, 161, 0, 0.2);
    }
    50% {
        box-shadow: 0 0 25px rgba(217, 161, 0, 0.6),
                    0 6px 20px rgba(217, 161, 0, 0.3);
    }
} .shadow-gold-glow {
    box-shadow: 0 0 20px rgba(217, 161, 0, 0.3),
                0 4px 15px rgba(217, 161, 0, 0.2);
} /* Keyword suggestion card hover effects */ .keyword-card-hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
} .keyword-card-hover:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 20px 40px -15px rgba(217, 161, 0, 0.3),
                0 0 0 1px rgba(217, 161, 0, 0.1);
} /* Draggable indicator animation */ @keyframes drag-hint {
    0%, 100% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.8;
    }
} .animate-drag-hint {
    animation: drag-hint 2s ease-in-out infinite;
} /* Keyword highlighting classes from the API - Dark Theme */ #description-container .hl {
  display: inline-block;
  border-radius: 4px;
  padding: 0.1rem 0.3rem;
  font-weight: 500;
} #description-container .ts_hl {
  background-color: rgba(59, 130, 246, 0.25); /* Blue - Short Title */
  color: #93c5fd;
} #description-container .tl_hl {
  background-color: rgba(239, 68, 68, 0.25); /* Red - Long Title */
  color: #fca5a5;
} #description-container .k_hl_1 {
  background-color: rgba(0, 255, 255, 0.2); /* Cyan */
  color: #67e8f9;
} #description-container .k_hl_2 {
  background-color: rgba(221, 126, 107, 0.3); /* Coral */
  color: #fca5a5;
} #description-container .k_hl_3 {
  background-color: rgba(144, 238, 144, 0.2); /* Light green */
  color: #86efac;
} /* Fix paragraph and list spacing */ #description-container p {
  margin-bottom: 0.75rem;
} #description-container ul {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
} #description-container li {
  margin-bottom: 0.25rem;
} /* Make sure links are properly styled */ #description-container a {
  color: #3182ce;
  text-decoration: none;
} #description-container a:hover {
  text-decoration: underline;
} /* ======================== */ /* KeywordsNew Component Styles */ /* ======================== */ .keywords-new-container > :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));
} .keywords-new-container {
    padding: 1.5rem;
} .bg-white.keywords-new-container.rounded-xl.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} /* Header Styles */ .keywords-header {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
} .keywords-header.items-center.bg-white.border.rounded-md,.keywords-header.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.keywords-header.bg-white.border.rounded-md,
.flex.keywords-header.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .keywords-header-icon {
    display: flex;
    height: 3.5rem;
    width: 3.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    border-width: 1px;
    border-color: rgb(255 193 7 / 0.3);
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(255 193 7 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(255 179 0 / 0.1) var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(255 202 40 / var(--tw-text-opacity));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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);
    --tw-shadow-color: rgb(255 193 7 / 0.1);
    --tw-shadow: var(--tw-shadow-colored);
} 
.bg-white.keywords-header-icon,.keywords-header-icon.bg-white {
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
} .keywords-header-icon.items-center.bg-white.border.rounded-md,.keywords-header-icon.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.keywords-header-icon.bg-white.border.rounded-md,
.flex.keywords-header-icon.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.items-center.bg-white.keywords-header-icon.rounded-md,
.flex.items-center.bg-white.keywords-header-icon.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.keywords-header-icon.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.keywords-header-icon.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.keywords-header-icon.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .relative.rounded-xl.mt-8.bg-white.keywords-header-icon {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .keywords-header-title {
    margin-bottom: 0.25rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  background: linear-gradient(135deg, #d4af37 0%, #f5d875 50%, #d4af37 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
} .keywords-header-subtitle {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
    color: rgba(255, 255, 255, 0.6);
} /* Topics Section */ .topics-section {
    border-radius: 1rem;
    border-width: 1px;
    border-color: rgb(55 65 81 / 0.5);
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(31 41 55 / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(17 24 39 / 0.8) var(--tw-gradient-to-position);
    padding: 1.5rem;
    --tw-backdrop-blur: blur(4px);
    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);
} .flex.items-center.bg-white.topics-section.rounded-md,
.flex.items-center.bg-white.topics-section.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.topics-section.rounded-xl.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.topics-section.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.topics-section.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .topics-header {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
} .topics-header.items-center.bg-white.border.rounded-md,.topics-header.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.topics-header.bg-white.border.rounded-md,
.flex.topics-header.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .topics-title {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} .topics-count {
    margin-left: auto;
    border-radius: 9999px;
    background-color: rgb(55 65 81 / 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
    color: rgba(255, 255, 255, 0.6);
} .bg-white.px-3.topics-count.rounded-full {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
} .bg-white.px-3.py-1.topics-count,.topics-count.bg-white {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
} .topics-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
} .topics-grid.items-center.bg-white.border.rounded-md,.topics-grid.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} /* Topic Badge */ .topic-badge {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
} .flex.topic-badge.bg-white.border.rounded-md,
.flex.topic-badge.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.topic-badge.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .topic-badge.bg-white.shadow-lg.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .relative.topic-badge.mt-8.bg-white.shadow-lg {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .topic-badge-default {
    border-width: 1px;
    border-color: rgb(75 85 99 / 0.5);
    background-color: rgb(55 65 81 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
} .flex.items-center.bg-white.topic-badge-default.rounded-md,
.flex.items-center.bg-white.topic-badge-default.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.topic-badge-default.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.topic-badge-default.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .topic-badge-default:hover {
    border-color: rgb(255 193 7 / 0.3);
    background-color: rgb(255 193 7 / 0.1);
    --tw-text-opacity: 1;
    color: rgb(255 202 40 / var(--tw-text-opacity));
} .topic-badge-selected {
    border-width: 1px;
    border-color: rgb(255 193 7 / 0.4);
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(255 193 7 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(255 179 0 / 0.1) var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(255 202 40 / var(--tw-text-opacity));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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);
    --tw-shadow-color: rgb(255 193 7 / 0.1);
    --tw-shadow: var(--tw-shadow-colored);
} 
.bg-white.topic-badge-selected,.topic-badge-selected.bg-white {
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
} .flex.items-center.bg-white.topic-badge-selected.rounded-md,
.flex.items-center.bg-white.topic-badge-selected.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.topic-badge-selected.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.topic-badge-selected.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.topic-badge-selected.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .relative.rounded-xl.mt-8.bg-white.topic-badge-selected {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} /* Keyword Section */ .keyword-section {
    border-radius: 1rem;
    border-width: 1px;
    border-color: rgb(55 65 81 / 0.4);
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(31 41 55 / 0.6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(17 24 39 / 0.6) var(--tw-gradient-to-position);
    padding: 1.5rem;
    --tw-backdrop-blur: blur(4px);
    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);
} .flex.items-center.bg-white.keyword-section.rounded-md,
.flex.items-center.bg-white.keyword-section.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.keyword-section.rounded-xl.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.keyword-section.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.keyword-section.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .keyword-section-header {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
} .keyword-section-header.items-center.bg-white.border.rounded-md,.keyword-section-header.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.keyword-section-header.bg-white.border.rounded-md,
.flex.keyword-section-header.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .keyword-section-icon {
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
} .keyword-section-icon.items-center.bg-white.border.rounded-md,.keyword-section-icon.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.keyword-section-icon.bg-white.border.rounded-md,
.flex.keyword-section-icon.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.keyword-section-icon.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .keyword-section-icon.bg-white.shadow-lg.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .relative.keyword-section-icon.mt-8.bg-white.shadow-lg {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .keyword-section-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} .keyword-section-description {
    margin-top: 0.125rem;
    font-size: 0.75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
    color: rgba(255, 255, 255, 0.6);
} .keyword-count-badge {
    border-radius: 9999px;
    background-color: rgb(55 65 81 / 0.6);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
    color: rgba(255, 255, 255, 0.6);
} .bg-white.keyword-count-badge.py-1.rounded-full {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
} .bg-white.px-3.py-1.keyword-count-badge,.keyword-count-badge.bg-white {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
} .keyword-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
} @media (min-width: 540px) { .keyword-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
} @media (min-width: 960px) { .keyword-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
} /* Keyword Suggestion Card */ .keyword-suggestion-card {
    border-radius: 0.75rem;
    border-width: 1px;
    padding: 1rem;
    --tw-backdrop-blur: blur(4px);
    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: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
} .flex.items-center.bg-white.keyword-suggestion-card.rounded-md,
.flex.items-center.bg-white.keyword-suggestion-card.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.keyword-suggestion-card.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.keyword-suggestion-card.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .keyword-suggestion-card.bg-white.shadow-lg.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.keyword-suggestion-card.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .relative.keyword-suggestion-card.mt-8.bg-white.shadow-lg {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .keyword-add-btn {
    display: flex;
    height: 2rem;
    width: 2rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
} .keyword-add-btn.items-center.bg-white.border.rounded-md,.keyword-add-btn.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.keyword-add-btn.bg-white.border.rounded-md,
.flex.keyword-add-btn.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.border-4.keyword-add-btn {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 199, 39, 0.3);
} .bg-white.shadow-xl.keyword-add-btn {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .keyword-add-btn-default {
    border-width: 1px;
    border-color: rgb(75 85 99 / 0.4);
    background-color: rgb(55 65 81 / 0.6);
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
    color: rgba(255, 255, 255, 0.6);
} .flex.items-center.bg-white.keyword-add-btn-default.rounded-md,
.flex.items-center.bg-white.keyword-add-btn-default.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.keyword-add-btn-default.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.keyword-add-btn-default.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .keyword-add-btn-default:hover {
    border-color: rgb(255 193 7 / 0.4);
    background-color: rgb(255 193 7 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(255 202 40 / var(--tw-text-opacity));
} .keyword-add-btn-added {
    cursor: default;
    border-width: 1px;
    border-color: rgb(255 193 7 / 0.4);
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(255 193 7 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(255 179 0 / 0.2) var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(255 202 40 / var(--tw-text-opacity));
} .flex.items-center.bg-white.keyword-add-btn-added.rounded-md,
.flex.items-center.bg-white.keyword-add-btn-added.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.keyword-add-btn-added.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.keyword-add-btn-added.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} /* Load More Button */ .load-more-btn {
    margin-top: 1rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 0.75rem;
    border-width: 1px;
    border-color: rgb(75 85 99 / 0.4);
    background-color: rgb(55 65 81 / 0.4);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
    color: rgba(255, 255, 255, 0.6);
} .load-more-btn.items-center.bg-white.border.rounded-md,.load-more-btn.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.load-more-btn.bg-white.border.rounded-md,
.flex.load-more-btn.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.items-center.bg-white.load-more-btn.rounded-md,
.flex.items-center.bg-white.load-more-btn.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.load-more-btn.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.load-more-btn.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .load-more-btn.bg-white.shadow-lg.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.load-more-btn.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .relative.load-more-btn.mt-8.bg-white.shadow-lg {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .load-more-btn:hover {
    border-color: rgb(255 193 7 / 0.3);
    background-color: rgb(255 193 7 / 0.1);
    --tw-text-opacity: 1;
    color: rgb(255 202 40 / var(--tw-text-opacity));
} .load-more-btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
} /* Manual Search Section */ .manual-search-section {
    border-radius: 1rem;
    border-width: 1px;
    border-color: rgb(55 65 81 / 0.4);
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(31 41 55 / 0.6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(17 24 39 / 0.6) var(--tw-gradient-to-position);
    padding: 1.5rem;
    --tw-backdrop-blur: blur(4px);
    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);
} .flex.items-center.bg-white.manual-search-section.rounded-md,
.flex.items-center.bg-white.manual-search-section.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.manual-search-section.rounded-xl.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.manual-search-section.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.manual-search-section.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .manual-search-header {
    margin-bottom: 1.25rem;
} .manual-search-icon {
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    background-color: rgb(63 131 248 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(118 169 250 / var(--tw-text-opacity));
} .manual-search-icon.items-center.bg-white.border.rounded-md,.manual-search-icon.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.manual-search-icon.bg-white.border.rounded-md,
.flex.manual-search-icon.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.manual-search-icon.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .manual-search-icon.bg-white.shadow-lg.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .relative.manual-search-icon.mt-8.bg-white.shadow-lg {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .manual-search-form {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
} .manual-search-form.items-center.bg-white.border.rounded-md,.manual-search-form.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} @media (min-width: 540px) { .manual-search-form {
        flex-direction: row;
    }
} .manual-search-input-wrapper {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    gap: 0.75rem;
    border-radius: 0.75rem;
    border-width: 1px;
    border-color: rgb(75 85 99 / 0.4);
    background-color: rgb(17 24 39 / 0.6);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
    color: rgba(255, 255, 255, 0.6);
} .manual-search-input-wrapper.items-center.bg-white.border.rounded-md,.manual-search-input-wrapper.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.manual-search-input-wrapper.bg-white.border.rounded-md,
.flex.manual-search-input-wrapper.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.items-center.bg-white.manual-search-input-wrapper.rounded-md,
.flex.items-center.bg-white.manual-search-input-wrapper.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.manual-search-input-wrapper.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.manual-search-input-wrapper.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .manual-search-input-wrapper.bg-white.shadow-lg.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.manual-search-input-wrapper.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .relative.manual-search-input-wrapper.mt-8.bg-white.shadow-lg {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .manual-search-input-wrapper:focus-within {
    border-color: rgb(255 193 7 / 0.4);
    --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);
    --tw-ring-color: rgb(255 193 7 / 0.1);
} .manual-search-input {
    flex: 1 1 0%;
    border-style: none;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} .manual-search-input::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(107 114 128 / var(--tw-placeholder-opacity));
} .manual-search-input {
    outline: 2px solid transparent;
    outline-offset: 2px;
} .manual-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 0.75rem;
    border-width: 1px;
    border-color: rgb(255 193 7 / 0.4);
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(255 193 7 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(255 179 0 / 0.1) var(--tw-gradient-to-position);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 202 40 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
} .manual-search-btn.items-center.bg-white.border.rounded-md,.manual-search-btn.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.manual-search-btn.bg-white.border.rounded-md,
.flex.manual-search-btn.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.items-center.bg-white.manual-search-btn.rounded-md,
.flex.items-center.bg-white.manual-search-btn.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.manual-search-btn.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.manual-search-btn.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .manual-search-btn.bg-white.shadow-lg.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.manual-search-btn.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .relative.manual-search-btn.mt-8.bg-white.shadow-lg {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .manual-search-btn:hover {
    --tw-gradient-from: rgb(255 193 7 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(255 179 0 / 0.2) var(--tw-gradient-to-position);
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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);
    --tw-shadow-color: rgb(255 193 7 / 0.1);
    --tw-shadow: var(--tw-shadow-colored);
} .manual-search-btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
} /* Search Results */ .search-results-container {
    margin-top: 1.5rem;
} .search-results-container > :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));
} .search-results-section > :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));
} .search-results-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
} .search-results-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
} @media (min-width: 540px) { .search-results-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
} @media (min-width: 960px) { .search-results-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
} /* Selected Keywords Summary */ .selected-keywords-summary {
    border-radius: 1rem;
    border-width: 1px;
    border-color: rgb(255 193 7 / 0.3);
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(255 193 7 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(255 179 0 / 0.05) var(--tw-gradient-to-position);
    padding: 1.5rem;
    --tw-backdrop-blur: blur(4px);
    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);
} .flex.items-center.bg-white.selected-keywords-summary.rounded-md,
.flex.items-center.bg-white.selected-keywords-summary.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.selected-keywords-summary.rounded-xl.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.selected-keywords-summary.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.selected-keywords-summary.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .selected-keywords-header {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 202 40 / var(--tw-text-opacity));
} .selected-keywords-header.items-center.bg-white.border.rounded-md,.selected-keywords-header.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.selected-keywords-header.bg-white.border.rounded-md,
.flex.selected-keywords-header.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .selected-keywords-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
} .selected-keywords-list.items-center.bg-white.border.rounded-md,.selected-keywords-list.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .selected-keyword-chip {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    gap: 0.25rem;
    border-radius: var(--radius);
    border-width: 1px;
    border-color: rgb(255 193 7 / 0.3);
    background-color: rgb(255 193 7 / 0.2);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 202 40 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
} .bg-white.selected-keyword-chip.py-1.rounded-full {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
} .flex.selected-keyword-chip.bg-white.border.rounded-md,
.flex.selected-keyword-chip.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .flex.items-center.bg-white.selected-keyword-chip.rounded-md,
.flex.items-center.bg-white.selected-keyword-chip.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.border-4.selected-keyword-chip {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 199, 39, 0.3);
} .bg-white.shadow-xl.selected-keyword-chip {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .bg-white.p-6.rounded-xl.selected-keyword-chip.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.selected-keyword-chip.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .selected-keyword-chip:hover {
    border-color: rgb(240 82 82 / 0.3);
    background-color: rgb(240 82 82 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(249 128 128 / var(--tw-text-opacity));
} .selected-keyword-chip .remove-icon {
    margin-left: 0.25rem;
    opacity: 0.5;
} .selected-keyword-chip .remove-icon:hover {
    opacity: 1;
} /* Keyphrase Select Wrapper */ .keyphrase-select-wrapper {
    margin-top: 1.5rem;
    border-radius: 1rem;
    border-width: 1px;
    border-color: rgb(55 65 81 / 0.4);
    background-color: rgb(31 41 55 / 0.4);
    padding: 1.5rem;
} .flex.items-center.bg-white.keyphrase-select-wrapper.rounded-md,
.flex.items-center.bg-white.keyphrase-select-wrapper.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.keyphrase-select-wrapper.rounded-xl.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.keyphrase-select-wrapper.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.keyphrase-select-wrapper.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} /* Skeleton Loading */ .keyword-skeleton-card {
    border-radius: 0.75rem;
    border-width: 1px;
    border-color: rgb(55 65 81 / 0.4);
    background-color: rgb(31 41 55 / 0.6);
    padding: 1rem;
} .flex.items-center.bg-white.keyword-skeleton-card.rounded-md,
.flex.items-center.bg-white.keyword-skeleton-card.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.keyword-skeleton-card.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .bg-white.p-6.rounded-xl.keyword-skeleton-card.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .keyword-skeleton-card.bg-white.shadow-lg.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .rounded-xl.bg-white.shadow-lg.keyword-skeleton-card.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .relative.keyword-skeleton-card.mt-8.bg-white.shadow-lg {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .skeleton-shimmer {
    position: relative;
    overflow: hidden;
    background-color: rgb(55 65 81 / 0.6);
} .skeleton-shimmer.rounded-md.mt-20.h-full.bg-white {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .skeleton-shimmer.rounded-xl.mt-8.bg-white.shadow-lg {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .skeleton-shimmer::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.05),
    transparent
  );
  animation: shimmer 1.5s infinite;
} /* Keyword Sections Container */ .keyword-sections-container > :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));
} /* Using a url */ /* Modern Analytics Dashboard CSS */ /* Matching the exact design from the attached image */ .analytics-dashboard {
  background: linear-gradient(135deg, #0C0F17 0%, #111827 50%, #1E293B 100%);
  min-height: 100vh;
  color: #FFFFFF;
  font-family: 'Inter', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
} .analytics-dashboard::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(circle at 20% 50%, rgba(255, 176, 0, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(233, 30, 99, 0.1) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
} /* Analytics Cards */ .analytics-card {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  transition: all 0.3s ease;
  animation: fadeInUp 0.6s ease both;
} .analytics-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
} .analytics-card.revenue {
  background: linear-gradient(135deg, #00C853 0%, #4CAF50 100%);
} .analytics-card.users {
  background: linear-gradient(135deg, #673AB7 0%, #7C4DFF 100%);
} .analytics-card.conversion {
  background: linear-gradient(135deg, #9C27B0 0%, #E040FB 100%);
} .analytics-card.engagement {
  background: linear-gradient(135deg, #E91E63 0%, #F06292 100%);
} /* Performance Chart */ .performance-chart-container {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 32px;
  margin-bottom: 24px;
} .chart-bar {
  background: linear-gradient(135deg, #FFB000 0%, #FF7A00 100%);
  border-radius: 8px 8px 0 0;
  transition: all 0.3s ease;
} .chart-bar:hover {
  transform: translateY(-5px);
} /* Recent Activity */ .activity-card {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 24px;
  height: 500px;
} .activity-item {
  display: flex;
  align-items: center;
  padding: 16px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
  margin-bottom: 16px;
} .activity-item:hover {
  background: rgba(255, 255, 255, 0.08);
} .activity-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  font-size: 16px;
} .activity-icon.subscriber {
  background: rgba(34, 197, 94, 0.2);
} .activity-icon.video {
  background: rgba(59, 130, 246, 0.2);
} .activity-icon.milestone {
  background: rgba(250, 204, 21, 0.2);
} .activity-icon.comment {
  background: rgba(236, 72, 153, 0.2);
} .activity-icon.share {
  background: rgba(139, 92, 246, 0.2);
} /* Header Section */ .dashboard-header {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 32px;
  margin-bottom: 32px;
} /* Navigation Tabs */ .nav-tabs .MuiTab-root {
  color: #9CA3AF;
  font-weight: 500;
  text-transform: none;
  font-size: 16px;
  margin-right: 32px;
  transition: color 0.3s ease;
} .nav-tabs .MuiTab-root.Mui-selected {
  color: #FFB000;
} .nav-tabs .MuiTabs-indicator {
  background: linear-gradient(135deg, #FFB000 0%, #FF7A00 100%);
  height: 3px;
  border-radius: 2px;
} /* Notification Badge */ .notification-badge .MuiBadge-badge {
  background: linear-gradient(135deg, #FF1744 0%, #E91E63 100%);
  color: #FFFFFF;
} /* Animations */ @keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
} /* Card Delays */ .analytics-card:nth-child(1) { animation-delay: 0ms; } .analytics-card:nth-child(2) { animation-delay: 100ms; } .analytics-card:nth-child(3) { animation-delay: 200ms; } .analytics-card:nth-child(4) { animation-delay: 300ms; } /* Typography */ .analytics-dashboard h1,
.analytics-dashboard h2,
.analytics-dashboard h3,
.analytics-dashboard h4,
.analytics-dashboard h5,
.analytics-dashboard h6 {
  color: #FFFFFF;
  font-weight: 600;
  line-height: 1.2;
} .analytics-dashboard p {
  color: #9CA3AF;
  line-height: 1.6;
} .text-muted {
  color: #6B7280;
} .text-success {
  color: #4ADE80;
} /* Responsive Design */ @media (max-width: 1200px) {
  .dashboard-header {
    padding: 24px;
  }
  
  .performance-chart-container {
    padding: 24px;
  }
  
  .activity-card {
    margin-top: 24px;
  }
} @media (max-width: 768px) {
  .dashboard-header {
    padding: 20px;
  }
  
  .nav-tabs .MuiTab-root {
    margin-right: 16px;
    font-size: 14px;
  }
  
  .analytics-card {
    margin-bottom: 16px;
  }
  
  .performance-chart-container {
    padding: 20px;
  }
} /* Custom Scrollbar */ .analytics-dashboard ::-webkit-scrollbar {
  width: 6px;
} .analytics-dashboard ::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
} .analytics-dashboard ::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #FFB000 0%, #FF7A00 100%);
  border-radius: 3px;
} .analytics-dashboard ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #FF7A00 0%, #FFB000 100%);
} /* Analytics Dashboard styles */ /* Ultra-Modern SEO Reporting Dashboard Styles - Professional Ready */ /* Advanced Animation Keyframes */ @keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
    filter: blur(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
} @keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(60px) rotateY(-15deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotateY(0deg);
  }
} @keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-60px) rotateY(15deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotateY(0deg);
  }
} @keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.2) rotate(-180deg);
  }
  30% {
    opacity: 0.7;
    transform: scale(1.08) rotate(-10deg);
  }
  60% {
    opacity: 0.9;
    transform: scale(0.98) rotate(5deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
} @keyframes shimmer {
  0% {
    background-position: -200% 0;
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    background-position: 200% 0;
    opacity: 0.3;
  }
} @keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 25px rgba(255, 176, 0, 0.4), 0 0 50px rgba(255, 176, 0, 0.1);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 40px rgba(255, 176, 0, 0.6), 0 0 80px rgba(255, 176, 0, 0.2);
    transform: scale(1.02);
  }
} @keyframes float {
  0%, 100% {
    transform: translateY(0px) rotateX(0deg);
  }
  33% {
    transform: translateY(-8px) rotateX(2deg);
  }
  66% {
    transform: translateY(4px) rotateX(-1deg);
  }
} @keyframes morphBackground {
  0%, 100% {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
  }
  33% {
    background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%);
  }
  66% {
    background: linear-gradient(135deg, #334155 0%, #475569 50%, #64748b 100%);
  }
} @keyframes dataLoad {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
} @keyframes cardHover {
  0% {
    transform: translateY(0) scale(1) rotateX(0deg);
  }
  100% {
    transform: translateY(-12px) scale(1.03) rotateX(5deg);
  }
} /* Utility Classes */ .animate-fade-in-up {
  animation: fadeInUp 0.6s ease-out forwards;
} .animate-slide-in-right {
  animation: slideInRight 0.6s ease-out forwards;
} .animate-slide-in-left {
  animation: slideInLeft 0.6s ease-out forwards;
} .animate-bounce-in {
  animation: bounceIn 0.8s ease-out forwards;
} .animate-float {
  animation: float 6s ease-in-out infinite;
} /* Glassmorphism Effects */ .glass-card {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
} .glass-card-dark {
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
} /* Modern Gradient Backgrounds */ .gradient-bg-primary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
} .gradient-bg-secondary {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
} .gradient-bg-success {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
} .gradient-bg-warning {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
} /* Modern Text Gradients */ .text-gradient-primary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
} .text-gradient-accent {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
} /* Ultra-Modern SEO Reporting Specific Styles */ .seo-dashboard-container {
  min-height: 100vh;
  background: hsl(var(--background));
  background-image: 
    radial-gradient(circle at 20% 80%, rgba(255, 176, 0, 0.05) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(255, 176, 0, 0.08) 0%, transparent 50%),
    linear-gradient(135deg, hsl(var(--background)) 0%, hsl(var(--background-alt)) 100%);
  padding: clamp(1rem, 3vw, 2rem);
  position: relative;
  overflow-x: hidden;
  animation: morphBackground 10s ease-in-out infinite;
} .seo-dashboard-container::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(600px circle at var(--mouse-x, 0px) var(--mouse-y, 0px), 
      rgba(255, 176, 0, 0.03), 
      transparent 40%);
  pointer-events: none;
  z-index: 0;
} .seo-header {
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 176, 0, 0.15);
  border-radius: 32px;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  margin-bottom: 2rem;
  box-shadow: 
    0 25px 50px rgba(0, 0, 0, 0.3),
    0 0 100px rgba(255, 176, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  animation: fadeInUp 0.8s ease-out forwards;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transform-style: preserve-3d;
  will-change: transform;
} .seo-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 176, 0, 0.1), transparent);
  transition: left 0.8s cubic-bezier(0.4, 0, 0.2, 1);
} .seo-header:hover::before {
  left: 100%;
} .seo-header:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 
    0 35px 70px rgba(0, 0, 0, 0.4),
    0 0 150px rgba(255, 176, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
} .credits-card-modern {
  background: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--secondary)) 100%);
  border-radius: 24px;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  color: hsl(var(--primary-foreground));
  position: relative;
  overflow: hidden;
  box-shadow: 
    0 20px 40px rgba(255, 176, 0, 0.25),
    0 0 80px rgba(255, 176, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transform-style: preserve-3d;
} .credits-card-modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.25) 20%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.25) 80%,
    transparent);
  transition: left 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
} .credits-card-modern::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(from 0deg, transparent, rgba(255, 176, 0, 0.1), transparent);
  animation: float 8s linear infinite;
  opacity: 0.5;
} .credits-card-modern:hover::before {
  left: 100%;
} .credits-card-modern:hover {
  animation: cardHover 0.4s ease-out forwards;
  box-shadow: 
    0 30px 60px rgba(255, 176, 0, 0.35),
    0 0 120px rgba(255, 176, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
} .stat-card-modern {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  border-radius: 20px;
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
} .stat-card-modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #667eea, #764ba2);
  transform: scaleX(0);
  transition: transform 0.3s ease;
} .stat-card-modern:hover::before {
  transform: scaleX(1);
} .stat-card-modern:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
} .videos-grid-modern {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(280px, 30vw, 350px), 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: 2rem 0;
  animation: dataLoad 0.8s ease-out;
  perspective: 1000px;
} .video-card-modern {
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 176, 0, 0.1);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 
    0 15px 35px rgba(0, 0, 0, 0.3),
    0 0 60px rgba(255, 176, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
  position: relative;
  transform-style: preserve-3d;
} .video-card-modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, hsl(var(--primary)), hsl(var(--secondary)));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  z-index: 1;
} .video-card-modern:hover::before {
  transform: scaleX(1);
} .video-card-modern:hover {
  border-color: rgba(255, 176, 0, 0.2);
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.35),
    0 0 80px rgba(255, 176, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
} .video-card-modern:active {
  transform: scale(0.99);
} .search-container-modern {
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 176, 0, 0.15);
  border-radius: 24px;
  padding: clamp(1rem, 3vw, 1.5rem) clamp(1.5rem, 4vw, 2rem);
  box-shadow: 
    0 12px 30px rgba(0, 0, 0, 0.3),
    0 0 60px rgba(255, 176, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
} .search-container-modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 176, 0, 0.05), transparent);
  transition: left 0.8s cubic-bezier(0.4, 0, 0.2, 1);
} .search-container-modern:hover::before {
  left: 100%;
} .search-container-modern:focus-within {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.4),
    0 0 100px rgba(255, 176, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 176, 0, 0.3);
} .search-container-modern:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 15px 35px rgba(0, 0, 0, 0.35),
    0 0 80px rgba(255, 176, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
} .pagination-modern {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  gap: 0.5rem;
  padding: 1rem;
  position: relative;
} .pagination-modern .MuiPagination-root {
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 176, 0, 0.15);
  border-radius: 20px;
  padding: 1rem 2rem;
  box-shadow: 
    0 15px 35px rgba(0, 0, 0, 0.3),
    0 0 60px rgba(255, 176, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
} .pagination-modern .MuiPagination-root:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.35),
    0 0 80px rgba(255, 176, 0, 0.08);
} .pagination-modern .MuiPaginationItem-root {
  color: hsl(var(--foreground)) !important;
  border: 1px solid rgba(255, 176, 0, 0.2) !important;
  background: rgba(255, 176, 0, 0.05) !important;
  margin: 0 0.25rem !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-weight: 500 !important;
  backdrop-filter: blur(10px) !important;
} .pagination-modern .MuiPaginationItem-root:hover {
  background: hsl(var(--primary)) !important;
  color: hsl(var(--primary-foreground)) !important;
  transform: translateY(-2px) scale(1.05) !important;
  box-shadow: 0 8px 25px rgba(255, 176, 0, 0.3) !important;
  border-color: hsl(var(--primary)) !important;
} .pagination-modern .MuiPaginationItem-root.Mui-selected {
  background: hsl(var(--primary)) !important;
  color: hsl(var(--primary-foreground)) !important;
  border-color: hsl(var(--primary)) !important;
  box-shadow: 
    0 6px 20px rgba(255, 176, 0, 0.3),
    0 0 40px rgba(255, 176, 0, 0.1) !important;
} .pagination-modern .MuiPaginationItem-root.Mui-selected:hover {
  background: hsl(var(--primary-bright)) !important;
  box-shadow: 
    0 10px 30px rgba(255, 176, 0, 0.4),
    0 0 60px rgba(255, 176, 0, 0.15) !important;
} .tabs-container-modern {
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 176, 0, 0.15);
  border-radius: 24px;
  padding: clamp(1rem, 3vw, 1.5rem);
  margin-bottom: 2rem;
  box-shadow: 
    0 15px 35px rgba(0, 0, 0, 0.3),
    0 0 60px rgba(255, 176, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
} .tabs-container-modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, hsl(var(--primary)), transparent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
} .tabs-container-modern:hover::before {
  transform: scaleX(1);
} .tabs-container-modern:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.35),
    0 0 80px rgba(255, 176, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
} .add-video-button-modern {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;
  border-radius: 50px !important;
  padding: 1rem 2rem !important;
  text-transform: none !important;
  font-weight: 600 !important;
  box-shadow: 0 10px 30px rgba(245, 87, 108, 0.3) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
} .add-video-button-modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
} .add-video-button-modern:hover::before {
  left: 100%;
} .add-video-button-modern:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 15px 40px rgba(245, 87, 108, 0.4) !important;
} /* Loading States */ .shimmer-effect {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
} .pulse-loading {
  animation: pulseGlow 2s ease-in-out infinite;
} /* Ultra-Responsive Design System */ @media (max-width: 1200px) {
  .seo-dashboard-container {
    padding: clamp(1rem, 2.5vw, 1.5rem);
  }
  
  .videos-grid-modern {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: clamp(1rem, 2.5vw, 2rem);
  }
} @media (max-width: 768px) {
  .seo-dashboard-container {
    padding: 1rem;
  }
  
  .seo-header {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: 20px;
  }
  
  .videos-grid-modern {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.25rem;
    padding: 1rem 0;
  }
  
  .credits-card-modern {
    padding: 1.5rem;
    border-radius: 20px;
  }
  
  .search-container-modern {
    padding: 1rem 1.5rem;
    border-radius: 20px;
  }
  
  .tabs-container-modern {
    padding: 1rem;
    border-radius: 20px;
  }
  
  .pagination-modern {
    margin-top: 2rem;
  }
  
  .pagination-modern .MuiPagination-root {
    padding: 0.75rem 1.5rem;
  }
} @media (max-width: 640px) {
  .videos-grid-modern {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  .video-card-modern {
    max-width: 100%;
  }
} @media (max-width: 480px) {
  .seo-dashboard-container {
    padding: 0.75rem;
  }
  
  .seo-header {
    padding: 1rem;
    border-radius: 16px;
    margin-bottom: 1rem;
  }
  
  .credits-card-modern {
    padding: 1rem;
    border-radius: 16px;
  }
  
  .stat-card-modern {
    padding: 1rem;
    border-radius: 16px;
  }
  
  .search-container-modern {
    padding: 0.75rem 1rem;
    border-radius: 16px;
  }
  
  .tabs-container-modern {
    padding: 0.75rem;
    border-radius: 16px;
  }
  
  .pagination-modern .MuiPagination-root {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
} @media (max-width: 360px) {
  .seo-dashboard-container {
    padding: 0.5rem;
  }
  
  .videos-grid-modern {
    gap: 0.75rem;
  }
  
  .video-card-modern {
    border-radius: 12px;
  }
} /* High-Performance Optimizations */ .will-change-transform {
  will-change: transform, opacity;
  transform: translateZ(0);
} .gpu-acceleration {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
} /* Virtualization Support for Large Lists */ .virtual-list-container {
  height: 600px;
  overflow-y: auto;
  scroll-behavior: smooth;
} .virtual-list-item {
  transition: all 0.2s ease;
  will-change: transform, opacity;
} /* Fast Pagination Styles */ .fast-pagination {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
} .fast-pagination .page-button {
  transition: all 0.15s ease;
  cursor: pointer;
  will-change: transform, background-color;
} .fast-pagination .page-button:active {
  transform: scale(0.95);
} /* Infinite Scroll Loading */ .infinite-scroll-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  opacity: 0;
  animation: fadeInUp 0.3s ease forwards;
} .loading-spinner {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(255, 176, 0, 0.1);
  border-top: 3px solid hsl(var(--primary));
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
} @keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} /* Search Performance Enhancements */ .search-input-optimized {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 176, 0, 0.2);
  border-radius: 12px;
  padding: 0.75rem 1rem;
  color: hsl(var(--foreground));
  transition: all 0.2s ease;
  width: 100%;
} .search-input-optimized:focus {
  outline: none;
  border-color: hsl(var(--primary));
  box-shadow: 0 0 20px rgba(255, 176, 0, 0.1);
  background: rgba(255, 255, 255, 0.08);
} .search-input-optimized::placeholder {
  color: rgba(255, 255, 255, 0.5);
} /* Advanced Filter Styles */ .filter-dropdown-modern {
  background: rgba(15, 23, 42, 0.95);
  backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 176, 0, 0.2);
  border-radius: 16px;
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.4),
    0 0 80px rgba(255, 176, 0, 0.1);
  overflow: hidden;
} .filter-option {
  padding: 0.75rem 1rem;
  color: hsl(var(--foreground));
  cursor: pointer;
  transition: all 0.15s ease;
  border-bottom: 1px solid rgba(255, 176, 0, 0.05);
} .filter-option:hover {
  background: rgba(255, 176, 0, 0.1);
  transform: translateX(4px);
} .filter-option:last-child {
  border-bottom: none;
} /* Smooth Scroll Optimization */ .smooth-scroll {
  scroll-behavior: smooth;
  scroll-padding-top: 2rem;
} /* Content Loading States */ .content-skeleton {
  background: linear-gradient(90deg, 
    rgba(255, 255, 255, 0.05) 25%, 
    rgba(255, 176, 0, 0.1) 50%, 
    rgba(255, 255, 255, 0.05) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.2s infinite;
  border-radius: 8px;
} .skeleton-text {
  height: 1rem;
  margin: 0.5rem 0;
} .skeleton-title {
  height: 1.5rem;
  margin: 1rem 0;
  width: 70%;
} .skeleton-image {
  height: 200px;
  width: 100%;
  border-radius: 12px;
} /* List View Styles */ .videos-grid-modern.list-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
} .videos-grid-modern.list-view .video-card-modern {
  display: flex;
  flex-direction: row;
  height: 200px;
  max-width: 100%;
} .videos-grid-modern.list-view .video-card-modern .video-wrapper {
  display: flex;
  width: 100%;
} /* Enhanced Transition States */ .page-transition-enter {
  opacity: 0;
  transform: translateY(20px) scale(0.98);
} .page-transition-enter-active {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition: all 0.2s ease-out;
} .page-transition-exit {
  opacity: 1;
  transform: translateY(0) scale(1);
} .page-transition-exit-active {
  opacity: 0;
  transform: translateY(-10px) scale(1.02);
  transition: all 0.15s ease-in;
} /* Video Card Enhancements */ .video-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 176, 0, 0.1);
} .video-overlay {
  z-index: 2;
} .video-stats {
  z-index: 3;
} /* Ultra-Fast Animations */ .ultra-fast-transition {
  transition: all 0.1s ease !important;
} .instant-hover:hover {
  transform: translateY(-2px) scale(1.02) !important;
  transition: transform 0.1s ease !important;
} /* Performance Critical Elements */ .critical-performance {
  contain: layout style paint;
  content-visibility: auto;
  contain-intrinsic-size: 0 400px;
} /* Preload Indicators */ .preload-indicator {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: rgba(15, 23, 42, 0.95);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 176, 0, 0.2);
  border-radius: 16px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  color: hsl(var(--foreground));
} /* Micro-interactions */ .micro-bounce:active {
  transform: scale(0.98);
  transition: transform 0.05s ease;
} .micro-glow:hover {
  box-shadow: 0 0 20px rgba(255, 176, 0, 0.2);
  transition: box-shadow 0.1s ease;
} /* Advanced Grid Animations */ .grid-item-enter {
  animation: gridItemEnter 0.3s ease-out forwards;
} @keyframes gridItemEnter {
  0% {
    opacity: 0;
    transform: translateY(30px) scale(0.9) rotateX(15deg);
  }
  60% {
    opacity: 0.8;
    transform: translateY(-5px) scale(1.02) rotateX(-2deg);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1) rotateX(0deg);
  }
} .grid-item-exit {
  animation: gridItemExit 0.2s ease-in forwards;
} @keyframes gridItemExit {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1) rotateX(0deg);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px) scale(0.95) rotateX(-10deg);
  }
} /* Mobile-First Responsive Optimizations */ @media (max-width: 480px) {
  .videos-grid-modern {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  
  .video-card-modern {
    min-height: 200px;
  }
  
  .search-container-modern {
    padding: 1rem;
  }
  
  /* Reduce animations on mobile for better performance */
  .video-card-modern:hover {
    transform: translateY(-2px) scale(1.01);
  }
  
  .animate-fade-in-up,
  .animate-slide-in-right,
  .animate-bounce-in {
    animation-duration: 0.3s;
  }
} /* High refresh rate display optimizations */ @media (min-resolution: 120dpi) {
  .will-change-transform {
    will-change: transform, opacity, filter;
  }
  
  .video-card-modern {
    backface-visibility: hidden;
    transform: translateZ(0);
  }
} /* Reduced motion preferences */ @media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.1ms !important;
    scroll-behavior: auto !important;
  }
  
  .float,
  .animate-float {
    animation: none !important;
  }
} /* Accessibility Improvements */ @media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
} /* High Contrast Mode Support */ @media (prefers-contrast: high) {
  .glass-card,
  .glass-card-dark {
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid #000;
  }
  
  .stat-card-modern {
    border: 2px solid #000;
  }
} /* Dark Mode Support */ @media (prefers-color-scheme: dark) {
  .seo-dashboard-container {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
  }
  
  .seo-header {
    background: rgba(40, 40, 40, 0.95);
    color: white;
  }
  
  .stat-card-modern {
    background: rgba(40, 40, 40, 0.95);
    color: white;
  }
  
  .video-card-modern {
    background: rgba(40, 40, 40, 0.95);
    color: white;
  }
} /* Modern SEO Reporting Dashboard styles */ /* Dark Theme Dialog Fixes */ /* Force dark theme for all dialogs */ .MuiDialog-paper {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
} /* Fix all text elements in dialogs */ .MuiDialog-paper * {
    color: #ffffff !important;
} /* Fix form elements in dialogs */ .MuiDialog-paper .MuiTextField-root .MuiInputBase-root {
    background-color: rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
} .MuiDialog-paper .MuiTextField-root .MuiInputBase-input {
    color: #ffffff !important;
} .MuiDialog-paper .MuiTextField-root .MuiInputLabel-root {
    color: rgba(255,255,255,0.7) !important;
} .MuiDialog-paper .MuiTextField-root .MuiOutlinedInput-notchedOutline {
    border-color: rgba(255,255,255,0.3) !important;
} .MuiDialog-paper .MuiTextField-root:hover .MuiOutlinedInput-notchedOutline {
    border-color: rgba(255,255,255,0.5) !important;
} .MuiDialog-paper .MuiTextField-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: #2196f3 !important;
} /* Fix radio buttons and checkboxes */ .MuiDialog-paper .MuiRadio-root {
    color: rgba(255,255,255,0.7) !important;
} .MuiDialog-paper .MuiRadio-root.Mui-checked {
    color: #4caf50 !important;
} .MuiDialog-paper .MuiFormControlLabel-label {
    color: #ffffff !important;
} .MuiDialog-paper .MuiCheckbox-root {
    color: rgba(255,255,255,0.7) !important;
} .MuiDialog-paper .MuiCheckbox-root.Mui-checked {
    color: #4caf50 !important;
} /* Fix chips in dialogs */ .MuiDialog-paper .MuiChip-root {
    color: #ffffff !important;
} .MuiDialog-paper .MuiChip-label {
    color: inherit !important;
} /* Fix buttons in dialog actions */ .MuiDialog-paper .MuiDialogActions-root .MuiButton-root {
    color: #ffffff !important;
} /* Fix backdrop */ .MuiDialog-root .MuiBackdrop-root {
    background-color: rgba(0, 0, 0, 0.8) !important;
} /* Stripe Elements dark theme overrides */ .MuiDialog-paper .StripeElement {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px !important;
    padding: 12px !important;
    color: #ffffff !important;
} .MuiDialog-paper .StripeElement--focus {
    border-color: #2196f3 !important;
    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.2) !important;
} .MuiDialog-paper .StripeElement--invalid {
    border-color: #f44336 !important;
} /* Dialog autofill fixes - ensure dark background on autofill */ .MuiDialog-paper input:-webkit-autofill,
.MuiDialog-paper input:-webkit-autofill:hover,
.MuiDialog-paper input:-webkit-autofill:focus,
.MuiDialog-paper input:-webkit-autofill:active,
.MuiDialog-paper textarea:-webkit-autofill,
.MuiDialog-paper select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #1a1d29 inset !important;
    box-shadow: 0 0 0 1000px #1a1d29 inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background-color: #1a1d29 !important;
    caret-color: #FFB000 !important;
    transition: background-color 5000s ease-in-out 0s !important;
} /* Fix select dropdowns in dialogs */ .MuiDialog-paper .MuiSelect-select {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
} .MuiDialog-paper .MuiMenuItem-root {
    background-color: #2d3748 !important;
    color: #ffffff !important;
} .MuiDialog-paper .MuiMenuItem-root:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
} /* Fix form control labels and legend */ .MuiDialog-paper .MuiFormLabel-root,
.MuiDialog-paper .MuiFormControlLabel-label,
.MuiDialog-paper .MuiFormLabel-root legend {
    color: #ffffff !important;
} /* Fix typography elements */ .MuiDialog-paper .MuiTypography-root {
    color: #ffffff !important;
} /* Fix alert components in dialogs */ .MuiDialog-paper .MuiAlert-root {
    background-color: rgba(33, 150, 243, 0.15) !important;
    border: 1px solid rgba(33, 150, 243, 0.3) !important;
    color: #ffffff !important;
} .MuiDialog-paper .MuiAlert-root .MuiAlert-message {
    color: #ffffff !important;
} /* Fix list items in dialogs */ .MuiDialog-paper .MuiListItemText-primary,
.MuiDialog-paper .MuiListItemText-secondary {
    color: #ffffff !important;
} /* Remove any remaining white backgrounds */ .MuiDialog-paper .MuiPaper-root {
    background: transparent !important;
} .MuiDialog-paper .MuiCard-root {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
} /* Dark theme dialog fixes */ /**
 * Global Form Element Fixes for Dark Theme
 * Purpose: Fix autofill text visibility and checkbox styling across the site
 * 
 * Issues Fixed:
 * 1. Browser autofill makes text appear black/invisible on dark backgrounds
 * 2. Checkboxes not visible and checked state hard to see
 */ /* ===========================================
   AUTOFILL TEXT COLOR FIX
   =========================================== */ /* Fix autofill background and text color for all form elements */ /* IMPORTANT: Use solid #0A0A0A (not rgba) to fully override browser's light autofill */ input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #0A0A0A inset !important;
    box-shadow: 0 0 0 1000px #0A0A0A inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    caret-color: #FFB000 !important;
    background-color: #0A0A0A !important;
    background-clip: content-box !important;
    transition: background-color 5000s ease-in-out 0s !important;
    border-color: rgba(255, 176, 0, 0.4) !important;
} /* Ensure text remains visible in all input states */ input, 
textarea, 
select {
    color: #FFFFFF !important;
    background-color: transparent;
} /* Additional input autofill fixes for specific backgrounds */ input[type="text"]:-webkit-autofill,
input[type="email"]:-webkit-autofill,
input[type="password"]:-webkit-autofill,
input[type="search"]:-webkit-autofill,
input[type="tel"]:-webkit-autofill,
input[type="url"]:-webkit-autofill,
input[type="number"]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #0A0A0A inset !important;
    box-shadow: 0 0 0 1000px #0A0A0A inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background-color: #0A0A0A !important;
} /* For inputs with dark backgrounds */ .dark input:-webkit-autofill,
.dark input:-webkit-autofill:hover,
.dark input:-webkit-autofill:focus,
.dark textarea:-webkit-autofill,
.dark select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #0A0A0A inset !important;
    box-shadow: 0 0 0 1000px #0A0A0A inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background-color: #0A0A0A !important;
} /* Dashboard specific autofill - slightly lighter for slate backgrounds */ .dashboard input:-webkit-autofill,
.bg-slate-900 input:-webkit-autofill,
.bg-dark-900 input:-webkit-autofill,
[class*="from-slate-"] input:-webkit-autofill,
[class*="from-dark-"] input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #3F4245 inset !important;
    box-shadow: 0 0 0 1000px #3F4245 inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background-color: #0f172a !important;
} /* ===========================================
   GLOBAL CHECKBOX STYLING
   =========================================== */ /* Reset default checkbox appearance */ input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
    min-height: 1.25rem;
    background-color: rgba(10, 10, 10, 0.8);
    border: 2px solid rgba(255, 199, 39, 0.5);
    border-radius: 0.375rem;
    cursor: pointer;
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    vertical-align: middle;
} /* Hover state - golden glow effect */ input[type="checkbox"]:hover {
    border-color: #FFC727;
    box-shadow: 0 0 0 3px rgba(255, 199, 39, 0.15),
                0 0 10px rgba(255, 199, 39, 0.2);
    background-color: rgba(255, 199, 39, 0.05);
} /* Focus state - accessibility */ input[type="checkbox"]:focus {
    outline: none;
    border-color: #FFC727;
    box-shadow: 0 0 0 3px rgba(255, 199, 39, 0.25),
                0 0 15px rgba(255, 199, 39, 0.3);
} /* Checked state - filled with golden color */ input[type="checkbox"]:checked {
    background-color: #FFC727;
    border-color: #FFC727;
    box-shadow: 0 0 10px rgba(255, 199, 39, 0.4);
} /* Checkmark icon using CSS */ input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%) rotate(45deg);
    width: 0.3rem;
    height: 0.6rem;
    border: solid #0A0A0A;
    border-width: 0 2.5px 2.5px 0;
} /* Disabled state */ input[type="checkbox"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    border-color: rgba(255, 199, 39, 0.2);
} input[type="checkbox"]:disabled:hover {
    box-shadow: none;
    background-color: rgba(10, 10, 10, 0.8);
} /* ===========================================
   RADIO BUTTON STYLING (For consistency)
   =========================================== */ input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
    min-height: 1.25rem;
    background-color: rgba(10, 10, 10, 0.8);
    border: 2px solid rgba(255, 199, 39, 0.5);
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    vertical-align: middle;
} input[type="radio"]:hover {
    border-color: #FFC727;
    box-shadow: 0 0 0 3px rgba(255, 199, 39, 0.15);
} input[type="radio"]:focus {
    outline: none;
    border-color: #FFC727;
    box-shadow: 0 0 0 3px rgba(255, 199, 39, 0.25);
} input[type="radio"]:checked {
    background-color: #FFC727;
    border-color: #FFC727;
    box-shadow: 0 0 10px rgba(255, 199, 39, 0.4);
} input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.4rem;
    height: 0.4rem;
    background-color: #0A0A0A;
    border-radius: 50%;
} input[type="radio"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
} /* ===========================================
   SWITCH/TOGGLE STYLING
   =========================================== */ /* For toggle switches using checkbox */ input[type="checkbox"].toggle-switch {
    width: 2.5rem;
    height: 1.25rem;
    border-radius: 9999px;
    padding: 2px;
} input[type="checkbox"].toggle-switch::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(1.25rem - 8px);
    height: calc(1.25rem - 8px);
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    transition: all 0.3s ease;
    transform: none;
    border: none;
} input[type="checkbox"].toggle-switch:checked::after {
    left: calc(100% - 1.25rem + 6px);
    background-color: #0A0A0A;
} /* ===========================================
   MUI COMPONENT OVERRIDES
   =========================================== */ /* For Material-UI styled inputs with autofill */ .MuiOutlinedInput-input:-webkit-autofill,
.MuiOutlinedInput-input:-webkit-autofill:hover,
.MuiOutlinedInput-input:-webkit-autofill:focus,
.MuiOutlinedInput-input:-webkit-autofill:active,
.MuiInputBase-input:-webkit-autofill,
.MuiInputBase-input:-webkit-autofill:hover,
.MuiInputBase-input:-webkit-autofill:focus,
.MuiInputBase-input:-webkit-autofill:active,
.MuiFilledInput-input:-webkit-autofill,
.MuiFilledInput-input:-webkit-autofill:hover,
.MuiFilledInput-input:-webkit-autofill:focus,
.MuiFilledInput-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #3F4245 inset !important;
    box-shadow: 0 0 0 1000px #3F4245 inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background-color: #0f172a !important;
    transition: background-color 5000s ease-in-out 0s !important;
    caret-color: #FFB000 !important;
} /* MUI Checkbox styling */ .MuiCheckbox-root {
    color: rgba(255, 199, 39, 0.5) !important;
} .MuiCheckbox-root.Mui-checked {
    color: #FFC727 !important;
} .MuiCheckbox-root:hover {
    background-color: rgba(255, 199, 39, 0.1) !important;
} /* ===========================================
   STRIPE ELEMENTS FIX
   =========================================== */ /* Stripe card element autofill fix */ .StripeElement--webkit-autofill {
    background-color: #0f172a !important;
} .StripeElement input:-webkit-autofill,
.StripeElement input:-webkit-autofill:hover,
.StripeElement input:-webkit-autofill:focus,
.StripeElement input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #3F4245 inset !important;
    box-shadow: 0 0 0 1000px #3F4245 inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background-color: #0f172a !important;
    transition: background-color 5000s ease-in-out 0s !important;
} /* ===========================================
   AUTH PAGES (Login/Register) AUTOFILL FIX
   =========================================== */ /* Login and Register page specific autofill fixes */ .auth-page input:-webkit-autofill,
.auth-page input:-webkit-autofill:hover,
.auth-page input:-webkit-autofill:focus,
.auth-page input:-webkit-autofill:active,
.login-page input:-webkit-autofill,
.login-page input:-webkit-autofill:hover,
.login-page input:-webkit-autofill:focus,
.login-page input:-webkit-autofill:active,
.register-page input:-webkit-autofill,
.register-page input:-webkit-autofill:hover,
.register-page input:-webkit-autofill:focus,
.register-page input:-webkit-autofill:active,
[class*="Login"] input:-webkit-autofill,
[class*="Login"] input:-webkit-autofill:hover,
[class*="Login"] input:-webkit-autofill:focus,
[class*="Login"] input:-webkit-autofill:active,
[class*="Register"] input:-webkit-autofill,
[class*="Register"] input:-webkit-autofill:hover,
[class*="Register"] input:-webkit-autofill:focus,
[class*="Register"] input:-webkit-autofill:active,
[class*="auth"] input:-webkit-autofill,
[class*="auth"] input:-webkit-autofill:hover,
[class*="auth"] input:-webkit-autofill:focus,
[class*="auth"] input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #3F4245 inset !important;
    box-shadow: 0 0 0 1000px #3F4245 inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background-color: #0f172a !important;
    border-color: rgba(255, 176, 0, 0.4) !important;
    transition: background-color 5000s ease-in-out 0s !important;
    caret-color: #FFB000 !important;
} /* Form containers with gradient backgrounds */ /* IMPORTANT: Use solid color #0f172a (slate-900) to match dashboard backgrounds */ [class*="gradient"] input:-webkit-autofill,
[class*="gradient"] input:-webkit-autofill:hover,
[class*="gradient"] input:-webkit-autofill:focus,
[class*="gradient"] input:-webkit-autofill:active,
.glass input:-webkit-autofill,
.glass input:-webkit-autofill:hover,
.glass input:-webkit-autofill:focus,
.glass input:-webkit-autofill:active,
.glassmorphism input:-webkit-autofill,
.glassmorphism input:-webkit-autofill:hover,
.glassmorphism input:-webkit-autofill:focus,
.glassmorphism input:-webkit-autofill:active,
.backdrop-blur input:-webkit-autofill,
.backdrop-blur input:-webkit-autofill:hover,
.backdrop-blur input:-webkit-autofill:focus,
.backdrop-blur input:-webkit-autofill:active,
[class*="backdrop-blur"] input:-webkit-autofill,
[class*="backdrop-blur"] input:-webkit-autofill:hover,
[class*="backdrop-blur"] input:-webkit-autofill:focus,
[class*="backdrop-blur"] input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #3F4245 inset !important;
    box-shadow: 0 0 0 1000px #3F4245 inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background-color: #0f172a !important;
    background-clip: content-box !important;
    transition: background-color 5000s ease-in-out 0s !important;
    caret-color: #FFB000 !important;
} /* ===========================================
   FIREFOX AUTOFILL FIX
   =========================================== */ /* Firefox uses different selector for autofill */ input:-moz-autofill,
textarea:-moz-autofill,
select:-moz-autofill {
    background-color: #0f172a !important;
    color: #FFFFFF !important;
} /* Firefox autofill preview */ input:autofill,
textarea:autofill,
select:autofill {
    background-color: #0f172a !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
} /* ===========================================
   UNIVERSAL AUTOFILL OVERRIDE (CATCH-ALL)
   =========================================== */ /* 
 * This is the nuclear option - catches ANY autofill that might slip through
 * Uses #0f172a (slate-900) as the standard dark background
 */ *:-webkit-autofill,
*:-webkit-autofill:hover,
*:-webkit-autofill:focus,
*:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #3F4245 inset !important;
    box-shadow: 0 0 0 1000px #3F4245 inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background-color: #0f172a !important;
    background-clip: content-box !important;
    transition: background-color 5000s ease-in-out 0s !important;
    caret-color: #FFB000 !important;
} /* Override for slate-800 backgrounds */ .bg-slate-800 input:-webkit-autofill,
.bg-slate-800 input:-webkit-autofill:hover,
.bg-slate-800 input:-webkit-autofill:focus,
.bg-slate-800 input:-webkit-autofill:active,
[class*="bg-slate-800"] input:-webkit-autofill,
[class*="bg-slate-800"] input:-webkit-autofill:hover,
[class*="bg-slate-800"] input:-webkit-autofill:focus,
[class*="bg-slate-800"] input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #1e293b inset !important;
    box-shadow: 0 0 0 1000px #1e293b inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background-color: #1e293b !important;
} /* Override for inputs with explicit dark backgrounds */ .my-input:-webkit-autofill,
.my-input:-webkit-autofill:hover,
.my-input:-webkit-autofill:focus,
.my-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #3F4245 inset !important;
    box-shadow: 0 0 0 1000px #3F4245 inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background-color: #0f172a !important;
    transition: background-color 5000s ease-in-out 0s !important;
} /* Global form autofill and checkbox fixes */ /**
 * Admin Dashboard Dark Theme Fixes
 * Purpose: Fix visibility issues where bg-white creates text visibility problems
 * 
 * This file converts white backgrounds to dark theme backgrounds
 * and ensures proper text contrast throughout admin pages
 */ /* ===========================================
   ADMIN PAGES - CARD & CONTAINER OVERRIDES
   =========================================== */ /* Override bg-white to dark theme in admin pages */ .bg-white {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
} /* Tables with white backgrounds */ .bg-white tbody,
.bg-white thead,
.bg-white tr,
.bg-white td,
.bg-white th {
    background: transparent !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
} /* Dialog/Modal Panels - Dark theme */ [class*="Dialog.Panel"],
.dialog-panel,
[class*="DialogPanel"] {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
} /* MUI Dialog - Already handled in dark-theme-fixes.css */ /* ===========================================
   TEXT COLOR FIXES FOR WHITE BACKGROUNDS
   =========================================== */ /* Fix text visibility on converted dark backgrounds */ .bg-white h1,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5,
.bg-white h6,
.bg-white p,
.bg-white span,
.bg-white label,
.bg-white div {
    color: inherit !important;
} /* Fix black text on dark backgrounds */ .text-black,
.text-black\/70,
.text-black\/60,
.text-black\/50 {
    color: #ffffff !important;
} /* Gray text that needs better visibility */ .text-gray-900,
.text-gray-800,
.text-gray-700 {
    color: #ffffff !important;
} .text-gray-600 {
    color: rgba(255, 255, 255, 0.85) !important;
} .text-gray-500 {
    color: rgba(255, 255, 255, 0.7) !important;
} .text-gray-400 {
    color: rgba(255, 255, 255, 0.6) !important;
} /* ===========================================
   FORM INPUTS ON WHITE BACKGROUNDS
   =========================================== */ /* Fix inputs with bg-white that have text visibility issues */ input.bg-white,
select.bg-white,
textarea.bg-white,
.bg-white input,
.bg-white select,
.bg-white textarea {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
} .bg-white input::placeholder,
.bg-white select::placeholder,
.bg-white textarea::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
} /* Fix select dropdowns */ .bg-white select option {
    background: #1a1d29 !important;
    color: #ffffff !important;
} /* ===========================================
   CHART CONTAINERS
   =========================================== */ /* Fix chart containers */ .wrapper_content.bg-white,
.bg-white.wrapper_content,
.container.bg-white {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%) !important;
    color: #ffffff !important;
} /* ===========================================
   TABLES AND DATA GRIDS
   =========================================== */ /* Fix MUI DataGrid in admin */ .MuiDataGrid-root {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
} .MuiDataGrid-root .MuiDataGrid-cell {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
} .MuiDataGrid-root .MuiDataGrid-columnHeaders {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
} .MuiDataGrid-root .MuiDataGrid-columnHeaderTitle {
    color: #ffffff !important;
    font-weight: 600 !important;
} .MuiDataGrid-root .MuiDataGrid-row:hover {
    background: rgba(255, 255, 255, 0.08) !important;
} .MuiDataGrid-root .MuiDataGrid-row.Mui-selected {
    background: rgba(255, 199, 39, 0.15) !important;
} .MuiDataGrid-root .MuiDataGrid-footerContainer {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
} .MuiDataGrid-root .MuiTablePagination-root {
    color: #ffffff !important;
} .MuiDataGrid-root .MuiIconButton-root {
    color: rgba(255, 255, 255, 0.7) !important;
} .MuiDataGrid-root .MuiIconButton-root:hover {
    color: #ffffff !important;
} /* ===========================================
   BUTTON FIXES
   =========================================== */ /* Fix buttons that might have visibility issues */ .bg-white button,
button.bg-white {
    color: #ffffff !important;
} /* Fix specific button patterns */ .hover\:bg-white:hover {
    background: rgba(255, 255, 255, 0.2) !important;
} /* ===========================================
   BADGES AND PILLS
   =========================================== */ /* Fix white pills/badges on dark cards */ .bg-white.px-3.py-1.rounded-full,
.rounded-full.bg-white {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
} /* ===========================================
   DROPDOWN MENUS
   =========================================== */ /* Fix Headless UI Listbox/Combobox options */ [class*="data-[focus]:bg-white"] {
    --tw-bg-opacity: 0.1 !important;
} /* ===========================================
   SHADOW FIXES
   =========================================== */ /* Fix shadows on dark backgrounds */ .bg-white.shadow,
.bg-white.shadow-lg,
.bg-white.shadow-xl,
.shadow-xl.bg-white,
.shadow-lg.bg-white {
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5) !important;
} /* ===========================================
   SPECIFIC ADMIN COMPONENTS
   =========================================== */ /* Info Cards */ .flex.items-center.bg-white.border.rounded-md,
.flex.items-center.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
} /* Profile Card */ .bg-white.border-4.rounded-lg {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%) !important;
    border-color: rgba(255, 199, 39, 0.3) !important;
} /* Form containers */ .bg-white.shadow-xl.rounded-lg {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%) !important;
} /* Pricing cards */ .pricing-head.bg-white,
.bg-white.p-3.rounded-md {
    background: rgba(255, 255, 255, 0.05) !important;
} /* ===========================================
   HOVER STATES
   =========================================== */ /* Fix hover states */ .bg-white:hover {
    background: linear-gradient(145deg, #1f2337 0%, #374151 100%) !important;
} /* ===========================================
   BORDER FIXES  
   =========================================== */ /* Fix gray borders to be visible on dark */ .border-gray-200 {
    border-color: rgba(255, 255, 255, 0.15) !important;
} .border-gray-300 {
    border-color: rgba(255, 255, 255, 0.2) !important;
} /* ===========================================
   PLACEHOLDER TEXT
   =========================================== */ /* Fix placeholder visibility */ .placeholder-gray-400::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
} /* ===========================================
   FOCUS STATES
   =========================================== */ /* Fix focus ring colors */ .focus\:ring-green-500:focus,
.focus\:border-green-500:focus {
    --tw-ring-color: rgba(34, 197, 94, 0.5) !important;
    border-color: rgba(34, 197, 94, 0.5) !important;
} /* ===========================================
   TABS AND NAVIGATION
   =========================================== */ /* Fix MUI Tabs */ .MuiTab-root {
    color: rgba(255, 255, 255, 0.7) !important;
} .MuiTab-root.Mui-selected {
    color: #FFC727 !important;
} .MuiTabs-indicator {
    background-color: #FFC727 !important;
} /* ===========================================
   CARDS WITH SPECIFIC PATTERNS
   =========================================== */ /* TestForm specific fixes */ .bg-white.p-6.rounded-xl.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
} /* Strategy Manager */ .rounded-xl.bg-white.shadow-lg.border.border-gray-200 {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
} /* ===========================================
   DIVIDE UTILITIES
   =========================================== */ /* Fix divide colors */ .divide-gray-200 > * + * {
    border-color: rgba(255, 255, 255, 0.1) !important;
} /* ===========================================
   SPECIFIC OVERRIDES FOR ADMIN SECTIONS
   =========================================== */ /* Users Table Container */ .relative.rounded-md.mt-20.h-full.bg-white {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%) !important;
} /* Testimonials Table */ .relative.rounded-xl.mt-8.bg-white.shadow-lg {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%) !important;
} /* ===========================================
   ICON VISIBILITY
   =========================================== */ /* Make icons visible on dark backgrounds */ .bg-white svg,
.bg-white [class*="Icon"] {
    color: inherit !important;
} /* ===========================================
   LINK COLORS
   =========================================== */ /* Fix link colors */ .bg-white a {
    color: #FFC727 !important;
} .bg-white a:hover {
    color: #FFD84D !important;
} /* ===========================================
   TOOLTIP FIXES
   =========================================== */ /* Ensure tooltips are visible */ [role="tooltip"],
.MuiTooltip-popper {
    z-index: 9999 !important;
} .MuiTooltip-tooltip {
    background: #1a1d29 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
} /* ===========================================
   SCROLLBAR STYLING
   =========================================== */ /* Dark scrollbars for admin */ .bg-white::-webkit-scrollbar {
    width: 8px;
    height: 8px;
} .bg-white::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
} .bg-white::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
} .bg-white::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
} /* Admin dashboard dark theme visibility fixes */ /* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */ /*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/ *,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #E5E7EB; /* 2 */
} ::before,
::after {
  --tw-content: '';
} /*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/ html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: Roboto, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
} /*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/ body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
} /*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/ hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
} /*
Add the correct text decoration in Chrome, Edge, and Safari.
*/ abbr:where([title]) {
  text-decoration: underline dotted;
} /*
Remove the default font size and weight for headings.
*/ h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
} /*
Reset links to optimize for opt-in styling instead of opt-out.
*/ a {
  color: inherit;
  text-decoration: inherit;
} /*
Add the correct font weight in Edge and Safari.
*/ b,
strong {
  font-weight: bolder;
} /*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/ code,
kbd,
samp,
pre {
  font-family: ui-monospace, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
} /*
Add the correct font size in all browsers.
*/ small {
  font-size: 80%;
} /*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/ sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
} sub {
  bottom: -0.25em;
} sup {
  top: -0.5em;
} /*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/ table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
} /*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/ button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
} /*
Remove the inheritance of text transform in Edge and Firefox.
*/ button,
select {
  text-transform: none;
} /*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/ button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
} /*
Use the modern Firefox focus style for all focusable elements.
*/ :-moz-focusring {
  outline: auto;
} /*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/ :-moz-ui-invalid {
  box-shadow: none;
} /*
Add the correct vertical alignment in Chrome and Firefox.
*/ progress {
  vertical-align: baseline;
} /*
Correct the cursor style of increment and decrement buttons in Safari.
*/ ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
} /*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/ [type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
} /*
Remove the inner padding in Chrome and Safari on macOS.
*/ ::-webkit-search-decoration {
  -webkit-appearance: none;
} /*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/ ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
} /*
Add the correct display in Chrome and Safari.
*/ summary {
  display: list-item;
} /*
Removes the default spacing and border for appropriate elements.
*/ blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
} fieldset {
  margin: 0;
  padding: 0;
} legend {
  padding: 0;
} ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
} /*
Reset default styling for dialogs.
*/ dialog {
  padding: 0;
} /*
Prevent resizing textareas horizontally by default.
*/ textarea {
  resize: vertical;
} /*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/ input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9CA3AF; /* 2 */
} /*
Set the default cursor for buttons.
*/ button,
[role="button"] {
  cursor: pointer;
} /*
Make sure disabled buttons don't get the pointer cursor.
*/ :disabled {
  cursor: default;
} /*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/ img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
} /*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/ img,
video {
  max-width: 100%;
  height: auto;
} /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] {
  display: none;
} input[type="range"]::-webkit-slider-thumb {
    height: 1rem;
    width: 1rem;
    background: hsl(var(--primary));
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
} .dark input[type="range"]::-webkit-slider-thumb {
    background: #fbbf24;
} input[type="range"]:disabled::-webkit-slider-thumb {} input[type="range"]:disabled:focus::-webkit-slider-thumb {} input[type="range"]:disabled:active::-webkit-slider-thumb {} .dark input[type="range"]:disabled::-webkit-slider-thumb {} .dark input[type="range"]:disabled:focus::-webkit-slider-thumb {} .dark input[type="range"]:disabled:active::-webkit-slider-thumb {} input[type="range"]::-moz-range-thumb {
    height: 1rem;
    width: 1rem;
    background: hsl(var(--primary));
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
} .dark input[type="range"]::-moz-range-thumb {
    background: #fbbf24;
} input[type="range"]:disabled::-moz-range-thumb {} .dark input[type="range"]:disabled::-moz-range-thumb {} input[type="range"]::-moz-range-progress {
    background: #d97706;
} input[type="range"]::-ms-fill-lower {
    background: #d97706;
} .dark input[type="range"]::-moz-range-progress {
    background: #f59e0b;
} .dark input[type="range"]::-ms-fill-lower {
    background: #f59e0b;
} input[type="range"]:focus {
    outline: none;
} input[type="range"]:focus::-webkit-slider-thumb {
    background: #d97706;
} input[type="range"]:active::-webkit-slider-thumb {
    background: #b45309;
} .dark input[type="range"]:focus::-webkit-slider-thumb {
    background: #f59e0b;
} .dark input[type="range"]:active::-webkit-slider-thumb {
    background: #d97706;
} [data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before {
    border-style: solid;
    border-color: #e5e7eb;
} [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before {
    border-bottom-width: 1px;
    border-right-width: 1px;
} [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before {
    border-bottom-width: 1px;
    border-left-width: 1px;
} [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before {
    border-top-width: 1px;
    border-left-width: 1px;
} [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before {
    border-top-width: 1px;
    border-right-width: 1px;
} .tooltip[data-popper-placement^='top'] > .tooltip-arrow {
    bottom: -4px;
} .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow {
    top: -4px;
} .tooltip[data-popper-placement^='left'] > .tooltip-arrow {
    right: -4px;
} .tooltip[data-popper-placement^='right'] > .tooltip-arrow {
    left: -4px;
} .tooltip.invisible > .tooltip-arrow:before {
    visibility: hidden;
} .tooltip.\!invisible > .tooltip-arrow:before {
    visibility: hidden !important;
} [data-popper-arrow],[data-popper-arrow]:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
} [data-popper-arrow] {
    visibility: hidden;
} [data-popper-arrow]:before {
    content: "";
    visibility: visible;
    transform: rotate(45deg);
} [data-popper-arrow]:after {
    content: "";
    visibility: visible;
    transform: rotate(45deg);
    position: absolute;
    width: 9px;
    height: 9px;
    background: inherit;
} [role="tooltip"] > [data-popper-arrow]:before {
    border-style: solid;
    border-color: #e5e7eb;
} .dark [role="tooltip"] > [data-popper-arrow]:before {
    border-style: solid;
    border-color: #4b5563;
} [role="tooltip"] > [data-popper-arrow]:after {
    border-style: solid;
    border-color: #e5e7eb;
} .dark [role="tooltip"] > [data-popper-arrow]:after {
    border-style: solid;
    border-color: #4b5563;
} [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before {
    border-bottom-width: 1px;
    border-right-width: 1px;
} [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after {
    border-bottom-width: 1px;
    border-right-width: 1px;
} [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before {
    border-bottom-width: 1px;
    border-left-width: 1px;
} [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after {
    border-bottom-width: 1px;
    border-left-width: 1px;
} [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before {
    border-top-width: 1px;
    border-left-width: 1px;
} [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after {
    border-top-width: 1px;
    border-left-width: 1px;
} [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before {
    border-top-width: 1px;
    border-right-width: 1px;
} [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after {
    border-top-width: 1px;
    border-right-width: 1px;
} [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow] {
    bottom: -5px;
} [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow] {
    top: -5px;
} [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow] {
    right: -5px;
} [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow] {
    left: -5px;
} [role="tooltip"].\!invisible > [data-popper-arrow]:before {
    visibility: hidden !important;
} [role="tooltip"].invisible > [data-popper-arrow]:before {
    visibility: hidden;
} [role="tooltip"].\!invisible > [data-popper-arrow]:after {
    visibility: hidden !important;
} [role="tooltip"].invisible > [data-popper-arrow]:after {
    visibility: hidden;
} [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
    appearance: none;
    background-color: #fff;
    border-color: #6B7280;
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
} [type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #1C64F2;
    --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #1C64F2;
} input::placeholder,textarea::placeholder {
    color: #6B7280;
    opacity: 1;
} ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
} ::-webkit-date-and-time-value {
    min-height: 1.5em;
} select:not([size]) {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 0.75em 0.75em;
    padding-right: 2.5rem;
    print-color-adjust: exact;
} :is([dir=rtl]) select:not([size]) {
    background-position: left 0.75rem center;
    padding-right: 0.75rem;
    padding-left: 0;
} [multiple] {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    print-color-adjust: unset;
} [type='checkbox'],[type='radio'] {
    appearance: none;
    padding: 0;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #1C64F2;
    background-color: #fff;
    border-color: #6B7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
} [type='checkbox'] {
    border-radius: 0px;
} [type='radio'] {
    border-radius: 100%;
} [type='checkbox']:focus,[type='radio']:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #1C64F2;
    --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);
} [type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 0.55em 0.55em;
    background-position: center;
    background-repeat: no-repeat;
} [type='checkbox']:checked {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 0.55em 0.55em;
    print-color-adjust: exact;
} [type='radio']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    background-size: 1em 1em;
} .dark [type='radio']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    background-size: 1em 1em;
} [type='checkbox']:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");
    background-color: currentColor;
    border-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.55em 0.55em;
    print-color-adjust: exact;
} [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
} [type='file'] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
} [type='file']:focus {
    outline: 1px auto inherit;
} input[type=file]::file-selector-button {
    color: white;
    background: #1F2937;
    border: 0;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 2rem;
    padding-right: 1rem;
    margin-inline-start: -1rem;
    margin-inline-end: 1rem;
} input[type=file]::file-selector-button:hover {
    background: #374151;
} :is([dir=rtl]) input[type=file]::file-selector-button {
    padding-right: 2rem;
    padding-left: 1rem;
} .dark input[type=file]::file-selector-button {
    color: white;
    background: #4B5563;
} .dark input[type=file]::file-selector-button:hover {
    background: #6B7280;
} input[type="range"]::-webkit-slider-thumb {
    height: 1.25rem;
    width: 1.25rem;
    background: #1C64F2;
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
} input[type="range"]:disabled::-webkit-slider-thumb {
    background: #9CA3AF;
} .dark input[type="range"]:disabled::-webkit-slider-thumb {
    background: #6B7280;
} input[type="range"]:focus::-webkit-slider-thumb {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --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(4px + 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);
    --tw-ring-opacity: 1px;
    --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
} input[type="range"]::-moz-range-thumb {
    height: 1.25rem;
    width: 1.25rem;
    background: #1C64F2;
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
} input[type="range"]:disabled::-moz-range-thumb {
    background: #9CA3AF;
} .dark input[type="range"]:disabled::-moz-range-thumb {
    background: #6B7280;
} input[type="range"]::-moz-range-progress {
    background: #3F83F8;
} input[type="range"]::-ms-fill-lower {
    background: #3F83F8;
} input[type="range"].range-sm::-webkit-slider-thumb {
    height: 1rem;
    width: 1rem;
} input[type="range"].range-lg::-webkit-slider-thumb {
    height: 1.5rem;
    width: 1.5rem;
} input[type="range"].range-sm::-moz-range-thumb {
    height: 1rem;
    width: 1rem;
} input[type="range"].range-lg::-moz-range-thumb {
    height: 1.5rem;
    width: 1.5rem;
} .toggle-bg:after {
    content: "";
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    background: white;
    border-color: #D1D5DB;
    border-width: 1px;
    border-radius: 9999px;
    height: 1.25rem;
    width: 1.25rem;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-duration: .15s;
    box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
} input:checked + .toggle-bg:after {
    transform: translateX(100%);;
    border-color: white;
} input:checked + .toggle-bg {
    background: #1C64F2;
    border-color: #1C64F2;
} :root {
    /* Primary Dark Backgrounds */
    --background: 220 15% 4%; /* Very dark gray / near black #0A0A0A */
    --background-alt: 220 15% 7%; /* Slightly lighter #121212 */
    --foreground: 0 0% 100%; /* White #16191D */

    /* Card and UI Elements */
    --card: 220 15% 6%;
    --card-foreground: 0 0% 100%;

    --popover: 220 15% 6%;
    --popover-foreground: 0 0% 100%;

    /* Primary Golden Accent Colors */
    --primary: 45 100% 58%; /* Golden Yellow #FFC727 */
    --primary-bright: 45 100% 65%; /* Brighter Golden #FFD84D */
    --primary-foreground: 220 15% 4%; /* Dark text on gold */
    --primary-glow: 51 100% 84%; /* Strong Gold Glow #FFD700 */

    /* Secondary Orange Accents */
    --secondary: 38 100% 55%; /* Bright Orange-Yellow #FFB800 */
    --secondary-dark: 33 100% 50%; /* Darker Orange #FF9C00 */
    --secondary-foreground: 220 15% 4%;

    /* Text Colors */
    --muted: 220 15% 10%;
    --muted-foreground: 218 11% 65%; /* Light Gray #D1D5DB */
    --muted-text: 220 9% 46%; /* Muted Gray #9CA3AF */

    /* Accent and Interactive */
    --accent: 45 100% 58%;
    --accent-foreground: 220 15% 4%;

    /* System Colors */
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;

    /* Borders and Inputs */
    --border: 220 15% 15%;
    --input: 220 15% 10%;
    --ring: 45 100% 58%;

    /* Custom Gradients */
    --gradient-gold: linear-gradient(135deg, hsl(45 100% 58%), hsl(38 100% 55%));
    --gradient-gold-glow: linear-gradient(135deg, hsl(51 100% 84%), hsl(45 100% 65%));
    --gradient-orange: linear-gradient(135deg, hsl(38 100% 55%), hsl(33 100% 50%));
    --gradient-dark: linear-gradient(135deg, hsl(220 15% 4%), hsl(220 15% 7%));
    
    /* Shadows and Glows */
    --shadow-gold: 0 10px 30px -10px hsl(45 100% 58% / 0.4);
    --shadow-gold-glow: 0 0 40px hsl(51 100% 84% / 0.6);
    --shadow-dark: 0 10px 30px -10px hsl(220 15% 4% / 0.8);
    
    --radius: 0.75rem;

    /* Sidebar Colors */
    --sidebar-background: 220 15% 6%;
    --sidebar-foreground: 0 0% 100%;
    --sidebar-primary: 45 100% 58%;
    --sidebar-primary-foreground: 220 15% 4%;
    --sidebar-accent: 220 15% 10%;
    --sidebar-accent-foreground: 0 0% 100%;
    --sidebar-border: 220 15% 15%;
    --sidebar-ring: 45 100% 58%;
  } .dark {
    /* Enhanced dark mode with deeper blacks */
    --background: 220 15% 2%; /* Even darker for true dark mode */
    --background-alt: 220 15% 5%;
    --foreground: 0 0% 100%;

    --card: 220 15% 4%;
    --card-foreground: 0 0% 100%;

    --popover: 220 15% 4%;
    --popover-foreground: 0 0% 100%;

    /* Brighter golds for dark mode */
    --primary: 45 100% 65%;
    --primary-bright: 45 100% 70%;
    --primary-foreground: 220 15% 2%;
    --primary-glow: 51 100% 88%;

    --secondary: 38 100% 60%;
    --secondary-dark: 33 100% 55%;
    --secondary-foreground: 220 15% 2%;

    --muted: 220 15% 8%;
    --muted-foreground: 218 11% 70%;
    --muted-text: 220 9% 50%;

    --accent: 45 100% 65%;
    --accent-foreground: 220 15% 2%;

    --border: 220 15% 12%;
    --input: 220 15% 8%;
    --ring: 45 100% 65%;

    /* Enhanced sidebar for dark mode */
    --sidebar-background: 220 15% 4%;
    --sidebar-foreground: 0 0% 100%;
    --sidebar-primary: 45 100% 65%;
    --sidebar-primary-foreground: 220 15% 2%;
    --sidebar-accent: 220 15% 8%;
    --sidebar-accent-foreground: 0 0% 100%;
    --sidebar-border: 220 15% 12%;
    --sidebar-ring: 45 100% 65%;
  } * {
    border-color: hsl(var(--border));
} body {
    background-color: hsl(var(--background));
    font-family: Roboto, sans-serif;
    color: hsl(var(--foreground));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} *, ::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(63 131 248 / 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:  ;
} ::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(63 131 248 / 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:  ;
} .\!container {
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
} .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
} @media (min-width: 1400px) { .\!container {
        max-width: 1400px !important;
    } .container {
        max-width: 1400px;
    }
} /* Global dark theme enforcement */ html, body, #app, #root {
    background: hsl(var(--background)) !important;
    color: hsl(var(--foreground)) !important;
    min-height: 100vh;
  } /* Material-UI Component Dark Theme Override */ .MuiPaper-root {
    background-color: hsl(var(--card)) !important;
    color: hsl(var(--card-foreground)) !important;
  } .MuiDialog-paper {
    background: hsl(var(--card)) !important;
    backdrop-filter: blur(20px) !important;
  } .MuiTextField-root .MuiInputBase-root {
    background-color: hsl(var(--input)) !important;
    color: hsl(var(--foreground)) !important;
  } .MuiTable-root {
    background-color: transparent !important;
  } .MuiTableHead-root {
    background-color: hsl(var(--muted)) !important;
  } .MuiTableRow-root {
    background-color: transparent !important;
    border-bottom: 1px solid hsl(var(--border)) !important;
  } .MuiTableCell-root {
    color: hsl(var(--foreground)) !important;
    border-bottom: 1px solid hsl(var(--border)) !important;
  } /* DataGrid and TablePagination Dark Theme Fixes */ .MuiDataGrid-footerContainer,
  .MuiTablePagination-root {
    background-color: rgba(30, 41, 59, 0.95) !important;
    color: #FFFFFF !important;
  } .MuiTablePagination-selectLabel,
  .MuiTablePagination-displayedRows {
    color: #FFFFFF !important;
  } .MuiTablePagination-select,
  .MuiTablePagination-input,
  .MuiTablePagination-root .MuiInputBase-root,
  .MuiTablePagination-root .MuiSelect-select {
    color: #FFFFFF !important;
    background-color: rgba(30, 41, 59, 0.95) !important;
    border: 1px solid rgba(255, 176, 0, 0.3) !important;
    border-radius: 6px !important;
  } .MuiTablePagination-root .MuiSelect-icon,
  .MuiTablePagination-root .MuiSvgIcon-root {
    color: #FFB000 !important;
  } .MuiTablePagination-actions .MuiIconButton-root {
    color: #FFB000 !important;
  } .MuiTablePagination-actions .MuiIconButton-root.Mui-disabled {
    color: rgba(255, 176, 0, 0.3) !important;
  } .MuiPaginationItem-root {
    color: #FFFFFF !important;
    border-color: rgba(255, 176, 0, 0.3) !important;
  } .MuiPaginationItem-root:hover {
    background-color: rgba(255, 176, 0, 0.1) !important;
  } .MuiPaginationItem-root.Mui-selected {
    background-color: #FFB000 !important;
    color: #0F172A !important;
  } /* Global Material-UI Dropdown Dark Theme Fixes */ .MuiPopover-root .MuiPaper-root {
    background: rgba(30, 41, 59, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 176, 0, 0.2) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important;
  } .MuiMenu-root .MuiPaper-root {
    background: rgba(30, 41, 59, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 176, 0, 0.2) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important;
    max-height: 300px !important;
  } .MuiMenuItem-root {
    color: #16191D !important;
    background-color: transparent !important;
    padding: 12px 16px !important;
    
    &:hover {
      background-color: rgba(255, 176, 0, 0.1) !important;
    }
    
    &.Mui-selected {
      background-color: rgba(255, 176, 0, 0.2) !important;
      
      &:hover {
        background-color: rgba(255, 176, 0, 0.25) !important;
      }
    }
  } .MuiSelect-select {
    color: #16191D !important;
    background: transparent !important;
  } .MuiOutlinedInput-root {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #16191D !important;
  } .MuiInputLabel-root {
    color: rgba(255, 255, 255, 0.7) !important;
    
    &.Mui-focused {
      color: #FFB000 !important;
    }
  } .MuiFormHelperText-root {
    color: #EF4444 !important;
  } /* Autocomplete dropdown fixes */ .MuiAutocomplete-popper .MuiPaper-root {
    background: rgba(30, 41, 59, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 176, 0, 0.2) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important;
  } /* Ensure all form elements follow dark theme */ input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    -webkit-text-fill-color: #FFFFFF !important;
    caret-color: #FFFFFF !important;
    transition: background-color 5000s ease-in-out 0s !important;
  } /* Global Checkbox Styling for Dark Theme */ input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    background-color: rgba(10, 10, 10, 0.8);
    border: 2px solid rgba(255, 199, 39, 0.5);
    border-radius: 0.375rem;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    flex-shrink: 0;
  } input[type="checkbox"]:hover {
    border-color: hsl(var(--primary));
    box-shadow: 0 0 0 3px rgba(255, 199, 39, 0.15);
  } input[type="checkbox"]:focus {
    outline: none;
    border-color: hsl(var(--primary));
    box-shadow: 0 0 0 3px rgba(255, 199, 39, 0.25);
  } input[type="checkbox"]:checked {
    background-color: hsl(var(--primary));
    border-color: hsl(var(--primary));
  } input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%) rotate(45deg);
    width: 0.3rem;
    height: 0.6rem;
    border: solid #0A0A0A;
    border-width: 0 2.5px 2.5px 0;
  } input[type="checkbox"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  } /* Scrollbar dark theme */ ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  } ::-webkit-scrollbar-track {
    background: hsl(var(--muted));
    border-radius: 4px;
  } ::-webkit-scrollbar-thumb {
    background: hsl(var(--primary));
    border-radius: 4px;
    transition: background 0.2s ease;
  } ::-webkit-scrollbar-thumb:hover {
    background: hsl(var(--primary-bright));
  } /* Company Dashboard Specific Enhancements */ .glassmorphism {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
  } /* Animation utilities for enhanced UX */ @keyframes slideInUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  } @keyframes fadeInScale {
    from {
      opacity: 0;
      transform: scale(0.95);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  } @keyframes pulseGlow {
    0%, 100% {
      box-shadow: 0 0 20px rgba(255, 176, 0, 0.3);
    }
    50% {
      box-shadow: 0 0 40px rgba(255, 176, 0, 0.6);
    }
  } /* Responsive utilities */ /* Perfect dark overlay for modals */ .modal-overlay {
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  } /* Prevent any white flash during loading */ .loading-skeleton {
    background: linear-gradient(90deg, 
      rgba(255, 255, 255, 0.05) 25%, 
      rgba(255, 255, 255, 0.1) 50%, 
      rgba(255, 255, 255, 0.05) 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
  } @keyframes shimmer {
    0% {
      background-position: -200% 0;
    }
    100% {
      background-position: 200% 0;
    }
  } /* Fix for specific Material-UI Select white background issue */ /* Additional Material-UI Select classes that might have white background */ .css-gyo0b2-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root,
  [class*="MuiInputBase-root"][class*="MuiOutlinedInput-root"][class*="MuiSelect-root"] {
    background-color: transparent !important;
    background: transparent !important;
  } /* Additional Material-UI Select overrides to ensure dark theme */ .MuiSelect-root .MuiOutlinedInput-notchedOutline {
    border-color: #FFC727 !important;
  } .MuiSelect-root:hover .MuiOutlinedInput-notchedOutline {
    border-color: #FFB800 !important;
  } .MuiSelect-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: #FFC727 !important;
  } .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;
} .pointer-events-none {
    pointer-events: none;
} .pointer-events-auto {
    pointer-events: auto;
} .\!visible {
    visibility: visible !important;
} .visible {
    visibility: visible;
} .\!invisible {
    visibility: hidden !important;
} .invisible {
    visibility: hidden;
} .collapse {
    visibility: collapse;
} .static {
    position: static;
} .\!fixed {
    position: fixed !important;
} .fixed {
    position: fixed;
} .\!absolute {
    position: absolute !important;
} .absolute {
    position: absolute;
} .relative {
    position: relative;
} .sticky {
    position: sticky;
} .-inset-1 {
    inset: -0.25rem;
} .-inset-2 {
    inset: -0.5rem;
} .-inset-4 {
    inset: -1rem;
} .-inset-8 {
    inset: -2rem;
} .inset-0 {
    inset: 0px;
} .inset-2 {
    inset: 0.5rem;
} .inset-3 {
    inset: 0.75rem;
} .inset-4 {
    inset: 1rem;
} .inset-6 {
    inset: 1.5rem;
} .inset-x-0 {
    left: 0px;
    right: 0px;
} .inset-y-0 {
    top: 0px;
    bottom: 0px;
} .-bottom-0 {
    bottom: -0px;
} .-bottom-0\.5 {
    bottom: -0.125rem;
} .-bottom-1 {
    bottom: -0.25rem;
} .-bottom-1\.5 {
    bottom: -0.375rem;
} .-bottom-2 {
    bottom: -0.5rem;
} .-bottom-40 {
    bottom: -10rem;
} .-bottom-6 {
    bottom: -1.5rem;
} .-bottom-8 {
    bottom: -2rem;
} .-bottom-\[4\.5rem\] {
    bottom: -4.5rem;
} .-end-2 {
    inset-inline-end: -0.5rem;
} .-left-1 {
    left: -0.25rem;
} .-left-1\.5 {
    left: -0.375rem;
} .-left-3 {
    left: -0.75rem;
} .-left-4 {
    left: -1rem;
} .-left-40 {
    left: -10rem;
} .-right-1 {
    right: -0.25rem;
} .-right-1\.5 {
    right: -0.375rem;
} .-right-10 {
    right: -2.5rem;
} .-right-2 {
    right: -0.5rem;
} .-right-20 {
    right: -5rem;
} .-right-4 {
    right: -1rem;
} .-right-40 {
    right: -10rem;
} .-right-6 {
    right: -1.5rem;
} .-top-1 {
    top: -0.25rem;
} .-top-1\.5 {
    top: -0.375rem;
} .-top-10 {
    top: -2.5rem;
} .-top-2 {
    top: -0.5rem;
} .-top-2\.5 {
    top: -0.625rem;
} .-top-20 {
    top: -5rem;
} .-top-3 {
    top: -0.75rem;
} .-top-4 {
    top: -1rem;
} .-top-40 {
    top: -10rem;
} .bottom-0 {
    bottom: 0px;
} .bottom-1\/3 {
    bottom: 33.333333%;
} .bottom-1\/4 {
    bottom: 25%;
} .bottom-10 {
    bottom: 2.5rem;
} .bottom-16 {
    bottom: 4rem;
} .bottom-2 {
    bottom: 0.5rem;
} .bottom-2\.5 {
    bottom: 0.625rem;
} .bottom-20 {
    bottom: 5rem;
} .bottom-3 {
    bottom: 0.75rem;
} .bottom-32 {
    bottom: 8rem;
} .bottom-4 {
    bottom: 1rem;
} .bottom-5 {
    bottom: 1.25rem;
} .bottom-8 {
    bottom: 2rem;
} .bottom-\[10px\] {
    bottom: 10px;
} .bottom-\[14\%\] {
    bottom: 14%;
} .bottom-\[30\%\] {
    bottom: 30%;
} .bottom-\[4\%\] {
    bottom: 4%;
} .bottom-full {
    bottom: 100%;
} .end-0 {
    inset-inline-end: 0px;
} .end-2 {
    inset-inline-end: 0.5rem;
} .end-2\.5 {
    inset-inline-end: 0.625rem;
} .left-0 {
    left: 0px;
} .left-1 {
    left: 0.25rem;
} .left-1\.5 {
    left: 0.375rem;
} .left-1\/2 {
    left: 50%;
} .left-1\/3 {
    left: 33.333333%;
} .left-1\/4 {
    left: 25%;
} .left-10 {
    left: 2.5rem;
} .left-16 {
    left: 4rem;
} .left-2 {
    left: 0.5rem;
} .left-2\.5 {
    left: 0.625rem;
} .left-2\/4 {
    left: 50%;
} .left-20 {
    left: 5rem;
} .left-3 {
    left: 0.75rem;
} .left-3\/4 {
    left: 75%;
} .left-4 {
    left: 1rem;
} .left-5 {
    left: 1.25rem;
} .left-6 {
    left: 1.5rem;
} .left-7 {
    left: 1.75rem;
} .left-8 {
    left: 2rem;
} .left-\[14\%\] {
    left: 14%;
} .left-\[2\%\] {
    left: 2%;
} .left-\[50\%\] {
    left: 50%;
} .left-\[max\(50\%\2c 25rem\)\] {
    left: max(50%,25rem);
} .right-0 {
    right: 0px;
} .right-1 {
    right: 0.25rem;
} .right-1\/3 {
    right: 33.333333%;
} .right-1\/4 {
    right: 25%;
} .right-10 {
    right: 2.5rem;
} .right-12 {
    right: 3rem;
} .right-16 {
    right: 4rem;
} .right-2 {
    right: 0.5rem;
} .right-20 {
    right: 5rem;
} .right-3 {
    right: 0.75rem;
} .right-4 {
    right: 1rem;
} .right-5 {
    right: 1.25rem;
} .right-6 {
    right: 1.5rem;
} .right-8 {
    right: 2rem;
} .right-\[14\%\] {
    right: 14%;
} .right-\[2\%\] {
    right: 2%;
} .right-\[20px\] {
    right: 20px;
} .start-0 {
    inset-inline-start: 0px;
} .start-\[25\%\] {
    inset-inline-start: 25%;
} .top-0 {
    top: 0px;
} .top-1 {
    top: 0.25rem;
} .top-1\/2 {
    top: 50%;
} .top-1\/3 {
    top: 33.333333%;
} .top-1\/4 {
    top: 25%;
} .top-10 {
    top: 2.5rem;
} .top-16 {
    top: 4rem;
} .top-2 {
    top: 0.5rem;
} .top-2\/4 {
    top: 50%;
} .top-20 {
    top: 5rem;
} .top-3 {
    top: 0.75rem;
} .top-3\/4 {
    top: 75%;
} .top-4 {
    top: 1rem;
} .top-40 {
    top: 10rem;
} .top-6 {
    top: 1.5rem;
} .top-8 {
    top: 2rem;
} .top-\[-15px\] {
    top: -15px;
} .top-\[-2rem\] {
    top: -2rem;
} .top-\[10px\] {
    top: 10px;
} .top-\[14\%\] {
    top: 14%;
} .top-\[4\%\] {
    top: 4%;
} .top-\[50\%\] {
    top: 50%;
} .isolate {
    isolation: isolate;
} .-z-10 {
    z-index: -10;
} .z-0 {
    z-index: 0;
} .z-10 {
    z-index: 10;
} .z-20 {
    z-index: 20;
} .z-30 {
    z-index: 30;
} .z-40 {
    z-index: 40;
} .z-50 {
    z-index: 50;
} .z-\[2\] {
    z-index: 2;
} .z-\[9995\] {
    z-index: 9995;
} .z-\[9999\] {
    z-index: 9999;
} .z-\[999\] {
    z-index: 999;
} .z-auto {
    z-index: auto;
} .order-1 {
    order: 1;
} .order-2 {
    order: 2;
} .col-span-1 {
    grid-column: span 1 / span 1;
} .col-span-12 {
    grid-column: span 12 / span 12;
} .col-span-2 {
    grid-column: span 2 / span 2;
} .col-span-3 {
    grid-column: span 3 / span 3;
} .col-span-6 {
    grid-column: span 6 / span 6;
} .col-span-full {
    grid-column: 1 / -1;
} .m-0 {
    margin: 0px;
} .m-0\.5 {
    margin: 0.125rem;
} .m-10 {
    margin: 2.5rem;
} .m-2 {
    margin: 0.5rem;
} .m-4 {
    margin: 1rem;
} .-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
} .-mx-1\.5 {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
} .-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
} .-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
} .-my-1\.5 {
    margin-top: -0.375rem;
    margin-bottom: -0.375rem;
} .mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
} .mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
} .mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
} .mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
} .mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
} .mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
} .mx-auto {
    margin-left: auto;
    margin-right: auto;
} .mx-px {
    margin-left: 1px;
    margin-right: 1px;
} .my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
} .my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
} .my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
} .my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
} .my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
} .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
} .my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
} .my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
} .my-auto {
    margin-top: auto;
    margin-bottom: auto;
} .-mb-12 {
    margin-bottom: -3rem;
} .-mb-px {
    margin-bottom: -1px;
} .-ml-1 {
    margin-left: -0.25rem;
} .-ml-12 {
    margin-left: -3rem;
} .-mr-16 {
    margin-right: -4rem;
} .-mr-3 {
    margin-right: -0.75rem;
} .-mt-12 {
    margin-top: -3rem;
} .-mt-16 {
    margin-top: -4rem;
} .-mt-24 {
    margin-top: -6rem;
} .-mt-6 {
    margin-top: -1.5rem;
} .mb-0 {
    margin-bottom: 0px;
} .mb-0\.5 {
    margin-bottom: 0.125rem;
} .mb-1 {
    margin-bottom: 0.25rem;
} .mb-1\.5 {
    margin-bottom: 0.375rem;
} .mb-10 {
    margin-bottom: 2.5rem;
} .mb-12 {
    margin-bottom: 3rem;
} .mb-16 {
    margin-bottom: 4rem;
} .mb-2 {
    margin-bottom: 0.5rem;
} .mb-20 {
    margin-bottom: 5rem;
} .mb-3 {
    margin-bottom: 0.75rem;
} .mb-32 {
    margin-bottom: 8rem;
} .mb-4 {
    margin-bottom: 1rem;
} .mb-5 {
    margin-bottom: 1.25rem;
} .mb-6 {
    margin-bottom: 1.5rem;
} .mb-8 {
    margin-bottom: 2rem;
} .mb-9 {
    margin-bottom: 2.25rem;
} .mb-\[14px\] {
    margin-bottom: 14px;
} .mb-auto {
    margin-bottom: auto;
} .me-2 {
    margin-inline-end: 0.5rem;
} .me-3 {
    margin-inline-end: 0.75rem;
} .me-4 {
    margin-inline-end: 1rem;
} .ml-0 {
    margin-left: 0px;
} .ml-0\.5 {
    margin-left: 0.125rem;
} .ml-1 {
    margin-left: 0.25rem;
} .ml-2 {
    margin-left: 0.5rem;
} .ml-3 {
    margin-left: 0.75rem;
} .ml-4 {
    margin-left: 1rem;
} .ml-5 {
    margin-left: 1.25rem;
} .ml-6 {
    margin-left: 1.5rem;
} .ml-9 {
    margin-left: 2.25rem;
} .ml-\[18px\] {
    margin-left: 18px;
} .ml-auto {
    margin-left: auto;
} .mr-1 {
    margin-right: 0.25rem;
} .mr-1\.5 {
    margin-right: 0.375rem;
} .mr-12 {
    margin-right: 3rem;
} .mr-2 {
    margin-right: 0.5rem;
} .mr-3 {
    margin-right: 0.75rem;
} .mr-4 {
    margin-right: 1rem;
} .mr-5 {
    margin-right: 1.25rem;
} .mr-6 {
    margin-right: 1.5rem;
} .ms-2 {
    margin-inline-start: 0.5rem;
} .ms-3 {
    margin-inline-start: 0.75rem;
} .ms-4 {
    margin-inline-start: 1rem;
} .mt-0 {
    margin-top: 0px;
} .mt-0\.5 {
    margin-top: 0.125rem;
} .mt-1 {
    margin-top: 0.25rem;
} .mt-1\.5 {
    margin-top: 0.375rem;
} .mt-10 {
    margin-top: 2.5rem;
} .mt-12 {
    margin-top: 3rem;
} .mt-14 {
    margin-top: 3.5rem;
} .mt-16 {
    margin-top: 4rem;
} .mt-2 {
    margin-top: 0.5rem;
} .mt-20 {
    margin-top: 5rem;
} .mt-24 {
    margin-top: 6rem;
} .mt-3 {
    margin-top: 0.75rem;
} .mt-32 {
    margin-top: 8rem;
} .mt-4 {
    margin-top: 1rem;
} .mt-5 {
    margin-top: 1.25rem;
} .mt-6 {
    margin-top: 1.5rem;
} .mt-7 {
    margin-top: 1.75rem;
} .mt-8 {
    margin-top: 2rem;
} .mt-\[60px\] {
    margin-top: 60px;
} .mt-px {
    margin-top: 1px;
} .box-border {
    box-sizing: border-box;
} .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
} .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
} .line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
} .block {
    display: block;
} .inline-block {
    display: inline-block;
} .\!inline {
    display: inline !important;
} .inline {
    display: inline;
} .flex {
    display: flex;
} .inline-flex {
    display: inline-flex;
} .table {
    display: table;
} .table-cell {
    display: table-cell;
} .table-header-group {
    display: table-header-group;
} .table-row-group {
    display: table-row-group;
} .table-row {
    display: table-row;
} .grid {
    display: grid;
} .hidden {
    display: none;
} .aspect-square {
    aspect-ratio: 1 / 1;
} .aspect-video {
    aspect-ratio: 16 / 9;
} .size-1 {
    width: 0.25rem;
    height: 0.25rem;
} .size-1\.5 {
    width: 0.375rem;
    height: 0.375rem;
} .size-4 {
    width: 1rem;
    height: 1rem;
} .size-40 {
    width: 10rem;
    height: 10rem;
} .size-5 {
    width: 1.25rem;
    height: 1.25rem;
} .size-6 {
    width: 1.5rem;
    height: 1.5rem;
} .size-\[62px\] {
    width: 62px;
    height: 62px;
} .\!h-\[500px\] {
    height: 500px !important;
} .\!h-full {
    height: 100% !important;
} .h-0 {
    height: 0px;
} .h-0\.5 {
    height: 0.125rem;
} .h-1 {
    height: 0.25rem;
} .h-1\.5 {
    height: 0.375rem;
} .h-10 {
    height: 2.5rem;
} .h-11 {
    height: 2.75rem;
} .h-12 {
    height: 3rem;
} .h-14 {
    height: 3.5rem;
} .h-16 {
    height: 4rem;
} .h-2 {
    height: 0.5rem;
} .h-2\.5 {
    height: 0.625rem;
} .h-20 {
    height: 5rem;
} .h-24 {
    height: 6rem;
} .h-28 {
    height: 7rem;
} .h-3 {
    height: 0.75rem;
} .h-3\.5 {
    height: 0.875rem;
} .h-3\/4 {
    height: 75%;
} .h-32 {
    height: 8rem;
} .h-36 {
    height: 9rem;
} .h-4 {
    height: 1rem;
} .h-40 {
    height: 10rem;
} .h-48 {
    height: 12rem;
} .h-5 {
    height: 1.25rem;
} .h-6 {
    height: 1.5rem;
} .h-64 {
    height: 16rem;
} .h-7 {
    height: 1.75rem;
} .h-72 {
    height: 18rem;
} .h-8 {
    height: 2rem;
} .h-80 {
    height: 20rem;
} .h-9 {
    height: 2.25rem;
} .h-96 {
    height: 24rem;
} .h-\[1000px\] {
    height: 1000px;
} .h-\[110px\] {
    height: 110px;
} .h-\[120px\] {
    height: 120px;
} .h-\[15\.3rem\] {
    height: 15.3rem;
} .h-\[150px\] {
    height: 150px;
} .h-\[153px\] {
    height: 153px;
} .h-\[18px\] {
    height: 18px;
} .h-\[200px\] {
    height: 200px;
} .h-\[320px\] {
    height: 320px;
} .h-\[34px\] {
    height: 34px;
} .h-\[350px\] {
    height: 350px;
} .h-\[36px\] {
    height: 36px;
} .h-\[380px\] {
    height: 380px;
} .h-\[400px\] {
    height: 400px;
} .h-\[40px\] {
    height: 40px;
} .h-\[500px\] {
    height: 500px;
} .h-\[50px\] {
    height: 50px;
} .h-\[54px\] {
    height: 54px;
} .h-\[58px\] {
    height: 58px;
} .h-\[600px\] {
    height: 600px;
} .h-\[64rem\] {
    height: 64rem;
} .h-\[70px\] {
    height: 70px;
} .h-\[74px\] {
    height: 74px;
} .h-\[9\.6rem\] {
    height: 9.6rem;
} .h-\[calc\(100vh-380px\)\] {
    height: calc(100vh - 380px);
} .h-auto {
    height: auto;
} .h-fit {
    height: fit-content;
} .h-full {
    height: 100%;
} .h-max {
    height: max-content;
} .h-modal {
    height: calc(100% - 2rem);
} .h-px {
    height: 1px;
} .h-screen {
    height: 100vh;
} .max-h-1 {
    max-height: 0.25rem;
} .max-h-1\.5 {
    max-height: 0.375rem;
} .max-h-2 {
    max-height: 0.5rem;
} .max-h-3 {
    max-height: 0.75rem;
} .max-h-32 {
    max-height: 8rem;
} .max-h-40 {
    max-height: 10rem;
} .max-h-48 {
    max-height: 12rem;
} .max-h-60 {
    max-height: 15rem;
} .max-h-80 {
    max-height: 20rem;
} .max-h-96 {
    max-height: 24rem;
} .max-h-\[100px\] {
    max-height: 100px;
} .max-h-\[100vh\] {
    max-height: 100vh;
} .max-h-\[280px\] {
    max-height: 280px;
} .max-h-\[300px\] {
    max-height: 300px;
} .max-h-\[30rem\] {
    max-height: 30rem;
} .max-h-\[32px\] {
    max-height: 32px;
} .max-h-\[400px\] {
    max-height: 400px;
} .max-h-\[40px\] {
    max-height: 40px;
} .max-h-\[48px\] {
    max-height: 48px;
} .max-h-\[500px\] {
    max-height: 500px;
} .max-h-\[50px\] {
    max-height: 50px;
} .max-h-\[800px\] {
    max-height: 800px;
} .max-h-\[90dvh\] {
    max-height: 90dvh;
} .max-h-\[95vh\] {
    max-height: 95vh;
} .min-h-0 {
    min-height: 0px;
} .min-h-10 {
    min-height: 2.5rem;
} .min-h-32 {
    min-height: 8rem;
} .min-h-\[100px\] {
    min-height: 100px;
} .min-h-\[100vh\] {
    min-height: 100vh;
} .min-h-\[120px\] {
    min-height: 120px;
} .min-h-\[12px\] {
    min-height: 12px;
} .min-h-\[2\.5rem\] {
    min-height: 2.5rem;
} .min-h-\[200px\] {
    min-height: 200px;
} .min-h-\[24px\] {
    min-height: 24px;
} .min-h-\[320px\] {
    min-height: 320px;
} .min-h-\[400px\] {
    min-height: 400px;
} .min-h-\[48px\] {
    min-height: 48px;
} .min-h-\[500px\] {
    min-height: 500px;
} .min-h-\[600px\] {
    min-height: 600px;
} .min-h-\[60px\] {
    min-height: 60px;
} .min-h-\[80vh\] {
    min-height: 80vh;
} .min-h-full {
    min-height: 100%;
} .min-h-screen {
    min-height: 100vh;
} .w-0 {
    width: 0px;
} .w-0\.5 {
    width: 0.125rem;
} .w-1 {
    width: 0.25rem;
} .w-1\.5 {
    width: 0.375rem;
} .w-1\/2 {
    width: 50%;
} .w-1\/3 {
    width: 33.333333%;
} .w-1\/4 {
    width: 25%;
} .w-10 {
    width: 2.5rem;
} .w-11 {
    width: 2.75rem;
} .w-12 {
    width: 3rem;
} .w-14 {
    width: 3.5rem;
} .w-16 {
    width: 4rem;
} .w-2 {
    width: 0.5rem;
} .w-2\.5 {
    width: 0.625rem;
} .w-2\/3 {
    width: 66.666667%;
} .w-2\/4 {
    width: 50%;
} .w-2\/5 {
    width: 40%;
} .w-20 {
    width: 5rem;
} .w-24 {
    width: 6rem;
} .w-28 {
    width: 7rem;
} .w-3 {
    width: 0.75rem;
} .w-3\.5 {
    width: 0.875rem;
} .w-3\/4 {
    width: 75%;
} .w-3\/5 {
    width: 60%;
} .w-32 {
    width: 8rem;
} .w-36 {
    width: 9rem;
} .w-4 {
    width: 1rem;
} .w-4\/5 {
    width: 80%;
} .w-40 {
    width: 10rem;
} .w-48 {
    width: 12rem;
} .w-5 {
    width: 1.25rem;
} .w-5\/6 {
    width: 83.333333%;
} .w-6 {
    width: 1.5rem;
} .w-64 {
    width: 16rem;
} .w-7 {
    width: 1.75rem;
} .w-72 {
    width: 18rem;
} .w-8 {
    width: 2rem;
} .w-80 {
    width: 20rem;
} .w-9 {
    width: 2.25rem;
} .w-96 {
    width: 24rem;
} .w-\[10\%\] {
    width: 10%;
} .w-\[1000px\] {
    width: 1000px;
} .w-\[110px\] {
    width: 110px;
} .w-\[128rem\] {
    width: 128rem;
} .w-\[18px\] {
    width: 18px;
} .w-\[30\%\] {
    width: 30%;
} .w-\[300px\] {
    width: 300px;
} .w-\[36px\] {
    width: 36px;
} .w-\[580px\] {
    width: 580px;
} .w-\[58px\] {
    width: 58px;
} .w-\[60\%\] {
    width: 60%;
} .w-\[74px\] {
    width: 74px;
} .w-\[80\%\] {
    width: 80%;
} .w-\[90\%\] {
    width: 90%;
} .w-\[full\] {
    width: full;
} .w-\[var\(--input-width\)\] {
    width: var(--input-width);
} .w-auto {
    width: auto;
} .w-fit {
    width: fit-content;
} .w-full {
    width: 100%;
} .w-max {
    width: max-content;
} .w-px {
    width: 1px;
} .w-screen {
    width: 100vw;
} .min-w-0 {
    min-width: 0px;
} .min-w-24 {
    min-width: 6rem;
} .min-w-40 {
    min-width: 10rem;
} .min-w-6 {
    min-width: 1.5rem;
} .min-w-\[100vw\] {
    min-width: 100vw;
} .min-w-\[120px\] {
    min-width: 120px;
} .min-w-\[12px\] {
    min-width: 12px;
} .min-w-\[180px\] {
    min-width: 180px;
} .min-w-\[200px\] {
    min-width: 200px;
} .min-w-\[240px\] {
    min-width: 240px;
} .min-w-\[24px\] {
    min-width: 24px;
} .min-w-\[250px\] {
    min-width: 250px;
} .min-w-\[30\%\] {
    min-width: 30%;
} .min-w-\[300px\] {
    min-width: 300px;
} .min-w-\[48px\] {
    min-width: 48px;
} .min-w-\[60px\] {
    min-width: 60px;
} .min-w-\[80\%\] {
    min-width: 80%;
} .min-w-\[90\%\] {
    min-width: 90%;
} .min-w-\[95\%\] {
    min-width: 95%;
} .min-w-full {
    min-width: 100%;
} .max-w-2xl {
    max-width: 42rem;
} .max-w-3xl {
    max-width: 48rem;
} .max-w-4xl {
    max-width: 56rem;
} .max-w-5xl {
    max-width: 64rem;
} .max-w-6xl {
    max-width: 72rem;
} .max-w-7xl {
    max-width: 80rem;
} .max-w-\[100px\] {
    max-width: 100px;
} .max-w-\[100vw\] {
    max-width: 100vw;
} .max-w-\[150px\] {
    max-width: 150px;
} .max-w-\[200px\] {
    max-width: 200px;
} .max-w-\[280px\] {
    max-width: 280px;
} .max-w-\[300px\] {
    max-width: 300px;
} .max-w-\[32px\] {
    max-width: 32px;
} .max-w-\[340px\] {
    max-width: 340px;
} .max-w-\[384px\] {
    max-width: 384px;
} .max-w-\[40px\] {
    max-width: 40px;
} .max-w-\[48px\] {
    max-width: 48px;
} .max-w-\[50\%\] {
    max-width: 50%;
} .max-w-\[510px\] {
    max-width: 510px;
} .max-w-\[80\%\] {
    max-width: 80%;
} .max-w-\[820px\] {
    max-width: 820px;
} .max-w-\[85rem\] {
    max-width: 85rem;
} .max-w-\[90\%\] {
    max-width: 90%;
} .max-w-\[95\%\] {
    max-width: 95%;
} .max-w-full {
    max-width: 100%;
} .max-w-lg {
    max-width: 32rem;
} .max-w-md {
    max-width: 28rem;
} .max-w-none {
    max-width: none;
} .max-w-screen-2xl {
    max-width: 1320px;
} .max-w-screen-md {
    max-width: 720px;
} .max-w-screen-xl {
    max-width: 1140px;
} .max-w-sm {
    max-width: 24rem;
} .max-w-xl {
    max-width: 36rem;
} .max-w-xs {
    max-width: 20rem;
} .flex-1 {
    flex: 1 1 0%;
} .flex-none {
    flex: none;
} .flex-shrink {
    flex-shrink: 1;
} .flex-shrink-0 {
    flex-shrink: 0;
} .shrink {
    flex-shrink: 1;
} .shrink-0 {
    flex-shrink: 0;
} .flex-grow {
    flex-grow: 1;
} .grow {
    flex-grow: 1;
} .grow-0 {
    flex-grow: 0;
} .basis-auto {
    flex-basis: auto;
} .basis-full {
    flex-basis: 100%;
} .table-auto {
    table-layout: auto;
} .border-spacing-1 {
    --tw-border-spacing-x: 0.25rem;
    --tw-border-spacing-y: 0.25rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
} .origin-\[0\] {
    transform-origin: 0;
} .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    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));
} .-translate-x-2\/4 {
    --tw-translate-x: -50%;
    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));
} .-translate-x-4 {
    --tw-translate-x: -1rem;
    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));
} .-translate-x-full {
    --tw-translate-x: -100%;
    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));
} .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    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));
} .-translate-y-1\/4 {
    --tw-translate-y: -25%;
    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));
} .-translate-y-2\/4 {
    --tw-translate-y: -50%;
    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));
} .-translate-y-4 {
    --tw-translate-y: -1rem;
    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));
} .-translate-y-6 {
    --tw-translate-y: -1.5rem;
    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));
} .translate-x-1\/2 {
    --tw-translate-x: 50%;
    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));
} .translate-x-2\/4 {
    --tw-translate-x: 50%;
    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));
} .translate-x-4 {
    --tw-translate-x: 1rem;
    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));
} .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    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));
} .translate-y-1\/2 {
    --tw-translate-y: 50%;
    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));
} .translate-y-2\/4 {
    --tw-translate-y: 50%;
    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));
} .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    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));
} .-rotate-12 {
    --tw-rotate: -12deg;
    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));
} .-rotate-90 {
    --tw-rotate: -90deg;
    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));
} .rotate-0 {
    --tw-rotate: 0deg;
    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));
} .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));
} .rotate-45 {
    --tw-rotate: 45deg;
    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));
} .-skew-x-12 {
    --tw-skew-x: -12deg;
    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));
} .-skew-y-12 {
    --tw-skew-y: -12deg;
    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));
} .scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    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));
} .scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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));
} .scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    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));
} .scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    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));
} .scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    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));
} .scale-\[1\.02\] {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    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));
} .scale-x-0 {
    --tw-scale-x: 0;
    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));
} .scale-x-100 {
    --tw-scale-x: 1;
    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 {
    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));
} @keyframes shimmer { 0% {
        background-position: -200% 0;
    } 100% {
        background-position: 200% 0;
    }
} .animate-\[shimmer_1\.5s_infinite\] {
    animation: shimmer 1.5s infinite;
} @keyframes bounce { 0%, 100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8,0,1,1);
    } 50% {
        transform: none;
        animation-timing-function: cubic-bezier(0,0,0.2,1);
    }
} .animate-bounce {
    animation: bounce 1s infinite;
} @keyframes bounce-subtle { 0%, 100% {
        transform: translateY(0);
    } 50% {
        transform: translateY(-5px);
    }
} .animate-bounce-subtle {
    animation: bounce-subtle 2s ease-in-out infinite;
} @keyframes fade-in-down { 0% {
        opacity: 0;
        transform: translateY(-30px);
    } 100% {
        opacity: 1;
        transform: translateY(0);
    }
} .animate-fade-in-down {
    animation: fade-in-down 0.5s ease-out;
} @keyframes fade-in-up { 0% {
        opacity: 0;
        transform: translateY(30px);
    } 100% {
        opacity: 1;
        transform: translateY(0);
    }
} .animate-fade-in-up {
    animation: fade-in-up 0.5s ease-out;
} @keyframes float { 0%, 100% {
        transform: translateY(0px);
    } 50% {
        transform: translateY(-10px);
    }
} .animate-float {
    animation: float 3s ease-in-out infinite;
} @keyframes glow { 0% {
        background-color: #fcfcfd;
    } 30% {
        background-color: #fff6cd;
    } 100% {
        background-color: #fcfcfd;
    } 0%, 100% {
        box-shadow: 0 0 20px hsl(45 100% 58% / 0.3);
    } 50% {
        box-shadow: 0 0 30px hsl(45 100% 58% / 0.6);
    }
} .animate-glow {
    animation: glow 2s ease-in-out infinite;
} @keyframes ping { 75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
} .animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
} @keyframes pulse { 50% {
        opacity: .5;
    }
} .animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
} @keyframes shimmer { 0% {
        background-position: -200% 0;
    } 100% {
        background-position: 200% 0;
    }
} .animate-shimmer {
    animation: shimmer 2s linear infinite;
} @keyframes slide-in-right { 0% {
        visibility: visible;
        transform: translateX(100%);
        opacity: 0;
    } 100% {
        transform: translateX(0);
        opacity: 1;
    }
} .animate-slide-in-right {
    animation: slide-in-right 0.3s ease-out;
} @keyframes spin { to {
        transform: rotate(360deg);
    }
} .animate-spin {
    animation: spin 1s linear infinite;
} .cursor-default {
    cursor: default;
} .cursor-grab {
    cursor: grab;
} .cursor-help {
    cursor: help;
} .cursor-move {
    cursor: move;
} .cursor-not-allowed {
    cursor: not-allowed;
} .cursor-pointer {
    cursor: pointer;
} .cursor-wait {
    cursor: wait;
} .select-none {
    user-select: none;
} .\!resize-none {
    resize: none !important;
} .resize-none {
    resize: none;
} .resize-y {
    resize: vertical;
} .\!resize {
    resize: both !important;
} .resize {
    resize: both;
} .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
} .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
} .snap-center {
    scroll-snap-align: center;
} .list-inside {
    list-style-position: inside;
} .list-decimal {
    list-style-type: decimal;
} .list-disc {
    list-style-type: disc;
} .list-none {
    list-style-type: none;
} .appearance-none {
    appearance: none;
} .grid-flow-col {
    grid-auto-flow: column;
} .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
} .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
} .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
} .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
} .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
} .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
} .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
} .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
} .flex-row {
    flex-direction: row;
} .flex-row-reverse {
    flex-direction: row-reverse;
} .flex-col {
    flex-direction: column;
} .flex-col-reverse {
    flex-direction: column-reverse;
} .flex-wrap {
    flex-wrap: wrap;
} .place-items-center {
    place-items: center;
} .content-center {
    align-content: center;
} .items-start {
    align-items: flex-start;
} .items-end {
    align-items: flex-end;
} .items-center {
    align-items: center;
} .items-baseline {
    align-items: baseline;
} .items-stretch {
    align-items: stretch;
} .justify-start {
    justify-content: flex-start;
} .justify-end {
    justify-content: flex-end;
} .justify-center {
    justify-content: center;
} .justify-between {
    justify-content: space-between;
} .justify-items-center {
    justify-items: center;
} .gap-0 {
    gap: 0px;
} .gap-1 {
    gap: 0.25rem;
} .gap-1\.5 {
    gap: 0.375rem;
} .gap-12 {
    gap: 3rem;
} .gap-16 {
    gap: 4rem;
} .gap-2 {
    gap: 0.5rem;
} .gap-2\.5 {
    gap: 0.625rem;
} .gap-3 {
    gap: 0.75rem;
} .gap-4 {
    gap: 1rem;
} .gap-5 {
    gap: 1.25rem;
} .gap-6 {
    gap: 1.5rem;
} .gap-8 {
    gap: 2rem;
} .gap-\[5rem\] {
    gap: 5rem;
} .gap-x-1 {
    column-gap: 0.25rem;
} .gap-x-1\.5 {
    column-gap: 0.375rem;
} .gap-x-2 {
    column-gap: 0.5rem;
} .gap-x-3 {
    column-gap: 0.75rem;
} .gap-x-8 {
    column-gap: 2rem;
} .gap-x-\[10px\] {
    column-gap: 10px;
} .gap-y-0 {
    row-gap: 0px;
} .gap-y-0\.5 {
    row-gap: 0.125rem;
} .gap-y-16 {
    row-gap: 4rem;
} .-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)));
} .-space-x-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-1px * var(--tw-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
} .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)));
} .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)));
} .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)));
} .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)));
} .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)));
} .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)));
} .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));
} .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));
} .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));
} .space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
} .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));
} .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));
} .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));
} .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));
} .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));
} .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));
} .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)));
} .divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(2px * var(--tw-divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
} .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));
} .divide-\[\#FFC727\]\/10 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(255 199 39 / 0.1);
} .divide-amber-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(255 179 0 / var(--tw-divide-opacity));
} .divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(28 100 242 / var(--tw-divide-opacity));
} .divide-blue-gray-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(236 239 241 / var(--tw-divide-opacity));
} .divide-blue-gray-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(84 110 122 / var(--tw-divide-opacity));
} .divide-brown-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(109 76 65 / var(--tw-divide-opacity));
} .divide-cyan-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(0 172 193 / var(--tw-divide-opacity));
} .divide-deep-orange-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(244 81 30 / var(--tw-divide-opacity));
} .divide-deep-purple-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(94 53 177 / var(--tw-divide-opacity));
} .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-divide-opacity));
} .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-divide-opacity));
} .divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-divide-opacity));
} .divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-divide-opacity));
} .divide-green-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(5 122 85 / var(--tw-divide-opacity));
} .divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(88 80 236 / var(--tw-divide-opacity));
} .divide-light-blue-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(3 155 229 / var(--tw-divide-opacity));
} .divide-light-green-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(124 179 66 / var(--tw-divide-opacity));
} .divide-lime-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(192 202 51 / var(--tw-divide-opacity));
} .divide-orange-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(208 56 1 / var(--tw-divide-opacity));
} .divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(214 31 105 / var(--tw-divide-opacity));
} .divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(126 58 242 / var(--tw-divide-opacity));
} .divide-red-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(224 36 36 / var(--tw-divide-opacity));
} .divide-teal-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(4 116 129 / var(--tw-divide-opacity));
} .divide-white\/5 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(255 255 255 / 0.05);
} .divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(159 88 10 / var(--tw-divide-opacity));
} .self-center {
    align-self: center;
} .justify-self-end {
    justify-self: end;
} .overflow-auto {
    overflow: auto;
} .overflow-hidden {
    overflow: hidden;
} .\!overflow-visible {
    overflow: visible !important;
} .overflow-visible {
    overflow: visible;
} .overflow-scroll {
    overflow: scroll;
} .overflow-x-auto {
    overflow-x: auto;
} .overflow-y-auto {
    overflow-y: auto;
} .\!overflow-x-hidden {
    overflow-x: hidden !important;
} .overflow-x-hidden {
    overflow-x: hidden;
} .overflow-y-hidden {
    overflow-y: hidden;
} .overflow-x-visible {
    overflow-x: visible;
} .overflow-x-scroll {
    overflow-x: scroll;
} .\!scroll-auto {
    scroll-behavior: auto !important;
} .scroll-smooth {
    scroll-behavior: smooth;
} .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} .whitespace-normal {
    white-space: normal;
} .whitespace-nowrap {
    white-space: nowrap;
} .break-words {
    overflow-wrap: break-word;
} .break-all {
    word-break: break-all;
} .\!rounded-full {
    border-radius: 9999px !important;
} .\!rounded-none {
    border-radius: 0px !important;
} .rounded {
    border-radius: 0.25rem;
} .rounded-2xl {
    border-radius: 1rem;
} .rounded-3xl {
    border-radius: 1.5rem;
} .rounded-\[20px\] {
    border-radius: 20px;
} .rounded-\[6px\] {
    border-radius: 6px;
} .rounded-\[7px\] {
    border-radius: 7px;
} .rounded-full {
    border-radius: 9999px;
} .rounded-lg {
    border-radius: var(--radius);
} .rounded-md {
    border-radius: calc(var(--radius) - 2px);
} .rounded-none {
    border-radius: 0px;
} .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
} .rounded-xl {
    border-radius: 0.75rem;
} .rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
} .rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
} .rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
} .rounded-b-lg {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
} .rounded-e {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
} .rounded-e-lg {
    border-start-end-radius: var(--radius);
    border-end-end-radius: var(--radius);
} .rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
} .rounded-l-lg {
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
} .rounded-l-md {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
} .rounded-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
} .rounded-r-lg {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
} .rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
} .rounded-s-lg {
    border-start-start-radius: var(--radius);
    border-end-start-radius: var(--radius);
} .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
} .rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
} .rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
} .rounded-t-lg {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
} .rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
} .border {
    border-width: 1px;
} .border-0 {
    border-width: 0px;
} .border-2 {
    border-width: 2px;
} .border-4 {
    border-width: 4px;
} .border-8 {
    border-width: 8px;
} .border-\[1px\] {
    border-width: 1px;
} .border-\[2px\] {
    border-width: 2px;
} .border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
} .border-b {
    border-bottom-width: 1px;
} .border-b-0 {
    border-bottom-width: 0px;
} .border-b-2 {
    border-bottom-width: 2px;
} .border-b-4 {
    border-bottom-width: 4px;
} .border-l {
    border-left-width: 1px;
} .border-l-0 {
    border-left-width: 0px;
} .border-l-2 {
    border-left-width: 2px;
} .border-l-4 {
    border-left-width: 4px;
} .border-r {
    border-right-width: 1px;
} .border-r-0 {
    border-right-width: 0px;
} .border-r-2 {
    border-right-width: 2px;
} .border-r-4 {
    border-right-width: 4px;
} .border-t {
    border-top-width: 1px;
} .border-t-2 {
    border-top-width: 2px;
} .border-t-4 {
    border-top-width: 4px;
} .border-solid {
    border-style: solid;
} .border-dashed {
    border-style: dashed;
} .border-none {
    border-style: none;
} .border-\[\#0A0A0A\] {
    --tw-border-opacity: 1;
    border-color: rgb(10 10 10 / var(--tw-border-opacity));
} .border-\[\#10B981\] {
    --tw-border-opacity: 1;
    border-color: rgb(16 185 129 / var(--tw-border-opacity));
} .border-\[\#10B981\]\/30 {
    border-color: rgb(16 185 129 / 0.3);
} .border-\[\#1A1A1A\] {
    --tw-border-opacity: 1;
    border-color: rgb(26 26 26 / var(--tw-border-opacity));
} .border-\[\#2A2A2A\] {
    --tw-border-opacity: 1;
    border-color: rgb(42 42 42 / var(--tw-border-opacity));
} .border-\[\#333\] {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51 / var(--tw-border-opacity));
} .border-\[\#4CAF50\]\/20 {
    border-color: rgb(76 175 80 / 0.2);
} .border-\[\#4CAF50\]\/30 {
    border-color: rgb(76 175 80 / 0.3);
} .border-\[\#D1D5DB\]\/20 {
    border-color: rgb(209 213 219 / 0.2);
} .border-\[\#E4E4EB\] {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 235 / var(--tw-border-opacity));
} .border-\[\#FFB000\]\/40 {
    border-color: rgb(255 176 0 / 0.4);
} .border-\[\#FFB800\]\/30 {
    border-color: rgb(255 184 0 / 0.3);
} .border-\[\#FFC727\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 199 39 / var(--tw-border-opacity));
} .border-\[\#FFC727\]\/10 {
    border-color: rgb(255 199 39 / 0.1);
} .border-\[\#FFC727\]\/20 {
    border-color: rgb(255 199 39 / 0.2);
} .border-\[\#FFC727\]\/30 {
    border-color: rgb(255 199 39 / 0.3);
} .border-\[\#FFC727\]\/40 {
    border-color: rgb(255 199 39 / 0.4);
} .border-\[\#FFC727\]\/50 {
    border-color: rgb(255 199 39 / 0.5);
} .border-\[\#FFD700\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 215 0 / var(--tw-border-opacity));
} .border-\[\#FFD700\]\/30 {
    border-color: rgb(255 215 0 / 0.3);
} .border-\[\#cd2e2e\] {
    --tw-border-opacity: 1;
    border-color: rgb(205 46 46 / var(--tw-border-opacity));
} .border-\[\#d4af37\] {
    --tw-border-opacity: 1;
    border-color: rgb(212 175 55 / var(--tw-border-opacity));
} .border-\[\#eeb501\] {
    --tw-border-opacity: 1;
    border-color: rgb(238 181 1 / var(--tw-border-opacity));
} .border-amber-300 {
    --tw-border-opacity: 1;
    border-color: rgb(255 213 79 / var(--tw-border-opacity));
} .border-amber-300\/30 {
    border-color: rgb(255 213 79 / 0.3);
} .border-amber-400\/30 {
    border-color: rgb(255 202 40 / 0.3);
} .border-amber-400\/50 {
    border-color: rgb(255 202 40 / 0.5);
} .border-amber-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 193 7 / var(--tw-border-opacity));
} .border-amber-500\/20 {
    border-color: rgb(255 193 7 / 0.2);
} .border-amber-500\/25 {
    border-color: rgb(255 193 7 / 0.25);
} .border-amber-500\/30 {
    border-color: rgb(255 193 7 / 0.3);
} .border-amber-500\/40 {
    border-color: rgb(255 193 7 / 0.4);
} .border-amber-500\/50 {
    border-color: rgb(255 193 7 / 0.5);
} .border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
} .border-black\/30 {
    border-color: rgb(0 0 0 / 0.3);
} .border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgb(225 239 254 / var(--tw-border-opacity));
} .border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(195 221 253 / var(--tw-border-opacity));
} .border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgb(164 202 254 / var(--tw-border-opacity));
} .border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgb(118 169 250 / var(--tw-border-opacity));
} .border-blue-400\/20 {
    border-color: rgb(118 169 250 / 0.2);
} .border-blue-400\/30 {
    border-color: rgb(118 169 250 / 0.3);
} .border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248 / var(--tw-border-opacity));
} .border-blue-500\/20 {
    border-color: rgb(63 131 248 / 0.2);
} .border-blue-500\/30 {
    border-color: rgb(63 131 248 / 0.3);
} .border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgb(28 100 242 / var(--tw-border-opacity));
} .border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgb(26 86 219 / var(--tw-border-opacity));
} .border-blue-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(207 216 220 / var(--tw-border-opacity));
} .border-blue-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(176 190 197 / var(--tw-border-opacity));
} .border-blue-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgb(236 239 241 / var(--tw-border-opacity));
} .border-blue-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(96 125 139 / var(--tw-border-opacity));
} .border-brown-500 {
    --tw-border-opacity: 1;
    border-color: rgb(121 85 72 / var(--tw-border-opacity));
} .border-current {
    border-color: currentColor;
} .border-cyan-300 {
    --tw-border-opacity: 1;
    border-color: rgb(77 208 225 / var(--tw-border-opacity));
} .border-cyan-500 {
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212 / var(--tw-border-opacity));
} .border-cyan-500\/40 {
    border-color: rgb(0 188 212 / 0.4);
} .border-cyan-600 {
    --tw-border-opacity: 1;
    border-color: rgb(0 172 193 / var(--tw-border-opacity));
} .border-cyan-700 {
    --tw-border-opacity: 1;
    border-color: rgb(0 151 167 / var(--tw-border-opacity));
} .border-dark-900 {
    --tw-border-opacity: 1;
    border-color: rgb(32 33 36 / var(--tw-border-opacity));
} .border-deep-orange-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 87 34 / var(--tw-border-opacity));
} .border-deep-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgb(103 58 183 / var(--tw-border-opacity));
} .border-gold-300\/40 {
    border-color: hsl(45 100% 70% / 0.4);
} .border-gold-400 {
    --tw-border-opacity: 1;
    border-color: hsl(45 100% 65% / var(--tw-border-opacity));
} .border-gold-400\/30 {
    border-color: hsl(45 100% 65% / 0.3);
} .border-gold-500 {
    --tw-border-opacity: 1;
    border-color: hsl(45 100% 58% / var(--tw-border-opacity));
} .border-gold-500\/20 {
    border-color: hsl(45 100% 58% / 0.2);
} .border-gold-500\/30 {
    border-color: hsl(45 100% 58% / 0.3);
} .border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
} .border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
} .border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
} .border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
} .border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity));
} .border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
} .border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
} .border-gray-700\/50 {
    border-color: rgb(55 65 81 / 0.5);
} .border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-border-opacity));
} .border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39 / var(--tw-border-opacity));
} .border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgb(188 240 218 / var(--tw-border-opacity));
} .border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgb(132 225 188 / var(--tw-border-opacity));
} .border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgb(49 196 141 / var(--tw-border-opacity));
} .border-green-400\/20 {
    border-color: rgb(49 196 141 / 0.2);
} .border-green-400\/30 {
    border-color: rgb(49 196 141 / 0.3);
} .border-green-400\/40 {
    border-color: rgb(49 196 141 / 0.4);
} .border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgb(14 159 110 / var(--tw-border-opacity));
} .border-green-500\/20 {
    border-color: rgb(14 159 110 / 0.2);
} .border-green-500\/30 {
    border-color: rgb(14 159 110 / 0.3);
} .border-green-500\/40 {
    border-color: rgb(14 159 110 / 0.4);
} .border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgb(5 122 85 / var(--tw-border-opacity));
} .border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgb(4 108 78 / var(--tw-border-opacity));
} .border-green-900 {
    --tw-border-opacity: 1;
    border-color: rgb(1 71 55 / var(--tw-border-opacity));
} .border-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgb(180 198 252 / var(--tw-border-opacity));
} .border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgb(141 162 251 / var(--tw-border-opacity));
} .border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgb(104 117 245 / var(--tw-border-opacity));
} .border-input {
    border-color: hsl(var(--input));
} .border-light-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(3 169 244 / var(--tw-border-opacity));
} .border-light-green-500 {
    --tw-border-opacity: 1;
    border-color: rgb(139 195 74 / var(--tw-border-opacity));
} .border-lime-300 {
    --tw-border-opacity: 1;
    border-color: rgb(220 231 117 / var(--tw-border-opacity));
} .border-lime-400 {
    --tw-border-opacity: 1;
    border-color: rgb(212 225 87 / var(--tw-border-opacity));
} .border-lime-500 {
    --tw-border-opacity: 1;
    border-color: rgb(205 220 57 / var(--tw-border-opacity));
} .border-orange-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 90 31 / var(--tw-border-opacity));
} .border-orange-500\/30 {
    border-color: rgb(255 90 31 / 0.3);
} .border-orange-500\/40 {
    border-color: rgb(255 90 31 / 0.4);
} .border-pink-300 {
    --tw-border-opacity: 1;
    border-color: rgb(248 180 217 / var(--tw-border-opacity));
} .border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgb(231 70 148 / var(--tw-border-opacity));
} .border-pink-500\/30 {
    border-color: rgb(231 70 148 / 0.3);
} .border-pink-600 {
    --tw-border-opacity: 1;
    border-color: rgb(214 31 105 / var(--tw-border-opacity));
} .border-primary\/20 {
    border-color: hsl(var(--primary) / 0.2);
} .border-purple-300 {
    --tw-border-opacity: 1;
    border-color: rgb(202 191 253 / var(--tw-border-opacity));
} .border-purple-400\/30 {
    border-color: rgb(172 148 250 / 0.3);
} .border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgb(144 97 249 / var(--tw-border-opacity));
} .border-purple-500\/30 {
    border-color: rgb(144 97 249 / 0.3);
} .border-purple-900 {
    --tw-border-opacity: 1;
    border-color: rgb(74 29 150 / var(--tw-border-opacity));
} .border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgb(248 180 180 / var(--tw-border-opacity));
} .border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
} .border-red-500\/20 {
    border-color: rgb(240 82 82 / 0.2);
} .border-red-500\/30 {
    border-color: rgb(240 82 82 / 0.3);
} .border-red-500\/40 {
    border-color: rgb(240 82 82 / 0.4);
} .border-red-500\/50 {
    border-color: rgb(240 82 82 / 0.5);
} .border-red-500\/60 {
    border-color: rgb(240 82 82 / 0.6);
} .border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgb(224 36 36 / var(--tw-border-opacity));
} .border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgb(200 30 30 / var(--tw-border-opacity));
} .border-red-800 {
    --tw-border-opacity: 1;
    border-color: rgb(155 28 28 / var(--tw-border-opacity));
} .border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgb(119 29 29 / var(--tw-border-opacity));
} .border-teal-300 {
    --tw-border-opacity: 1;
    border-color: rgb(126 220 226 / var(--tw-border-opacity));
} .border-teal-500 {
    --tw-border-opacity: 1;
    border-color: rgb(6 148 162 / var(--tw-border-opacity));
} .border-transparent {
    border-color: transparent;
} .border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
} .border-white\/10 {
    border-color: rgb(255 255 255 / 0.1);
} .border-white\/15 {
    border-color: rgb(255 255 255 / 0.15);
} .border-white\/20 {
    border-color: rgb(255 255 255 / 0.2);
} .border-white\/30 {
    border-color: rgb(255 255 255 / 0.3);
} .border-white\/40 {
    border-color: rgb(255 255 255 / 0.4);
} .border-white\/5 {
    border-color: rgb(255 255 255 / 0.05);
} .border-white\/50 {
    border-color: rgb(255 255 255 / 0.5);
} .border-white\/80 {
    border-color: rgb(255 255 255 / 0.8);
} .border-white\/\[0\.08\] {
    border-color: rgb(255 255 255 / 0.08);
} .border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgb(250 202 21 / var(--tw-border-opacity));
} .border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgb(227 160 8 / var(--tw-border-opacity));
} .border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgb(194 120 3 / var(--tw-border-opacity));
} .border-yellow-500\/20 {
    border-color: rgb(194 120 3 / 0.2);
} .border-yellow-500\/30 {
    border-color: rgb(194 120 3 / 0.3);
} .border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgb(159 88 10 / var(--tw-border-opacity));
} .\!border-t-transparent {
    border-top-color: transparent !important;
} .border-b-blue-gray-100 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(207 216 220 / var(--tw-border-opacity));
} .border-l-transparent {
    border-left-color: transparent;
} .border-r-transparent {
    border-right-color: transparent;
} .border-t-\[\#FFC727\] {
    --tw-border-opacity: 1;
    border-top-color: rgb(255 199 39 / var(--tw-border-opacity));
} .border-t-amber-400 {
    --tw-border-opacity: 1;
    border-top-color: rgb(255 202 40 / var(--tw-border-opacity));
} .border-t-black {
    --tw-border-opacity: 1;
    border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
} .border-t-blue-600 {
    --tw-border-opacity: 1;
    border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
} .border-t-blue-gray-100 {
    --tw-border-opacity: 1;
    border-top-color: rgb(207 216 220 / var(--tw-border-opacity));
} .border-t-current {
    border-top-color: currentColor;
} .border-t-gold-400 {
    --tw-border-opacity: 1;
    border-top-color: hsl(45 100% 65% / var(--tw-border-opacity));
} .border-t-gold-500 {
    --tw-border-opacity: 1;
    border-top-color: hsl(45 100% 58% / var(--tw-border-opacity));
} .border-t-gray-800 {
    --tw-border-opacity: 1;
    border-top-color: rgb(31 41 55 / var(--tw-border-opacity));
} .border-t-purple-400 {
    --tw-border-opacity: 1;
    border-top-color: rgb(172 148 250 / var(--tw-border-opacity));
} .border-t-transparent {
    border-top-color: transparent;
} .border-t-white {
    --tw-border-opacity: 1;
    border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
} .border-opacity-20 {
    --tw-border-opacity: 0.2;
} .border-opacity-30 {
    --tw-border-opacity: 0.3;
} .\!bg-transparent {
    background-color: transparent !important;
} .bg-\[\#0A0A0A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity));
} .bg-\[\#0A0A0A\]\/30 {
    background-color: rgb(10 10 10 / 0.3);
} .bg-\[\#0A0A0A\]\/50 {
    background-color: rgb(10 10 10 / 0.5);
} .bg-\[\#0A0A0A\]\/60 {
    background-color: rgb(10 10 10 / 0.6);
} .bg-\[\#0A0A0A\]\/80 {
    background-color: rgb(10 10 10 / 0.8);
} .bg-\[\#10B981\] {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129 / var(--tw-bg-opacity));
} .bg-\[\#10B981\]\/10 {
    background-color: rgb(16 185 129 / 0.1);
} .bg-\[\#111111\] {
    --tw-bg-opacity: 1;
    background-color: rgb(17 17 17 / var(--tw-bg-opacity));
} .bg-\[\#121212\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 18 18 / var(--tw-bg-opacity));
} .bg-\[\#1A1A1A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26 / var(--tw-bg-opacity));
} .bg-\[\#1A1A1A\]\/50 {
    background-color: rgb(26 26 26 / 0.5);
} .bg-\[\#1A1A1A\]\/60 {
    background-color: rgb(26 26 26 / 0.6);
} .bg-\[\#1A1A1A\]\/80 {
    background-color: rgb(26 26 26 / 0.8);
} .bg-\[\#222E3A\]\/\[6\%\] {
    background-color: rgb(34 46 58 / 6%);
} .bg-\[\#293A68\] {
    --tw-bg-opacity: 1;
    background-color: rgb(41 58 104 / var(--tw-bg-opacity));
} .bg-\[\#2A2A2A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(42 42 42 / var(--tw-bg-opacity));
} .bg-\[\#374151\] {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
} .bg-\[\#4CAF50\]\/20 {
    background-color: rgb(76 175 80 / 0.2);
} .bg-\[\#711616\] {
    --tw-bg-opacity: 1;
    background-color: rgb(113 22 22 / var(--tw-bg-opacity));
} .bg-\[\#BD1B21\] {
    --tw-bg-opacity: 1;
    background-color: rgb(189 27 33 / var(--tw-bg-opacity));
} .bg-\[\#D32F2F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(211 47 47 / var(--tw-bg-opacity));
} .bg-\[\#D8A11A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(216 161 26 / var(--tw-bg-opacity));
} .bg-\[\#EDDC51\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 220 81 / var(--tw-bg-opacity));
} .bg-\[\#FF9C00\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 156 0 / var(--tw-bg-opacity));
} .bg-\[\#FF9C00\]\/5 {
    background-color: rgb(255 156 0 / 0.05);
} .bg-\[\#FFB800\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 184 0 / var(--tw-bg-opacity));
} .bg-\[\#FFB800\]\/10 {
    background-color: rgb(255 184 0 / 0.1);
} .bg-\[\#FFC727\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 199 39 / var(--tw-bg-opacity));
} .bg-\[\#FFC727\]\/10 {
    background-color: rgb(255 199 39 / 0.1);
} .bg-\[\#FFC727\]\/20 {
    background-color: rgb(255 199 39 / 0.2);
} .bg-\[\#FFC727\]\/30 {
    background-color: rgb(255 199 39 / 0.3);
} .bg-\[\#FFD700\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 215 0 / var(--tw-bg-opacity));
} .bg-\[\#FFD84D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 216 77 / var(--tw-bg-opacity));
} .bg-\[\#FFFFFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
} .bg-\[\#c22626\] {
    --tw-bg-opacity: 1;
    background-color: rgb(194 38 38 / var(--tw-bg-opacity));
} .bg-\[\#c22a2a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(194 42 42 / var(--tw-bg-opacity));
} .bg-\[\#cccccc\] {
    --tw-bg-opacity: 1;
    background-color: rgb(204 204 204 / var(--tw-bg-opacity));
} .bg-\[\#eaa5a5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(234 165 165 / var(--tw-bg-opacity));
} .bg-\[\#eeb501\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 181 1 / var(--tw-bg-opacity));
} .bg-\[hsl\(0\2c 0\%\2c 98\.4\%\2c 0\.2\)\] {
    background-color: hsl(0,0%,98.4%,0.2);
} .bg-amber-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 202 40 / var(--tw-bg-opacity));
} .bg-amber-400\/30 {
    background-color: rgb(255 202 40 / 0.3);
} .bg-amber-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 193 7 / var(--tw-bg-opacity));
} .bg-amber-500\/10 {
    background-color: rgb(255 193 7 / 0.1);
} .bg-amber-500\/20 {
    background-color: rgb(255 193 7 / 0.2);
} .bg-amber-500\/30 {
    background-color: rgb(255 193 7 / 0.3);
} .bg-background {
    background-color: hsl(var(--background));
} .bg-background\/80 {
    background-color: hsl(var(--background) / 0.8);
} .bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
} .bg-black\/10 {
    background-color: rgb(0 0 0 / 0.1);
} .bg-black\/20 {
    background-color: rgb(0 0 0 / 0.2);
} .bg-black\/25 {
    background-color: rgb(0 0 0 / 0.25);
} .bg-black\/30 {
    background-color: rgb(0 0 0 / 0.3);
} .bg-black\/40 {
    background-color: rgb(0 0 0 / 0.4);
} .bg-black\/50 {
    background-color: rgb(0 0 0 / 0.5);
} .bg-black\/60 {
    background-color: rgb(0 0 0 / 0.6);
} .bg-black\/70 {
    background-color: rgb(0 0 0 / 0.7);
} .bg-black\/80 {
    background-color: rgb(0 0 0 / 0.8);
} .bg-black\/90 {
    background-color: rgb(0 0 0 / 0.9);
} .bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(225 239 254 / var(--tw-bg-opacity));
} .bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(195 221 253 / var(--tw-bg-opacity));
} .bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(164 202 254 / var(--tw-bg-opacity));
} .bg-blue-300\/10 {
    background-color: rgb(164 202 254 / 0.1);
} .bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(118 169 250 / var(--tw-bg-opacity));
} .bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(235 245 255 / var(--tw-bg-opacity));
} .bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(63 131 248 / var(--tw-bg-opacity));
} .bg-blue-500\/10 {
    background-color: rgb(63 131 248 / 0.1);
} .bg-blue-500\/20 {
    background-color: rgb(63 131 248 / 0.2);
} .bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(28 100 242 / var(--tw-bg-opacity));
} .bg-blue-600\/40 {
    background-color: rgb(28 100 242 / 0.4);
} .bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(26 86 219 / var(--tw-bg-opacity));
} .bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(35 56 118 / var(--tw-bg-opacity));
} .bg-blue-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(207 216 220 / var(--tw-bg-opacity));
} .bg-blue-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 239 241 / var(--tw-bg-opacity));
} .bg-blue-gray-50\/50 {
    background-color: rgb(236 239 241 / 0.5);
} .bg-blue-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(96 125 139 / var(--tw-bg-opacity));
} .bg-blue-gray-500\/10 {
    background-color: rgb(96 125 139 / 0.1);
} .bg-blue-gray-500\/20 {
    background-color: rgb(96 125 139 / 0.2);
} .bg-blue-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(84 110 122 / var(--tw-bg-opacity));
} .bg-brown-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(121 85 72 / var(--tw-bg-opacity));
} .bg-brown-500\/10 {
    background-color: rgb(121 85 72 / 0.1);
} .bg-brown-500\/20 {
    background-color: rgb(121 85 72 / 0.2);
} .bg-card {
    background-color: hsl(var(--card));
} .bg-card\/50 {
    background-color: hsl(var(--card) / 0.5);
} .bg-current {
    background-color: currentColor;
} .bg-cyan-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(178 235 242 / var(--tw-bg-opacity));
} .bg-cyan-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(128 222 234 / var(--tw-bg-opacity));
} .bg-cyan-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 247 250 / var(--tw-bg-opacity));
} .bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 188 212 / var(--tw-bg-opacity));
} .bg-cyan-500\/10 {
    background-color: rgb(0 188 212 / 0.1);
} .bg-cyan-500\/20 {
    background-color: rgb(0 188 212 / 0.2);
} .bg-cyan-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 172 193 / var(--tw-bg-opacity));
} .bg-cyan-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 151 167 / var(--tw-bg-opacity));
} .bg-dark-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250 / var(--tw-bg-opacity));
} .bg-dark-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(95 99 104 / var(--tw-bg-opacity));
} .bg-deep-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 87 34 / var(--tw-bg-opacity));
} .bg-deep-orange-500\/10 {
    background-color: rgb(255 87 34 / 0.1);
} .bg-deep-orange-500\/20 {
    background-color: rgb(255 87 34 / 0.2);
} .bg-deep-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(103 58 183 / var(--tw-bg-opacity));
} .bg-deep-purple-500\/10 {
    background-color: rgb(103 58 183 / 0.1);
} .bg-deep-purple-500\/20 {
    background-color: rgb(103 58 183 / 0.2);
} .bg-destructive {
    background-color: hsl(var(--destructive));
} .bg-gold-400 {
    --tw-bg-opacity: 1;
    background-color: hsl(45 100% 65% / var(--tw-bg-opacity));
} .bg-gold-400\/30 {
    background-color: hsl(45 100% 65% / 0.3);
} .bg-gold-500\/10 {
    background-color: hsl(45 100% 58% / 0.1);
} .bg-gold-500\/20 {
    background-color: hsl(45 100% 58% / 0.2);
} .bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
} .bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
} .bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
} .bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity));
} .bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
} .bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
} .bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
} .bg-gray-600\/50 {
    background-color: rgb(75 85 99 / 0.5);
} .bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
} .bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
} .bg-gray-800\/50 {
    background-color: rgb(31 41 55 / 0.5);
} .bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
} .bg-gray-900\/10 {
    background-color: rgb(17 24 39 / 0.1);
} .bg-gray-900\/30 {
    background-color: rgb(17 24 39 / 0.3);
} .bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(222 247 236 / var(--tw-bg-opacity));
} .bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(188 240 218 / var(--tw-bg-opacity));
} .bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(132 225 188 / var(--tw-bg-opacity));
} .bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(49 196 141 / var(--tw-bg-opacity));
} .bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 250 247 / var(--tw-bg-opacity));
} .bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 159 110 / var(--tw-bg-opacity));
} .bg-green-500\/10 {
    background-color: rgb(14 159 110 / 0.1);
} .bg-green-500\/20 {
    background-color: rgb(14 159 110 / 0.2);
} .bg-green-500\/30 {
    background-color: rgb(14 159 110 / 0.3);
} .bg-green-500\/40 {
    background-color: rgb(14 159 110 / 0.4);
} .bg-green-500\/5 {
    background-color: rgb(14 159 110 / 0.05);
} .bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(5 122 85 / var(--tw-bg-opacity));
} .bg-green-600\/30 {
    background-color: rgb(5 122 85 / 0.3);
} .bg-green-600\/40 {
    background-color: rgb(5 122 85 / 0.4);
} .bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(4 108 78 / var(--tw-bg-opacity));
} .bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(3 84 63 / var(--tw-bg-opacity));
} .bg-green-900\/30 {
    background-color: rgb(1 71 55 / 0.3);
} .bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 237 255 / var(--tw-bg-opacity));
} .bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(141 162 251 / var(--tw-bg-opacity));
} .bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(104 117 245 / var(--tw-bg-opacity));
} .bg-indigo-500\/10 {
    background-color: rgb(104 117 245 / 0.1);
} .bg-indigo-500\/20 {
    background-color: rgb(104 117 245 / 0.2);
} .bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(88 80 236 / var(--tw-bg-opacity));
} .bg-light-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(3 169 244 / var(--tw-bg-opacity));
} .bg-light-blue-500\/10 {
    background-color: rgb(3 169 244 / 0.1);
} .bg-light-blue-500\/20 {
    background-color: rgb(3 169 244 / 0.2);
} .bg-light-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(139 195 74 / var(--tw-bg-opacity));
} .bg-light-green-500\/10 {
    background-color: rgb(139 195 74 / 0.1);
} .bg-light-green-500\/20 {
    background-color: rgb(139 195 74 / 0.2);
} .bg-lime-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 244 195 / var(--tw-bg-opacity));
} .bg-lime-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(212 225 87 / var(--tw-bg-opacity));
} .bg-lime-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(205 220 57 / var(--tw-bg-opacity));
} .bg-lime-500\/10 {
    background-color: rgb(205 220 57 / 0.1);
} .bg-lime-500\/20 {
    background-color: rgb(205 220 57 / 0.2);
} .bg-lime-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(192 202 51 / var(--tw-bg-opacity));
} .bg-muted {
    background-color: hsl(var(--muted));
} .bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 236 220 / var(--tw-bg-opacity));
} .bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 90 31 / var(--tw-bg-opacity));
} .bg-orange-500\/10 {
    background-color: rgb(255 90 31 / 0.1);
} .bg-orange-500\/15 {
    background-color: rgb(255 90 31 / 0.15);
} .bg-orange-500\/20 {
    background-color: rgb(255 90 31 / 0.2);
} .bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 232 243 / var(--tw-bg-opacity));
} .bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 126 184 / var(--tw-bg-opacity));
} .bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(231 70 148 / var(--tw-bg-opacity));
} .bg-pink-500\/10 {
    background-color: rgb(231 70 148 / 0.1);
} .bg-pink-500\/20 {
    background-color: rgb(231 70 148 / 0.2);
} .bg-pink-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(214 31 105 / var(--tw-bg-opacity));
} .bg-primary {
    background-color: hsl(var(--primary));
} .bg-primary-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity));
} .bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(237 235 254 / var(--tw-bg-opacity));
} .bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 215 254 / var(--tw-bg-opacity));
} .bg-purple-300\/10 {
    background-color: rgb(202 191 253 / 0.1);
} .bg-purple-400\/30 {
    background-color: rgb(172 148 250 / 0.3);
} .bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(246 245 255 / var(--tw-bg-opacity));
} .bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(144 97 249 / var(--tw-bg-opacity));
} .bg-purple-500\/10 {
    background-color: rgb(144 97 249 / 0.1);
} .bg-purple-500\/20 {
    background-color: rgb(144 97 249 / 0.2);
} .bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(126 58 242 / var(--tw-bg-opacity));
} .bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(108 43 217 / var(--tw-bg-opacity));
} .bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 232 232 / var(--tw-bg-opacity));
} .bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 213 213 / var(--tw-bg-opacity));
} .bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 180 180 / var(--tw-bg-opacity));
} .bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 128 128 / var(--tw-bg-opacity));
} .bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 242 242 / var(--tw-bg-opacity));
} .bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 82 82 / var(--tw-bg-opacity));
} .bg-red-500\/10 {
    background-color: rgb(240 82 82 / 0.1);
} .bg-red-500\/20 {
    background-color: rgb(240 82 82 / 0.2);
} .bg-red-500\/30 {
    background-color: rgb(240 82 82 / 0.3);
} .bg-red-500\/5 {
    background-color: rgb(240 82 82 / 0.05);
} .bg-red-500\/80 {
    background-color: rgb(240 82 82 / 0.8);
} .bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 36 36 / var(--tw-bg-opacity));
} .bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(200 30 30 / var(--tw-bg-opacity));
} .bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(155 28 28 / var(--tw-bg-opacity));
} .bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(119 29 29 / var(--tw-bg-opacity));
} .bg-red-900\/20 {
    background-color: rgb(119 29 29 / 0.2);
} .bg-red-900\/30 {
    background-color: rgb(119 29 29 / 0.3);
} .bg-secondary {
    background-color: hsl(var(--secondary));
} .bg-teal-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(213 245 246 / var(--tw-bg-opacity));
} .bg-teal-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 148 162 / var(--tw-bg-opacity));
} .bg-teal-500\/10 {
    background-color: rgb(6 148 162 / 0.1);
} .bg-teal-500\/20 {
    background-color: rgb(6 148 162 / 0.2);
} .bg-teal-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(4 116 129 / var(--tw-bg-opacity));
} .bg-transparent {
    background-color: transparent;
} .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
} .bg-white\/10 {
    background-color: rgb(255 255 255 / 0.1);
} .bg-white\/20 {
    background-color: rgb(255 255 255 / 0.2);
} .bg-white\/30 {
    background-color: rgb(255 255 255 / 0.3);
} .bg-white\/5 {
    background-color: rgb(255 255 255 / 0.05);
} .bg-white\/50 {
    background-color: rgb(255 255 255 / 0.5);
} .bg-white\/60 {
    background-color: rgb(255 255 255 / 0.6);
} .bg-white\/80 {
    background-color: rgb(255 255 255 / 0.8);
} .bg-white\/90 {
    background-color: rgb(255 255 255 / 0.9);
} .bg-white\/95 {
    background-color: rgb(255 255 255 / 0.95);
} .bg-white\/\[0\.02\] {
    background-color: rgb(255 255 255 / 0.02);
} .bg-white\/\[0\.03\] {
    background-color: rgb(255 255 255 / 0.03);
} .bg-white\/\[0\.04\] {
    background-color: rgb(255 255 255 / 0.04);
} .bg-white\/\[0\.08\] {
    background-color: rgb(255 255 255 / 0.08);
} .bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 246 178 / var(--tw-bg-opacity));
} .bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 233 106 / var(--tw-bg-opacity));
} .bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(227 160 8 / var(--tw-bg-opacity));
} .bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 253 234 / var(--tw-bg-opacity));
} .bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(194 120 3 / var(--tw-bg-opacity));
} .bg-yellow-500\/10 {
    background-color: rgb(194 120 3 / 0.1);
} .bg-yellow-500\/20 {
    background-color: rgb(194 120 3 / 0.2);
} .bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(159 88 10 / var(--tw-bg-opacity));
} .bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(99 49 18 / var(--tw-bg-opacity));
} .bg-opacity-20 {
    --tw-bg-opacity: 0.2;
} .bg-opacity-40 {
    --tw-bg-opacity: 0.4;
} .bg-opacity-50 {
    --tw-bg-opacity: 0.5;
} .bg-opacity-60 {
    --tw-bg-opacity: 0.6;
} .bg-opacity-80 {
    --tw-bg-opacity: 0.8;
} .bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
} .bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
} .bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
} .bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
} .bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
} .bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
} .bg-redgr {
    background-image: linear-gradient(147deg, #C62128 0%, #A00000 74%);
} .from-\[\#0A0A0A\] {
    --tw-gradient-from: #0A0A0A var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#0A0A0A\]\/30 {
    --tw-gradient-from: rgb(10 10 10 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#0A0A0A\]\/50 {
    --tw-gradient-from: rgb(10 10 10 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#0A0A0A\]\/60 {
    --tw-gradient-from: rgb(10 10 10 / 0.6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#0A0A0A\]\/80 {
    --tw-gradient-from: rgb(10 10 10 / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#0f0f0f\] {
    --tw-gradient-from: #0f0f0f var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(15 15 15 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#10B981\] {
    --tw-gradient-from: #10B981 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#10B981\]\/10 {
    --tw-gradient-from: rgb(16 185 129 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#10B981\]\/20 {
    --tw-gradient-from: rgb(16 185 129 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#121212\] {
    --tw-gradient-from: #121212 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(18 18 18 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#1A1A1A\] {
    --tw-gradient-from: #1A1A1A var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(26 26 26 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#1a1a1a\] {
    --tw-gradient-from: #1a1a1a var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(26 26 26 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#FFB000\] {
    --tw-gradient-from: #FFB000 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 176 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#FFB000\]\/20 {
    --tw-gradient-from: rgb(255 176 0 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 176 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#FFB800\] {
    --tw-gradient-from: #FFB800 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 184 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#FFB800\]\/20 {
    --tw-gradient-from: rgb(255 184 0 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 184 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#FFC727\] {
    --tw-gradient-from: #FFC727 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 199 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#FFC727\]\/10 {
    --tw-gradient-from: rgb(255 199 39 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 199 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#FFC727\]\/20 {
    --tw-gradient-from: rgb(255 199 39 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 199 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#FFC727\]\/30 {
    --tw-gradient-from: rgb(255 199 39 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 199 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#FFC727\]\/5 {
    --tw-gradient-from: rgb(255 199 39 / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 199 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#FFD700\] {
    --tw-gradient-from: #FFD700 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 215 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#FFD700\]\/20 {
    --tw-gradient-from: rgb(255 215 0 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 215 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-\[\#FFD84D\] {
    --tw-gradient-from: #FFD84D var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 216 77 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-amber-100 {
    --tw-gradient-from: #ffecb3 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 236 179 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-amber-300 {
    --tw-gradient-from: #ffd54f var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 213 79 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-amber-400 {
    --tw-gradient-from: #ffca28 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 202 40 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-amber-500 {
    --tw-gradient-from: #ffc107 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-amber-500\/10 {
    --tw-gradient-from: rgb(255 193 7 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-amber-500\/15 {
    --tw-gradient-from: rgb(255 193 7 / 0.15) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-amber-500\/20 {
    --tw-gradient-from: rgb(255 193 7 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-amber-500\/25 {
    --tw-gradient-from: rgb(255 193 7 / 0.25) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-amber-500\/30 {
    --tw-gradient-from: rgb(255 193 7 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-amber-500\/5 {
    --tw-gradient-from: rgb(255 193 7 / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-amber-600 {
    --tw-gradient-from: #ffb300 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 179 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-black\/30 {
    --tw-gradient-from: rgb(0 0 0 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-black\/40 {
    --tw-gradient-from: rgb(0 0 0 / 0.4) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-black\/60 {
    --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-blue-100 {
    --tw-gradient-from: #E1EFFE var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(225 239 254 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-blue-300 {
    --tw-gradient-from: #A4CAFE var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(164 202 254 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-blue-400 {
    --tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-blue-50 {
    --tw-gradient-from: #EBF5FF var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(235 245 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-blue-500 {
    --tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-blue-500\/20 {
    --tw-gradient-from: rgb(63 131 248 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-blue-600 {
    --tw-gradient-from: #1C64F2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(28 100 242 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-blue-600\/5 {
    --tw-gradient-from: rgb(28 100 242 / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(28 100 242 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-blue-900\/50 {
    --tw-gradient-from: rgb(35 56 118 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(35 56 118 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-blue-gray-600 {
    --tw-gradient-from: #546e7a var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(84 110 122 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-brown-600 {
    --tw-gradient-from: #6d4c41 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(109 76 65 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-cyan-400 {
    --tw-gradient-from: #26c6da var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(38 198 218 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-cyan-500 {
    --tw-gradient-from: #00bcd4 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 188 212 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-cyan-500\/15 {
    --tw-gradient-from: rgb(0 188 212 / 0.15) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 188 212 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-cyan-600 {
    --tw-gradient-from: #00acc1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 172 193 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-dark-800\/60 {
    --tw-gradient-from: rgb(60 64 67 / 0.6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(60 64 67 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-dark-900 {
    --tw-gradient-from: #202124 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(32 33 36 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-deep-orange-600 {
    --tw-gradient-from: #f4511e var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(244 81 30 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-deep-purple-600 {
    --tw-gradient-from: #5e35b1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(94 53 177 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-gold-400 {
    --tw-gradient-from: hsl(45 100% 65%) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(45 100% 65% / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-gold-500 {
    --tw-gradient-from: hsl(45 100% 58%) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-gold-500\/0 {
    --tw-gradient-from: hsl(45 100% 58% / 0) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-gold-500\/10 {
    --tw-gradient-from: hsl(45 100% 58% / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-gold-500\/15 {
    --tw-gradient-from: hsl(45 100% 58% / 0.15) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-gold-500\/20 {
    --tw-gradient-from: hsl(45 100% 58% / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-gold-500\/5 {
    --tw-gradient-from: hsl(45 100% 58% / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-gold-600 {
    --tw-gradient-from: hsl(38 100% 55%) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(38 100% 55% / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-gray-500 {
    --tw-gradient-from: #6B7280 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-gray-600 {
    --tw-gradient-from: #4B5563 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-gray-700 {
    --tw-gradient-from: #374151 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-gray-900 {
    --tw-gradient-from: #111827 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-gray-900\/90 {
    --tw-gradient-from: rgb(17 24 39 / 0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-green-100 {
    --tw-gradient-from: #DEF7EC var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(222 247 236 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-green-200\/30 {
    --tw-gradient-from: rgb(188 240 218 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(188 240 218 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-green-300 {
    --tw-gradient-from: #84E1BC var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(132 225 188 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-green-400 {
    --tw-gradient-from: #31C48D var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(49 196 141 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-green-50 {
    --tw-gradient-from: #F3FAF7 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(243 250 247 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-green-500 {
    --tw-gradient-from: #0E9F6E var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(14 159 110 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-green-500\/10 {
    --tw-gradient-from: rgb(14 159 110 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(14 159 110 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-green-500\/20 {
    --tw-gradient-from: rgb(14 159 110 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(14 159 110 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-green-600 {
    --tw-gradient-from: #057A55 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(5 122 85 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-green-900\/30 {
    --tw-gradient-from: rgb(1 71 55 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(1 71 55 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-green-900\/50 {
    --tw-gradient-from: rgb(1 71 55 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(1 71 55 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-indigo-500 {
    --tw-gradient-from: #6875F5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(104 117 245 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-indigo-600 {
    --tw-gradient-from: #5850EC var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(88 80 236 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-light-blue-600 {
    --tw-gradient-from: #039be5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(3 155 229 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-light-green-600 {
    --tw-gradient-from: #7cb342 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 179 66 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-lime-200 {
    --tw-gradient-from: #e6ee9c var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(230 238 156 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-lime-600 {
    --tw-gradient-from: #c0ca33 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(192 202 51 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-orange-300 {
    --tw-gradient-from: #FDBA8C var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(253 186 140 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-orange-50 {
    --tw-gradient-from: #FFF8F1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 248 241 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-orange-500 {
    --tw-gradient-from: #FF5A1F var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 90 31 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-orange-500\/20 {
    --tw-gradient-from: rgb(255 90 31 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 90 31 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-orange-500\/25 {
    --tw-gradient-from: rgb(255 90 31 / 0.25) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 90 31 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-orange-600 {
    --tw-gradient-from: #D03801 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(208 56 1 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-orange-900\/50 {
    --tw-gradient-from: rgb(119 29 29 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(119 29 29 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-pink-400 {
    --tw-gradient-from: #F17EB8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(241 126 184 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-pink-500 {
    --tw-gradient-from: #E74694 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-pink-500\/20 {
    --tw-gradient-from: rgb(231 70 148 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-pink-600 {
    --tw-gradient-from: #D61F69 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(214 31 105 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-primary {
    --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-primary\/80 {
    --tw-gradient-from: hsl(var(--primary) / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-primary\/90 {
    --tw-gradient-from: hsl(var(--primary) / 0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-purple-100 {
    --tw-gradient-from: #EDEBFE var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(237 235 254 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-purple-300 {
    --tw-gradient-from: #CABFFD var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(202 191 253 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-purple-400 {
    --tw-gradient-from: #AC94FA var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(172 148 250 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-purple-500 {
    --tw-gradient-from: #9061F9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-purple-500\/10 {
    --tw-gradient-from: rgb(144 97 249 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-purple-500\/20 {
    --tw-gradient-from: rgb(144 97 249 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-purple-600 {
    --tw-gradient-from: #7E3AF2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(126 58 242 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-purple-900\/30 {
    --tw-gradient-from: rgb(74 29 150 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(74 29 150 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-purple-900\/50 {
    --tw-gradient-from: rgb(74 29 150 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(74 29 150 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-red-200 {
    --tw-gradient-from: #FBD5D5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 213 213 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-red-400 {
    --tw-gradient-from: #F98080 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 128 128 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-red-500 {
    --tw-gradient-from: #F05252 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(240 82 82 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-red-500\/10 {
    --tw-gradient-from: rgb(240 82 82 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(240 82 82 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-red-500\/25 {
    --tw-gradient-from: rgb(240 82 82 / 0.25) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(240 82 82 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-red-500\/30 {
    --tw-gradient-from: rgb(240 82 82 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(240 82 82 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-red-600 {
    --tw-gradient-from: #E02424 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(224 36 36 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-red-700 {
    --tw-gradient-from: #C81E1E var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(200 30 30 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-teal-200 {
    --tw-gradient-from: #AFECEF var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(175 236 239 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-teal-400 {
    --tw-gradient-from: #16BDCA var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(22 189 202 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-teal-600 {
    --tw-gradient-from: #047481 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(4 116 129 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-white {
    --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-white\/10 {
    --tw-gradient-from: rgb(255 255 255 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-white\/15 {
    --tw-gradient-from: rgb(255 255 255 / 0.15) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-white\/20 {
    --tw-gradient-from: rgb(255 255 255 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-white\/25 {
    --tw-gradient-from: rgb(255 255 255 / 0.25) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-white\/30 {
    --tw-gradient-from: rgb(255 255 255 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-white\/5 {
    --tw-gradient-from: rgb(255 255 255 / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-white\/90 {
    --tw-gradient-from: rgb(255 255 255 / 0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-white\/\[0\.03\] {
    --tw-gradient-from: rgb(255 255 255 / 0.03) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-white\/\[0\.05\] {
    --tw-gradient-from: rgb(255 255 255 / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-white\/\[0\.06\] {
    --tw-gradient-from: rgb(255 255 255 / 0.06) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-white\/\[0\.08\] {
    --tw-gradient-from: rgb(255 255 255 / 0.08) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-white\/\[0\.10\] {
    --tw-gradient-from: rgb(255 255 255 / 0.10) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-white\/\[0\.12\] {
    --tw-gradient-from: rgb(255 255 255 / 0.12) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-yellow-300 {
    --tw-gradient-from: #FACA15 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(250 202 21 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-yellow-500 {
    --tw-gradient-from: #C27803 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(194 120 3 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .from-yellow-600 {
    --tw-gradient-from: #9F580A var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(159 88 10 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .via-\[\#0F0F0F\] {
    --tw-gradient-to: rgb(15 15 15 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #0F0F0F var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#0F0F0F\]\/70 {
    --tw-gradient-to: rgb(15 15 15 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(15 15 15 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#0f0f0f\] {
    --tw-gradient-to: rgb(15 15 15 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #0f0f0f var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#111111\] {
    --tw-gradient-to: rgb(17 17 17 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #111111 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#121212\] {
    --tw-gradient-to: rgb(18 18 18 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #121212 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#121212\]\/90 {
    --tw-gradient-to: rgb(18 18 18 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(18 18 18 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#1a1a1a\] {
    --tw-gradient-to: rgb(26 26 26 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #1a1a1a var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#222\] {
    --tw-gradient-to: rgb(34 34 34 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #222 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#2A2A2A\] {
    --tw-gradient-to: rgb(42 42 42 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #2A2A2A var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#FF7A00\] {
    --tw-gradient-to: rgb(255 122 0 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FF7A00 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#FF9C00\] {
    --tw-gradient-to: rgb(255 156 0 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FF9C00 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#FFB800\] {
    --tw-gradient-to: rgb(255 184 0 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FFB800 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#FFC727\] {
    --tw-gradient-to: rgb(255 199 39 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FFC727 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#FFC727\]\/10 {
    --tw-gradient-to: rgb(255 199 39 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 199 39 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#FFC727\]\/20 {
    --tw-gradient-to: rgb(255 199 39 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 199 39 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#FFC727\]\/5 {
    --tw-gradient-to: rgb(255 199 39 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 199 39 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#FFD700\] {
    --tw-gradient-to: rgb(255 215 0 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FFD700 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#FFD84D\] {
    --tw-gradient-to: rgb(255 216 77 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FFD84D var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-\[\#FFD84D\]\/20 {
    --tw-gradient-to: rgb(255 216 77 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 216 77 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-blue-50 {
    --tw-gradient-to: rgb(235 245 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #EBF5FF var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-cyan-500 {
    --tw-gradient-to: rgb(0 188 212 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #00bcd4 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-cyan-600 {
    --tw-gradient-to: rgb(0 172 193 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #00acc1 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-dark-800 {
    --tw-gradient-to: rgb(60 64 67 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #3c4043 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-gold-500 {
    --tw-gradient-to: hsl(45 100% 58% / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsl(45 100% 58%) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-gold-500\/10 {
    --tw-gradient-to: hsl(45 100% 58% / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsl(45 100% 58% / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-gold-500\/5 {
    --tw-gradient-to: hsl(45 100% 58% / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsl(45 100% 58% / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-gray-800 {
    --tw-gradient-to: rgb(31 41 55 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #1F2937 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-green-500 {
    --tw-gradient-to: rgb(14 159 110 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #0E9F6E var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-green-600 {
    --tw-gradient-to: rgb(5 122 85 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #057A55 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-indigo-50 {
    --tw-gradient-to: rgb(240 245 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #F0F5FF var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-indigo-900\/50 {
    --tw-gradient-to: rgb(54 47 120 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(54 47 120 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-lime-400 {
    --tw-gradient-to: rgb(212 225 87 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #d4e157 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-pink-500 {
    --tw-gradient-to: rgb(231 70 148 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #E74694 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-purple-500\/15 {
    --tw-gradient-to: rgb(144 97 249 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(144 97 249 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-purple-500\/20 {
    --tw-gradient-to: rgb(144 97 249 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(144 97 249 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-purple-600 {
    --tw-gradient-to: rgb(126 58 242 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #7E3AF2 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-purple-600\/5 {
    --tw-gradient-to: rgb(126 58 242 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(126 58 242 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-red-300 {
    --tw-gradient-to: rgb(248 180 180 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #F8B4B4 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-red-500 {
    --tw-gradient-to: rgb(240 82 82 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #F05252 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-red-600 {
    --tw-gradient-to: rgb(224 36 36 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #E02424 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-teal-500 {
    --tw-gradient-to: rgb(6 148 162 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #0694A2 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-transparent {
    --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-white {
    --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #ffffff var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-white\/10 {
    --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-white\/20 {
    --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-white\/30 {
    --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-white\/5 {
    --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-white\/\[0\.02\] {
    --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.02) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-yellow-300 {
    --tw-gradient-to: rgb(250 202 21 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FACA15 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-yellow-400 {
    --tw-gradient-to: rgb(227 160 8 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #E3A008 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-yellow-50 {
    --tw-gradient-to: rgb(253 253 234 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FDFDEA var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-yellow-500 {
    --tw-gradient-to: rgb(194 120 3 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #C27803 var(--tw-gradient-via-position), var(--tw-gradient-to);
} .via-yellow-500\/10 {
    --tw-gradient-to: rgb(194 120 3 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(194 120 3 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .to-\[\#059669\] {
    --tw-gradient-to: #059669 var(--tw-gradient-to-position);
} .to-\[\#059669\]\/10 {
    --tw-gradient-to: rgb(5 150 105 / 0.1) var(--tw-gradient-to-position);
} .to-\[\#059669\]\/20 {
    --tw-gradient-to: rgb(5 150 105 / 0.2) var(--tw-gradient-to-position);
} .to-\[\#0A0A0A\] {
    --tw-gradient-to: #0A0A0A var(--tw-gradient-to-position);
} .to-\[\#0A0A0A\]\/80 {
    --tw-gradient-to: rgb(10 10 10 / 0.8) var(--tw-gradient-to-position);
} .to-\[\#0F0F0F\] {
    --tw-gradient-to: #0F0F0F var(--tw-gradient-to-position);
} .to-\[\#0f0f0f\] {
    --tw-gradient-to: #0f0f0f var(--tw-gradient-to-position);
} .to-\[\#121212\] {
    --tw-gradient-to: #121212 var(--tw-gradient-to-position);
} .to-\[\#121212\]\/60 {
    --tw-gradient-to: rgb(18 18 18 / 0.6) var(--tw-gradient-to-position);
} .to-\[\#121212\]\/80 {
    --tw-gradient-to: rgb(18 18 18 / 0.8) var(--tw-gradient-to-position);
} .to-\[\#1A1A1A\] {
    --tw-gradient-to: #1A1A1A var(--tw-gradient-to-position);
} .to-\[\#1A1A1A\]\/50 {
    --tw-gradient-to: rgb(26 26 26 / 0.5) var(--tw-gradient-to-position);
} .to-\[\#1A1A1A\]\/60 {
    --tw-gradient-to: rgb(26 26 26 / 0.6) var(--tw-gradient-to-position);
} .to-\[\#1a1a1a\] {
    --tw-gradient-to: #1a1a1a var(--tw-gradient-to-position);
} .to-\[\#2D2D2D\] {
    --tw-gradient-to: #2D2D2D var(--tw-gradient-to-position);
} .to-\[\#FF7A00\] {
    --tw-gradient-to: #FF7A00 var(--tw-gradient-to-position);
} .to-\[\#FF7A00\]\/20 {
    --tw-gradient-to: rgb(255 122 0 / 0.2) var(--tw-gradient-to-position);
} .to-\[\#FF8C00\] {
    --tw-gradient-to: #FF8C00 var(--tw-gradient-to-position);
} .to-\[\#FF8C00\]\/20 {
    --tw-gradient-to: rgb(255 140 0 / 0.2) var(--tw-gradient-to-position);
} .to-\[\#FF9C00\] {
    --tw-gradient-to: #FF9C00 var(--tw-gradient-to-position);
} .to-\[\#FF9C00\]\/20 {
    --tw-gradient-to: rgb(255 156 0 / 0.2) var(--tw-gradient-to-position);
} .to-\[\#FFB800\] {
    --tw-gradient-to: #FFB800 var(--tw-gradient-to-position);
} .to-\[\#FFB800\]\/10 {
    --tw-gradient-to: rgb(255 184 0 / 0.1) var(--tw-gradient-to-position);
} .to-\[\#FFB800\]\/20 {
    --tw-gradient-to: rgb(255 184 0 / 0.2) var(--tw-gradient-to-position);
} .to-\[\#FFB800\]\/5 {
    --tw-gradient-to: rgb(255 184 0 / 0.05) var(--tw-gradient-to-position);
} .to-\[\#FFC727\] {
    --tw-gradient-to: #FFC727 var(--tw-gradient-to-position);
} .to-\[\#FFC727\]\/20 {
    --tw-gradient-to: rgb(255 199 39 / 0.2) var(--tw-gradient-to-position);
} .to-\[\#FFC727\]\/5 {
    --tw-gradient-to: rgb(255 199 39 / 0.05) var(--tw-gradient-to-position);
} .to-\[\#FFD700\] {
    --tw-gradient-to: #FFD700 var(--tw-gradient-to-position);
} .to-\[\#FFD700\]\/10 {
    --tw-gradient-to: rgb(255 215 0 / 0.1) var(--tw-gradient-to-position);
} .to-\[\#FFD700\]\/20 {
    --tw-gradient-to: rgb(255 215 0 / 0.2) var(--tw-gradient-to-position);
} .to-\[\#FFD754\] {
    --tw-gradient-to: #FFD754 var(--tw-gradient-to-position);
} .to-\[\#FFD84D\] {
    --tw-gradient-to: #FFD84D var(--tw-gradient-to-position);
} .to-\[\#FFD84D\]\/20 {
    --tw-gradient-to: rgb(255 216 77 / 0.2) var(--tw-gradient-to-position);
} .to-\[\#FFD84D\]\/5 {
    --tw-gradient-to: rgb(255 216 77 / 0.05) var(--tw-gradient-to-position);
} .to-amber-400 {
    --tw-gradient-to: #ffca28 var(--tw-gradient-to-position);
} .to-amber-50 {
    --tw-gradient-to: #fff8e1 var(--tw-gradient-to-position);
} .to-amber-500 {
    --tw-gradient-to: #ffc107 var(--tw-gradient-to-position);
} .to-amber-500\/10 {
    --tw-gradient-to: rgb(255 193 7 / 0.1) var(--tw-gradient-to-position);
} .to-amber-500\/20 {
    --tw-gradient-to: rgb(255 193 7 / 0.2) var(--tw-gradient-to-position);
} .to-amber-500\/5 {
    --tw-gradient-to: rgb(255 193 7 / 0.05) var(--tw-gradient-to-position);
} .to-amber-600 {
    --tw-gradient-to: #ffb300 var(--tw-gradient-to-position);
} .to-amber-600\/10 {
    --tw-gradient-to: rgb(255 179 0 / 0.1) var(--tw-gradient-to-position);
} .to-amber-600\/20 {
    --tw-gradient-to: rgb(255 179 0 / 0.2) var(--tw-gradient-to-position);
} .to-amber-600\/30 {
    --tw-gradient-to: rgb(255 179 0 / 0.3) var(--tw-gradient-to-position);
} .to-black\/20 {
    --tw-gradient-to: rgb(0 0 0 / 0.2) var(--tw-gradient-to-position);
} .to-blue-100 {
    --tw-gradient-to: #E1EFFE var(--tw-gradient-to-position);
} .to-blue-400 {
    --tw-gradient-to: #76A9FA var(--tw-gradient-to-position);
} .to-blue-400\/20 {
    --tw-gradient-to: rgb(118 169 250 / 0.2) var(--tw-gradient-to-position);
} .to-blue-500 {
    --tw-gradient-to: #3F83F8 var(--tw-gradient-to-position);
} .to-blue-500\/10 {
    --tw-gradient-to: rgb(63 131 248 / 0.1) var(--tw-gradient-to-position);
} .to-blue-500\/20 {
    --tw-gradient-to: rgb(63 131 248 / 0.2) var(--tw-gradient-to-position);
} .to-blue-500\/5 {
    --tw-gradient-to: rgb(63 131 248 / 0.05) var(--tw-gradient-to-position);
} .to-blue-600 {
    --tw-gradient-to: #1C64F2 var(--tw-gradient-to-position);
} .to-blue-600\/20 {
    --tw-gradient-to: rgb(28 100 242 / 0.2) var(--tw-gradient-to-position);
} .to-blue-700 {
    --tw-gradient-to: #1A56DB var(--tw-gradient-to-position);
} .to-blue-800\/30 {
    --tw-gradient-to: rgb(30 66 159 / 0.3) var(--tw-gradient-to-position);
} .to-blue-900\/30 {
    --tw-gradient-to: rgb(35 56 118 / 0.3) var(--tw-gradient-to-position);
} .to-blue-gray-400 {
    --tw-gradient-to: #78909c var(--tw-gradient-to-position);
} .to-brown-400 {
    --tw-gradient-to: #8d6e63 var(--tw-gradient-to-position);
} .to-cyan-400 {
    --tw-gradient-to: #26c6da var(--tw-gradient-to-position);
} .to-cyan-500 {
    --tw-gradient-to: #00bcd4 var(--tw-gradient-to-position);
} .to-cyan-600 {
    --tw-gradient-to: #00acc1 var(--tw-gradient-to-position);
} .to-cyan-700 {
    --tw-gradient-to: #0097a7 var(--tw-gradient-to-position);
} .to-dark-900 {
    --tw-gradient-to: #202124 var(--tw-gradient-to-position);
} .to-dark-900\/60 {
    --tw-gradient-to: rgb(32 33 36 / 0.6) var(--tw-gradient-to-position);
} .to-deep-orange-400 {
    --tw-gradient-to: #ff7043 var(--tw-gradient-to-position);
} .to-deep-purple-400 {
    --tw-gradient-to: #7e57c2 var(--tw-gradient-to-position);
} .to-gold-400 {
    --tw-gradient-to: hsl(45 100% 65%) var(--tw-gradient-to-position);
} .to-gold-500\/10 {
    --tw-gradient-to: hsl(45 100% 58% / 0.1) var(--tw-gradient-to-position);
} .to-gold-600 {
    --tw-gradient-to: hsl(38 100% 55%) var(--tw-gradient-to-position);
} .to-gold-600\/15 {
    --tw-gradient-to: hsl(38 100% 55% / 0.15) var(--tw-gradient-to-position);
} .to-gold-600\/20 {
    --tw-gradient-to: hsl(38 100% 55% / 0.2) var(--tw-gradient-to-position);
} .to-gold-700 {
    --tw-gradient-to: hsl(33 100% 50%) var(--tw-gradient-to-position);
} .to-gray-400 {
    --tw-gradient-to: #9CA3AF var(--tw-gradient-to-position);
} .to-gray-50 {
    --tw-gradient-to: #F9FAFB var(--tw-gradient-to-position);
} .to-gray-600 {
    --tw-gradient-to: #4B5563 var(--tw-gradient-to-position);
} .to-gray-800 {
    --tw-gradient-to: #1F2937 var(--tw-gradient-to-position);
} .to-gray-900 {
    --tw-gradient-to: #111827 var(--tw-gradient-to-position);
} .to-green-100 {
    --tw-gradient-to: #DEF7EC var(--tw-gradient-to-position);
} .to-green-400 {
    --tw-gradient-to: #31C48D var(--tw-gradient-to-position);
} .to-green-400\/20 {
    --tw-gradient-to: rgb(49 196 141 / 0.2) var(--tw-gradient-to-position);
} .to-green-500 {
    --tw-gradient-to: #0E9F6E var(--tw-gradient-to-position);
} .to-green-500\/30 {
    --tw-gradient-to: rgb(14 159 110 / 0.3) var(--tw-gradient-to-position);
} .to-green-600 {
    --tw-gradient-to: #057A55 var(--tw-gradient-to-position);
} .to-green-700 {
    --tw-gradient-to: #046C4E var(--tw-gradient-to-position);
} .to-green-800\/30 {
    --tw-gradient-to: rgb(3 84 63 / 0.3) var(--tw-gradient-to-position);
} .to-indigo-100 {
    --tw-gradient-to: #E5EDFF var(--tw-gradient-to-position);
} .to-indigo-400 {
    --tw-gradient-to: #8DA2FB var(--tw-gradient-to-position);
} .to-indigo-50 {
    --tw-gradient-to: #F0F5FF var(--tw-gradient-to-position);
} .to-indigo-500\/20 {
    --tw-gradient-to: rgb(104 117 245 / 0.2) var(--tw-gradient-to-position);
} .to-indigo-600 {
    --tw-gradient-to: #5850EC var(--tw-gradient-to-position);
} .to-indigo-600\/10 {
    --tw-gradient-to: rgb(88 80 236 / 0.1) var(--tw-gradient-to-position);
} .to-indigo-700 {
    --tw-gradient-to: #5145CD var(--tw-gradient-to-position);
} .to-indigo-700\/5 {
    --tw-gradient-to: rgb(81 69 205 / 0.05) var(--tw-gradient-to-position);
} .to-indigo-900\/50 {
    --tw-gradient-to: rgb(54 47 120 / 0.5) var(--tw-gradient-to-position);
} .to-light-blue-400 {
    --tw-gradient-to: #29b6f6 var(--tw-gradient-to-position);
} .to-light-green-400 {
    --tw-gradient-to: #9ccc65 var(--tw-gradient-to-position);
} .to-lime-200 {
    --tw-gradient-to: #e6ee9c var(--tw-gradient-to-position);
} .to-lime-400 {
    --tw-gradient-to: #d4e157 var(--tw-gradient-to-position);
} .to-lime-500 {
    --tw-gradient-to: #cddc39 var(--tw-gradient-to-position);
} .to-orange-100 {
    --tw-gradient-to: #FEECDC var(--tw-gradient-to-position);
} .to-orange-300 {
    --tw-gradient-to: #FDBA8C var(--tw-gradient-to-position);
} .to-orange-400 {
    --tw-gradient-to: #FF8A4C var(--tw-gradient-to-position);
} .to-orange-500 {
    --tw-gradient-to: #FF5A1F var(--tw-gradient-to-position);
} .to-orange-500\/10 {
    --tw-gradient-to: rgb(255 90 31 / 0.1) var(--tw-gradient-to-position);
} .to-orange-500\/20 {
    --tw-gradient-to: rgb(255 90 31 / 0.2) var(--tw-gradient-to-position);
} .to-orange-500\/5 {
    --tw-gradient-to: rgb(255 90 31 / 0.05) var(--tw-gradient-to-position);
} .to-orange-600 {
    --tw-gradient-to: #D03801 var(--tw-gradient-to-position);
} .to-orange-800\/30 {
    --tw-gradient-to: rgb(138 44 13 / 0.3) var(--tw-gradient-to-position);
} .to-pink-400 {
    --tw-gradient-to: #F17EB8 var(--tw-gradient-to-position);
} .to-pink-500 {
    --tw-gradient-to: #E74694 var(--tw-gradient-to-position);
} .to-pink-600 {
    --tw-gradient-to: #D61F69 var(--tw-gradient-to-position);
} .to-pink-900\/30 {
    --tw-gradient-to: rgb(117 26 61 / 0.3) var(--tw-gradient-to-position);
} .to-pink-900\/50 {
    --tw-gradient-to: rgb(117 26 61 / 0.5) var(--tw-gradient-to-position);
} .to-primary {
    --tw-gradient-to: hsl(var(--primary)) var(--tw-gradient-to-position);
} .to-primary\/80 {
    --tw-gradient-to: hsl(var(--primary) / 0.8) var(--tw-gradient-to-position);
} .to-purple-400 {
    --tw-gradient-to: #AC94FA var(--tw-gradient-to-position);
} .to-purple-50 {
    --tw-gradient-to: #F6F5FF var(--tw-gradient-to-position);
} .to-purple-500 {
    --tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
} .to-purple-500\/10 {
    --tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
} .to-purple-500\/20 {
    --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position);
} .to-purple-500\/30 {
    --tw-gradient-to: rgb(144 97 249 / 0.3) var(--tw-gradient-to-position);
} .to-purple-500\/5 {
    --tw-gradient-to: rgb(144 97 249 / 0.05) var(--tw-gradient-to-position);
} .to-purple-600 {
    --tw-gradient-to: #7E3AF2 var(--tw-gradient-to-position);
} .to-purple-600\/10 {
    --tw-gradient-to: rgb(126 58 242 / 0.1) var(--tw-gradient-to-position);
} .to-purple-600\/20 {
    --tw-gradient-to: rgb(126 58 242 / 0.2) var(--tw-gradient-to-position);
} .to-purple-700 {
    --tw-gradient-to: #6C2BD9 var(--tw-gradient-to-position);
} .to-purple-800\/30 {
    --tw-gradient-to: rgb(85 33 181 / 0.3) var(--tw-gradient-to-position);
} .to-purple-900\/50 {
    --tw-gradient-to: rgb(74 29 150 / 0.5) var(--tw-gradient-to-position);
} .to-red-400 {
    --tw-gradient-to: #F98080 var(--tw-gradient-to-position);
} .to-red-500 {
    --tw-gradient-to: #F05252 var(--tw-gradient-to-position);
} .to-red-500\/20 {
    --tw-gradient-to: rgb(240 82 82 / 0.2) var(--tw-gradient-to-position);
} .to-red-600 {
    --tw-gradient-to: #E02424 var(--tw-gradient-to-position);
} .to-red-600\/5 {
    --tw-gradient-to: rgb(224 36 36 / 0.05) var(--tw-gradient-to-position);
} .to-red-700 {
    --tw-gradient-to: #C81E1E var(--tw-gradient-to-position);
} .to-red-900\/50 {
    --tw-gradient-to: rgb(119 29 29 / 0.5) var(--tw-gradient-to-position);
} .to-teal-400 {
    --tw-gradient-to: #16BDCA var(--tw-gradient-to-position);
} .to-teal-50 {
    --tw-gradient-to: #EDFAFA var(--tw-gradient-to-position);
} .to-teal-500 {
    --tw-gradient-to: #0694A2 var(--tw-gradient-to-position);
} .to-teal-500\/30 {
    --tw-gradient-to: rgb(6 148 162 / 0.3) var(--tw-gradient-to-position);
} .to-teal-600 {
    --tw-gradient-to: #047481 var(--tw-gradient-to-position);
} .to-teal-600\/10 {
    --tw-gradient-to: rgb(4 116 129 / 0.1) var(--tw-gradient-to-position);
} .to-teal-700 {
    --tw-gradient-to: #036672 var(--tw-gradient-to-position);
} .to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
} .to-white\/10 {
    --tw-gradient-to: rgb(255 255 255 / 0.1) var(--tw-gradient-to-position);
} .to-white\/15 {
    --tw-gradient-to: rgb(255 255 255 / 0.15) var(--tw-gradient-to-position);
} .to-white\/20 {
    --tw-gradient-to: rgb(255 255 255 / 0.2) var(--tw-gradient-to-position);
} .to-white\/5 {
    --tw-gradient-to: rgb(255 255 255 / 0.05) var(--tw-gradient-to-position);
} .to-white\/70 {
    --tw-gradient-to: rgb(255 255 255 / 0.7) var(--tw-gradient-to-position);
} .to-white\/\[0\.01\] {
    --tw-gradient-to: rgb(255 255 255 / 0.01) var(--tw-gradient-to-position);
} .to-white\/\[0\.02\] {
    --tw-gradient-to: rgb(255 255 255 / 0.02) var(--tw-gradient-to-position);
} .to-white\/\[0\.03\] {
    --tw-gradient-to: rgb(255 255 255 / 0.03) var(--tw-gradient-to-position);
} .to-white\/\[0\.04\] {
    --tw-gradient-to: rgb(255 255 255 / 0.04) var(--tw-gradient-to-position);
} .to-white\/\[0\.06\] {
    --tw-gradient-to: rgb(255 255 255 / 0.06) var(--tw-gradient-to-position);
} .to-yellow-100 {
    --tw-gradient-to: #FDF6B2 var(--tw-gradient-to-position);
} .to-yellow-200 {
    --tw-gradient-to: #FCE96A var(--tw-gradient-to-position);
} .to-yellow-300 {
    --tw-gradient-to: #FACA15 var(--tw-gradient-to-position);
} .to-yellow-400 {
    --tw-gradient-to: #E3A008 var(--tw-gradient-to-position);
} .to-yellow-500 {
    --tw-gradient-to: #C27803 var(--tw-gradient-to-position);
} .to-yellow-500\/10 {
    --tw-gradient-to: rgb(194 120 3 / 0.1) var(--tw-gradient-to-position);
} .to-yellow-500\/15 {
    --tw-gradient-to: rgb(194 120 3 / 0.15) var(--tw-gradient-to-position);
} .to-yellow-500\/20 {
    --tw-gradient-to: rgb(194 120 3 / 0.2) var(--tw-gradient-to-position);
} .to-yellow-500\/5 {
    --tw-gradient-to: rgb(194 120 3 / 0.05) var(--tw-gradient-to-position);
} .to-yellow-600 {
    --tw-gradient-to: #9F580A var(--tw-gradient-to-position);
} .to-yellow-600\/30 {
    --tw-gradient-to: rgb(159 88 10 / 0.3) var(--tw-gradient-to-position);
} .bg-cover {
    background-size: cover;
} .bg-fixed {
    background-attachment: fixed;
} .bg-clip-border {
    background-clip: border-box;
} .bg-clip-text {
    background-clip: text;
} .bg-\[50\%\] {
    background-position: 50%;
} .bg-center {
    background-position: center;
} .bg-no-repeat {
    background-repeat: no-repeat;
} .fill-\[\#f0f2f5\] {
    fill: #f0f2f5;
} .fill-current {
    fill: currentColor;
} .fill-cyan-600 {
    fill: #00acc1;
} .fill-gray-600 {
    fill: #4B5563;
} .fill-gray-800 {
    fill: #1F2937;
} .fill-green-500 {
    fill: #0E9F6E;
} .fill-pink-600 {
    fill: #D61F69;
} .fill-purple-600 {
    fill: #7E3AF2;
} .fill-red-600 {
    fill: #E02424;
} .fill-red-900 {
    fill: #771D1D;
} .fill-white {
    fill: #ffffff;
} .fill-yellow-400 {
    fill: #E3A008;
} .stroke-current {
    stroke: currentColor;
} .stroke-gray-200 {
    stroke: #E5E7EB;
} .object-contain {
    object-fit: contain;
} .object-cover {
    object-fit: cover;
} .object-center {
    object-position: center;
} .p-0 {
    padding: 0px;
} .p-0\.5 {
    padding: 0.125rem;
} .p-1 {
    padding: 0.25rem;
} .p-1\.5 {
    padding: 0.375rem;
} .p-10 {
    padding: 2.5rem;
} .p-12 {
    padding: 3rem;
} .p-16 {
    padding: 4rem;
} .p-2 {
    padding: 0.5rem;
} .p-2\.5 {
    padding: 0.625rem;
} .p-3 {
    padding: 0.75rem;
} .p-4 {
    padding: 1rem;
} .p-5 {
    padding: 1.25rem;
} .p-6 {
    padding: 1.5rem;
} .p-8 {
    padding: 2rem;
} .px-0 {
    padding-left: 0px;
    padding-right: 0px;
} .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
} .px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
} .px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
} .px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
} .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
} .px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
} .px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
} .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
} .px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
} .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
} .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
} .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
} .px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
} .px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
} .px-px {
    padding-left: 1px;
    padding-right: 1px;
} .py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
} .py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
} .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
} .py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
} .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
} .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
} .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
} .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
} .py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
} .py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
} .py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
} .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
} .py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
} .py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
} .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
} .py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
} .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
} .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
} .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
} .py-\[\.1rem\] {
    padding-top: .1rem;
    padding-bottom: .1rem;
} .\!pr-7 {
    padding-right: 1.75rem !important;
} .\!pr-9 {
    padding-right: 2.25rem !important;
} .pb-0 {
    padding-bottom: 0px;
} .pb-1 {
    padding-bottom: 0.25rem;
} .pb-1\.5 {
    padding-bottom: 0.375rem;
} .pb-10 {
    padding-bottom: 2.5rem;
} .pb-12 {
    padding-bottom: 3rem;
} .pb-14 {
    padding-bottom: 3.5rem;
} .pb-16 {
    padding-bottom: 4rem;
} .pb-2 {
    padding-bottom: 0.5rem;
} .pb-2\.5 {
    padding-bottom: 0.625rem;
} .pb-20 {
    padding-bottom: 5rem;
} .pb-3 {
    padding-bottom: 0.75rem;
} .pb-4 {
    padding-bottom: 1rem;
} .pb-6 {
    padding-bottom: 1.5rem;
} .pb-8 {
    padding-bottom: 2rem;
} .pb-\[6px\] {
    padding-bottom: 6px;
} .pe-3 {
    padding-inline-end: 0.75rem;
} .pe-3\.5 {
    padding-inline-end: 0.875rem;
} .pe-9 {
    padding-inline-end: 2.25rem;
} .pl-0 {
    padding-left: 0px;
} .pl-10 {
    padding-left: 2.5rem;
} .pl-11 {
    padding-left: 2.75rem;
} .pl-12 {
    padding-left: 3rem;
} .pl-14 {
    padding-left: 3.5rem;
} .pl-16 {
    padding-left: 4rem;
} .pl-2 {
    padding-left: 0.5rem;
} .pl-2\.5 {
    padding-left: 0.625rem;
} .pl-20 {
    padding-left: 5rem;
} .pl-3 {
    padding-left: 0.75rem;
} .pl-4 {
    padding-left: 1rem;
} .pl-5 {
    padding-left: 1.25rem;
} .pl-6 {
    padding-left: 1.5rem;
} .pl-8 {
    padding-left: 2rem;
} .pl-96 {
    padding-left: 24rem;
} .pr-1 {
    padding-right: 0.25rem;
} .pr-1\.5 {
    padding-right: 0.375rem;
} .pr-10 {
    padding-right: 2.5rem;
} .pr-12 {
    padding-right: 3rem;
} .pr-14 {
    padding-right: 3.5rem;
} .pr-2 {
    padding-right: 0.5rem;
} .pr-20 {
    padding-right: 5rem;
} .pr-28 {
    padding-right: 7rem;
} .pr-3 {
    padding-right: 0.75rem;
} .pr-32 {
    padding-right: 8rem;
} .pr-4 {
    padding-right: 1rem;
} .pr-7 {
    padding-right: 1.75rem;
} .pr-8 {
    padding-right: 2rem;
} .ps-10 {
    padding-inline-start: 2.5rem;
} .ps-12 {
    padding-inline-start: 3rem;
} .ps-14 {
    padding-inline-start: 3.5rem;
} .ps-3 {
    padding-inline-start: 0.75rem;
} .ps-4 {
    padding-inline-start: 1rem;
} .ps-5 {
    padding-inline-start: 1.25rem;
} .pt-0 {
    padding-top: 0px;
} .pt-0\.5 {
    padding-top: 0.125rem;
} .pt-1 {
    padding-top: 0.25rem;
} .pt-10 {
    padding-top: 2.5rem;
} .pt-12 {
    padding-top: 3rem;
} .pt-16 {
    padding-top: 4rem;
} .pt-2 {
    padding-top: 0.5rem;
} .pt-20 {
    padding-top: 5rem;
} .pt-3 {
    padding-top: 0.75rem;
} .pt-32 {
    padding-top: 8rem;
} .pt-4 {
    padding-top: 1rem;
} .pt-5 {
    padding-top: 1.25rem;
} .pt-6 {
    padding-top: 1.5rem;
} .pt-8 {
    padding-top: 2rem;
} .pt-\[9px\] {
    padding-top: 9px;
} .pt-px {
    padding-top: 1px;
} .text-left {
    text-align: left;
} .text-center {
    text-align: center;
} .text-right {
    text-align: right;
} .text-start {
    text-align: start;
} .align-middle {
    vertical-align: middle;
} .align-bottom {
    vertical-align: bottom;
} .font-mono {
    font-family: ui-monospace, monospace;
} .font-sans {
    font-family: Roboto, sans-serif;
} .\!text-\[11px\] {
    font-size: 11px !important;
} .\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
} .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
} .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
} .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
} .text-5xl {
    font-size: 3rem;
    line-height: 1;
} .text-6xl {
    font-size: 3.75rem;
    line-height: 1;
} .text-8xl {
    font-size: 6rem;
    line-height: 1;
} .text-\[1\.1rem\] {
    font-size: 1.1rem;
} .text-\[10px\] {
    font-size: 10px;
} .text-\[11px\] {
    font-size: 11px;
} .text-\[12px\] {
    font-size: 12px;
} .text-\[13px\] {
    font-size: 13px;
} .text-\[16px\] {
    font-size: 16px;
} .text-\[18px\] {
    font-size: 18px;
} .text-\[1rem\] {
    font-size: 1rem;
} .text-\[25px\] {
    font-size: 25px;
} .text-\[2rem\] {
    font-size: 2rem;
} .text-\[36px\] {
    font-size: 36px;
} .text-\[9px\] {
    font-size: 9px;
} .text-base {
    font-size: 1rem;
    line-height: 1.5rem;
} .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
} .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
} .text-sm\/6 {
    font-size: 0.875rem;
    line-height: 1.5rem;
} .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
} .text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
} .font-black {
    font-weight: 900;
} .font-bold {
    font-weight: 700;
} .font-extrabold {
    font-weight: 800;
} .font-light {
    font-weight: 300;
} .font-medium {
    font-weight: 500;
} .font-normal {
    font-weight: 400;
} .font-semibold {
    font-weight: 600;
} .uppercase {
    text-transform: uppercase;
} .lowercase {
    text-transform: lowercase;
} .capitalize {
    text-transform: capitalize;
} .italic {
    font-style: italic;
} .\!leading-tight {
    line-height: 1.25 !important;
} .leading-6 {
    line-height: 1.5rem;
} .leading-7 {
    line-height: 1.75rem;
} .leading-8 {
    line-height: 2rem;
} .leading-9 {
    line-height: 2.25rem;
} .leading-\[1\.2\] {
    line-height: 1.2;
} .leading-\[1\.3\] {
    line-height: 1.3;
} .leading-\[3\.75\] {
    line-height: 3.75;
} .leading-\[4\.1\] {
    line-height: 4.1;
} .leading-\[4\.25\] {
    line-height: 4.25;
} .leading-\[4\.875\] {
    line-height: 4.875;
} .leading-none {
    line-height: 1;
} .leading-normal {
    line-height: 1.5;
} .leading-relaxed {
    line-height: 1.625;
} .leading-snug {
    line-height: 1.375;
} .leading-tight {
    line-height: 1.25;
} .tracking-\[0\.2rem\] {
    letter-spacing: 0.2rem;
} .tracking-\[0\.4rem\] {
    letter-spacing: 0.4rem;
} .tracking-\[0\.5rem\] {
    letter-spacing: 0.5rem;
} .tracking-normal {
    letter-spacing: 0em;
} .tracking-tight {
    letter-spacing: -0.025em;
} .tracking-wide {
    letter-spacing: 0.025em;
} .tracking-wider {
    letter-spacing: 0.05em;
} .\!text-black {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
} .\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
} .text-\[\#000000\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
} .text-\[\#0A0A0A\] {
    --tw-text-opacity: 1;
    color: rgb(10 10 10 / var(--tw-text-opacity));
} .text-\[\#10B981\] {
    --tw-text-opacity: 1;
    color: rgb(16 185 129 / var(--tw-text-opacity));
} .text-\[\#168118\] {
    --tw-text-opacity: 1;
    color: rgb(22 129 24 / var(--tw-text-opacity));
} .text-\[\#1982d8\] {
    --tw-text-opacity: 1;
    color: rgb(25 130 216 / var(--tw-text-opacity));
} .text-\[\#1A1A1A\] {
    --tw-text-opacity: 1;
    color: rgb(26 26 26 / var(--tw-text-opacity));
} .text-\[\#1A1A1A\]\/80 {
    color: rgb(26 26 26 / 0.8);
} .text-\[\#20a145\] {
    --tw-text-opacity: 1;
    color: rgb(32 161 69 / var(--tw-text-opacity));
} .text-\[\#219a35\] {
    --tw-text-opacity: 1;
    color: rgb(33 154 53 / var(--tw-text-opacity));
} .text-\[\#277c1e\] {
    --tw-text-opacity: 1;
    color: rgb(39 124 30 / var(--tw-text-opacity));
} .text-\[\#39d83c\] {
    --tw-text-opacity: 1;
    color: rgb(57 216 60 / var(--tw-text-opacity));
} .text-\[\#4CAF50\] {
    --tw-text-opacity: 1;
    color: rgb(76 175 80 / var(--tw-text-opacity));
} .text-\[\#666666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
} .text-\[\#6B7280\] {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
} .text-\[\#9CA3AF\] {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
} .text-\[\#9CA3AF\]\/50 {
    color: rgb(156 163 175 / 0.5);
} .text-\[\#B0B0B0\] {
    --tw-text-opacity: 1;
    color: rgb(176 176 176 / var(--tw-text-opacity));
} .text-\[\#C62828\] {
    --tw-text-opacity: 1;
    color: rgb(198 40 40 / var(--tw-text-opacity));
} .text-\[\#CCCCCC\] {
    --tw-text-opacity: 1;
    color: rgb(204 204 204 / var(--tw-text-opacity));
} .text-\[\#D1D5DB\] {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
} .text-\[\#FF0000\] {
    --tw-text-opacity: 1;
    color: rgb(255 0 0 / var(--tw-text-opacity));
} .text-\[\#FF0000\]\/50 {
    color: rgb(255 0 0 / 0.5);
} .text-\[\#FF9C00\] {
    --tw-text-opacity: 1;
    color: rgb(255 156 0 / var(--tw-text-opacity));
} .text-\[\#FFB800\] {
    --tw-text-opacity: 1;
    color: rgb(255 184 0 / var(--tw-text-opacity));
} .text-\[\#FFC727\] {
    --tw-text-opacity: 1;
    color: rgb(255 199 39 / var(--tw-text-opacity));
} .text-\[\#FFC727\]\/50 {
    color: rgb(255 199 39 / 0.5);
} .text-\[\#FFC727\]\/60 {
    color: rgb(255 199 39 / 0.6);
} .text-\[\#FFC727\]\/70 {
    color: rgb(255 199 39 / 0.7);
} .text-\[\#FFD700\] {
    --tw-text-opacity: 1;
    color: rgb(255 215 0 / var(--tw-text-opacity));
} .text-\[\#FFD84D\] {
    --tw-text-opacity: 1;
    color: rgb(255 216 77 / var(--tw-text-opacity));
} .text-\[\#FFFFFF\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} .text-\[\#FFFFFF\]\/50 {
    color: rgb(255 255 255 / 0.5);
} .text-\[\#d4af37\] {
    --tw-text-opacity: 1;
    color: rgb(212 175 55 / var(--tw-text-opacity));
} .text-\[\#e1dbc6\] {
    --tw-text-opacity: 1;
    color: rgb(225 219 198 / var(--tw-text-opacity));
} .text-\[\#eeb501\] {
    --tw-text-opacity: 1;
    color: rgb(238 181 1 / var(--tw-text-opacity));
} .text-\[\#fff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} .text-amber-100 {
    --tw-text-opacity: 1;
    color: rgb(255 236 179 / var(--tw-text-opacity));
} .text-amber-200 {
    --tw-text-opacity: 1;
    color: rgb(255 224 130 / var(--tw-text-opacity));
} .text-amber-200\/80 {
    color: rgb(255 224 130 / 0.8);
} .text-amber-300 {
    --tw-text-opacity: 1;
    color: rgb(255 213 79 / var(--tw-text-opacity));
} .text-amber-300\/70 {
    color: rgb(255 213 79 / 0.7);
} .text-amber-300\/80 {
    color: rgb(255 213 79 / 0.8);
} .text-amber-400 {
    --tw-text-opacity: 1;
    color: rgb(255 202 40 / var(--tw-text-opacity));
} .text-amber-400\/60 {
    color: rgb(255 202 40 / 0.6);
} .text-amber-400\/70 {
    color: rgb(255 202 40 / 0.7);
} .text-amber-400\/80 {
    color: rgb(255 202 40 / 0.8);
} .text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(255 193 7 / var(--tw-text-opacity));
} .text-amber-600 {
    --tw-text-opacity: 1;
    color: rgb(255 179 0 / var(--tw-text-opacity));
} .text-amber-700 {
    --tw-text-opacity: 1;
    color: rgb(255 160 0 / var(--tw-text-opacity));
} .text-amber-900 {
    --tw-text-opacity: 1;
    color: rgb(255 111 0 / var(--tw-text-opacity));
} .text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
} .text-black\/70 {
    color: rgb(0 0 0 / 0.7);
} .text-blue-100 {
    --tw-text-opacity: 1;
    color: rgb(225 239 254 / var(--tw-text-opacity));
} .text-blue-200\/80 {
    color: rgb(195 221 253 / 0.8);
} .text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(164 202 254 / var(--tw-text-opacity));
} .text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(118 169 250 / var(--tw-text-opacity));
} .text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(63 131 248 / var(--tw-text-opacity));
} .text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(28 100 242 / var(--tw-text-opacity));
} .text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(26 86 219 / var(--tw-text-opacity));
} .text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 66 159 / var(--tw-text-opacity));
} .text-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(35 56 118 / var(--tw-text-opacity));
} .text-blue-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(120 144 156 / var(--tw-text-opacity));
} .text-blue-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(96 125 139 / var(--tw-text-opacity));
} .text-blue-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(69 90 100 / var(--tw-text-opacity));
} .text-blue-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(38 50 56 / var(--tw-text-opacity));
} .text-brown-500 {
    --tw-text-opacity: 1;
    color: rgb(121 85 72 / var(--tw-text-opacity));
} .text-brown-700 {
    --tw-text-opacity: 1;
    color: rgb(93 64 55 / var(--tw-text-opacity));
} .text-brown-900 {
    --tw-text-opacity: 1;
    color: rgb(62 39 35 / var(--tw-text-opacity));
} .text-card-foreground {
    color: hsl(var(--card-foreground));
} .text-current {
    color: currentColor;
} .text-cyan-200 {
    --tw-text-opacity: 1;
    color: rgb(128 222 234 / var(--tw-text-opacity));
} .text-cyan-300 {
    --tw-text-opacity: 1;
    color: rgb(77 208 225 / var(--tw-text-opacity));
} .text-cyan-400 {
    --tw-text-opacity: 1;
    color: rgb(38 198 218 / var(--tw-text-opacity));
} .text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(0 188 212 / var(--tw-text-opacity));
} .text-cyan-600 {
    --tw-text-opacity: 1;
    color: rgb(0 172 193 / var(--tw-text-opacity));
} .text-cyan-700 {
    --tw-text-opacity: 1;
    color: rgb(0 151 167 / var(--tw-text-opacity));
} .text-cyan-800 {
    --tw-text-opacity: 1;
    color: rgb(0 131 143 / var(--tw-text-opacity));
} .text-cyan-900 {
    --tw-text-opacity: 1;
    color: rgb(0 96 100 / var(--tw-text-opacity));
} .text-danger {
    --tw-text-opacity: 1;
    color: rgb(220 76 100 / var(--tw-text-opacity));
} .text-dark-900 {
    --tw-text-opacity: 1;
    color: rgb(32 33 36 / var(--tw-text-opacity));
} .text-deep-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(255 87 34 / var(--tw-text-opacity));
} .text-deep-orange-700 {
    --tw-text-opacity: 1;
    color: rgb(230 74 25 / var(--tw-text-opacity));
} .text-deep-orange-900 {
    --tw-text-opacity: 1;
    color: rgb(191 54 12 / var(--tw-text-opacity));
} .text-deep-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(103 58 183 / var(--tw-text-opacity));
} .text-deep-purple-700 {
    --tw-text-opacity: 1;
    color: rgb(81 45 168 / var(--tw-text-opacity));
} .text-deep-purple-900 {
    --tw-text-opacity: 1;
    color: rgb(49 27 146 / var(--tw-text-opacity));
} .text-destructive-foreground {
    color: hsl(var(--destructive-foreground));
} .text-foreground {
    color: hsl(var(--foreground));
} .text-gold-100 {
    --tw-text-opacity: 1;
    color: hsl(45 100% 90% / var(--tw-text-opacity));
} .text-gold-200 {
    --tw-text-opacity: 1;
    color: hsl(45 100% 80% / var(--tw-text-opacity));
} .text-gold-200\/90 {
    color: hsl(45 100% 80% / 0.9);
} .text-gold-300 {
    --tw-text-opacity: 1;
    color: hsl(45 100% 70% / var(--tw-text-opacity));
} .text-gold-300\/70 {
    color: hsl(45 100% 70% / 0.7);
} .text-gold-400 {
    --tw-text-opacity: 1;
    color: hsl(45 100% 65% / var(--tw-text-opacity));
} .text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity));
} .text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity));
} .text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
} .text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
} .text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
} .text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
} .text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
} .text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
} .text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
} .text-green-100 {
    --tw-text-opacity: 1;
    color: rgb(222 247 236 / var(--tw-text-opacity));
} .text-green-200\/90 {
    color: rgb(188 240 218 / 0.9);
} .text-green-300 {
    --tw-text-opacity: 1;
    color: rgb(132 225 188 / var(--tw-text-opacity));
} .text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(49 196 141 / var(--tw-text-opacity));
} .text-green-400\/70 {
    color: rgb(49 196 141 / 0.7);
} .text-green-400\/90 {
    color: rgb(49 196 141 / 0.9);
} .text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(14 159 110 / var(--tw-text-opacity));
} .text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(5 122 85 / var(--tw-text-opacity));
} .text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(4 108 78 / var(--tw-text-opacity));
} .text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(3 84 63 / var(--tw-text-opacity));
} .text-green-900 {
    --tw-text-opacity: 1;
    color: rgb(1 71 55 / var(--tw-text-opacity));
} .text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(104 117 245 / var(--tw-text-opacity));
} .text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(88 80 236 / var(--tw-text-opacity));
} .text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(81 69 205 / var(--tw-text-opacity));
} .text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgb(66 56 157 / var(--tw-text-opacity));
} .text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgb(54 47 120 / var(--tw-text-opacity));
} .text-inherit {
    color: inherit;
} .text-light-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(3 169 244 / var(--tw-text-opacity));
} .text-light-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(2 136 209 / var(--tw-text-opacity));
} .text-light-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(1 87 155 / var(--tw-text-opacity));
} .text-light-green-500 {
    --tw-text-opacity: 1;
    color: rgb(139 195 74 / var(--tw-text-opacity));
} .text-light-green-700 {
    --tw-text-opacity: 1;
    color: rgb(104 159 56 / var(--tw-text-opacity));
} .text-light-green-900 {
    --tw-text-opacity: 1;
    color: rgb(51 105 30 / var(--tw-text-opacity));
} .text-lime-500 {
    --tw-text-opacity: 1;
    color: rgb(205 220 57 / var(--tw-text-opacity));
} .text-lime-700 {
    --tw-text-opacity: 1;
    color: rgb(175 180 43 / var(--tw-text-opacity));
} .text-lime-800 {
    --tw-text-opacity: 1;
    color: rgb(158 157 36 / var(--tw-text-opacity));
} .text-lime-900 {
    --tw-text-opacity: 1;
    color: rgb(130 119 23 / var(--tw-text-opacity));
} .text-muted-foreground {
    color: hsl(var(--muted-foreground));
} .text-orange-200\/70 {
    color: rgb(252 217 189 / 0.7);
} .text-orange-300 {
    --tw-text-opacity: 1;
    color: rgb(253 186 140 / var(--tw-text-opacity));
} .text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(255 138 76 / var(--tw-text-opacity));
} .text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(255 90 31 / var(--tw-text-opacity));
} .text-orange-600 {
    --tw-text-opacity: 1;
    color: rgb(208 56 1 / var(--tw-text-opacity));
} .text-orange-700 {
    --tw-text-opacity: 1;
    color: rgb(180 52 3 / var(--tw-text-opacity));
} .text-orange-900 {
    --tw-text-opacity: 1;
    color: rgb(119 29 29 / var(--tw-text-opacity));
} .text-pink-300 {
    --tw-text-opacity: 1;
    color: rgb(248 180 217 / var(--tw-text-opacity));
} .text-pink-400 {
    --tw-text-opacity: 1;
    color: rgb(241 126 184 / var(--tw-text-opacity));
} .text-pink-400\/70 {
    color: rgb(241 126 184 / 0.7);
} .text-pink-500 {
    --tw-text-opacity: 1;
    color: rgb(231 70 148 / var(--tw-text-opacity));
} .text-pink-600 {
    --tw-text-opacity: 1;
    color: rgb(214 31 105 / var(--tw-text-opacity));
} .text-pink-700 {
    --tw-text-opacity: 1;
    color: rgb(191 18 93 / var(--tw-text-opacity));
} .text-pink-800 {
    --tw-text-opacity: 1;
    color: rgb(153 21 75 / var(--tw-text-opacity));
} .text-pink-900 {
    --tw-text-opacity: 1;
    color: rgb(117 26 61 / var(--tw-text-opacity));
} .text-primary {
    color: hsl(var(--primary));
} .text-primary-foreground {
    color: hsl(var(--primary-foreground));
} .text-purple-300 {
    --tw-text-opacity: 1;
    color: rgb(202 191 253 / var(--tw-text-opacity));
} .text-purple-400 {
    --tw-text-opacity: 1;
    color: rgb(172 148 250 / var(--tw-text-opacity));
} .text-purple-400\/50 {
    color: rgb(172 148 250 / 0.5);
} .text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(144 97 249 / var(--tw-text-opacity));
} .text-purple-600 {
    --tw-text-opacity: 1;
    color: rgb(126 58 242 / var(--tw-text-opacity));
} .text-purple-700 {
    --tw-text-opacity: 1;
    color: rgb(108 43 217 / var(--tw-text-opacity));
} .text-purple-800 {
    --tw-text-opacity: 1;
    color: rgb(85 33 181 / var(--tw-text-opacity));
} .text-purple-900 {
    --tw-text-opacity: 1;
    color: rgb(74 29 150 / var(--tw-text-opacity));
} .text-red-100 {
    --tw-text-opacity: 1;
    color: rgb(253 232 232 / var(--tw-text-opacity));
} .text-red-200 {
    --tw-text-opacity: 1;
    color: rgb(251 213 213 / var(--tw-text-opacity));
} .text-red-300 {
    --tw-text-opacity: 1;
    color: rgb(248 180 180 / var(--tw-text-opacity));
} .text-red-300\/80 {
    color: rgb(248 180 180 / 0.8);
} .text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(249 128 128 / var(--tw-text-opacity));
} .text-red-400\/70 {
    color: rgb(249 128 128 / 0.7);
} .text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(240 82 82 / var(--tw-text-opacity));
} .text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(224 36 36 / var(--tw-text-opacity));
} .text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(200 30 30 / var(--tw-text-opacity));
} .text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(155 28 28 / var(--tw-text-opacity));
} .text-red-900 {
    --tw-text-opacity: 1;
    color: rgb(119 29 29 / var(--tw-text-opacity));
} .text-secondary-foreground {
    color: hsl(var(--secondary-foreground));
} .text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(6 148 162 / var(--tw-text-opacity));
} .text-teal-600 {
    --tw-text-opacity: 1;
    color: rgb(4 116 129 / var(--tw-text-opacity));
} .text-teal-700 {
    --tw-text-opacity: 1;
    color: rgb(3 102 114 / var(--tw-text-opacity));
} .text-teal-800 {
    --tw-text-opacity: 1;
    color: rgb(5 80 92 / var(--tw-text-opacity));
} .text-teal-900 {
    --tw-text-opacity: 1;
    color: rgb(1 68 81 / var(--tw-text-opacity));
} .text-transparent {
    color: transparent;
} .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} .text-white\/20 {
    color: rgb(255 255 255 / 0.2);
} .text-white\/25 {
    color: rgb(255 255 255 / 0.25);
} .text-white\/30 {
    color: rgb(255 255 255 / 0.3);
} .text-white\/40 {
    color: rgb(255 255 255 / 0.4);
} .text-white\/50 {
    color: rgb(255 255 255 / 0.5);
} .text-white\/60 {
    color: rgb(255 255 255 / 0.6);
} .text-white\/70 {
    color: rgb(255 255 255 / 0.7);
} .text-white\/80 {
    color: rgb(255 255 255 / 0.8);
} .text-white\/90 {
    color: rgb(255 255 255 / 0.9);
} .text-white\/95 {
    color: rgb(255 255 255 / 0.95);
} .text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgb(253 246 178 / var(--tw-text-opacity));
} .text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgb(252 233 106 / var(--tw-text-opacity));
} .text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgb(250 202 21 / var(--tw-text-opacity));
} .text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(227 160 8 / var(--tw-text-opacity));
} .text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(194 120 3 / var(--tw-text-opacity));
} .text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(142 75 16 / var(--tw-text-opacity));
} .text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgb(114 59 19 / var(--tw-text-opacity));
} .text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgb(99 49 18 / var(--tw-text-opacity));
} .underline {
    text-decoration-line: underline;
} .overline {
    text-decoration-line: overline;
} .line-through {
    text-decoration-line: line-through;
} .underline-offset-4 {
    text-underline-offset: 4px;
} .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} .placeholder-\[\#666\]::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(102 102 102 / var(--tw-placeholder-opacity));
} .placeholder-\[\#9CA3AF\]::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
} .placeholder-cyan-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(0 151 167 / var(--tw-placeholder-opacity));
} .placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
} .placeholder-gray-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(107 114 128 / var(--tw-placeholder-opacity));
} .placeholder-gray-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(75 85 99 / var(--tw-placeholder-opacity));
} .placeholder-green-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(4 108 78 / var(--tw-placeholder-opacity));
} .placeholder-muted-foreground::placeholder {
    color: hsl(var(--muted-foreground));
} .placeholder-red-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(200 30 30 / var(--tw-placeholder-opacity));
} .placeholder-white\/30::placeholder {
    color: rgb(255 255 255 / 0.3);
} .placeholder-white\/40::placeholder {
    color: rgb(255 255 255 / 0.4);
} .placeholder-white\/50::placeholder {
    color: rgb(255 255 255 / 0.5);
} .placeholder-yellow-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(142 75 16 / var(--tw-placeholder-opacity));
} .accent-gold-500 {
    accent-color: hsl(45 100% 58%);
} .opacity-0 {
    opacity: 0;
} .opacity-10 {
    opacity: 0.1;
} .opacity-100 {
    opacity: 1;
} .opacity-15 {
    opacity: 0.15;
} .opacity-20 {
    opacity: 0.2;
} .opacity-25 {
    opacity: 0.25;
} .opacity-30 {
    opacity: 0.3;
} .opacity-35 {
    opacity: 0.35;
} .opacity-40 {
    opacity: 0.4;
} .opacity-5 {
    opacity: 0.05;
} .opacity-50 {
    opacity: 0.5;
} .opacity-60 {
    opacity: 0.6;
} .opacity-70 {
    opacity: 0.7;
} .opacity-75 {
    opacity: 0.75;
} .opacity-80 {
    opacity: 0.8;
} .opacity-90 {
    opacity: 0.9;
} .opacity-\[0\.015\] {
    opacity: 0.015;
} .opacity-\[0\.02\] {
    opacity: 0.02;
} .mix-blend-multiply {
    mix-blend-mode: multiply;
} .mix-blend-lighten {
    mix-blend-mode: lighten;
} .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);
} .shadow-2 {
    --tw-shadow: 0 0 3px 0 rgba(0,0,0,.07),0 2px 2px 0 rgba(0,0,0,.04);
    --tw-shadow-colored: 0 0 3px 0 var(--tw-shadow-color), 0 2px 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);
} .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -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);
} .shadow-\[0_8px_32px_rgba\(255\2c 204\2c 0\2c 0\.15\)\] {
    --tw-shadow: 0 8px 32px rgba(255,204,0,0.15);
    --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: inset 0 2px 4px 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);
} .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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);
} .shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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);
} .shadow-none {
    --tw-shadow: 0 0 rgb(0, 0 / 0, 0);
    --tw-shadow-colored: 0 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);
} .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);
} .shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} .shadow-\[\#FFB000\]\/20 {
    --tw-shadow-color: rgb(255 176 0 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-\[\#FFB000\]\/30 {
    --tw-shadow-color: rgb(255 176 0 / 0.3);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-\[\#FFC727\]\/20 {
    --tw-shadow-color: rgb(255 199 39 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-\[\#FFC727\]\/30 {
    --tw-shadow-color: rgb(255 199 39 / 0.3);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-\[\#FFC727\]\/50 {
    --tw-shadow-color: rgb(255 199 39 / 0.5);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-amber-500\/10 {
    --tw-shadow-color: rgb(255 193 7 / 0.1);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-amber-500\/20 {
    --tw-shadow-color: rgb(255 193 7 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-amber-500\/25 {
    --tw-shadow-color: rgb(255 193 7 / 0.25);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-amber-500\/30 {
    --tw-shadow-color: rgb(255 193 7 / 0.3);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-amber-500\/40 {
    --tw-shadow-color: rgb(255 193 7 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-amber-500\/5 {
    --tw-shadow-color: rgb(255 193 7 / 0.05);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-blue-500\/20 {
    --tw-shadow-color: rgb(63 131 248 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-blue-500\/40 {
    --tw-shadow-color: rgb(63 131 248 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-blue-gray-500\/10 {
    --tw-shadow-color: rgb(96 125 139 / 0.1);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-blue-gray-500\/20 {
    --tw-shadow-color: rgb(96 125 139 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-blue-gray-500\/40 {
    --tw-shadow-color: rgb(96 125 139 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-blue-gray-900\/10 {
    --tw-shadow-color: rgb(38 50 56 / 0.1);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-brown-500\/20 {
    --tw-shadow-color: rgb(121 85 72 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-brown-500\/40 {
    --tw-shadow-color: rgb(121 85 72 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-cyan-500\/20 {
    --tw-shadow-color: rgb(0 188 212 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-cyan-500\/40 {
    --tw-shadow-color: rgb(0 188 212 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-deep-orange-500\/20 {
    --tw-shadow-color: rgb(255 87 34 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-deep-orange-500\/40 {
    --tw-shadow-color: rgb(255 87 34 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-deep-purple-500\/20 {
    --tw-shadow-color: rgb(103 58 183 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-deep-purple-500\/40 {
    --tw-shadow-color: rgb(103 58 183 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-gold-500\/20 {
    --tw-shadow-color: hsl(45 100% 58% / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-gold-500\/25 {
    --tw-shadow-color: hsl(45 100% 58% / 0.25);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-gold-500\/50 {
    --tw-shadow-color: hsl(45 100% 58% / 0.5);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-gold-glow {
    --tw-shadow-color: hsl(51 100% 84%);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-gray-500\/25 {
    --tw-shadow-color: rgb(107 114 128 / 0.25);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-gray-900\/10 {
    --tw-shadow-color: rgb(17 24 39 / 0.1);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-gray-900\/20 {
    --tw-shadow-color: rgb(17 24 39 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-green-500\/20 {
    --tw-shadow-color: rgb(14 159 110 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-green-500\/30 {
    --tw-shadow-color: rgb(14 159 110 / 0.3);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-green-500\/40 {
    --tw-shadow-color: rgb(14 159 110 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-green-500\/50 {
    --tw-shadow-color: rgb(14 159 110 / 0.5);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-indigo-500\/20 {
    --tw-shadow-color: rgb(104 117 245 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-indigo-500\/40 {
    --tw-shadow-color: rgb(104 117 245 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-light-blue-500\/20 {
    --tw-shadow-color: rgb(3 169 244 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-light-blue-500\/40 {
    --tw-shadow-color: rgb(3 169 244 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-light-green-500\/20 {
    --tw-shadow-color: rgb(139 195 74 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-light-green-500\/40 {
    --tw-shadow-color: rgb(139 195 74 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-lime-500\/20 {
    --tw-shadow-color: rgb(205 220 57 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-lime-500\/40 {
    --tw-shadow-color: rgb(205 220 57 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-orange-500\/20 {
    --tw-shadow-color: rgb(255 90 31 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-orange-500\/40 {
    --tw-shadow-color: rgb(255 90 31 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-pink-500\/20 {
    --tw-shadow-color: rgb(231 70 148 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-pink-500\/40 {
    --tw-shadow-color: rgb(231 70 148 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-purple-500\/20 {
    --tw-shadow-color: rgb(144 97 249 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-purple-500\/25 {
    --tw-shadow-color: rgb(144 97 249 / 0.25);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-purple-500\/30 {
    --tw-shadow-color: rgb(144 97 249 / 0.3);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-purple-500\/40 {
    --tw-shadow-color: rgb(144 97 249 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-red-500\/20 {
    --tw-shadow-color: rgb(240 82 82 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-red-500\/30 {
    --tw-shadow-color: rgb(240 82 82 / 0.3);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-red-500\/40 {
    --tw-shadow-color: rgb(240 82 82 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-teal-500\/20 {
    --tw-shadow-color: rgb(6 148 162 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-teal-500\/40 {
    --tw-shadow-color: rgb(6 148 162 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-yellow-500\/20 {
    --tw-shadow-color: rgb(194 120 3 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-yellow-500\/25 {
    --tw-shadow-color: rgb(194 120 3 / 0.25);
    --tw-shadow: var(--tw-shadow-colored);
} .shadow-yellow-500\/40 {
    --tw-shadow-color: rgb(194 120 3 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
} .outline {
    outline-style: solid;
} .outline-0 {
    outline-width: 0px;
} .outline-red-600\/50 {
    outline-color: rgb(224 36 36 / 0.5);
} .ring {
    --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(3px + 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);
} .ring-1 {
    --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(1px + 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);
} .ring-2 {
    --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);
} .ring-4 {
    --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(4px + 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);
} .ring-8 {
    --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(8px + 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);
} .ring-\[\#FFC727\]\/30 {
    --tw-ring-color: rgb(255 199 39 / 0.3);
} .ring-amber-400\/70 {
    --tw-ring-color: rgb(255 202 40 / 0.7);
} .ring-blue-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(225 239 254 / var(--tw-ring-opacity));
} .ring-cyan-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(38 198 218 / var(--tw-ring-opacity));
} .ring-cyan-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 151 167 / var(--tw-ring-opacity));
} .ring-gold-500\/20 {
    --tw-ring-color: hsl(45 100% 58% / 0.2);
} .ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
} .ring-gray-400\/10 {
    --tw-ring-color: rgb(156 163 175 / 0.1);
} .ring-gray-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
} .ring-gray-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
} .ring-green-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity));
} .ring-green-500\/20 {
    --tw-ring-color: rgb(14 159 110 / 0.2);
} .ring-pink-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(231 70 148 / var(--tw-ring-opacity));
} .ring-purple-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(144 97 249 / var(--tw-ring-opacity));
} .ring-purple-500\/20 {
    --tw-ring-color: rgb(144 97 249 / 0.2);
} .ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity));
} .ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
} .ring-white\/20 {
    --tw-ring-color: rgb(255 255 255 / 0.2);
} .ring-white\/30 {
    --tw-ring-color: rgb(255 255 255 / 0.3);
} .ring-white\/50 {
    --tw-ring-color: rgb(255 255 255 / 0.5);
} .ring-yellow-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(250 202 21 / var(--tw-ring-opacity));
} .ring-offset-background {
    --tw-ring-offset-color: hsl(var(--background));
} .ring-offset-white {
    --tw-ring-offset-color: #ffffff;
} .blur {
    --tw-blur: blur(8px);
    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);
} .blur-2xl {
    --tw-blur: blur(40px);
    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);
} .blur-3xl {
    --tw-blur: blur(64px);
    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);
} .blur-lg {
    --tw-blur: blur(16px);
    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);
} .blur-md {
    --tw-blur: blur(12px);
    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);
} .blur-sm {
    --tw-blur: blur(4px);
    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);
} .blur-xl {
    --tw-blur: blur(24px);
    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);
} .drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    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);
} .drop-shadow-\[0_0_20px_rgba\(255\2c 215\2c 0\2c 0\.3\)\] {
    --tw-drop-shadow: drop-shadow(0 0 20px rgba(255,215,0,0.3));
    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);
} .drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
    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);
} .drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    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);
} .drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
    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);
} .grayscale {
    --tw-grayscale: grayscale(100%);
    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 {
    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);
} .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px);
    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-blur-lg {
    --tw-backdrop-blur: blur(16px);
    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-blur-md {
    --tw-backdrop-blur: blur(12px);
    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-blur-sm {
    --tw-backdrop-blur: blur(4px);
    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-blur-xl {
    --tw-backdrop-blur: blur(24px);
    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-saturate-200 {
    --tw-backdrop-saturate: saturate(2);
    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 {
    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 {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
} .transition-\[color\2c background-color\2c border-color\2c text-decoration-color\2c fill\2c stroke\2c box-shadow\] {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
} .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
} .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
} .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
} .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
} .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
} .delay-0 {
    transition-delay: 0s;
} .delay-1000 {
    transition-delay: 1000ms;
} .duration-100 {
    transition-duration: 100ms;
} .duration-1000 {
    transition-duration: 1000ms;
} .duration-150 {
    transition-duration: 150ms;
} .duration-200 {
    transition-duration: 200ms;
} .duration-300 {
    transition-duration: 300ms;
} .duration-500 {
    transition-duration: 500ms;
} .duration-700 {
    transition-duration: 700ms;
} .duration-75 {
    transition-duration: 75ms;
} .ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
} .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
} .ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
} .will-change-transform {
    will-change: transform;
} .content-\[\'\'\] {
    --tw-content: '';
    content: var(--tw-content);
} @keyframes enter { from {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
    }
} @keyframes exit { to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
    }
} .fade-in {
    --tw-enter-opacity: 0;
} .zoom-in {
    --tw-enter-scale: 0;
} .duration-100 {
    animation-duration: 100ms;
} .duration-1000 {
    animation-duration: 1000ms;
} .duration-150 {
    animation-duration: 150ms;
} .duration-200 {
    animation-duration: 200ms;
} .duration-300 {
    animation-duration: 300ms;
} .duration-500 {
    animation-duration: 500ms;
} .duration-700 {
    animation-duration: 700ms;
} .duration-75 {
    animation-duration: 75ms;
} .delay-0 {
    animation-delay: 0s;
} .delay-1000 {
    animation-delay: 1000ms;
} .ease-in {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
} .ease-in-out {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
} .ease-out {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
} .running {
    animation-play-state: running;
} .paused {
    animation-play-state: paused;
} .gradient-gold {
    background: var(--gradient-gold);
  } .shadow-gold {
    box-shadow: var(--shadow-gold);
  } .shadow-gold-glow {
    box-shadow: var(--shadow-gold-glow);
  } .play-button {
    position: relative;
    display: inline-flex;
    height: 4rem;
    width: 4rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: hsl(var(--primary));
    color: hsl(var(--primary-foreground));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
} .bg-white.px-3.py-1.play-button,.play-button.bg-white {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
} .flex.play-button.bg-white.border.rounded-md,
.flex.play-button.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .play-button.rounded-md.mt-20.h-full.bg-white {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .play-button.rounded-xl.mt-8.bg-white.shadow-lg {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .play-button:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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));
    --tw-shadow-color: hsl(51 100% 84%);
    --tw-shadow: var(--tw-shadow-colored);
    box-shadow: var(--shadow-gold-glow);
} .play-button-large {
    position: relative;
    display: inline-flex;
    height: 6rem;
    width: 6rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: hsl(var(--primary));
    color: hsl(var(--primary-foreground));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
} .bg-white.px-3.py-1.play-button-large,.play-button-large.bg-white {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
} .flex.play-button-large.bg-white.border.rounded-md,
.flex.play-button-large.bg-white.border.rounded-sm {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
    border-color: rgba(255, 255, 255, 0.1);
} .play-button-large.rounded-md.mt-20.h-full.bg-white {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .play-button-large.rounded-xl.mt-8.bg-white.shadow-lg {
    background: linear-gradient(145deg, #1a1d29 0%, #2d3748 100%);
} .play-button-large:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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));
    --tw-shadow-color: hsl(51 100% 84%);
    --tw-shadow: var(--tw-shadow-colored);
    box-shadow: var(--shadow-gold-glow);
} .text-gradient-gold {
    background: var(--gradient-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  } .animate-float {
    animation: float 3s ease-in-out infinite;
  } .animate-glow {
    animation: glow 2s ease-in-out infinite alternate;
  } @keyframes float {
    0%, 100% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-10px);
    }
  } @keyframes glow {
    from {
      box-shadow: 0 0 20px hsl(45 100% 65% / 0.3);
    }
    to {
      box-shadow: 0 0 30px hsl(45 100% 65% / 0.6);
    }
  } .\[--anchor-gap\:var\(--spacing-1\)\] {
    --anchor-gap: var(--spacing-1);
} .\[--placement\:top-left\] {
    --placement: top-left;
} .\[-webkit-appearance\:none\] {
    -webkit-appearance: none;
} .\[mask-image\:radial-gradient\(64rem_64rem_at_top\2c white\2c transparent\)\] {
    mask-image: radial-gradient(64rem 64rem at top,white,transparent);
} .\[overflow\:-moz-scrollbars-none\] {
    overflow: -moz-scrollbars-none;
} .\[scrollbar-width\:none\] {
    scrollbar-width: none;
} /* Modern Gold YouTube-Inspired Design System */ .main-h-screen{
  background-color: hsl(var(--background));
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  color: hsl(var(--foreground));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} /* Navigation specific styles */ .nav-dropdown {
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid hsl(var(--border) / 0.1);
} /* Enhanced Dark Theme - Prevent White Background Issues */ /* Override default Tailwind/Forms plugin */ [type='text'],
[type='email'],
[type='password'],
[type='number'],
input,
textarea,
select {
  background-color: #4C4F52;
  border-color: #FFB000 !important;
  color: hsl(var(--foreground)) !important;
  border: #F9C223;
} /* Override blue focus ring with amber theme colors */ [type='text']:focus,
[type='email']:focus,
[type='url']:focus,
[type='password']:focus,
[type='number']:focus,
[type='date']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='week']:focus,
[multiple]:focus,
textarea:focus,
select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: transparent;
  --tw-ring-color: rgba(245, 158, 11, 0.5); /* amber-500 with 50% opacity */
  border-color: #F59E0B !important; /* amber-500 */
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.3); /* amber glow */
} /* Remove focus ring for inputs inside custom containers */ .focus-within\:border-amber-500\/50 input:focus,
.focus-within\:ring-amber-500\/30 input:focus {
  --tw-ring-color: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
} .file\:mr-4::file-selector-button {
    margin-right: 1rem;
} .file\:cursor-pointer::file-selector-button {
    cursor: pointer;
} .file\:rounded-lg::file-selector-button {
    border-radius: var(--radius);
} .file\:border-0::file-selector-button {
    border-width: 0px;
} .file\:bg-blue-50::file-selector-button {
    --tw-bg-opacity: 1;
    background-color: rgb(235 245 255 / var(--tw-bg-opacity));
} .file\:bg-red-700::file-selector-button {
    --tw-bg-opacity: 1;
    background-color: rgb(200 30 30 / var(--tw-bg-opacity));
} .file\:bg-transparent::file-selector-button {
    background-color: transparent;
} .file\:px-4::file-selector-button {
    padding-left: 1rem;
    padding-right: 1rem;
} .file\:py-2::file-selector-button {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
} .file\:py-3::file-selector-button {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
} .file\:text-sm::file-selector-button {
    font-size: 0.875rem;
    line-height: 1.25rem;
} .file\:font-medium::file-selector-button {
    font-weight: 500;
} .file\:text-blue-700::file-selector-button {
    --tw-text-opacity: 1;
    color: rgb(26 86 219 / var(--tw-text-opacity));
} .file\:text-white::file-selector-button {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} .placeholder\:text-transparent::placeholder {
    color: transparent;
} .placeholder\:opacity-0::placeholder {
    opacity: 0;
} .before\:pointer-events-none::before {
    content: var(--tw-content);
    pointer-events: none;
} .before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
} .before\:left-2\/4::before {
    content: var(--tw-content);
    left: 50%;
} .before\:top-2\/4::before {
    content: var(--tw-content);
    top: 50%;
} .before\:mr-1::before {
    content: var(--tw-content);
    margin-right: 0.25rem;
} .before\:mt-\[6\.5px\]::before {
    content: var(--tw-content);
    margin-top: 6.5px;
} .before\:box-border::before {
    content: var(--tw-content);
    box-sizing: border-box;
} .before\:block::before {
    content: var(--tw-content);
    display: block;
} .before\:h-1::before {
    content: var(--tw-content);
    height: 0.25rem;
} .before\:h-1\.5::before {
    content: var(--tw-content);
    height: 0.375rem;
} .before\:h-10::before {
    content: var(--tw-content);
    height: 2.5rem;
} .before\:h-12::before {
    content: var(--tw-content);
    height: 3rem;
} .before\:w-10::before {
    content: var(--tw-content);
    width: 2.5rem;
} .before\:w-12::before {
    content: var(--tw-content);
    width: 3rem;
} .before\:w-2::before {
    content: var(--tw-content);
    width: 0.5rem;
} .before\:w-2\.5::before {
    content: var(--tw-content);
    width: 0.625rem;
} .before\:-translate-x-2\/4::before {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    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));
} .before\:-translate-y-2\/4::before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    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));
} .before\:rounded-full::before {
    content: var(--tw-content);
    border-radius: 9999px;
} .before\:rounded-tl-md::before {
    content: var(--tw-content);
    border-top-left-radius: calc(var(--radius) - 2px);
} .before\:border-l::before {
    content: var(--tw-content);
    border-left-width: 1px;
} .before\:border-l-2::before {
    content: var(--tw-content);
    border-left-width: 2px;
} .before\:border-t::before {
    content: var(--tw-content);
    border-top-width: 1px;
} .before\:border-t-2::before {
    content: var(--tw-content);
    border-top-width: 2px;
} .before\:\!border-blue-gray-200::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(176 190 197 / var(--tw-border-opacity)) !important;
} .before\:border-amber-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 193 7 / var(--tw-border-opacity));
} .before\:border-black::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
} .before\:border-blue-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248 / var(--tw-border-opacity));
} .before\:border-blue-gray-200::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(176 190 197 / var(--tw-border-opacity));
} .before\:border-blue-gray-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(96 125 139 / var(--tw-border-opacity));
} .before\:border-brown-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(121 85 72 / var(--tw-border-opacity));
} .before\:border-cyan-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212 / var(--tw-border-opacity));
} .before\:border-deep-orange-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 87 34 / var(--tw-border-opacity));
} .before\:border-deep-purple-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(103 58 183 / var(--tw-border-opacity));
} .before\:border-gray-900::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39 / var(--tw-border-opacity));
} .before\:border-green-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(14 159 110 / var(--tw-border-opacity));
} .before\:border-indigo-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(104 117 245 / var(--tw-border-opacity));
} .before\:border-light-blue-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(3 169 244 / var(--tw-border-opacity));
} .before\:border-light-green-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(139 195 74 / var(--tw-border-opacity));
} .before\:border-lime-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(205 220 57 / var(--tw-border-opacity));
} .before\:border-orange-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 90 31 / var(--tw-border-opacity));
} .before\:border-pink-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(231 70 148 / var(--tw-border-opacity));
} .before\:border-purple-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(144 97 249 / var(--tw-border-opacity));
} .before\:border-red-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
} .before\:border-teal-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(6 148 162 / var(--tw-border-opacity));
} .before\:border-transparent::before {
    content: var(--tw-content);
    border-color: transparent;
} .before\:border-white::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
} .before\:border-yellow-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(194 120 3 / var(--tw-border-opacity));
} .before\:border-l-transparent::before {
    content: var(--tw-content);
    border-left-color: transparent;
} .before\:border-t-transparent::before {
    content: var(--tw-content);
    border-top-color: transparent;
} .before\:bg-blue-gray-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(96 125 139 / var(--tw-bg-opacity));
} .before\:opacity-0::before {
    content: var(--tw-content);
    opacity: 0;
} .before\:transition-all::before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
} .before\:transition-opacity::before {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
} .after\:pointer-events-none::after {
    content: var(--tw-content);
    pointer-events: none;
} .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
} .after\:-bottom-0::after {
    content: var(--tw-content);
    bottom: -0px;
} .after\:-bottom-1::after {
    content: var(--tw-content);
    bottom: -0.25rem;
} .after\:-bottom-1\.5::after {
    content: var(--tw-content);
    bottom: -0.375rem;
} .after\:-bottom-2::after {
    content: var(--tw-content);
    bottom: -0.5rem;
} .after\:-bottom-2\.5::after {
    content: var(--tw-content);
    bottom: -0.625rem;
} .after\:left-\[2px\]::after {
    content: var(--tw-content);
    left: 2px;
} .after\:left-\[4px\]::after {
    content: var(--tw-content);
    left: 4px;
} .after\:right-3::after {
    content: var(--tw-content);
    right: 0.75rem;
} .after\:start-\[2px\]::after {
    content: var(--tw-content);
    inset-inline-start: 2px;
} .after\:top-0::after {
    content: var(--tw-content);
    top: 0px;
} .after\:top-0\.5::after {
    content: var(--tw-content);
    top: 0.125rem;
} .after\:top-\[2px\]::after {
    content: var(--tw-content);
    top: 2px;
} .after\:ml-1::after {
    content: var(--tw-content);
    margin-left: 0.25rem;
} .after\:mt-\[6\.5px\]::after {
    content: var(--tw-content);
    margin-top: 6.5px;
} .after\:box-border::after {
    content: var(--tw-content);
    box-sizing: border-box;
} .after\:block::after {
    content: var(--tw-content);
    display: block;
} .after\:h-1::after {
    content: var(--tw-content);
    height: 0.25rem;
} .after\:h-1\.5::after {
    content: var(--tw-content);
    height: 0.375rem;
} .after\:h-4::after {
    content: var(--tw-content);
    height: 1rem;
} .after\:h-5::after {
    content: var(--tw-content);
    height: 1.25rem;
} .after\:h-6::after {
    content: var(--tw-content);
    height: 1.5rem;
} .after\:h-\[8px\]::after {
    content: var(--tw-content);
    height: 8px;
} .after\:w-2::after {
    content: var(--tw-content);
    width: 0.5rem;
} .after\:w-2\.5::after {
    content: var(--tw-content);
    width: 0.625rem;
} .after\:w-4::after {
    content: var(--tw-content);
    width: 1rem;
} .after\:w-5::after {
    content: var(--tw-content);
    width: 1.25rem;
} .after\:w-6::after {
    content: var(--tw-content);
    width: 1.5rem;
} .after\:w-\[8px\]::after {
    content: var(--tw-content);
    width: 8px;
} .after\:w-full::after {
    content: var(--tw-content);
    width: 100%;
} .after\:flex-grow::after {
    content: var(--tw-content);
    flex-grow: 1;
} .after\:translate-x-full::after {
    content: var(--tw-content);
    --tw-translate-x: 100%;
    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));
} .after\:rotate-45::after {
    content: var(--tw-content);
    --tw-rotate: 45deg;
    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));
} .after\:scale-x-0::after {
    content: var(--tw-content);
    --tw-scale-x: 0;
    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));
} .after\:scale-x-100::after {
    content: var(--tw-content);
    --tw-scale-x: 1;
    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));
} .after\:transform::after {
    content: var(--tw-content);
    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));
} .after\:rounded-full::after {
    content: var(--tw-content);
    border-radius: 9999px;
} .after\:rounded-tr-md::after {
    content: var(--tw-content);
    border-top-right-radius: calc(var(--radius) - 2px);
} .after\:border::after {
    content: var(--tw-content);
    border-width: 1px;
} .after\:border-b::after {
    content: var(--tw-content);
    border-bottom-width: 1px;
} .after\:border-b-2::after {
    content: var(--tw-content);
    border-bottom-width: 2px;
} .after\:border-r::after {
    content: var(--tw-content);
    border-right-width: 1px;
} .after\:border-r-2::after {
    content: var(--tw-content);
    border-right-width: 2px;
} .after\:border-t::after {
    content: var(--tw-content);
    border-top-width: 1px;
} .after\:border-t-2::after {
    content: var(--tw-content);
    border-top-width: 2px;
} .after\:\!border-blue-gray-200::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(176 190 197 / var(--tw-border-opacity)) !important;
} .after\:border-amber-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 193 7 / var(--tw-border-opacity));
} .after\:border-black::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
} .after\:border-black\/70::after {
    content: var(--tw-content);
    border-color: rgb(0 0 0 / 0.7);
} .after\:border-blue-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248 / var(--tw-border-opacity));
} .after\:border-blue-gray-200::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(176 190 197 / var(--tw-border-opacity));
} .after\:border-blue-gray-50::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(236 239 241 / var(--tw-border-opacity));
} .after\:border-blue-gray-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(96 125 139 / var(--tw-border-opacity));
} .after\:border-brown-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(121 85 72 / var(--tw-border-opacity));
} .after\:border-cyan-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212 / var(--tw-border-opacity));
} .after\:border-deep-orange-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 87 34 / var(--tw-border-opacity));
} .after\:border-deep-purple-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(103 58 183 / var(--tw-border-opacity));
} .after\:border-gray-300::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
} .after\:border-gray-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity));
} .after\:border-gray-900::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39 / var(--tw-border-opacity));
} .after\:border-green-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(14 159 110 / var(--tw-border-opacity));
} .after\:border-indigo-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(104 117 245 / var(--tw-border-opacity));
} .after\:border-light-blue-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(3 169 244 / var(--tw-border-opacity));
} .after\:border-light-green-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(139 195 74 / var(--tw-border-opacity));
} .after\:border-lime-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(205 220 57 / var(--tw-border-opacity));
} .after\:border-orange-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 90 31 / var(--tw-border-opacity));
} .after\:border-pink-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(231 70 148 / var(--tw-border-opacity));
} .after\:border-purple-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(144 97 249 / var(--tw-border-opacity));
} .after\:border-red-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
} .after\:border-teal-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(6 148 162 / var(--tw-border-opacity));
} .after\:border-transparent::after {
    content: var(--tw-content);
    border-color: transparent;
} .after\:border-white::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
} .after\:border-yellow-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(194 120 3 / var(--tw-border-opacity));
} .after\:border-r-transparent::after {
    content: var(--tw-content);
    border-right-color: transparent;
} .after\:border-t-transparent::after {
    content: var(--tw-content);
    border-top-color: transparent;
} .after\:bg-white::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
} .after\:transition-all::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
} .after\:transition-transform::after {
    content: var(--tw-content);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
} .after\:duration-300::after {
    content: var(--tw-content);
    transition-duration: 300ms;
} .after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
} .after\:duration-300::after {
    content: var(--tw-content);
    animation-duration: 300ms;
} .first\:ml-0:first-child {
    margin-left: 0px;
} .first\:mt-0:first-child {
    margin-top: 0px;
} .first\:rounded-t-lg:first-child {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
} .first\:border-t-0:first-child {
    border-top-width: 0px;
} .first\:pt-0:first-child {
    padding-top: 0px;
} .last\:mr-0:last-child {
    margin-right: 0px;
} .last\:rounded-b-lg:last-child {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
} .last\:border-b-0:last-child {
    border-bottom-width: 0px;
} .odd\:bg-white:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
} .even\:bg-gray-50:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
} .checked\:border-amber-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(255 193 7 / var(--tw-border-opacity));
} .checked\:border-blue-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248 / var(--tw-border-opacity));
} .checked\:border-blue-gray-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(96 125 139 / var(--tw-border-opacity));
} .checked\:border-brown-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(121 85 72 / var(--tw-border-opacity));
} .checked\:border-cyan-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212 / var(--tw-border-opacity));
} .checked\:border-deep-orange-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(255 87 34 / var(--tw-border-opacity));
} .checked\:border-deep-purple-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(103 58 183 / var(--tw-border-opacity));
} .checked\:border-gray-900:checked {
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39 / var(--tw-border-opacity));
} .checked\:border-green-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(14 159 110 / var(--tw-border-opacity));
} .checked\:border-indigo-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(104 117 245 / var(--tw-border-opacity));
} .checked\:border-light-blue-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(3 169 244 / var(--tw-border-opacity));
} .checked\:border-light-green-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(139 195 74 / var(--tw-border-opacity));
} .checked\:border-lime-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(205 220 57 / var(--tw-border-opacity));
} .checked\:border-orange-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(255 90 31 / var(--tw-border-opacity));
} .checked\:border-pink-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(231 70 148 / var(--tw-border-opacity));
} .checked\:border-purple-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(144 97 249 / var(--tw-border-opacity));
} .checked\:border-red-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
} .checked\:border-teal-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(6 148 162 / var(--tw-border-opacity));
} .checked\:border-yellow-500:checked {
    --tw-border-opacity: 1;
    border-color: rgb(194 120 3 / var(--tw-border-opacity));
} .checked\:bg-amber-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(255 193 7 / var(--tw-bg-opacity));
} .checked\:bg-blue-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(63 131 248 / var(--tw-bg-opacity));
} .checked\:bg-blue-gray-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(96 125 139 / var(--tw-bg-opacity));
} .checked\:bg-brown-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(121 85 72 / var(--tw-bg-opacity));
} .checked\:bg-cyan-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(0 188 212 / var(--tw-bg-opacity));
} .checked\:bg-deep-orange-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(255 87 34 / var(--tw-bg-opacity));
} .checked\:bg-deep-purple-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(103 58 183 / var(--tw-bg-opacity));
} .checked\:bg-gray-900:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
} .checked\:bg-green-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(14 159 110 / var(--tw-bg-opacity));
} .checked\:bg-indigo-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(104 117 245 / var(--tw-bg-opacity));
} .checked\:bg-light-blue-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(3 169 244 / var(--tw-bg-opacity));
} .checked\:bg-light-green-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(139 195 74 / var(--tw-bg-opacity));
} .checked\:bg-lime-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(205 220 57 / var(--tw-bg-opacity));
} .checked\:bg-orange-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(255 90 31 / var(--tw-bg-opacity));
} .checked\:bg-pink-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(231 70 148 / var(--tw-bg-opacity));
} .checked\:bg-purple-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(144 97 249 / var(--tw-bg-opacity));
} .checked\:bg-red-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(240 82 82 / var(--tw-bg-opacity));
} .checked\:bg-teal-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(6 148 162 / var(--tw-bg-opacity));
} .checked\:bg-yellow-500:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(194 120 3 / var(--tw-bg-opacity));
} .checked\:before\:bg-amber-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 193 7 / var(--tw-bg-opacity));
} .checked\:before\:bg-blue-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(63 131 248 / var(--tw-bg-opacity));
} .checked\:before\:bg-blue-gray-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(96 125 139 / var(--tw-bg-opacity));
} .checked\:before\:bg-brown-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(121 85 72 / var(--tw-bg-opacity));
} .checked\:before\:bg-cyan-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 188 212 / var(--tw-bg-opacity));
} .checked\:before\:bg-deep-orange-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 87 34 / var(--tw-bg-opacity));
} .checked\:before\:bg-deep-purple-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(103 58 183 / var(--tw-bg-opacity));
} .checked\:before\:bg-gray-900:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
} .checked\:before\:bg-green-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(14 159 110 / var(--tw-bg-opacity));
} .checked\:before\:bg-indigo-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(104 117 245 / var(--tw-bg-opacity));
} .checked\:before\:bg-light-blue-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(3 169 244 / var(--tw-bg-opacity));
} .checked\:before\:bg-light-green-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(139 195 74 / var(--tw-bg-opacity));
} .checked\:before\:bg-lime-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(205 220 57 / var(--tw-bg-opacity));
} .checked\:before\:bg-orange-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 90 31 / var(--tw-bg-opacity));
} .checked\:before\:bg-pink-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(231 70 148 / var(--tw-bg-opacity));
} .checked\:before\:bg-purple-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(144 97 249 / var(--tw-bg-opacity));
} .checked\:before\:bg-red-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(240 82 82 / var(--tw-bg-opacity));
} .checked\:before\:bg-teal-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(6 148 162 / var(--tw-bg-opacity));
} .checked\:before\:bg-yellow-500:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(194 120 3 / var(--tw-bg-opacity));
} .placeholder-shown\:border:placeholder-shown {
    border-width: 1px;
} .placeholder-shown\:border-blue-gray-200:placeholder-shown {
    --tw-border-opacity: 1;
    border-color: rgb(176 190 197 / var(--tw-border-opacity));
} .placeholder-shown\:border-green-500:placeholder-shown {
    --tw-border-opacity: 1;
    border-color: rgb(14 159 110 / var(--tw-border-opacity));
} .placeholder-shown\:border-red-500:placeholder-shown {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
} .placeholder-shown\:border-t-blue-gray-200:placeholder-shown {
    --tw-border-opacity: 1;
    border-top-color: rgb(176 190 197 / var(--tw-border-opacity));
} .placeholder-shown\:border-t-green-500:placeholder-shown {
    --tw-border-opacity: 1;
    border-top-color: rgb(14 159 110 / var(--tw-border-opacity));
} .placeholder-shown\:border-t-red-500:placeholder-shown {
    --tw-border-opacity: 1;
    border-top-color: rgb(240 82 82 / var(--tw-border-opacity));
} .autofill\:pb-2:autofill {
    padding-bottom: 0.5rem;
} .autofill\:pt-6:autofill {
    padding-top: 1.5rem;
} .invalid\:text-black\/60:invalid {
    color: rgb(0 0 0 / 0.6);
} .empty\:hidden:empty {
    display: none;
} .focus-within\:border-\[\#FFC727\]:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(255 199 39 / var(--tw-border-opacity));
} .focus-within\:border-amber-500\/50:focus-within {
    border-color: rgb(255 193 7 / 0.5);
} .focus-within\:ring-2:focus-within {
    --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);
} .focus-within\:ring-amber-500\/30:focus-within {
    --tw-ring-color: rgb(255 193 7 / 0.3);
} .hover\:mt-3:hover {
    margin-top: 0.75rem;
} .hover\:-translate-y-0:hover {
    --tw-translate-y: -0px;
    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));
} .hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
    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));
} .hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
    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));
} .hover\:-translate-y-2:hover {
    --tw-translate-y: -0.5rem;
    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));
} .hover\:-translate-y-4:hover {
    --tw-translate-y: -1rem;
    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));
} .hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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));
} .hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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));
} .hover\:scale-\[1\.02\]:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    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));
} .hover\:scale-x-110:hover {
    --tw-scale-x: 1.1;
    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));
} .hover\:scale-y-125:hover {
    --tw-scale-y: 1.25;
    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));
} .hover\:transform:hover {
    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));
} .hover\:cursor-not-allowed:hover {
    cursor: not-allowed;
} .hover\:border-\[\#4CAF50\]\/50:hover {
    border-color: rgb(76 175 80 / 0.5);
} .hover\:border-\[\#D1D5DB\]\/50:hover {
    border-color: rgb(209 213 219 / 0.5);
} .hover\:border-\[\#FFC727\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 199 39 / var(--tw-border-opacity));
} .hover\:border-\[\#FFC727\]\/30:hover {
    border-color: rgb(255 199 39 / 0.3);
} .hover\:border-\[\#FFC727\]\/40:hover {
    border-color: rgb(255 199 39 / 0.4);
} .hover\:border-\[\#FFC727\]\/50:hover {
    border-color: rgb(255 199 39 / 0.5);
} .hover\:border-\[\#FFC727\]\/60:hover {
    border-color: rgb(255 199 39 / 0.6);
} .hover\:border-\[\#FFD84D\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 216 77 / var(--tw-border-opacity));
} .hover\:border-amber-400\/35:hover {
    border-color: rgb(255 202 40 / 0.35);
} .hover\:border-amber-400\/40:hover {
    border-color: rgb(255 202 40 / 0.4);
} .hover\:border-amber-400\/50:hover {
    border-color: rgb(255 202 40 / 0.5);
} .hover\:border-amber-400\/60:hover {
    border-color: rgb(255 202 40 / 0.6);
} .hover\:border-amber-400\/70:hover {
    border-color: rgb(255 202 40 / 0.7);
} .hover\:border-amber-500\/30:hover {
    border-color: rgb(255 193 7 / 0.3);
} .hover\:border-blue-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(118 169 250 / var(--tw-border-opacity));
} .hover\:border-blue-400\/50:hover {
    border-color: rgb(118 169 250 / 0.5);
} .hover\:border-blue-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248 / var(--tw-border-opacity));
} .hover\:border-cyan-400\/60:hover {
    border-color: rgb(38 198 218 / 0.6);
} .hover\:border-gold-400\/50:hover {
    border-color: hsl(45 100% 65% / 0.5);
} .hover\:border-gold-500\/30:hover {
    border-color: hsl(45 100% 58% / 0.3);
} .hover\:border-gold-500\/40:hover {
    border-color: hsl(45 100% 58% / 0.4);
} .hover\:border-gold-500\/50:hover {
    border-color: hsl(45 100% 58% / 0.5);
} .hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
} .hover\:border-gray-400\/80:hover {
    border-color: rgb(156 163 175 / 0.8);
} .hover\:border-green-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(49 196 141 / var(--tw-border-opacity));
} .hover\:border-green-400\/50:hover {
    border-color: rgb(49 196 141 / 0.5);
} .hover\:border-green-500\/50:hover {
    border-color: rgb(14 159 110 / 0.5);
} .hover\:border-orange-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 138 76 / var(--tw-border-opacity));
} .hover\:border-pink-400\/50:hover {
    border-color: rgb(241 126 184 / 0.5);
} .hover\:border-purple-400\/50:hover {
    border-color: rgb(172 148 250 / 0.5);
} .hover\:border-red-400\/70:hover {
    border-color: rgb(249 128 128 / 0.7);
} .hover\:border-red-500\/50:hover {
    border-color: rgb(240 82 82 / 0.5);
} .hover\:border-red-700:hover {
    --tw-border-opacity: 1;
    border-color: rgb(200 30 30 / var(--tw-border-opacity));
} .hover\:border-red-700\/30:hover {
    border-color: rgb(200 30 30 / 0.3);
} .hover\:border-red-900:hover {
    --tw-border-opacity: 1;
    border-color: rgb(119 29 29 / var(--tw-border-opacity));
} .hover\:border-white\/10:hover {
    border-color: rgb(255 255 255 / 0.1);
} .hover\:border-white\/20:hover {
    border-color: rgb(255 255 255 / 0.2);
} .hover\:border-white\/30:hover {
    border-color: rgb(255 255 255 / 0.3);
} .hover\:\!bg-gray-700:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
} .hover\:bg-\[\#FFB000\]\/10:hover {
    background-color: rgb(255 176 0 / 0.1);
} .hover\:bg-\[\#FFC727\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 199 39 / var(--tw-bg-opacity));
} .hover\:bg-\[\#FFC727\]\/10:hover {
    background-color: rgb(255 199 39 / 0.1);
} .hover\:bg-\[\#FFC727\]\/20:hover {
    background-color: rgb(255 199 39 / 0.2);
} .hover\:bg-\[\#FFC727\]\/30:hover {
    background-color: rgb(255 199 39 / 0.3);
} .hover\:bg-\[\#FFC727\]\/5:hover {
    background-color: rgb(255 199 39 / 0.05);
} .hover\:bg-\[\#FFC727\]\/60:hover {
    background-color: rgb(255 199 39 / 0.6);
} .hover\:bg-\[\#dc3545\]\/90:hover {
    background-color: rgb(220 53 69 / 0.9);
} .hover\:bg-\[\#e5d43c\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 212 60 / var(--tw-bg-opacity));
} .hover\:bg-accent:hover {
    background-color: hsl(var(--accent));
} .hover\:bg-amber-500\/10:hover {
    background-color: rgb(255 193 7 / 0.1);
} .hover\:bg-amber-500\/20:hover {
    background-color: rgb(255 193 7 / 0.2);
} .hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
} .hover\:bg-blue-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(195 221 253 / var(--tw-bg-opacity));
} .hover\:bg-blue-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(118 169 250 / var(--tw-bg-opacity));
} .hover\:bg-blue-500\/10:hover {
    background-color: rgb(63 131 248 / 0.1);
} .hover\:bg-blue-500\/20:hover {
    background-color: rgb(63 131 248 / 0.2);
} .hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 66 159 / var(--tw-bg-opacity));
} .hover\:bg-blue-900\/30:hover {
    background-color: rgb(35 56 118 / 0.3);
} .hover\:bg-blue-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(236 239 241 / var(--tw-bg-opacity));
} .hover\:bg-blue-gray-500\/10:hover {
    background-color: rgb(96 125 139 / 0.1);
} .hover\:bg-brown-500\/10:hover {
    background-color: rgb(121 85 72 / 0.1);
} .hover\:bg-cyan-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(178 235 242 / var(--tw-bg-opacity));
} .hover\:bg-cyan-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(128 222 234 / var(--tw-bg-opacity));
} .hover\:bg-cyan-500\/10:hover {
    background-color: rgb(0 188 212 / 0.1);
} .hover\:bg-cyan-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 172 193 / var(--tw-bg-opacity));
} .hover\:bg-cyan-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 131 143 / var(--tw-bg-opacity));
} .hover\:bg-deep-orange-500\/10:hover {
    background-color: rgb(255 87 34 / 0.1);
} .hover\:bg-deep-purple-500\/10:hover {
    background-color: rgb(103 58 183 / 0.1);
} .hover\:bg-destructive\/90:hover {
    background-color: hsl(var(--destructive) / 0.9);
} .hover\:bg-gold-500\/20:hover {
    background-color: hsl(45 100% 58% / 0.2);
} .hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
} .hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
} .hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
} .hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
} .hover\:bg-gray-500\/20:hover {
    background-color: rgb(107 114 128 / 0.2);
} .hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
} .hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
} .hover\:bg-gray-900\/10:hover {
    background-color: rgb(17 24 39 / 0.1);
} .hover\:bg-green-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(188 240 218 / var(--tw-bg-opacity));
} .hover\:bg-green-500\/10:hover {
    background-color: rgb(14 159 110 / 0.1);
} .hover\:bg-green-500\/20:hover {
    background-color: rgb(14 159 110 / 0.2);
} .hover\:bg-green-500\/30:hover {
    background-color: rgb(14 159 110 / 0.3);
} .hover\:bg-indigo-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(205 219 254 / var(--tw-bg-opacity));
} .hover\:bg-indigo-500\/10:hover {
    background-color: rgb(104 117 245 / 0.1);
} .hover\:bg-light-blue-500\/10:hover {
    background-color: rgb(3 169 244 / 0.1);
} .hover\:bg-light-green-500\/10:hover {
    background-color: rgb(139 195 74 / 0.1);
} .hover\:bg-lime-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(230 238 156 / var(--tw-bg-opacity));
} .hover\:bg-lime-500\/10:hover {
    background-color: rgb(205 220 57 / 0.1);
} .hover\:bg-orange-500\/10:hover {
    background-color: rgb(255 90 31 / 0.1);
} .hover\:bg-orange-500\/20:hover {
    background-color: rgb(255 90 31 / 0.2);
} .hover\:bg-orange-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(208 56 1 / var(--tw-bg-opacity));
} .hover\:bg-pink-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 209 232 / var(--tw-bg-opacity));
} .hover\:bg-pink-500\/10:hover {
    background-color: rgb(231 70 148 / 0.1);
} .hover\:bg-pink-500\/30:hover {
    background-color: rgb(231 70 148 / 0.3);
} .hover\:bg-primary\/10:hover {
    background-color: hsl(var(--primary) / 0.1);
} .hover\:bg-primary\/90:hover {
    background-color: hsl(var(--primary) / 0.9);
} .hover\:bg-purple-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(220 215 254 / var(--tw-bg-opacity));
} .hover\:bg-purple-500\/10:hover {
    background-color: rgb(144 97 249 / 0.1);
} .hover\:bg-purple-500\/20:hover {
    background-color: rgb(144 97 249 / 0.2);
} .hover\:bg-red-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(253 232 232 / var(--tw-bg-opacity));
} .hover\:bg-red-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(251 213 213 / var(--tw-bg-opacity));
} .hover\:bg-red-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 128 128 / var(--tw-bg-opacity));
} .hover\:bg-red-50\/50:hover {
    background-color: rgb(253 242 242 / 0.5);
} .hover\:bg-red-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 82 82 / var(--tw-bg-opacity));
} .hover\:bg-red-500\/10:hover {
    background-color: rgb(240 82 82 / 0.1);
} .hover\:bg-red-500\/20:hover {
    background-color: rgb(240 82 82 / 0.2);
} .hover\:bg-red-500\/30:hover {
    background-color: rgb(240 82 82 / 0.3);
} .hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(224 36 36 / var(--tw-bg-opacity));
} .hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(200 30 30 / var(--tw-bg-opacity));
} .hover\:bg-red-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(155 28 28 / var(--tw-bg-opacity));
} .hover\:bg-red-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(119 29 29 / var(--tw-bg-opacity));
} .hover\:bg-secondary\/80:hover {
    background-color: hsl(var(--secondary) / 0.8);
} .hover\:bg-teal-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(175 236 239 / var(--tw-bg-opacity));
} .hover\:bg-teal-500\/10:hover {
    background-color: rgb(6 148 162 / 0.1);
} .hover\:bg-transparent:hover {
    background-color: transparent;
} .hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
} .hover\:bg-white\/10:hover {
    background-color: rgb(255 255 255 / 0.1);
} .hover\:bg-white\/15:hover {
    background-color: rgb(255 255 255 / 0.15);
} .hover\:bg-white\/20:hover {
    background-color: rgb(255 255 255 / 0.2);
} .hover\:bg-white\/40:hover {
    background-color: rgb(255 255 255 / 0.4);
} .hover\:bg-white\/5:hover {
    background-color: rgb(255 255 255 / 0.05);
} .hover\:bg-white\/50:hover {
    background-color: rgb(255 255 255 / 0.5);
} .hover\:bg-white\/\[0\.06\]:hover {
    background-color: rgb(255 255 255 / 0.06);
} .hover\:bg-white\/\[0\.07\]:hover {
    background-color: rgb(255 255 255 / 0.07);
} .hover\:bg-yellow-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(252 233 106 / var(--tw-bg-opacity));
} .hover\:bg-yellow-500\/10:hover {
    background-color: rgb(194 120 3 / 0.1);
} .hover\:bg-opacity-20:hover {
    --tw-bg-opacity: 0.2;
} .hover\:bg-opacity-5:hover {
    --tw-bg-opacity: 0.05;
} .hover\:bg-opacity-80:hover {
    --tw-bg-opacity: 0.8;
} .hover\:bg-gradient-to-br:hover {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
} .hover\:bg-redgr:hover {
    background-image: linear-gradient(147deg, #C62128 0%, #A00000 74%);
} .hover\:from-\[\#FFB800\]:hover {
    --tw-gradient-from: #FFB800 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 184 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-\[\#FFC727\]:hover {
    --tw-gradient-from: #FFC727 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 199 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-\[\#FFCC00\]:hover {
    --tw-gradient-from: #FFCC00 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 204 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-\[\#FFD700\]:hover {
    --tw-gradient-from: #FFD700 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 215 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-\[\#FFD84D\]:hover {
    --tw-gradient-from: #FFD84D var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 216 77 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-amber-400:hover {
    --tw-gradient-from: #ffca28 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 202 40 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-amber-500\/20:hover {
    --tw-gradient-from: rgb(255 193 7 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-amber-500\/80:hover {
    --tw-gradient-from: rgb(255 193 7 / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 193 7 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-amber-600:hover {
    --tw-gradient-from: #ffb300 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 179 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-blue-700:hover {
    --tw-gradient-from: #1A56DB var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(26 86 219 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-gold-400:hover {
    --tw-gradient-from: hsl(45 100% 65%) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(45 100% 65% / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-gold-500\/10:hover {
    --tw-gradient-from: hsl(45 100% 58% / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-gold-500\/20:hover {
    --tw-gradient-from: hsl(45 100% 58% / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-gold-500\/25:hover {
    --tw-gradient-from: hsl(45 100% 58% / 0.25) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-gray-600:hover {
    --tw-gradient-from: #4B5563 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-green-600:hover {
    --tw-gradient-from: #057A55 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(5 122 85 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-green-700:hover {
    --tw-gradient-from: #046C4E var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(4 108 78 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-orange-600:hover {
    --tw-gradient-from: #D03801 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(208 56 1 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-pink-500\/30:hover {
    --tw-gradient-from: rgb(231 70 148 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-purple-400:hover {
    --tw-gradient-from: #AC94FA var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(172 148 250 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-purple-500\/30:hover {
    --tw-gradient-from: rgb(144 97 249 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-purple-700:hover {
    --tw-gradient-from: #6C2BD9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(108 43 217 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-red-600:hover {
    --tw-gradient-from: #E02424 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(224 36 36 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-red-700:hover {
    --tw-gradient-from: #C81E1E var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(200 30 30 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-white\/20:hover {
    --tw-gradient-from: rgb(255 255 255 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:from-yellow-500:hover {
    --tw-gradient-from: #C27803 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(194 120 3 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .hover\:via-green-700:hover {
    --tw-gradient-to: rgb(4 108 78 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #046C4E var(--tw-gradient-via-position), var(--tw-gradient-to);
} .hover\:via-red-700:hover {
    --tw-gradient-to: rgb(200 30 30 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #C81E1E var(--tw-gradient-via-position), var(--tw-gradient-to);
} .hover\:via-yellow-500\/15:hover {
    --tw-gradient-to: rgb(194 120 3 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(194 120 3 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .hover\:via-yellow-500\/20:hover {
    --tw-gradient-to: rgb(194 120 3 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(194 120 3 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
} .hover\:to-\[\#FF8C00\]:hover {
    --tw-gradient-to: #FF8C00 var(--tw-gradient-to-position);
} .hover\:to-\[\#FF9C00\]:hover {
    --tw-gradient-to: #FF9C00 var(--tw-gradient-to-position);
} .hover\:to-\[\#FFB000\]:hover {
    --tw-gradient-to: #FFB000 var(--tw-gradient-to-position);
} .hover\:to-\[\#FFC727\]:hover {
    --tw-gradient-to: #FFC727 var(--tw-gradient-to-position);
} .hover\:to-amber-600\/80:hover {
    --tw-gradient-to: rgb(255 179 0 / 0.8) var(--tw-gradient-to-position);
} .hover\:to-blue-700:hover {
    --tw-gradient-to: #1A56DB var(--tw-gradient-to-position);
} .hover\:to-blue-800:hover {
    --tw-gradient-to: #1E429F var(--tw-gradient-to-position);
} .hover\:to-cyan-700:hover {
    --tw-gradient-to: #0097a7 var(--tw-gradient-to-position);
} .hover\:to-gold-500:hover {
    --tw-gradient-to: hsl(45 100% 58%) var(--tw-gradient-to-position);
} .hover\:to-gold-500\/5:hover {
    --tw-gradient-to: hsl(45 100% 58% / 0.05) var(--tw-gradient-to-position);
} .hover\:to-gold-600\/10:hover {
    --tw-gradient-to: hsl(38 100% 55% / 0.1) var(--tw-gradient-to-position);
} .hover\:to-gold-600\/25:hover {
    --tw-gradient-to: hsl(38 100% 55% / 0.25) var(--tw-gradient-to-position);
} .hover\:to-gray-500:hover {
    --tw-gradient-to: #6B7280 var(--tw-gradient-to-position);
} .hover\:to-green-800:hover {
    --tw-gradient-to: #03543F var(--tw-gradient-to-position);
} .hover\:to-indigo-500\/30:hover {
    --tw-gradient-to: rgb(104 117 245 / 0.3) var(--tw-gradient-to-position);
} .hover\:to-orange-400:hover {
    --tw-gradient-to: #FF8A4C var(--tw-gradient-to-position);
} .hover\:to-orange-500:hover {
    --tw-gradient-to: #FF5A1F var(--tw-gradient-to-position);
} .hover\:to-orange-500\/20:hover {
    --tw-gradient-to: rgb(255 90 31 / 0.2) var(--tw-gradient-to-position);
} .hover\:to-pink-700:hover {
    --tw-gradient-to: #BF125D var(--tw-gradient-to-position);
} .hover\:to-purple-500:hover {
    --tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
} .hover\:to-purple-600:hover {
    --tw-gradient-to: #7E3AF2 var(--tw-gradient-to-position);
} .hover\:to-purple-700:hover {
    --tw-gradient-to: #6C2BD9 var(--tw-gradient-to-position);
} .hover\:to-red-700:hover {
    --tw-gradient-to: #C81E1E var(--tw-gradient-to-position);
} .hover\:to-red-800:hover {
    --tw-gradient-to: #9B1C1C var(--tw-gradient-to-position);
} .hover\:to-teal-800:hover {
    --tw-gradient-to: #05505C var(--tw-gradient-to-position);
} .hover\:to-white\/10:hover {
    --tw-gradient-to: rgb(255 255 255 / 0.1) var(--tw-gradient-to-position);
} .hover\:to-yellow-600:hover {
    --tw-gradient-to: #9F580A var(--tw-gradient-to-position);
} .hover\:fill-white:hover {
    fill: #ffffff;
} .hover\:text-\[\#0A0A0A\]:hover {
    --tw-text-opacity: 1;
    color: rgb(10 10 10 / var(--tw-text-opacity));
} .hover\:text-\[\#1A1A1A\]\/70:hover {
    color: rgb(26 26 26 / 0.7);
} .hover\:text-\[\#5b1b1b\]:hover {
    --tw-text-opacity: 1;
    color: rgb(91 27 27 / var(--tw-text-opacity));
} .hover\:text-\[\#FFB800\]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 184 0 / var(--tw-text-opacity));
} .hover\:text-\[\#FFC727\]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 199 39 / var(--tw-text-opacity));
} .hover\:text-\[\#FFCC00\]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 204 0 / var(--tw-text-opacity));
} .hover\:text-\[\#FFD84D\]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 216 77 / var(--tw-text-opacity));
} .hover\:text-\[\#FFFFFF\]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} .hover\:text-accent-foreground:hover {
    color: hsl(var(--accent-foreground));
} .hover\:text-amber-200:hover {
    --tw-text-opacity: 1;
    color: rgb(255 224 130 / var(--tw-text-opacity));
} .hover\:text-amber-300:hover {
    --tw-text-opacity: 1;
    color: rgb(255 213 79 / var(--tw-text-opacity));
} .hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
} .hover\:text-blue-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(96 125 139 / var(--tw-text-opacity));
} .hover\:text-blue-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(38 50 56 / var(--tw-text-opacity));
} .hover\:text-cyan-700:hover {
    --tw-text-opacity: 1;
    color: rgb(0 151 167 / var(--tw-text-opacity));
} .hover\:text-gray-200:hover {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity));
} .hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
} .hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
} .hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
} .hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
} .hover\:text-light-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgb(3 169 244 / var(--tw-text-opacity));
} .hover\:text-orange-300:hover {
    --tw-text-opacity: 1;
    color: rgb(253 186 140 / var(--tw-text-opacity));
} .hover\:text-primary:hover {
    color: hsl(var(--primary));
} .hover\:text-purple-200:hover {
    --tw-text-opacity: 1;
    color: rgb(220 215 254 / var(--tw-text-opacity));
} .hover\:text-red-200:hover {
    --tw-text-opacity: 1;
    color: rgb(251 213 213 / var(--tw-text-opacity));
} .hover\:text-red-300:hover {
    --tw-text-opacity: 1;
    color: rgb(248 180 180 / var(--tw-text-opacity));
} .hover\:text-red-400:hover {
    --tw-text-opacity: 1;
    color: rgb(249 128 128 / var(--tw-text-opacity));
} .hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(224 36 36 / var(--tw-text-opacity));
} .hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgb(200 30 30 / var(--tw-text-opacity));
} .hover\:text-red-800:hover {
    --tw-text-opacity: 1;
    color: rgb(155 28 28 / var(--tw-text-opacity));
} .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} .hover\:text-white\/60:hover {
    color: rgb(255 255 255 / 0.6);
} .hover\:text-white\/80:hover {
    color: rgb(255 255 255 / 0.8);
} .hover\:underline:hover {
    text-decoration-line: underline;
} .hover\:opacity-100:hover {
    opacity: 1;
} .hover\:opacity-35:hover {
    opacity: 0.35;
} .hover\:opacity-40:hover {
    opacity: 0.4;
} .hover\:opacity-75:hover {
    opacity: 0.75;
} .hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -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);
} .hover\:shadow-\[0_6px_20px_rgba\(255\2c 215\2c 0\2c 0\.5\)\]:hover {
    --tw-shadow: 0 6px 20px rgba(255,215,0,0.5);
    --tw-shadow-colored: 0 6px 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);
} .hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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);
} .hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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);
} .hover\:shadow-sm:hover {
    --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);
} .hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} .hover\:shadow-\[\#FFC727\]\/20:hover {
    --tw-shadow-color: rgb(255 199 39 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-\[\#FFC727\]\/25:hover {
    --tw-shadow-color: rgb(255 199 39 / 0.25);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-\[\#FFC727\]\/30:hover {
    --tw-shadow-color: rgb(255 199 39 / 0.3);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-amber-500\/10:hover {
    --tw-shadow-color: rgb(255 193 7 / 0.1);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-amber-500\/20:hover {
    --tw-shadow-color: rgb(255 193 7 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-amber-500\/40:hover {
    --tw-shadow-color: rgb(255 193 7 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-blue-500\/25:hover {
    --tw-shadow-color: rgb(63 131 248 / 0.25);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-blue-500\/40:hover {
    --tw-shadow-color: rgb(63 131 248 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-blue-gray-500\/20:hover {
    --tw-shadow-color: rgb(96 125 139 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-blue-gray-500\/40:hover {
    --tw-shadow-color: rgb(96 125 139 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-brown-500\/40:hover {
    --tw-shadow-color: rgb(121 85 72 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-cyan-500\/40:hover {
    --tw-shadow-color: rgb(0 188 212 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-deep-orange-500\/40:hover {
    --tw-shadow-color: rgb(255 87 34 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-deep-purple-500\/40:hover {
    --tw-shadow-color: rgb(103 58 183 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-gold-500\/20:hover {
    --tw-shadow-color: hsl(45 100% 58% / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-gold-glow:hover {
    --tw-shadow-color: hsl(51 100% 84%);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-gray-900\/20:hover {
    --tw-shadow-color: rgb(17 24 39 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-green-500\/25:hover {
    --tw-shadow-color: rgb(14 159 110 / 0.25);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-green-500\/40:hover {
    --tw-shadow-color: rgb(14 159 110 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-indigo-500\/40:hover {
    --tw-shadow-color: rgb(104 117 245 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-light-blue-500\/40:hover {
    --tw-shadow-color: rgb(3 169 244 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-light-green-500\/40:hover {
    --tw-shadow-color: rgb(139 195 74 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-lime-500\/40:hover {
    --tw-shadow-color: rgb(205 220 57 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-orange-500\/40:hover {
    --tw-shadow-color: rgb(255 90 31 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-pink-500\/40:hover {
    --tw-shadow-color: rgb(231 70 148 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-purple-500\/40:hover {
    --tw-shadow-color: rgb(144 97 249 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-red-500\/40:hover {
    --tw-shadow-color: rgb(240 82 82 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-teal-500\/40:hover {
    --tw-shadow-color: rgb(6 148 162 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:shadow-yellow-500\/40:hover {
    --tw-shadow-color: rgb(194 120 3 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
} .hover\:drop-shadow-\[0_0_10px_rgba\(255\2c 215\2c 0\2c 0\.5\)\]:hover {
    --tw-drop-shadow: drop-shadow(0 0 10px rgba(255,215,0,0.5));
    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);
} .hover\:shadow-gold:hover {
    box-shadow: var(--shadow-gold);
  } .hover\:shadow-gold-glow:hover {
    box-shadow: var(--shadow-gold-glow);
  } .file\:hover\:bg-red-900:hover::file-selector-button {
    --tw-bg-opacity: 1;
    background-color: rgb(119 29 29 / var(--tw-bg-opacity));
} .hover\:file\:bg-blue-100::file-selector-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(225 239 254 / var(--tw-bg-opacity));
} .hover\:before\:opacity-10:hover::before {
    content: var(--tw-content);
    opacity: 0.1;
} .focus\:z-10:focus {
    z-index: 10;
} .focus\:scale-110:focus {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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));
} .focus\:border-2:focus {
    border-width: 2px;
} .focus\:border-none:focus {
    border-style: none;
} .focus\:border-\[\#FFC727\]:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 199 39 / var(--tw-border-opacity));
} .focus\:border-\[\#FFC727\]\/50:focus {
    border-color: rgb(255 199 39 / 0.5);
} .focus\:border-amber-400:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 202 40 / var(--tw-border-opacity));
} .focus\:border-amber-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 193 7 / var(--tw-border-opacity));
} .focus\:border-amber-500\/50:focus {
    border-color: rgb(255 193 7 / 0.5);
} .focus\:border-black:focus {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
} .focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248 / var(--tw-border-opacity));
} .focus\:border-blue-600:focus {
    --tw-border-opacity: 1;
    border-color: rgb(28 100 242 / var(--tw-border-opacity));
} .focus\:border-blue-gray-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(96 125 139 / var(--tw-border-opacity));
} .focus\:border-blue-gray-900:focus {
    --tw-border-opacity: 1;
    border-color: rgb(38 50 56 / var(--tw-border-opacity));
} .focus\:border-brown-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(121 85 72 / var(--tw-border-opacity));
} .focus\:border-cyan-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212 / var(--tw-border-opacity));
} .focus\:border-deep-orange-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 87 34 / var(--tw-border-opacity));
} .focus\:border-deep-purple-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(103 58 183 / var(--tw-border-opacity));
} .focus\:border-gold-500\/50:focus {
    border-color: hsl(45 100% 58% / 0.5);
} .focus\:border-gray-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity));
} .focus\:border-gray-900:focus {
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39 / var(--tw-border-opacity));
} .focus\:border-green-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(14 159 110 / var(--tw-border-opacity));
} .focus\:border-green-600:focus {
    --tw-border-opacity: 1;
    border-color: rgb(5 122 85 / var(--tw-border-opacity));
} .focus\:border-indigo-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(104 117 245 / var(--tw-border-opacity));
} .focus\:border-light-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(3 169 244 / var(--tw-border-opacity));
} .focus\:border-light-green-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(139 195 74 / var(--tw-border-opacity));
} .focus\:border-lime-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(205 220 57 / var(--tw-border-opacity));
} .focus\:border-orange-400:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 138 76 / var(--tw-border-opacity));
} .focus\:border-orange-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 90 31 / var(--tw-border-opacity));
} .focus\:border-pink-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(231 70 148 / var(--tw-border-opacity));
} .focus\:border-purple-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(144 97 249 / var(--tw-border-opacity));
} .focus\:border-purple-500\/50:focus {
    border-color: rgb(144 97 249 / 0.5);
} .focus\:border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
} .focus\:border-red-500\/70:focus {
    border-color: rgb(240 82 82 / 0.7);
} .focus\:border-red-600:focus {
    --tw-border-opacity: 1;
    border-color: rgb(224 36 36 / var(--tw-border-opacity));
} .focus\:border-red-700:focus {
    --tw-border-opacity: 1;
    border-color: rgb(200 30 30 / var(--tw-border-opacity));
} .focus\:border-red-900:focus {
    --tw-border-opacity: 1;
    border-color: rgb(119 29 29 / var(--tw-border-opacity));
} .focus\:border-teal-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(6 148 162 / var(--tw-border-opacity));
} .focus\:border-white:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
} .focus\:border-yellow-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(194 120 3 / var(--tw-border-opacity));
} .focus\:border-t-transparent:focus {
    border-top-color: transparent;
} .focus\:bg-blue-gray-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(236 239 241 / var(--tw-bg-opacity));
} .focus\:bg-gray-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
} .focus\:bg-red-50\/50:focus {
    background-color: rgb(253 242 242 / 0.5);
} .focus\:bg-transparent:focus {
    background-color: transparent;
} .focus\:bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
} .focus\:bg-white\/\[0\.06\]:focus {
    background-color: rgb(255 255 255 / 0.06);
} .focus\:bg-opacity-80:focus {
    --tw-bg-opacity: 0.8;
} .focus\:pb-2:focus {
    padding-bottom: 0.5rem;
} .focus\:pt-6:focus {
    padding-top: 1.5rem;
} .focus\:text-blue-gray-500:focus {
    --tw-text-opacity: 1;
    color: rgb(96 125 139 / var(--tw-text-opacity));
} .focus\:text-blue-gray-900:focus {
    --tw-text-opacity: 1;
    color: rgb(38 50 56 / var(--tw-text-opacity));
} .focus\:text-cyan-700:focus {
    --tw-text-opacity: 1;
    color: rgb(0 151 167 / var(--tw-text-opacity));
} .focus\:text-gray-900:focus {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
} .focus\:text-red-600:focus {
    --tw-text-opacity: 1;
    color: rgb(224 36 36 / var(--tw-text-opacity));
} .focus\:placeholder-gray-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
} .focus\:opacity-\[0\.85\]:focus {
    opacity: 0.85;
} .focus\:shadow-none:focus {
    --tw-shadow: 0 0 rgb(0, 0 / 0, 0);
    --tw-shadow-colored: 0 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);
} .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
} .focus\:outline-0:focus {
    outline-width: 0px;
} .focus\:ring: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(3px + 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);
} .focus\:ring-0: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(0px + 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);
} .focus\:ring-1: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(1px + 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);
} .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);
} .focus\:ring-4: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(4px + 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);
} .focus\:ring-\[\#10B981\]:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
} .focus\:ring-\[\#FF0000\]:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 0 0 / var(--tw-ring-opacity));
} .focus\:ring-\[\#FFC727\]:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 199 39 / var(--tw-ring-opacity));
} .focus\:ring-\[\#FFC727\]\/20:focus {
    --tw-ring-color: rgb(255 199 39 / 0.2);
} .focus\:ring-\[\#FFC727\]\/30:focus {
    --tw-ring-color: rgb(255 199 39 / 0.3);
} .focus\:ring-\[\#dc3545\]\/50:focus {
    --tw-ring-color: rgb(220 53 69 / 0.5);
} .focus\:ring-amber-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 224 130 / var(--tw-ring-opacity));
} .focus\:ring-amber-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 213 79 / var(--tw-ring-opacity));
} .focus\:ring-amber-300\/50:focus {
    --tw-ring-color: rgb(255 213 79 / 0.5);
} .focus\:ring-amber-400\/20:focus {
    --tw-ring-color: rgb(255 202 40 / 0.2);
} .focus\:ring-amber-400\/50:focus {
    --tw-ring-color: rgb(255 202 40 / 0.5);
} .focus\:ring-amber-500\/20:focus {
    --tw-ring-color: rgb(255 193 7 / 0.2);
} .focus\:ring-amber-500\/50:focus {
    --tw-ring-color: rgb(255 193 7 / 0.5);
} .focus\:ring-blue-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(195 221 253 / var(--tw-ring-opacity));
} .focus\:ring-blue-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
} .focus\:ring-blue-300\/50:focus {
    --tw-ring-color: rgb(164 202 254 / 0.5);
} .focus\:ring-blue-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(118 169 250 / var(--tw-ring-opacity));
} .focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
} .focus\:ring-blue-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity));
} .focus\:ring-blue-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(176 190 197 / var(--tw-ring-opacity));
} .focus\:ring-brown-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(188 170 164 / var(--tw-ring-opacity));
} .focus\:ring-cyan-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(128 222 234 / var(--tw-ring-opacity));
} .focus\:ring-cyan-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(77 208 225 / var(--tw-ring-opacity));
} .focus\:ring-cyan-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(38 198 218 / var(--tw-ring-opacity));
} .focus\:ring-cyan-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 188 212 / var(--tw-ring-opacity));
} .focus\:ring-cyan-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 172 193 / var(--tw-ring-opacity));
} .focus\:ring-cyan-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 151 167 / var(--tw-ring-opacity));
} .focus\:ring-cyan-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 131 143 / var(--tw-ring-opacity));
} .focus\:ring-deep-orange-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 171 145 / var(--tw-ring-opacity));
} .focus\:ring-deep-purple-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(179 157 219 / var(--tw-ring-opacity));
} .focus\:ring-gold-500\/20:focus {
    --tw-ring-color: hsl(45 100% 58% / 0.2);
} .focus\:ring-gold-500\/50:focus {
    --tw-ring-color: hsl(45 100% 58% / 0.5);
} .focus\:ring-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
} .focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
} .focus\:ring-gray-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
} .focus\:ring-gray-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
} .focus\:ring-gray-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
} .focus\:ring-green-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(188 240 218 / var(--tw-ring-opacity));
} .focus\:ring-green-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(132 225 188 / var(--tw-ring-opacity));
} .focus\:ring-green-300\/50:focus {
    --tw-ring-color: rgb(132 225 188 / 0.5);
} .focus\:ring-green-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(49 196 141 / var(--tw-ring-opacity));
} .focus\:ring-green-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity));
} .focus\:ring-green-500\/20:focus {
    --tw-ring-color: rgb(14 159 110 / 0.2);
} .focus\:ring-green-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(5 122 85 / var(--tw-ring-opacity));
} .focus\:ring-green-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity));
} .focus\:ring-indigo-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(205 219 254 / var(--tw-ring-opacity));
} .focus\:ring-indigo-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(180 198 252 / var(--tw-ring-opacity));
} .focus\:ring-indigo-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(141 162 251 / var(--tw-ring-opacity));
} .focus\:ring-indigo-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(81 69 205 / var(--tw-ring-opacity));
} .focus\:ring-light-blue-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(129 212 250 / var(--tw-ring-opacity));
} .focus\:ring-light-green-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(197 225 165 / var(--tw-ring-opacity));
} .focus\:ring-lime-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(230 238 156 / var(--tw-ring-opacity));
} .focus\:ring-lime-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(220 231 117 / var(--tw-ring-opacity));
} .focus\:ring-lime-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(212 225 87 / var(--tw-ring-opacity));
} .focus\:ring-lime-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(175 180 43 / var(--tw-ring-opacity));
} .focus\:ring-orange-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(252 217 189 / var(--tw-ring-opacity));
} .focus\:ring-orange-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 138 76 / var(--tw-ring-opacity));
} .focus\:ring-orange-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 90 31 / var(--tw-ring-opacity));
} .focus\:ring-pink-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(250 209 232 / var(--tw-ring-opacity));
} .focus\:ring-pink-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 180 217 / var(--tw-ring-opacity));
} .focus\:ring-pink-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(241 126 184 / var(--tw-ring-opacity));
} .focus\:ring-pink-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(214 31 105 / var(--tw-ring-opacity));
} .focus\:ring-purple-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(220 215 254 / var(--tw-ring-opacity));
} .focus\:ring-purple-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(202 191 253 / var(--tw-ring-opacity));
} .focus\:ring-purple-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(172 148 250 / var(--tw-ring-opacity));
} .focus\:ring-purple-500\/20:focus {
    --tw-ring-color: rgb(144 97 249 / 0.2);
} .focus\:ring-purple-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(126 58 242 / var(--tw-ring-opacity));
} .focus\:ring-red-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(253 232 232 / var(--tw-ring-opacity));
} .focus\:ring-red-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(251 213 213 / var(--tw-ring-opacity));
} .focus\:ring-red-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity));
} .focus\:ring-red-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity));
} .focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity));
} .focus\:ring-red-500\/20:focus {
    --tw-ring-color: rgb(240 82 82 / 0.2);
} .focus\:ring-red-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(224 36 36 / var(--tw-ring-opacity));
} .focus\:ring-red-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(200 30 30 / var(--tw-ring-opacity));
} .focus\:ring-red-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(119 29 29 / var(--tw-ring-opacity));
} .focus\:ring-teal-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(175 236 239 / var(--tw-ring-opacity));
} .focus\:ring-teal-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(126 220 226 / var(--tw-ring-opacity));
} .focus\:ring-teal-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(22 189 202 / var(--tw-ring-opacity));
} .focus\:ring-teal-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(4 116 129 / var(--tw-ring-opacity));
} .focus\:ring-white\/50:focus {
    --tw-ring-color: rgb(255 255 255 / 0.5);
} .focus\:ring-yellow-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(252 233 106 / var(--tw-ring-opacity));
} .focus\:ring-yellow-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(250 202 21 / var(--tw-ring-opacity));
} .focus\:ring-yellow-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(227 160 8 / var(--tw-ring-opacity));
} .focus\:ring-yellow-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(194 120 3 / var(--tw-ring-opacity));
} .focus\:ring-opacity-50:focus {
    --tw-ring-opacity: 0.5;
} .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
} .focus\:placeholder\:opacity-100:focus::placeholder {
    opacity: 1;
} .focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
} .focus-visible\:ring-2:focus-visible {
    --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);
} .focus-visible\:ring-gold-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: hsl(45 100% 58% / var(--tw-ring-opacity));
} .focus-visible\:ring-red-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity));
} .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: hsl(var(--ring));
} .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
} .active\:scale-100:active {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    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));
} .active\:scale-95:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    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));
} .active\:scale-\[0\.98\]:active {
    --tw-scale-x: 0.98;
    --tw-scale-y: 0.98;
    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));
} .active\:cursor-grabbing:active {
    cursor: grabbing;
} .active\:border-red-900:active {
    --tw-border-opacity: 1;
    border-color: rgb(119 29 29 / var(--tw-border-opacity));
} .active\:bg-amber-500\/30:active {
    background-color: rgb(255 193 7 / 0.3);
} .active\:bg-blue-500\/30:active {
    background-color: rgb(63 131 248 / 0.3);
} .active\:bg-blue-gray-50:active {
    --tw-bg-opacity: 1;
    background-color: rgb(236 239 241 / var(--tw-bg-opacity));
} .active\:bg-blue-gray-500\/30:active {
    background-color: rgb(96 125 139 / 0.3);
} .active\:bg-brown-500\/30:active {
    background-color: rgb(121 85 72 / 0.3);
} .active\:bg-cyan-500\/30:active {
    background-color: rgb(0 188 212 / 0.3);
} .active\:bg-deep-orange-500\/30:active {
    background-color: rgb(255 87 34 / 0.3);
} .active\:bg-deep-purple-500\/30:active {
    background-color: rgb(103 58 183 / 0.3);
} .active\:bg-gray-900\/20:active {
    background-color: rgb(17 24 39 / 0.2);
} .active\:bg-green-500\/30:active {
    background-color: rgb(14 159 110 / 0.3);
} .active\:bg-indigo-500:active {
    --tw-bg-opacity: 1;
    background-color: rgb(104 117 245 / var(--tw-bg-opacity));
} .active\:bg-indigo-500\/30:active {
    background-color: rgb(104 117 245 / 0.3);
} .active\:bg-light-blue-500\/30:active {
    background-color: rgb(3 169 244 / 0.3);
} .active\:bg-light-green-500\/30:active {
    background-color: rgb(139 195 74 / 0.3);
} .active\:bg-lime-500\/30:active {
    background-color: rgb(205 220 57 / 0.3);
} .active\:bg-orange-500\/30:active {
    background-color: rgb(255 90 31 / 0.3);
} .active\:bg-pink-500\/30:active {
    background-color: rgb(231 70 148 / 0.3);
} .active\:bg-purple-500\/30:active {
    background-color: rgb(144 97 249 / 0.3);
} .active\:bg-red-500\/30:active {
    background-color: rgb(240 82 82 / 0.3);
} .active\:bg-teal-500\/30:active {
    background-color: rgb(6 148 162 / 0.3);
} .active\:bg-transparent:active {
    background-color: transparent;
} .active\:bg-white\/30:active {
    background-color: rgb(255 255 255 / 0.3);
} .active\:bg-yellow-500\/30:active {
    background-color: rgb(194 120 3 / 0.3);
} .active\:bg-opacity-80:active {
    --tw-bg-opacity: 0.8;
} .active\:text-blue-gray-500:active {
    --tw-text-opacity: 1;
    color: rgb(96 125 139 / var(--tw-text-opacity));
} .active\:text-blue-gray-900:active {
    --tw-text-opacity: 1;
    color: rgb(38 50 56 / var(--tw-text-opacity));
} .active\:text-red-700:active {
    --tw-text-opacity: 1;
    color: rgb(200 30 30 / var(--tw-text-opacity));
} .active\:opacity-\[0\.85\]:active {
    opacity: 0.85;
} .active\:shadow-none:active {
    --tw-shadow: 0 0 rgb(0, 0 / 0, 0);
    --tw-shadow-colored: 0 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);
} .enabled\:hover\:bg-blue-800:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(30 66 159 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-cyan-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(178 235 242 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-cyan-800:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(0 131 143 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-gray-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-gray-900:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-green-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(222 247 236 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-green-800:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(3 84 63 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-indigo-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(229 237 255 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-lime-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(240 244 195 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-pink-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(252 232 243 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-purple-800:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(85 33 181 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-red-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(253 232 232 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-red-800:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(155 28 28 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-teal-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(213 245 246 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-yellow-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(253 246 178 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-yellow-500:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(194 120 3 / var(--tw-bg-opacity));
} .enabled\:hover\:bg-gradient-to-bl:hover:enabled {
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
} .enabled\:hover\:bg-gradient-to-br:hover:enabled {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
} .enabled\:hover\:bg-gradient-to-l:hover:enabled {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
} .enabled\:hover\:from-teal-200:hover:enabled {
    --tw-gradient-from: #AFECEF var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(175 236 239 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .enabled\:hover\:to-lime-200:hover:enabled {
    --tw-gradient-to: #e6ee9c var(--tw-gradient-to-position);
} .enabled\:hover\:text-cyan-700:hover:enabled {
    --tw-text-opacity: 1;
    color: rgb(0 151 167 / var(--tw-text-opacity));
} .enabled\:hover\:text-gray-700:hover:enabled {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
} .enabled\:hover\:text-gray-900:hover:enabled {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
} .disabled\:pointer-events-none:disabled {
    pointer-events: none;
} .disabled\:transform-none:disabled {
    transform: none;
} .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
} .disabled\:resize-none:disabled {
    resize: none;
} .disabled\:border-0:disabled {
    border-width: 0px;
} .disabled\:border-gray-400:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
} .disabled\:bg-blue-gray-50:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(236 239 241 / var(--tw-bg-opacity));
} .disabled\:bg-gray-200:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
} .disabled\:text-gray-400:disabled {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
} .disabled\:text-gray-500:disabled {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
} .disabled\:opacity-40:disabled {
    opacity: 0.4;
} .disabled\:opacity-50:disabled {
    opacity: 0.5;
} .disabled\:opacity-60:disabled {
    opacity: 0.6;
} .disabled\:shadow-none:disabled {
    --tw-shadow: 0 0 rgb(0, 0 / 0, 0);
    --tw-shadow-colored: 0 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);
} .group:first-child .group-first\:hidden {
    display: none;
} .group\/body:first-child .group\/row:first-child .group-first\/body\:group-first\/row\:first\:rounded-tl-lg:first-child {
    border-top-left-radius: var(--radius);
} .group\/head:first-child .group-first\/head\:first\:rounded-tl-lg:first-child {
    border-top-left-radius: var(--radius);
} .group\/body:first-child .group\/row:first-child .group-first\/body\:group-first\/row\:last\:rounded-tr-lg:last-child {
    border-top-right-radius: var(--radius);
} .group\/head:first-child .group-first\/head\:last\:rounded-tr-lg:last-child {
    border-top-right-radius: var(--radius);
} .group\/body:last-child .group\/row:last-child .group-last\/body\:group-last\/row\:first\:rounded-bl-lg:first-child {
    border-bottom-left-radius: var(--radius);
} .group\/body:last-child .group\/row:last-child .group-last\/body\:group-last\/row\:last\:rounded-br-lg:last-child {
    border-bottom-right-radius: var(--radius);
} .group:focus-within .group-focus-within\:text-\[\#FFC727\] {
    --tw-text-opacity: 1;
    color: rgb(255 199 39 / var(--tw-text-opacity));
} .group:hover .group-hover\:visible {
    visibility: visible;
} .group\/btn:hover .group-hover\/btn\:translate-x-1 {
    --tw-translate-x: 0.25rem;
    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));
} .group:hover .group-hover\:-translate-x-1 {
    --tw-translate-x: -0.25rem;
    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));
} .group:hover .group-hover\:translate-x-1 {
    --tw-translate-x: 0.25rem;
    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));
} .group:hover .group-hover\:translate-x-full {
    --tw-translate-x: 100%;
    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));
} .group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px;
    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));
} .group:hover .group-hover\:translate-y-0\.5 {
    --tw-translate-y: 0.125rem;
    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));
} .group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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));
} .group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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));
} .group:hover .group-hover\:border-\[\#FFC727\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 199 39 / var(--tw-border-opacity));
} .group:hover .group-hover\:border-\[\#FFC727\]\/60 {
    border-color: rgb(255 199 39 / 0.6);
} .group:hover .group-hover\:border-white\/20 {
    border-color: rgb(255 255 255 / 0.2);
} .group:hover .group-hover\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(195 221 253 / var(--tw-bg-opacity));
} .group:hover .group-hover\:bg-cyan-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(128 222 234 / var(--tw-bg-opacity));
} .group:hover .group-hover\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
} .group:hover .group-hover\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
} .group:hover .group-hover\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
} .group:hover .group-hover\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(188 240 218 / var(--tw-bg-opacity));
} .group:hover .group-hover\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(205 219 254 / var(--tw-bg-opacity));
} .group:hover .group-hover\:bg-lime-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(230 238 156 / var(--tw-bg-opacity));
} .group:hover .group-hover\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 209 232 / var(--tw-bg-opacity));
} .group:hover .group-hover\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 215 254 / var(--tw-bg-opacity));
} .group:hover .group-hover\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 213 213 / var(--tw-bg-opacity));
} .group:hover .group-hover\:bg-teal-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(175 236 239 / var(--tw-bg-opacity));
} .group:hover .group-hover\:bg-white\/20 {
    background-color: rgb(255 255 255 / 0.2);
} .group:hover .group-hover\:bg-white\/50 {
    background-color: rgb(255 255 255 / 0.5);
} .group:hover .group-hover\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 233 106 / var(--tw-bg-opacity));
} .group:hover .group-hover\:from-\[\#FF9C00\] {
    --tw-gradient-from: #FF9C00 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 156 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .group:hover .group-hover\:from-\[\#FFB800\] {
    --tw-gradient-from: #FFB800 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 184 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .group:hover .group-hover\:from-\[\#FFC727\] {
    --tw-gradient-from: #FFC727 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 199 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .group:hover .group-hover\:from-\[\#FFD84D\] {
    --tw-gradient-from: #FFD84D var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 216 77 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .group:hover .group-hover\:from-gold-500\/30 {
    --tw-gradient-from: hsl(45 100% 58% / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(45 100% 58% / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} .group:hover .group-hover\:to-\[\#FFB800\] {
    --tw-gradient-to: #FFB800 var(--tw-gradient-to-position);
} .group:hover .group-hover\:to-\[\#FFC727\] {
    --tw-gradient-to: #FFC727 var(--tw-gradient-to-position);
} .group:hover .group-hover\:to-\[\#FFD700\] {
    --tw-gradient-to: #FFD700 var(--tw-gradient-to-position);
} .group:hover .group-hover\:to-gold-600\/30 {
    --tw-gradient-to: hsl(38 100% 55% / 0.3) var(--tw-gradient-to-position);
} .group:hover .group-hover\:text-\[\#FFC727\] {
    --tw-text-opacity: 1;
    color: rgb(255 199 39 / var(--tw-text-opacity));
} .group:hover .group-hover\:text-amber-300 {
    --tw-text-opacity: 1;
    color: rgb(255 213 79 / var(--tw-text-opacity));
} .group:hover .group-hover\:text-gold-300 {
    --tw-text-opacity: 1;
    color: hsl(45 100% 70% / var(--tw-text-opacity));
} .group:hover .group-hover\:text-gold-400 {
    --tw-text-opacity: 1;
    color: hsl(45 100% 65% / var(--tw-text-opacity));
} .group:hover .group-hover\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
} .group:hover .group-hover\:text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(249 128 128 / var(--tw-text-opacity));
} .group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} .group:hover .group-hover\:text-white\/80 {
    color: rgb(255 255 255 / 0.8);
} .group:hover .group-hover\:text-white\/95 {
    color: rgb(255 255 255 / 0.95);
} .group\/kw:hover .group-hover\/kw\:opacity-100 {
    opacity: 1;
} .group:hover .group-hover\:opacity-100 {
    opacity: 1;
} .group:hover .group-hover\:opacity-30 {
    opacity: 0.3;
} .group:hover .group-hover\:opacity-40 {
    opacity: 0.4;
} .group:hover .group-hover\:opacity-50 {
    opacity: 0.5;
} .group:hover .group-hover\:ring-\[\#FFC727\] {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 199 39 / var(--tw-ring-opacity));
} .group:hover .group-hover\:duration-200 {
    transition-duration: 200ms;
    animation-duration: 200ms;
} .group:focus .group-focus\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
} .group:focus .group-focus\:ring-4 {
    --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(4px + 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);
} .group:focus .group-focus\:ring-cyan-500\/25 {
    --tw-ring-color: rgb(0 188 212 / 0.25);
} .group:focus .group-focus\:ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
} .group:enabled:hover .group-enabled\:group-hover\:bg-opacity-0 {
    --tw-bg-opacity: 0;
} .group:enabled:hover .group-enabled\:group-hover\:text-inherit {
    color: inherit;
} .peer:checked ~ .peer-checked\:translate-x-full {
    --tw-translate-x: 100%;
    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));
} .peer:checked ~ .peer-checked\:border-amber-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 193 7 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-blue-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(96 125 139 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-brown-500 {
    --tw-border-opacity: 1;
    border-color: rgb(121 85 72 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-cyan-500 {
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-deep-orange-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 87 34 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-deep-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgb(103 58 183 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgb(14 159 110 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgb(104 117 245 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-light-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(3 169 244 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-light-green-500 {
    --tw-border-opacity: 1;
    border-color: rgb(139 195 74 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-lime-500 {
    --tw-border-opacity: 1;
    border-color: rgb(205 220 57 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-orange-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 90 31 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgb(231 70 148 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgb(144 97 249 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-teal-500 {
    --tw-border-opacity: 1;
    border-color: rgb(6 148 162 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgb(194 120 3 / var(--tw-border-opacity));
} .peer:checked ~ .peer-checked\:bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 36 36 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:opacity-100 {
    opacity: 1;
} .peer:checked ~ .peer-checked\:before\:bg-amber-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 193 7 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-blue-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(63 131 248 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-blue-gray-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(96 125 139 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-brown-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(121 85 72 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-cyan-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 188 212 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-deep-orange-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 87 34 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-deep-purple-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(103 58 183 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-gray-900::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-green-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(14 159 110 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-indigo-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(104 117 245 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-light-blue-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(3 169 244 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-light-green-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(139 195 74 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-lime-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(205 220 57 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-orange-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 90 31 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-pink-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(231 70 148 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-purple-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(144 97 249 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-red-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(240 82 82 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-teal-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(6 148 162 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:before\:bg-yellow-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(194 120 3 / var(--tw-bg-opacity));
} .peer:checked ~ .peer-checked\:after\:translate-x-full::after {
    content: var(--tw-content);
    --tw-translate-x: 100%;
    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));
} .peer:checked ~ .peer-checked\:after\:border-white::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
} .peer:placeholder-shown ~ .peer-placeholder-shown\:top-1\/2 {
    top: 50%;
} .peer:placeholder-shown ~ .peer-placeholder-shown\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
    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));
} .peer:placeholder-shown ~ .peer-placeholder-shown\:translate-y-0 {
    --tw-translate-y: 0px;
    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));
} .peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    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));
} .peer:placeholder-shown ~ .peer-placeholder-shown\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
} .peer:placeholder-shown ~ .peer-placeholder-shown\:leading-\[3\.75\] {
    line-height: 3.75;
} .peer:placeholder-shown ~ .peer-placeholder-shown\:leading-\[4\.1\] {
    line-height: 4.1;
} .peer:placeholder-shown ~ .peer-placeholder-shown\:leading-\[4\.25\] {
    line-height: 4.25;
} .peer:placeholder-shown ~ .peer-placeholder-shown\:leading-\[4\.875\] {
    line-height: 4.875;
} .peer:placeholder-shown ~ .peer-placeholder-shown\:leading-tight {
    line-height: 1.25;
} .peer:placeholder-shown ~ .peer-placeholder-shown\:text-blue-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(96 125 139 / var(--tw-text-opacity));
} .peer:placeholder-shown ~ .peer-placeholder-shown\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(14 159 110 / var(--tw-text-opacity));
} .peer:placeholder-shown ~ .peer-placeholder-shown\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(240 82 82 / var(--tw-text-opacity));
} .peer:placeholder-shown ~ .peer-placeholder-shown\:before\:border-transparent::before {
    content: var(--tw-content);
    border-color: transparent;
} .peer:placeholder-shown ~ .peer-placeholder-shown\:after\:border-transparent::after {
    content: var(--tw-content);
    border-color: transparent;
} .peer:focus ~ .peer-focus\:left-0 {
    left: 0px;
} .peer:focus ~ .peer-focus\:top-2 {
    top: 0.5rem;
} .peer:focus ~ .peer-focus\:-translate-y-1 {
    --tw-translate-y: -0.25rem;
    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));
} .peer:focus ~ .peer-focus\:-translate-y-1\.5 {
    --tw-translate-y: -0.375rem;
    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));
} .peer:focus ~ .peer-focus\:-translate-y-4 {
    --tw-translate-y: -1rem;
    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));
} .peer:focus ~ .peer-focus\:-translate-y-6 {
    --tw-translate-y: -1.5rem;
    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));
} .peer:focus ~ .peer-focus\:scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    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));
} .peer:focus ~ .peer-focus\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
} .peer:focus ~ .peer-focus\:text-\[11px\] {
    font-size: 11px;
} .peer:focus ~ .peer-focus\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
} .peer:focus ~ .peer-focus\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
} .peer:focus ~ .peer-focus\:leading-tight {
    line-height: 1.25;
} .peer:focus ~ .peer-focus\:text-amber-300 {
    --tw-text-opacity: 1;
    color: rgb(255 213 79 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(255 193 7 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(63 131 248 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(28 100 242 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-blue-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(96 125 139 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-brown-500 {
    --tw-text-opacity: 1;
    color: rgb(121 85 72 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(0 188 212 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-deep-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(255 87 34 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-deep-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(103 58 183 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(14 159 110 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(104 117 245 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-light-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(3 169 244 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-light-green-500 {
    --tw-text-opacity: 1;
    color: rgb(139 195 74 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-lime-500 {
    --tw-text-opacity: 1;
    color: rgb(205 220 57 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(255 90 31 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-pink-500 {
    --tw-text-opacity: 1;
    color: rgb(231 70 148 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(144 97 249 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(240 82 82 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(6 148 162 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(194 120 3 / var(--tw-text-opacity));
} .peer:focus ~ .peer-focus\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
} .peer:focus ~ .peer-focus\:ring-4 {
    --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(4px + 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);
} .peer:focus ~ .peer-focus\:ring-blue-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
} .peer:focus ~ .peer-focus\:ring-orange-300\/50 {
    --tw-ring-color: rgb(253 186 140 / 0.5);
} .peer:focus ~ .peer-focus\:ring-red-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity));
} .peer:focus ~ .peer-focus\:ring-red-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(155 28 28 / var(--tw-ring-opacity));
} .peer:focus ~ .peer-focus\:before\:border-l-2::before {
    content: var(--tw-content);
    border-left-width: 2px;
} .peer:focus ~ .peer-focus\:before\:border-t-2::before {
    content: var(--tw-content);
    border-top-width: 2px;
} .peer:focus ~ .peer-focus\:before\:\!border-amber-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 193 7 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-black::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-blue-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(63 131 248 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-blue-gray-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(96 125 139 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-brown-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(121 85 72 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-cyan-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 188 212 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-deep-orange-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 87 34 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-deep-purple-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(103 58 183 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-gray-900::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(17 24 39 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-green-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(14 159 110 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-indigo-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(104 117 245 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-light-blue-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(3 169 244 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-light-green-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(139 195 74 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-lime-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(205 220 57 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-orange-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 90 31 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-pink-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(231 70 148 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-purple-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(144 97 249 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-red-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(240 82 82 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-teal-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(6 148 162 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-white::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:\!border-yellow-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(194 120 3 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:before\:border-green-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(14 159 110 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:before\:border-red-500::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:scale-x-100::after {
    content: var(--tw-content);
    --tw-scale-x: 1;
    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));
} .peer:focus ~ .peer-focus\:after\:border-r-2::after {
    content: var(--tw-content);
    border-right-width: 2px;
} .peer:focus ~ .peer-focus\:after\:border-t-2::after {
    content: var(--tw-content);
    border-top-width: 2px;
} .peer:focus ~ .peer-focus\:after\:\!border-amber-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 193 7 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-black::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-blue-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(63 131 248 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-blue-gray-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(96 125 139 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-brown-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(121 85 72 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-cyan-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 188 212 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-deep-orange-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 87 34 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-deep-purple-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(103 58 183 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-gray-900::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(17 24 39 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-green-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(14 159 110 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-indigo-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(104 117 245 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-light-blue-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(3 169 244 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-light-green-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(139 195 74 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-lime-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(205 220 57 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-orange-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 90 31 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-pink-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(231 70 148 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-purple-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(144 97 249 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-red-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(240 82 82 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-teal-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(6 148 162 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-white::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:\!border-yellow-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1 !important;
    border-color: rgb(194 120 3 / var(--tw-border-opacity)) !important;
} .peer:focus ~ .peer-focus\:after\:border-amber-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 193 7 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-black::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-blue-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-blue-gray-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(96 125 139 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-brown-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(121 85 72 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-cyan-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-deep-orange-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 87 34 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-deep-purple-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(103 58 183 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-gray-900::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-green-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(14 159 110 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-indigo-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(104 117 245 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-light-blue-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(3 169 244 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-light-green-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(139 195 74 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-lime-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(205 220 57 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-orange-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 90 31 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-pink-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(231 70 148 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-purple-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(144 97 249 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-red-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-teal-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(6 148 162 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-white::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
} .peer:focus ~ .peer-focus\:after\:border-yellow-500::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(194 120 3 / var(--tw-border-opacity));
} .peer:disabled ~ .peer-disabled\:pointer-events-none {
    pointer-events: none;
} .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
    cursor: not-allowed;
} .peer:disabled ~ .peer-disabled\:text-blue-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(120 144 156 / var(--tw-text-opacity));
} .peer:disabled ~ .peer-disabled\:text-transparent {
    color: transparent;
} .peer:disabled ~ .peer-disabled\:opacity-50 {
    opacity: 0.5;
} .peer:disabled ~ .peer-disabled\:opacity-70 {
    opacity: 0.7;
} .peer:disabled ~ .peer-disabled\:before\:border-transparent::before {
    content: var(--tw-content);
    border-color: transparent;
} .peer:disabled ~ .peer-disabled\:after\:border-transparent::after {
    content: var(--tw-content);
    border-color: transparent;
} .peer:disabled:placeholder-shown ~ .peer-disabled\:peer-placeholder-shown\:text-blue-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(96 125 139 / var(--tw-text-opacity));
} .peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:-translate-y-1\.5 {
    --tw-translate-y: -0.375rem;
    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));
} .peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
} .peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:text-amber-300 {
    --tw-text-opacity: 1;
    color: rgb(255 213 79 / var(--tw-text-opacity));
} .peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
} .data-\[focus\]\:bg-white\/10[data-focus] {
    background-color: rgb(255 255 255 / 0.1);
} .data-\[focus\]\:outline-2[data-focus] {
    outline-width: 2px;
} .data-\[focus\]\:-outline-offset-2[data-focus] {
    outline-offset: -2px;
} .data-\[focus\]\:outline-white\/25[data-focus] {
    outline-color: rgb(255 255 255 / 0.25);
} .data-\[state\=open\]\:animate-in[data-state=open] {
    animation-name: enter;
    animation-duration: 150ms;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
} .data-\[state\=closed\]\:animate-out[data-state=closed] {
    animation-name: exit;
    animation-duration: 150ms;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
} .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
    --tw-exit-opacity: 0;
} .data-\[state\=open\]\:fade-in-0[data-state=open] {
    --tw-enter-opacity: 0;
} .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
    --tw-exit-scale: .95;
} .data-\[state\=open\]\:zoom-in-95[data-state=open] {
    --tw-enter-scale: .95;
} .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
    --tw-exit-translate-x: -50%;
} .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
    --tw-exit-translate-y: -48%;
} .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
    --tw-enter-translate-x: -50%;
} .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
    --tw-enter-translate-y: -48%;
} .group[data-selected] .group-data-\[selected\]\:visible {
    visibility: visible;
} .group[data-hover] .group-data-\[hover\]\:fill-white {
    fill: #ffffff;
} @media (prefers-reduced-motion: reduce) { .motion-reduce\:transition-none {
        transition-property: none;
    }
} :is(.dark .dark\:block) {
    display: block;
} :is(.dark .dark\:hidden) {
    display: none;
} :is(.dark .dark\:divide-gray-700) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-divide-opacity));
} :is(.dark .dark\:border-none) {
    border-style: none;
} :is(.dark .dark\:border-cyan-400) {
    --tw-border-opacity: 1;
    border-color: rgb(38 198 218 / var(--tw-border-opacity));
} :is(.dark .dark\:border-cyan-500) {
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212 / var(--tw-border-opacity));
} :is(.dark .dark\:border-cyan-600) {
    --tw-border-opacity: 1;
    border-color: rgb(0 172 193 / var(--tw-border-opacity));
} :is(.dark .dark\:border-gray-500) {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity));
} :is(.dark .dark\:border-gray-600) {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
} :is(.dark .dark\:border-gray-700) {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
} :is(.dark .dark\:border-gray-800) {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-border-opacity));
} :is(.dark .dark\:border-gray-900) {
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39 / var(--tw-border-opacity));
} :is(.dark .dark\:border-green-400) {
    --tw-border-opacity: 1;
    border-color: rgb(49 196 141 / var(--tw-border-opacity));
} :is(.dark .dark\:border-green-500) {
    --tw-border-opacity: 1;
    border-color: rgb(14 159 110 / var(--tw-border-opacity));
} :is(.dark .dark\:border-green-600) {
    --tw-border-opacity: 1;
    border-color: rgb(5 122 85 / var(--tw-border-opacity));
} :is(.dark .dark\:border-indigo-600) {
    --tw-border-opacity: 1;
    border-color: rgb(88 80 236 / var(--tw-border-opacity));
} :is(.dark .dark\:border-lime-600) {
    --tw-border-opacity: 1;
    border-color: rgb(192 202 51 / var(--tw-border-opacity));
} :is(.dark .dark\:border-pink-600) {
    --tw-border-opacity: 1;
    border-color: rgb(214 31 105 / var(--tw-border-opacity));
} :is(.dark .dark\:border-red-400) {
    --tw-border-opacity: 1;
    border-color: rgb(249 128 128 / var(--tw-border-opacity));
} :is(.dark .dark\:border-red-500) {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
} :is(.dark .dark\:border-red-600) {
    --tw-border-opacity: 1;
    border-color: rgb(224 36 36 / var(--tw-border-opacity));
} :is(.dark .dark\:border-teal-600) {
    --tw-border-opacity: 1;
    border-color: rgb(4 116 129 / var(--tw-border-opacity));
} :is(.dark .dark\:border-white) {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
} :is(.dark .dark\:border-yellow-400) {
    --tw-border-opacity: 1;
    border-color: rgb(227 160 8 / var(--tw-border-opacity));
} :is(.dark .dark\:border-yellow-600) {
    --tw-border-opacity: 1;
    border-color: rgb(159 88 10 / var(--tw-border-opacity));
} :is(.dark .dark\:bg-black) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-blue-200) {
    --tw-bg-opacity: 1;
    background-color: rgb(195 221 253 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-blue-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(28 100 242 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-blue-800\/30) {
    background-color: rgb(30 66 159 / 0.3);
} :is(.dark .dark\:bg-blue-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 56 118 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-cyan-100) {
    --tw-bg-opacity: 1;
    background-color: rgb(178 235 242 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-cyan-200) {
    --tw-bg-opacity: 1;
    background-color: rgb(128 222 234 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-cyan-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 172 193 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-cyan-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 96 100 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-dark-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(32 33 36 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-gray-200) {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-gray-300) {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-gray-400) {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-gray-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-gray-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-gray-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-gray-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-gray-800\/30) {
    background-color: rgb(31 41 55 / 0.3);
} :is(.dark .dark\:bg-gray-800\/50) {
    background-color: rgb(31 41 55 / 0.5);
} :is(.dark .dark\:bg-gray-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-green-100) {
    --tw-bg-opacity: 1;
    background-color: rgb(222 247 236 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-green-200) {
    --tw-bg-opacity: 1;
    background-color: rgb(188 240 218 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-green-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(14 159 110 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-green-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(5 122 85 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-green-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(1 71 55 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-indigo-200) {
    --tw-bg-opacity: 1;
    background-color: rgb(205 219 254 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-indigo-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(104 117 245 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-indigo-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(88 80 236 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-lime-200) {
    --tw-bg-opacity: 1;
    background-color: rgb(230 238 156 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-lime-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(192 202 51 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-pink-200) {
    --tw-bg-opacity: 1;
    background-color: rgb(250 209 232 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-pink-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(214 31 105 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-purple-200) {
    --tw-bg-opacity: 1;
    background-color: rgb(220 215 254 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-purple-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(144 97 249 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-purple-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(126 58 242 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-purple-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(74 29 150 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-red-100) {
    --tw-bg-opacity: 1;
    background-color: rgb(253 232 232 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-red-200) {
    --tw-bg-opacity: 1;
    background-color: rgb(251 213 213 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-red-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(240 82 82 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-red-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(224 36 36 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-red-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(119 29 29 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-teal-200) {
    --tw-bg-opacity: 1;
    background-color: rgb(175 236 239 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-teal-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(4 116 129 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-transparent) {
    background-color: transparent;
} :is(.dark .dark\:bg-yellow-100) {
    --tw-bg-opacity: 1;
    background-color: rgb(253 246 178 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-yellow-200) {
    --tw-bg-opacity: 1;
    background-color: rgb(252 233 106 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-yellow-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(159 88 10 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-yellow-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(99 49 18 / var(--tw-bg-opacity));
} :is(.dark .dark\:bg-opacity-80) {
    --tw-bg-opacity: 0.8;
} :is(.dark .dark\:fill-gray-300) {
    fill: #D1D5DB;
} :is(.dark .dark\:text-blue-200) {
    --tw-text-opacity: 1;
    color: rgb(195 221 253 / var(--tw-text-opacity));
} :is(.dark .dark\:text-blue-500) {
    --tw-text-opacity: 1;
    color: rgb(63 131 248 / var(--tw-text-opacity));
} :is(.dark .dark\:text-blue-600) {
    --tw-text-opacity: 1;
    color: rgb(28 100 242 / var(--tw-text-opacity));
} :is(.dark .dark\:text-blue-800) {
    --tw-text-opacity: 1;
    color: rgb(30 66 159 / var(--tw-text-opacity));
} :is(.dark .dark\:text-blue-900) {
    --tw-text-opacity: 1;
    color: rgb(35 56 118 / var(--tw-text-opacity));
} :is(.dark .dark\:text-cyan-100) {
    --tw-text-opacity: 1;
    color: rgb(178 235 242 / var(--tw-text-opacity));
} :is(.dark .dark\:text-cyan-300) {
    --tw-text-opacity: 1;
    color: rgb(77 208 225 / var(--tw-text-opacity));
} :is(.dark .dark\:text-cyan-500) {
    --tw-text-opacity: 1;
    color: rgb(0 188 212 / var(--tw-text-opacity));
} :is(.dark .dark\:text-cyan-600) {
    --tw-text-opacity: 1;
    color: rgb(0 172 193 / var(--tw-text-opacity));
} :is(.dark .dark\:text-cyan-800) {
    --tw-text-opacity: 1;
    color: rgb(0 131 143 / var(--tw-text-opacity));
} :is(.dark .dark\:text-cyan-900) {
    --tw-text-opacity: 1;
    color: rgb(0 96 100 / var(--tw-text-opacity));
} :is(.dark .dark\:text-gray-100) {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity));
} :is(.dark .dark\:text-gray-200) {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity));
} :is(.dark .dark\:text-gray-300) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
} :is(.dark .dark\:text-gray-400) {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
} :is(.dark .dark\:text-gray-500) {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
} :is(.dark .dark\:text-gray-600) {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
} :is(.dark .dark\:text-gray-800) {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
} :is(.dark .dark\:text-gray-900) {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
} :is(.dark .dark\:text-green-400) {
    --tw-text-opacity: 1;
    color: rgb(49 196 141 / var(--tw-text-opacity));
} :is(.dark .dark\:text-green-500) {
    --tw-text-opacity: 1;
    color: rgb(14 159 110 / var(--tw-text-opacity));
} :is(.dark .dark\:text-green-600) {
    --tw-text-opacity: 1;
    color: rgb(5 122 85 / var(--tw-text-opacity));
} :is(.dark .dark\:text-green-800) {
    --tw-text-opacity: 1;
    color: rgb(3 84 63 / var(--tw-text-opacity));
} :is(.dark .dark\:text-green-900) {
    --tw-text-opacity: 1;
    color: rgb(1 71 55 / var(--tw-text-opacity));
} :is(.dark .dark\:text-indigo-600) {
    --tw-text-opacity: 1;
    color: rgb(88 80 236 / var(--tw-text-opacity));
} :is(.dark .dark\:text-indigo-800) {
    --tw-text-opacity: 1;
    color: rgb(66 56 157 / var(--tw-text-opacity));
} :is(.dark .dark\:text-indigo-900) {
    --tw-text-opacity: 1;
    color: rgb(54 47 120 / var(--tw-text-opacity));
} :is(.dark .dark\:text-lime-600) {
    --tw-text-opacity: 1;
    color: rgb(192 202 51 / var(--tw-text-opacity));
} :is(.dark .dark\:text-lime-800) {
    --tw-text-opacity: 1;
    color: rgb(158 157 36 / var(--tw-text-opacity));
} :is(.dark .dark\:text-lime-900) {
    --tw-text-opacity: 1;
    color: rgb(130 119 23 / var(--tw-text-opacity));
} :is(.dark .dark\:text-pink-600) {
    --tw-text-opacity: 1;
    color: rgb(214 31 105 / var(--tw-text-opacity));
} :is(.dark .dark\:text-pink-800) {
    --tw-text-opacity: 1;
    color: rgb(153 21 75 / var(--tw-text-opacity));
} :is(.dark .dark\:text-pink-900) {
    --tw-text-opacity: 1;
    color: rgb(117 26 61 / var(--tw-text-opacity));
} :is(.dark .dark\:text-primary-400) {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity));
} :is(.dark .dark\:text-primary-500) {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity));
} :is(.dark .dark\:text-purple-600) {
    --tw-text-opacity: 1;
    color: rgb(126 58 242 / var(--tw-text-opacity));
} :is(.dark .dark\:text-purple-800) {
    --tw-text-opacity: 1;
    color: rgb(85 33 181 / var(--tw-text-opacity));
} :is(.dark .dark\:text-purple-900) {
    --tw-text-opacity: 1;
    color: rgb(74 29 150 / var(--tw-text-opacity));
} :is(.dark .dark\:text-red-200) {
    --tw-text-opacity: 1;
    color: rgb(251 213 213 / var(--tw-text-opacity));
} :is(.dark .dark\:text-red-400) {
    --tw-text-opacity: 1;
    color: rgb(249 128 128 / var(--tw-text-opacity));
} :is(.dark .dark\:text-red-500) {
    --tw-text-opacity: 1;
    color: rgb(240 82 82 / var(--tw-text-opacity));
} :is(.dark .dark\:text-red-600) {
    --tw-text-opacity: 1;
    color: rgb(224 36 36 / var(--tw-text-opacity));
} :is(.dark .dark\:text-red-700) {
    --tw-text-opacity: 1;
    color: rgb(200 30 30 / var(--tw-text-opacity));
} :is(.dark .dark\:text-red-800) {
    --tw-text-opacity: 1;
    color: rgb(155 28 28 / var(--tw-text-opacity));
} :is(.dark .dark\:text-red-900) {
    --tw-text-opacity: 1;
    color: rgb(119 29 29 / var(--tw-text-opacity));
} :is(.dark .dark\:text-teal-600) {
    --tw-text-opacity: 1;
    color: rgb(4 116 129 / var(--tw-text-opacity));
} :is(.dark .dark\:text-teal-800) {
    --tw-text-opacity: 1;
    color: rgb(5 80 92 / var(--tw-text-opacity));
} :is(.dark .dark\:text-teal-900) {
    --tw-text-opacity: 1;
    color: rgb(1 68 81 / var(--tw-text-opacity));
} :is(.dark .dark\:text-white) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} :is(.dark .dark\:text-yellow-600) {
    --tw-text-opacity: 1;
    color: rgb(159 88 10 / var(--tw-text-opacity));
} :is(.dark .dark\:text-yellow-800) {
    --tw-text-opacity: 1;
    color: rgb(114 59 19 / var(--tw-text-opacity));
} :is(.dark .dark\:text-yellow-900) {
    --tw-text-opacity: 1;
    color: rgb(99 49 18 / var(--tw-text-opacity));
} :is(.dark .dark\:placeholder-gray-400)::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
} :is(.dark .dark\:mix-blend-color) {
    mix-blend-mode: color;
} :is(.dark .dark\:shadow-sm-light) {
    --tw-shadow: 0 2px 5px 0px rgba(255, 255, 255, 0.08);
    --tw-shadow-colored: 0 2px 5px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} :is(.dark .dark\:shadow-black\/20) {
    --tw-shadow-color: rgb(0 0 0 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
} :is(.dark .dark\:ring-cyan-800) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 131 143 / var(--tw-ring-opacity));
} :is(.dark .dark\:ring-gray-400) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
} :is(.dark .dark\:ring-gray-500) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
} :is(.dark .dark\:ring-gray-800) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
} :is(.dark .dark\:ring-gray-900) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
} :is(.dark .dark\:ring-green-500) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity));
} :is(.dark .dark\:ring-pink-500) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(231 70 148 / var(--tw-ring-opacity));
} :is(.dark .dark\:ring-purple-600) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(126 58 242 / var(--tw-ring-opacity));
} :is(.dark .dark\:ring-red-700) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(200 30 30 / var(--tw-ring-opacity));
} :is(.dark .dark\:ring-yellow-500) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(194 120 3 / var(--tw-ring-opacity));
} :is(.dark .dark\:ring-offset-blue-700) {
    --tw-ring-offset-color: #1A56DB;
} :is(.dark .dark\:ring-offset-cyan-600) {
    --tw-ring-offset-color: #00acc1;
} :is(.dark .dark\:ring-offset-gray-800) {
    --tw-ring-offset-color: #1F2937;
} :is(.dark .dark\:ring-offset-gray-900) {
    --tw-ring-offset-color: #111827;
} :is(.dark .dark\:ring-offset-green-600) {
    --tw-ring-offset-color: #057A55;
} :is(.dark .dark\:ring-offset-green-800) {
    --tw-ring-offset-color: #03543F;
} :is(.dark .dark\:ring-offset-indigo-700) {
    --tw-ring-offset-color: #5145CD;
} :is(.dark .dark\:ring-offset-lime-700) {
    --tw-ring-offset-color: #afb42b;
} :is(.dark .dark\:ring-offset-pink-600) {
    --tw-ring-offset-color: #D61F69;
} :is(.dark .dark\:ring-offset-purple-600) {
    --tw-ring-offset-color: #7E3AF2;
} :is(.dark .dark\:ring-offset-red-600) {
    --tw-ring-offset-color: #E02424;
} :is(.dark .dark\:ring-offset-red-900) {
    --tw-ring-offset-color: #771D1D;
} :is(.dark .dark\:ring-offset-teal-600) {
    --tw-ring-offset-color: #047481;
} :is(.dark .dark\:ring-offset-yellow-400) {
    --tw-ring-offset-color: #E3A008;
} :is(.dark .odd\:dark\:bg-gray-800):nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
} :is(.dark .even\:dark\:bg-gray-700):nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-amber-500:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 193 7 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-blue-300:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(164 202 254 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-blue-700:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 86 219 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-cyan-300:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(77 208 225 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-cyan-700:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 151 167 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-gray-300:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-gray-600:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-gray-700:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-gray-800:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-green-300:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(132 225 188 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-indigo-300:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(180 198 252 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-lime-300:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(220 231 117 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-pink-300:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(248 180 217 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-purple-300:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(202 191 253 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-red-300:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(248 180 180 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-red-900:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(119 29 29 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-teal-300:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(126 220 226 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:bg-yellow-300:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(250 202 21 / var(--tw-bg-opacity));
} :is(.dark .dark\:hover\:text-gray-200:hover) {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity));
} :is(.dark .dark\:hover\:text-gray-300:hover) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
} :is(.dark .dark\:hover\:text-white:hover) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} :is(.dark .dark\:focus\:border-blue-500:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248 / var(--tw-border-opacity));
} :is(.dark .dark\:focus\:border-cyan-500:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(0 188 212 / var(--tw-border-opacity));
} :is(.dark .dark\:focus\:border-green-500:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(14 159 110 / var(--tw-border-opacity));
} :is(.dark .dark\:focus\:border-red-500:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
} :is(.dark .dark\:focus\:border-yellow-500:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(194 120 3 / var(--tw-border-opacity));
} :is(.dark .dark\:focus\:bg-cyan-600:focus) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 172 193 / var(--tw-bg-opacity));
} :is(.dark .dark\:focus\:bg-gray-600:focus) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
} :is(.dark .dark\:focus\:bg-red-900:focus) {
    --tw-bg-opacity: 1;
    background-color: rgb(119 29 29 / var(--tw-bg-opacity));
} :is(.dark .dark\:focus\:text-white:focus) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} :is(.dark .dark\:focus\:outline-none:focus) {
    outline: 2px solid transparent;
    outline-offset: 2px;
} :is(.dark .dark\:focus\:ring-1: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(1px + 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);
} :is(.dark .dark\:focus\:ring-\[\#dc3545\]\/55:focus) {
    --tw-ring-color: rgb(220 53 69 / 0.55);
} :is(.dark .dark\:focus\:ring-amber-600:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 179 0 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-blue-500:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-blue-700:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(26 86 219 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-blue-800:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-cyan-500:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 188 212 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-cyan-600:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 172 193 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-cyan-700:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 151 167 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-cyan-800:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 131 143 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-gray-500:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-gray-600:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-gray-700:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-gray-800:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-gray-900:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-green-500:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-green-600:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(5 122 85 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-green-700:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(4 108 78 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-green-800:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-indigo-700:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(81 69 205 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-lime-700:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(175 180 43 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-lime-800:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(158 157 36 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-pink-600:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(214 31 105 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-pink-700:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(191 18 93 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-pink-800:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(153 21 75 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-purple-600:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(126 58 242 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-purple-800:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(85 33 181 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-purple-900:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(74 29 150 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-red-400:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-red-500:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-red-600:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(224 36 36 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-red-700:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(200 30 30 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-red-800:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(155 28 28 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-red-900:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(119 29 29 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-teal-600:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(4 116 129 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-teal-700:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(3 102 114 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-teal-800:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(5 80 92 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-yellow-400:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(227 160 8 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-yellow-500:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(194 120 3 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-yellow-700:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(142 75 16 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus\:ring-yellow-900:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(99 49 18 / var(--tw-ring-opacity));
} :is(.dark .dark\:focus-visible\:ring-gold-400:focus-visible) {
    --tw-ring-opacity: 1;
    --tw-ring-color: hsl(45 100% 65% / var(--tw-ring-opacity));
} :is(.dark .dark\:enabled\:hover\:border-cyan-700:hover:enabled) {
    --tw-border-opacity: 1;
    border-color: rgb(0 151 167 / var(--tw-border-opacity));
} :is(.dark .dark\:enabled\:hover\:border-gray-700:hover:enabled) {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
} :is(.dark .dark\:enabled\:hover\:border-green-700:hover:enabled) {
    --tw-border-opacity: 1;
    border-color: rgb(4 108 78 / var(--tw-border-opacity));
} :is(.dark .dark\:enabled\:hover\:border-indigo-700:hover:enabled) {
    --tw-border-opacity: 1;
    border-color: rgb(81 69 205 / var(--tw-border-opacity));
} :is(.dark .dark\:enabled\:hover\:border-lime-700:hover:enabled) {
    --tw-border-opacity: 1;
    border-color: rgb(175 180 43 / var(--tw-border-opacity));
} :is(.dark .dark\:enabled\:hover\:border-pink-700:hover:enabled) {
    --tw-border-opacity: 1;
    border-color: rgb(191 18 93 / var(--tw-border-opacity));
} :is(.dark .dark\:enabled\:hover\:border-red-700:hover:enabled) {
    --tw-border-opacity: 1;
    border-color: rgb(200 30 30 / var(--tw-border-opacity));
} :is(.dark .dark\:enabled\:hover\:border-teal-700:hover:enabled) {
    --tw-border-opacity: 1;
    border-color: rgb(3 102 114 / var(--tw-border-opacity));
} :is(.dark .dark\:enabled\:hover\:border-yellow-700:hover:enabled) {
    --tw-border-opacity: 1;
    border-color: rgb(142 75 16 / var(--tw-border-opacity));
} :is(.dark .dark\:enabled\:hover\:bg-cyan-700:hover:enabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 151 167 / var(--tw-bg-opacity));
} :is(.dark .dark\:enabled\:hover\:bg-gray-700:hover:enabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
} :is(.dark .dark\:enabled\:hover\:bg-green-700:hover:enabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(4 108 78 / var(--tw-bg-opacity));
} :is(.dark .dark\:enabled\:hover\:bg-indigo-700:hover:enabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(81 69 205 / var(--tw-bg-opacity));
} :is(.dark .dark\:enabled\:hover\:bg-lime-700:hover:enabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(175 180 43 / var(--tw-bg-opacity));
} :is(.dark .dark\:enabled\:hover\:bg-pink-700:hover:enabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(191 18 93 / var(--tw-bg-opacity));
} :is(.dark .dark\:enabled\:hover\:bg-purple-700:hover:enabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(108 43 217 / var(--tw-bg-opacity));
} :is(.dark .dark\:enabled\:hover\:bg-red-700:hover:enabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(200 30 30 / var(--tw-bg-opacity));
} :is(.dark .dark\:enabled\:hover\:bg-teal-700:hover:enabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(3 102 114 / var(--tw-bg-opacity));
} :is(.dark .dark\:enabled\:hover\:bg-yellow-700:hover:enabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(142 75 16 / var(--tw-bg-opacity));
} :is(.dark .enabled\:dark\:hover\:bg-gray-700:hover):enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
} :is(.dark .dark\:enabled\:hover\:text-white:hover:enabled) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} :is(.dark .enabled\:dark\:hover\:text-white:hover):enabled {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} :is(.dark .disabled\:dark\:text-gray-500):disabled {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
} :is(.dark .group:hover .dark\:group-hover\:bg-blue-300) {
    --tw-bg-opacity: 1;
    background-color: rgb(164 202 254 / var(--tw-bg-opacity));
} :is(.dark .group:hover .dark\:group-hover\:bg-cyan-300) {
    --tw-bg-opacity: 1;
    background-color: rgb(77 208 225 / var(--tw-bg-opacity));
} :is(.dark .group:hover .dark\:group-hover\:bg-gray-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
} :is(.dark .group:hover .dark\:group-hover\:bg-gray-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
} :is(.dark .group:hover .dark\:group-hover\:bg-gray-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
} :is(.dark .group:hover .dark\:group-hover\:bg-gray-800\/60) {
    background-color: rgb(31 41 55 / 0.6);
} :is(.dark .group:hover .dark\:group-hover\:bg-green-300) {
    --tw-bg-opacity: 1;
    background-color: rgb(132 225 188 / var(--tw-bg-opacity));
} :is(.dark .group:hover .dark\:group-hover\:bg-indigo-300) {
    --tw-bg-opacity: 1;
    background-color: rgb(180 198 252 / var(--tw-bg-opacity));
} :is(.dark .group:hover .dark\:group-hover\:bg-lime-300) {
    --tw-bg-opacity: 1;
    background-color: rgb(220 231 117 / var(--tw-bg-opacity));
} :is(.dark .group:hover .dark\:group-hover\:bg-pink-300) {
    --tw-bg-opacity: 1;
    background-color: rgb(248 180 217 / var(--tw-bg-opacity));
} :is(.dark .group:hover .dark\:group-hover\:bg-purple-300) {
    --tw-bg-opacity: 1;
    background-color: rgb(202 191 253 / var(--tw-bg-opacity));
} :is(.dark .group:hover .dark\:group-hover\:bg-red-300) {
    --tw-bg-opacity: 1;
    background-color: rgb(248 180 180 / var(--tw-bg-opacity));
} :is(.dark .group:hover .dark\:group-hover\:bg-teal-300) {
    --tw-bg-opacity: 1;
    background-color: rgb(126 220 226 / var(--tw-bg-opacity));
} :is(.dark .group:hover .dark\:group-hover\:bg-yellow-300) {
    --tw-bg-opacity: 1;
    background-color: rgb(250 202 21 / var(--tw-bg-opacity));
} :is(.dark .group:hover .dark\:group-hover\:text-white) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
} :is(.dark .group:focus .dark\:group-focus\:ring-gray-800\/70) {
    --tw-ring-color: rgb(31 41 55 / 0.7);
} .peer:focus ~ :is(.dark .peer-focus\:dark\:text-blue-500) {
    --tw-text-opacity: 1;
    color: rgb(63 131 248 / var(--tw-text-opacity));
} :is(.dark .peer:focus ~ .dark\:peer-focus\:ring-blue-800) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
} :is(.dark .peer:focus ~ .dark\:peer-focus\:ring-red-800) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(155 28 28 / var(--tw-ring-opacity));
} @media (min-width: 540px) { .sm\:relative {
        position: relative;
    } .sm\:right-3 {
        right: 0.75rem;
    } .sm\:right-4 {
        right: 1rem;
    } .sm\:top-4 {
        top: 1rem;
    } .sm\:col-span-2 {
        grid-column: span 2 / span 2;
    } .sm\:col-span-3 {
        grid-column: span 3 / span 3;
    } .sm\:mx-0 {
        margin-left: 0px;
        margin-right: 0px;
    } .sm\:mx-10 {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    } .sm\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem;
    } .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    } .sm\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    } .sm\:mb-0 {
        margin-bottom: 0px;
    } .sm\:mb-2 {
        margin-bottom: 0.5rem;
    } .sm\:mb-3 {
        margin-bottom: 0.75rem;
    } .sm\:mb-4 {
        margin-bottom: 1rem;
    } .sm\:mb-5 {
        margin-bottom: 1.25rem;
    } .sm\:mb-6 {
        margin-bottom: 1.5rem;
    } .sm\:mb-8 {
        margin-bottom: 2rem;
    } .sm\:ml-1 {
        margin-left: 0.25rem;
    } .sm\:ml-2 {
        margin-left: 0.5rem;
    } .sm\:ml-3 {
        margin-left: 0.75rem;
    } .sm\:mr-3 {
        margin-right: 0.75rem;
    } .sm\:mt-0 {
        margin-top: 0px;
    } .sm\:mt-2 {
        margin-top: 0.5rem;
    } .sm\:mt-6 {
        margin-top: 1.5rem;
    } .sm\:mt-\[10px\] {
        margin-top: 10px;
    } .sm\:block {
        display: block;
    } .sm\:inline {
        display: inline;
    } .sm\:flex {
        display: flex;
    } .sm\:inline-flex {
        display: inline-flex;
    } .sm\:hidden {
        display: none;
    } .sm\:h-10 {
        height: 2.5rem;
    } .sm\:h-12 {
        height: 3rem;
    } .sm\:h-14 {
        height: 3.5rem;
    } .sm\:h-16 {
        height: 4rem;
    } .sm\:h-20 {
        height: 5rem;
    } .sm\:h-24 {
        height: 6rem;
    } .sm\:h-28 {
        height: 7rem;
    } .sm\:h-3 {
        height: 0.75rem;
    } .sm\:h-3\.5 {
        height: 0.875rem;
    } .sm\:h-4 {
        height: 1rem;
    } .sm\:h-40 {
        height: 10rem;
    } .sm\:h-5 {
        height: 1.25rem;
    } .sm\:h-56 {
        height: 14rem;
    } .sm\:h-6 {
        height: 1.5rem;
    } .sm\:h-7 {
        height: 1.75rem;
    } .sm\:h-8 {
        height: 2rem;
    } .sm\:h-80 {
        height: 20rem;
    } .sm\:h-96 {
        height: 24rem;
    } .sm\:max-h-\[90vh\] {
        max-height: 90vh;
    } .sm\:min-h-\[380px\] {
        min-height: 380px;
    } .sm\:min-h-\[56px\] {
        min-height: 56px;
    } .sm\:w-10 {
        width: 2.5rem;
    } .sm\:w-12 {
        width: 3rem;
    } .sm\:w-14 {
        width: 3.5rem;
    } .sm\:w-16 {
        width: 4rem;
    } .sm\:w-20 {
        width: 5rem;
    } .sm\:w-24 {
        width: 6rem;
    } .sm\:w-28 {
        width: 7rem;
    } .sm\:w-3 {
        width: 0.75rem;
    } .sm\:w-3\.5 {
        width: 0.875rem;
    } .sm\:w-32 {
        width: 8rem;
    } .sm\:w-4 {
        width: 1rem;
    } .sm\:w-40 {
        width: 10rem;
    } .sm\:w-48 {
        width: 12rem;
    } .sm\:w-5 {
        width: 1.25rem;
    } .sm\:w-6 {
        width: 1.5rem;
    } .sm\:w-8 {
        width: 2rem;
    } .sm\:w-96 {
        width: 24rem;
    } .sm\:w-auto {
        width: auto;
    } .sm\:w-full {
        width: 100%;
    } .sm\:max-w-2xl {
        max-width: 42rem;
    } .sm\:max-w-\[140px\] {
        max-width: 140px;
    } .sm\:max-w-\[180px\] {
        max-width: 180px;
    } .sm\:max-w-\[200px\] {
        max-width: 200px;
    } .sm\:max-w-lg {
        max-width: 32rem;
    } .sm\:max-w-sm {
        max-width: 24rem;
    } .sm\:max-w-xs {
        max-width: 20rem;
    } .sm\:flex-none {
        flex: none;
    } .sm\:flex-shrink-0 {
        flex-shrink: 0;
    } .sm\:shrink-0 {
        flex-shrink: 0;
    } .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    } .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    } .sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    } .sm\:flex-row {
        flex-direction: row;
    } .sm\:flex-wrap {
        flex-wrap: wrap;
    } .sm\:flex-nowrap {
        flex-wrap: nowrap;
    } .sm\:items-center {
        align-items: center;
    } .sm\:justify-end {
        justify-content: flex-end;
    } .sm\:justify-between {
        justify-content: space-between;
    } .sm\:gap-0 {
        gap: 0px;
    } .sm\:gap-2 {
        gap: 0.5rem;
    } .sm\:gap-3 {
        gap: 0.75rem;
    } .sm\:gap-4 {
        gap: 1rem;
    } .sm\:gap-5 {
        gap: 1.25rem;
    } .sm\: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)));
    } .sm\: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)));
    } .sm\: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));
    } .sm\: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));
    } .sm\: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));
    } .sm\: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));
    } .sm\:rounded-2xl {
        border-radius: 1rem;
    } .sm\:rounded-3xl {
        border-radius: 1.5rem;
    } .sm\:rounded-lg {
        border-radius: var(--radius);
    } .sm\:p-0 {
        padding: 0px;
    } .sm\:p-10 {
        padding: 2.5rem;
    } .sm\:p-12 {
        padding: 3rem;
    } .sm\:p-3 {
        padding: 0.75rem;
    } .sm\:p-4 {
        padding: 1rem;
    } .sm\:p-5 {
        padding: 1.25rem;
    } .sm\:p-6 {
        padding: 1.5rem;
    } .sm\:p-8 {
        padding: 2rem;
    } .sm\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    } .sm\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    } .sm\:px-2\.5 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    } .sm\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    } .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    } .sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    } .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    } .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    } .sm\:py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    } .sm\:py-1\.5 {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
    } .sm\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    } .sm\:py-2\.5 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    } .sm\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    } .sm\:py-3\.5 {
        padding-top: 0.875rem;
        padding-bottom: 0.875rem;
    } .sm\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    } .sm\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    } .sm\:pr-32 {
        padding-right: 8rem;
    } .sm\:pr-4 {
        padding-right: 1rem;
    } .sm\:pr-8 {
        padding-right: 2rem;
    } .sm\:text-left {
        text-align: left;
    } .sm\:text-center {
        text-align: center;
    } .sm\:align-middle {
        vertical-align: middle;
    } .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    } .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    } .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    } .sm\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    } .sm\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    } .sm\:text-\[10px\] {
        font-size: 10px;
    } .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    } .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    } .sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    } .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    } .sm\:text-xs {
        font-size: 0.75rem;
        line-height: 1rem;
    }
} @media (min-width: 720px) { .md\:absolute {
        position: absolute;
    } .md\:inset-0 {
        inset: 0px;
    } .md\:right-6 {
        right: 1.5rem;
    } .md\:top-6 {
        top: 1.5rem;
    } .md\:col-span-2 {
        grid-column: span 2 / span 2;
    } .md\:mx-2 {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    } .md\:mx-20 {
        margin-left: 5rem;
        margin-right: 5rem;
    } .md\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    } .md\:mb-5 {
        margin-bottom: 1.25rem;
    } .md\:mb-8 {
        margin-bottom: 2rem;
    } .md\:ml-6 {
        margin-left: 1.5rem;
    } .md\:mr-6 {
        margin-right: 1.5rem;
    } .md\:mt-0 {
        margin-top: 0px;
    } .md\:mt-10 {
        margin-top: 2.5rem;
    } .md\:mt-5 {
        margin-top: 1.25rem;
    } .md\:block {
        display: block;
    } .md\:flex {
        display: flex;
    } .md\:hidden {
        display: none;
    } .md\:h-14 {
        height: 3.5rem;
    } .md\:h-24 {
        height: 6rem;
    } .md\:h-5 {
        height: 1.25rem;
    } .md\:h-96 {
        height: 24rem;
    } .md\:h-auto {
        height: auto;
    } .md\:h-full {
        height: 100%;
    } .md\:min-h-\[600px\] {
        min-height: 600px;
    } .md\:w-1\/2 {
        width: 50%;
    } .md\:w-14 {
        width: 3.5rem;
    } .md\:w-2\/3 {
        width: 66.666667%;
    } .md\:w-24 {
        width: 6rem;
    } .md\:w-3\/4 {
        width: 75%;
    } .md\:w-3\/5 {
        width: 60%;
    } .md\:w-48 {
        width: 12rem;
    } .md\:w-5 {
        width: 1.25rem;
    } .md\:w-5\/6 {
        width: 83.333333%;
    } .md\:w-\[50\%\] {
        width: 50%;
    } .md\:w-auto {
        width: auto;
    } .md\:min-w-\[60\%\] {
        min-width: 60%;
    } .md\:min-w-\[66\.666667\%\] {
        min-width: 66.666667%;
    } .md\:min-w-\[75\%\] {
        min-width: 75%;
    } .md\:min-w-\[83\.333333\%\] {
        min-width: 83.333333%;
    } .md\:max-w-2xl {
        max-width: 42rem;
    } .md\:max-w-\[60\%\] {
        max-width: 60%;
    } .md\:max-w-\[66\.666667\%\] {
        max-width: 66.666667%;
    } .md\:max-w-\[75\%\] {
        max-width: 75%;
    } .md\:max-w-\[83\.333333\%\] {
        max-width: 83.333333%;
    } .md\:max-w-xl {
        max-width: 36rem;
    } .md\:flex-1 {
        flex: 1 1 0%;
    } .md\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    } .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    } .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    } .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    } .md\:flex-row {
        flex-direction: row;
    } .md\:items-start {
        align-items: flex-start;
    } .md\:items-center {
        align-items: center;
    } .md\:justify-start {
        justify-content: flex-start;
    } .md\:justify-between {
        justify-content: space-between;
    } .md\: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)));
    } .md\: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));
    } .md\: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));
    } .md\:overflow-auto {
        overflow: auto;
    } .md\:rounded-none {
        border-radius: 0px;
    } .md\:rounded-l-lg {
        border-top-left-radius: var(--radius);
        border-bottom-left-radius: var(--radius);
    } .md\:border-0 {
        border-width: 0px;
    } .md\:bg-transparent {
        background-color: transparent;
    } .md\:p-0 {
        padding: 0px;
    } .md\:p-10 {
        padding: 2.5rem;
    } .md\:p-12 {
        padding: 3rem;
    } .md\:p-5 {
        padding: 1.25rem;
    } .md\:p-6 {
        padding: 1.5rem;
    } .md\:p-8 {
        padding: 2rem;
    } .md\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    } .md\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    } .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    } .md\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    } .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    } .md\:pt-4 {
        padding-top: 1rem;
    } .md\:text-left {
        text-align: left;
    } .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    } .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    } .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    } .md\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    } .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    } .md\:text-8xl {
        font-size: 6rem;
        line-height: 1;
    } .md\:text-\[40px\] {
        font-size: 40px;
    } .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    } .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    } .md\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    } .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    } .md\:font-medium {
        font-weight: 500;
    } .md\:text-cyan-700 {
        --tw-text-opacity: 1;
        color: rgb(0 151 167 / var(--tw-text-opacity));
    } .md\:hover\:bg-transparent:hover {
        background-color: transparent;
    } .md\:hover\:text-cyan-700:hover {
        --tw-text-opacity: 1;
        color: rgb(0 151 167 / var(--tw-text-opacity));
    } :is(.dark .md\:dark\:hover\:bg-transparent:hover) {
        background-color: transparent;
    } :is(.dark .md\:dark\:hover\:text-white:hover) {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
} @media (min-width: 960px) { .lg\:sticky {
        position: sticky;
    } .lg\:-bottom-3 {
        bottom: -0.75rem;
    } .lg\:top-4 {
        top: 1rem;
    } .lg\:order-1 {
        order: 1;
    } .lg\:order-2 {
        order: 2;
    } .lg\:col-span-1 {
        grid-column: span 1 / span 1;
    } .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    } .lg\:col-start-1 {
        grid-column-start: 1;
    } .lg\:col-start-2 {
        grid-column-start: 2;
    } .lg\:row-span-2 {
        grid-row: span 2 / span 2;
    } .lg\:row-start-1 {
        grid-row-start: 1;
    } .lg\:row-start-2 {
        grid-row-start: 2;
    } .lg\:mx-0 {
        margin-left: 0px;
        margin-right: 0px;
    } .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    } .lg\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    } .lg\:-mt-16 {
        margin-top: -4rem;
    } .lg\:mb-0 {
        margin-bottom: 0px;
    } .lg\:mb-20 {
        margin-bottom: 5rem;
    } .lg\:ml-8 {
        margin-left: 2rem;
    } .lg\:ml-auto {
        margin-left: auto;
    } .lg\:mt-0 {
        margin-top: 0px;
    } .lg\:mt-10 {
        margin-top: 2.5rem;
    } .lg\:block {
        display: block;
    } .lg\:flex {
        display: flex;
    } .lg\:grid {
        display: grid;
    } .lg\:hidden {
        display: none;
    } .lg\:h-96 {
        height: 24rem;
    } .lg\:max-h-4 {
        max-height: 1rem;
    } .lg\:min-h-0 {
        min-height: 0px;
    } .lg\:min-h-\[85vh\] {
        min-height: 85vh;
    } .lg\:w-1\/3 {
        width: 33.333333%;
    } .lg\:w-2\/4 {
        width: 50%;
    } .lg\:w-2\/5 {
        width: 40%;
    } .lg\:w-3\/4 {
        width: 75%;
    } .lg\:w-3\/5 {
        width: 60%;
    } .lg\:w-4\/12 {
        width: 33.333333%;
    } .lg\:w-6\/12 {
        width: 50%;
    } .lg\:w-8\/12 {
        width: 66.666667%;
    } .lg\:w-auto {
        width: auto;
    } .lg\:w-full {
        width: 100%;
    } .lg\:min-w-\[40\%\] {
        min-width: 40%;
    } .lg\:min-w-\[50\%\] {
        min-width: 50%;
    } .lg\:min-w-\[60\%\] {
        min-width: 60%;
    } .lg\:min-w-\[75\%\] {
        min-width: 75%;
    } .lg\:max-w-3xl {
        max-width: 48rem;
    } .lg\:max-w-4xl {
        max-width: 56rem;
    } .lg\:max-w-7xl {
        max-width: 80rem;
    } .lg\:max-w-\[40\%\] {
        max-width: 40%;
    } .lg\:max-w-\[50\%\] {
        max-width: 50%;
    } .lg\:max-w-\[60\%\] {
        max-width: 60%;
    } .lg\:max-w-\[75\%\] {
        max-width: 75%;
    } .lg\:max-w-lg {
        max-width: 32rem;
    } .lg\:max-w-none {
        max-width: none;
    } .lg\:flex-none {
        flex: none;
    } .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    } .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    } .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    } .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    } .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    } .lg\:flex-row {
        flex-direction: row;
    } .lg\:flex-row-reverse {
        flex-direction: row-reverse;
    } .lg\:items-start {
        align-items: flex-start;
    } .lg\:items-center {
        align-items: center;
    } .lg\:justify-start {
        justify-content: flex-start;
    } .lg\:justify-center {
        justify-content: center;
    } .lg\:gap-10 {
        gap: 2.5rem;
    } .lg\:gap-12 {
        gap: 3rem;
    } .lg\:gap-6 {
        gap: 1.5rem;
    } .lg\:gap-x-8 {
        column-gap: 2rem;
    } .lg\:gap-y-10 {
        row-gap: 2.5rem;
    } .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)));
    } .lg\: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));
    } .lg\:overflow-hidden {
        overflow: hidden;
    } .lg\:overflow-visible {
        overflow: visible;
    } .lg\:p-10 {
        padding: 2.5rem;
    } .lg\:p-12 {
        padding: 3rem;
    } .lg\:p-16 {
        padding: 4rem;
    } .lg\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    } .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    } .lg\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem;
    } .lg\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    } .lg\:px-36 {
        padding-left: 9rem;
        padding-right: 9rem;
    } .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    } .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    } .lg\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    } .lg\:pb-\[90px\] {
        padding-bottom: 90px;
    } .lg\:pl-6 {
        padding-left: 1.5rem;
    } .lg\:pr-4 {
        padding-right: 1rem;
    } .lg\:pr-6 {
        padding-right: 1.5rem;
    } .lg\:pt-\[120px\] {
        padding-top: 120px;
    } .lg\:text-left {
        text-align: left;
    } .lg\:text-right {
        text-align: right;
    } .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    } .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    } .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    } .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    } .lg\:text-7xl {
        font-size: 4.5rem;
        line-height: 1;
    } .lg\:text-9xl {
        font-size: 8rem;
        line-height: 1;
    } .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    } .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
} @media (min-width: 1140px) { .xl\:col-span-4 {
        grid-column: span 4 / span 4;
    } .xl\:col-span-8 {
        grid-column: span 8 / span 8;
    } .xl\:w-2\/5 {
        width: 40%;
    } .xl\:w-3\/5 {
        width: 60%;
    } .xl\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    } .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    } .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    } .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    } .xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    } .xl\:p-10 {
        padding: 2.5rem;
    } .xl\:p-20 {
        padding: 5rem;
    } .xl\:p-8 {
        padding: 2rem;
    } .xl\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    } .xl\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    } .xl\:text-7xl {
        font-size: 4.5rem;
        line-height: 1;
    }
} @media (min-width: 1320px) { .\32xl\:w-1\/3 {
        width: 33.333333%;
    } .\32xl\:w-1\/4 {
        width: 25%;
    } .\32xl\:w-2\/5 {
        width: 40%;
    } .\32xl\:w-3\/4 {
        width: 75%;
    } .\32xl\:w-3\/5 {
        width: 60%;
    } .\32xl\:min-w-\[25\%\] {
        min-width: 25%;
    } .\32xl\:min-w-\[33\.333333\%\] {
        min-width: 33.333333%;
    } .\32xl\:min-w-\[40\%\] {
        min-width: 40%;
    } .\32xl\:min-w-\[60\%\] {
        min-width: 60%;
    } .\32xl\:min-w-\[75\%\] {
        min-width: 75%;
    } .\32xl\:max-w-\[25\%\] {
        max-width: 25%;
    } .\32xl\:max-w-\[33\.333333\%\] {
        max-width: 33.333333%;
    } .\32xl\:max-w-\[40\%\] {
        max-width: 40%;
    } .\32xl\:max-w-\[60\%\] {
        max-width: 60%;
    } .\32xl\:max-w-\[75\%\] {
        max-width: 75%;
    }
} .rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) {
    text-align: right;
} .peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *)::after {
    content: var(--tw-content);
    --tw-translate-x: -100%;
    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));
} .\[\&\:\:-moz-range-thumb\]\:relative::-moz-range-thumb {
    position: relative;
} .\[\&\:\:-moz-range-thumb\]\:z-20::-moz-range-thumb {
    z-index: 20;
} .\[\&\:\:-moz-range-thumb\]\:-mt-1::-moz-range-thumb {
    margin-top: -0.25rem;
} .\[\&\:\:-moz-range-thumb\]\:-mt-\[3px\]::-moz-range-thumb {
    margin-top: -3px;
} .\[\&\:\:-moz-range-thumb\]\:h-2\.5::-moz-range-thumb {
    height: 0.625rem;
} .\[\&\:\:-moz-range-thumb\]\:h-3\.5::-moz-range-thumb {
    height: 0.875rem;
} .\[\&\:\:-moz-range-thumb\]\:h-5::-moz-range-thumb {
    height: 1.25rem;
} .\[\&\:\:-moz-range-thumb\]\:w-2\.5::-moz-range-thumb {
    width: 0.625rem;
} .\[\&\:\:-moz-range-thumb\]\:w-3\.5::-moz-range-thumb {
    width: 0.875rem;
} .\[\&\:\:-moz-range-thumb\]\:w-5::-moz-range-thumb {
    width: 1.25rem;
} .\[\&\:\:-moz-range-thumb\]\:appearance-none::-moz-range-thumb {
    appearance: none;
} .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
    border-radius: 9999px;
} .\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb {
    border-width: 0px;
} .\[\&\:\:-moz-range-thumb\]\:bg-white::-moz-range-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
} .\[\&\:\:-moz-range-thumb\]\:ring-2::-moz-range-thumb {
    --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);
} .\[\&\:\:-moz-range-thumb\]\:ring-current::-moz-range-thumb {
    --tw-ring-color: currentColor;
} .\[\&\:\:-moz-range-thumb\]\:\[-webkit-appearance\:none\]::-moz-range-thumb {
    -webkit-appearance: none;
} .\[\&\:\:-moz-range-track\]\:h-full::-moz-range-track {
    height: 100%;
} .\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track {
    border-radius: 9999px;
} .\[\&\:\:-moz-range-track\]\:bg-blue-gray-100::-moz-range-track {
    --tw-bg-opacity: 1;
    background-color: rgb(207 216 220 / var(--tw-bg-opacity));
} .\[\&\:\:-webkit-scrollbar\]\:\!hidden::-webkit-scrollbar {
    display: none !important;
} .\[\&\:\:-webkit-scrollbar\]\:\!h-0::-webkit-scrollbar {
    height: 0px !important;
} .\[\&\:\:-webkit-scrollbar\]\:\!w-0::-webkit-scrollbar {
    width: 0px !important;
} .\[\&\:\:-webkit-scrollbar\]\:\!bg-transparent::-webkit-scrollbar {
    background-color: transparent !important;
} .\[\&\:\:-webkit-slider-runnable-track\]\:h-full::-webkit-slider-runnable-track {
    height: 100%;
} .\[\&\:\:-webkit-slider-runnable-track\]\:rounded-full::-webkit-slider-runnable-track {
    border-radius: 9999px;
} .\[\&\:\:-webkit-slider-runnable-track\]\:bg-blue-gray-100::-webkit-slider-runnable-track {
    --tw-bg-opacity: 1;
    background-color: rgb(207 216 220 / var(--tw-bg-opacity));
} .\[\&\:\:-webkit-slider-thumb\]\:relative::-webkit-slider-thumb {
    position: relative;
} .\[\&\:\:-webkit-slider-thumb\]\:z-20::-webkit-slider-thumb {
    z-index: 20;
} .\[\&\:\:-webkit-slider-thumb\]\:-mt-1::-webkit-slider-thumb {
    margin-top: -0.25rem;
} .\[\&\:\:-webkit-slider-thumb\]\:-mt-\[3px\]::-webkit-slider-thumb {
    margin-top: -3px;
} .\[\&\:\:-webkit-slider-thumb\]\:h-2\.5::-webkit-slider-thumb {
    height: 0.625rem;
} .\[\&\:\:-webkit-slider-thumb\]\:h-3\.5::-webkit-slider-thumb {
    height: 0.875rem;
} .\[\&\:\:-webkit-slider-thumb\]\:h-5::-webkit-slider-thumb {
    height: 1.25rem;
} .\[\&\:\:-webkit-slider-thumb\]\:w-2\.5::-webkit-slider-thumb {
    width: 0.625rem;
} .\[\&\:\:-webkit-slider-thumb\]\:w-3\.5::-webkit-slider-thumb {
    width: 0.875rem;
} .\[\&\:\:-webkit-slider-thumb\]\:w-5::-webkit-slider-thumb {
    width: 1.25rem;
} .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
    appearance: none;
} .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
    border-radius: 9999px;
} .\[\&\:\:-webkit-slider-thumb\]\:border-0::-webkit-slider-thumb {
    border-width: 0px;
} .\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
} .\[\&\:\:-webkit-slider-thumb\]\:ring-2::-webkit-slider-thumb {
    --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);
} .\[\&\:\:-webkit-slider-thumb\]\:ring-current::-webkit-slider-thumb {
    --tw-ring-color: currentColor;
} .\[\&\:\:-webkit-slider-thumb\]\:\[-webkit-appearance\:none\]::-webkit-slider-thumb {
    -webkit-appearance: none;
} .\[\&\:not\(\:placeholder-shown\)\]\:pb-2:not(:placeholder-shown) {
    padding-bottom: 0.5rem;
} .\[\&\:not\(\:placeholder-shown\)\]\:pt-6:not(:placeholder-shown) {
    padding-top: 1.5rem;
} .\[\&\>\*\]\:pointer-events-none>* {
    pointer-events: none;
} .\[\&\>\*\]\:cursor-grab>* {
    cursor: grab;
} .\[\&\>\*\]\:first\:rounded-t-lg:first-child>* {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
} .\[\&\>\*\]\:last\:rounded-b-lg:last-child>* {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
} .\[\&\>\*\]\:last\:border-b-0:last-child>* {
    border-bottom-width: 0px;
} .\[\&\>a\]\:text-yellow-400>a {
    --tw-text-opacity: 1;
    color: rgb(227 160 8 / var(--tw-text-opacity));
} .\[\&\>h2\]\:text-yellow-400>h2 {
    --tw-text-opacity: 1;
    color: rgb(227 160 8 / var(--tw-text-opacity));
} .\[\&\>strong\]\:text-yellow-400>strong {
    --tw-text-opacity: 1;
    color: rgb(227 160 8 / var(--tw-text-opacity));
} .\[\&\>svg\]\:text-red-600>svg {
    --tw-text-opacity: 1;
    color: rgb(224 36 36 / var(--tw-text-opacity));
} .\[\&_a\]\:text-yellow-400 a {
    --tw-text-opacity: 1;
    color: rgb(227 160 8 / var(--tw-text-opacity));
} .\[\&_p\]\:leading-relaxed p {
    line-height: 1.625;
} .\[\&_span\]\:\!text-inherit span {
    color: inherit !important;
}
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.scrollbar-container {
  position: relative;
  height: 100%; }
/*# sourceMappingURL=styles.css.map *//**
 * Swiper 9.3.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 15, 2023
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  /*ADD_HOST*/
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification,
swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
/**
 * Swiper 9.3.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 15, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}