/* node_modules/@angular/material/prebuilt-themes/rose-red.css */ html { --mat-sys-background: #fff8f8; --mat-sys-error: #ba1a1a; --mat-sys-error-container: #ffdad6; --mat-sys-inverse-on-surface: #faeeef; --mat-sys-inverse-primary: #ffb1c5; --mat-sys-inverse-surface: #352f30; --mat-sys-on-background: #201a1b; --mat-sys-on-error: #ffffff; --mat-sys-on-error-container: #93000a; --mat-sys-on-primary: #ffffff; --mat-sys-on-primary-container: #8f0045; --mat-sys-on-primary-fixed: #3f001b; --mat-sys-on-primary-fixed-variant: #8f0045; --mat-sys-on-secondary: #ffffff; --mat-sys-on-secondary-container: #5b3f46; --mat-sys-on-secondary-fixed: #2b151b; --mat-sys-on-secondary-fixed-variant: #5b3f46; --mat-sys-on-surface: #201a1b; --mat-sys-on-surface-variant: #514346; --mat-sys-on-tertiary: #ffffff; --mat-sys-on-tertiary-container: #930100; --mat-sys-on-tertiary-fixed: #410000; --mat-sys-on-tertiary-fixed-variant: #930100; --mat-sys-outline: #847376; --mat-sys-outline-variant: #d6c2c5; --mat-sys-primary: #ba005c; --mat-sys-primary-container: #ffd9e1; --mat-sys-primary-fixed: #ffd9e1; --mat-sys-primary-fixed-dim: #ffb1c5; --mat-sys-scrim: #000000; --mat-sys-secondary: #74565d; --mat-sys-secondary-container: #ffd9e1; --mat-sys-secondary-fixed: #ffd9e1; --mat-sys-secondary-fixed-dim: #e3bdc5; --mat-sys-shadow: #000000; --mat-sys-surface: #fff8f8; --mat-sys-surface-bright: #fff8f8; --mat-sys-surface-container: #f7ebec; --mat-sys-surface-container-high: #f1e5e6; --mat-sys-surface-container-highest: #ece0e1; --mat-sys-surface-container-low: #fdf1f2; --mat-sys-surface-container-lowest: #ffffff; --mat-sys-surface-dim: #e3d7d8; --mat-sys-surface-tint: #ba005c; --mat-sys-surface-variant: #f3dde1; --mat-sys-tertiary: #c00100; --mat-sys-tertiary-container: #ffdad4; --mat-sys-tertiary-fixed: #ffdad4; --mat-sys-tertiary-fixed-dim: #ffb4a8; --mat-sys-neutral-variant20: #3a2d30; --mat-sys-neutral10: #201a1b; } html { --mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } html { --mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } html { --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } html { --mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } html { --mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } html { --mat-sys-body-large: 400 1rem / 1.5rem Roboto; --mat-sys-body-large-font: Roboto; --mat-sys-body-large-line-height: 1.5rem; --mat-sys-body-large-size: 1rem; --mat-sys-body-large-tracking: 0.031rem; --mat-sys-body-large-weight: 400; --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto; --mat-sys-body-medium-font: Roboto; --mat-sys-body-medium-line-height: 1.25rem; --mat-sys-body-medium-size: 0.875rem; --mat-sys-body-medium-tracking: 0.016rem; --mat-sys-body-medium-weight: 400; --mat-sys-body-small: 400 0.75rem / 1rem Roboto; --mat-sys-body-small-font: Roboto; --mat-sys-body-small-line-height: 1rem; --mat-sys-body-small-size: 0.75rem; --mat-sys-body-small-tracking: 0.025rem; --mat-sys-body-small-weight: 400; --mat-sys-display-large: 400 3.562rem / 4rem Roboto; --mat-sys-display-large-font: Roboto; --mat-sys-display-large-line-height: 4rem; --mat-sys-display-large-size: 3.562rem; --mat-sys-display-large-tracking: -0.016rem; --mat-sys-display-large-weight: 400; --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto; --mat-sys-display-medium-font: Roboto; --mat-sys-display-medium-line-height: 3.25rem; --mat-sys-display-medium-size: 2.812rem; --mat-sys-display-medium-tracking: 0; --mat-sys-display-medium-weight: 400; --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto; --mat-sys-display-small-font: Roboto; --mat-sys-display-small-line-height: 2.75rem; --mat-sys-display-small-size: 2.25rem; --mat-sys-display-small-tracking: 0; --mat-sys-display-small-weight: 400; --mat-sys-headline-large: 400 2rem / 2.5rem Roboto; --mat-sys-headline-large-font: Roboto; --mat-sys-headline-large-line-height: 2.5rem; --mat-sys-headline-large-size: 2rem; --mat-sys-headline-large-tracking: 0; --mat-sys-headline-large-weight: 400; --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto; --mat-sys-headline-medium-font: Roboto; --mat-sys-headline-medium-line-height: 2.25rem; --mat-sys-headline-medium-size: 1.75rem; --mat-sys-headline-medium-tracking: 0; --mat-sys-headline-medium-weight: 400; --mat-sys-headline-small: 400 1.5rem / 2rem Roboto; --mat-sys-headline-small-font: Roboto; --mat-sys-headline-small-line-height: 2rem; --mat-sys-headline-small-size: 1.5rem; --mat-sys-headline-small-tracking: 0; --mat-sys-headline-small-weight: 400; --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto; --mat-sys-label-large-font: Roboto; --mat-sys-label-large-line-height: 1.25rem; --mat-sys-label-large-size: 0.875rem; --mat-sys-label-large-tracking: 0.006rem; --mat-sys-label-large-weight: 500; --mat-sys-label-large-weight-prominent: 700; --mat-sys-label-medium: 500 0.75rem / 1rem Roboto; --mat-sys-label-medium-font: Roboto; --mat-sys-label-medium-line-height: 1rem; --mat-sys-label-medium-size: 0.75rem; --mat-sys-label-medium-tracking: 0.031rem; --mat-sys-label-medium-weight: 500; --mat-sys-label-medium-weight-prominent: 700; --mat-sys-label-small: 500 0.688rem / 1rem Roboto; --mat-sys-label-small-font: Roboto; --mat-sys-label-small-line-height: 1rem; --mat-sys-label-small-size: 0.688rem; --mat-sys-label-small-tracking: 0.031rem; --mat-sys-label-small-weight: 500; --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto; --mat-sys-title-large-font: Roboto; --mat-sys-title-large-line-height: 1.75rem; --mat-sys-title-large-size: 1.375rem; --mat-sys-title-large-tracking: 0; --mat-sys-title-large-weight: 400; --mat-sys-title-medium: 500 1rem / 1.5rem Roboto; --mat-sys-title-medium-font: Roboto; --mat-sys-title-medium-line-height: 1.5rem; --mat-sys-title-medium-size: 1rem; --mat-sys-title-medium-tracking: 0.009rem; --mat-sys-title-medium-weight: 500; --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto; --mat-sys-title-small-font: Roboto; --mat-sys-title-small-line-height: 1.25rem; --mat-sys-title-small-size: 0.875rem; --mat-sys-title-small-tracking: 0.006rem; --mat-sys-title-small-weight: 500; } html { --mat-sys-corner-extra-large: 28px; --mat-sys-corner-extra-large-top: 28px 28px 0 0; --mat-sys-corner-extra-small: 4px; --mat-sys-corner-extra-small-top: 4px 4px 0 0; --mat-sys-corner-full: 9999px; --mat-sys-corner-large: 16px; --mat-sys-corner-large-end: 0 16px 16px 0; --mat-sys-corner-large-start: 16px 0 0 16px; --mat-sys-corner-large-top: 16px 16px 0 0; --mat-sys-corner-medium: 12px; --mat-sys-corner-none: 0; --mat-sys-corner-small: 8px; } html { --mat-sys-dragged-state-layer-opacity: 0.16; --mat-sys-focus-state-layer-opacity: 0.12; --mat-sys-hover-state-layer-opacity: 0.08; --mat-sys-pressed-state-layer-opacity: 0.12; } /* node_modules/flowbite/dist/flowbite.css */ /*! tailwindcss v4.0.0-beta.10 | MIT License | https://tailwindcss.com */ @layer theme, base, components, utilities; @layer theme { :root { --font-sans: "Inter", "ui-sans-serif", "system-ui", "-apple-system", "system-ui", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"; --color-red-50: oklch(0.971 0.013 17.38); --color-red-100: oklch(0.936 0.032 17.717); --color-red-200: oklch(0.885 0.062 18.334); --color-red-300: oklch(0.808 0.114 19.571); --color-red-400: oklch(0.704 0.191 22.216); --color-red-500: oklch(0.637 0.237 25.331); --color-red-600: oklch(0.577 0.245 27.325); --color-red-700: oklch(0.505 0.213 27.518); --color-red-800: oklch(0.444 0.177 26.899); --color-red-900: oklch(0.396 0.141 25.723); --color-red-950: oklch(0.258 0.092 26.042); --color-orange-50: oklch(0.98 0.016 73.684); --color-orange-100: oklch(0.954 0.038 75.164); --color-orange-200: oklch(0.901 0.076 70.697); --color-orange-300: oklch(0.837 0.128 66.29); --color-orange-400: oklch(0.75 0.183 55.934); --color-orange-500: oklch(0.705 0.213 47.604); --color-orange-600: oklch(0.646 0.222 41.116); --color-orange-700: oklch(0.553 0.195 38.402); --color-orange-800: oklch(0.47 0.157 37.304); --color-orange-900: oklch(0.408 0.123 38.172); --color-orange-950: oklch(0.266 0.079 36.259); --color-amber-50: oklch(0.987 0.022 95.277); --color-amber-100: oklch(0.962 0.059 95.617); --color-amber-200: oklch(0.924 0.12 95.746); --color-amber-300: oklch(0.879 0.169 91.605); --color-amber-400: oklch(0.828 0.189 84.429); --color-amber-500: oklch(0.769 0.188 70.08); --color-amber-600: oklch(0.666 0.179 58.318); --color-amber-700: oklch(0.555 0.163 48.998); --color-amber-800: oklch(0.473 0.137 46.201); --color-amber-900: oklch(0.414 0.112 45.904); --color-amber-950: oklch(0.279 0.077 45.635); --color-yellow-50: oklch(0.987 0.026 102.212); --color-yellow-100: oklch(0.973 0.071 103.193); --color-yellow-200: oklch(0.945 0.129 101.54); --color-yellow-300: oklch(0.905 0.182 98.111); --color-yellow-400: oklch(0.852 0.199 91.936); --color-yellow-500: oklch(0.795 0.184 86.047); --color-yellow-600: oklch(0.681 0.162 75.834); --color-yellow-700: oklch(0.554 0.135 66.442); --color-yellow-800: oklch(0.476 0.114 61.907); --color-yellow-900: oklch(0.421 0.095 57.708); --color-yellow-950: oklch(0.286 0.066 53.813); --color-lime-50: oklch(0.986 0.031 120.757); --color-lime-100: oklch(0.967 0.067 122.328); --color-lime-200: oklch(0.938 0.127 124.321); --color-lime-300: oklch(0.897 0.196 126.665); --color-lime-400: oklch(0.841 0.238 128.85); --color-lime-500: oklch(0.768 0.233 130.85); --color-lime-600: oklch(0.648 0.2 131.684); --color-lime-700: oklch(0.532 0.157 131.589); --color-lime-800: oklch(0.453 0.124 130.933); --color-lime-900: oklch(0.405 0.101 131.063); --color-lime-950: oklch(0.274 0.072 132.109); --color-green-50: oklch(0.982 0.018 155.826); --color-green-100: oklch(0.962 0.044 156.743); --color-green-200: oklch(0.925 0.084 155.995); --color-green-300: oklch(0.871 0.15 154.449); --color-green-400: oklch(0.792 0.209 151.711); --color-green-500: oklch(0.723 0.219 149.579); --color-green-600: oklch(0.627 0.194 149.214); --color-green-700: oklch(0.527 0.154 150.069); --color-green-800: oklch(0.448 0.119 151.328); --color-green-900: oklch(0.393 0.095 152.535); --color-green-950: oklch(0.266 0.065 152.934); --color-emerald-50: oklch(0.979 0.021 166.113); --color-emerald-100: oklch(0.95 0.052 163.051); --color-emerald-200: oklch(0.905 0.093 164.15); --color-emerald-300: oklch(0.845 0.143 164.978); --color-emerald-400: oklch(0.765 0.177 163.223); --color-emerald-500: oklch(0.696 0.17 162.48); --color-emerald-600: oklch(0.596 0.145 163.225); --color-emerald-700: oklch(0.508 0.118 165.612); --color-emerald-800: oklch(0.432 0.095 166.913); --color-emerald-900: oklch(0.378 0.077 168.94); --color-emerald-950: oklch(0.262 0.051 172.552); --color-teal-50: oklch(0.984 0.014 180.72); --color-teal-100: oklch(0.953 0.051 180.801); --color-teal-200: oklch(0.91 0.096 180.426); --color-teal-300: oklch(0.855 0.138 181.071); --color-teal-400: oklch(0.777 0.152 181.912); --color-teal-500: oklch(0.704 0.14 182.503); --color-teal-600: oklch(0.6 0.118 184.704); --color-teal-700: oklch(0.511 0.096 186.391); --color-teal-800: oklch(0.437 0.078 188.216); --color-teal-900: oklch(0.386 0.063 188.416); --color-teal-950: oklch(0.277 0.046 192.524); --color-cyan-50: oklch(0.984 0.019 200.873); --color-cyan-100: oklch(0.956 0.045 203.388); --color-cyan-200: oklch(0.917 0.08 205.041); --color-cyan-300: oklch(0.865 0.127 207.078); --color-cyan-400: oklch(0.789 0.154 211.53); --color-cyan-500: oklch(0.715 0.143 215.221); --color-cyan-600: oklch(0.609 0.126 221.723); --color-cyan-700: oklch(0.52 0.105 223.128); --color-cyan-800: oklch(0.45 0.085 224.283); --color-cyan-900: oklch(0.398 0.07 227.392); --color-cyan-950: oklch(0.302 0.056 229.695); --color-sky-50: oklch(0.977 0.013 236.62); --color-sky-100: oklch(0.951 0.026 236.824); --color-sky-200: oklch(0.901 0.058 230.902); --color-sky-300: oklch(0.828 0.111 230.318); --color-sky-400: oklch(0.746 0.16 232.661); --color-sky-500: oklch(0.685 0.169 237.323); --color-sky-600: oklch(0.588 0.158 241.966); --color-sky-700: oklch(0.5 0.134 242.749); --color-sky-800: oklch(0.443 0.11 240.79); --color-sky-900: oklch(0.391 0.09 240.876); --color-sky-950: oklch(0.293 0.066 243.157); --color-blue-50: oklch(0.97 0.014 254.604); --color-blue-100: oklch(0.932 0.032 255.585); --color-blue-200: oklch(0.882 0.059 254.128); --color-blue-300: oklch(0.809 0.105 251.813); --color-blue-400: oklch(0.707 0.165 254.624); --color-blue-500: oklch(0.623 0.214 259.815); --color-blue-600: oklch(0.546 0.245 262.881); --color-blue-700: oklch(0.488 0.243 264.376); --color-blue-800: oklch(0.424 0.199 265.638); --color-blue-900: oklch(0.379 0.146 265.522); --color-blue-950: oklch(0.282 0.091 267.935); --color-indigo-50: oklch(0.962 0.018 272.314); --color-indigo-100: oklch(0.93 0.034 272.788); --color-indigo-200: oklch(0.87 0.065 274.039); --color-indigo-300: oklch(0.785 0.115 274.713); --color-indigo-400: oklch(0.673 0.182 276.935); --color-indigo-500: oklch(0.585 0.233 277.117); --color-indigo-600: oklch(0.511 0.262 276.966); --color-indigo-700: oklch(0.457 0.24 277.023); --color-indigo-800: oklch(0.398 0.195 277.366); --color-indigo-900: oklch(0.359 0.144 278.697); --color-indigo-950: oklch(0.257 0.09 281.288); --color-violet-50: oklch(0.969 0.016 293.756); --color-violet-100: oklch(0.943 0.029 294.588); --color-violet-200: oklch(0.894 0.057 293.283); --color-violet-300: oklch(0.811 0.111 293.571); --color-violet-400: oklch(0.702 0.183 293.541); --color-violet-500: oklch(0.606 0.25 292.717); --color-violet-600: oklch(0.541 0.281 293.009); --color-violet-700: oklch(0.491 0.27 292.581); --color-violet-800: oklch(0.432 0.232 292.759); --color-violet-900: oklch(0.38 0.189 293.745); --color-violet-950: oklch(0.283 0.141 291.089); --color-purple-50: oklch(0.977 0.014 308.299); --color-purple-100: oklch(0.946 0.033 307.174); --color-purple-200: oklch(0.902 0.063 306.703); --color-purple-300: oklch(0.827 0.119 306.383); --color-purple-400: oklch(0.714 0.203 305.504); --color-purple-500: oklch(0.627 0.265 303.9); --color-purple-600: oklch(0.558 0.288 302.321); --color-purple-700: oklch(0.496 0.265 301.924); --color-purple-800: oklch(0.438 0.218 303.724); --color-purple-900: oklch(0.381 0.176 304.987); --color-purple-950: oklch(0.291 0.149 302.717); --color-fuchsia-50: oklch(0.977 0.017 320.058); --color-fuchsia-100: oklch(0.952 0.037 318.852); --color-fuchsia-200: oklch(0.903 0.076 319.62); --color-fuchsia-300: oklch(0.833 0.145 321.434); --color-fuchsia-400: oklch(0.74 0.238 322.16); --color-fuchsia-500: oklch(0.667 0.295 322.15); --color-fuchsia-600: oklch(0.591 0.293 322.896); --color-fuchsia-700: oklch(0.518 0.253 323.949); --color-fuchsia-800: oklch(0.452 0.211 324.591); --color-fuchsia-900: oklch(0.401 0.17 325.612); --color-fuchsia-950: oklch(0.293 0.136 325.661); --color-pink-50: oklch(0.971 0.014 343.198); --color-pink-100: oklch(0.948 0.028 342.258); --color-pink-200: oklch(0.899 0.061 343.231); --color-pink-300: oklch(0.823 0.12 346.018); --color-pink-400: oklch(0.718 0.202 349.761); --color-pink-500: oklch(0.656 0.241 354.308); --color-pink-600: oklch(0.592 0.249 0.584); --color-pink-700: oklch(0.525 0.223 3.958); --color-pink-800: oklch(0.459 0.187 3.815); --color-pink-900: oklch(0.408 0.153 2.432); --color-pink-950: oklch(0.284 0.109 3.907); --color-rose-50: oklch(0.969 0.015 12.422); --color-rose-100: oklch(0.941 0.03 12.58); --color-rose-200: oklch(0.892 0.058 10.001); --color-rose-300: oklch(0.81 0.117 11.638); --color-rose-400: oklch(0.712 0.194 13.428); --color-rose-500: oklch(0.645 0.246 16.439); --color-rose-600: oklch(0.586 0.253 17.585); --color-rose-700: oklch(0.514 0.222 16.935); --color-rose-800: oklch(0.455 0.188 13.697); --color-rose-900: oklch(0.41 0.159 10.272); --color-rose-950: oklch(0.271 0.105 12.094); --color-slate-50: oklch(0.984 0.003 247.858); --color-slate-100: oklch(0.968 0.007 247.896); --color-slate-200: oklch(0.929 0.013 255.508); --color-slate-300: oklch(0.869 0.022 252.894); --color-slate-400: oklch(0.704 0.04 256.788); --color-slate-500: oklch(0.554 0.046 257.417); --color-slate-600: oklch(0.446 0.043 257.281); --color-slate-700: oklch(0.372 0.044 257.287); --color-slate-800: oklch(0.279 0.041 260.031); --color-slate-900: oklch(0.208 0.042 265.755); --color-slate-950: oklch(0.129 0.042 264.695); --color-gray-50: oklch(0.985 0.002 247.839); --color-gray-100: oklch(0.967 0.003 264.542); --color-gray-200: oklch(0.928 0.006 264.531); --color-gray-300: oklch(0.872 0.01 258.338); --color-gray-400: oklch(0.707 0.022 261.325); --color-gray-500: oklch(0.551 0.027 264.364); --color-gray-600: oklch(0.446 0.03 256.802); --color-gray-700: oklch(0.373 0.034 259.733); --color-gray-800: oklch(0.278 0.033 256.848); --color-gray-900: oklch(0.21 0.034 264.665); --color-gray-950: oklch(0.13 0.028 261.692); --color-zinc-50: oklch(0.985 0 0); --color-zinc-100: oklch(0.967 0.001 286.375); --color-zinc-200: oklch(0.92 0.004 286.32); --color-zinc-300: oklch(0.871 0.006 286.286); --color-zinc-400: oklch(0.705 0.015 286.067); --color-zinc-500: oklch(0.552 0.016 285.938); --color-zinc-600: oklch(0.442 0.017 285.786); --color-zinc-700: oklch(0.37 0.013 285.805); --color-zinc-800: oklch(0.274 0.006 286.033); --color-zinc-900: oklch(0.21 0.006 285.885); --color-zinc-950: oklch(0.141 0.005 285.823); --color-neutral-50: oklch(0.985 0 0); --color-neutral-100: oklch(0.97 0 0); --color-neutral-200: oklch(0.922 0 0); --color-neutral-300: oklch(0.87 0 0); --color-neutral-400: oklch(0.708 0 0); --color-neutral-500: oklch(0.556 0 0); --color-neutral-600: oklch(0.439 0 0); --color-neutral-700: oklch(0.371 0 0); --color-neutral-800: oklch(0.269 0 0); --color-neutral-900: oklch(0.205 0 0); --color-neutral-950: oklch(0.145 0 0); --color-stone-50: oklch(0.985 0.001 106.423); --color-stone-100: oklch(0.97 0.001 106.424); --color-stone-200: oklch(0.923 0.003 48.717); --color-stone-300: oklch(0.869 0.005 56.366); --color-stone-400: oklch(0.709 0.01 56.259); --color-stone-500: oklch(0.553 0.013 58.071); --color-stone-600: oklch(0.444 0.011 73.639); --color-stone-700: oklch(0.374 0.01 67.558); --color-stone-800: oklch(0.268 0.007 34.298); --color-stone-900: oklch(0.216 0.006 56.043); --color-stone-950: oklch(0.147 0.004 49.25); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / 0.05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-font-feature-settings: var(--font-sans--font-feature-settings); --default-font-variation-settings: var( --font-sans--font-variation-settings ); --default-mono-font-family: var(--font-mono); --default-mono-font-feature-settings: var( --font-mono--font-feature-settings ); --default-mono-font-variation-settings: var( --font-mono--font-variation-settings ); --font-body: "Inter", "ui-sans-serif", "system-ui", "-apple-system", "system-ui", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --spacing-2xl: 16rem; --spacing-8xl: 90rem; --text-2xs: 0.625rem; } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var( --default-font-variation-settings, normal ); -webkit-tap-highlight-color: transparent; } body { line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace ); font-feature-settings: var( --default-mono-font-feature-settings, normal ); font-variation-settings: var( --default-mono-font-variation-settings, normal ); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; color: color-mix(in oklab, currentColor 50%, transparent); } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type=button], [type=reset], [type=submit]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden=until-found])) { display: none !important; } } @layer utilities { .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .datatable-wrapper { width: 100%; } .datatable-wrapper .datatable-top { display: flex; justify-content: space-between; flex-direction: column-reverse; align-items: start; gap: 1rem; margin-bottom: 1rem; } @media (min-width: 640px) { .datatable-wrapper .datatable-top { flex-direction: row-reverse; align-items: center; } } .datatable-wrapper .datatable-search .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .datatable-wrapper .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark .datatable-wrapper .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark .datatable-wrapper .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .datatable-wrapper thead th .datatable-input { background-color: white; font-weight: 400; color: var(--color-gray-900); padding-top: .35rem; padding-bottom: .35rem; min-width: 0; } .dark .datatable-wrapper thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-400); } .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } .datatable-wrapper .datatable-container thead tr.search-filtering-row th { padding-top: 0; } .datatable-wrapper .datatable-search .datatable-input:focus { border-color: var(--color-blue-600); } .datatable-wrapper .datatable-container { overflow-x: auto; } .datatable-wrapper .datatable-table { width: 100%; font-size: 0.875rem; color: var(--color-gray-500); text-align: left; } .dark .datatable-wrapper .datatable-table { color: var(--color-gray-400); } .datatable-wrapper .datatable-table thead { font-size: 0.75rem; color: var(--color-gray-500); background-color: var(--color-gray-50); } .dark .datatable-wrapper .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } .datatable-wrapper .datatable-table thead th { white-space: nowrap; } .datatable-wrapper .datatable-table thead th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper .datatable-table tbody th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper .datatable-table tbody td { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper .datatable-table thead th .datatable-sorter { text-transform: uppercase; } .datatable-wrapper .datatable-table thead th { text-transform: uppercase; } .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-100); } .dark .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-200); } .dark .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-table .datatable-empty { text-align: center; } .datatable-wrapper .datatable-bottom { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: 1rem; gap: 1rem; } @media (min-width: 640px) { .datatable-wrapper .datatable-bottom { flex-direction: row; align-items: center; } } .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-400); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } .datatable-wrapper .datatable-bottom { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: 1rem; gap: 1rem; } @media (min-width: 640px) { .datatable-wrapper .datatable-bottom { flex-direction: row; align-items: center; } } .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-400); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .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; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .-start-1\.5 { inset-inline-start: calc(var(--spacing) * -1.5); } .-start-3 { inset-inline-start: calc(var(--spacing) * -3); } .-start-3\.5 { inset-inline-start: calc(var(--spacing) * -3.5); } .-start-4 { inset-inline-start: calc(var(--spacing) * -4); } .-start-14 { inset-inline-start: calc(var(--spacing) * -14); } .-start-\[17px\] { inset-inline-start: calc(17px * -1); } .start-0 { inset-inline-start: calc(var(--spacing) * 0); } .start-1 { inset-inline-start: calc(var(--spacing) * 1); } .start-1\/2 { inset-inline-start: calc(1/2 * 100%); } .start-1\/3 { inset-inline-start: calc(1/3 * 100%); } .start-2\.5 { inset-inline-start: calc(var(--spacing) * 2.5); } .start-2\/3 { inset-inline-start: calc(2/3 * 100%); } .start-6 { inset-inline-start: calc(var(--spacing) * 6); } .start-7 { inset-inline-start: calc(var(--spacing) * 7); } .-end-2 { inset-inline-end: calc(var(--spacing) * -2); } .-end-\[16px\] { inset-inline-end: calc(16px * -1); } .-end-\[17px\] { inset-inline-end: calc(17px * -1); } .end-0 { inset-inline-end: calc(var(--spacing) * 0); } .end-2 { inset-inline-end: calc(var(--spacing) * 2); } .end-2\.5 { inset-inline-end: calc(var(--spacing) * 2.5); } .end-6 { inset-inline-end: calc(var(--spacing) * 6); } .end-24 { inset-inline-end: calc(var(--spacing) * 24); } .-top-0\.5 { top: calc(var(--spacing) * -0.5); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-\[140px\] { top: calc(140px * -1); } .top-0 { top: calc(var(--spacing) * 0); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\/2 { top: calc(1/2 * 100%); } .top-2 { top: calc(var(--spacing) * 2); } .top-2\.5 { top: calc(var(--spacing) * 2.5); } .top-2\/4 { top: calc(2/4 * 100%); } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-5 { top: calc(var(--spacing) * 5); } .top-6 { top: calc(var(--spacing) * 6); } .top-28 { top: calc(var(--spacing) * 28); } .top-\[40px\] { top: 40px; } .top-\[72px\] { top: 72px; } .top-\[88px\] { top: 88px; } .top-\[124px\] { top: 124px; } .top-\[142px\] { top: 142px; } .top-\[178px\] { top: 178px; } .right-0 { right: calc(var(--spacing) * 0); } .right-1\/2 { right: calc(1/2 * 100%); } .right-2\.5 { right: calc(var(--spacing) * 2.5); } .right-5 { right: calc(var(--spacing) * 5); } .right-6 { right: calc(var(--spacing) * 6); } .right-24 { right: calc(var(--spacing) * 24); } .right-auto { right: auto; } .-bottom-6 { bottom: calc(var(--spacing) * -6); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-1 { bottom: calc(var(--spacing) * 1); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-2\.5 { bottom: calc(var(--spacing) * 2.5); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-5 { bottom: calc(var(--spacing) * 5); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-\[\*px\] { bottom: *px; } .bottom-\[60px\] { bottom: 60px; } .-left-1 { left: calc(var(--spacing) * -1); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: calc(1/2 * 100%); } .left-5 { left: calc(var(--spacing) * 5); } .left-7 { left: calc(var(--spacing) * 7); } .left-8 { left: calc(var(--spacing) * 8); } .left-auto { left: auto; } .-z-10 { z-index: calc(10 * -1); } .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; } .col-span-1 { grid-column: span 1 / span 1; } .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; } .container { width: 100%; } @media (width >= 40rem) { .container { max-width: 40rem; } } @media (width >= 48rem) { .container { max-width: 48rem; } } @media (width >= 64rem) { .container { max-width: 64rem; } } @media (width >= 80rem) { .container { max-width: 80rem; } } @media (width >= 96rem) { .container { max-width: 96rem; } } .format { color: var(--tw-format-body); max-width: 65ch; --tw-format-body: oklch(0.551 0.027 264.364); --tw-format-headings: oklch(0.21 0.034 264.665); --tw-format-lead: oklch(0.551 0.027 264.364); --tw-format-links: oklch(0.446 0.03 256.802); --tw-format-bold: oklch(0.21 0.034 264.665); --tw-format-counters: oklch(0.551 0.027 264.364); --tw-format-bullets: oklch(0.551 0.027 264.364); --tw-format-hr: oklch(0.928 0.006 264.531); --tw-format-quotes: oklch(0.21 0.034 264.665); --tw-format-quote-borders: oklch(0.928 0.006 264.531); --tw-format-captions: oklch(0.551 0.027 264.364); --tw-format-code: oklch(0.21 0.034 264.665); --tw-format-code-bg: oklch(0.967 0.003 264.542); --tw-format-pre-code: oklch(0.446 0.03 256.802); --tw-format-pre-bg: oklch(0.967 0.003 264.542); --tw-format-th-borders: oklch(0.928 0.006 264.531); --tw-format-th-bg: oklch(0.985 0.002 247.839); --tw-format-td-borders: oklch(0.928 0.006 264.531); --tw-format-invert-body: oklch(0.707 0.022 261.325); --tw-format-invert-headings: #fff; --tw-format-invert-lead: oklch(0.707 0.022 261.325); --tw-format-invert-links: #fff; --tw-format-invert-bold: #fff; --tw-format-invert-counters: oklch(0.707 0.022 261.325); --tw-format-invert-bullets: oklch(0.446 0.03 256.802); --tw-format-invert-hr: oklch(0.373 0.034 259.733); --tw-format-invert-quotes: oklch(0.967 0.003 264.542); --tw-format-invert-quote-borders: oklch(0.373 0.034 259.733); --tw-format-invert-captions: oklch(0.707 0.022 261.325); --tw-format-invert-code: #fff; --tw-format-invert-code-bg: oklch(0.278 0.033 256.848); --tw-format-invert-pre-code: oklch(0.872 0.01 258.338); --tw-format-invert-pre-bg: oklch(0.373 0.034 259.733); --tw-format-invert-th-borders: oklch(0.446 0.03 256.802); --tw-format-invert-td-borders: oklch(0.373 0.034 259.733); --tw-format-invert-th-bg: oklch(0.373 0.034 259.733); font-size: 1rem; line-height: 1.75; } .format :where([class~=lead]):not(:where([class~=not-format] *)) { color: var(--tw-format-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } .format :where(a):not(:where([class~=not-format] *)) { color: var(--tw-format-links); text-decoration: underline; font-weight: 500; } .format :where(a):not(:where([class~=not-format] *)):hover { text-decoration: none; } .format :where(strong):not(:where([class~=not-format] *)) { color: var(--tw-format-bold); font-weight: 700; } .format :where(a strong):not(:where([class~=not-format] *)) { color: inherit; } .format :where(blockquote strong):not(:where([class~=not-format] *)) { color: inherit; } .format :where(thead th strong):not(:where([class~=not-format] *)) { color: inherit; } .format :where(ol):not(:where([class~=not-format] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } .format :where(ol[type=A]):not(:where([class~=not-format] *)) { list-style-type: upper-alpha; } .format :where(ol[type=a]):not(:where([class~=not-format] *)) { list-style-type: lower-alpha; } .format :where(ol[type=A s]):not(:where([class~=not-format] *)) { list-style-type: upper-alpha; } .format :where(ol[type=a s]):not(:where([class~=not-format] *)) { list-style-type: lower-alpha; } .format :where(ol[type=I]):not(:where([class~=not-format] *)) { list-style-type: upper-roman; } .format :where(ol[type=i]):not(:where([class~=not-format] *)) { list-style-type: lower-roman; } .format :where(ol[type=I s]):not(:where([class~=not-format] *)) { list-style-type: upper-roman; } .format :where(ol[type=i s]):not(:where([class~=not-format] *)) { list-style-type: lower-roman; } .format :where(ol[type="1"]):not(:where([class~=not-format] *)) { list-style-type: decimal; } .format :where(ul):not(:where([class~=not-format] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } .format :where(ol > li):not(:where([class~=not-format] *))::marker { font-weight: 400; color: var(--tw-format-counters); } .format :where(ul > li):not(:where([class~=not-format] *))::marker { color: var(--tw-format-bullets); } .format :where(hr):not(:where([class~=not-format] *)) { border-color: var(--tw-format-hr); border-top-width: 1; margin-top: 3em; margin-bottom: 3em; } .format :where(blockquote):not(:where([class~=not-format] *)) { font-size: 1.1111111em; font-weight: 700; font-style: italic; color: var(--tw-format-quotes); quotes: "\201c""\201d""\2018""\2019"; margin-bottom: 1.6em; } .format :where(blockquote):not(:where([class~=not-format] *))::before { content: ""; background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='24' viewBox='0 0 32 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6893 24V14.1453C18.6893 6.54 23.664 1.38533 30.6667 -7.15256e-07L31.9933 2.868C28.7507 4.09066 26.6667 7.71867 26.6667 10.6667H32V24H18.6893ZM-9.53674e-07 24V14.1453C-9.53674e-07 6.54 4.99733 1.384 12 -7.15256e-07L13.328 2.868C10.084 4.09066 8 7.71867 8 10.6667L13.3107 10.6667V24H-9.53674e-07Z' fill='%239CA3AF'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; color: var(--tw-format-quotes); width: 1.7777778em; height: 1.3333333em; display: block; margin-top: 1.6em; } .format :where(blockquote p:first-of-type):not(:where([class~=not-format] *))::before { content: open-quote; } .format :where(blockquote p:last-of-type):not(:where([class~=not-format] *))::after { content: close-quote; } .format :where(h1):not(:where([class~=not-format] *)) { color: var(--tw-format-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } .format :where(h1 strong):not(:where([class~=not-format] *)) { font-weight: 900; color: inherit; } .format :where(h2):not(:where([class~=not-format] *)) { color: var(--tw-format-headings); font-weight: 700; font-size: 1.5em; margin-top: 0; margin-bottom: 1em; line-height: 1.3333333; } .format :where(h2 strong):not(:where([class~=not-format] *)) { font-weight: 800; color: inherit; } .format :where(h3):not(:where([class~=not-format] *)) { color: var(--tw-format-headings); font-weight: 700; font-size: 1.25em; margin-top: 0; margin-bottom: 0.6em; line-height: 1.6; } .format :where(h3 strong):not(:where([class~=not-format] *)) { font-weight: 800; color: inherit; } .format :where(h4):not(:where([class~=not-format] *)) { color: var(--tw-format-headings); font-weight: 600; margin-top: 0; margin-bottom: 0.5em; line-height: 1.5; } .format :where(h4 strong):not(:where([class~=not-format] *)) { font-weight: 700; color: inherit; } .format :where(img):not(:where([class~=not-format] *)) { margin-top: 2em; margin-bottom: 2em; } .format :where(figure > *):not(:where([class~=not-format] *)) { margin-top: 0; margin-bottom: 0; } .format :where(figcaption):not(:where([class~=not-format] *)) { color: var(--tw-format-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } .format :where(code):not(:where([class~=not-format] *)) { color: var(--tw-format-code); font-weight: 600; background-color: var(--tw-format-code-bg); padding-top: 0.3333333em; padding-bottom: 0.3333333em; padding-left: 0.5555556em; padding-right: 0.5555556em; border-radius: 0.2222222em; font-size: 0.875em; } .format :where(a code):not(:where([class~=not-format] *)) { color: inherit; } .format :where(h1 code):not(:where([class~=not-format] *)) { color: inherit; } .format :where(h2 code):not(:where([class~=not-format] *)) { color: inherit; font-size: 0.875em; } .format :where(h3 code):not(:where([class~=not-format] *)) { color: inherit; font-size: 0.9em; } .format :where(h4 code):not(:where([class~=not-format] *)) { color: inherit; } .format :where(blockquote code):not(:where([class~=not-format] *)) { color: inherit; } .format :where(thead th code):not(:where([class~=not-format] *)) { color: inherit; } .format :where(pre):not(:where([class~=not-format] *)) { color: var(--tw-format-pre-code); background-color: var(--tw-format-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-right: 1.1428571em; padding-bottom: 0.8571429em; padding-left: 1.1428571em; } .format :where(pre code):not(:where([class~=not-format] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } .format :where(pre code):not(:where([class~=not-format] *))::before { content: none; } .format :where(pre code):not(:where([class~=not-format] *))::after { content: none; } .format :where(table):not(:where([class~=not-format] *)) { width: 100%; table-layout: auto; text-align: left; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } .format :where(thead):not(:where([class~=not-format] *)) { background-color: var(--tw-format-th-bg); border-radius: 0.2777778em; } .format :where(thead th):not(:where([class~=not-format] *)) { background-color: var(--tw-format-th-bg); color: var(--tw-format-headings); font-weight: 600; vertical-align: bottom; padding: 0.5555556em; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } .format :where(tbody th):not(:where([class~=not-format] *)) { background-color: var(--tw-format-th-bg); color: var(--tw-format-headings); font-weight: 600; vertical-align: bottom; padding: 0.5555556em; } .format :where(tbody tr th p, tbody tr td p):not(:where([class~=not-format] *)) { margin: 0 !important; } .format :where(tbody tr th, tbody tr td):not(:where([class~=not-format] *)) { padding: 0.6666667em !important; } .format :where(tbody tr):not(:where([class~=not-format] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-format-td-borders); } .format :where(tbody tr:last-child):not(:where([class~=not-format] *)) { border-bottom-width: 0; } .format :where(tbody td):not(:where([class~=not-format] *)) { vertical-align: baseline; } .format :where(tfoot):not(:where([class~=not-format] *)) { border-top-width: 1px; border-top-color: var(--tw-format-th-borders); } .format :where(tfoot td):not(:where([class~=not-format] *)) { vertical-align: top; } .format :where(p):not(:where([class~=not-format] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .format :where(blockquote > p:first-child):not(:where([class~=not-format] *)) { margin-top: 0; } .format :where(video):not(:where([class~=not-format] *)) { margin-top: 2em; margin-bottom: 2em; } .format :where(figure):not(:where([class~=not-format] *)) { margin-top: 2em; margin-bottom: 2em; } .format :where(li):not(:where([class~=not-format] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } .format :where(ol > li):not(:where([class~=not-format] *)) { padding-left: 0.375em; } .format :where(ul > li):not(:where([class~=not-format] *)) { padding-left: 0.375em; } .format :where(.format > ul > li p):not(:where([class~=not-format] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .format :where(.format > ul > li > *:first-child):not(:where([class~=not-format] *)) { margin-top: 1.25em; } .format :where(.format > ul > li > *:last-child):not(:where([class~=not-format] *)) { margin-bottom: 1.25em; } .format :where(.format > ol > li > *:first-child):not(:where([class~=not-format] *)) { margin-top: 1.25em; } .format :where(.format > ol > li > *:last-child):not(:where([class~=not-format] *)) { margin-bottom: 1.25em; } .format :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-format] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .format :where(hr + *):not(:where([class~=not-format] *)) { margin-top: 0; } .format :where(h2 + *):not(:where([class~=not-format] *)) { margin-top: 0; } .format :where(h3 + *):not(:where([class~=not-format] *)) { margin-top: 0; } .format :where(h4 + *):not(:where([class~=not-format] *)) { margin-top: 0; } .format :where(thead th:last-child):not(:where([class~=not-format] *)) { padding-right: 0; } .format :where(tbody td, tfoot td):not(:where([class~=not-format] *)) { padding-top: 0.5714286em; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } .format :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-format] *)) { padding-right: 0; } .format :where(.format > :first-child):not(:where([class~=not-format] *)) { margin-top: 0; } .format :where(.format > :last-child):not(:where([class~=not-format] *)) { margin-bottom: 0; } .m-0\.5 { margin: calc(var(--spacing) * 0.5); } .m-2\.5 { margin: calc(var(--spacing) * 2.5); } .m-4 { margin: calc(var(--spacing) * 4); } .m-361 { margin: calc(var(--spacing) * 361); } .-mx-1\.5 { margin-inline: calc(var(--spacing) * -1.5); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-auto { margin-inline: auto; } .-my-1\.5 { margin-block: calc(var(--spacing) * -1.5); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-2\.5 { margin-block: calc(var(--spacing) * 2.5); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-7 { margin-block: calc(var(--spacing) * 7); } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-10 { margin-block: calc(var(--spacing) * 10); } .my-12 { margin-block: calc(var(--spacing) * 12); } .-ms-1 { margin-inline-start: calc(var(--spacing) * -1); } .ms-0 { margin-inline-start: calc(var(--spacing) * 0); } .ms-0\.5 { margin-inline-start: calc(var(--spacing) * 0.5); } .ms-1 { margin-inline-start: calc(var(--spacing) * 1); } .ms-1\.5 { margin-inline-start: calc(var(--spacing) * 1.5); } .ms-2 { margin-inline-start: calc(var(--spacing) * 2); } .ms-2\.5 { margin-inline-start: calc(var(--spacing) * 2.5); } .ms-3 { margin-inline-start: calc(var(--spacing) * 3); } .ms-3\.5 { margin-inline-start: calc(var(--spacing) * 3.5); } .ms-4 { margin-inline-start: calc(var(--spacing) * 4); } .ms-5 { margin-inline-start: calc(var(--spacing) * 5); } .ms-6 { margin-inline-start: calc(var(--spacing) * 6); } .ms-8 { margin-inline-start: calc(var(--spacing) * 8); } .ms-auto { margin-inline-start: auto; } .-me-0\.5 { margin-inline-end: calc(var(--spacing) * -0.5); } .me-1 { margin-inline-end: calc(var(--spacing) * 1); } .me-1\.5 { margin-inline-end: calc(var(--spacing) * 1.5); } .me-2 { margin-inline-end: calc(var(--spacing) * 2); } .me-2\.5 { margin-inline-end: calc(var(--spacing) * 2.5); } .me-3 { margin-inline-end: calc(var(--spacing) * 3); } .me-4 { margin-inline-end: calc(var(--spacing) * 4); } .me-5 { margin-inline-end: calc(var(--spacing) * 5); } .me-auto { margin-inline-end: auto; } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-5 { margin-top: calc(var(--spacing) * -5); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-14 { margin-top: calc(var(--spacing) * 14); } .mt-\[2px\] { margin-top: 2px; } .apexcharts-canvas .apexcharts-tooltip { background-color: white !important; color: var(--color-gray-700) !important; border: 0 !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-500) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; border-color: transparent !important; background-color: white !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } .apexcharts-canvas .apexcharts-xaxistooltip-text { font-weight: 400 !important; font-size: 0.875rem !important; } .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: white !important; } .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: white !important; } .apexcharts-canvas .apexcharts-xaxistooltip:after { border-width: 8px !important; margin-left: -8px !important; } .apexcharts-canvas .apexcharts-xaxistooltip:before { border-width: 10px !important; margin-left: -10px !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important; } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group { padding: 0 !important; } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active:first-of-type { padding-top: 0.75rem !important; } .apexcharts-canvas .apexcharts-legend { padding: 0 !important; } .apexcharts-canvas .apexcharts-legend-text { font-size: 0.75rem !important; font-weight: 500 !important; padding-left: 1.25rem !important; color: var(--color-gray-500) !important; } :is([dir=rtl]) .apexcharts-canvas .apexcharts-legend-text { padding-right: 0.5rem !important; } .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important; } .dark .apexcharts-canvas .apexcharts-legend-text { color: var(--color-gray-400) !important; } .dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important; } .apexcharts-canvas .apexcharts-legend-series { margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: 0.25rem !important; display: flex !important; align-items: center !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem, [object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label { font-size: 0.75rem, [object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; } .apexcharts-canvas .apexcharts-tooltip { background-color: white !important; color: var(--color-gray-700) !important; border: 0 !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important; } :is([dir=rtl]) .apexcharts-tooltip .apexcharts-tooltip-marker { margin-right: 0px !important; margin-left: e !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } .datatable-wrapper .datatable-top { display: flex; justify-content: space-between; flex-direction: column-reverse; align-items: start; gap: 1rem; margin-bottom: 1rem; } @media (min-width: 640px) { .datatable-wrapper .datatable-top { flex-direction: row-reverse; align-items: center; } } .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-400); } .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-400); } .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } .apexcharts-canvas .apexcharts-legend-series { margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: 0.25rem !important; display: flex !important; align-items: center !important; } :is([dir=rtl]) .apexcharts-tooltip .apexcharts-tooltip-marker { margin-right: 0px !important; margin-left: e !important; } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-5 { margin-right: calc(var(--spacing) * 5); } .mr-8 { margin-right: calc(var(--spacing) * 8); } .mr-auto { margin-right: auto; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } .-mb-5 { margin-bottom: calc(var(--spacing) * -5); } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-7 { margin-bottom: calc(var(--spacing) * 7); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-px { margin-bottom: 1px; } .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-500) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; border-color: transparent !important; background-color: white !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: white !important; } .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: white !important; } .apexcharts-canvas .apexcharts-xaxistooltip:after { border-width: 8px !important; margin-left: -8px !important; } .apexcharts-canvas .apexcharts-xaxistooltip:before { border-width: 10px !important; margin-left: -10px !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important; } .-ml-1 { margin-left: calc(var(--spacing) * -1); } .ml-0 { margin-left: calc(var(--spacing) * 0); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-2\.5 { margin-left: calc(var(--spacing) * 2.5); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .ml-auto { margin-left: auto; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .h-0 { height: calc(var(--spacing) * 0); } .h-0\.5 { height: calc(var(--spacing) * 0.5); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-4\.5 { height: calc(var(--spacing) * 4.5); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-28 { height: calc(var(--spacing) * 28); } .h-36 { height: calc(var(--spacing) * 36); } .h-48 { height: calc(var(--spacing) * 48); } .h-56 { height: calc(var(--spacing) * 56); } .h-64 { height: calc(var(--spacing) * 64); } .h-72 { height: calc(var(--spacing) * 72); } .h-80 { height: calc(var(--spacing) * 80); } .h-96 { height: calc(var(--spacing) * 96); } .h-\[1\.1rem\] { height: 1.1rem; } .h-\[5px\] { height: 5px; } .h-\[24px\] { height: 24px; } .h-\[32px\] { height: 32px; } .h-\[41px\] { height: 41px; } .h-\[46px\] { height: 46px; } .h-\[48px\] { height: 48px; } .h-\[52px\] { height: 52px; } .h-\[55px\] { height: 55px; } .h-\[63px\] { height: 63px; } .h-\[64px\] { height: 64px; } .h-\[140px\] { height: 140px; } .h-\[156px\] { height: 156px; } .h-\[172px\] { height: 172px; } .h-\[17px\] { height: 17px; } .h-\[18px\] { height: 18px; } .h-\[56px\] { height: 56px; } .h-\[78px\] { height: 78px; } .h-\[193px\] { height: 193px; } .h-\[213px\] { height: 213px; } .h-\[426px\] { height: 426px; } .h-\[454px\] { height: 454px; } .h-\[572px\] { height: 572px; } .h-\[600px\] { height: 600px; } .h-\[calc\(100\%-1rem\)\] { height: calc(100% - 1rem); } .h-\[calc\(100vh-5rem\)\] { height: calc(100vh - 5rem); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-72 { max-height: calc(var(--spacing) * 72); } .max-h-\[48px\] { max-height: 48px; } .max-h-full { max-height: 100%; } .datatable-wrapper .datatable-table { width: 100%; font-size: 0.875rem; color: var(--color-gray-500); text-align: left; } .dark .datatable-wrapper .datatable-table { color: var(--color-gray-400); } .datatable-wrapper .datatable-table thead { font-size: 0.75rem; color: var(--color-gray-500); background-color: var(--color-gray-50); } .dark .datatable-wrapper .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } .datatable-wrapper .datatable-table thead th { white-space: nowrap; } .datatable-wrapper .datatable-table thead th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper .datatable-table tbody th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper .datatable-table tbody td { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper .datatable-table thead th .datatable-sorter { text-transform: uppercase; } .datatable-wrapper .datatable-table thead th { text-transform: uppercase; } .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-100); } .dark .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-200); } .dark .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-table .datatable-empty { text-align: center; } .w-1 { width: calc(var(--spacing) * 1); } .w-1\/2 { width: calc(1/2 * 100%); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/4 { width: calc(2/4 * 100%); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-4 { width: calc(var(--spacing) * 4); } .w-4\.5 { width: calc(var(--spacing) * 4.5); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-52 { width: calc(var(--spacing) * 52); } .w-56 { width: calc(var(--spacing) * 56); } .w-60 { width: calc(var(--spacing) * 60); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-\[1\.1rem\] { width: 1.1rem; } .w-\[208px\] { width: 208px; } .w-\[272px\] { width: 272px; } .w-\[300px\] { width: 300px; } .w-\[3px\] { width: 3px; } .w-\[6px\] { width: 6px; } .w-\[16rem\] { width: 16rem; } .w-\[48px\] { width: 48px; } .w-\[52px\] { width: 52px; } .w-\[56px\] { width: 56px; } .w-\[145px\] { width: 145px; } .w-\[148px\] { width: 148px; } .w-\[188px\] { width: 188px; } .w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem); } .w-auto { width: auto; } .w-full { width: 100%; } .w-px { width: 1px; } .max-w-2xl { max-width: var(--spacing-2xl); } .max-w-2xs { max-width: var(--container-2xs); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-8xl { max-width: var(--spacing-8xl); } .max-w-\[2\.5rem\] { max-width: 2.5rem; } .max-w-\[7rem\] { max-width: 7rem; } .max-w-\[8\.5rem\] { max-width: 8.5rem; } .max-w-\[8rem\] { max-width: 8rem; } .max-w-\[11rem\] { max-width: 11rem; } .max-w-\[23rem\] { max-width: 23rem; } .max-w-\[24rem\] { max-width: 24rem; } .max-w-\[48px\] { max-width: 48px; } .max-w-\[128px\] { max-width: 128px; } .max-w-\[133px\] { max-width: 133px; } .max-w-\[13rem\] { max-width: 13rem; } .max-w-\[16rem\] { max-width: 16rem; } .max-w-\[18rem\] { max-width: 18rem; } .max-w-\[83px\] { max-width: 83px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[301px\] { max-width: 301px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[326px\] { max-width: 326px; } .max-w-\[330px\] { max-width: 330px; } .max-w-\[341px\] { max-width: 341px; } .max-w-\[351px\] { max-width: 351px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[380px\] { max-width: 380px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[440px\] { max-width: 440px; } .max-w-\[450px\] { max-width: 450px; } .max-w-\[460px\] { max-width: 460px; } .max-w-\[480px\] { max-width: 480px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[540px\] { max-width: 540px; } .max-w-\[640px\] { max-width: 640px; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-screen-md { max-width: var(--breakpoint-md); } .max-w-screen-xl { max-width: var(--breakpoint-xl); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .datatable-wrapper .datatable-search .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .datatable-wrapper .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark .datatable-wrapper .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark .datatable-wrapper .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .datatable-wrapper thead th .datatable-input { background-color: white; font-weight: 400; color: var(--color-gray-900); padding-top: .35rem; padding-bottom: .35rem; min-width: 0; } .dark .datatable-wrapper thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } .datatable-wrapper .datatable-search .datatable-input:focus { border-color: var(--color-blue-600); } .datatable-wrapper .datatable-search .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark .datatable-wrapper .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-search .datatable-input:focus { border-color: var(--color-blue-600); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-\[4rem\] { min-width: 4rem; } .min-w-max { min-width: max-content; } .flex-1 { flex: 1; } .flex-auto { flex: auto; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .origin-\[0\] { transform-origin: 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-3 { --tw-translate-y: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-4 { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-6 { --tw-translate-y: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: calc(1/2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1\/2 { --tw-translate-y: calc(1/2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1\/4 { --tw-translate-y: calc(1/4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-75 { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); } .transform-none { transform: none; } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .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-cols-1 { grid-template-columns: repeat(1, 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)); } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-16 { column-gap: calc(var(--spacing) * 16); } :where(.space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.-space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -4) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-px > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(-1px * var(--tw-space-x-reverse)); margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse))); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } :where(.space-x-0 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-0\.5 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-1\.5 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-2\.5 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-5 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-6 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-8 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } :where(.divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } :where(.divide-x-2 > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(2px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-100 > :not(:last-child)) { border-color: var(--color-gray-100); } :where(.divide-gray-200 > :not(:last-child)) { border-color: var(--color-gray-200); } :where(.divide-gray-300 > :not(:last-child)) { border-color: var(--color-gray-300); } :where(.divide-gray-500 > :not(:last-child)) { border-color: var(--color-gray-500); } .place-self-center { place-self: center; } .self-center { align-self: center; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .datatable-wrapper .datatable-container thead tr.search-filtering-row th { padding-top: 0; } .datatable-wrapper .datatable-container { overflow-x: auto; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-scroll { overflow-y: scroll; } .rounded { border-radius: 0.25rem; } .rounded-\[2\.5rem\] { border-radius: 2.5rem; } .rounded-\[2rem\] { border-radius: 2rem; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-xs { border-radius: var(--radius-xs); } .rounded-s { border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; } .rounded-s-full { border-start-start-radius: calc(infinity * 1px); border-end-start-radius: calc(infinity * 1px); } .rounded-s-lg { border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg); } .rounded-s-md { border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); } .rounded-ss-lg { border-start-start-radius: var(--radius-lg); } .rounded-e { border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; } .rounded-e-full { border-start-end-radius: calc(infinity * 1px); border-end-end-radius: calc(infinity * 1px); } .rounded-e-lg { border-start-end-radius: var(--radius-lg); border-end-end-radius: var(--radius-lg); } .rounded-e-md { border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); } .rounded-e-xl { border-start-end-radius: var(--radius-xl); border-end-end-radius: var(--radius-xl); } .rounded-se-lg { border-start-end-radius: var(--radius-lg); } .rounded-es-xl { border-end-start-radius: var(--radius-xl); } .rounded-l-lg { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-\[2\.5rem\] { border-top-left-radius: 2.5rem; border-top-right-radius: 2.5rem; } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .rounded-t-sm { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); } .rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } .rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-b-\[1rem\] { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } .rounded-b-\[2\.5rem\] { border-bottom-right-radius: 2.5rem; border-bottom-left-radius: 2.5rem; } .rounded-b-lg { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-b-xl { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-1 { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-\[8px\] { border-style: var(--tw-border-style); border-width: 8px; } .border-\[10px\] { border-style: var(--tw-border-style); border-width: 10px; } .border-\[14px\] { border-style: var(--tw-border-style); border-width: 14px; } .border-\[16px\] { border-style: var(--tw-border-style); border-width: 16px; } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } .border-x-0 { border-inline-style: var(--tw-border-style); border-inline-width: 0px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } .border-s-0 { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0px; } .border-s-2 { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 2px; } .border-s-4 { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 4px; } .border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } .border-e-0 { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 0px; } .border-e-2 { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 2px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0px; } .border-t-4 { border-top-style: var(--tw-border-style); border-top-width: 4px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .dark .apexcharts-canvas .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important; } .dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } .dark .apexcharts-canvas .apexcharts-legend-text { color: var(--color-gray-400) !important; } .dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } .dark .apexcharts-gridline { stroke: var(--color-gray-700) !important; } .dark .apexcharts-xcrosshairs { stroke: var(--color-gray-700) !important; } .dark .apexcharts-ycrosshairs { stroke: var(--color-gray-700) !important; } .dark .datatable-wrapper .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark .datatable-wrapper .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark .datatable-wrapper thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } .dark .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-400); } .dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } .dark .datatable-wrapper .datatable-table { color: var(--color-gray-400); } .dark .datatable-wrapper .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } .dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } .dark .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-400); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } .\!border-blue-700 { border-color: var(--color-blue-700) !important; } .border-blue-100 { border-color: var(--color-blue-100); } .border-blue-300 { border-color: var(--color-blue-300); } .border-blue-400 { border-color: var(--color-blue-400); } .border-blue-600 { border-color: var(--color-blue-600); } .border-blue-700 { border-color: var(--color-blue-700); } .border-blue-800 { border-color: var(--color-blue-800); } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-500 { border-color: var(--color-gray-500); } .border-gray-700 { border-color: var(--color-gray-700); } .border-gray-800 { border-color: var(--color-gray-800); } .border-gray-900 { border-color: var(--color-gray-900); } .border-green-300 { border-color: var(--color-green-300); } .border-green-400 { border-color: var(--color-green-400); } .border-green-500 { border-color: var(--color-green-500); } .border-green-600 { border-color: var(--color-green-600); } .border-green-700 { border-color: var(--color-green-700); } .border-green-800 { border-color: var(--color-green-800); } .border-indigo-400 { border-color: var(--color-indigo-400); } .border-pink-400 { border-color: var(--color-pink-400); } .border-purple-400 { border-color: var(--color-purple-400); } .border-purple-600 { border-color: var(--color-purple-600); } .border-purple-700 { border-color: var(--color-purple-700); } .border-red-300 { border-color: var(--color-red-300); } .border-red-400 { border-color: var(--color-red-400); } .border-red-500 { border-color: var(--color-red-500); } .border-red-600 { border-color: var(--color-red-600); } .border-red-700 { border-color: var(--color-red-700); } .border-red-800 { border-color: var(--color-red-800); } .border-transparent { border-color: transparent; } .border-white { border-color: var(--color-white); } .border-yellow-300 { border-color: var(--color-yellow-300); } .border-yellow-400 { border-color: var(--color-yellow-400); } .border-yellow-800 { border-color: var(--color-yellow-800); } .border-s-gray-50 { border-inline-start-color: var(--color-gray-50); } .border-s-gray-100 { border-inline-start-color: var(--color-gray-100); } .border-e-gray-50 { border-inline-end-color: var(--color-gray-50); } .apexcharts-canvas .apexcharts-active.apexcharts-tooltip-series-group .apexcharts-tooltip-y-group { padding: 0 !important; } .apexcharts-canvas .apexcharts-active.apexcharts-tooltip-series-group { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-active.apexcharts-tooltip-series-group { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-active.apexcharts-tooltip-series-group:first-of-type { padding-top: 0.75rem !important; } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group { padding: 0 !important; } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active:first-of-type { padding-top: 0.75rem !important; } .\!bg-gray-50 { background-color: var(--color-gray-50) !important; } .\!bg-gray-200 { background-color: var(--color-gray-200) !important; } .bg-\[\#1da1f2\] { background-color: #1da1f2; } .bg-\[\#3b5998\] { background-color: #3b5998; } .bg-\[\#2557D6\] { background-color: #2557D6; } .bg-\[\#4285F4\] { background-color: #4285F4; } .bg-\[\#24292F\] { background-color: #24292F; } .bg-\[\#050708\] { background-color: #050708; } .bg-\[\#F7BE38\] { background-color: #F7BE38; } .bg-\[\#FF9119\] { background-color: #FF9119; } .bg-\[\#hex\] { background-color: #hex; } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-200 { background-color: var(--color-blue-200); } .bg-blue-300 { background-color: var(--color-blue-300); } .bg-blue-400 { background-color: var(--color-blue-400); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-blue-700 { background-color: var(--color-blue-700); } .bg-blue-800 { background-color: var(--color-blue-800); } .bg-blue-900 { background-color: var(--color-blue-900); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-400 { background-color: var(--color-gray-400); } .bg-gray-500 { background-color: var(--color-gray-500); } .bg-gray-600 { background-color: var(--color-gray-600); } .bg-gray-700 { background-color: var(--color-gray-700); } .bg-gray-800 { background-color: var(--color-gray-800); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/50 { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); } .bg-gray-900\/90 { background-color: color-mix(in oklab, var(--color-gray-900) 90%, transparent); } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-200 { background-color: var(--color-green-200); } .bg-green-300 { background-color: var(--color-green-300); } .bg-green-400 { background-color: var(--color-green-400); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-600 { background-color: var(--color-green-600); } .bg-green-700 { background-color: var(--color-green-700); } .bg-green-800 { background-color: var(--color-green-800); } .bg-green-900 { background-color: var(--color-green-900); } .bg-indigo-50 { background-color: var(--color-indigo-50); } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-200 { background-color: var(--color-indigo-200); } .bg-indigo-300 { background-color: var(--color-indigo-300); } .bg-indigo-400 { background-color: var(--color-indigo-400); } .bg-indigo-500 { background-color: var(--color-indigo-500); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-indigo-700 { background-color: var(--color-indigo-700); } .bg-indigo-800 { background-color: var(--color-indigo-800); } .bg-indigo-900 { background-color: var(--color-indigo-900); } .bg-orange-50 { background-color: var(--color-orange-50); } .bg-orange-100 { background-color: var(--color-orange-100); } .bg-orange-300 { background-color: var(--color-orange-300); } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-pink-50 { background-color: var(--color-pink-50); } .bg-pink-100 { background-color: var(--color-pink-100); } .bg-pink-200 { background-color: var(--color-pink-200); } .bg-pink-300 { background-color: var(--color-pink-300); } .bg-pink-400 { background-color: var(--color-pink-400); } .bg-pink-500 { background-color: var(--color-pink-500); } .bg-pink-600 { background-color: var(--color-pink-600); } .bg-pink-700 { background-color: var(--color-pink-700); } .bg-pink-800 { background-color: var(--color-pink-800); } .bg-pink-900 { background-color: var(--color-pink-900); } .bg-purple-50 { background-color: var(--color-purple-50); } .bg-purple-100 { background-color: var(--color-purple-100); } .bg-purple-200 { background-color: var(--color-purple-200); } .bg-purple-300 { background-color: var(--color-purple-300); } .bg-purple-400 { background-color: var(--color-purple-400); } .bg-purple-500 { background-color: var(--color-purple-500); } .bg-purple-600 { background-color: var(--color-purple-600); } .bg-purple-700 { background-color: var(--color-purple-700); } .bg-purple-800 { background-color: var(--color-purple-800); } .bg-purple-900 { background-color: var(--color-purple-900); } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-200 { background-color: var(--color-red-200); } .bg-red-300 { background-color: var(--color-red-300); } .bg-red-400 { background-color: var(--color-red-400); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-600 { background-color: var(--color-red-600); } .bg-red-700 { background-color: var(--color-red-700); } .bg-red-800 { background-color: var(--color-red-800); } .bg-red-900 { background-color: var(--color-red-900); } .bg-teal-50 { background-color: var(--color-teal-50); } .bg-teal-100 { background-color: var(--color-teal-100); } .bg-teal-500 { background-color: var(--color-teal-500); } .bg-transparent { background-color: transparent; } .bg-white { background-color: var(--color-white); } .bg-white\/30 { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } .bg-white\/50 { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-yellow-200 { background-color: var(--color-yellow-200); } .bg-yellow-300 { background-color: var(--color-yellow-300); } .bg-yellow-400 { background-color: var(--color-yellow-400); } .bg-yellow-500 { background-color: var(--color-yellow-500); } .bg-yellow-600 { background-color: var(--color-yellow-600); } .bg-yellow-700 { background-color: var(--color-yellow-700); } .bg-yellow-800 { background-color: var(--color-yellow-800); } .bg-yellow-900 { background-color: var(--color-yellow-900); } .dark .selectedCell { background-color: var(--color-gray-700); } .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-100); } .dark .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab,; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab,; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab,; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/conference\.jpg\'\)\] { background-image: url(https://flowbite.s3.amazonaws.com/docs/jumbotron/conference.jpg); } .bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/hero-pattern\.svg\'\)\] { background-image: url(https://flowbite.s3.amazonaws.com/docs/jumbotron/hero-pattern.svg); } .from-blue-50 { --tw-gradient-from: var(--color-blue-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-500 { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-cyan-400 { --tw-gradient-from: var(--color-cyan-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-cyan-500 { --tw-gradient-from: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-green-400 { --tw-gradient-from: var(--color-green-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-lime-200 { --tw-gradient-from: var(--color-lime-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-400 { --tw-gradient-from: var(--color-pink-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-500 { --tw-gradient-from: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-500 { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-600 { --tw-gradient-from: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-200 { --tw-gradient-from: var(--color-red-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-400 { --tw-gradient-from: var(--color-red-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-sky-400 { --tw-gradient-from: var(--color-sky-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-teal-200 { --tw-gradient-from: var(--color-teal-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-teal-300 { --tw-gradient-from: var(--color-teal-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-teal-400 { --tw-gradient-from: var(--color-teal-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-blue-600 { --tw-gradient-via: var(--color-blue-600); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-cyan-500 { --tw-gradient-via: var(--color-cyan-500); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-green-500 { --tw-gradient-via: var(--color-green-500); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-lime-400 { --tw-gradient-via: var(--color-lime-400); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-pink-500 { --tw-gradient-via: var(--color-pink-500); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-purple-600 { --tw-gradient-via: var(--color-purple-600); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-red-300 { --tw-gradient-via: var(--color-red-300); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-red-500 { --tw-gradient-via: var(--color-red-500); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-teal-500 { --tw-gradient-via: var(--color-teal-500); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-blue-500 { --tw-gradient-to: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-600 { --tw-gradient-to: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-700 { --tw-gradient-to: var(--color-blue-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-cyan-600 { --tw-gradient-to: var(--color-cyan-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-emerald-600 { --tw-gradient-to: var(--color-emerald-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-green-600 { --tw-gradient-to: var(--color-green-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-lime-200 { --tw-gradient-to: var(--color-lime-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-lime-300 { --tw-gradient-to: var(--color-lime-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-lime-500 { --tw-gradient-to: var(--color-lime-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-orange-400 { --tw-gradient-to: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pink-500 { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pink-600 { --tw-gradient-to: var(--color-pink-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-700 { --tw-gradient-to: var(--color-purple-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-600 { --tw-gradient-to: var(--color-red-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-teal-600 { --tw-gradient-to: var(--color-teal-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-yellow-200 { --tw-gradient-to: var(--color-yellow-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .bg-cover { background-size: cover; } .bg-local { background-attachment: local; } .bg-clip-text { background-clip: text; } .bg-center { background-position: center; } .bg-no-repeat { background-repeat: no-repeat; } .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: var(--color-gray-900) !important; font-size: 1.875rem, [object Object] !important; font-weight: 700 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem, [object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label { font-size: 0.75rem, [object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; } .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label.apexcharts-text { fill: var(--color-gray-500) !important; font-size: 1rem, [object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label.apexcharts-text { fill: var(--color-gray-400) !important; } .apexcharts-datalabels-group .apexcharts-datalabel-value.apexcharts-text { fill: var(--color-gray-900) !important; font-size: 1.875rem, [object Object] !important; font-weight: 700 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value.apexcharts-text { fill: white !important; } .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: var(--color-gray-900) !important; font-size: 1.875rem, [object Object] !important; font-weight: 700 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem, [object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } .fill-blue-600 { fill: var(--color-blue-600); } .fill-gray-500 { fill: var(--color-gray-500); } .fill-gray-600 { fill: var(--color-gray-600); } .fill-green-500 { fill: var(--color-green-500); } .fill-pink-600 { fill: var(--color-pink-600); } .fill-purple-600 { fill: var(--color-purple-600); } .fill-red-600 { fill: var(--color-red-600); } .fill-yellow-400 { fill: var(--color-yellow-400); } .apexcharts-gridline { stroke: var(--color-gray-200) !important; } .dark .apexcharts-gridline { stroke: var(--color-gray-700) !important; } .apexcharts-xcrosshairs { stroke: var(--color-gray-200) !important; } .dark .apexcharts-xcrosshairs { stroke: var(--color-gray-700) !important; } .apexcharts-ycrosshairs { stroke: var(--color-gray-200) !important; } .dark .apexcharts-ycrosshairs { stroke: var(--color-gray-700) !important; } .object-cover { object-fit: cover; } .\!p-0 { padding: calc(var(--spacing) * 0) !important; } .apexcharts-canvas .apexcharts-legend { padding: 0 !important; } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group { padding: 0 !important; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-px { padding: 1px; } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-16 { padding-inline: calc(var(--spacing) * 16); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-48 { padding-block: calc(var(--spacing) * 48); } .py-px { padding-block: 1px; } .ps-0 { padding-inline-start: calc(var(--spacing) * 0); } .ps-1\.5 { padding-inline-start: calc(var(--spacing) * 1.5); } .ps-2 { padding-inline-start: calc(var(--spacing) * 2); } .ps-2\.5 { padding-inline-start: calc(var(--spacing) * 2.5); } .ps-3 { padding-inline-start: calc(var(--spacing) * 3); } .ps-3\.5 { padding-inline-start: calc(var(--spacing) * 3.5); } .ps-4 { padding-inline-start: calc(var(--spacing) * 4); } .ps-5 { padding-inline-start: calc(var(--spacing) * 5); } .ps-6 { padding-inline-start: calc(var(--spacing) * 6); } .ps-10 { padding-inline-start: calc(var(--spacing) * 10); } .pe-0 { padding-inline-end: calc(var(--spacing) * 0); } .pe-1 { padding-inline-end: calc(var(--spacing) * 1); } .pe-3 { padding-inline-end: calc(var(--spacing) * 3); } .pe-3\.5 { padding-inline-end: calc(var(--spacing) * 3.5); } .pe-4 { padding-inline-end: calc(var(--spacing) * 4); } .pe-5 { padding-inline-end: calc(var(--spacing) * 5); } .pe-10 { padding-inline-end: calc(var(--spacing) * 10); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-20 { padding-top: calc(var(--spacing) * 20); } .pt-24 { padding-top: calc(var(--spacing) * 24); } .pt-32 { padding-top: calc(var(--spacing) * 32); } .pt-36 { padding-top: calc(var(--spacing) * 36); } .pt-52 { padding-top: calc(var(--spacing) * 52); } .pt-60 { padding-top: calc(var(--spacing) * 60); } .pt-64 { padding-top: calc(var(--spacing) * 64); } .pt-80 { padding-top: calc(var(--spacing) * 80); } .datatable-wrapper .datatable-container thead tr.search-filtering-row th { padding-top: 0; } .apexcharts-canvas .apexcharts-legend-text { font-size: 0.75rem !important; font-weight: 500 !important; padding-left: 1.25rem !important; color: var(--color-gray-500) !important; } :is([dir=rtl]) .apexcharts-canvas .apexcharts-legend-text { padding-right: 0.5rem !important; } .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important; } .dark .apexcharts-canvas .apexcharts-legend-text { color: var(--color-gray-400) !important; } .dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important; } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-5 { padding-right: calc(var(--spacing) * 5); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-48 { padding-bottom: calc(var(--spacing) * 48); } .pb-96 { padding-bottom: calc(var(--spacing) * 96); } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-3\.5 { padding-left: calc(var(--spacing) * 3.5); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-11 { padding-left: calc(var(--spacing) * 11); } .datatable-wrapper .datatable-table .datatable-empty { text-align: center; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-left { text-align: left; } .text-right { text-align: right; } .font-sans { font-family: var(--font-sans); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-2xs { font-size: var(--text-2xs); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .text-8xl { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)); } .text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .apexcharts-canvas .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label { font-size: 0.75rem, [object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; } .apexcharts-canvas .apexcharts-datalabels .apexcharts-pie-label.apexcharts-text { font-size: 0.75rem, [object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } .apexcharts-canvas .apexcharts-xaxistooltip-text { font-weight: 400 !important; font-size: 0.875rem !important; } .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-400); } .leading-1\.5 { --tw-leading: calc(var(--spacing) * 1.5); line-height: calc(var(--spacing) * 1.5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-9 { --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9); } .leading-loose { --tw-leading: var(--leading-loose); line-height: var(--leading-loose); } .leading-none { --tw-leading: 1; line-height: 1; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-extralight { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .font-thin { --tw-font-weight: var(--font-weight-thin); font-weight: var(--font-weight-thin); } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-tighter { --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .break-all { word-break: break-all; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .datatable-wrapper .datatable-table thead th .datatable-sorter { text-transform: uppercase; } .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } .\!text-blue-700 { color: var(--color-blue-700) !important; } .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } .text-\[\#1434CB\] { color: #1434CB; } .text-\[\#626890\] { color: #626890; } .text-\[\#ff2d20\] { color: #ff2d20; } .text-blue-50 { color: var(--color-blue-50); } .text-blue-100 { color: var(--color-blue-100); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-600\/25 { color: color-mix(in oklab, var(--color-blue-600) 25%, transparent); } .text-blue-600\/50 { color: color-mix(in oklab, var(--color-blue-600) 50%, transparent); } .text-blue-600\/75 { color: color-mix(in oklab, var(--color-blue-600) 75%, transparent); } .text-blue-600\/100 { color: color-mix(in oklab, var(--color-blue-600) 100%, transparent); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-800 { color: var(--color-blue-800); } .text-blue-900 { color: var(--color-blue-900); } .text-gray-200 { color: var(--color-gray-200); } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-green-400 { color: var(--color-green-400); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green-800 { color: var(--color-green-800); } .text-green-900 { color: var(--color-green-900); } .text-indigo-400 { color: var(--color-indigo-400); } .text-indigo-700 { color: var(--color-indigo-700); } .text-indigo-800 { color: var(--color-indigo-800); } .text-orange-500 { color: var(--color-orange-500); } .text-orange-600 { color: var(--color-orange-600); } .text-orange-800 { color: var(--color-orange-800); } .text-pink-400 { color: var(--color-pink-400); } .text-pink-800 { color: var(--color-pink-800); } .text-purple-400 { color: var(--color-purple-400); } .text-purple-600 { color: var(--color-purple-600); } .text-purple-700 { color: var(--color-purple-700); } .text-purple-800 { color: var(--color-purple-800); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-800 { color: var(--color-red-800); } .text-red-900 { color: var(--color-red-900); } .text-sky-500 { color: var(--color-sky-500); } .text-teal-600 { color: var(--color-teal-600); } .text-transparent { color: transparent; } .text-white { color: var(--color-white); } .text-yellow-300 { color: var(--color-yellow-300); } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-700 { color: var(--color-yellow-700); } .text-yellow-800 { color: var(--color-yellow-800); } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .not-italic { font-style: normal; } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .decoration-blue-400 { text-decoration-color: var(--color-blue-400); } .decoration-blue-500 { text-decoration-color: var(--color-blue-500); } .decoration-gray-500 { text-decoration-color: var(--color-gray-500); } .decoration-green-500 { text-decoration-color: var(--color-green-500); } .decoration-indigo-500 { text-decoration-color: var(--color-indigo-500); } .decoration-red-500 { text-decoration-color: var(--color-red-500); } .decoration-sky-500 { text-decoration-color: var(--color-sky-500); } .decoration-dashed { text-decoration-style: dashed; } .decoration-dotted { text-decoration-style: dotted; } .decoration-double { text-decoration-style: double; } .decoration-wavy { text-decoration-style: wavy; } .decoration-8 { text-decoration-thickness: 8px; } .underline-offset-3 { text-underline-offset: 3px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .placeholder-green-700::placeholder { color: var(--color-green-700); } .placeholder-red-700::placeholder { color: var(--color-red-700); } .opacity-0 { opacity: 0%; } .opacity-20 { opacity: 20%; } .opacity-100 { opacity: 100%; } .bg-blend-multiply { background-blend-mode: multiply; } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-8 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-blue-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } .shadow-cyan-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent); } .shadow-green-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-green-500) 50%, transparent); } .shadow-lime-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-lime-500) 50%, transparent); } .shadow-pink-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-pink-500) 50%, transparent); } .shadow-purple-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent); } .shadow-red-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } .shadow-teal-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-teal-500) 50%, transparent); } .ring-gray-300 { --tw-ring-color: var(--color-gray-300); } .ring-white { --tw-ring-color: var(--color-white); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .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-xs { --tw-blur: blur(var(--blur-xs)); 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,); } .invert { --tw-invert: invert(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-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-75 { --tw-duration: 75ms; transition-duration: 75ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-700 { --tw-duration: 700ms; transition-duration: 700ms; } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .format-blue { --tw-format-links: oklch(0.546 0.245 262.881); --tw-format-invert-links: oklch(0.623 0.214 259.815); } .format-red { --tw-format-links: oklch(0.577 0.245 27.325); --tw-format-invert-links: oklch(0.637 0.237 25.331); } @media (hover: hover) { .group-hover\:rotate-45:is(:where(.group):hover *) { rotate: 45deg; } } @media (hover: hover) { .group-hover\:bg-gray-50:is(:where(.group):hover *) { background-color: var(--color-gray-50); } } @media (hover: hover) { .group-hover\:bg-transparent:is(:where(.group):hover *) { background-color: transparent; } } @media (hover: hover) { .group-hover\:bg-white\/50:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } @media (hover: hover) { .group-hover\:from-cyan-500:is(:where(.group):hover *) { --tw-gradient-from: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .group-hover\:from-green-400:is(:where(.group):hover *) { --tw-gradient-from: var(--color-green-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .group-hover\:from-pink-500:is(:where(.group):hover *) { --tw-gradient-from: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .group-hover\:from-purple-500:is(:where(.group):hover *) { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .group-hover\:from-purple-600:is(:where(.group):hover *) { --tw-gradient-from: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .group-hover\:from-red-200:is(:where(.group):hover *) { --tw-gradient-from: var(--color-red-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .group-hover\:from-teal-300:is(:where(.group):hover *) { --tw-gradient-from: var(--color-teal-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .group-hover\:via-red-300:is(:where(.group):hover *) { --tw-gradient-via: var(--color-red-300); --tw-gradient-via-stops: var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } } @media (hover: hover) { .group-hover\:to-blue-500:is(:where(.group):hover *) { --tw-gradient-to: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .group-hover\:to-blue-600:is(:where(.group):hover *) { --tw-gradient-to: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .group-hover\:to-lime-300:is(:where(.group):hover *) { --tw-gradient-to: var(--color-lime-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .group-hover\:to-orange-400:is(:where(.group):hover *) { --tw-gradient-to: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .group-hover\:to-pink-500:is(:where(.group):hover *) { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .group-hover\:to-yellow-200:is(:where(.group):hover *) { --tw-gradient-to: var(--color-yellow-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .group-hover\:text-blue-600:is(:where(.group):hover *) { color: var(--color-blue-600); } } @media (hover: hover) { .group-hover\:text-gray-500:is(:where(.group):hover *) { color: var(--color-gray-500); } } @media (hover: hover) { .group-hover\:text-gray-900:is(:where(.group):hover *) { color: var(--color-gray-900); } } @media (hover: hover) { .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 100%; } } .group-focus\:text-gray-900:is(:where(.group):focus *) { color: var(--color-gray-900); } .group-focus\:ring-4:is(:where(.group):focus *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-focus\:ring-white:is(:where(.group):focus *) { --tw-ring-color: var(--color-white); } .group-focus\:outline-none:is(:where(.group):focus *) { --tw-outline-style: none; outline-style: none; } .peer-checked\:border-blue-600:is(:where(.peer):checked ~ *) { border-color: var(--color-blue-600); } .peer-checked\:border-blue-700:is(:where(.peer):checked ~ *) { border-color: var(--color-blue-700); } .peer-checked\:bg-blue-50:is(:where(.peer):checked ~ *) { background-color: var(--color-blue-50); } .peer-checked\:bg-blue-600:is(:where(.peer):checked ~ *) { background-color: var(--color-blue-600); } .peer-checked\:bg-green-600:is(:where(.peer):checked ~ *) { background-color: var(--color-green-600); } .peer-checked\:bg-orange-500:is(:where(.peer):checked ~ *) { background-color: var(--color-orange-500); } .peer-checked\:bg-purple-600:is(:where(.peer):checked ~ *) { background-color: var(--color-purple-600); } .peer-checked\:bg-red-600:is(:where(.peer):checked ~ *) { background-color: var(--color-red-600); } .peer-checked\:bg-teal-600:is(:where(.peer):checked ~ *) { background-color: var(--color-teal-600); } .peer-checked\:bg-yellow-400:is(:where(.peer):checked ~ *) { background-color: var(--color-yellow-400); } .peer-checked\:text-blue-600:is(:where(.peer):checked ~ *) { color: var(--color-blue-600); } .peer-checked\:text-blue-700:is(:where(.peer):checked ~ *) { color: var(--color-blue-700); } .peer-checked\:text-gray-600:is(:where(.peer):checked ~ *) { color: var(--color-gray-600); } .peer-checked\:text-white:is(:where(.peer):checked ~ *) { color: var(--color-white); } .peer-placeholder-shown\:start-6:is(:where(.peer):placeholder-shown ~ *) { inset-inline-start: calc(var(--spacing) * 6); } .peer-placeholder-shown\:top-1\/2:is(:where(.peer):placeholder-shown ~ *) { top: calc(1/2 * 100%); } .peer-placeholder-shown\:-translate-y-1\/2:is(:where(.peer):placeholder-shown ~ *) { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-placeholder-shown\:translate-y-0:is(:where(.peer):placeholder-shown ~ *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-placeholder-shown\:scale-100:is(:where(.peer):placeholder-shown ~ *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .peer-focus\:start-0:is(:where(.peer):focus ~ *) { inset-inline-start: calc(var(--spacing) * 0); } .peer-focus\:top-1:is(:where(.peer):focus ~ *) { top: calc(var(--spacing) * 1); } .peer-focus\:top-2:is(:where(.peer):focus ~ *) { top: calc(var(--spacing) * 2); } .peer-focus\:-translate-y-3:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-focus\:-translate-y-4:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-focus\:-translate-y-6:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-focus\:scale-75:is(:where(.peer):focus ~ *) { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .peer-focus\:px-2:is(:where(.peer):focus ~ *) { padding-inline: calc(var(--spacing) * 2); } .peer-focus\:font-medium:is(:where(.peer):focus ~ *) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .peer-focus\:text-blue-600:is(:where(.peer):focus ~ *) { color: var(--color-blue-600); } .peer-focus\:ring-4:is(:where(.peer):focus ~ *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .peer-focus\:ring-blue-300:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-blue-300); } .peer-focus\:ring-green-300:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-green-300); } .peer-focus\:ring-orange-300:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-orange-300); } .peer-focus\:ring-purple-300:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-purple-300); } .peer-focus\:ring-red-300:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-red-300); } .peer-focus\:ring-teal-300:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-teal-300); } .peer-focus\:ring-yellow-300:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-yellow-300); } .peer-focus\:outline-none:is(:where(.peer):focus ~ *) { --tw-outline-style: none; outline-style: none; } .first-letter\:float-start::first-letter { float: inline-start; } .first-letter\:me-3::first-letter { margin-inline-end: calc(var(--spacing) * 3); } .first-letter\:text-7xl::first-letter { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .first-letter\:font-bold::first-letter { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .first-letter\:text-gray-900::first-letter { color: var(--color-gray-900); } .first-line\:tracking-widest::first-line { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .first-line\:uppercase::first-line { text-transform: uppercase; } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:start-\[2px\]::after { content: var(--tw-content); inset-inline-start: 2px; } .after\:start-\[4px\]::after { content: var(--tw-content); inset-inline-start: 4px; } .after\:top-0\.5::after { content: var(--tw-content); top: calc(var(--spacing) * 0.5); } .after\:top-\[2px\]::after { content: var(--tw-content); top: 2px; } .after\:mx-2::after { content: var(--tw-content); margin-inline: calc(var(--spacing) * 2); } .after\:mx-6::after { content: var(--tw-content); margin-inline: calc(var(--spacing) * 6); } .after\:hidden::after { content: var(--tw-content); display: none; } .after\:inline-block::after { content: var(--tw-content); display: inline-block; } .after\:h-1::after { content: var(--tw-content); height: calc(var(--spacing) * 1); } .after\:h-4::after { content: var(--tw-content); height: calc(var(--spacing) * 4); } .after\:h-5::after { content: var(--tw-content); height: calc(var(--spacing) * 5); } .after\:h-6::after { content: var(--tw-content); height: calc(var(--spacing) * 6); } .after\:w-4::after { content: var(--tw-content); width: calc(var(--spacing) * 4); } .after\:w-5::after { content: var(--tw-content); width: calc(var(--spacing) * 5); } .after\:w-6::after { content: var(--tw-content); width: calc(var(--spacing) * 6); } .after\:w-full::after { content: var(--tw-content); width: 100%; } .after\:rounded-full::after { content: var(--tw-content); border-radius: calc(infinity * 1px); } .after\:border::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } .after\:border-1::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } .after\:border-4::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 4px; } .after\:border-b::after { content: var(--tw-content); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .after\:border-blue-100::after { content: var(--tw-content); border-color: var(--color-blue-100); } .after\:border-gray-100::after { content: var(--tw-content); border-color: var(--color-gray-100); } .after\:border-gray-200::after { content: var(--tw-content); border-color: var(--color-gray-200); } .after\:border-gray-300::after { content: var(--tw-content); border-color: var(--color-gray-300); } .after\:bg-white::after { content: var(--tw-content); background-color: var(--color-white); } .after\:text-gray-200::after { content: var(--tw-content); color: var(--color-gray-200); } .after\:transition-all::after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .after\:content-\[\'\'\]::after { content: var(--tw-content); --tw-content: ""; content: var(--tw-content); } .after\:content-\[\'\/\'\]::after { content: var(--tw-content); --tw-content: "/"; content: var(--tw-content); } .peer-checked\:after\:translate-x-full:is(:where(.peer):checked ~ *)::after { content: var(--tw-content); --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-checked\:after\:border-white:is(:where(.peer):checked ~ *)::after { content: var(--tw-content); border-color: var(--color-white); } .odd\:bg-white:nth-child(odd) { background-color: var(--color-white); } .even\:bg-gray-50:nth-child(even) { background-color: var(--color-gray-50); } .focus-within\:z-10:focus-within { z-index: 10; } @media (hover: hover) { .hover\:border-blue-700:hover { border-color: var(--color-blue-700); } } @media (hover: hover) { .hover\:border-blue-800:hover { border-color: var(--color-blue-800); } } @media (hover: hover) { .hover\:border-gray-200:hover { border-color: var(--color-gray-200); } } @media (hover: hover) { .hover\:border-gray-300:hover { border-color: var(--color-gray-300); } } @media (hover: hover) { .hover\:bg-\[\#1da1f2\]\/90:hover { background-color: color-mix(in oklab, #1da1f2 90%, transparent); } } @media (hover: hover) { .hover\:bg-\[\#3b5998\]\/90:hover { background-color: color-mix(in oklab, #3b5998 90%, transparent); } } @media (hover: hover) { .hover\:bg-\[\#2557D6\]\/90:hover { background-color: color-mix(in oklab, #2557D6 90%, transparent); } } @media (hover: hover) { .hover\:bg-\[\#4285F4\]\/90:hover { background-color: color-mix(in oklab, #4285F4 90%, transparent); } } @media (hover: hover) { .hover\:bg-\[\#24292F\]\/90:hover { background-color: color-mix(in oklab, #24292F 90%, transparent); } } @media (hover: hover) { .hover\:bg-\[\#050708\]\/80:hover { background-color: color-mix(in oklab, #050708 80%, transparent); } } @media (hover: hover) { .hover\:bg-\[\#050708\]\/90:hover { background-color: color-mix(in oklab, #050708 90%, transparent); } } @media (hover: hover) { .hover\:bg-\[\#F7BE38\]\/90:hover { background-color: color-mix(in oklab, #F7BE38 90%, transparent); } } @media (hover: hover) { .hover\:bg-\[\#FF9119\]\/80:hover { background-color: color-mix(in oklab, #FF9119 80%, transparent); } } @media (hover: hover) { .hover\:bg-blue-100:hover { background-color: var(--color-blue-100); } } @media (hover: hover) { .hover\:bg-blue-200:hover { background-color: var(--color-blue-200); } } @media (hover: hover) { .hover\:bg-blue-500:hover { background-color: var(--color-blue-500); } } @media (hover: hover) { .hover\:bg-blue-700:hover { background-color: var(--color-blue-700); } } @media (hover: hover) { .hover\:bg-blue-800:hover { background-color: var(--color-blue-800); } } @media (hover: hover) { .hover\:bg-blue-900:hover { background-color: var(--color-blue-900); } } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } } @media (hover: hover) { .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } } @media (hover: hover) { .hover\:bg-gray-200:hover { background-color: var(--color-gray-200); } } @media (hover: hover) { .hover\:bg-gray-300:hover { background-color: var(--color-gray-300); } } @media (hover: hover) { .hover\:bg-gray-500:hover { background-color: var(--color-gray-500); } } @media (hover: hover) { .hover\:bg-gray-600:hover { background-color: var(--color-gray-600); } } @media (hover: hover) { .hover\:bg-gray-700:hover { background-color: var(--color-gray-700); } } @media (hover: hover) { .hover\:bg-gray-800:hover { background-color: var(--color-gray-800); } } @media (hover: hover) { .hover\:bg-gray-900:hover { background-color: var(--color-gray-900); } } @media (hover: hover) { .hover\:bg-gray-900\/50:hover { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); } } @media (hover: hover) { .hover\:bg-green-200:hover { background-color: var(--color-green-200); } } @media (hover: hover) { .hover\:bg-green-800:hover { background-color: var(--color-green-800); } } @media (hover: hover) { .hover\:bg-green-900:hover { background-color: var(--color-green-900); } } @media (hover: hover) { .hover\:bg-indigo-200:hover { background-color: var(--color-indigo-200); } } @media (hover: hover) { .hover\:bg-pink-200:hover { background-color: var(--color-pink-200); } } @media (hover: hover) { .hover\:bg-purple-200:hover { background-color: var(--color-purple-200); } } @media (hover: hover) { .hover\:bg-purple-800:hover { background-color: var(--color-purple-800); } } @media (hover: hover) { .hover\:bg-red-200:hover { background-color: var(--color-red-200); } } @media (hover: hover) { .hover\:bg-red-800:hover { background-color: var(--color-red-800); } } @media (hover: hover) { .hover\:bg-red-900:hover { background-color: var(--color-red-900); } } @media (hover: hover) { .hover\:bg-white:hover { background-color: var(--color-white); } } @media (hover: hover) { .hover\:bg-white\/50:hover { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } @media (hover: hover) { .hover\:bg-yellow-200:hover { background-color: var(--color-yellow-200); } } @media (hover: hover) { .hover\:bg-yellow-500:hover { background-color: var(--color-yellow-500); } } @media (hover: hover) { .hover\:bg-yellow-900:hover { background-color: var(--color-yellow-900); } } @media (hover: hover) { .hover\:bg-gradient-to-bl:hover { --tw-gradient-position: to bottom left in oklab,; background-image: linear-gradient(var(--tw-gradient-stops)); } } @media (hover: hover) { .hover\:bg-gradient-to-br:hover { --tw-gradient-position: to bottom right in oklab,; background-image: linear-gradient(var(--tw-gradient-stops)); } } @media (hover: hover) { .hover\:bg-gradient-to-l:hover { --tw-gradient-position: to left in oklab,; background-image: linear-gradient(var(--tw-gradient-stops)); } } @media (hover: hover) { .hover\:from-teal-200:hover { --tw-gradient-from: var(--color-teal-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:to-lime-200:hover { --tw-gradient-to: var(--color-lime-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:\!text-blue-700:hover { color: var(--color-blue-700) !important; } } @media (hover: hover) { .hover\:text-blue-600:hover { color: var(--color-blue-600); } } @media (hover: hover) { .hover\:text-blue-700:hover { color: var(--color-blue-700); } } @media (hover: hover) { .hover\:text-blue-800:hover { color: var(--color-blue-800); } } @media (hover: hover) { .hover\:text-blue-900:hover { color: var(--color-blue-900); } } @media (hover: hover) { .hover\:text-gray-500:hover { color: var(--color-gray-500); } } @media (hover: hover) { .hover\:text-gray-600:hover { color: var(--color-gray-600); } } @media (hover: hover) { .hover\:text-gray-700:hover { color: var(--color-gray-700); } } @media (hover: hover) { .hover\:text-gray-800:hover { color: var(--color-gray-800); } } @media (hover: hover) { .hover\:text-gray-900:hover { color: var(--color-gray-900); } } @media (hover: hover) { .hover\:text-green-900:hover { color: var(--color-green-900); } } @media (hover: hover) { .hover\:text-indigo-900:hover { color: var(--color-indigo-900); } } @media (hover: hover) { .hover\:text-pink-900:hover { color: var(--color-pink-900); } } @media (hover: hover) { .hover\:text-purple-600:hover { color: var(--color-purple-600); } } @media (hover: hover) { .hover\:text-purple-900:hover { color: var(--color-purple-900); } } @media (hover: hover) { .hover\:text-red-900:hover { color: var(--color-red-900); } } @media (hover: hover) { .hover\:text-white:hover { color: var(--color-white); } } @media (hover: hover) { .hover\:text-yellow-900:hover { color: var(--color-yellow-900); } } @media (hover: hover) { .hover\:no-underline:hover { text-decoration-line: none; } } @media (hover: hover) { .hover\:underline:hover { text-decoration-line: underline; } } @media (hover: hover) { .hover\:bg-blend-soft-light:hover { background-blend-mode: soft-light; } } @media (hover: hover) { .hover\:shadow:hover { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:blur-none:hover { --tw-blur: ; 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,); } } @media (hover: hover) { .hover\:grayscale-0:hover { --tw-grayscale: grayscale(0%); 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,); } } .focus\:z-10:focus { z-index: 10; } .focus\:border-blue-500:focus { border-color: var(--color-blue-500); } .focus\:border-blue-600:focus { border-color: var(--color-blue-600); } .focus\:border-gray-200:focus { border-color: var(--color-gray-200); } .focus\:border-green-500:focus { border-color: var(--color-green-500); } .focus\:border-green-600:focus { border-color: var(--color-green-600); } .focus\:border-red-500:focus { border-color: var(--color-red-500); } .focus\:border-red-600:focus { border-color: var(--color-red-600); } .focus\:bg-gray-100:focus { background-color: var(--color-gray-100); } .focus\:bg-gray-900:focus { background-color: var(--color-gray-900); } .focus\:text-blue-700:focus { color: var(--color-blue-700); } .focus\:text-white:focus { color: var(--color-white); } .focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-3:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-4:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-\[\#1da1f2\]\/50:focus { --tw-ring-color: color-mix(in oklab, #1da1f2 50%, transparent); } .focus\:ring-\[\#3b5998\]\/50:focus { --tw-ring-color: color-mix(in oklab, #3b5998 50%, transparent); } .focus\:ring-\[\#2557D6\]\/50:focus { --tw-ring-color: color-mix(in oklab, #2557D6 50%, transparent); } .focus\:ring-\[\#4285F4\]\/50:focus { --tw-ring-color: color-mix(in oklab, #4285F4 50%, transparent); } .focus\:ring-\[\#24292F\]\/50:focus { --tw-ring-color: color-mix(in oklab, #24292F 50%, transparent); } .focus\:ring-\[\#050708\]\/50:focus { --tw-ring-color: color-mix(in oklab, #050708 50%, transparent); } .focus\:ring-\[\#F7BE38\]\/50:focus { --tw-ring-color: color-mix(in oklab, #F7BE38 50%, transparent); } .focus\:ring-\[\#FF9119\]\/50:focus { --tw-ring-color: color-mix(in oklab, #FF9119 50%, transparent); } .focus\:ring-blue-200:focus { --tw-ring-color: var(--color-blue-200); } .focus\:ring-blue-300:focus { --tw-ring-color: var(--color-blue-300); } .focus\:ring-blue-400:focus { --tw-ring-color: var(--color-blue-400); } .focus\:ring-blue-500:focus { --tw-ring-color: var(--color-blue-500); } .focus\:ring-blue-600:focus { --tw-ring-color: var(--color-blue-600); } .focus\:ring-blue-700:focus { --tw-ring-color: var(--color-blue-700); } .focus\:ring-cyan-200:focus { --tw-ring-color: var(--color-cyan-200); } .focus\:ring-cyan-300:focus { --tw-ring-color: var(--color-cyan-300); } .focus\:ring-gray-50:focus { --tw-ring-color: var(--color-gray-50); } .focus\:ring-gray-100:focus { --tw-ring-color: var(--color-gray-100); } .focus\:ring-gray-200:focus { --tw-ring-color: var(--color-gray-200); } .focus\:ring-gray-300:focus { --tw-ring-color: var(--color-gray-300); } .focus\:ring-gray-400:focus { --tw-ring-color: var(--color-gray-400); } .focus\:ring-gray-500:focus { --tw-ring-color: var(--color-gray-500); } .focus\:ring-gray-700:focus { --tw-ring-color: var(--color-gray-700); } .focus\:ring-green-200:focus { --tw-ring-color: var(--color-green-200); } .focus\:ring-green-300:focus { --tw-ring-color: var(--color-green-300); } .focus\:ring-green-400:focus { --tw-ring-color: var(--color-green-400); } .focus\:ring-green-500:focus { --tw-ring-color: var(--color-green-500); } .focus\:ring-lime-200:focus { --tw-ring-color: var(--color-lime-200); } .focus\:ring-lime-300:focus { --tw-ring-color: var(--color-lime-300); } .focus\:ring-orange-500:focus { --tw-ring-color: var(--color-orange-500); } .focus\:ring-pink-200:focus { --tw-ring-color: var(--color-pink-200); } .focus\:ring-pink-300:focus { --tw-ring-color: var(--color-pink-300); } .focus\:ring-purple-200:focus { --tw-ring-color: var(--color-purple-200); } .focus\:ring-purple-300:focus { --tw-ring-color: var(--color-purple-300); } .focus\:ring-purple-500:focus { --tw-ring-color: var(--color-purple-500); } .focus\:ring-red-100:focus { --tw-ring-color: var(--color-red-100); } .focus\:ring-red-300:focus { --tw-ring-color: var(--color-red-300); } .focus\:ring-red-400:focus { --tw-ring-color: var(--color-red-400); } .focus\:ring-red-500:focus { --tw-ring-color: var(--color-red-500); } .focus\:ring-teal-300:focus { --tw-ring-color: var(--color-teal-300); } .focus\:ring-teal-500:focus { --tw-ring-color: var(--color-teal-500); } .focus\:ring-yellow-300:focus { --tw-ring-color: var(--color-yellow-300); } .focus\:ring-yellow-400:focus { --tw-ring-color: var(--color-yellow-400); } .focus\:ring-yellow-500:focus { --tw-ring-color: var(--color-yellow-500); } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } @media (width >= 40rem) { .sm\:order-last { order: calc(infinity); } } @media (width >= 40rem) { .sm\:col-span-1 { grid-column: span 1 / span 1; } } @media (width >= 40rem) { .sm\:col-span-3 { grid-column: span 3 / span 3; } } @media (width >= 40rem) { .sm\:mx-0 { margin-inline: calc(var(--spacing) * 0); } } @media (width >= 40rem) { .sm\:mx-auto { margin-inline: auto; } } @media (width >= 40rem) { .sm\:ms-2 { margin-inline-start: calc(var(--spacing) * 2); } } @media (width >= 40rem) { .sm\:ms-4 { margin-inline-start: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:ms-7 { margin-inline-start: calc(var(--spacing) * 7); } } @media (width >= 40rem) { .sm\:ms-auto { margin-inline-start: auto; } } @media (width >= 40rem) { .sm\:mt-0 { margin-top: calc(var(--spacing) * 0); } } @media (width >= 40rem) { .sm\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } } @media (width >= 40rem) { .sm\:mb-4 { margin-bottom: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:mb-5 { margin-bottom: calc(var(--spacing) * 5); } } @media (width >= 40rem) { .sm\:ml-3 { margin-left: calc(var(--spacing) * 3); } } @media (width >= 40rem) { .sm\:ml-64 { margin-left: calc(var(--spacing) * 64); } } @media (width >= 40rem) { .sm\:block { display: block; } } @media (width >= 40rem) { .sm\:flex { display: flex; } } @media (width >= 40rem) { .sm\:grid { display: grid; } } @media (width >= 40rem) { .sm\:hidden { display: none; } } @media (width >= 40rem) { .sm\:inline-flex { display: inline-flex; } } @media (width >= 40rem) { .sm\:h-4 { height: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:h-7 { height: calc(var(--spacing) * 7); } } @media (width >= 40rem) { .sm\:h-9 { height: calc(var(--spacing) * 9); } } @media (width >= 40rem) { .sm\:h-64 { height: calc(var(--spacing) * 64); } } @media (width >= 40rem) { .sm\:h-96 { height: calc(var(--spacing) * 96); } } @media (width >= 40rem) { .sm\:w-4 { width: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:w-96 { width: calc(var(--spacing) * 96); } } @media (width >= 40rem) { .sm\:w-auto { width: auto; } } @media (width >= 40rem) { .sm\:max-w-\[15rem\] { max-width: 15rem; } } @media (width >= 40rem) { .sm\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (width >= 40rem) { .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:flex-row { flex-direction: row; } } @media (width >= 40rem) { .sm\:items-center { align-items: center; } } @media (width >= 40rem) { .sm\:justify-between { justify-content: space-between; } } @media (width >= 40rem) { .sm\:justify-center { justify-content: center; } } @media (width >= 40rem) { .sm\:gap-6 { gap: calc(var(--spacing) * 6); } } @media (width >= 40rem) { :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } @media (width >= 40rem) { :where(.sm\:space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 40rem) { :where(.sm\:space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 40rem) { :where(.sm\:space-x-5 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 40rem) { :where(.sm\:space-x-8 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 40rem) { :where(.sm\:divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } } @media (width >= 40rem) { .sm\:rounded-lg { border-radius: var(--radius-lg); } } @media (width >= 40rem) { .sm\:border-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } } @media (width >= 40rem) { .sm\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } } @media (width >= 40rem) { .sm\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } @media (width >= 40rem) { .sm\:p-4 { padding: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:p-6 { padding: calc(var(--spacing) * 6); } } @media (width >= 40rem) { .sm\:p-8 { padding: calc(var(--spacing) * 8); } } @media (width >= 40rem) { .sm\:px-4 { padding-inline: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:px-5 { padding-inline: calc(var(--spacing) * 5); } } @media (width >= 40rem) { .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } } @media (width >= 40rem) { .sm\:py-4 { padding-block: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:py-16 { padding-block: calc(var(--spacing) * 16); } } @media (width >= 40rem) { .sm\:ps-2 { padding-inline-start: calc(var(--spacing) * 2); } } @media (width >= 40rem) { .sm\:ps-4 { padding-inline-start: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:ps-5 { padding-inline-start: calc(var(--spacing) * 5); } } @media (width >= 40rem) { .sm\:pe-4 { padding-inline-end: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:pe-8 { padding-inline-end: calc(var(--spacing) * 8); } } @media (width >= 40rem) { .sm\:pt-4 { padding-top: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:pb-4 { padding-bottom: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:text-center { text-align: center; } } @media (width >= 40rem) { .sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } @media (width >= 40rem) { .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } @media (width >= 40rem) { .sm\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } @media (width >= 40rem) { .sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } @media (width >= 40rem) { .sm\:ring-8 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (width >= 40rem) { .sm\:after\:hidden::after { content: var(--tw-content); display: none; } } @media (width >= 40rem) { .sm\:after\:inline-block::after { content: var(--tw-content); display: inline-block; } } @media (width >= 40rem) { .sm\:after\:content-\[\'\'\]::after { content: var(--tw-content); --tw-content: ""; content: var(--tw-content); } } @media (width >= 48rem) { .md\:absolute { position: absolute; } } @media (width >= 48rem) { .md\:relative { position: relative; } } @media (width >= 48rem) { .md\:inset-0 { inset: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:end-auto { inset-inline-end: auto; } } @media (width >= 48rem) { .md\:top-auto { top: auto; } } @media (width >= 48rem) { .md\:order-1 { order: 1; } } @media (width >= 48rem) { .md\:order-2 { order: 2; } } @media (width >= 48rem) { .md\:m-0 { margin: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:mx-2 { margin-inline: calc(var(--spacing) * 2); } } @media (width >= 48rem) { .md\:my-0 { margin-block: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:my-10 { margin-block: calc(var(--spacing) * 10); } } @media (width >= 48rem) { .md\:my-12 { margin-block: calc(var(--spacing) * 12); } } @media (width >= 48rem) { .md\:ms-1 { margin-inline-start: calc(var(--spacing) * 1); } } @media (width >= 48rem) { .md\:ms-2 { margin-inline-start: calc(var(--spacing) * 2); } } @media (width >= 48rem) { .md\:me-0 { margin-inline-end: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:me-4 { margin-inline-end: calc(var(--spacing) * 4); } } @media (width >= 48rem) { .md\:me-6 { margin-inline-end: calc(var(--spacing) * 6); } } @media (width >= 48rem) { .md\:me-24 { margin-inline-end: calc(var(--spacing) * 24); } } @media (width >= 48rem) { .md\:mt-0 { margin-top: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:mt-6 { margin-top: calc(var(--spacing) * 6); } } @media (width >= 48rem) { .md\:mr-0 { margin-right: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:mb-5 { margin-bottom: calc(var(--spacing) * 5); } } @media (width >= 48rem) { .md\:mb-12 { margin-bottom: calc(var(--spacing) * 12); } } @media (width >= 48rem) { .md\:ml-2 { margin-left: calc(var(--spacing) * 2); } } @media (width >= 48rem) { .md\:block { display: block; } } @media (width >= 48rem) { .md\:flex { display: flex; } } @media (width >= 48rem) { .md\:grid { display: grid; } } @media (width >= 48rem) { .md\:hidden { display: none; } } @media (width >= 48rem) { .md\:inline { display: inline; } } @media (width >= 48rem) { .md\:inline-flex { display: inline-flex; } } @media (width >= 48rem) { .md\:h-96 { height: calc(var(--spacing) * 96); } } @media (width >= 48rem) { .md\:h-\[8px\] { height: 8px; } } @media (width >= 48rem) { .md\:h-\[21px\] { height: 21px; } } @media (width >= 48rem) { .md\:h-\[40px\] { height: 40px; } } @media (width >= 48rem) { .md\:h-\[42px\] { height: 42px; } } @media (width >= 48rem) { .md\:h-\[95px\] { height: 95px; } } @media (width >= 48rem) { .md\:h-\[262px\] { height: 262px; } } @media (width >= 48rem) { .md\:h-\[278px\] { height: 278px; } } @media (width >= 48rem) { .md\:h-\[294px\] { height: 294px; } } @media (width >= 48rem) { .md\:h-\[654px\] { height: 654px; } } @media (width >= 48rem) { .md\:h-\[682px\] { height: 682px; } } @media (width >= 48rem) { .md\:h-auto { height: auto; } } @media (width >= 48rem) { .md\:w-32 { width: calc(var(--spacing) * 32); } } @media (width >= 48rem) { .md\:w-48 { width: calc(var(--spacing) * 48); } } @media (width >= 48rem) { .md\:w-64 { width: calc(var(--spacing) * 64); } } @media (width >= 48rem) { .md\:w-\[96px\] { width: 96px; } } @media (width >= 48rem) { .md\:w-\[185px\] { width: 185px; } } @media (width >= 48rem) { .md\:w-auto { width: auto; } } @media (width >= 48rem) { .md\:w-full { width: 100%; } } @media (width >= 48rem) { .md\:max-w-\[142px\] { max-width: 142px; } } @media (width >= 48rem) { .md\:max-w-\[512px\] { max-width: 512px; } } @media (width >= 48rem) { .md\:max-w-\[597px\] { max-width: 597px; } } @media (width >= 48rem) { .md\:max-w-screen-md { max-width: var(--breakpoint-md); } } @media (width >= 48rem) { .md\:max-w-xl { max-width: var(--container-xl); } } @media (width >= 48rem) { .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:flex-row { flex-direction: row; } } @media (width >= 48rem) { .md\:items-center { align-items: center; } } @media (width >= 48rem) { .md\:justify-between { justify-content: space-between; } } @media (width >= 48rem) { .md\:gap-6 { gap: calc(var(--spacing) * 6); } } @media (width >= 48rem) { .md\:gap-8 { gap: calc(var(--spacing) * 8); } } @media (width >= 48rem) { .md\:gap-12 { gap: calc(var(--spacing) * 12); } } @media (width >= 48rem) { :where(.md\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } @media (width >= 48rem) { :where(.md\:space-x-0 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 48rem) { :where(.md\:space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 48rem) { :where(.md\:space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 48rem) { :where(.md\:space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 48rem) { :where(.md\:space-x-8 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 48rem) { .md\:rounded-none { border-radius: 0; } } @media (width >= 48rem) { .md\:rounded-s-lg { border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg); } } @media (width >= 48rem) { .md\:rounded-ss-lg { border-start-start-radius: var(--radius-lg); } } @media (width >= 48rem) { .md\:rounded-se-lg { border-start-end-radius: var(--radius-lg); } } @media (width >= 48rem) { .md\:rounded-es-lg { border-end-start-radius: var(--radius-lg); } } @media (width >= 48rem) { .md\:rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; } } @media (width >= 48rem) { .md\:border-0 { border-style: var(--tw-border-style); border-width: 0px; } } @media (width >= 48rem) { .md\:border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } } @media (width >= 48rem) { .md\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } @media (width >= 48rem) { .md\:bg-transparent { background-color: transparent; } } @media (width >= 48rem) { .md\:bg-white { background-color: var(--color-white); } } @media (width >= 48rem) { .md\:p-0 { padding: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:p-5 { padding: calc(var(--spacing) * 5); } } @media (width >= 48rem) { .md\:p-6 { padding: calc(var(--spacing) * 6); } } @media (width >= 48rem) { .md\:p-8 { padding: calc(var(--spacing) * 8); } } @media (width >= 48rem) { .md\:p-12 { padding: calc(var(--spacing) * 12); } } @media (width >= 48rem) { .md\:px-4 { padding-inline: calc(var(--spacing) * 4); } } @media (width >= 48rem) { .md\:px-5 { padding-inline: calc(var(--spacing) * 5); } } @media (width >= 48rem) { .md\:px-6 { padding-inline: calc(var(--spacing) * 6); } } @media (width >= 48rem) { .md\:py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } } @media (width >= 48rem) { .md\:py-8 { padding-block: calc(var(--spacing) * 8); } } @media (width >= 48rem) { .md\:pe-4 { padding-inline-end: calc(var(--spacing) * 4); } } @media (width >= 48rem) { .md\:pt-0 { padding-top: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:pb-0 { padding-bottom: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:pb-4 { padding-bottom: calc(var(--spacing) * 4); } } @media (width >= 48rem) { .md\:pb-5 { padding-bottom: calc(var(--spacing) * 5); } } @media (width >= 48rem) { .md\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } @media (width >= 48rem) { .md\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } @media (width >= 48rem) { .md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } @media (width >= 48rem) { .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } @media (width >= 48rem) { .md\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } @media (width >= 48rem) { .md\:font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } @media (width >= 48rem) { .md\:text-blue-700 { color: var(--color-blue-700); } } @media (width >= 48rem) { .md\:text-green-700 { color: var(--color-green-700); } } @media (width >= 48rem) { @media (hover: hover) { .md\:hover\:bg-transparent:hover { background-color: transparent; } } } @media (width >= 48rem) { @media (hover: hover) { .md\:hover\:text-blue-600:hover { color: var(--color-blue-600); } } } @media (width >= 48rem) { @media (hover: hover) { .md\:hover\:text-blue-700:hover { color: var(--color-blue-700); } } } @media (width >= 48rem) { @media (hover: hover) { .md\:hover\:text-green-700:hover { color: var(--color-green-700); } } } @media (width >= 64rem) { .lg\:static { position: static; } } @media (width >= 64rem) { .lg\:sticky { position: sticky; } } @media (width >= 64rem) { .lg\:top-28 { top: calc(var(--spacing) * 28); } } @media (width >= 64rem) { .lg\:order-1 { order: 1; } } @media (width >= 64rem) { .lg\:order-2 { order: 2; } } @media (width >= 64rem) { .lg\:col-span-5 { grid-column: span 5 / span 5; } } @media (width >= 64rem) { .lg\:col-span-7 { grid-column: span 7 / span 7; } } @media (width >= 64rem) { .lg\:my-8 { margin-block: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:my-12 { margin-block: calc(var(--spacing) * 12); } } @media (width >= 64rem) { .lg\:format-lg { font-size: 1.125rem; line-height: 1.7777778; } .lg\:format-lg :where(p):not(:where([class~=not-format] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; } .lg\:format-lg :where([class~=lead]):not(:where([class~=not-format] *)) { font-size: 1.2222222em; line-height: 1.4545455; margin-top: 1.0909091em; margin-bottom: 1.0909091em; } .lg\:format-lg :where(blockquote):not(:where([class~=not-format] *))::before { margin-top: 1.6666667em; } .lg\:format-lg :where(blockquote > p:first-child):not(:where([class~=not-format] *)) { margin-top: 0.5em; } .lg\:format-lg :where(h1):not(:where([class~=not-format] *)) { font-size: 2.6666667em; margin-top: 0; margin-bottom: 0.8333333em; line-height: 1; } .lg\:format-lg :where(h2):not(:where([class~=not-format] *)) { font-size: 2em; margin-top: 0; margin-bottom: 0.6666667em; line-height: 1.3333333; } .lg\:format-lg :where(h3):not(:where([class~=not-format] *)) { font-size: 1.3333333em; margin-top: 0; margin-bottom: 0.6666667em; line-height: 1.5; } .lg\:format-lg :where(h4):not(:where([class~=not-format] *)) { margin-top: 0; margin-bottom: 0.4444444em; line-height: 1.5555556; } .lg\:format-lg :where(img):not(:where([class~=not-format] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } .lg\:format-lg :where(video):not(:where([class~=not-format] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } .lg\:format-lg :where(figure):not(:where([class~=not-format] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } .lg\:format-lg :where(figure > *):not(:where([class~=not-format] *)) { margin-top: 0; margin-bottom: 0; } .lg\:format-lg :where(figcaption):not(:where([class~=not-format] *)) { font-size: 0.8888889em; line-height: 1.5; margin-top: 1em; } .lg\:format-lg :where(code):not(:where([class~=not-format] *)) { font-size: 0.8888889em; } .lg\:format-lg :where(h2 code):not(:where([class~=not-format] *)) { font-size: 0.8666667em; } .lg\:format-lg :where(h3 code):not(:where([class~=not-format] *)) { font-size: 0.875em; } .lg\:format-lg :where(pre):not(:where([class~=not-format] *)) { font-size: 0.8888889em; line-height: 1.75; margin-top: 2em; margin-bottom: 2em; border-radius: 0.375rem; padding-top: 1em; padding-right: 1.5em; padding-bottom: 1em; padding-left: 1.5em; } .lg\:format-lg :where(ol):not(:where([class~=not-format] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-left: 1.5555556em; } .lg\:format-lg :where(ul):not(:where([class~=not-format] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-left: 1.5555556em; } .lg\:format-lg :where(li):not(:where([class~=not-format] *)) { margin-top: 0.6666667em; margin-bottom: 0.6666667em; } .lg\:format-lg :where(ol > li):not(:where([class~=not-format] *)) { padding-left: 0.4444444em; } .lg\:format-lg :where(ul > li):not(:where([class~=not-format] *)) { padding-left: 0.4444444em; } .lg\:format-lg :where(.format > ul > li p):not(:where([class~=not-format] *)) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } .lg\:format-lg :where(.format > ul > li > *:first-child):not(:where([class~=not-format] *)) { margin-top: 1.3333333em; } .lg\:format-lg :where(.format > ul > li > *:last-child):not(:where([class~=not-format] *)) { margin-bottom: 1.3333333em; } .lg\:format-lg :where(.format > ol > li > *:first-child):not(:where([class~=not-format] *)) { margin-top: 1.3333333em; } .lg\:format-lg :where(.format > ol > li > *:last-child):not(:where([class~=not-format] *)) { margin-bottom: 1.3333333em; } .lg\:format-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-format] *)) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } .lg\:format-lg :where(hr):not(:where([class~=not-format] *)) { margin-top: 3.1111111em; margin-bottom: 3.1111111em; } .lg\:format-lg :where(hr + *):not(:where([class~=not-format] *)) { margin-top: 0; } .lg\:format-lg :where(h2 + *):not(:where([class~=not-format] *)) { margin-top: 0; } .lg\:format-lg :where(h3 + *):not(:where([class~=not-format] *)) { margin-top: 0; } .lg\:format-lg :where(h4 + *):not(:where([class~=not-format] *)) { margin-top: 0; } .lg\:format-lg :where(table):not(:where([class~=not-format] *)) { font-size: 0.8888889em; line-height: 1.5; } .lg\:format-lg :where(thead th):not(:where([class~=not-format] *)) { padding-right: 0.75em; padding-bottom: 0.75em; padding-left: 0.75em; } .lg\:format-lg :where(thead th:last-child):not(:where([class~=not-format] *)) { padding-right: 0; } .lg\:format-lg :where(tbody td, tfoot td):not(:where([class~=not-format] *)) { padding-top: 0.75em; padding-right: 0.75em; padding-bottom: 0.75em; padding-left: 0.75em; } .lg\:format-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-format] *)) { padding-right: 0; } .lg\:format-lg :where(.format > :first-child):not(:where([class~=not-format] *)) { margin-top: 0; } .lg\:format-lg :where(.format > :last-child):not(:where([class~=not-format] *)) { margin-bottom: 0; } } @media (width >= 64rem) { .lg\:mt-0 { margin-top: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:mt-10 { margin-top: calc(var(--spacing) * 10); } } @media (width >= 64rem) { .lg\:mr-0 { margin-right: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:mb-16 { margin-bottom: calc(var(--spacing) * 16); } } @media (width >= 64rem) { .lg\:block { display: block; } } @media (width >= 64rem) { .lg\:flex { display: flex; } } @media (width >= 64rem) { .lg\:grid { display: grid; } } @media (width >= 64rem) { .lg\:hidden { display: none; } } @media (width >= 64rem) { .lg\:h-4 { height: calc(var(--spacing) * 4); } } @media (width >= 64rem) { .lg\:h-5 { height: calc(var(--spacing) * 5); } } @media (width >= 64rem) { .lg\:h-6 { height: calc(var(--spacing) * 6); } } @media (width >= 64rem) { .lg\:h-12 { height: calc(var(--spacing) * 12); } } @media (width >= 64rem) { .lg\:h-\[calc\(100vh-3rem\)\] { height: calc(100vh - 3rem); } } @media (width >= 64rem) { .lg\:h-auto { height: auto; } } @media (width >= 64rem) { .lg\:max-h-full { max-height: 100%; } } @media (width >= 64rem) { .lg\:w-4 { width: calc(var(--spacing) * 4); } } @media (width >= 64rem) { .lg\:w-5 { width: calc(var(--spacing) * 5); } } @media (width >= 64rem) { .lg\:w-6 { width: calc(var(--spacing) * 6); } } @media (width >= 64rem) { .lg\:w-12 { width: calc(var(--spacing) * 12); } } @media (width >= 64rem) { .lg\:w-48 { width: calc(var(--spacing) * 48); } } @media (width >= 64rem) { .lg\:w-96 { width: calc(var(--spacing) * 96); } } @media (width >= 64rem) { .lg\:w-auto { width: auto; } } @media (width >= 64rem) { .lg\:max-w-7xl { max-width: var(--container-7xl); } } @media (width >= 64rem) { .lg\:max-w-screen-lg { max-width: var(--breakpoint-lg); } } @media (width >= 64rem) { .lg\:max-w-xl { max-width: var(--container-xl); } } @media (width >= 64rem) { .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:flex-row { flex-direction: row; } } @media (width >= 64rem) { .lg\:gap-8 { gap: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:gap-16 { gap: calc(var(--spacing) * 16); } } @media (width >= 64rem) { :where(.lg\:space-x-8 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 64rem) { .lg\:self-center { align-self: center; } } @media (width >= 64rem) { .lg\:overflow-visible { overflow: visible; } } @media (width >= 64rem) { .lg\:overflow-y-visible { overflow-y: visible; } } @media (width >= 64rem) { .lg\:border-0 { border-style: var(--tw-border-style); border-width: 0px; } } @media (width >= 64rem) { .lg\:bg-transparent { background-color: transparent; } } @media (width >= 64rem) { .lg\:p-0 { padding: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:p-8 { padding: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media (width >= 64rem) { .lg\:px-4 { padding-inline: calc(var(--spacing) * 4); } } @media (width >= 64rem) { .lg\:px-5 { padding-inline: calc(var(--spacing) * 5); } } @media (width >= 64rem) { .lg\:px-6 { padding-inline: calc(var(--spacing) * 6); } } @media (width >= 64rem) { .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:px-12 { padding-inline: calc(var(--spacing) * 12); } } @media (width >= 64rem) { .lg\:px-36 { padding-inline: calc(var(--spacing) * 36); } } @media (width >= 64rem) { .lg\:px-48 { padding-inline: calc(var(--spacing) * 48); } } @media (width >= 64rem) { .lg\:py-0 { padding-block: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } } @media (width >= 64rem) { .lg\:py-4 { padding-block: calc(var(--spacing) * 4); } } @media (width >= 64rem) { .lg\:py-8 { padding-block: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:py-16 { padding-block: calc(var(--spacing) * 16); } } @media (width >= 64rem) { .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } } @media (width >= 64rem) { .lg\:pt-0 { padding-top: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:pt-2 { padding-top: calc(var(--spacing) * 2); } } @media (width >= 64rem) { .lg\:pt-8 { padding-top: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:pb-16 { padding-bottom: calc(var(--spacing) * 16); } } @media (width >= 64rem) { .lg\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } } @media (width >= 64rem) { .lg\:pl-0 { padding-left: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:pl-3 { padding-left: calc(var(--spacing) * 3); } } @media (width >= 64rem) { .lg\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } @media (width >= 64rem) { .lg\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } @media (width >= 64rem) { .lg\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } @media (width >= 64rem) { .lg\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } @media (width >= 64rem) { .lg\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } @media (width >= 64rem) { .lg\:text-blue-700 { color: var(--color-blue-700); } } @media (width >= 64rem) { @media (hover: hover) { .lg\:hover\:bg-transparent:hover { background-color: transparent; } } } @media (width >= 64rem) { @media (hover: hover) { .lg\:hover\:text-blue-700:hover { color: var(--color-blue-700); } } } @media (width >= 80rem) { .xl\:ml-20 { margin-left: calc(var(--spacing) * 20); } } @media (width >= 80rem) { .xl\:block { display: block; } } @media (width >= 80rem) { .xl\:hidden { display: none; } } @media (width >= 80rem) { .xl\:inline-flex { display: inline-flex; } } @media (width >= 80rem) { .xl\:h-80 { height: calc(var(--spacing) * 80); } } @media (width >= 80rem) { .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (width >= 80rem) { .xl\:gap-0 { gap: calc(var(--spacing) * 0); } } @media (width >= 80rem) { .xl\:gap-16 { gap: calc(var(--spacing) * 16); } } @media (width >= 80rem) { .xl\:gap-24 { gap: calc(var(--spacing) * 24); } } @media (width >= 80rem) { .xl\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media (width >= 80rem) { .xl\:px-48 { padding-inline: calc(var(--spacing) * 48); } } @media (width >= 80rem) { .xl\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 80rem) { .xl\:pb-24 { padding-bottom: calc(var(--spacing) * 24); } } @media (width >= 80rem) { .xl\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } @media (width >= 80rem) { .xl\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } @media (width >= 80rem) { .xl\:after\:mx-10::after { content: var(--tw-content); margin-inline: calc(var(--spacing) * 10); } } @media (width >= 96rem) { .\32xl\:block { display: block; } } @media (width >= 96rem) { .\32xl\:h-96 { height: calc(var(--spacing) * 96); } } @media (width >= 96rem) { .\32xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } } @media (width >= 96rem) { .\32xl\:gap-x-2 { column-gap: calc(var(--spacing) * 2); } } @media (width >= 96rem) { :where(.\32xl\:space-x-0 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse))); } } .rtl\:inset-x-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { inset-inline: calc(var(--spacing) * 0); } .rtl\:right-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { right: calc(var(--spacing) * 0); } .rtl\:ml-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { margin-left: calc(var(--spacing) * 0); } .rtl\:ml-2:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { margin-left: calc(var(--spacing) * 2); } .rtl\:translate-x-1\/2:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { --tw-translate-x: calc(1/2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:-rotate-90:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { rotate: calc(90deg * -1); } .rtl\:rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { rotate: 180deg; } .rtl\:rotate-\[270deg\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { rotate: 270deg; } .rtl\:justify-end:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { justify-content: flex-end; } .rtl\:gap-8:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { gap: calc(var(--spacing) * 8); } :where(.rtl\:space-x-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *) > :not(:last-child)) { --tw-space-x-reverse: 1; } .rtl\:text-left:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { text-align: left; } .rtl\:text-right:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { text-align: right; } :where(.rtl\:divide-x-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *) > :not(:last-child)) { --tw-divide-x-reverse: 1; } .rtl\:peer-focus\:left-auto:where(:dir(rtl), [dir=rtl], [dir=rtl] *):is(:where(.peer):focus ~ *) { left: auto; } .rtl\:peer-focus\:translate-x-1\/4:where(:dir(rtl), [dir=rtl], [dir=rtl] *):is(:where(.peer):focus ~ *) { --tw-translate-x: calc(1/4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:peer-checked\:after\:-translate-x-full:where(:dir(rtl), [dir=rtl], [dir=rtl] *):is(:where(.peer):checked ~ *)::after { content: var(--tw-content); --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:peer-checked\:after\:translate-x-\[-100\%\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *):is(:where(.peer):checked ~ *)::after { content: var(--tw-content); --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } @media (width >= 40rem) { :where(.sm\:rtl\:divide-x-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *) > :not(:last-child)) { --tw-divide-x-reverse: 1; } } @media (width >= 48rem) { :where(.md\:rtl\:space-x-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *) > :not(:last-child)) { --tw-space-x-reverse: 1; } } @media (prefers-color-scheme: dark) { .dark\:block { display: block; } } @media (prefers-color-scheme: dark) { .dark\:hidden { display: none; } } @media (prefers-color-scheme: dark) { .dark\:inline-block { display: inline-block; } } @media (prefers-color-scheme: dark) { :where(.dark\:divide-gray-600 > :not(:last-child)) { border-color: var(--color-gray-600); } } @media (prefers-color-scheme: dark) { :where(.dark\:divide-gray-700 > :not(:last-child)) { border-color: var(--color-gray-700); } } @media (prefers-color-scheme: dark) { .dark\:\!border-blue-500 { border-color: var(--color-blue-500) !important; } } @media (prefers-color-scheme: dark) { .dark\:border-blue-400 { border-color: var(--color-blue-400); } } @media (prefers-color-scheme: dark) { .dark\:border-blue-500 { border-color: var(--color-blue-500); } } @media (prefers-color-scheme: dark) { .dark\:border-blue-600 { border-color: var(--color-blue-600); } } @media (prefers-color-scheme: dark) { .dark\:border-blue-800 { border-color: var(--color-blue-800); } } @media (prefers-color-scheme: dark) { .dark\:border-gray-400 { border-color: var(--color-gray-400); } } @media (prefers-color-scheme: dark) { .dark\:border-gray-500 { border-color: var(--color-gray-500); } } @media (prefers-color-scheme: dark) { .dark\:border-gray-600 { border-color: var(--color-gray-600); } } @media (prefers-color-scheme: dark) { .dark\:border-gray-700 { border-color: var(--color-gray-700); } } @media (prefers-color-scheme: dark) { .dark\:border-gray-800 { border-color: var(--color-gray-800); } } @media (prefers-color-scheme: dark) { .dark\:border-gray-900 { border-color: var(--color-gray-900); } } @media (prefers-color-scheme: dark) { .dark\:border-green-500 { border-color: var(--color-green-500); } } @media (prefers-color-scheme: dark) { .dark\:border-green-600 { border-color: var(--color-green-600); } } @media (prefers-color-scheme: dark) { .dark\:border-green-800 { border-color: var(--color-green-800); } } @media (prefers-color-scheme: dark) { .dark\:border-purple-400 { border-color: var(--color-purple-400); } } @media (prefers-color-scheme: dark) { .dark\:border-purple-500 { border-color: var(--color-purple-500); } } @media (prefers-color-scheme: dark) { .dark\:border-red-500 { border-color: var(--color-red-500); } } @media (prefers-color-scheme: dark) { .dark\:border-red-600 { border-color: var(--color-red-600); } } @media (prefers-color-scheme: dark) { .dark\:border-red-800 { border-color: var(--color-red-800); } } @media (prefers-color-scheme: dark) { .dark\:border-transparent { border-color: transparent; } } @media (prefers-color-scheme: dark) { .dark\:border-white { border-color: var(--color-white); } } @media (prefers-color-scheme: dark) { .dark\:border-yellow-300 { border-color: var(--color-yellow-300); } } @media (prefers-color-scheme: dark) { .dark\:border-yellow-800 { border-color: var(--color-yellow-800); } } @media (prefers-color-scheme: dark) { .dark\:border-s-gray-700 { border-inline-start-color: var(--color-gray-700); } } @media (prefers-color-scheme: dark) { .dark\:border-e-gray-700 { border-inline-end-color: var(--color-gray-700); } } @media (prefers-color-scheme: dark) { .dark\:\!bg-gray-700 { background-color: var(--color-gray-700) !important; } } @media (prefers-color-scheme: dark) { .dark\:bg-blue-200 { background-color: var(--color-blue-200); } } @media (prefers-color-scheme: dark) { .dark\:bg-blue-400 { background-color: var(--color-blue-400); } } @media (prefers-color-scheme: dark) { .dark\:bg-blue-500 { background-color: var(--color-blue-500); } } @media (prefers-color-scheme: dark) { .dark\:bg-blue-600 { background-color: var(--color-blue-600); } } @media (prefers-color-scheme: dark) { .dark\:bg-blue-800 { background-color: var(--color-blue-800); } } @media (prefers-color-scheme: dark) { .dark\:bg-blue-900 { background-color: var(--color-blue-900); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-300 { background-color: var(--color-gray-300); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-400 { background-color: var(--color-gray-400); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-500 { background-color: var(--color-gray-500); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-600 { background-color: var(--color-gray-600); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-700 { background-color: var(--color-gray-700); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-800 { background-color: var(--color-gray-800); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-800\/30 { background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-800\/50 { background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-900 { background-color: var(--color-gray-900); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-900\/60 { background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-900\/80 { background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:bg-green-500 { background-color: var(--color-green-500); } } @media (prefers-color-scheme: dark) { .dark\:bg-green-600 { background-color: var(--color-green-600); } } @media (prefers-color-scheme: dark) { .dark\:bg-green-800 { background-color: var(--color-green-800); } } @media (prefers-color-scheme: dark) { .dark\:bg-green-900 { background-color: var(--color-green-900); } } @media (prefers-color-scheme: dark) { .dark\:bg-indigo-500 { background-color: var(--color-indigo-500); } } @media (prefers-color-scheme: dark) { .dark\:bg-indigo-900 { background-color: var(--color-indigo-900); } } @media (prefers-color-scheme: dark) { .dark\:bg-orange-200 { background-color: var(--color-orange-200); } } @media (prefers-color-scheme: dark) { .dark\:bg-orange-400 { background-color: var(--color-orange-400); } } @media (prefers-color-scheme: dark) { .dark\:bg-orange-700 { background-color: var(--color-orange-700); } } @media (prefers-color-scheme: dark) { .dark\:bg-pink-900 { background-color: var(--color-pink-900); } } @media (prefers-color-scheme: dark) { .dark\:bg-purple-500 { background-color: var(--color-purple-500); } } @media (prefers-color-scheme: dark) { .dark\:bg-purple-600 { background-color: var(--color-purple-600); } } @media (prefers-color-scheme: dark) { .dark\:bg-purple-900 { background-color: var(--color-purple-900); } } @media (prefers-color-scheme: dark) { .dark\:bg-red-500 { background-color: var(--color-red-500); } } @media (prefers-color-scheme: dark) { .dark\:bg-red-600 { background-color: var(--color-red-600); } } @media (prefers-color-scheme: dark) { .dark\:bg-red-800 { background-color: var(--color-red-800); } } @media (prefers-color-scheme: dark) { .dark\:bg-red-900 { background-color: var(--color-red-900); } } @media (prefers-color-scheme: dark) { .dark\:bg-white { background-color: var(--color-white); } } @media (prefers-color-scheme: dark) { .dark\:bg-yellow-300 { background-color: var(--color-yellow-300); } } @media (prefers-color-scheme: dark) { .dark\:bg-yellow-900 { background-color: var(--color-yellow-900); } } @media (prefers-color-scheme: dark) { .dark\:bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/hero-pattern-dark\.svg\'\)\] { background-image: url(https://flowbite.s3.amazonaws.com/docs/jumbotron/hero-pattern-dark.svg); } } @media (prefers-color-scheme: dark) { .dark\:from-blue-900 { --tw-gradient-from: var(--color-blue-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position,) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (prefers-color-scheme: dark) { .dark\:fill-gray-300 { fill: var(--color-gray-300); } } @media (prefers-color-scheme: dark) { .dark\:fill-gray-400 { fill: var(--color-gray-400); } } @media (prefers-color-scheme: dark) { .dark\:fill-gray-500 { fill: var(--color-gray-500); } } @media (prefers-color-scheme: dark) { .dark\:fill-white { fill: var(--color-white); } } @media (prefers-color-scheme: dark) { .dark\:\!text-blue-500 { color: var(--color-blue-500) !important; } } @media (prefers-color-scheme: dark) { .dark\:text-blue-100 { color: var(--color-blue-100); } } @media (prefers-color-scheme: dark) { .dark\:text-blue-200 { color: var(--color-blue-200); } } @media (prefers-color-scheme: dark) { .dark\:text-blue-300 { color: var(--color-blue-300); } } @media (prefers-color-scheme: dark) { .dark\:text-blue-400 { color: var(--color-blue-400); } } @media (prefers-color-scheme: dark) { .dark\:text-blue-500 { color: var(--color-blue-500); } } @media (prefers-color-scheme: dark) { .dark\:text-blue-500\/25 { color: color-mix(in oklab, var(--color-blue-500) 25%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:text-blue-500\/50 { color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:text-blue-500\/75 { color: color-mix(in oklab, var(--color-blue-500) 75%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:text-blue-500\/100 { color: color-mix(in oklab, var(--color-blue-500) 100%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:text-blue-600 { color: var(--color-blue-600); } } @media (prefers-color-scheme: dark) { .dark\:text-blue-800 { color: var(--color-blue-800); } } @media (prefers-color-scheme: dark) { .dark\:text-gray-100 { color: var(--color-gray-100); } } @media (prefers-color-scheme: dark) { .dark\:text-gray-200 { color: var(--color-gray-200); } } @media (prefers-color-scheme: dark) { .dark\:text-gray-300 { color: var(--color-gray-300); } } @media (prefers-color-scheme: dark) { .dark\:text-gray-400 { color: var(--color-gray-400); } } @media (prefers-color-scheme: dark) { .dark\:text-gray-500 { color: var(--color-gray-500); } } @media (prefers-color-scheme: dark) { .dark\:text-gray-600 { color: var(--color-gray-600); } } @media (prefers-color-scheme: dark) { .dark\:text-gray-700 { color: var(--color-gray-700); } } @media (prefers-color-scheme: dark) { .dark\:text-gray-800 { color: var(--color-gray-800); } } @media (prefers-color-scheme: dark) { .dark\:text-gray-900 { color: var(--color-gray-900); } } @media (prefers-color-scheme: dark) { .dark\:text-green-200 { color: var(--color-green-200); } } @media (prefers-color-scheme: dark) { .dark\:text-green-300 { color: var(--color-green-300); } } @media (prefers-color-scheme: dark) { .dark\:text-green-400 { color: var(--color-green-400); } } @media (prefers-color-scheme: dark) { .dark\:text-green-500 { color: var(--color-green-500); } } @media (prefers-color-scheme: dark) { .dark\:text-green-600 { color: var(--color-green-600); } } @media (prefers-color-scheme: dark) { .dark\:text-indigo-300 { color: var(--color-indigo-300); } } @media (prefers-color-scheme: dark) { .dark\:text-indigo-400 { color: var(--color-indigo-400); } } @media (prefers-color-scheme: dark) { .dark\:text-indigo-500 { color: var(--color-indigo-500); } } @media (prefers-color-scheme: dark) { .dark\:text-orange-200 { color: var(--color-orange-200); } } @media (prefers-color-scheme: dark) { .dark\:text-orange-300 { color: var(--color-orange-300); } } @media (prefers-color-scheme: dark) { .dark\:text-orange-900 { color: var(--color-orange-900); } } @media (prefers-color-scheme: dark) { .dark\:text-pink-300 { color: var(--color-pink-300); } } @media (prefers-color-scheme: dark) { .dark\:text-pink-400 { color: var(--color-pink-400); } } @media (prefers-color-scheme: dark) { .dark\:text-purple-300 { color: var(--color-purple-300); } } @media (prefers-color-scheme: dark) { .dark\:text-purple-400 { color: var(--color-purple-400); } } @media (prefers-color-scheme: dark) { .dark\:text-purple-500 { color: var(--color-purple-500); } } @media (prefers-color-scheme: dark) { .dark\:text-red-200 { color: var(--color-red-200); } } @media (prefers-color-scheme: dark) { .dark\:text-red-300 { color: var(--color-red-300); } } @media (prefers-color-scheme: dark) { .dark\:text-red-400 { color: var(--color-red-400); } } @media (prefers-color-scheme: dark) { .dark\:text-red-500 { color: var(--color-red-500); } } @media (prefers-color-scheme: dark) { .dark\:text-teal-300 { color: var(--color-teal-300); } } @media (prefers-color-scheme: dark) { .dark\:text-white { color: var(--color-white); } } @media (prefers-color-scheme: dark) { .dark\:text-yellow-300 { color: var(--color-yellow-300); } } @media (prefers-color-scheme: dark) { .dark\:text-yellow-500 { color: var(--color-yellow-500); } } @media (prefers-color-scheme: dark) { .dark\:decoration-blue-600 { text-decoration-color: var(--color-blue-600); } } @media (prefers-color-scheme: dark) { .dark\:placeholder-gray-400::placeholder { color: var(--color-gray-400); } } @media (prefers-color-scheme: dark) { .dark\:placeholder-green-500::placeholder { color: var(--color-green-500); } } @media (prefers-color-scheme: dark) { .dark\:placeholder-red-500::placeholder { color: var(--color-red-500); } } @media (prefers-color-scheme: dark) { .dark\:shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (prefers-color-scheme: dark) { .dark\:shadow-blue-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-blue-800) 80%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:shadow-cyan-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-cyan-800) 80%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:shadow-gray-800 { --tw-shadow-color: var(--color-gray-800); } } @media (prefers-color-scheme: dark) { .dark\:shadow-green-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-green-800) 80%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:shadow-lime-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-lime-800) 80%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:shadow-pink-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-pink-800) 80%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:shadow-purple-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-purple-800) 80%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:shadow-red-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-red-800) 80%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:shadow-teal-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-teal-800) 80%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:ring-gray-500 { --tw-ring-color: var(--color-gray-500); } } @media (prefers-color-scheme: dark) { .dark\:ring-gray-700 { --tw-ring-color: var(--color-gray-700); } } @media (prefers-color-scheme: dark) { .dark\:ring-gray-900 { --tw-ring-color: var(--color-gray-900); } } @media (prefers-color-scheme: dark) { .dark\:ring-offset-gray-700 { --tw-ring-offset-color: var(--color-gray-700); } } @media (prefers-color-scheme: dark) { .dark\:ring-offset-gray-800 { --tw-ring-offset-color: var(--color-gray-800); } } @media (prefers-color-scheme: dark) { .dark\:format-invert { --tw-format-body: var(--tw-format-invert-body); --tw-format-headings: var(--tw-format-invert-headings); --tw-format-lead: var(--tw-format-invert-lead); --tw-format-links: var(--tw-format-invert-links); --tw-format-bold: var(--tw-format-invert-bold); --tw-format-counters: var(--tw-format-invert-counters); --tw-format-bullets: var(--tw-format-invert-bullets); --tw-format-hr: var(--tw-format-invert-hr); --tw-format-quotes: var(--tw-format-invert-quotes); --tw-format-quote-borders: var(--tw-format-invert-quote-borders); --tw-format-captions: var(--tw-format-invert-captions); --tw-format-code: var(--tw-format-invert-code); --tw-format-code-bg: var(--tw-format-invert-code-bg); --tw-format-pre-code: var(--tw-format-invert-pre-code); --tw-format-pre-bg: var(--tw-format-invert-pre-bg); --tw-format-th-borders: var(--tw-format-invert-th-borders); --tw-format-td-borders: var(--tw-format-invert-td-borders); --tw-format-th-bg: var(--tw-format-invert-th-bg); } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:group-hover\:bg-gray-700:is(:where(.group):hover *) { background-color: var(--color-gray-700); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:group-hover\:bg-gray-800\/60:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent); } } } @media (hover: hover) { @media (prefers-color-scheme: dark) { .group-hover\:dark\:bg-transparent:is(:where(.group):hover *) { background-color: transparent; } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:group-hover\:text-blue-500:is(:where(.group):hover *) { color: var(--color-blue-500); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:group-hover\:text-gray-300:is(:where(.group):hover *) { color: var(--color-gray-300); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:group-hover\:text-white:is(:where(.group):hover *) { color: var(--color-white); } } } @media (prefers-color-scheme: dark) { .dark\:group-focus\:text-white:is(:where(.group):focus *) { color: var(--color-white); } } @media (prefers-color-scheme: dark) { .dark\:group-focus\:ring-gray-800\/70:is(:where(.group):focus *) { --tw-ring-color: color-mix(in oklab, var(--color-gray-800) 70%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:peer-checked\:border-blue-500:is(:where(.peer):checked ~ *) { border-color: var(--color-blue-500); } } @media (prefers-color-scheme: dark) { .dark\:peer-checked\:border-blue-600:is(:where(.peer):checked ~ *) { border-color: var(--color-blue-600); } } @media (prefers-color-scheme: dark) { .dark\:peer-checked\:bg-blue-500:is(:where(.peer):checked ~ *) { background-color: var(--color-blue-500); } } @media (prefers-color-scheme: dark) { .dark\:peer-checked\:bg-blue-600:is(:where(.peer):checked ~ *) { background-color: var(--color-blue-600); } } @media (prefers-color-scheme: dark) { .dark\:peer-checked\:bg-blue-900:is(:where(.peer):checked ~ *) { background-color: var(--color-blue-900); } } @media (prefers-color-scheme: dark) { .dark\:peer-checked\:bg-green-600:is(:where(.peer):checked ~ *) { background-color: var(--color-green-600); } } @media (prefers-color-scheme: dark) { .dark\:peer-checked\:bg-orange-500:is(:where(.peer):checked ~ *) { background-color: var(--color-orange-500); } } @media (prefers-color-scheme: dark) { .dark\:peer-checked\:bg-purple-600:is(:where(.peer):checked ~ *) { background-color: var(--color-purple-600); } } @media (prefers-color-scheme: dark) { .dark\:peer-checked\:bg-red-600:is(:where(.peer):checked ~ *) { background-color: var(--color-red-600); } } @media (prefers-color-scheme: dark) { .dark\:peer-checked\:bg-teal-600:is(:where(.peer):checked ~ *) { background-color: var(--color-teal-600); } } @media (prefers-color-scheme: dark) { .dark\:peer-checked\:bg-yellow-400:is(:where(.peer):checked ~ *) { background-color: var(--color-yellow-400); } } @media (prefers-color-scheme: dark) { .dark\:peer-checked\:text-blue-500:is(:where(.peer):checked ~ *) { color: var(--color-blue-500); } } @media (prefers-color-scheme: dark) { .dark\:peer-checked\:text-gray-300:is(:where(.peer):checked ~ *) { color: var(--color-gray-300); } } @media (prefers-color-scheme: dark) { .dark\:peer-checked\:text-white:is(:where(.peer):checked ~ *) { color: var(--color-white); } } @media (prefers-color-scheme: dark) { .peer-focus\:dark\:text-blue-500:is(:where(.peer):focus ~ *) { color: var(--color-blue-500); } } @media (prefers-color-scheme: dark) { .dark\:peer-focus\:ring-blue-800:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-blue-800); } } @media (prefers-color-scheme: dark) { .dark\:peer-focus\:ring-green-800:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-green-800); } } @media (prefers-color-scheme: dark) { .dark\:peer-focus\:ring-orange-800:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-orange-800); } } @media (prefers-color-scheme: dark) { .dark\:peer-focus\:ring-purple-800:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-purple-800); } } @media (prefers-color-scheme: dark) { .dark\:peer-focus\:ring-red-800:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-red-800); } } @media (prefers-color-scheme: dark) { .dark\:peer-focus\:ring-teal-800:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-teal-800); } } @media (prefers-color-scheme: dark) { .dark\:peer-focus\:ring-yellow-800:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-yellow-800); } } @media (prefers-color-scheme: dark) { .dark\:first-letter\:text-gray-100::first-letter { color: var(--color-gray-100); } } @media (prefers-color-scheme: dark) { .dark\:after\:border-blue-800::after { content: var(--tw-content); border-color: var(--color-blue-800); } } @media (prefers-color-scheme: dark) { .dark\:after\:border-gray-700::after { content: var(--tw-content); border-color: var(--color-gray-700); } } @media (prefers-color-scheme: dark) { .dark\:after\:text-gray-500::after { content: var(--tw-content); color: var(--color-gray-500); } } @media (prefers-color-scheme: dark) { .odd\:dark\:bg-gray-900:nth-child(odd) { background-color: var(--color-gray-900); } } @media (prefers-color-scheme: dark) { .even\:dark\:bg-gray-800:nth-child(even) { background-color: var(--color-gray-800); } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:border-blue-600:hover { border-color: var(--color-blue-600); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:border-blue-700:hover { border-color: var(--color-blue-700); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:border-gray-500:hover { border-color: var(--color-gray-500); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:border-gray-600:hover { border-color: var(--color-gray-600); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:border-gray-700:hover { border-color: var(--color-gray-700); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-\[\#050708\]\/30:hover { background-color: color-mix(in oklab, #050708 30%, transparent); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-\[\#050708\]\/40:hover { background-color: color-mix(in oklab, #050708 40%, transparent); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-\[\#FF9119\]\/80:hover { background-color: color-mix(in oklab, #FF9119 80%, transparent); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-blue-500:hover { background-color: var(--color-blue-500); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-blue-600:hover { background-color: var(--color-blue-600); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-blue-700:hover { background-color: var(--color-blue-700); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-blue-800:hover { background-color: var(--color-blue-800); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-gray-200:hover { background-color: var(--color-gray-200); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-gray-500:hover { background-color: var(--color-gray-500); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-gray-600:hover { background-color: var(--color-gray-600); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-gray-700:hover { background-color: var(--color-gray-700); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-gray-800:hover { background-color: var(--color-gray-800); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-green-600:hover { background-color: var(--color-green-600); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-green-700:hover { background-color: var(--color-green-700); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-green-800:hover { background-color: var(--color-green-800); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-indigo-800:hover { background-color: var(--color-indigo-800); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-pink-800:hover { background-color: var(--color-pink-800); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-purple-500:hover { background-color: var(--color-purple-500); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-purple-700:hover { background-color: var(--color-purple-700); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-purple-800:hover { background-color: var(--color-purple-800); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-red-600:hover { background-color: var(--color-red-600); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-red-700:hover { background-color: var(--color-red-700); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-red-800:hover { background-color: var(--color-red-800); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-yellow-300:hover { background-color: var(--color-yellow-300); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-yellow-400:hover { background-color: var(--color-yellow-400); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-yellow-800:hover { background-color: var(--color-yellow-800); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:\!text-blue-500:hover { color: var(--color-blue-500) !important; } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-blue-300:hover { color: var(--color-blue-300); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-blue-400:hover { color: var(--color-blue-400); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-blue-500:hover { color: var(--color-blue-500); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-blue-600:hover { color: var(--color-blue-600); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-blue-700:hover { color: var(--color-blue-700); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-gray-100:hover { color: var(--color-gray-100); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-gray-300:hover { color: var(--color-gray-300); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-gray-400:hover { color: var(--color-gray-400); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-gray-800:hover { color: var(--color-gray-800); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-gray-900:hover { color: var(--color-gray-900); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-green-300:hover { color: var(--color-green-300); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-indigo-300:hover { color: var(--color-indigo-300); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-pink-300:hover { color: var(--color-pink-300); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-purple-300:hover { color: var(--color-purple-300); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-purple-500:hover { color: var(--color-purple-500); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-red-300:hover { color: var(--color-red-300); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-white:hover { color: var(--color-white); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-yellow-300:hover { color: var(--color-yellow-300); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-blend-darken:hover { background-blend-mode: darken; } } } @media (prefers-color-scheme: dark) { .dark\:focus\:border-blue-500:focus { border-color: var(--color-blue-500); } } @media (prefers-color-scheme: dark) { .dark\:focus\:border-green-500:focus { border-color: var(--color-green-500); } } @media (prefers-color-scheme: dark) { .dark\:focus\:border-red-500:focus { border-color: var(--color-red-500); } } @media (prefers-color-scheme: dark) { .dark\:focus\:bg-blue-600:focus { background-color: var(--color-blue-600); } } @media (prefers-color-scheme: dark) { .dark\:focus\:bg-gray-700:focus { background-color: var(--color-gray-700); } } @media (prefers-color-scheme: dark) { .dark\:focus\:text-white:focus { color: var(--color-white); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-\[\#1da1f2\]\/55:focus { --tw-ring-color: color-mix(in oklab, #1da1f2 55%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-\[\#3b5998\]\/55:focus { --tw-ring-color: color-mix(in oklab, #3b5998 55%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-\[\#2557D6\]\/50:focus { --tw-ring-color: color-mix(in oklab, #2557D6 50%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-\[\#4285F4\]\/55:focus { --tw-ring-color: color-mix(in oklab, #4285F4 55%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-\[\#050708\]\/50:focus { --tw-ring-color: color-mix(in oklab, #050708 50%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-\[\#F7BE38\]\/50:focus { --tw-ring-color: color-mix(in oklab, #F7BE38 50%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-\[\#FF9119\]\/40:focus { --tw-ring-color: color-mix(in oklab, #FF9119 40%, transparent); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-blue-500:focus { --tw-ring-color: var(--color-blue-500); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-blue-600:focus { --tw-ring-color: var(--color-blue-600); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-blue-800:focus { --tw-ring-color: var(--color-blue-800); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-blue-900:focus { --tw-ring-color: var(--color-blue-900); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-cyan-800:focus { --tw-ring-color: var(--color-cyan-800); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-gray-400:focus { --tw-ring-color: var(--color-gray-400); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-gray-500:focus { --tw-ring-color: var(--color-gray-500); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-gray-600:focus { --tw-ring-color: var(--color-gray-600); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-gray-700:focus { --tw-ring-color: var(--color-gray-700); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-gray-800:focus { --tw-ring-color: var(--color-gray-800); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-green-600:focus { --tw-ring-color: var(--color-green-600); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-green-800:focus { --tw-ring-color: var(--color-green-800); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-lime-800:focus { --tw-ring-color: var(--color-lime-800); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-orange-600:focus { --tw-ring-color: var(--color-orange-600); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-pink-800:focus { --tw-ring-color: var(--color-pink-800); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-purple-600:focus { --tw-ring-color: var(--color-purple-600); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-purple-800:focus { --tw-ring-color: var(--color-purple-800); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-purple-900:focus { --tw-ring-color: var(--color-purple-900); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-red-400:focus { --tw-ring-color: var(--color-red-400); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-red-600:focus { --tw-ring-color: var(--color-red-600); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-red-800:focus { --tw-ring-color: var(--color-red-800); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-red-900:focus { --tw-ring-color: var(--color-red-900); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-teal-600:focus { --tw-ring-color: var(--color-teal-600); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-teal-700:focus { --tw-ring-color: var(--color-teal-700); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-teal-800:focus { --tw-ring-color: var(--color-teal-800); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-yellow-600:focus { --tw-ring-color: var(--color-yellow-600); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-yellow-800:focus { --tw-ring-color: var(--color-yellow-800); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-yellow-900:focus { --tw-ring-color: var(--color-yellow-900); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-offset-gray-700:focus { --tw-ring-offset-color: var(--color-gray-700); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-offset-gray-800:focus { --tw-ring-offset-color: var(--color-gray-800); } } @media (width >= 48rem) { @media (prefers-color-scheme: dark) { .md\:dark\:bg-gray-900 { background-color: var(--color-gray-900); } } } @media (width >= 48rem) { @media (prefers-color-scheme: dark) { .md\:dark\:bg-transparent { background-color: transparent; } } } @media (width >= 48rem) { @media (prefers-color-scheme: dark) { .md\:dark\:text-blue-500 { color: var(--color-blue-500); } } } @media (width >= 48rem) { @media (prefers-color-scheme: dark) { .md\:dark\:text-white { color: var(--color-white); } } } @media (width >= 48rem) { @media (prefers-color-scheme: dark) { @media (hover: hover) { .md\:dark\:hover\:bg-transparent:hover { background-color: transparent; } } } } @media (width >= 48rem) { @media (prefers-color-scheme: dark) { @media (hover: hover) { .md\:dark\:hover\:text-blue-500:hover { color: var(--color-blue-500); } } } } @media (width >= 48rem) { @media (prefers-color-scheme: dark) { @media (hover: hover) { .md\:dark\:hover\:text-white:hover { color: var(--color-white); } } } } @media (width >= 64rem) { @media (prefers-color-scheme: dark) { @media (hover: hover) { .lg\:dark\:hover\:bg-transparent:hover { background-color: transparent; } } } } @media (width >= 64rem) { @media (prefers-color-scheme: dark) { @media (hover: hover) { .lg\:dark\:hover\:text-white:hover { color: var(--color-white); } } } } .\[\&_div\>button\]\:bg-gray-50 div > button { background-color: var(--color-gray-50); } .\[\&\>div\]\:mx-auto > div { margin-inline: auto; } .\[\&\>div\>div\]\:bg-gray-50 > div > div { background-color: var(--color-gray-50); } .\[\&\>div\>div\]\:shadow-none > div > div { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @layer base { .tooltip-arrow, .tooltip-arrow:before { position: absolute; width: 8px; height: 8px; background: inherit; } .tooltip-arrow { visibility: hidden; } .tooltip-arrow:before { content: ""; visibility: visible; transform: rotate(45deg); } [data-tooltip-style^=light] + .tooltip > .tooltip-arrow:before { border-style: solid; border-color: var(--color-gray-200); } [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; } [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: var(--color-gray-200); } .dark [role=tooltip] > [data-popper-arrow]:before { border-style: solid; border-color: var(--color-gray-600); } [role=tooltip] > [data-popper-arrow]:after { border-style: solid; border-color: var(--color-gray-200); } .dark [role=tooltip] > [data-popper-arrow]:after { border-style: solid; border-color: var(--color-gray-600); } [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; } [role=tooltip].invisible > [data-popper-arrow]:after { visibility: hidden; } } @layer base { [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: var(--color-gray-500); 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; } :is([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):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: var(--color-blue-600); --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: var(--color-blue-600); } input::placeholder, textarea::placeholder { color: var(--color-gray-500); opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } input[type=time]::-webkit-calendar-picker-indicator { background: none; } 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='oklch(0.551 0.027 264.364)' 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; -webkit-print-color-adjust: exact; 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; -webkit-print-color-adjust: unset; print-color-adjust: unset; } [type=checkbox], [type=radio] { appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: var(--color-blue-600); background-color: #fff; border-color: --color-gray-500; 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: var(--color-blue-600); --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 !important; background-color: currentColor !important; 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; -webkit-print-color-adjust: exact; 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 !important; border-color: transparent !important; background-position: center; background-repeat: no-repeat; background-size: 0.55em 0.55em; -webkit-print-color-adjust: exact; print-color-adjust: exact; } [type=checkbox]:indeterminate:hover, [type=checkbox]:indeterminate:focus { border-color: transparent !important; background-color: currentColor !important; } [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: var(--color-gray-800); 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; } :is():hover { background: var(--color-gray-700); } :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: var(--color-gray-600); } :is():hover { background: var(--color-gray-500); } input[type=range]::-webkit-slider-thumb { height: 1.25rem; width: 1.25rem; background: var(--color-blue-600); border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } input[type=range]:disabled::-webkit-slider-thumb { background: var(--color-gray-400); } .dark input[type=range]:disabled::-webkit-slider-thumb { background: var(--color-gray-500); } 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: 1; --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity)); } input[type=range]::-moz-range-thumb { height: 1.25rem; width: 1.25rem; background: var(--color-blue-600); border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } input[type=range]:disabled::-moz-range-thumb { background: var(--color-gray-400); } .dark input[type=range]:disabled::-moz-range-thumb { background: var(--color-gray-500); } input[type=range]::-moz-range-progress { background: var(--color-blue-500); } input[type=range]::-ms-fill-lower { background: var(--color-blue-500); } 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: var(--color-gray-300); 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: var(--color-blue-600); border-color: var(--color-blue-600); } } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: 0.5; } } @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); } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; initial-value: rotateX(0); } @property --tw-rotate-y { syntax: "*"; inherits: false; initial-value: rotateY(0); } @property --tw-rotate-z { syntax: "*"; inherits: false; initial-value: rotateZ(0); } @property --tw-skew-x { syntax: "*"; inherits: false; initial-value: skewX(0); } @property --tw-skew-y { syntax: "*"; inherits: false; initial-value: skewY(0); } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } /* node_modules/@angular/material/prebuilt-themes/azure-blue.css */ html { --mat-sys-background: #faf9fd; --mat-sys-error: #ba1a1a; --mat-sys-error-container: #ffdad6; --mat-sys-inverse-on-surface: #f2f0f4; --mat-sys-inverse-primary: #abc7ff; --mat-sys-inverse-surface: #2f3033; --mat-sys-on-background: #1a1b1f; --mat-sys-on-error: #ffffff; --mat-sys-on-error-container: #93000a; --mat-sys-on-primary: #ffffff; --mat-sys-on-primary-container: #00458f; --mat-sys-on-primary-fixed: #001b3f; --mat-sys-on-primary-fixed-variant: #00458f; --mat-sys-on-secondary: #ffffff; --mat-sys-on-secondary-container: #3e4759; --mat-sys-on-secondary-fixed: #131c2b; --mat-sys-on-secondary-fixed-variant: #3e4759; --mat-sys-on-surface: #1a1b1f; --mat-sys-on-surface-variant: #44474e; --mat-sys-on-tertiary: #ffffff; --mat-sys-on-tertiary-container: #0000ef; --mat-sys-on-tertiary-fixed: #00006e; --mat-sys-on-tertiary-fixed-variant: #0000ef; --mat-sys-outline: #74777f; --mat-sys-outline-variant: #c4c6d0; --mat-sys-primary: #005cbb; --mat-sys-primary-container: #d7e3ff; --mat-sys-primary-fixed: #d7e3ff; --mat-sys-primary-fixed-dim: #abc7ff; --mat-sys-scrim: #000000; --mat-sys-secondary: #565e71; --mat-sys-secondary-container: #dae2f9; --mat-sys-secondary-fixed: #dae2f9; --mat-sys-secondary-fixed-dim: #bec6dc; --mat-sys-shadow: #000000; --mat-sys-surface: #faf9fd; --mat-sys-surface-bright: #faf9fd; --mat-sys-surface-container: #efedf0; --mat-sys-surface-container-high: #e9e7eb; --mat-sys-surface-container-highest: #e3e2e6; --mat-sys-surface-container-low: #f4f3f6; --mat-sys-surface-container-lowest: #ffffff; --mat-sys-surface-dim: #dbd9dd; --mat-sys-surface-tint: #005cbb; --mat-sys-surface-variant: #e0e2ec; --mat-sys-tertiary: #343dff; --mat-sys-tertiary-container: #e0e0ff; --mat-sys-tertiary-fixed: #e0e0ff; --mat-sys-tertiary-fixed-dim: #bec2ff; --mat-sys-neutral-variant20: #2d3038; --mat-sys-neutral10: #1a1b1f; } html { --mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } html { --mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } html { --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } html { --mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } html { --mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } html { --mat-sys-body-large: 400 1rem / 1.5rem Roboto; --mat-sys-body-large-font: Roboto; --mat-sys-body-large-line-height: 1.5rem; --mat-sys-body-large-size: 1rem; --mat-sys-body-large-tracking: 0.031rem; --mat-sys-body-large-weight: 400; --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto; --mat-sys-body-medium-font: Roboto; --mat-sys-body-medium-line-height: 1.25rem; --mat-sys-body-medium-size: 0.875rem; --mat-sys-body-medium-tracking: 0.016rem; --mat-sys-body-medium-weight: 400; --mat-sys-body-small: 400 0.75rem / 1rem Roboto; --mat-sys-body-small-font: Roboto; --mat-sys-body-small-line-height: 1rem; --mat-sys-body-small-size: 0.75rem; --mat-sys-body-small-tracking: 0.025rem; --mat-sys-body-small-weight: 400; --mat-sys-display-large: 400 3.562rem / 4rem Roboto; --mat-sys-display-large-font: Roboto; --mat-sys-display-large-line-height: 4rem; --mat-sys-display-large-size: 3.562rem; --mat-sys-display-large-tracking: -0.016rem; --mat-sys-display-large-weight: 400; --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto; --mat-sys-display-medium-font: Roboto; --mat-sys-display-medium-line-height: 3.25rem; --mat-sys-display-medium-size: 2.812rem; --mat-sys-display-medium-tracking: 0; --mat-sys-display-medium-weight: 400; --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto; --mat-sys-display-small-font: Roboto; --mat-sys-display-small-line-height: 2.75rem; --mat-sys-display-small-size: 2.25rem; --mat-sys-display-small-tracking: 0; --mat-sys-display-small-weight: 400; --mat-sys-headline-large: 400 2rem / 2.5rem Roboto; --mat-sys-headline-large-font: Roboto; --mat-sys-headline-large-line-height: 2.5rem; --mat-sys-headline-large-size: 2rem; --mat-sys-headline-large-tracking: 0; --mat-sys-headline-large-weight: 400; --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto; --mat-sys-headline-medium-font: Roboto; --mat-sys-headline-medium-line-height: 2.25rem; --mat-sys-headline-medium-size: 1.75rem; --mat-sys-headline-medium-tracking: 0; --mat-sys-headline-medium-weight: 400; --mat-sys-headline-small: 400 1.5rem / 2rem Roboto; --mat-sys-headline-small-font: Roboto; --mat-sys-headline-small-line-height: 2rem; --mat-sys-headline-small-size: 1.5rem; --mat-sys-headline-small-tracking: 0; --mat-sys-headline-small-weight: 400; --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto; --mat-sys-label-large-font: Roboto; --mat-sys-label-large-line-height: 1.25rem; --mat-sys-label-large-size: 0.875rem; --mat-sys-label-large-tracking: 0.006rem; --mat-sys-label-large-weight: 500; --mat-sys-label-large-weight-prominent: 700; --mat-sys-label-medium: 500 0.75rem / 1rem Roboto; --mat-sys-label-medium-font: Roboto; --mat-sys-label-medium-line-height: 1rem; --mat-sys-label-medium-size: 0.75rem; --mat-sys-label-medium-tracking: 0.031rem; --mat-sys-label-medium-weight: 500; --mat-sys-label-medium-weight-prominent: 700; --mat-sys-label-small: 500 0.688rem / 1rem Roboto; --mat-sys-label-small-font: Roboto; --mat-sys-label-small-line-height: 1rem; --mat-sys-label-small-size: 0.688rem; --mat-sys-label-small-tracking: 0.031rem; --mat-sys-label-small-weight: 500; --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto; --mat-sys-title-large-font: Roboto; --mat-sys-title-large-line-height: 1.75rem; --mat-sys-title-large-size: 1.375rem; --mat-sys-title-large-tracking: 0; --mat-sys-title-large-weight: 400; --mat-sys-title-medium: 500 1rem / 1.5rem Roboto; --mat-sys-title-medium-font: Roboto; --mat-sys-title-medium-line-height: 1.5rem; --mat-sys-title-medium-size: 1rem; --mat-sys-title-medium-tracking: 0.009rem; --mat-sys-title-medium-weight: 500; --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto; --mat-sys-title-small-font: Roboto; --mat-sys-title-small-line-height: 1.25rem; --mat-sys-title-small-size: 0.875rem; --mat-sys-title-small-tracking: 0.006rem; --mat-sys-title-small-weight: 500; } html { --mat-sys-corner-extra-large: 28px; --mat-sys-corner-extra-large-top: 28px 28px 0 0; --mat-sys-corner-extra-small: 4px; --mat-sys-corner-extra-small-top: 4px 4px 0 0; --mat-sys-corner-full: 9999px; --mat-sys-corner-large: 16px; --mat-sys-corner-large-end: 0 16px 16px 0; --mat-sys-corner-large-start: 16px 0 0 16px; --mat-sys-corner-large-top: 16px 16px 0 0; --mat-sys-corner-medium: 12px; --mat-sys-corner-none: 0; --mat-sys-corner-small: 8px; } html { --mat-sys-dragged-state-layer-opacity: 0.16; --mat-sys-focus-state-layer-opacity: 0.12; --mat-sys-hover-state-layer-opacity: 0.08; --mat-sys-pressed-state-layer-opacity: 0.12; } /* src/styles.css */ /*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: #FEF2F2; --color-red-100: #FEE2E2; --color-red-200: #FECACA; --color-red-300: #FCA5A5; --color-red-400: #F87171; --color-red-500: #EF4444; --color-red-600: #DC2626; --color-red-700: #B91C1C; --color-red-800: #991B1B; --color-red-900: #7F1D1D; --color-orange-50: #FFFAF0; --color-orange-100: #FEEBC8; --color-orange-200: #FBD38D; --color-orange-300: #F6AD55; --color-orange-400: #ED8936; --color-orange-500: #DD6B20; --color-orange-600: #C05621; --color-orange-700: #9C4221; --color-orange-800: #7B341E; --color-orange-900: #652B19; --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-100: oklch(96.2% 0.059 95.617); --color-amber-200: oklch(92.4% 0.12 95.746); --color-amber-300: oklch(87.9% 0.169 91.605); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-600: oklch(66.6% 0.179 58.318); --color-amber-700: oklch(55.5% 0.163 48.998); --color-amber-800: oklch(47.3% 0.137 46.201); --color-yellow-50: #FFFBEB; --color-yellow-100: #FEF3C7; --color-yellow-200: #FDE68A; --color-yellow-300: #FCD34D; --color-yellow-400: #FBBF24; --color-yellow-500: #F59E0B; --color-yellow-600: #D97706; --color-yellow-700: #B45309; --color-yellow-800: #92400E; --color-yellow-900: #78350F; --color-lime-200: oklch(93.8% 0.127 124.321); --color-lime-300: oklch(89.7% 0.196 126.665); --color-lime-400: oklch(84.1% 0.238 128.85); --color-lime-500: oklch(76.8% 0.233 130.85); --color-lime-800: oklch(45.3% 0.124 130.933); --color-green-50: #ECFDF5; --color-green-100: #D1FAE5; --color-green-200: #A7F3D0; --color-green-300: #6EE7B7; --color-green-400: #34D399; --color-green-500: #10B981; --color-green-600: #059669; --color-green-700: #047857; --color-green-800: #065F46; --color-green-900: #064E3B; --color-emerald-50: oklch(97.9% 0.021 166.113); --color-emerald-100: oklch(95% 0.052 163.051); --color-emerald-200: oklch(90.5% 0.093 164.15); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-600: oklch(59.6% 0.145 163.225); --color-emerald-700: oklch(50.8% 0.118 165.612); --color-emerald-800: oklch(43.2% 0.095 166.913); --color-emerald-900: oklch(37.8% 0.077 168.94); --color-teal-50: #F0FDFA; --color-teal-100: #CCFBF1; --color-teal-200: #99F6E4; --color-teal-300: #5EEAD4; --color-teal-400: #2DD4BF; --color-teal-500: #14B8A6; --color-teal-600: #0D9488; --color-teal-700: #0F766E; --color-teal-800: #115E59; --color-cyan-50: #ECFEFF; --color-cyan-100: #CFFAFE; --color-cyan-200: #A5F3FC; --color-cyan-300: #67E8F9; --color-cyan-400: #22D3EE; --color-cyan-500: #06B6D4; --color-cyan-600: #0891B2; --color-cyan-700: #0E7490; --color-cyan-800: #155E75; --color-sky-50: oklch(97.7% 0.013 236.62); --color-sky-100: oklch(95.1% 0.026 236.824); --color-sky-200: oklch(90.1% 0.058 230.902); --color-sky-400: oklch(74.6% 0.16 232.661); --color-sky-500: oklch(68.5% 0.169 237.323); --color-sky-600: oklch(58.8% 0.158 241.966); --color-sky-700: oklch(50% 0.134 242.749); --color-blue-50: #EFF6FF; --color-blue-100: #DBEAFE; --color-blue-200: #BFDBFE; --color-blue-300: #93C5FD; --color-blue-400: #60A5FA; --color-blue-500: #3B82F6; --color-blue-600: #2563EB; --color-blue-700: #1D4ED8; --color-blue-800: #1E40AF; --color-blue-900: #1E3A8A; --color-indigo-50: #EEF2FF; --color-indigo-100: #E0E7FF; --color-indigo-200: #C7D2FE; --color-indigo-300: #A5B4FC; --color-indigo-400: #818CF8; --color-indigo-500: #6366F1; --color-indigo-600: #4F46E5; --color-indigo-700: #4338CA; --color-indigo-800: #3730A3; --color-indigo-900: #312E81; --color-purple-50: #F5F3FF; --color-purple-100: #EDE9FE; --color-purple-200: #DDD6FE; --color-purple-300: #C4B5FD; --color-purple-400: #A78BFA; --color-purple-500: #8B5CF6; --color-purple-600: #7C3AED; --color-purple-700: #6D28D9; --color-purple-800: #5B21B6; --color-purple-900: #4C1D95; --color-pink-50: #FDF2F8; --color-pink-100: #FCE7F3; --color-pink-200: #FBCFE8; --color-pink-300: #F9A8D4; --color-pink-400: #F472B6; --color-pink-500: #EC4899; --color-pink-600: #DB2777; --color-pink-700: #BE185D; --color-pink-800: #9D174D; --color-pink-900: #831843; --color-rose-50: oklch(96.9% 0.015 12.422); --color-rose-200: oklch(89.2% 0.058 10.001); --color-rose-400: oklch(71.2% 0.194 13.428); --color-rose-500: oklch(64.5% 0.246 16.439); --color-rose-600: oklch(58.6% 0.253 17.585); --color-rose-700: oklch(51.4% 0.222 16.935); --color-slate-50: oklch(98.4% 0.003 247.858); --color-slate-100: oklch(96.8% 0.007 247.896); --color-slate-200: oklch(92.9% 0.013 255.508); --color-slate-300: oklch(86.9% 0.022 252.894); --color-slate-400: oklch(70.4% 0.04 256.788); --color-slate-500: oklch(55.4% 0.046 257.417); --color-slate-600: oklch(44.6% 0.043 257.281); --color-slate-700: oklch(37.2% 0.044 257.287); --color-slate-800: oklch(27.9% 0.041 260.031); --color-slate-900: oklch(20.8% 0.042 265.755); --color-gray-50: #F9FAFB; --color-gray-100: #F3F4F6; --color-gray-200: #E5E7EB; --color-gray-300: #D1D5DB; --color-gray-400: #9CA3AF; --color-gray-500: #6B7280; --color-gray-600: #4B5563; --color-gray-700: #374151; --color-gray-800: #1F2937; --color-gray-900: #111827; --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-xl: 24px; --blur-2xl: 40px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-333: #333; --color-444: #444; --color-555: #555; --color-ddd: #ddd; --color-777: #777; --color-666: #666; --color-757575: #757575; --color-c19725: #c19725; --color-dcdcdc: #dcdcdc; --color-bb0000: #BB0000; --color-fdffc6: #fdffc6; --color-metal-settled-blue: #0d5bab; --color-4e4e4e: #4e4e4e; --color-483d8b: #483d8b; --color-8f014d: #8f014d; --color-f1fdf1: #f1fdf1; --color-018f37: #018f37; --color-fffff1: #fffff1; --color-f1f1fb: #f1f1fb; --color-898989: #898989; --color-d9d9d9: #d9d9d9; --color-383838: #383838; --color-e7eefb: #e7eefb; --color-acb1c6: #acb1c6; --color-fbf1fd: #fbf1fd; --color-fff1f8: #fff1f8; --color-fff9f9: #fff9f9; --color-efffed: #efffed; --color-ecefff: #ecefff; --color-f2ffe6: #f2ffe6; --color-9ca0a9: #9ca0a9; --color-0bb60b: #0bb60b; --color-ffefef: #ffefef; --color-888383: #888383; --color-fff6f6: #fff6f6; --color-e9efff: #e9efff; --color-1e1e1e: #1e1e1e; --color-d4d4d4: #d4d4d4; --color-1c1c1c: #1c1c1c; --color-e9e9e9: #e9e9e9; --color-f9f9fb: #f9f9fb; --color-554646: #554646; --color-8f1201: #8f1201; --color-fff6f3: #fff6f3; --color-8a8a8a: #8a8a8a; --color-686868: #686868; --color-ffe3b1: #ffe3b1; --color-daffb1: #daffb1; --color-f3b1ff: #f3b1ff; --color-e9fffb: #e9fffb; --color-0ea385: #0ea385; --color-93dfcf: #93dfcf; --color-fdfdf1: #fdfdf1; --color-edffb1: #edffb1; --color-dcb1ff: #dcb1ff; --color-2c2c2c: #2c2c2c; --color-010101: #010101; --color-c9ab04: #c9ab04; --color-ededed: #ededed; --color-ebf1ff: #ebf1ff; --color-6eb67b: #6eb67b; --color-ecffeb: #ecffeb; --color-3b3a3a: #3b3a3a; --color-fbfbfb: #fbfbfb; --color-977f06: #977f06; --color-fdffe4: #FDFFE4; --color-e4ffed: #E4FFED; --color-f1fffc: #F1FFFC; --color-535353: #535353; --color-ecf6ff5c: #ecf6ff5c; --color-f9e576ad: #f9e576ad; --color-fff2efb8: #fff2efb8; --color-fed40240: #fed40240; --color-ddf4e7a3: #ddf4e7a3; --color-faf3e1c7: #faf3e1c7; --my-shadow: 2px 2px 10px 0px #D9E0E799; --my-shadow1: 0px 4px 4px 0px #F6F6F6; --my-shadow2: 0px 4px 10px 0px #E6E1E140; --my-gradient: 94.58deg, #FFFFFF -10.27%, #FFFBF4 11.67%, #FFFFFF 17.6%, #FFFFFF 110.47%; --my-gradient1: 147.75deg, #B9901F 8.71%, #E1C986 53.24%, #735504 90.72%; --my-gradient2: 103.92deg, #5F5A4D 45.66%, #4D4A4A 93.65%; --my-gradient3: 53.12% 53.12% at 48.87% 55.95%, #FFFFFF 35.61%, #FBF8D1 100%; --my-gradient4: 94.58deg, #FFFFFF -3.2%, rgba(234, 234, 234, 0.3) -0.57%, #FFFFFF 42.43%, #FFFFFF 110.47%; --my-gradient5: 90deg, #FFFFFF -11.26%, #FFF3E4 100%; --my-gradient7: 100.15% 95.82% at 9.12% 4.18%, #F4F9FF 0%, #FFFFFF 46.5%, #F4F9FF 100%; --my-gradient8: 90deg, #FFFAEB 0%, #FFFFFF 48.66%, #FFFAEB 106.77%; --my-gradient9: 125.58deg, rgba(255, 236, 184, 0.4) 11.76%, rgba(255, 250, 235, 0.4) 65.64%, rgba(255, 255, 255, 0.4) 82.18%; --my-gradient10: 125.58deg, #FFECB8 11.76%, #FFFAEB 65.64%, #FFFFFF 82.18%; --my-gradient11: 91.26deg, #FFE9AC 0.24%, #FFF0C7 24.5%, #FFF6DB 48.77%, #FFDD7F 97.3%; --my-gradient12: 270deg, #7e72c3 0%, #483d8b 100%; --my-gradient13: 270deg, #f1188c 0%, #8f014d 100%; --my-gradient14: 270deg, #27d268 0%, #018f37 100%; --my-gradient15: 270deg, #e9ca77 0%, #c19725 100%; --my-gradient16: 270deg, #579ae3 0%, #0d5bab 100%; } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; } @supports (color: color-mix(in lab, red, red)) { { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type=button], [type=reset], [type=submit]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden=until-found])) { display: none !important; } } @layer utilities { .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .datatable-wrapper { width: 100%; } .datatable-wrapper .datatable-top { display: flex; justify-content: space-between; flex-direction: column-reverse; align-items: start; gap: 1rem; margin-bottom: 1rem; } @media (min-width: 640px) { .datatable-wrapper .datatable-top { flex-direction: row-reverse; align-items: center; } } .datatable-wrapper .datatable-search .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .datatable-wrapper .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark .datatable-wrapper .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark .datatable-wrapper .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .datatable-wrapper thead th .datatable-input { background-color: white; font-weight: 400; color: var(--color-gray-900); padding-top: .35rem; padding-bottom: .35rem; min-width: 0; } .dark .datatable-wrapper thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-400); } .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } .datatable-wrapper .datatable-container thead tr.search-filtering-row th { padding-top: 0; } .datatable-wrapper .datatable-search .datatable-input:focus { border-color: var(--color-blue-600); } .datatable-wrapper .datatable-container { overflow-x: auto; } .datatable-wrapper .datatable-table { width: 100%; font-size: 0.875rem; color: var(--color-gray-500); text-align: left; } .dark .datatable-wrapper .datatable-table { color: var(--color-gray-400); } .datatable-wrapper .datatable-table thead { font-size: 0.75rem; color: var(--color-gray-500); background-color: var(--color-gray-50); } .dark .datatable-wrapper .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } .datatable-wrapper .datatable-table thead th { white-space: nowrap; } .datatable-wrapper .datatable-table thead th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper .datatable-table tbody th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper .datatable-table tbody td { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper .datatable-table thead th .datatable-sorter { text-transform: uppercase; } .datatable-wrapper .datatable-table thead th { text-transform: uppercase; } .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-100); } .dark .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-200); } .dark .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-table .datatable-empty { text-align: center; } .datatable-wrapper .datatable-bottom { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: 1rem; gap: 1rem; } @media (min-width: 640px) { .datatable-wrapper .datatable-bottom { flex-direction: row; align-items: center; } } .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-400); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } .datatable-wrapper .datatable-bottom { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: 1rem; gap: 1rem; } @media (min-width: 640px) { .datatable-wrapper .datatable-bottom { flex-direction: row; align-items: center; } } .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-400); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } .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; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-x-4 { inset-inline: calc(var(--spacing) * 4); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .inset-y-1 { inset-block: calc(var(--spacing) * 1); } .start-1 { inset-inline-start: calc(var(--spacing) * 1); } .start-2 { inset-inline-start: calc(var(--spacing) * 2); } .end-0 { inset-inline-end: calc(var(--spacing) * 0); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-2\.5 { top: calc(var(--spacing) * -2.5); } .-top-4 { top: calc(var(--spacing) * -4); } .-top-5 { top: calc(var(--spacing) * -5); } .-top-6 { top: calc(var(--spacing) * -6); } .-top-\[20px\] { top: calc(20px * -1); } .top-0 { top: calc(var(--spacing) * 0); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: calc(1/2 * 100%); } .top-2 { top: calc(var(--spacing) * 2); } .top-2\.5 { top: calc(var(--spacing) * 2.5); } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-6 { top: calc(var(--spacing) * 6); } .top-8 { top: calc(var(--spacing) * 8); } .top-14 { top: calc(var(--spacing) * 14); } .top-\[4\%\] { top: 4%; } .top-\[9px\] { top: 9px; } .top-\[10\%\] { top: 10%; } .top-\[12px\] { top: 12px; } .top-\[16px\] { top: 16px; } .top-\[25\%\] { top: 25%; } .top-\[40px\] { top: 40px; } .top-\[50\%\] { top: 50%; } .top-\[85\%\] { top: 85%; } .top-\[calc\(100\%\+4px\)\] { top: calc(100% + 4px); } .top-full { top: 100%; } .-right-2 { right: calc(var(--spacing) * -2); } .-right-4 { right: calc(var(--spacing) * -4); } .-right-6 { right: calc(var(--spacing) * -6); } .-right-\[1\.5\%\] { right: calc(1.5% * -1); } .-right-\[24px\] { right: calc(24px * -1); } .right-0 { right: calc(var(--spacing) * 0); } .right-1\.5 { right: calc(var(--spacing) * 1.5); } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-6 { right: calc(var(--spacing) * 6); } .right-\[10px\] { right: 10px; } .right-\[12px\] { right: 12px; } .right-\[14px\] { right: 14px; } .right-\[15\%\] { right: 15%; } .right-\[17\%\] { right: 17%; } .right-\[30\%\] { right: 30%; } .right-\[40\%\] { right: 40%; } .right-\[45\%\] { right: 45%; } .right-full { right: 100%; } .-bottom-0 { bottom: calc(var(--spacing) * -0); } .-bottom-1 { bottom: calc(var(--spacing) * -1); } .-bottom-4 { bottom: calc(var(--spacing) * -4); } .-bottom-\[0\%\] { bottom: calc(0% * -1); } .-bottom-\[3\.5\%\] { bottom: calc(3.5% * -1); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-\[3\%\] { bottom: 3%; } .bottom-\[20px\] { bottom: 20px; } .bottom-\[60px\] { bottom: 60px; } .-left-0 { left: calc(var(--spacing) * -0); } .-left-10 { left: calc(var(--spacing) * -10); } .-left-24 { left: calc(var(--spacing) * -24); } .-left-\[1\.7\%\] { left: calc(1.7% * -1); } .-left-\[2px\] { left: calc(2px * -1); } .-left-\[99999px\] { left: calc(99999px * -1); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\.5 { left: calc(var(--spacing) * 1.5); } .left-2 { left: calc(var(--spacing) * 2); } .left-2\.5 { left: calc(var(--spacing) * 2.5); } .left-3 { left: calc(var(--spacing) * 3); } .left-3\.5 { left: calc(var(--spacing) * 3.5); } .left-4 { left: calc(var(--spacing) * 4); } .left-8 { left: calc(var(--spacing) * 8); } .left-10 { left: calc(var(--spacing) * 10); } .left-\[3px\] { left: 3px; } .left-\[14px\] { left: 14px; } .left-\[18\%\] { left: 18%; } .left-\[20\%\] { left: 20%; } .left-\[26px\] { left: 26px; } .left-\[100px\] { left: 100px; } .left-full { left: 100%; } .isolate { isolation: isolate; } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .z-4 { z-index: 4; } .z-5 { z-index: 5; } .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-\[1\] { z-index: 1; } .z-\[2\] { z-index: 2; } .z-\[30\] { z-index: 30; } .z-\[40\] { z-index: 40; } .z-\[50\] { z-index: 50; } .z-\[100\] { z-index: 100; } .z-\[101\] { z-index: 101; } .z-\[110\] { z-index: 110; } .z-\[120\] { z-index: 120; } .z-\[121\] { z-index: 121; } .z-\[200\] { z-index: 200; } .z-\[9999\] { z-index: 9999; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-first { order: -9999; } .order-last { order: 9999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-8 { grid-column: span 8 / span 8; } .col-span-12 { grid-column: span 12 / span 12; } .col-span-full { grid-column: 1 / -1; } .row-span-1 { grid-row: span 1 / span 1; } .row-span-2 { grid-row: span 2 / span 2; } .container { width: 100%; } @media (width >= 40rem) { .container { max-width: 40rem; } } @media (width >= 48rem) { .container { max-width: 48rem; } } @media (width >= 64rem) { .container { max-width: 64rem; } } @media (width >= 80rem) { .container { max-width: 80rem; } } @media (width >= 96rem) { .container { max-width: 96rem; } } .m-0 { margin: calc(var(--spacing) * 0); } .m-2 { margin: calc(var(--spacing) * 2); } .m-4 { margin: calc(var(--spacing) * 4); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-50 { margin-inline: calc(var(--spacing) * 50); } .mx-auto { margin-inline: auto; } .\!my-2 { margin-block: calc(var(--spacing) * 2) !important; } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-10 { margin-block: calc(var(--spacing) * 10); } .ms-1 { margin-inline-start: calc(var(--spacing) * 1); } .ms-2 { margin-inline-start: calc(var(--spacing) * 2); } .ms-3 { margin-inline-start: calc(var(--spacing) * 3); } .ms-auto { margin-inline-start: auto; } .me-1 { margin-inline-end: calc(var(--spacing) * 1); } .me-1\.5 { margin-inline-end: calc(var(--spacing) * 1.5); } .me-2 { margin-inline-end: calc(var(--spacing) * 2); } .me-3 { margin-inline-end: calc(var(--spacing) * 3); } .me-4 { margin-inline-end: calc(var(--spacing) * 4); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-4 { margin-top: calc(var(--spacing) * -4); } .-mt-9 { margin-top: calc(var(--spacing) * -9); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-14 { margin-top: calc(var(--spacing) * 14); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-\[-8px\] { margin-top: -8px; } .mt-\[5px\] { margin-top: 5px; } .mt-\[9px\] { margin-top: 9px; } .mt-\[11px\] { margin-top: 11px; } .mt-auto { margin-top: auto; } .apexcharts-canvas .apexcharts-tooltip { background-color: white !important; color: var(--color-gray-700) !important; border: 0 !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-500) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; border-color: transparent !important; background-color: white !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } .apexcharts-canvas .apexcharts-xaxistooltip-text { font-weight: 400 !important; font-size: 0.875rem !important; } .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: white !important; } .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: white !important; } .apexcharts-canvas .apexcharts-xaxistooltip:after { border-width: 8px !important; margin-left: -8px !important; } .apexcharts-canvas .apexcharts-xaxistooltip:before { border-width: 10px !important; margin-left: -10px !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important; } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group { padding: 0 !important; } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active:first-of-type { padding-top: 0.75rem !important; } .apexcharts-canvas .apexcharts-legend { padding: 0 !important; } .apexcharts-canvas .apexcharts-legend-text { font-size: 0.75rem !important; font-weight: 500 !important; padding-left: 1.25rem !important; color: var(--color-gray-500) !important; } :is([dir=rtl]) .apexcharts-canvas .apexcharts-legend-text { padding-right: 0.5rem !important; } .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important; } .dark .apexcharts-canvas .apexcharts-legend-text { color: var(--color-gray-400) !important; } .dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important; } .apexcharts-canvas .apexcharts-legend-series { margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: 0.25rem !important; display: flex !important; align-items: center !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem, [object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label { font-size: 0.75rem, [object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; } .apexcharts-canvas .apexcharts-legend-series { margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: 0.25rem !important; display: flex !important; align-items: center !important; } .apexcharts-canvas .apexcharts-tooltip { background-color: white !important; color: var(--color-gray-700) !important; border: 0 !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important; } :is([dir=rtl]) .apexcharts-tooltip .apexcharts-tooltip-marker { margin-right: 0px !important; margin-left: e !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } .datatable-wrapper .datatable-top { display: flex; justify-content: space-between; flex-direction: column-reverse; align-items: start; gap: 1rem; margin-bottom: 1rem; } @media (min-width: 640px) { .datatable-wrapper .datatable-top { flex-direction: row-reverse; align-items: center; } } .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-400); } .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } :is([dir=rtl]) .apexcharts-tooltip .apexcharts-tooltip-marker { margin-right: 0px !important; margin-left: e !important; } .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-400); } .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .-mr-4 { margin-right: calc(var(--spacing) * -4); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-6 { margin-right: calc(var(--spacing) * 6); } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } .-mb-4 { margin-bottom: calc(var(--spacing) * -4); } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-7 { margin-bottom: calc(var(--spacing) * 7); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-20 { margin-bottom: calc(var(--spacing) * 20); } .mb-\[5px\] { margin-bottom: 5px; } .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-500) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; border-color: transparent !important; background-color: white !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: white !important; } .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: white !important; } .apexcharts-canvas .apexcharts-xaxistooltip:after { border-width: 8px !important; margin-left: -8px !important; } .apexcharts-canvas .apexcharts-xaxistooltip:before { border-width: 10px !important; margin-left: -10px !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important; } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .-ml-5 { margin-left: calc(var(--spacing) * -5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-5 { margin-left: calc(var(--spacing) * 5); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .ml-\[72px\] { margin-left: 72px; } .ml-\[88px\] { margin-left: 88px; } .ml-auto { margin-left: auto; } .box-border { box-sizing: border-box; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-square { aspect-ratio: 1 / 1; } .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-4\.5 { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } .size-13 { width: calc(var(--spacing) * 13); height: calc(var(--spacing) * 13); } .size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); } .size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20); } .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); } .size-25 { width: calc(var(--spacing) * 25); height: calc(var(--spacing) * 25); } .size-36 { width: calc(var(--spacing) * 36); height: calc(var(--spacing) * 36); } .size-\[15px\] { width: 15px; height: 15px; } .size-\[20px\] { width: 20px; height: 20px; } .size-\[34px\] { width: 34px; height: 34px; } .size-\[40px\] { width: 40px; height: 40px; } .size-\[50px\] { width: 50px; height: 50px; } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-1\/2 { height: calc(1/2 * 100%); } .h-2 { height: calc(var(--spacing) * 2); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-13 { height: calc(var(--spacing) * 13); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-18 { height: calc(var(--spacing) * 18); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-25 { height: calc(var(--spacing) * 25); } .h-28 { height: calc(var(--spacing) * 28); } .h-32 { height: calc(var(--spacing) * 32); } .h-36 { height: calc(var(--spacing) * 36); } .h-40 { height: calc(var(--spacing) * 40); } .h-48 { height: calc(var(--spacing) * 48); } .h-64 { height: calc(var(--spacing) * 64); } .h-\[2px\] { height: 2px; } .h-\[18px\] { height: 18px; } .h-\[30px\] { height: 30px; } .h-\[32px\] { height: 32px; } .h-\[34px\] { height: 34px; } .h-\[37px\] { height: 37px; } .h-\[38px\] { height: 38px; } .h-\[42px\] { height: 42px; } .h-\[43px\] { height: 43px; } .h-\[48px\] { height: 48px; } .h-\[54px\] { height: 54px; } .h-\[58px\] { height: 58px; } .h-\[60px\] { height: 60px; } .h-\[500px\] { height: 500px; } .h-\[calc\(85vh-64px\)\] { height: calc(85vh - 64px); } .h-\[calc\(100\%-1rem\)\] { height: calc(100% - 1rem); } .h-\[calc\(100\%-20\%\)\] { height: calc(100% - 20%); } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-screen { height: 100vh; } .max-h-0 { max-height: calc(var(--spacing) * 0); } .max-h-40 { max-height: calc(var(--spacing) * 40); } .max-h-48 { max-height: calc(var(--spacing) * 48); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-80 { max-height: calc(var(--spacing) * 80); } .max-h-100 { max-height: calc(var(--spacing) * 100); } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[92vh\] { max-height: 92vh; } .max-h-\[100px\] { max-height: 100px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[2000px\] { max-height: 2000px; } .max-h-\[calc\(100vh-160px\)\] { max-height: calc(100vh - 160px); } .max-h-full { max-height: 100%; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-\[5rem\] { min-height: 5rem; } .min-h-\[60px\] { min-height: 60px; } .min-h-\[70vh\] { min-height: 70vh; } .min-h-\[85vh\] { min-height: 85vh; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[140px\] { min-height: 140px; } .min-h-\[160px\] { min-height: 160px; } .min-h-\[250px\] { min-height: 250px; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[1050px\] { min-height: 1050px; } .min-h-\[1123px\] { min-height: 1123px; } .min-h-\[calc\(100vh-120px\)\] { min-height: calc(100vh - 120px); } .min-h-screen { min-height: 100vh; } .datatable-wrapper .datatable-table { width: 100%; font-size: 0.875rem; color: var(--color-gray-500); text-align: left; } .dark .datatable-wrapper .datatable-table { color: var(--color-gray-400); } .datatable-wrapper .datatable-table thead { font-size: 0.75rem; color: var(--color-gray-500); background-color: var(--color-gray-50); } .dark .datatable-wrapper .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } .datatable-wrapper .datatable-table thead th { white-space: nowrap; } .datatable-wrapper .datatable-table thead th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper .datatable-table tbody th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper .datatable-table tbody td { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper .datatable-table thead th .datatable-sorter { text-transform: uppercase; } .datatable-wrapper .datatable-table thead th { text-transform: uppercase; } .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-100); } .dark .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-200); } .dark .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-table .datatable-empty { text-align: center; } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: calc(1/2 * 100%); } .w-1\/3 { width: calc(1/3 * 100%); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/5 { width: calc(2/5 * 100%); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: calc(3/4 * 100%); } .w-3\/5 { width: calc(3/5 * 100%); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-11\/12 { width: calc(11/12 * 100%); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-19 { width: calc(var(--spacing) * 19); } .w-20 { width: calc(var(--spacing) * 20); } .w-22 { width: calc(var(--spacing) * 22); } .w-24 { width: calc(var(--spacing) * 24); } .w-25 { width: calc(var(--spacing) * 25); } .w-28 { width: calc(var(--spacing) * 28); } .w-30 { width: calc(var(--spacing) * 30); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-50 { width: calc(var(--spacing) * 50); } .w-60 { width: calc(var(--spacing) * 60); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-\[1px\] { width: 1px; } .w-\[3\%\] { width: 3%; } .w-\[5\%\] { width: 5%; } .w-\[18px\] { width: 18px; } .w-\[35\%\] { width: 35%; } .w-\[40\%\] { width: 40%; } .w-\[50px\] { width: 50px; } .w-\[60\%\] { width: 60%; } .w-\[65\%\] { width: 65%; } .w-\[70px\] { width: 70px; } .w-\[80\%\] { width: 80%; } .w-\[80px\] { width: 80px; } .w-\[85px\] { width: 85px; } .w-\[90\%\] { width: 90%; } .w-\[90px\] { width: 90px; } .w-\[95\%\] { width: 95%; } .w-\[100px\] { width: 100px; } .w-\[110px\] { width: 110px; } .w-\[120px\] { width: 120px; } .w-\[130px\] { width: 130px; } .w-\[140px\] { width: 140px; } .w-\[150px\] { width: 150px; } .w-\[160px\] { width: 160px; } .w-\[180px\] { width: 180px; } .w-\[200px\] { width: 200px; } .w-\[220px\] { width: 220px; } .w-\[280px\] { width: 280px; } .w-\[300px\] { width: 300px; } .w-\[320px\] { width: 320px; } .w-\[420px\] { width: 420px; } .w-\[460px\] { width: 460px; } .w-\[800px\] { width: 800px; } .w-\[850px\] { width: 850px; } .w-\[calc\(100\%-40px\)\] { width: calc(100% - 40px); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-px { width: 1px; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-\[90vw\] { max-width: 90vw; } .max-w-\[95vw\] { max-width: 95vw; } .max-w-\[100px\] { max-width: 100px; } .max-w-\[110px\] { max-width: 110px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[900px\] { max-width: 900px; } .max-w-\[1050px\] { max-width: 1050px; } .max-w-\[1450px\] { max-width: 1450px; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-screen { max-width: 100vw; } .max-w-screen-2xl { max-width: var(--breakpoint-2xl); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .datatable-wrapper .datatable-search .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .datatable-wrapper .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark .datatable-wrapper .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark .datatable-wrapper .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .datatable-wrapper thead th .datatable-input { background-color: white; font-weight: 400; color: var(--color-gray-900); padding-top: .35rem; padding-bottom: .35rem; min-width: 0; } .dark .datatable-wrapper thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } .datatable-wrapper .datatable-search .datatable-input:focus { border-color: var(--color-blue-600); } .datatable-wrapper .datatable-search .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark .datatable-wrapper .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-search .datatable-input:focus { border-color: var(--color-blue-600); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-14 { min-width: calc(var(--spacing) * 14); } .min-w-18\.5 { min-width: calc(var(--spacing) * 18.5); } .min-w-24 { min-width: calc(var(--spacing) * 24); } .min-w-30 { min-width: calc(var(--spacing) * 30); } .min-w-\[2rem\] { min-width: 2rem; } .min-w-\[32px\] { min-width: 32px; } .min-w-\[70px\] { min-width: 70px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[150px\] { min-width: 150px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[250px\] { min-width: 250px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[280px\] { min-width: 280px; } .min-w-\[300px\] { min-width: 300px; } .min-w-\[320px\] { min-width: 320px; } .min-w-\[360px\] { min-width: 360px; } .min-w-\[600px\] { min-width: 600px; } .min-w-\[800px\] { min-width: 800px; } .min-w-\[1000px\] { min-width: 1000px; } .min-w-fit { min-width: fit-content; } .min-w-full { min-width: 100%; } .min-w-max { min-width: max-content; } .flex-1 { flex: 1; } .flex-\[2\] { flex: 2; } .flex-auto { flex: auto; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .table-auto { table-layout: auto; } .table-fixed { table-layout: fixed; } .border-collapse { border-collapse: collapse; } .border-separate { border-collapse: separate; } .border-spacing-0 { --tw-border-spacing-x: calc(var(--spacing) * 0); --tw-border-spacing-y: calc(var(--spacing) * 0); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .origin-\[0\] { transform-origin: 0; } .origin-left { transform-origin: left; } .origin-top { transform-origin: top; } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: calc(1/2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-4 { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-5 { --tw-translate-y: calc(var(--spacing) * -5); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-75 { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-110 { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-\[0\.38\] { scale: 0.38; } .-rotate-90 { rotate: calc(90deg * -1); } .rotate-12 { rotate: 12deg; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .transform-none { transform: none; } .animate-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-default { cursor: default; } .cursor-move { cursor: move; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .resize-none { resize: none; } .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; } .auto-cols-max { grid-auto-columns: max-content; } .grid-flow-col { grid-auto-flow: column; } .grid-cols-1 { grid-template-columns: repeat(1, 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-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; } .grid-cols-\[130px_1fr\] { grid-template-columns: 130px 1fr; } .grid-cols-\[140px_1fr\] { grid-template-columns: 140px 1fr; } .grid-cols-\[150px_1fr\] { grid-template-columns: 150px 1fr; } .grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .content-center { align-content: center; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[6px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(6px * var(--tw-space-y-reverse)); margin-block-end: calc(6px * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: calc(var(--spacing) * 1); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-x-16 { column-gap: calc(var(--spacing) * 16); } :where(.-space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-px > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(-1px * var(--tw-space-x-reverse)); margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-1\.5 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } .gap-y-0\.5 { row-gap: calc(var(--spacing) * 0.5); } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-50 > :not(:last-child)) { border-color: var(--color-gray-50); } :where(.divide-gray-100 > :not(:last-child)) { border-color: var(--color-gray-100); } :where(.divide-gray-200 > :not(:last-child)) { border-color: var(--color-gray-200); } :where(.divide-gray-600 > :not(:last-child)) { border-color: var(--color-gray-600); } :where(.divide-slate-50 > :not(:last-child)) { border-color: var(--color-slate-50); } .self-end { align-self: flex-end; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .datatable-wrapper .datatable-container thead tr.search-filtering-row th { padding-top: 0; } .datatable-wrapper .datatable-container { overflow-x: auto; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-scroll { overflow-x: scroll; } .overflow-x-visible { overflow-x: visible; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-\[2rem\] { border-radius: 2rem; } .rounded-\[3px\] { border-radius: 3px; } .rounded-\[5px\] { border-radius: 5px; } .rounded-\[6px\] { border-radius: 6px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .rounded-t-\[5px\] { border-top-left-radius: 5px; border-top-right-radius: 5px; } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } .rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-l-lg { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-l-md { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-l-xl { border-top-left-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .rounded-tl-\[4px\] { border-top-left-radius: 4px; } .rounded-tl-\[5px\] { border-top-left-radius: 5px; } .rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rounded-r-full { border-top-right-radius: calc(infinity * 1px); border-bottom-right-radius: calc(infinity * 1px); } .rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-tr-\[4px\] { border-top-right-radius: 4px; } .rounded-tr-\[5px\] { border-top-right-radius: 5px; } .rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-b-\[5px\] { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .rounded-b-md { border-bottom-right-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .rounded-b-sm { border-bottom-right-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } .rounded-b-xl { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .rounded-br-\[5px\] { border-bottom-right-radius: 5px; } .rounded-bl-\[5px\] { border-bottom-left-radius: 5px; } .rounded-bl-full { border-bottom-left-radius: calc(infinity * 1px); } .rounded-bl-lg { border-bottom-left-radius: var(--radius-lg); } .\!border-0 { border-style: var(--tw-border-style) !important; border-width: 0px !important; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-1 { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-\[0\.5px\] { border-style: var(--tw-border-style); border-width: 0.5px; } .border-\[0\.50px\] { border-style: var(--tw-border-style); border-width: 0.50px; } .border-\[4px\] { border-style: var(--tw-border-style); border-width: 4px; } .border-\[5px\] { border-style: var(--tw-border-style); border-width: 5px; } .border-\[6px\] { border-style: var(--tw-border-style); border-width: 6px; } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } .border-x-0 { border-inline-style: var(--tw-border-style); border-inline-width: 0px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; } .border-r-4 { border-right-style: var(--tw-border-style); border-right-width: 4px; } .\!border-b-2 { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 2px !important; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .border-b-1 { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-b-3 { border-bottom-style: var(--tw-border-style); border-bottom-width: 3px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-l-8 { border-left-style: var(--tw-border-style); border-left-width: 8px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-dotted { --tw-border-style: dotted; border-style: dotted; } .border-none { --tw-border-style: none; border-style: none; } .dark .apexcharts-canvas .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important; } .dark .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important; } .dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } .dark .apexcharts-canvas .apexcharts-legend-text { color: var(--color-gray-400) !important; } .dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } .dark .apexcharts-gridline { stroke: var(--color-gray-700) !important; } .dark .apexcharts-xcrosshairs { stroke: var(--color-gray-700) !important; } .dark .apexcharts-ycrosshairs { stroke: var(--color-gray-700) !important; } .dark .datatable-wrapper .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark .datatable-wrapper .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark .datatable-wrapper thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } .dark .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-400); } .dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } .dark .datatable-wrapper .datatable-table { color: var(--color-gray-400); } .dark .datatable-wrapper .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } .dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } .dark .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-400); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; } .\!border-black { border-color: var(--color-black) !important; } .border-0bb60b { border-color: var(--color-0bb60b); } .border-0ea385 { border-color: var(--color-0ea385); } .border-0ea385\/5 { border-color: color-mix(in srgb, #0ea385 5%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-0ea385\/5 { border-color: color-mix(in oklab, var(--color-0ea385) 5%, transparent); } } .border-8f014d { border-color: var(--color-8f014d); } .border-8f014d\/20 { border-color: color-mix(in srgb, #8f014d 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-8f014d\/20 { border-color: color-mix(in oklab, var(--color-8f014d) 20%, transparent); } } .border-8f1201 { border-color: var(--color-8f1201); } .border-9ca0a9 { border-color: var(--color-9ca0a9); } .border-018f37 { border-color: var(--color-018f37); } .border-018f37\/5 { border-color: color-mix(in srgb, #018f37 5%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-018f37\/5 { border-color: color-mix(in oklab, var(--color-018f37) 5%, transparent); } } .border-018f37\/20 { border-color: color-mix(in srgb, #018f37 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-018f37\/20 { border-color: color-mix(in oklab, var(--color-018f37) 20%, transparent); } } .border-444 { border-color: var(--color-444); } .border-483d8b { border-color: var(--color-483d8b); } .border-483d8b\/10 { border-color: color-mix(in srgb, #483d8b 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-483d8b\/10 { border-color: color-mix(in oklab, var(--color-483d8b) 10%, transparent); } } .border-483d8b\/20 { border-color: color-mix(in srgb, #483d8b 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-483d8b\/20 { border-color: color-mix(in oklab, var(--color-483d8b) 20%, transparent); } } .border-977f06 { border-color: var(--color-977f06); } .border-898989 { border-color: var(--color-898989); } .border-\[\#0C447D\] { border-color: #0C447D; } .border-\[\#0D5BAB\] { border-color: #0D5BAB; } .border-\[\#00B5B0\] { border-color: #00B5B0; } .border-\[\#00ad94\] { border-color: #00ad94; } .border-\[\#5B40B2\] { border-color: #5B40B2; } .border-\[\#6B7280\] { border-color: #6B7280; } .border-\[\#7E1F9F\] { border-color: #7E1F9F; } .border-\[\#8A2BE2\] { border-color: #8A2BE2; } .border-\[\#8E530E\] { border-color: #8E530E; } .border-\[\#9B51E0\] { border-color: #9B51E0; } .border-\[\#018F37\] { border-color: #018F37; } .border-\[\#49F6A9\] { border-color: #49F6A9; } .border-\[\#76c176\] { border-color: #76c176; } .border-\[\#77C746\] { border-color: #77C746; } .border-\[\#91D4AB\] { border-color: #91D4AB; } .border-\[\#0278F1\] { border-color: #0278F1; } .border-\[\#305CDE\] { border-color: #305CDE; } .border-\[\#0720EC\] { border-color: #0720EC; } .border-\[\#808bee\] { border-color: #808bee; } .border-\[\#5606b6\] { border-color: #5606b6; } .border-\[\#006269\] { border-color: #006269; } .border-\[\#029921\] { border-color: #029921; } .border-\[\#461919\] { border-color: #461919; } .border-\[\#757575\] { border-color: #757575; } .border-\[\#898989\] { border-color: #898989; } .border-\[\#A27500\] { border-color: #A27500; } .border-\[\#B92185\] { border-color: #B92185; } .border-\[\#BB0000\] { border-color: #BB0000; } .border-\[\#C19725\] { border-color: #C19725; } .border-\[\#C19725\]\/20 { border-color: color-mix(in oklab, #C19725 20%, transparent); } .border-\[\#D9D9D9\] { border-color: #D9D9D9; } .border-\[\#D9F8F9\] { border-color: #D9F8F9; } .border-\[\#D37EE2\] { border-color: #D37EE2; } .border-\[\#D44242\] { border-color: #D44242; } .border-\[\#DCDCDC\] { border-color: #DCDCDC; } .border-\[\#E8A5FF\] { border-color: #E8A5FF; } .border-\[\#E8AD11\] { border-color: #E8AD11; } .border-\[\#EB8989\] { border-color: #EB8989; } .border-\[\#EDA5A5\] { border-color: #EDA5A5; } .border-\[\#EEEEEE\] { border-color: #EEEEEE; } .border-\[\#F9F9F9\] { border-color: #F9F9F9; } .border-\[\#F20707\] { border-color: #F20707; } .border-\[\#FB8C00\] { border-color: #FB8C00; } .border-\[\#FBBE02\] { border-color: #FBBE02; } .border-\[\#FF8C00\] { border-color: #FF8C00; } .border-\[\#FFE5E5\] { border-color: #FFE5E5; } .border-\[\#b4cff0\] { border-color: #b4cff0; } .border-\[\#c19725\] { border-color: #c19725; } .border-\[\#cde3f9\] { border-color: #cde3f9; } .border-\[\#d9d9d9\] { border-color: #d9d9d9; } .border-\[\#d9d9dd\] { border-color: #d9d9dd; } .border-\[\#dcdcdc\] { border-color: #dcdcdc; } .border-\[\#e6d8a8\] { border-color: #e6d8a8; } .border-\[\#eee\] { border-color: #eee; } .border-\[\#f0c6a8\] { border-color: #f0c6a8; } .border-\[\#f2f2f2\] { border-color: #f2f2f2; } .border-\[\#f3c1d7\] { border-color: #f3c1d7; } .border-\[\#ffb139\] { border-color: #ffb139; } .border-\[\#ffe0b3\] { border-color: #ffe0b3; } .border-acb1c6 { border-color: var(--color-acb1c6); } .border-amber-100 { border-color: var(--color-amber-100); } .border-amber-200 { border-color: var(--color-amber-200); } .border-amber-300 { border-color: var(--color-amber-300); } .border-amber-400 { border-color: var(--color-amber-400); } .border-amber-600 { border-color: var(--color-amber-600); } .border-bb0000 { border-color: var(--color-bb0000); } .border-black { border-color: var(--color-black); } .border-black\/5 { border-color: color-mix(in srgb, #000 5%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-black\/5 { border-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .border-black\/10 { border-color: color-mix(in srgb, #000 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-black\/10 { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .border-blue-100 { border-color: var(--color-blue-100); } .border-blue-200 { border-color: var(--color-blue-200); } .border-blue-300 { border-color: var(--color-blue-300); } .border-blue-500 { border-color: var(--color-blue-500); } .border-blue-600 { border-color: var(--color-blue-600); } .border-blue-700 { border-color: var(--color-blue-700); } .border-c9ab04 { border-color: var(--color-c9ab04); } .border-c19725 { border-color: var(--color-c19725); } .border-c19725\/5 { border-color: color-mix(in srgb, #c19725 5%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-c19725\/5 { border-color: color-mix(in oklab, var(--color-c19725) 5%, transparent); } } .border-c19725\/20 { border-color: color-mix(in srgb, #c19725 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-c19725\/20 { border-color: color-mix(in oklab, var(--color-c19725) 20%, transparent); } } .border-c19725\/50 { border-color: color-mix(in srgb, #c19725 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-c19725\/50 { border-color: color-mix(in oklab, var(--color-c19725) 50%, transparent); } } .border-d4d4d4 { border-color: var(--color-d4d4d4); } .border-d9d9d9 { border-color: var(--color-d9d9d9); } .border-dcdcdc { border-color: var(--color-dcdcdc); } .border-ddd { border-color: var(--color-ddd); } .border-e9e9e9 { border-color: var(--color-e9e9e9); } .border-ecefff { border-color: var(--color-ecefff); } .border-ededed { border-color: var(--color-ededed); } .border-efffed { border-color: var(--color-efffed); } .border-emerald-100 { border-color: var(--color-emerald-100); } .border-emerald-200 { border-color: var(--color-emerald-200); } .border-f3b1ff { border-color: var(--color-f3b1ff); } .border-fff9f9 { border-color: var(--color-fff9f9); } .border-gray-50 { border-color: var(--color-gray-50); } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-300\/40 { border-color: color-mix(in srgb, #D1D5DB 40%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-gray-300\/40 { border-color: color-mix(in oklab, var(--color-gray-300) 40%, transparent); } } .border-gray-400 { border-color: var(--color-gray-400); } .border-gray-500 { border-color: var(--color-gray-500); } .border-gray-700 { border-color: var(--color-gray-700); } .border-green-100 { border-color: var(--color-green-100); } .border-green-200 { border-color: var(--color-green-200); } .border-green-300 { border-color: var(--color-green-300); } .border-green-400 { border-color: var(--color-green-400); } .border-green-500 { border-color: var(--color-green-500); } .border-green-600 { border-color: var(--color-green-600); } .border-indigo-100 { border-color: var(--color-indigo-100); } .border-indigo-200 { border-color: var(--color-indigo-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .border-metal-settled-blue { border-color: var(--color-metal-settled-blue); } .border-orange-100 { border-color: var(--color-orange-100); } .border-orange-200 { border-color: var(--color-orange-200); } .border-orange-500 { border-color: var(--color-orange-500); } .border-pink-200 { border-color: var(--color-pink-200); } .border-pink-300 { border-color: var(--color-pink-300); } .border-purple-100 { border-color: var(--color-purple-100); } .border-purple-200 { border-color: var(--color-purple-200); } .border-purple-300 { border-color: var(--color-purple-300); } .border-red-100 { border-color: var(--color-red-100); } .border-red-200 { border-color: var(--color-red-200); } .border-red-400 { border-color: var(--color-red-400); } .border-red-500 { border-color: var(--color-red-500); } .border-red-600 { border-color: var(--color-red-600); } .border-rose-200 { border-color: var(--color-rose-200); } .border-sky-100 { border-color: var(--color-sky-100); } .border-sky-200 { border-color: var(--color-sky-200); } .border-sky-500 { border-color: var(--color-sky-500); } .border-slate-100 { border-color: var(--color-slate-100); } .border-slate-200 { border-color: var(--color-slate-200); } .border-slate-300 { border-color: var(--color-slate-300); } .border-slate-700 { border-color: var(--color-slate-700); } .border-transparent { border-color: transparent; } .border-white { border-color: var(--color-white); } .border-white\/20 { border-color: color-mix(in srgb, #fff 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-white\/20 { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-white\/30 { border-color: color-mix(in srgb, #fff 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-white\/30 { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .border-yellow-100 { border-color: var(--color-yellow-100); } .border-yellow-200 { border-color: var(--color-yellow-200); } .border-yellow-300 { border-color: var(--color-yellow-300); } .border-yellow-500 { border-color: var(--color-yellow-500); } .border-yellow-600 { border-color: var(--color-yellow-600); } .border-yellow-700 { border-color: var(--color-yellow-700); } .border-t-blue-600 { border-top-color: var(--color-blue-600); } .border-t-green-500 { border-top-color: var(--color-green-500); } .border-t-transparent { border-top-color: transparent; } .border-r-\[\#1F8C11\] { border-right-color: #1F8C11; } .border-r-\[\#BB0000\] { border-right-color: #BB0000; } .border-r-\[\#d9d9d9\] { border-right-color: #d9d9d9; } .apexcharts-canvas .apexcharts-active.apexcharts-tooltip-series-group .apexcharts-tooltip-y-group { padding: 0 !important; } .apexcharts-canvas .apexcharts-active.apexcharts-tooltip-series-group { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-active.apexcharts-tooltip-series-group { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-active.apexcharts-tooltip-series-group:first-of-type { padding-top: 0.75rem !important; } .datatable-wrapper .datatable-table tbody tr.\!selected { background-color: var(--color-gray-100) !important; } .dark .datatable-wrapper .datatable-table tbody tr.\!selected { background-color: var(--color-gray-700) !important; } .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-100); } .dark .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } .selectedCell { background-color: var(--color-gray-50); } .dark .selectedCell { background-color: var(--color-gray-700); } .bg-0bb60b { background-color: var(--color-0bb60b); } .bg-6eb67b { background-color: var(--color-6eb67b); } .bg-018f37 { background-color: var(--color-018f37); } .bg-93dfcf { background-color: var(--color-93dfcf); } .bg-\[\#0C447D\] { background-color: #0C447D; } .bg-\[\#00acb2\] { background-color: #00acb2; } .bg-\[\#00ad94\] { background-color: #00ad94; } .bg-\[\#1F8C11\] { background-color: #1F8C11; } .bg-\[\#9ae3e6\] { background-color: #9ae3e6; } .bg-\[\#0720EC\] { background-color: #0720EC; } .bg-\[\#5606b6\] { background-color: #5606b6; } .bg-\[\#006269\] { background-color: #006269; } .bg-\[\#029921\] { background-color: #029921; } .bg-\[\#198754\] { background-color: #198754; } .bg-\[\#B92185\] { background-color: #B92185; } .bg-\[\#BB0000\] { background-color: #BB0000; } .bg-\[\#BED8FD\] { background-color: #BED8FD; } .bg-\[\#BEEBFD\] { background-color: #BEEBFD; } .bg-\[\#C6EFCE\] { background-color: #C6EFCE; } .bg-\[\#C49E44\] { background-color: #C49E44; } .bg-\[\#C19725\] { background-color: #C19725; } .bg-\[\#C19725\]\/10 { background-color: color-mix(in oklab, #C19725 10%, transparent); } .bg-\[\#D8F6D8\] { background-color: #D8F6D8; } .bg-\[\#D9E2F3\] { background-color: #D9E2F3; } .bg-\[\#D9F8F9\] { background-color: #D9F8F9; } .bg-\[\#D44242\] { background-color: #D44242; } .bg-\[\#DDE9F7\] { background-color: #DDE9F7; } .bg-\[\#DEFFEA\] { background-color: #DEFFEA; } .bg-\[\#E2EFDA\] { background-color: #E2EFDA; } .bg-\[\#E5E7FF\] { background-color: #E5E7FF; } .bg-\[\#E6EFFF\] { background-color: #E6EFFF; } .bg-\[\#E6F3FF\] { background-color: #E6F3FF; } .bg-\[\#E6FFE2\] { background-color: #E6FFE2; } .bg-\[\#E6FFEF\] { background-color: #E6FFEF; } .bg-\[\#E8E6FF\] { background-color: #E8E6FF; } .bg-\[\#E9E9E9\] { background-color: #E9E9E9; } .bg-\[\#EAF2F7\] { background-color: #EAF2F7; } .bg-\[\#EBF5FF\] { background-color: #EBF5FF; } .bg-\[\#EEEEEE66\] { background-color: #EEEEEE66; } .bg-\[\#EEFFF4\] { background-color: #EEFFF4; } .bg-\[\#F1F8FF\] { background-color: #F1F8FF; } .bg-\[\#F1FEFF\] { background-color: #F1FEFF; } .bg-\[\#F2F2F2\] { background-color: #F2F2F2; } .bg-\[\#F2FDFD\] { background-color: #F2FDFD; } .bg-\[\#F2FFF0\] { background-color: #F2FFF0; } .bg-\[\#F3F4F6\] { background-color: #F3F4F6; } .bg-\[\#F3F9FF\] { background-color: #F3F9FF; } .bg-\[\#F4B084\] { background-color: #F4B084; } .bg-\[\#F4F4F4\] { background-color: #F4F4F4; } .bg-\[\#F7F5FF\] { background-color: #F7F5FF; } .bg-\[\#F8F9FA\] { background-color: #F8F9FA; } .bg-\[\#F9E7FF\] { background-color: #F9E7FF; } .bg-\[\#F9E698\] { background-color: #F9E698; } .bg-\[\#F9F4FB\] { background-color: #F9F4FB; } .bg-\[\#F9F9F9\] { background-color: #F9F9F9; } .bg-\[\#F9FBFF\]\/50 { background-color: color-mix(in oklab, #F9FBFF 50%, transparent); } .bg-\[\#F20707\] { background-color: #F20707; } .bg-\[\#FAD4D4\] { background-color: #FAD4D4; } .bg-\[\#FAFAFA\] { background-color: #FAFAFA; } .bg-\[\#FBF0FF\] { background-color: #FBF0FF; } .bg-\[\#FCE4D6\] { background-color: #FCE4D6; } .bg-\[\#FDF5F5\] { background-color: #FDF5F5; } .bg-\[\#FDFDCC\] { background-color: #FDFDCC; } .bg-\[\#FFC000\] { background-color: #FFC000; } .bg-\[\#FFC107\] { background-color: #FFC107; } .bg-\[\#FFE1F5\] { background-color: #FFE1F5; } .bg-\[\#FFE6BE\] { background-color: #FFE6BE; } .bg-\[\#FFE6E6\] { background-color: #FFE6E6; } .bg-\[\#FFEBEB\] { background-color: #FFEBEB; } .bg-\[\#FFEEBF\] { background-color: #FFEEBF; } .bg-\[\#FFF1F1\] { background-color: #FFF1F1; } .bg-\[\#FFF3D4\] { background-color: #FFF3D4; } .bg-\[\#FFF4E5\] { background-color: #FFF4E5; } .bg-\[\#FFF5F2\] { background-color: #FFF5F2; } .bg-\[\#FFF6F6\] { background-color: #FFF6F6; } .bg-\[\#FFF7E6\] { background-color: #FFF7E6; } .bg-\[\#FFF9F9\] { background-color: #FFF9F9; } .bg-\[\#FFFAEC\] { background-color: #FFFAEC; } .bg-\[\#FFFAED\] { background-color: #FFFAED; } .bg-\[\#FFFBEE\] { background-color: #FFFBEE; } .bg-\[\#FFFCF3\] { background-color: #FFFCF3; } .bg-\[\#FFFDF8\] { background-color: #FFFDF8; } .bg-\[\#FFFF00\] { background-color: #FFFF00; } .bg-\[\#FFFFBF\] { background-color: #FFFFBF; } .bg-\[\#FFFFF6\] { background-color: #FFFFF6; } .bg-\[\#c19725\] { background-color: #c19725; } .bg-\[\#cee6ff\] { background-color: #cee6ff; } .bg-\[\#e5fffb\] { background-color: #e5fffb; } .bg-\[\#e6f0fa\] { background-color: #e6f0fa; } .bg-\[\#e6ffe6\] { background-color: #e6ffe6; } .bg-\[\#ecddff\] { background-color: #ecddff; } .bg-\[\#f6f1cb\] { background-color: #f6f1cb; } .bg-\[\#f7f0ff\] { background-color: #f7f0ff; } .bg-\[\#f7fbff\] { background-color: #f7fbff; } .bg-\[\#f8fafc\] { background-color: #f8fafc; } .bg-\[\#f9f0ff\] { background-color: #f9f0ff; } .bg-\[\#f9f6e9\] { background-color: #f9f6e9; } .bg-\[\#fafafa\] { background-color: #fafafa; } .bg-\[\#fbe4ec\] { background-color: #fbe4ec; } .bg-\[\#fbe9dd\] { background-color: #fbe9dd; } .bg-\[\#fdf4ec\] { background-color: #fdf4ec; } .bg-\[\#fdf5e4\] { background-color: #fdf5e4; } .bg-\[\#fdf9ec\] { background-color: #fdf9ec; } .bg-\[\#ff6f61\] { background-color: #ff6f61; } .bg-\[\#fff4f4\] { background-color: #fff4f4; } .bg-\[\#fff6f3\] { background-color: #fff6f3; } .bg-\[\#fff7e0\] { background-color: #fff7e0; } .bg-\[\#fff7e6\] { background-color: #fff7e6; } .bg-\[\#fff9e6\] { background-color: #fff9e6; } .bg-\[\#fff49f\] { background-color: #fff49f; } .bg-\[\#fff\] { background-color: #fff; } .bg-amber-50 { background-color: var(--color-amber-50); } .bg-amber-50\/50 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-amber-50\/50 { background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent); } } .bg-amber-100 { background-color: var(--color-amber-100); } .bg-amber-500 { background-color: var(--color-amber-500); } .bg-bb0000 { background-color: var(--color-bb0000); } .bg-black { background-color: var(--color-black); } .bg-black\/5 { background-color: color-mix(in srgb, #000 5%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/5 { background-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .bg-black\/30 { background-color: color-mix(in srgb, #000 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/30 { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .bg-black\/40 { background-color: color-mix(in srgb, #000 40%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/40 { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-black\/50 { background-color: color-mix(in srgb, #000 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/50 { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-black\/60 { background-color: color-mix(in srgb, #000 60%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/60 { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-50\/30 { background-color: color-mix(in srgb, #EFF6FF 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-blue-50\/30 { background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent); } } .bg-blue-50\/50 { background-color: color-mix(in srgb, #EFF6FF 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-blue-50\/50 { background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent); } } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-400 { background-color: var(--color-blue-400); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-blue-700 { background-color: var(--color-blue-700); } .bg-c19725 { background-color: var(--color-c19725); } .bg-c19725\/10 { background-color: color-mix(in srgb, #c19725 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-c19725\/10 { background-color: color-mix(in oklab, var(--color-c19725) 10%, transparent); } } .bg-cyan-50 { background-color: var(--color-cyan-50); } .bg-cyan-100 { background-color: var(--color-cyan-100); } .bg-cyan-600 { background-color: var(--color-cyan-600); } .bg-d9d9d9 { background-color: var(--color-d9d9d9); } .bg-daffb1 { background-color: var(--color-daffb1); } .bg-dcb1ff { background-color: var(--color-dcb1ff); } .bg-ddf4e7a3 { background-color: var(--color-ddf4e7a3); } .bg-e4ffed { background-color: var(--color-e4ffed); } .bg-e7eefb { background-color: var(--color-e7eefb); } .bg-e9efff { background-color: var(--color-e9efff); } .bg-e9fffb { background-color: var(--color-e9fffb); } .bg-ebf1ff { background-color: var(--color-ebf1ff); } .bg-ecefff { background-color: var(--color-ecefff); } .bg-ecf6ff5c { background-color: var(--color-ecf6ff5c); } .bg-ecffeb { background-color: var(--color-ecffeb); } .bg-edffb1 { background-color: var(--color-edffb1); } .bg-efffed { background-color: var(--color-efffed); } .bg-emerald-50 { background-color: var(--color-emerald-50); } .bg-emerald-50\/50 { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-50\/50 { background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent); } } .bg-emerald-100 { background-color: var(--color-emerald-100); } .bg-emerald-400 { background-color: var(--color-emerald-400); } .bg-emerald-600 { background-color: var(--color-emerald-600); } .bg-f1f1fb { background-color: var(--color-f1f1fb); } .bg-f1fdf1 { background-color: var(--color-f1fdf1); } .bg-f1fffc { background-color: var(--color-f1fffc); } .bg-f2ffe6 { background-color: var(--color-f2ffe6); } .bg-f3b1ff { background-color: var(--color-f3b1ff); } .bg-f9e576ad { background-color: var(--color-f9e576ad); } .bg-f9f9fb { background-color: var(--color-f9f9fb); } .bg-faf3e1c7 { background-color: var(--color-faf3e1c7); } .bg-fbf1fd { background-color: var(--color-fbf1fd); } .bg-fbfbfb { background-color: var(--color-fbfbfb); } .bg-fdfdf1 { background-color: var(--color-fdfdf1); } .bg-fdffe4 { background-color: var(--color-fdffe4); } .bg-fed40240 { background-color: var(--color-fed40240); } .bg-ffe3b1 { background-color: var(--color-ffe3b1); } .bg-ffefef { background-color: var(--color-ffefef); } .bg-fff1f8 { background-color: var(--color-fff1f8); } .bg-fff2efb8 { background-color: var(--color-fff2efb8); } .bg-fff6f3 { background-color: var(--color-fff6f3); } .bg-fff6f6 { background-color: var(--color-fff6f6); } .bg-fff9f9 { background-color: var(--color-fff9f9); } .bg-fffff1 { background-color: var(--color-fffff1); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-50\/30 { background-color: color-mix(in srgb, #F9FAFB 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-50\/30 { background-color: color-mix(in oklab, var(--color-gray-50) 30%, transparent); } } .bg-gray-50\/50 { background-color: color-mix(in srgb, #F9FAFB 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-50\/50 { background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent); } } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-100\/80 { background-color: color-mix(in srgb, #F3F4F6 80%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-100\/80 { background-color: color-mix(in oklab, var(--color-gray-100) 80%, transparent); } } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-400 { background-color: var(--color-gray-400); } .bg-gray-500 { background-color: var(--color-gray-500); } .bg-gray-600 { background-color: var(--color-gray-600); } .bg-gray-800 { background-color: var(--color-gray-800); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/50 { background-color: color-mix(in srgb, #111827 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-900\/50 { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); } } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-50\/30 { background-color: color-mix(in srgb, #ECFDF5 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-green-50\/30 { background-color: color-mix(in oklab, var(--color-green-50) 30%, transparent); } } .bg-green-50\/40 { background-color: color-mix(in srgb, #ECFDF5 40%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-green-50\/40 { background-color: color-mix(in oklab, var(--color-green-50) 40%, transparent); } } .bg-green-50\/50 { background-color: color-mix(in srgb, #ECFDF5 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-green-50\/50 { background-color: color-mix(in oklab, var(--color-green-50) 50%, transparent); } } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-400 { background-color: var(--color-green-400); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-600 { background-color: var(--color-green-600); } .bg-green-700 { background-color: var(--color-green-700); } .bg-green-800 { background-color: var(--color-green-800); } .bg-indigo-50 { background-color: var(--color-indigo-50); } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-metal-settled-blue { background-color: var(--color-metal-settled-blue); } .bg-orange-50 { background-color: var(--color-orange-50); } .bg-orange-50\/50 { background-color: color-mix(in srgb, #FFFAF0 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-orange-50\/50 { background-color: color-mix(in oklab, var(--color-orange-50) 50%, transparent); } } .bg-orange-100 { background-color: var(--color-orange-100); } .bg-orange-400 { background-color: var(--color-orange-400); } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-pink-50 { background-color: var(--color-pink-50); } .bg-purple-50 { background-color: var(--color-purple-50); } .bg-purple-100 { background-color: var(--color-purple-100); } .bg-purple-400 { background-color: var(--color-purple-400); } .bg-purple-500 { background-color: var(--color-purple-500); } .bg-purple-600 { background-color: var(--color-purple-600); } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-50\/30 { background-color: color-mix(in srgb, #FEF2F2 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-red-50\/30 { background-color: color-mix(in oklab, var(--color-red-50) 30%, transparent); } } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-600 { background-color: var(--color-red-600); } .bg-rose-50 { background-color: var(--color-rose-50); } .bg-rose-400 { background-color: var(--color-rose-400); } .bg-rose-600 { background-color: var(--color-rose-600); } .bg-sky-50 { background-color: var(--color-sky-50); } .bg-sky-100 { background-color: var(--color-sky-100); } .bg-sky-400 { background-color: var(--color-sky-400); } .bg-sky-500 { background-color: var(--color-sky-500); } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-slate-50\/50 { background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-slate-50\/50 { background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent); } } .bg-slate-100 { background-color: var(--color-slate-100); } .bg-slate-200 { background-color: var(--color-slate-200); } .bg-slate-700 { background-color: var(--color-slate-700); } .bg-slate-800 { background-color: var(--color-slate-800); } .bg-slate-900 { background-color: var(--color-slate-900); } .bg-slate-900\/60 { background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-slate-900\/60 { background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent); } } .bg-transparent { background-color: transparent; } .bg-white { background-color: var(--color-white); } .bg-white\/10 { background-color: color-mix(in srgb, #fff 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/10 { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-white\/20 { background-color: color-mix(in srgb, #fff 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/20 { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-white\/30 { background-color: color-mix(in srgb, #fff 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/30 { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/50 { background-color: color-mix(in srgb, #fff 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/50 { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .bg-white\/60 { background-color: color-mix(in srgb, #fff 60%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/60 { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .bg-white\/80 { background-color: color-mix(in srgb, #fff 80%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/80 { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bg-white\/90 { background-color: color-mix(in srgb, #fff 90%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/90 { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .bg-white\/95 { background-color: color-mix(in srgb, #fff 95%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/95 { background-color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-yellow-500 { background-color: var(--color-yellow-500); } .bg-yellow-600 { background-color: var(--color-yellow-600); } .bg-yellow-800 { background-color: var(--color-yellow-800); } .dark .selectedCell { background-color: var(--color-gray-700); } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-\(--my-gradient\) { --tw-gradient-position: var(--my-gradient); background-image: linear-gradient(var(--tw-gradient-stops,var(--my-gradient))); } .bg-linear-\(--my-gradient1\) { --tw-gradient-position: var(--my-gradient1); background-image: linear-gradient(var(--tw-gradient-stops,var(--my-gradient1))); } .bg-linear-\(--my-gradient2\) { --tw-gradient-position: var(--my-gradient2); background-image: linear-gradient(var(--tw-gradient-stops,var(--my-gradient2))); } .bg-linear-\(--my-gradient4\) { --tw-gradient-position: var(--my-gradient4); background-image: linear-gradient(var(--tw-gradient-stops,var(--my-gradient4))); } .bg-linear-\(--my-gradient5\) { --tw-gradient-position: var(--my-gradient5); background-image: linear-gradient(var(--tw-gradient-stops,var(--my-gradient5))); } .bg-linear-\(--my-gradient8\) { --tw-gradient-position: var(--my-gradient8); background-image: linear-gradient(var(--tw-gradient-stops,var(--my-gradient8))); } .bg-linear-\(--my-gradient9\) { --tw-gradient-position: var(--my-gradient9); background-image: linear-gradient(var(--tw-gradient-stops,var(--my-gradient9))); } .bg-linear-\(--my-gradient10\) { --tw-gradient-position: var(--my-gradient10); background-image: linear-gradient(var(--tw-gradient-stops,var(--my-gradient10))); } .bg-linear-\(--my-gradient11\) { --tw-gradient-position: var(--my-gradient11); background-image: linear-gradient(var(--tw-gradient-stops,var(--my-gradient11))); } .bg-linear-\(--my-gradient12\) { --tw-gradient-position: var(--my-gradient12); background-image: linear-gradient(var(--tw-gradient-stops,var(--my-gradient12))); } .bg-linear-\(--my-gradient13\) { --tw-gradient-position: var(--my-gradient13); background-image: linear-gradient(var(--tw-gradient-stops,var(--my-gradient13))); } .bg-linear-\(--my-gradient14\) { --tw-gradient-position: var(--my-gradient14); background-image: linear-gradient(var(--tw-gradient-stops,var(--my-gradient14))); } .bg-linear-\(--my-gradient15\) { --tw-gradient-position: var(--my-gradient15); background-image: linear-gradient(var(--tw-gradient-stops,var(--my-gradient15))); } .bg-linear-\(--my-gradient16\) { --tw-gradient-position: var(--my-gradient16); background-image: linear-gradient(var(--tw-gradient-stops,var(--my-gradient16))); } .bg-radial-\(--my-gradient7\) { --tw-gradient-position: var(--my-gradient7); background-image: radial-gradient(var(--tw-gradient-stops,var(--my-gradient7))); } .\!bg-none { background-image: none !important; } .bg-\[url\(\'\/assets\/images\/news\/image-1\.png\'\)\] { background-image: url(/assets/images/news/image-1.png); } .bg-\[url\(\'\/assets\/images\/news\/image-2\.png\'\)\] { background-image: url(/assets/images/news/image-2.png); } .bg-none { background-image: none; } .from-\[\#1e3a8a\] { --tw-gradient-from: #1e3a8a; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#C19725\] { --tw-gradient-from: #C19725; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#c19725\] { --tw-gradient-from: #c19725; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#fff7e6\] { --tw-gradient-from: #fff7e6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-50 { --tw-gradient-from: var(--color-blue-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-100 { --tw-gradient-from: var(--color-blue-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-500 { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-500 { --tw-gradient-from: var(--color-emerald-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-900 { --tw-gradient-from: var(--color-gray-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-green-50 { --tw-gradient-from: var(--color-green-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-green-100 { --tw-gradient-from: var(--color-green-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-green-500 { --tw-gradient-from: var(--color-green-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-orange-600 { --tw-gradient-from: var(--color-orange-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-50 { --tw-gradient-from: var(--color-pink-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-400 { --tw-gradient-from: var(--color-purple-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-50 { --tw-gradient-from: var(--color-red-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-100 { --tw-gradient-from: var(--color-red-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-400 { --tw-gradient-from: var(--color-red-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-slate-800 { --tw-gradient-from: var(--color-slate-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white\/5 { --tw-gradient-from: color-mix(in srgb, #fff 5%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } @supports (color: color-mix(in lab, red, red)) { .from-white\/5 { --tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, transparent); } } .from-yellow-50 { --tw-gradient-from: var(--color-yellow-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-yellow-100 { --tw-gradient-from: var(--color-yellow-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-yellow-400 { --tw-gradient-from: var(--color-yellow-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-yellow-500 { --tw-gradient-from: var(--color-yellow-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-yellow-600 { --tw-gradient-from: var(--color-yellow-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-yellow-700 { --tw-gradient-from: var(--color-yellow-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-\[\#5B463E\]\/50 { --tw-gradient-via: color-mix(in oklab, #5B463E 50%, transparent); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-pink-500 { --tw-gradient-via: var(--color-pink-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-yellow-50 { --tw-gradient-via: var(--color-yellow-50); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-\[\#1e40af\] { --tw-gradient-to: #1e40af; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#2F0F02\] { --tw-gradient-to: #2F0F02; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#8c6d1a\] { --tw-gradient-to: #8c6d1a; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#a67c1e\] { --tw-gradient-to: #a67c1e; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#e4b74a\] { --tw-gradient-to: #e4b74a; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#fff1cc\] { --tw-gradient-to: #fff1cc; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-50 { --tw-gradient-to: var(--color-blue-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-600 { --tw-gradient-to: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-emerald-600 { --tw-gradient-to: var(--color-emerald-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-gray-700 { --tw-gradient-to: var(--color-gray-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-green-50 { --tw-gradient-to: var(--color-green-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-green-100 { --tw-gradient-to: var(--color-green-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-green-400 { --tw-gradient-to: var(--color-green-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-orange-50 { --tw-gradient-to: var(--color-orange-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-orange-500 { --tw-gradient-to: var(--color-orange-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-50 { --tw-gradient-to: var(--color-red-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-500 { --tw-gradient-to: var(--color-red-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-600 { --tw-gradient-to: var(--color-red-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-slate-900 { --tw-gradient-to: var(--color-slate-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white { --tw-gradient-to: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-yellow-50 { --tw-gradient-to: var(--color-yellow-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-yellow-500 { --tw-gradient-to: var(--color-yellow-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-yellow-600 { --tw-gradient-to: var(--color-yellow-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-yellow-700 { --tw-gradient-to: var(--color-yellow-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .bg-cover { background-size: cover; } .bg-clip-text { background-clip: text; } .bg-center { background-position: center; } .bg-no-repeat { background-repeat: no-repeat; } .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: var(--color-gray-900) !important; font-size: 1.875rem, [object Object] !important; font-weight: 700 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem, [object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label.apexcharts-text { fill: var(--color-gray-500) !important; font-size: 1rem, [object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label.apexcharts-text { fill: var(--color-gray-400) !important; } .apexcharts-datalabels-group .apexcharts-datalabel-value.apexcharts-text { fill: var(--color-gray-900) !important; font-size: 1.875rem, [object Object] !important; font-weight: 700 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value.apexcharts-text { fill: white !important; } .fill-8a8a8a { fill: var(--color-8a8a8a); } .fill-current { fill: currentcolor; } .apexcharts-ycrosshairs { stroke: var(--color-gray-200) !important; } .dark .apexcharts-ycrosshairs { stroke: var(--color-gray-700) !important; } .stroke-1c1c1c { stroke: var(--color-1c1c1c); } .stroke-white { stroke: var(--color-white); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-fill { object-fit: fill; } .apexcharts-canvas .apexcharts-legend { padding: 0 !important; } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group { padding: 0 !important; } .p-0 { padding: calc(var(--spacing) * 0); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-12 { padding: calc(var(--spacing) * 12); } .p-20 { padding: calc(var(--spacing) * 20); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-20 { padding-inline: calc(var(--spacing) * 20); } .px-\[1px\] { padding-inline: 1px; } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-0\.75 { padding-block: calc(var(--spacing) * 0.75); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-4\.5 { padding-block: calc(var(--spacing) * 4.5); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-14 { padding-block: calc(var(--spacing) * 14); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-\[2px\] { padding-block: 2px; } .ps-1 { padding-inline-start: calc(var(--spacing) * 1); } .ps-2 { padding-inline-start: calc(var(--spacing) * 2); } .ps-3 { padding-inline-start: calc(var(--spacing) * 3); } .ps-10 { padding-inline-start: calc(var(--spacing) * 10); } .pe-1 { padding-inline-end: calc(var(--spacing) * 1); } .pe-3 { padding-inline-end: calc(var(--spacing) * 3); } .pe-3\.5 { padding-inline-end: calc(var(--spacing) * 3.5); } .pe-4\.5 { padding-inline-end: calc(var(--spacing) * 4.5); } .pe-6 { padding-inline-end: calc(var(--spacing) * 6); } .pe-7 { padding-inline-end: calc(var(--spacing) * 7); } .pe-8 { padding-inline-end: calc(var(--spacing) * 8); } .pe-10 { padding-inline-end: calc(var(--spacing) * 10); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-7 { padding-top: calc(var(--spacing) * 7); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-\[1px\] { padding-top: 1px; } .datatable-wrapper .datatable-container thead tr.search-filtering-row th { padding-top: 0; } .apexcharts-canvas .apexcharts-legend-text { font-size: 0.75rem !important; font-weight: 500 !important; padding-left: 1.25rem !important; color: var(--color-gray-500) !important; } :is([dir=rtl]) .apexcharts-canvas .apexcharts-legend-text { padding-right: 0.5rem !important; } .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important; } .dark .apexcharts-canvas .apexcharts-legend-text { color: var(--color-gray-400) !important; } .dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important; } .pr-0 { padding-right: calc(var(--spacing) * 0); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-5 { padding-right: calc(var(--spacing) * 5); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-7 { padding-right: calc(var(--spacing) * 7); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-0\.5 { padding-bottom: calc(var(--spacing) * 0.5); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-1\.5 { padding-left: calc(var(--spacing) * 1.5); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-7 { padding-left: calc(var(--spacing) * 7); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-12 { padding-left: calc(var(--spacing) * 12); } .datatable-wrapper .datatable-table .datatable-empty { text-align: center; } .text-center { text-align: center; } .text-end { text-align: end; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .font-serif { font-family: var(--font-serif); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-base\/tight { font-size: var(--text-base); line-height: var(--leading-tight); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/normal { font-size: var(--text-sm); line-height: var(--leading-normal); } .text-sm\/relaxed { font-size: var(--text-sm); line-height: var(--leading-relaxed); } .text-sm\/tight { font-size: var(--text-sm); line-height: var(--leading-tight); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xl\/normal { font-size: var(--text-xl); line-height: var(--leading-normal); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .apexcharts-canvas .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label { font-size: 0.75rem, [object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; } .apexcharts-canvas .apexcharts-datalabels .apexcharts-pie-label.apexcharts-text { font-size: 0.75rem, [object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; } .apexcharts-canvas .apexcharts-xaxistooltip-text { font-weight: 400 !important; font-size: 0.875rem !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-400); } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[12rem\] { font-size: 12rem; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[16px\] { font-size: 16px; } .text-\[17px\] { font-size: 17px; } .text-\[20px\] { font-size: 20px; } .text-\[25px\] { font-size: 25px; } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-9 { --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9); } .leading-\[0\.5\] { --tw-leading: 0.5; line-height: 0.5; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[0\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.3em\] { --tw-tracking: 0.3em; letter-spacing: 0.3em; } .tracking-\[0\.05em\] { --tw-tracking: 0.05em; letter-spacing: 0.05em; } .tracking-\[5px\] { --tw-tracking: 5px; letter-spacing: 5px; } .tracking-\[10px\] { --tw-tracking: 10px; letter-spacing: 10px; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-tighter { --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-nowrap { text-wrap: nowrap; } .break-words { overflow-wrap: break-word; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .datatable-wrapper .datatable-table thead th .datatable-sorter { text-transform: uppercase; } .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } .\!text-emerald-600 { color: var(--color-emerald-600) !important; } .\!text-rose-600 { color: var(--color-rose-600) !important; } .\!text-white { color: var(--color-white) !important; } .text-0bb60b { color: var(--color-0bb60b); } .text-0ea385 { color: var(--color-0ea385); } .text-1c1c1c { color: var(--color-1c1c1c); } .text-1e1e1e { color: var(--color-1e1e1e); } .text-2c2c2c { color: var(--color-2c2c2c); } .text-3b3a3a { color: var(--color-3b3a3a); } .text-4e4e4e { color: var(--color-4e4e4e); } .text-8a8a8a { color: var(--color-8a8a8a); } .text-8f014d { color: var(--color-8f014d); } .text-8f1201 { color: var(--color-8f1201); } .text-9ca0a9 { color: var(--color-9ca0a9); } .text-018f37 { color: var(--color-018f37); } .text-333 { color: var(--color-333); } .text-444 { color: var(--color-444); } .text-483d8b { color: var(--color-483d8b); } .text-555 { color: var(--color-555); } .text-666 { color: var(--color-666); } .text-777 { color: var(--color-777); } .text-010101 { color: var(--color-010101); } .text-383838 { color: var(--color-383838); } .text-535353 { color: var(--color-535353); } .text-554646 { color: var(--color-554646); } .text-686868 { color: var(--color-686868); } .text-757575 { color: var(--color-757575); } .text-888383 { color: var(--color-888383); } .text-898989 { color: var(--color-898989); } .text-\[\#0BB60B\] { color: #0BB60B; } .text-\[\#0C447D\] { color: #0C447D; } .text-\[\#0D5BAB\] { color: #0D5BAB; } .text-\[\#0F2E56\] { color: #0F2E56; } .text-\[\#0F3583\] { color: #0F3583; } .text-\[\#0a0b5c\] { color: #0a0b5c; } .text-\[\#0f1e57\] { color: #0f1e57; } .text-\[\#0f7b0f\] { color: #0f7b0f; } .text-\[\#00B5B0\] { color: #00B5B0; } .text-\[\#00ad94\] { color: #00ad94; } .text-\[\#1A1A1A\] { color: #1A1A1A; } .text-\[\#1CC106\] { color: #1CC106; } .text-\[\#1F8C11\] { color: #1F8C11; } .text-\[\#2A4D8F\] { color: #2A4D8F; } .text-\[\#2b6cb0\] { color: #2b6cb0; } .text-\[\#4d041c\] { color: #4d041c; } .text-\[\#005BBB\] { color: #005BBB; } .text-\[\#5A4408\] { color: #5A4408; } .text-\[\#5A5959\] { color: #5A5959; } .text-\[\#5B21B6\] { color: #5B21B6; } .text-\[\#6B7280\] { color: #6B7280; } .text-\[\#7E1F9F\] { color: #7E1F9F; } .text-\[\#7a5b12\] { color: #7a5b12; } .text-\[\#7a5c12\] { color: #7a5c12; } .text-\[\#7b8ca2\] { color: #7b8ca2; } .text-\[\#8A2BE2\] { color: #8A2BE2; } .text-\[\#8a6d1d\] { color: #8a6d1d; } .text-\[\#9B51E0\] { color: #9B51E0; } .text-\[\#9CA0A9\] { color: #9CA0A9; } .text-\[\#018F37\] { color: #018F37; } .text-\[\#00059f\] { color: #00059f; } .text-\[\#000080\] { color: #000080; } .text-\[\#252F4A\] { color: #252F4A; } .text-\[\#0278F1\] { color: #0278F1; } .text-\[\#305CDE\] { color: #305CDE; } .text-\[\#444\] { color: #444; } .text-\[\#555\] { color: #555; } .text-\[\#649dcd\] { color: #649dcd; } .text-\[\#0720EC\] { color: #0720EC; } .text-\[\#0821a4\] { color: #0821a4; } .text-\[\#2563eb\] { color: #2563eb; } .text-\[\#5606b6\] { color: #5606b6; } .text-\[\#006269\] { color: #006269; } .text-\[\#006400\] { color: #006400; } .text-\[\#029921\] { color: #029921; } .text-\[\#323232\] { color: #323232; } .text-\[\#333333\] { color: #333333; } .text-\[\#442604\] { color: #442604; } .text-\[\#500000\] { color: #500000; } .text-\[\#584102\] { color: #584102; } .text-\[\#757575\] { color: #757575; } .text-\[\#898989\] { color: #898989; } .text-\[\#A27500\] { color: #A27500; } .text-\[\#AA7B00\] { color: #AA7B00; } .text-\[\#AA6600\] { color: #AA6600; } .text-\[\#B7791F\] { color: #B7791F; } .text-\[\#B92185\] { color: #B92185; } .text-\[\#BB0000\] { color: #BB0000; } .text-\[\#C19725\] { color: #C19725; } .text-\[\#D26216\] { color: #D26216; } .text-\[\#DA0707\] { color: #DA0707; } .text-\[\#E12222\] { color: #E12222; } .text-\[\#EB8989\] { color: #EB8989; } .text-\[\#EC860D\] { color: #EC860D; } .text-\[\#F20707\] { color: #F20707; } .text-\[\#FF8C00\] { color: #FF8C00; } .text-\[\#c19725\] { color: #c19725; } .text-\[\#fff\] { color: #fff; } .text-amber-50 { color: var(--color-amber-50); } .text-amber-500 { color: var(--color-amber-500); } .text-amber-600 { color: var(--color-amber-600); } .text-amber-700 { color: var(--color-amber-700); } .text-amber-800 { color: var(--color-amber-800); } .text-bb0000 { color: var(--color-bb0000); } .text-black { color: var(--color-black); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-800 { color: var(--color-blue-800); } .text-blue-900 { color: var(--color-blue-900); } .text-c19725 { color: var(--color-c19725); } .text-cyan-200 { color: var(--color-cyan-200); } .text-cyan-300 { color: var(--color-cyan-300); } .text-cyan-400 { color: var(--color-cyan-400); } .text-cyan-700 { color: var(--color-cyan-700); } .text-emerald-400 { color: var(--color-emerald-400); } .text-emerald-600 { color: var(--color-emerald-600); } .text-emerald-700 { color: var(--color-emerald-700); } .text-emerald-800 { color: var(--color-emerald-800); } .text-emerald-900 { color: var(--color-emerald-900); } .text-gray-200 { color: var(--color-gray-200); } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-green-200 { color: var(--color-green-200); } .text-green-400 { color: var(--color-green-400); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green-800 { color: var(--color-green-800); } .text-green-900 { color: var(--color-green-900); } .text-indigo-400 { color: var(--color-indigo-400); } .text-indigo-500 { color: var(--color-indigo-500); } .text-indigo-600 { color: var(--color-indigo-600); } .text-indigo-700 { color: var(--color-indigo-700); } .text-metal-settled-blue { color: var(--color-metal-settled-blue); } .text-orange-500 { color: var(--color-orange-500); } .text-orange-600 { color: var(--color-orange-600); } .text-orange-700 { color: var(--color-orange-700); } .text-orange-800 { color: var(--color-orange-800); } .text-pink-500 { color: var(--color-pink-500); } .text-pink-700 { color: var(--color-pink-700); } .text-pink-800 { color: var(--color-pink-800); } .text-purple-400 { color: var(--color-purple-400); } .text-purple-500 { color: var(--color-purple-500); } .text-purple-600 { color: var(--color-purple-600); } .text-purple-700 { color: var(--color-purple-700); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-800 { color: var(--color-red-800); } .text-rose-400 { color: var(--color-rose-400); } .text-rose-600 { color: var(--color-rose-600); } .text-rose-700 { color: var(--color-rose-700); } .text-sky-400 { color: var(--color-sky-400); } .text-sky-600 { color: var(--color-sky-600); } .text-sky-700 { color: var(--color-sky-700); } .text-slate-300 { color: var(--color-slate-300); } .text-slate-400 { color: var(--color-slate-400); } .text-slate-500 { color: var(--color-slate-500); } .text-slate-600 { color: var(--color-slate-600); } .text-slate-700 { color: var(--color-slate-700); } .text-slate-800 { color: var(--color-slate-800); } .text-slate-900 { color: var(--color-slate-900); } .text-transparent { color: transparent; } .text-white { color: var(--color-white); } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); } @supports (color: color-mix(in lab, red, red)) { .text-white\/60 { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/80 { color: color-mix(in srgb, #fff 80%, transparent); } @supports (color: color-mix(in lab, red, red)) { .text-white\/80 { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-yellow-200 { color: var(--color-yellow-200); } .text-yellow-300 { color: var(--color-yellow-300); } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-600 { color: var(--color-yellow-600); } .text-yellow-700 { color: var(--color-yellow-700); } .text-yellow-800 { color: var(--color-yellow-800); } .text-yellow-900 { color: var(--color-yellow-900); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .underline { text-decoration-line: underline; } .decoration-blue-200 { text-decoration-color: var(--color-blue-200); } .decoration-1 { text-decoration-thickness: 1px; } .underline-offset-2 { text-underline-offset: 2px; } .placeholder-gray-400::placeholder { color: var(--color-gray-400); } .placeholder-gray-500::placeholder { color: var(--color-gray-500); } .placeholder-yellow-500::placeholder { color: var(--color-yellow-500); } .accent-\[\#006269\] { accent-color: #006269; } .accent-\[\#c19725\] { accent-color: #c19725; } .opacity-0 { opacity: 0%; } .opacity-5 { opacity: 5%; } .opacity-10 { opacity: 10%; } .opacity-20 { opacity: 20%; } .opacity-30 { opacity: 30%; } .opacity-40 { opacity: 40%; } .opacity-50 { opacity: 50%; } .opacity-60 { opacity: 60%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-80 { opacity: 80%; } .opacity-100 { opacity: 100%; } .opacity-\[0\.05\] { opacity: 0.05; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\(--my-shadow\) { --tw-shadow: var(--my-shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\(--my-shadow1\) { --tw-shadow: var(--my-shadow1); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\(--my-shadow2\) { --tw-shadow: var(--my-shadow2); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_-4px_6px_-1px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 -4px 6px -1px var(--tw-shadow-color, rgba(0,0,0,0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_8px_rgba\(52\,211\,153\,0\.6\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(52,211,153,0.6)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_8px_rgba\(59\,130\,246\,0\.5\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(59,130,246,0.5)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_8px_rgba\(239\,68\,68\,0\.6\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(239,68,68,0.6)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_8px_rgba\(245\,158\,11\,0\.5\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(245,158,11,0.5)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_15px_-3px_rgba\(0\,0\,0\,0\.07\)\] { --tw-shadow: 0 2px 15px -3px var(--tw-shadow-color, rgba(0,0,0,0.07)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_12px_rgba\(12\,68\,125\,0\.25\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(12,68,125,0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[\#C19725\]\/20 { --tw-shadow-color: color-mix(in srgb, #C19725 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .shadow-\[\#C19725\]\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #C19725 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/5 { --tw-shadow-color: color-mix(in srgb, #000 5%, transparent); } @supports (color: color-mix(in lab, red, red)) { .shadow-black\/5 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-100 { --tw-shadow-color: #DBEAFE; } @supports (color: color-mix(in lab, red, red)) { .shadow-blue-100 { --tw-shadow-color: color-mix(in oklab, var(--color-blue-100) var(--tw-shadow-alpha), transparent); } } .shadow-blue-200 { --tw-shadow-color: #BFDBFE; } @supports (color: color-mix(in lab, red, red)) { .shadow-blue-200 { --tw-shadow-color: color-mix(in oklab, var(--color-blue-200) var(--tw-shadow-alpha), transparent); } } .shadow-gray-100\/50 { --tw-shadow-color: color-mix(in srgb, #F3F4F6 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .shadow-gray-100\/50 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-100) 50%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-gray-200 { --tw-shadow-color: #E5E7EB; } @supports (color: color-mix(in lab, red, red)) { .shadow-gray-200 { --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent); } } .shadow-indigo-200 { --tw-shadow-color: #C7D2FE; } @supports (color: color-mix(in lab, red, red)) { .shadow-indigo-200 { --tw-shadow-color: color-mix(in oklab, var(--color-indigo-200) var(--tw-shadow-alpha), transparent); } } .shadow-orange-500\/20 { --tw-shadow-color: color-mix(in srgb, #DD6B20 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .shadow-orange-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-slate-200\/50 { --tw-shadow-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .shadow-slate-200\/50 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 50%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-slate-800\/20 { --tw-shadow-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .shadow-slate-800\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-800) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-yellow-500\/20 { --tw-shadow-color: color-mix(in srgb, #F59E0B 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .shadow-yellow-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-\[\#C19725\] { --tw-ring-color: #C19725; } .ring-blue-100 { --tw-ring-color: var(--color-blue-100); } .ring-blue-600 { --tw-ring-color: var(--color-blue-600); } .ring-c19725 { --tw-ring-color: var(--color-c19725); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-0 { outline-style: var(--tw-outline-style); outline-width: 0px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-\[\#C49E44\] { outline-color: #C49E44; } .outline-c19725 { outline-color: var(--color-c19725); } .outline-gray-300 { outline-color: var(--color-gray-300); } .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(var(--blur-2xl)); 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-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); 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-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .duration-700 { --tw-duration: 700ms; transition-duration: 700ms; } .duration-1000 { --tw-duration: 1000ms; transition-duration: 1000ms; } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .ring-inset { --tw-ring-inset: inset; } .group-focus-within\:text-amber-500:is(:where(.group):focus-within *) { color: var(--color-amber-500); } .group-focus-within\:text-blue-500:is(:where(.group):focus-within *) { color: var(--color-blue-500); } @media (hover: hover) { .group-hover\:pointer-events-auto:is(:where(.group):hover *) { pointer-events: auto; } } @media (hover: hover) { .group-hover\:visible:is(:where(.group):hover *) { visibility: visible; } } @media (hover: hover) { .group-hover\:block:is(:where(.group):hover *) { display: block; } } @media (hover: hover) { .group-hover\:-translate-x-0\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (hover: hover) { .group-hover\:-translate-x-1:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (hover: hover) { .group-hover\:translate-x-0\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (hover: hover) { .group-hover\:translate-x-1:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (hover: hover) { .group-hover\:translate-x-2:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (hover: hover) { .group-hover\:translate-y-0:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (hover: hover) { .group-hover\:scale-100:is(:where(.group):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media (hover: hover) { .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media (hover: hover) { .group-hover\:scale-110:is(:where(.group):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media (hover: hover) { .group-hover\:scale-120:is(:where(.group):hover *) { --tw-scale-x: 120%; --tw-scale-y: 120%; --tw-scale-z: 120%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media (hover: hover) { .group-hover\:scale-150:is(:where(.group):hover *) { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media (hover: hover) { .group-hover\:-rotate-12:is(:where(.group):hover *) { rotate: calc(12deg * -1); } } @media (hover: hover) { .group-hover\:rotate-0:is(:where(.group):hover *) { rotate: 0deg; } } @media (hover: hover) { .group-hover\:border-emerald-500:is(:where(.group):hover *) { border-color: var(--color-emerald-500); } } @media (hover: hover) { .group-hover\:border-indigo-500:is(:where(.group):hover *) { border-color: var(--color-indigo-500); } } @media (hover: hover) { .group-hover\:border-purple-200:is(:where(.group):hover *) { border-color: var(--color-purple-200); } } @media (hover: hover) { .group-hover\:border-white:is(:where(.group):hover *) { border-color: var(--color-white); } } @media (hover: hover) { .group-hover\:bg-\[\#C19725\]:is(:where(.group):hover *) { background-color: #C19725; } } @media (hover: hover) { .group-hover\:bg-purple-50:is(:where(.group):hover *) { background-color: var(--color-purple-50); } } @media (hover: hover) { .group-hover\:stroke-\[\#DEFFEA\]:is(:where(.group):hover *) { stroke: #DEFFEA; } } @media (hover: hover) { .group-hover\:stroke-\[\#FFEBEB\]:is(:where(.group):hover *) { stroke: #FFEBEB; } } @media (hover: hover) { .group-hover\:stroke-\[\#FFEEBF\]:is(:where(.group):hover *) { stroke: #FFEEBF; } } @media (hover: hover) { .group-hover\:stroke-c19725:is(:where(.group):hover *) { stroke: var(--color-c19725); } } @media (hover: hover) { .group-hover\:text-\[\#0C447D\]:is(:where(.group):hover *) { color: #0C447D; } } @media (hover: hover) { .group-hover\:text-\[\#006269\]:is(:where(.group):hover *) { color: #006269; } } @media (hover: hover) { .group-hover\:text-\[\#C19725\]:is(:where(.group):hover *) { color: #C19725; } } @media (hover: hover) { .group-hover\:text-\[\#E6F3FF\]:is(:where(.group):hover *) { color: #E6F3FF; } } @media (hover: hover) { .group-hover\:text-\[\#c19725\]:is(:where(.group):hover *) { color: #c19725; } } @media (hover: hover) { .group-hover\:text-blue-600:is(:where(.group):hover *) { color: var(--color-blue-600); } } @media (hover: hover) { .group-hover\:text-c19725:is(:where(.group):hover *) { color: var(--color-c19725); } } @media (hover: hover) { .group-hover\:text-gray-500:is(:where(.group):hover *) { color: var(--color-gray-500); } } @media (hover: hover) { .group-hover\:text-gray-900:is(:where(.group):hover *) { color: var(--color-gray-900); } } @media (hover: hover) { .group-hover\:text-indigo-600:is(:where(.group):hover *) { color: var(--color-indigo-600); } } @media (hover: hover) { .group-hover\:text-orange-600:is(:where(.group):hover *) { color: var(--color-orange-600); } } @media (hover: hover) { .group-hover\:text-purple-700:is(:where(.group):hover *) { color: var(--color-purple-700); } } @media (hover: hover) { .group-hover\:text-red-600:is(:where(.group):hover *) { color: var(--color-red-600); } } @media (hover: hover) { .group-hover\:text-slate-600:is(:where(.group):hover *) { color: var(--color-slate-600); } } @media (hover: hover) { .group-hover\:text-white:is(:where(.group):hover *) { color: var(--color-white); } } @media (hover: hover) { .group-hover\:opacity-30:is(:where(.group):hover *) { opacity: 30%; } } @media (hover: hover) { .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 100%; } } @media (hover: hover) { .group-hover\:shadow-sm:is(:where(.group):hover *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .group-hover\/sort\:opacity-50:is(:where(.group\/sort):hover *) { opacity: 50%; } } .peer-not-placeholder-shown\:-top-2:is(:where(.peer):not(*:placeholder-shown) ~ *) { top: calc(var(--spacing) * -2); } .peer-not-placeholder-shown\:text-xs:is(:where(.peer):not(*:placeholder-shown) ~ *) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .peer-checked\:bg-\[\#c19725\]:is(:where(.peer):checked ~ *) { background-color: #c19725; } .peer-checked\:bg-radial-\(--my-gradient3\):is(:where(.peer):checked ~ *) { --tw-gradient-position: var(--my-gradient3); background-image: radial-gradient(var(--tw-gradient-stops,var(--my-gradient3))); } .peer-placeholder-shown\:top-1\/2:is(:where(.peer):placeholder-shown ~ *) { top: calc(1/2 * 100%); } .peer-placeholder-shown\:top-3:is(:where(.peer):placeholder-shown ~ *) { top: calc(var(--spacing) * 3); } .peer-placeholder-shown\:top-5:is(:where(.peer):placeholder-shown ~ *) { top: calc(var(--spacing) * 5); } .peer-placeholder-shown\:-translate-y-1\/2:is(:where(.peer):placeholder-shown ~ *) { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-placeholder-shown\:translate-y-0:is(:where(.peer):placeholder-shown ~ *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-placeholder-shown\:scale-100:is(:where(.peer):placeholder-shown ~ *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .peer-focus\:-top-2:is(:where(.peer):focus ~ *) { top: calc(var(--spacing) * -2); } .peer-focus\:top-2:is(:where(.peer):focus ~ *) { top: calc(var(--spacing) * 2); } .peer-focus\:top-3:is(:where(.peer):focus ~ *) { top: calc(var(--spacing) * 3); } .peer-focus\:-translate-y-3:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-focus\:-translate-y-4:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-focus\:-translate-y-5:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -5); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-focus\:scale-75:is(:where(.peer):focus ~ *) { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .peer-focus\:scale-90:is(:where(.peer):focus ~ *) { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .peer-focus\:px-1:is(:where(.peer):focus ~ *) { padding-inline: calc(var(--spacing) * 1); } .peer-focus\:px-1\.5:is(:where(.peer):focus ~ *) { padding-inline: calc(var(--spacing) * 1.5); } .peer-focus\:px-2:is(:where(.peer):focus ~ *) { padding-inline: calc(var(--spacing) * 2); } .peer-focus\:text-xs:is(:where(.peer):focus ~ *) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .peer-focus\:text-\[\#5aa6f7\]:is(:where(.peer):focus ~ *) { color: #5aa6f7; } .peer-focus\:text-\[\#c19725\]:is(:where(.peer):focus ~ *) { color: #c19725; } .peer-focus\:text-c19725:is(:where(.peer):focus ~ *) { color: var(--color-c19725); } .peer-focus\:ring-0:is(:where(.peer):focus ~ *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .peer-focus\:outline-none:is(:where(.peer):focus ~ *) { --tw-outline-style: none; outline-style: none; } .peer-focus\:peer-placeholder-shown\:scale-100:is(:where(.peer):focus ~ *):is(:where(.peer):placeholder-shown ~ *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .marker\:text-white *::marker { color: var(--color-white); } .marker\:text-white::marker { color: var(--color-white); } .marker\:text-white *::-webkit-details-marker { color: var(--color-white); } .marker\:text-white::-webkit-details-marker { color: var(--color-white); } .file\:mr-4::file-selector-button { margin-right: calc(var(--spacing) * 4); } .file\:rounded-full::file-selector-button { border-radius: calc(infinity * 1px); } .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; } .file\:bg-yellow-50::file-selector-button { background-color: var(--color-yellow-50); } .file\:px-4::file-selector-button { padding-inline: calc(var(--spacing) * 4); } .file\:py-2::file-selector-button { padding-block: calc(var(--spacing) * 2); } .file\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .file\:font-semibold::file-selector-button { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .file\:text-\[\#c19725\]::file-selector-button { color: #c19725; } .placeholder\:text-9ca0a9::placeholder { color: var(--color-9ca0a9); } .placeholder\:text-444::placeholder { color: var(--color-444); } .placeholder\:text-757575::placeholder { color: var(--color-757575); } .placeholder\:text-\[\#9CA0A9\]::placeholder { color: #9CA0A9; } .placeholder\:text-\[\#898989\]::placeholder { color: #898989; } .placeholder\:text-c19725::placeholder { color: var(--color-c19725); } .placeholder\:text-gray-200::placeholder { color: var(--color-gray-200); } .placeholder\:text-gray-400::placeholder { color: var(--color-gray-400); } .placeholder\:text-white\/40::placeholder { color: color-mix(in srgb, #fff 40%, transparent); } @supports (color: color-mix(in lab, red, red)) { { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .before\:absolute::before { content: var(--tw-content); position: absolute; } .before\:-bottom-2::before { content: var(--tw-content); bottom: calc(var(--spacing) * -2); } .before\:left-1\/2::before { content: var(--tw-content); left: calc(1/2 * 100%); } .before\:h-0\.5::before { content: var(--tw-content); height: calc(var(--spacing) * 0.5); } .before\:w-16::before { content: var(--tw-content); width: calc(var(--spacing) * 16); } .before\:-translate-x-1\/2::before { content: var(--tw-content); --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:rounded-full::before { content: var(--tw-content); border-radius: calc(infinity * 1px); } .before\:bg-gradient-to-r::before { content: var(--tw-content); --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .before\:from-yellow-400::before { content: var(--tw-content); --tw-gradient-from: var(--color-yellow-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .before\:to-\[\#c19725\]::before { content: var(--tw-content); --tw-gradient-to: #c19725; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .before\:content-\[\'\'\]::before { content: var(--tw-content); --tw-content: ""; content: var(--tw-content); } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:start-\[2px\]::after { content: var(--tw-content); inset-inline-start: 2px; } .after\:top-\[2px\]::after { content: var(--tw-content); top: 2px; } .after\:left-\[2px\]::after { content: var(--tw-content); left: 2px; } .after\:h-5::after { content: var(--tw-content); height: calc(var(--spacing) * 5); } .after\:h-9::after { content: var(--tw-content); height: calc(var(--spacing) * 9); } .after\:w-5::after { content: var(--tw-content); width: calc(var(--spacing) * 5); } .after\:w-9::after { content: var(--tw-content); width: calc(var(--spacing) * 9); } .after\:rounded-full::after { content: var(--tw-content); border-radius: calc(infinity * 1px); } .after\:border::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } .after\:border-gray-300::after { content: var(--tw-content); border-color: var(--color-gray-300); } .after\:bg-white::after { content: var(--tw-content); background-color: var(--color-white); } .after\:bg-radial-\(--my-gradient3\)::after { content: var(--tw-content); --tw-gradient-position: var(--my-gradient3); background-image: radial-gradient(var(--tw-gradient-stops,var(--my-gradient3))); } .after\:transition-all::after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .after\:content-\[\'\'\]::after { content: var(--tw-content); --tw-content: ""; content: var(--tw-content); } .peer-checked\:after\:translate-x-full:is(:where(.peer):checked ~ *)::after { content: var(--tw-content); --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-checked\:after\:border-white:is(:where(.peer):checked ~ *)::after { content: var(--tw-content); border-color: var(--color-white); } .last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0px; } .last\:border-r-0:last-child { border-right-style: var(--tw-border-style); border-right-width: 0px; } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .odd\:bg-white:nth-child(odd) { background-color: var(--color-white); } .even\:bg-\[\#F2F2F2\]:nth-child(even) { background-color: #F2F2F2; } .even\:bg-blue-50\/20:nth-child(even) { background-color: color-mix(in srgb, #EFF6FF 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .even\:bg-blue-50\/20:nth-child(even) { background-color: color-mix(in oklab, var(--color-blue-50) 20%, transparent); } } .even\:bg-gray-50:nth-child(even) { background-color: var(--color-gray-50); } @media (hover: hover) { .hover\:-translate-y-1:hover { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (hover: hover) { .hover\:-translate-y-2:hover { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (hover: hover) { .hover\:scale-105:hover { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media (hover: hover) { .hover\:scale-110:hover { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media (hover: hover) { .hover\:scale-\[1\.01\]:hover { scale: 1.01; } } @media (hover: hover) { .hover\:scale-\[1\.02\]:hover { scale: 1.02; } } @media (hover: hover) { .hover\:scale-\[1\.03\]:hover { scale: 1.03; } } @media (hover: hover) { .hover\:border:hover { border-style: var(--tw-border-style); border-width: 1px; } } @media (hover: hover) { .hover\:border-dashed:hover { --tw-border-style: dashed; border-style: dashed; } } @media (hover: hover) { .hover\:border-\[\#2b6cb0\]:hover { border-color: #2b6cb0; } } @media (hover: hover) { .hover\:border-\[\#5C6AC4\]:hover { border-color: #5C6AC4; } } @media (hover: hover) { .hover\:border-\[\#5cae5c\]:hover { border-color: #5cae5c; } } @media (hover: hover) { .hover\:border-\[\#083d6d\]:hover { border-color: #083d6d; } } @media (hover: hover) { .hover\:border-\[\#C19725\]:hover { border-color: #C19725; } } @media (hover: hover) { .hover\:border-\[\#c19725\]:hover { border-color: #c19725; } } @media (hover: hover) { .hover\:border-\[\#c19725\]\/40:hover { border-color: color-mix(in oklab, #c19725 40%, transparent); } } @media (hover: hover) { .hover\:border-\[\#e6a800\]:hover { border-color: #e6a800; } } @media (hover: hover) { .hover\:border-gray-300:hover { border-color: var(--color-gray-300); } } @media (hover: hover) { .hover\:border-gray-400:hover { border-color: var(--color-gray-400); } } @media (hover: hover) { .hover\:border-slate-300:hover { border-color: var(--color-slate-300); } } @media (hover: hover) { .hover\:border-transparent:hover { border-color: transparent; } } @media (hover: hover) { .hover\:border-yellow-500:hover { border-color: var(--color-yellow-500); } } @media (hover: hover) { .hover\:bg-\[\#0D5BAB\]:hover { background-color: #0D5BAB; } } @media (hover: hover) { .hover\:bg-\[\#00ad94\]:hover { background-color: #00ad94; } } @media (hover: hover) { .hover\:bg-\[\#3c0282\]:hover { background-color: #3c0282; } } @media (hover: hover) { .hover\:bg-\[\#004d52\]:hover { background-color: #004d52; } } @media (hover: hover) { .hover\:bg-\[\#9AB3F5\]:hover { background-color: #9AB3F5; } } @media (hover: hover) { .hover\:bg-\[\#018F37\]:hover { background-color: #018F37; } } @media (hover: hover) { .hover\:bg-\[\#027d1b\]:hover { background-color: #027d1b; } } @media (hover: hover) { .hover\:bg-\[\#305CDE\]:hover { background-color: #305CDE; } } @media (hover: hover) { .hover\:bg-\[\#0317C1\]:hover { background-color: #0317C1; } } @media (hover: hover) { .hover\:bg-\[\#0720EC\]:hover { background-color: #0720EC; } } @media (hover: hover) { .hover\:bg-\[\#5606b6\]:hover { background-color: #5606b6; } } @media (hover: hover) { .hover\:bg-\[\#006269\]:hover { background-color: #006269; } } @media (hover: hover) { .hover\:bg-\[\#018975\]:hover { background-color: #018975; } } @media (hover: hover) { .hover\:bg-\[\#029921\]:hover { background-color: #029921; } } @media (hover: hover) { .hover\:bg-\[\#093461\]:hover { background-color: #093461; } } @media (hover: hover) { .hover\:bg-\[\#157347\]:hover { background-color: #157347; } } @media (hover: hover) { .hover\:bg-\[\#A21E75\]:hover { background-color: #A21E75; } } @media (hover: hover) { .hover\:bg-\[\#A27500\]:hover { background-color: #A27500; } } @media (hover: hover) { .hover\:bg-\[\#B38930\]:hover { background-color: #B38930; } } @media (hover: hover) { .hover\:bg-\[\#B92185\]:hover { background-color: #B92185; } } @media (hover: hover) { .hover\:bg-\[\#BB0000\]:hover { background-color: #BB0000; } } @media (hover: hover) { .hover\:bg-\[\#C19725\]:hover { background-color: #C19725; } } @media (hover: hover) { .hover\:bg-\[\#D20505\]:hover { background-color: #D20505; } } @media (hover: hover) { .hover\:bg-\[\#F20707\]:hover { background-color: #F20707; } } @media (hover: hover) { .hover\:bg-\[\#FFD69E\]:hover { background-color: #FFD69E; } } @media (hover: hover) { .hover\:bg-\[\#a57f1d\]:hover { background-color: #a57f1d; } } @media (hover: hover) { .hover\:bg-\[\#a67f1f\]:hover { background-color: #a67f1f; } } @media (hover: hover) { .hover\:bg-\[\#a87f1f\]:hover { background-color: #a87f1f; } } @media (hover: hover) { .hover\:bg-\[\#a6801c\]:hover { background-color: #a6801c; } } @media (hover: hover) { .hover\:bg-\[\#a6821f\]:hover { background-color: #a6821f; } } @media (hover: hover) { .hover\:bg-\[\#a8821d\]:hover { background-color: #a8821d; } } @media (hover: hover) { .hover\:bg-\[\#a68220\]:hover { background-color: #a68220; } } @media (hover: hover) { .hover\:bg-\[\#b08a1e\]:hover { background-color: #b08a1e; } } @media (hover: hover) { .hover\:bg-\[\#c0d4ef\]:hover { background-color: #c0d4ef; } } @media (hover: hover) { .hover\:bg-\[\#c8eec8\]:hover { background-color: #c8eec8; } } @media (hover: hover) { .hover\:bg-\[\#c19725\]:hover { background-color: #c19725; } } @media (hover: hover) { .hover\:bg-\[\#d4a832\]:hover { background-color: #d4a832; } } @media (hover: hover) { .hover\:bg-\[\#f6f1cb\]:hover { background-color: #f6f1cb; } } @media (hover: hover) { .hover\:bg-\[\#f9f5eb\]:hover { background-color: #f9f5eb; } } @media (hover: hover) { .hover\:bg-\[\#fdffc6\]:hover { background-color: #fdffc6; } } @media (hover: hover) { .hover\:bg-\[\#fff\]\/50:hover { background-color: color-mix(in oklab, #fff 50%, transparent); } } @media (hover: hover) { .hover\:bg-amber-50:hover { background-color: var(--color-amber-50); } } @media (hover: hover) { .hover\:bg-amber-100:hover { background-color: var(--color-amber-100); } } @media (hover: hover) { .hover\:bg-amber-600:hover { background-color: var(--color-amber-600); } } @media (hover: hover) { .hover\:bg-black:hover { background-color: var(--color-black); } } @media (hover: hover) { .hover\:bg-black\/5:hover { background-color: color-mix(in srgb, #000 5%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/5:hover { background-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } } @media (hover: hover) { .hover\:bg-black\/10:hover { background-color: color-mix(in srgb, #000 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/10:hover { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } } @media (hover: hover) { .hover\:bg-blue-50:hover { background-color: var(--color-blue-50); } } @media (hover: hover) { .hover\:bg-blue-50\/20:hover { background-color: color-mix(in srgb, #EFF6FF 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-50\/20:hover { background-color: color-mix(in oklab, var(--color-blue-50) 20%, transparent); } } } @media (hover: hover) { .hover\:bg-blue-50\/30:hover { background-color: color-mix(in srgb, #EFF6FF 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-50\/30:hover { background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent); } } } @media (hover: hover) { .hover\:bg-blue-50\/40:hover { background-color: color-mix(in srgb, #EFF6FF 40%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-50\/40:hover { background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent); } } } @media (hover: hover) { .hover\:bg-blue-50\/50:hover { background-color: color-mix(in srgb, #EFF6FF 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-50\/50:hover { background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent); } } } @media (hover: hover) { .hover\:bg-blue-100:hover { background-color: var(--color-blue-100); } } @media (hover: hover) { .hover\:bg-blue-200:hover { background-color: var(--color-blue-200); } } @media (hover: hover) { .hover\:bg-blue-600:hover { background-color: var(--color-blue-600); } } @media (hover: hover) { .hover\:bg-blue-700:hover { background-color: var(--color-blue-700); } } @media (hover: hover) { .hover\:bg-blue-800:hover { background-color: var(--color-blue-800); } } @media (hover: hover) { .hover\:bg-c19725:hover { background-color: var(--color-c19725); } } @media (hover: hover) { .hover\:bg-cyan-50:hover { background-color: var(--color-cyan-50); } } @media (hover: hover) { .hover\:bg-cyan-700:hover { background-color: var(--color-cyan-700); } } @media (hover: hover) { .hover\:bg-e7eefb:hover { background-color: var(--color-e7eefb); } } @media (hover: hover) { .hover\:bg-emerald-700:hover { background-color: var(--color-emerald-700); } } @media (hover: hover) { .hover\:bg-f9f9fb:hover { background-color: var(--color-f9f9fb); } } @media (hover: hover) { .hover\:bg-fdffc6:hover { background-color: var(--color-fdffc6); } } @media (hover: hover) { .hover\:bg-fdffc6\/20:hover { background-color: color-mix(in srgb, #fdffc6 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-fdffc6\/20:hover { background-color: color-mix(in oklab, var(--color-fdffc6) 20%, transparent); } } } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } } @media (hover: hover) { .hover\:bg-gray-50\/50:hover { background-color: color-mix(in srgb, #F9FAFB 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-50\/50:hover { background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent); } } } @media (hover: hover) { .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } } @media (hover: hover) { .hover\:bg-gray-200:hover { background-color: var(--color-gray-200); } } @media (hover: hover) { .hover\:bg-gray-300:hover { background-color: var(--color-gray-300); } } @media (hover: hover) { .hover\:bg-gray-400:hover { background-color: var(--color-gray-400); } } @media (hover: hover) { .hover\:bg-gray-800:hover { background-color: var(--color-gray-800); } } @media (hover: hover) { .hover\:bg-gray-900:hover { background-color: var(--color-gray-900); } } @media (hover: hover) { .hover\:bg-green-50:hover { background-color: var(--color-green-50); } } @media (hover: hover) { .hover\:bg-green-50\/30:hover { background-color: color-mix(in srgb, #ECFDF5 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-green-50\/30:hover { background-color: color-mix(in oklab, var(--color-green-50) 30%, transparent); } } } @media (hover: hover) { .hover\:bg-green-200:hover { background-color: var(--color-green-200); } } @media (hover: hover) { .hover\:bg-green-500:hover { background-color: var(--color-green-500); } } @media (hover: hover) { .hover\:bg-green-600:hover { background-color: var(--color-green-600); } } @media (hover: hover) { .hover\:bg-green-700:hover { background-color: var(--color-green-700); } } @media (hover: hover) { .hover\:bg-indigo-50:hover { background-color: var(--color-indigo-50); } } @media (hover: hover) { .hover\:bg-indigo-50\/30:hover { background-color: color-mix(in srgb, #EEF2FF 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-indigo-50\/30:hover { background-color: color-mix(in oklab, var(--color-indigo-50) 30%, transparent); } } } @media (hover: hover) { .hover\:bg-indigo-100:hover { background-color: var(--color-indigo-100); } } @media (hover: hover) { .hover\:bg-indigo-700:hover { background-color: var(--color-indigo-700); } } @media (hover: hover) { .hover\:bg-orange-50:hover { background-color: var(--color-orange-50); } } @media (hover: hover) { .hover\:bg-orange-50\/30:hover { background-color: color-mix(in srgb, #FFFAF0 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-orange-50\/30:hover { background-color: color-mix(in oklab, var(--color-orange-50) 30%, transparent); } } } @media (hover: hover) { .hover\:bg-orange-50\/50:hover { background-color: color-mix(in srgb, #FFFAF0 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-orange-50\/50:hover { background-color: color-mix(in oklab, var(--color-orange-50) 50%, transparent); } } } @media (hover: hover) { .hover\:bg-orange-100:hover { background-color: var(--color-orange-100); } } @media (hover: hover) { .hover\:bg-orange-600:hover { background-color: var(--color-orange-600); } } @media (hover: hover) { .hover\:bg-purple-50:hover { background-color: var(--color-purple-50); } } @media (hover: hover) { .hover\:bg-purple-50\/30:hover { background-color: color-mix(in srgb, #F5F3FF 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-purple-50\/30:hover { background-color: color-mix(in oklab, var(--color-purple-50) 30%, transparent); } } } @media (hover: hover) { .hover\:bg-purple-50\/40:hover { background-color: color-mix(in srgb, #F5F3FF 40%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-purple-50\/40:hover { background-color: color-mix(in oklab, var(--color-purple-50) 40%, transparent); } } } @media (hover: hover) { .hover\:bg-purple-100:hover { background-color: var(--color-purple-100); } } @media (hover: hover) { .hover\:bg-red-50:hover { background-color: var(--color-red-50); } } @media (hover: hover) { .hover\:bg-red-50\/30:hover { background-color: color-mix(in srgb, #FEF2F2 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-50\/30:hover { background-color: color-mix(in oklab, var(--color-red-50) 30%, transparent); } } } @media (hover: hover) { .hover\:bg-red-100:hover { background-color: var(--color-red-100); } } @media (hover: hover) { .hover\:bg-red-200:hover { background-color: var(--color-red-200); } } @media (hover: hover) { .hover\:bg-red-500:hover { background-color: var(--color-red-500); } } @media (hover: hover) { .hover\:bg-red-600:hover { background-color: var(--color-red-600); } } @media (hover: hover) { .hover\:bg-red-700:hover { background-color: var(--color-red-700); } } @media (hover: hover) { .hover\:bg-rose-500:hover { background-color: var(--color-rose-500); } } @media (hover: hover) { .hover\:bg-rose-700:hover { background-color: var(--color-rose-700); } } @media (hover: hover) { .hover\:bg-sky-600:hover { background-color: var(--color-sky-600); } } @media (hover: hover) { .hover\:bg-slate-50:hover { background-color: var(--color-slate-50); } } @media (hover: hover) { .hover\:bg-slate-100:hover { background-color: var(--color-slate-100); } } @media (hover: hover) { .hover\:bg-slate-200:hover { background-color: var(--color-slate-200); } } @media (hover: hover) { .hover\:bg-slate-800:hover { background-color: var(--color-slate-800); } } @media (hover: hover) { .hover\:bg-teal-50:hover { background-color: var(--color-teal-50); } } @media (hover: hover) { .hover\:bg-white:hover { background-color: var(--color-white); } } @media (hover: hover) { .hover\:bg-white\/60:hover { background-color: color-mix(in srgb, #fff 60%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/60:hover { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } @media (hover: hover) { .hover\:bg-yellow-50:hover { background-color: var(--color-yellow-50); } } @media (hover: hover) { .hover\:bg-yellow-100:hover { background-color: var(--color-yellow-100); } } @media (hover: hover) { .hover\:bg-yellow-600:hover { background-color: var(--color-yellow-600); } } @media (hover: hover) { .hover\:bg-yellow-700:hover { background-color: var(--color-yellow-700); } } @media (hover: hover) { .hover\:bg-yellow-900:hover { background-color: var(--color-yellow-900); } } @media (hover: hover) { .hover\:bg-gradient-to-r:hover { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } @media (hover: hover) { .hover\:from-blue-600:hover { --tw-gradient-from: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:from-emerald-600:hover { --tw-gradient-from: var(--color-emerald-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:from-orange-700:hover { --tw-gradient-from: var(--color-orange-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:from-red-500:hover { --tw-gradient-from: var(--color-red-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:from-yellow-400:hover { --tw-gradient-from: var(--color-yellow-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:from-yellow-500:hover { --tw-gradient-from: var(--color-yellow-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:from-yellow-600:hover { --tw-gradient-from: var(--color-yellow-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:from-yellow-800:hover { --tw-gradient-from: var(--color-yellow-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:to-blue-700:hover { --tw-gradient-to: var(--color-blue-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:to-emerald-700:hover { --tw-gradient-to: var(--color-emerald-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:to-orange-600:hover { --tw-gradient-to: var(--color-orange-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:to-red-700:hover { --tw-gradient-to: var(--color-red-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:to-yellow-600:hover { --tw-gradient-to: var(--color-yellow-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:to-yellow-700:hover { --tw-gradient-to: var(--color-yellow-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:to-yellow-800:hover { --tw-gradient-to: var(--color-yellow-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } @media (hover: hover) { .hover\:stroke-c19725:hover { stroke: var(--color-c19725); } } @media (hover: hover) { .hover\:font-medium:hover { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } @media (hover: hover) { .hover\:tracking-wide:hover { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } } @media (hover: hover) { .hover\:text-\[\#2b6cb0\]:hover { color: #2b6cb0; } } @media (hover: hover) { .hover\:text-\[\#4c1c9b\]:hover { color: #4c1c9b; } } @media (hover: hover) { .hover\:text-\[\#0821a4\]:hover { color: #0821a4; } } @media (hover: hover) { .hover\:text-\[\#006269\]:hover { color: #006269; } } @media (hover: hover) { .hover\:text-\[\#990000\]:hover { color: #990000; } } @media (hover: hover) { .hover\:text-\[\#A16207\]:hover { color: #A16207; } } @media (hover: hover) { .hover\:text-\[\#AA6600\]:hover { color: #AA6600; } } @media (hover: hover) { .hover\:text-\[\#BB0000\]:hover { color: #BB0000; } } @media (hover: hover) { .hover\:text-\[\#C19725\]:hover { color: #C19725; } } @media (hover: hover) { .hover\:text-\[\#CC3D3D\]:hover { color: #CC3D3D; } } @media (hover: hover) { .hover\:text-\[\#D19A2A\]:hover { color: #D19A2A; } } @media (hover: hover) { .hover\:text-\[\#DEFFEA\]:hover { color: #DEFFEA; } } @media (hover: hover) { .hover\:text-\[\#E6F3FF\]:hover { color: #E6F3FF; } } @media (hover: hover) { .hover\:text-\[\#FFEBEB\]:hover { color: #FFEBEB; } } @media (hover: hover) { .hover\:text-\[\#FFEEBF\]:hover { color: #FFEEBF; } } @media (hover: hover) { .hover\:text-\[\#c19725\]:hover { color: #c19725; } } @media (hover: hover) { .hover\:text-amber-700:hover { color: var(--color-amber-700); } } @media (hover: hover) { .hover\:text-black:hover { color: var(--color-black); } } @media (hover: hover) { .hover\:text-blue-600:hover { color: var(--color-blue-600); } } @media (hover: hover) { .hover\:text-blue-700:hover { color: var(--color-blue-700); } } @media (hover: hover) { .hover\:text-blue-800:hover { color: var(--color-blue-800); } } @media (hover: hover) { .hover\:text-c19725:hover { color: var(--color-c19725); } } @media (hover: hover) { .hover\:text-fdffc6:hover { color: var(--color-fdffc6); } } @media (hover: hover) { .hover\:text-gray-600:hover { color: var(--color-gray-600); } } @media (hover: hover) { .hover\:text-gray-700:hover { color: var(--color-gray-700); } } @media (hover: hover) { .hover\:text-gray-800:hover { color: var(--color-gray-800); } } @media (hover: hover) { .hover\:text-gray-900:hover { color: var(--color-gray-900); } } @media (hover: hover) { .hover\:text-green-600:hover { color: var(--color-green-600); } } @media (hover: hover) { .hover\:text-green-800:hover { color: var(--color-green-800); } } @media (hover: hover) { .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } } @media (hover: hover) { .hover\:text-orange-600:hover { color: var(--color-orange-600); } } @media (hover: hover) { .hover\:text-purple-600:hover { color: var(--color-purple-600); } } @media (hover: hover) { .hover\:text-red-500:hover { color: var(--color-red-500); } } @media (hover: hover) { .hover\:text-red-600:hover { color: var(--color-red-600); } } @media (hover: hover) { .hover\:text-red-700:hover { color: var(--color-red-700); } } @media (hover: hover) { .hover\:text-red-800:hover { color: var(--color-red-800); } } @media (hover: hover) { .hover\:text-rose-500:hover { color: var(--color-rose-500); } } @media (hover: hover) { .hover\:text-slate-700:hover { color: var(--color-slate-700); } } @media (hover: hover) { .hover\:text-slate-800:hover { color: var(--color-slate-800); } } @media (hover: hover) { .hover\:text-slate-900:hover { color: var(--color-slate-900); } } @media (hover: hover) { .hover\:text-white:hover { color: var(--color-white); } } @media (hover: hover) { .hover\:text-yellow-400:hover { color: var(--color-yellow-400); } } @media (hover: hover) { .hover\:text-yellow-700:hover { color: var(--color-yellow-700); } } @media (hover: hover) { .hover\:underline:hover { text-decoration-line: underline; } } @media (hover: hover) { .hover\:opacity-80:hover { opacity: 80%; } } @media (hover: hover) { .hover\:opacity-90:hover { opacity: 90%; } } @media (hover: hover) { .hover\:shadow:hover { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:shadow-2xl:hover { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:shadow-sm:hover { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:shadow-\[\#c19725\]\/40:hover { --tw-shadow-color: color-mix(in srgb, #c19725 40%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-\[\#c19725\]\/40:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #c19725 40%, transparent) var(--tw-shadow-alpha), transparent); } } } @media (hover: hover) { .hover\:brightness-105:hover { --tw-brightness: brightness(105%); 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,); } } @media (hover: hover) { .hover\:file\:bg-yellow-100:hover::file-selector-button { background-color: var(--color-yellow-100); } } .focus\:z-10:focus { z-index: 10; } .focus\:z-20:focus { z-index: 20; } .focus\:border-0:focus { border-style: var(--tw-border-style); border-width: 0px; } .focus\:border-018f37:focus { border-color: var(--color-018f37); } .focus\:border-\[\#5aa6f7\]:focus { border-color: #5aa6f7; } .focus\:border-\[\#006269\]:focus { border-color: #006269; } .focus\:border-\[\#C19725\]:focus { border-color: #C19725; } .focus\:border-\[\#c19725\]:focus { border-color: #c19725; } .focus\:border-amber-400\/50:focus { border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .focus\:border-amber-400\/50:focus { border-color: color-mix(in oklab, var(--color-amber-400) 50%, transparent); } } .focus\:border-amber-500:focus { border-color: var(--color-amber-500); } .focus\:border-blue-400:focus { border-color: var(--color-blue-400); } .focus\:border-blue-400\/50:focus { border-color: color-mix(in srgb, #60A5FA 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .focus\:border-blue-400\/50:focus { border-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent); } } .focus\:border-blue-500:focus { border-color: var(--color-blue-500); } .focus\:border-c19725:focus { border-color: var(--color-c19725); } .focus\:border-cyan-400:focus { border-color: var(--color-cyan-400); } .focus\:border-dcdcdc:focus { border-color: var(--color-dcdcdc); } .focus\:border-emerald-500:focus { border-color: var(--color-emerald-500); } .focus\:border-indigo-500:focus { border-color: var(--color-indigo-500); } .focus\:border-orange-500:focus { border-color: var(--color-orange-500); } .focus\:border-red-500:focus { border-color: var(--color-red-500); } .focus\:border-yellow-400:focus { border-color: var(--color-yellow-400); } .focus\:border-yellow-500:focus { border-color: var(--color-yellow-500); } .focus\:bg-\[\#fafafa\]:focus { background-color: #fafafa; } .focus\:bg-white\/20:focus { background-color: color-mix(in srgb, #fff 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .focus\:bg-white\/20:focus { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .focus\:shadow-md:focus { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-1:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-4:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-\[\#91caff\]:focus { --tw-ring-color: #91caff; } .focus\:ring-\[\#006269\]:focus { --tw-ring-color: #006269; } .focus\:ring-\[\#757575\]:focus { --tw-ring-color: #757575; } .focus\:ring-\[\#C19725\]:focus { --tw-ring-color: #C19725; } .focus\:ring-\[\#C19725\]\/50:focus { --tw-ring-color: color-mix(in oklab, #C19725 50%, transparent); } .focus\:ring-\[\#c19725\]:focus { --tw-ring-color: #c19725; } .focus\:ring-\[\#c19725\]\/50:focus { --tw-ring-color: color-mix(in oklab, #c19725 50%, transparent); } .focus\:ring-amber-100\/50:focus { --tw-ring-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-amber-100\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-amber-100) 50%, transparent); } } .focus\:ring-blue-100:focus { --tw-ring-color: var(--color-blue-100); } .focus\:ring-blue-100\/50:focus { --tw-ring-color: color-mix(in srgb, #DBEAFE 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-blue-100\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-blue-100) 50%, transparent); } } .focus\:ring-blue-300:focus { --tw-ring-color: var(--color-blue-300); } .focus\:ring-blue-400:focus { --tw-ring-color: var(--color-blue-400); } .focus\:ring-blue-500:focus { --tw-ring-color: var(--color-blue-500); } .focus\:ring-blue-500\/20:focus { --tw-ring-color: color-mix(in srgb, #3B82F6 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-blue-500\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .focus\:ring-c19725:focus { --tw-ring-color: var(--color-c19725); } .focus\:ring-c19725\/20:focus { --tw-ring-color: color-mix(in srgb, #c19725 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-c19725\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-c19725) 20%, transparent); } } .focus\:ring-gray-200:focus { --tw-ring-color: var(--color-gray-200); } .focus\:ring-green-300:focus { --tw-ring-color: var(--color-green-300); } .focus\:ring-green-500:focus { --tw-ring-color: var(--color-green-500); } .focus\:ring-indigo-400:focus { --tw-ring-color: var(--color-indigo-400); } .focus\:ring-indigo-500:focus { --tw-ring-color: var(--color-indigo-500); } .focus\:ring-indigo-500\/20:focus { --tw-ring-color: color-mix(in srgb, #6366F1 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-indigo-500\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent); } } .focus\:ring-orange-500\/20:focus { --tw-ring-color: color-mix(in srgb, #DD6B20 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-orange-500\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent); } } .focus\:ring-purple-400:focus { --tw-ring-color: var(--color-purple-400); } .focus\:ring-red-300:focus { --tw-ring-color: var(--color-red-300); } .focus\:ring-red-500:focus { --tw-ring-color: var(--color-red-500); } .focus\:ring-sky-400:focus { --tw-ring-color: var(--color-sky-400); } .focus\:ring-yellow-400:focus { --tw-ring-color: var(--color-yellow-400); } .focus\:ring-yellow-500:focus { --tw-ring-color: var(--color-yellow-500); } .focus\:ring-yellow-500\/20:focus { --tw-ring-color: color-mix(in srgb, #F59E0B 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-yellow-500\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); } } .focus\:outline-2:focus { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus\:outline-offset-0:focus { outline-offset: 0px; } .focus\:outline-indigo-600:focus { outline-color: var(--color-indigo-600); } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-c19725:focus-visible { outline-color: var(--color-c19725); } .active\:scale-90:active { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:scale-\[0\.98\]:active { scale: 0.98; } .active\:bg-gray-100:active { background-color: var(--color-gray-100); } .active\:font-semibold:active { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:border-gray-300:disabled { border-color: var(--color-gray-300); } .disabled\:bg-gray-50:disabled { background-color: var(--color-gray-50); } .disabled\:bg-gray-400:disabled { background-color: var(--color-gray-400); } .disabled\:opacity-20:disabled { opacity: 20%; } .disabled\:opacity-30:disabled { opacity: 30%; } .disabled\:opacity-40:disabled { opacity: 40%; } .disabled\:opacity-50:disabled { opacity: 50%; } .disabled\:opacity-70:disabled { opacity: 70%; } .disabled\:shadow-none:disabled { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (width >= 40rem) { .sm\:top-3 { top: calc(var(--spacing) * 3); } } @media (width >= 40rem) { .sm\:right-2 { right: calc(var(--spacing) * 2); } } @media (width >= 40rem) { .sm\:-left-24 { left: calc(var(--spacing) * -24); } } @media (width >= 40rem) { .sm\:order-2 { order: 2; } } @media (width >= 40rem) { .sm\:order-3 { order: 3; } } @media (width >= 40rem) { .sm\:col-span-1 { grid-column: span 1 / span 1; } } @media (width >= 40rem) { .sm\:col-span-2 { grid-column: span 2 / span 2; } } @media (width >= 40rem) { .sm\:col-span-3 { grid-column: span 3 / span 3; } } @media (width >= 40rem) { .sm\:col-span-4 { grid-column: span 4 / span 4; } } @media (width >= 40rem) { .sm\:col-span-5 { grid-column: span 5 / span 5; } } @media (width >= 40rem) { .sm\:col-span-6 { grid-column: span 6 / span 6; } } @media (width >= 40rem) { .sm\:col-span-8 { grid-column: span 8 / span 8; } } @media (width >= 40rem) { .sm\:col-span-10 { grid-column: span 10 / span 10; } } @media (width >= 40rem) { .sm\:col-span-14 { grid-column: span 14 / span 14; } } @media (width >= 40rem) { .sm\:m-4 { margin: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:mx-2 { margin-inline: calc(var(--spacing) * 2); } } @media (width >= 40rem) { .sm\:ms-auto { margin-inline-start: auto; } } @media (width >= 40rem) { .sm\:me-2 { margin-inline-end: calc(var(--spacing) * 2); } } @media (width >= 40rem) { .sm\:mt-0 { margin-top: calc(var(--spacing) * 0); } } @media (width >= 40rem) { .sm\:mt-6 { margin-top: calc(var(--spacing) * 6); } } @media (width >= 40rem) { .sm\:mr-auto { margin-right: auto; } } @media (width >= 40rem) { .sm\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } } @media (width >= 40rem) { .sm\:ml-0 { margin-left: calc(var(--spacing) * 0); } } @media (width >= 40rem) { .sm\:ml-\[88px\] { margin-left: 88px; } } @media (width >= 40rem) { .sm\:block { display: block; } } @media (width >= 40rem) { .sm\:flex { display: flex; } } @media (width >= 40rem) { .sm\:grid { display: grid; } } @media (width >= 40rem) { .sm\:hidden { display: none; } } @media (width >= 40rem) { .sm\:inline { display: inline; } } @media (width >= 40rem) { .sm\:table { display: table; } } @media (width >= 40rem) { .sm\:size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } } @media (width >= 40rem) { .sm\:size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } } @media (width >= 40rem) { .sm\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } } @media (width >= 40rem) { .sm\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } } @media (width >= 40rem) { .sm\:size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } } @media (width >= 40rem) { .sm\:size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20); } } @media (width >= 40rem) { .sm\:size-\[50px\] { width: 50px; height: 50px; } } @media (width >= 40rem) { .sm\:h-5 { height: calc(var(--spacing) * 5); } } @media (width >= 40rem) { .sm\:h-8 { height: calc(var(--spacing) * 8); } } @media (width >= 40rem) { .sm\:h-10 { height: calc(var(--spacing) * 10); } } @media (width >= 40rem) { .sm\:h-12 { height: calc(var(--spacing) * 12); } } @media (width >= 40rem) { .sm\:h-16 { height: calc(var(--spacing) * 16); } } @media (width >= 40rem) { .sm\:h-20 { height: calc(var(--spacing) * 20); } } @media (width >= 40rem) { .sm\:h-\[36px\] { height: 36px; } } @media (width >= 40rem) { .sm\:h-\[40px\] { height: 40px; } } @media (width >= 40rem) { .sm\:h-\[45px\] { height: 45px; } } @media (width >= 40rem) { .sm\:h-\[151px\] { height: 151px; } } @media (width >= 40rem) { .sm\:h-auto { height: auto; } } @media (width >= 40rem) { .sm\:h-full { height: 100%; } } @media (width >= 40rem) { .sm\:w-1\/1 { width: calc(1/1 * 100%); } } @media (width >= 40rem) { .sm\:w-1\/2 { width: calc(1/2 * 100%); } } @media (width >= 40rem) { .sm\:w-1\/3 { width: calc(1/3 * 100%); } } @media (width >= 40rem) { .sm\:w-1\/4 { width: calc(1/4 * 100%); } } @media (width >= 40rem) { .sm\:w-2\/3 { width: calc(2/3 * 100%); } } @media (width >= 40rem) { .sm\:w-5 { width: calc(var(--spacing) * 5); } } @media (width >= 40rem) { .sm\:w-8 { width: calc(var(--spacing) * 8); } } @media (width >= 40rem) { .sm\:w-10 { width: calc(var(--spacing) * 10); } } @media (width >= 40rem) { .sm\:w-12 { width: calc(var(--spacing) * 12); } } @media (width >= 40rem) { .sm\:w-16 { width: calc(var(--spacing) * 16); } } @media (width >= 40rem) { .sm\:w-20 { width: calc(var(--spacing) * 20); } } @media (width >= 40rem) { .sm\:w-30 { width: calc(var(--spacing) * 30); } } @media (width >= 40rem) { .sm\:w-32 { width: calc(var(--spacing) * 32); } } @media (width >= 40rem) { .sm\:w-36 { width: calc(var(--spacing) * 36); } } @media (width >= 40rem) { .sm\:w-40 { width: calc(var(--spacing) * 40); } } @media (width >= 40rem) { .sm\:w-48 { width: calc(var(--spacing) * 48); } } @media (width >= 40rem) { .sm\:w-64 { width: calc(var(--spacing) * 64); } } @media (width >= 40rem) { .sm\:w-72 { width: calc(var(--spacing) * 72); } } @media (width >= 40rem) { .sm\:w-150 { width: calc(var(--spacing) * 150); } } @media (width >= 40rem) { .sm\:w-\[52\%\] { width: 52%; } } @media (width >= 40rem) { .sm\:w-\[110px\] { width: 110px; } } @media (width >= 40rem) { .sm\:w-\[120px\] { width: 120px; } } @media (width >= 40rem) { .sm\:w-\[150px\] { width: 150px; } } @media (width >= 40rem) { .sm\:w-\[200px\] { width: 200px; } } @media (width >= 40rem) { .sm\:w-\[220px\] { width: 220px; } } @media (width >= 40rem) { .sm\:w-\[250px\] { width: 250px; } } @media (width >= 40rem) { .sm\:w-\[270px\] { width: 270px; } } @media (width >= 40rem) { .sm\:w-\[300px\] { width: 300px; } } @media (width >= 40rem) { .sm\:w-\[320px\] { width: 320px; } } @media (width >= 40rem) { .sm\:w-\[400px\] { width: 400px; } } @media (width >= 40rem) { .sm\:w-\[600px\] { width: 600px; } } @media (width >= 40rem) { .sm\:w-\[calc\(100\%-60px\)\] { width: calc(100% - 60px); } } @media (width >= 40rem) { .sm\:w-auto { width: auto; } } @media (width >= 40rem) { .sm\:w-full { width: 100%; } } @media (width >= 40rem) { .sm\:max-w-4xl { max-width: var(--container-4xl); } } @media (width >= 40rem) { .sm\:max-w-none { max-width: none; } } @media (width >= 40rem) { .sm\:min-w-\[300px\] { min-width: 300px; } } @media (width >= 40rem) { .sm\:min-w-\[420px\] { min-width: 420px; } } @media (width >= 40rem) { .sm\:flex-1 { flex: 1; } } @media (width >= 40rem) { .sm\:flex-none { flex: none; } } @media (width >= 40rem) { .sm\:flex-grow-0 { flex-grow: 0; } } @media (width >= 40rem) { .sm\:scale-\[0\.50\] { scale: 0.50; } } @media (width >= 40rem) { .sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-14 { grid-template-columns: repeat(14, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-15 { grid-template-columns: repeat(15, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:flex-col { flex-direction: column; } } @media (width >= 40rem) { .sm\:flex-row { flex-direction: row; } } @media (width >= 40rem) { .sm\:flex-nowrap { flex-wrap: nowrap; } } @media (width >= 40rem) { .sm\:items-center { align-items: center; } } @media (width >= 40rem) { .sm\:items-end { align-items: flex-end; } } @media (width >= 40rem) { .sm\:justify-between { justify-content: space-between; } } @media (width >= 40rem) { .sm\:justify-end { justify-content: flex-end; } } @media (width >= 40rem) { .sm\:justify-start { justify-content: flex-start; } } @media (width >= 40rem) { .sm\:gap-2 { gap: calc(var(--spacing) * 2); } } @media (width >= 40rem) { .sm\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); } } @media (width >= 40rem) { .sm\:gap-3 { gap: calc(var(--spacing) * 3); } } @media (width >= 40rem) { .sm\:gap-4 { gap: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:gap-6 { gap: calc(var(--spacing) * 6); } } @media (width >= 40rem) { :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } @media (width >= 40rem) { :where(.sm\:space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } @media (width >= 40rem) { .sm\:gap-x-3 { column-gap: calc(var(--spacing) * 3); } } @media (width >= 40rem) { :where(.sm\:space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 40rem) { :where(.sm\:space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 40rem) { .sm\:overflow-x-hidden { overflow-x: hidden; } } @media (width >= 40rem) { .sm\:rounded-none { border-radius: 0; } } @media (width >= 40rem) { .sm\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } } @media (width >= 40rem) { .sm\:p-0 { padding: calc(var(--spacing) * 0); } } @media (width >= 40rem) { .sm\:p-2 { padding: calc(var(--spacing) * 2); } } @media (width >= 40rem) { .sm\:p-4 { padding: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:p-5 { padding: calc(var(--spacing) * 5); } } @media (width >= 40rem) { .sm\:p-6 { padding: calc(var(--spacing) * 6); } } @media (width >= 40rem) { .sm\:p-8 { padding: calc(var(--spacing) * 8); } } @media (width >= 40rem) { .sm\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media (width >= 40rem) { .sm\:px-3 { padding-inline: calc(var(--spacing) * 3); } } @media (width >= 40rem) { .sm\:px-4 { padding-inline: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } } @media (width >= 40rem) { .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } } @media (width >= 40rem) { .sm\:py-2 { padding-block: calc(var(--spacing) * 2); } } @media (width >= 40rem) { .sm\:py-4 { padding-block: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:pr-5 { padding-right: calc(var(--spacing) * 5); } } @media (width >= 40rem) { .sm\:pr-6 { padding-right: calc(var(--spacing) * 6); } } @media (width >= 40rem) { .sm\:pl-2 { padding-left: calc(var(--spacing) * 2); } } @media (width >= 40rem) { .sm\:text-left { text-align: left; } } @media (width >= 40rem) { .sm\:text-start { text-align: start; } } @media (width >= 40rem) { .sm\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } @media (width >= 40rem) { .sm\:text-8xl { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)); } } @media (width >= 40rem) { .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } @media (width >= 40rem) { .sm\:text-base\/normal { font-size: var(--text-base); line-height: var(--leading-normal); } } @media (width >= 40rem) { .sm\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } @media (width >= 40rem) { .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } @media (width >= 40rem) { .sm\:text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } } @media (width >= 40rem) { .sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } @media (width >= 40rem) { .sm\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } @media (width >= 40rem) { .sm\:tracking-\[5px\] { --tw-tracking: 5px; letter-spacing: 5px; } } @media (width >= 40rem) { .sm\:first\:rounded-l-\[5px\]:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } } @media (width >= 40rem) { .sm\:last\:rounded-r-\[5px\]:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } } @media (width >= 48rem) { .md\:absolute { position: absolute; } } @media (width >= 48rem) { .md\:fixed { position: fixed; } } @media (width >= 48rem) { .md\:static { position: static; } } @media (width >= 48rem) { .md\:inset-0 { inset: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:top-3 { top: calc(var(--spacing) * 3); } } @media (width >= 48rem) { .md\:top-10 { top: calc(var(--spacing) * 10); } } @media (width >= 48rem) { .md\:right-10 { right: calc(var(--spacing) * 10); } } @media (width >= 48rem) { .md\:bottom-\[30px\] { bottom: 30px; } } @media (width >= 48rem) { .md\:-left-24 { left: calc(var(--spacing) * -24); } } @media (width >= 48rem) { .md\:left-\[36px\] { left: 36px; } } @media (width >= 48rem) { .md\:order-1 { order: 1; } } @media (width >= 48rem) { .md\:order-2 { order: 2; } } @media (width >= 48rem) { .md\:col-span-1 { grid-column: span 1 / span 1; } } @media (width >= 48rem) { .md\:col-span-2 { grid-column: span 2 / span 2; } } @media (width >= 48rem) { .md\:col-span-3 { grid-column: span 3 / span 3; } } @media (width >= 48rem) { .md\:col-span-4 { grid-column: span 4 / span 4; } } @media (width >= 48rem) { .md\:col-span-5 { grid-column: span 5 / span 5; } } @media (width >= 48rem) { .md\:col-span-6 { grid-column: span 6 / span 6; } } @media (width >= 48rem) { .md\:m-6 { margin: calc(var(--spacing) * 6); } } @media (width >= 48rem) { .md\:my-8 { margin-block: calc(var(--spacing) * 8); } } @media (width >= 48rem) { .md\:mt-0 { margin-top: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:mt-6 { margin-top: calc(var(--spacing) * 6); } } @media (width >= 48rem) { .md\:mt-8 { margin-top: calc(var(--spacing) * 8); } } @media (width >= 48rem) { .md\:mt-10 { margin-top: calc(var(--spacing) * 10); } } @media (width >= 48rem) { .md\:mt-12 { margin-top: calc(var(--spacing) * 12); } } @media (width >= 48rem) { .md\:mt-28 { margin-top: calc(var(--spacing) * 28); } } @media (width >= 48rem) { .md\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:mb-2 { margin-bottom: calc(var(--spacing) * 2); } } @media (width >= 48rem) { .md\:mb-6 { margin-bottom: calc(var(--spacing) * 6); } } @media (width >= 48rem) { .md\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } } @media (width >= 48rem) { .md\:block { display: block; } } @media (width >= 48rem) { .md\:flex { display: flex; } } @media (width >= 48rem) { .md\:grid { display: grid; } } @media (width >= 48rem) { .md\:hidden { display: none; } } @media (width >= 48rem) { .md\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } } @media (width >= 48rem) { .md\:size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } } @media (width >= 48rem) { .md\:size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } } @media (width >= 48rem) { .md\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } } @media (width >= 48rem) { .md\:size-28 { width: calc(var(--spacing) * 28); height: calc(var(--spacing) * 28); } } @media (width >= 48rem) { .md\:size-34 { width: calc(var(--spacing) * 34); height: calc(var(--spacing) * 34); } } @media (width >= 48rem) { .md\:h-5 { height: calc(var(--spacing) * 5); } } @media (width >= 48rem) { .md\:h-6 { height: calc(var(--spacing) * 6); } } @media (width >= 48rem) { .md\:h-7 { height: calc(var(--spacing) * 7); } } @media (width >= 48rem) { .md\:h-8 { height: calc(var(--spacing) * 8); } } @media (width >= 48rem) { .md\:h-9 { height: calc(var(--spacing) * 9); } } @media (width >= 48rem) { .md\:h-12 { height: calc(var(--spacing) * 12); } } @media (width >= 48rem) { .md\:h-28 { height: calc(var(--spacing) * 28); } } @media (width >= 48rem) { .md\:h-\[36px\] { height: 36px; } } @media (width >= 48rem) { .md\:min-h-\[180px\] { min-height: 180px; } } @media (width >= 48rem) { .md\:w-1\/2 { width: calc(1/2 * 100%); } } @media (width >= 48rem) { .md\:w-1\/3 { width: calc(1/3 * 100%); } } @media (width >= 48rem) { .md\:w-1\/4 { width: calc(1/4 * 100%); } } @media (width >= 48rem) { .md\:w-3\/4 { width: calc(3/4 * 100%); } } @media (width >= 48rem) { .md\:w-5 { width: calc(var(--spacing) * 5); } } @media (width >= 48rem) { .md\:w-6 { width: calc(var(--spacing) * 6); } } @media (width >= 48rem) { .md\:w-7 { width: calc(var(--spacing) * 7); } } @media (width >= 48rem) { .md\:w-8 { width: calc(var(--spacing) * 8); } } @media (width >= 48rem) { .md\:w-9 { width: calc(var(--spacing) * 9); } } @media (width >= 48rem) { .md\:w-12 { width: calc(var(--spacing) * 12); } } @media (width >= 48rem) { .md\:w-30 { width: calc(var(--spacing) * 30); } } @media (width >= 48rem) { .md\:w-36 { width: calc(var(--spacing) * 36); } } @media (width >= 48rem) { .md\:w-40 { width: calc(var(--spacing) * 40); } } @media (width >= 48rem) { .md\:w-48 { width: calc(var(--spacing) * 48); } } @media (width >= 48rem) { .md\:w-64 { width: calc(var(--spacing) * 64); } } @media (width >= 48rem) { .md\:w-80 { width: calc(var(--spacing) * 80); } } @media (width >= 48rem) { .md\:w-105 { width: calc(var(--spacing) * 105); } } @media (width >= 48rem) { .md\:w-\[180px\] { width: 180px; } } @media (width >= 48rem) { .md\:w-\[400px\] { width: 400px; } } @media (width >= 48rem) { .md\:w-auto { width: auto; } } @media (width >= 48rem) { .md\:max-w-md { max-width: var(--container-md); } } @media (width >= 48rem) { .md\:max-w-none { max-width: none; } } @media (width >= 48rem) { .md\:min-w-\[36px\] { min-width: 36px; } } @media (width >= 48rem) { .md\:min-w-\[400px\] { min-width: 400px; } } @media (width >= 48rem) { .md\:flex-1 { flex: 1; } } @media (width >= 48rem) { .md\:flex-none { flex: none; } } @media (width >= 48rem) { .md\:flex-grow-0 { flex-grow: 0; } } @media (width >= 48rem) { .md\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (width >= 48rem) { .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-14 { grid-template-columns: repeat(14, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:flex-row { flex-direction: row; } } @media (width >= 48rem) { .md\:flex-nowrap { flex-wrap: nowrap; } } @media (width >= 48rem) { .md\:items-center { align-items: center; } } @media (width >= 48rem) { .md\:items-end { align-items: flex-end; } } @media (width >= 48rem) { .md\:justify-between { justify-content: space-between; } } @media (width >= 48rem) { .md\:justify-center { justify-content: center; } } @media (width >= 48rem) { .md\:justify-end { justify-content: flex-end; } } @media (width >= 48rem) { .md\:justify-start { justify-content: flex-start; } } @media (width >= 48rem) { .md\:gap-1 { gap: calc(var(--spacing) * 1); } } @media (width >= 48rem) { .md\:gap-2 { gap: calc(var(--spacing) * 2); } } @media (width >= 48rem) { .md\:gap-3 { gap: calc(var(--spacing) * 3); } } @media (width >= 48rem) { .md\:gap-3\.5 { gap: calc(var(--spacing) * 3.5); } } @media (width >= 48rem) { .md\:gap-4 { gap: calc(var(--spacing) * 4); } } @media (width >= 48rem) { .md\:gap-6 { gap: calc(var(--spacing) * 6); } } @media (width >= 48rem) { :where(.md\:space-y-3\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse))); } } @media (width >= 48rem) { .md\:gap-x-2 { column-gap: calc(var(--spacing) * 2); } } @media (width >= 48rem) { :where(.md\:space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 48rem) { :where(.md\:divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } } @media (width >= 48rem) { :where(.md\:divide-y-0 > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(0px * var(--tw-divide-y-reverse)); border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); } } @media (width >= 48rem) { .md\:overflow-x-hidden { overflow-x: hidden; } } @media (width >= 48rem) { .md\:overflow-x-visible { overflow-x: visible; } } @media (width >= 48rem) { .md\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } @media (width >= 48rem) { .md\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } } @media (width >= 48rem) { .md\:p-0 { padding: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:p-1\.5 { padding: calc(var(--spacing) * 1.5); } } @media (width >= 48rem) { .md\:p-3 { padding: calc(var(--spacing) * 3); } } @media (width >= 48rem) { .md\:p-4 { padding: calc(var(--spacing) * 4); } } @media (width >= 48rem) { .md\:p-6 { padding: calc(var(--spacing) * 6); } } @media (width >= 48rem) { .md\:p-8 { padding: calc(var(--spacing) * 8); } } @media (width >= 48rem) { .md\:p-10 { padding: calc(var(--spacing) * 10); } } @media (width >= 48rem) { .md\:p-12 { padding: calc(var(--spacing) * 12); } } @media (width >= 48rem) { .md\:px-4 { padding-inline: calc(var(--spacing) * 4); } } @media (width >= 48rem) { .md\:px-6 { padding-inline: calc(var(--spacing) * 6); } } @media (width >= 48rem) { .md\:px-7 { padding-inline: calc(var(--spacing) * 7); } } @media (width >= 48rem) { .md\:px-8 { padding-inline: calc(var(--spacing) * 8); } } @media (width >= 48rem) { .md\:px-10 { padding-inline: calc(var(--spacing) * 10); } } @media (width >= 48rem) { .md\:px-12 { padding-inline: calc(var(--spacing) * 12); } } @media (width >= 48rem) { .md\:py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } } @media (width >= 48rem) { .md\:py-3 { padding-block: calc(var(--spacing) * 3); } } @media (width >= 48rem) { .md\:py-5 { padding-block: calc(var(--spacing) * 5); } } @media (width >= 48rem) { .md\:py-8 { padding-block: calc(var(--spacing) * 8); } } @media (width >= 48rem) { .md\:py-10 { padding-block: calc(var(--spacing) * 10); } } @media (width >= 48rem) { .md\:py-12 { padding-block: calc(var(--spacing) * 12); } } @media (width >= 48rem) { .md\:pt-2 { padding-top: calc(var(--spacing) * 2); } } @media (width >= 48rem) { .md\:pt-8 { padding-top: calc(var(--spacing) * 8); } } @media (width >= 48rem) { .md\:pt-16 { padding-top: calc(var(--spacing) * 16); } } @media (width >= 48rem) { .md\:pb-0 { padding-bottom: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:text-left { text-align: left; } } @media (width >= 48rem) { .md\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } @media (width >= 48rem) { .md\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } @media (width >= 48rem) { .md\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } @media (width >= 48rem) { .md\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } @media (width >= 48rem) { .md\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } @media (width >= 48rem) { .md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } @media (width >= 48rem) { .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } @media (width >= 48rem) { .md\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } @media (width >= 48rem) { .md\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } @media (width >= 48rem) { .md\:text-\[10px\] { font-size: 10px; } } @media (width >= 48rem) { .md\:text-\[11px\] { font-size: 11px; } } @media (width >= 48rem) { .md\:text-\[13px\] { font-size: 13px; } } @media (width >= 48rem) { .md\:text-\[15px\] { font-size: 15px; } } @media (width >= 48rem) { .md\:text-\[17px\] { font-size: 17px; } } @media (width >= 64rem) { .lg\:sticky { position: sticky; } } @media (width >= 64rem) { .lg\:top-3\.5 { top: calc(var(--spacing) * 3.5); } } @media (width >= 64rem) { .lg\:top-6 { top: calc(var(--spacing) * 6); } } @media (width >= 64rem) { .lg\:top-\[14px\] { top: 14px; } } @media (width >= 64rem) { .lg\:right-2\.5 { right: calc(var(--spacing) * 2.5); } } @media (width >= 64rem) { .lg\:right-3 { right: calc(var(--spacing) * 3); } } @media (width >= 64rem) { .lg\:left-1\.5 { left: calc(var(--spacing) * 1.5); } } @media (width >= 64rem) { .lg\:order-1 { order: 1; } } @media (width >= 64rem) { .lg\:order-2 { order: 2; } } @media (width >= 64rem) { .lg\:order-last { order: 9999; } } @media (width >= 64rem) { .lg\:order-none { order: 0; } } @media (width >= 64rem) { .lg\:col-span-1 { grid-column: span 1 / span 1; } } @media (width >= 64rem) { .lg\:col-span-2 { grid-column: span 2 / span 2; } } @media (width >= 64rem) { .lg\:col-span-3 { grid-column: span 3 / span 3; } } @media (width >= 64rem) { .lg\:col-span-4 { grid-column: span 4 / span 4; } } @media (width >= 64rem) { .lg\:col-span-5 { grid-column: span 5 / span 5; } } @media (width >= 64rem) { .lg\:col-span-6 { grid-column: span 6 / span 6; } } @media (width >= 64rem) { .lg\:col-span-7 { grid-column: span 7 / span 7; } } @media (width >= 64rem) { .lg\:col-span-8 { grid-column: span 8 / span 8; } } @media (width >= 64rem) { .lg\:col-span-16 { grid-column: span 16 / span 16; } } @media (width >= 64rem) { .lg\:mt-0 { margin-top: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:mt-6 { margin-top: calc(var(--spacing) * 6); } } @media (width >= 64rem) { .lg\:mt-10 { margin-top: calc(var(--spacing) * 10); } } @media (width >= 64rem) { .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } } @media (width >= 64rem) { .lg\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:ml-4 { margin-left: calc(var(--spacing) * 4); } } @media (width >= 64rem) { .lg\:block { display: block; } } @media (width >= 64rem) { .lg\:flex { display: flex; } } @media (width >= 64rem) { .lg\:hidden { display: none; } } @media (width >= 64rem) { .lg\:size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } } @media (width >= 64rem) { .lg\:size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } @media (width >= 64rem) { .lg\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } } @media (width >= 64rem) { .lg\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } } @media (width >= 64rem) { .lg\:size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } } @media (width >= 64rem) { .lg\:size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } } @media (width >= 64rem) { .lg\:size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } } @media (width >= 64rem) { .lg\:size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } } @media (width >= 64rem) { .lg\:size-30 { width: calc(var(--spacing) * 30); height: calc(var(--spacing) * 30); } } @media (width >= 64rem) { .lg\:size-\[20px\] { width: 20px; height: 20px; } } @media (width >= 64rem) { .lg\:size-\[37px\] { width: 37px; height: 37px; } } @media (width >= 64rem) { .lg\:size-\[38px\] { width: 38px; height: 38px; } } @media (width >= 64rem) { .lg\:h-6 { height: calc(var(--spacing) * 6); } } @media (width >= 64rem) { .lg\:h-10 { height: calc(var(--spacing) * 10); } } @media (width >= 64rem) { .lg\:h-13 { height: calc(var(--spacing) * 13); } } @media (width >= 64rem) { .lg\:h-20 { height: calc(var(--spacing) * 20); } } @media (width >= 64rem) { .lg\:h-\[40px\] { height: 40px; } } @media (width >= 64rem) { .lg\:h-auto { height: auto; } } @media (width >= 64rem) { .lg\:h-full { height: 100%; } } @media (width >= 64rem) { .lg\:max-h-\[calc\(100vh-48px\)\] { max-height: calc(100vh - 48px); } } @media (width >= 64rem) { .lg\:w-1\/2 { width: calc(1/2 * 100%); } } @media (width >= 64rem) { .lg\:w-1\/3 { width: calc(1/3 * 100%); } } @media (width >= 64rem) { .lg\:w-1\/4 { width: calc(1/4 * 100%); } } @media (width >= 64rem) { .lg\:w-1\/7 { width: calc(1/7 * 100%); } } @media (width >= 64rem) { .lg\:w-1\/8 { width: calc(1/8 * 100%); } } @media (width >= 64rem) { .lg\:w-2\/3 { width: calc(2/3 * 100%); } } @media (width >= 64rem) { .lg\:w-2\/5 { width: calc(2/5 * 100%); } } @media (width >= 64rem) { .lg\:w-3\/4 { width: calc(3/4 * 100%); } } @media (width >= 64rem) { .lg\:w-3\/5 { width: calc(3/5 * 100%); } } @media (width >= 64rem) { .lg\:w-6 { width: calc(var(--spacing) * 6); } } @media (width >= 64rem) { .lg\:w-6\/7 { width: calc(6/7 * 100%); } } @media (width >= 64rem) { .lg\:w-10 { width: calc(var(--spacing) * 10); } } @media (width >= 64rem) { .lg\:w-13 { width: calc(var(--spacing) * 13); } } @media (width >= 64rem) { .lg\:w-14 { width: calc(var(--spacing) * 14); } } @media (width >= 64rem) { .lg\:w-20 { width: calc(var(--spacing) * 20); } } @media (width >= 64rem) { .lg\:w-25 { width: calc(var(--spacing) * 25); } } @media (width >= 64rem) { .lg\:w-36 { width: calc(var(--spacing) * 36); } } @media (width >= 64rem) { .lg\:w-44 { width: calc(var(--spacing) * 44); } } @media (width >= 64rem) { .lg\:w-48 { width: calc(var(--spacing) * 48); } } @media (width >= 64rem) { .lg\:w-50 { width: calc(var(--spacing) * 50); } } @media (width >= 64rem) { .lg\:w-64 { width: calc(var(--spacing) * 64); } } @media (width >= 64rem) { .lg\:w-80 { width: calc(var(--spacing) * 80); } } @media (width >= 64rem) { .lg\:w-96 { width: calc(var(--spacing) * 96); } } @media (width >= 64rem) { .lg\:w-180 { width: calc(var(--spacing) * 180); } } @media (width >= 64rem) { .lg\:w-\[100px\] { width: 100px; } } @media (width >= 64rem) { .lg\:w-\[150px\] { width: 150px; } } @media (width >= 64rem) { .lg\:w-\[180px\] { width: 180px; } } @media (width >= 64rem) { .lg\:w-\[200px\] { width: 200px; } } @media (width >= 64rem) { .lg\:w-\[250px\] { width: 250px; } } @media (width >= 64rem) { .lg\:w-\[300px\] { width: 300px; } } @media (width >= 64rem) { .lg\:w-\[320px\] { width: 320px; } } @media (width >= 64rem) { .lg\:w-\[380px\] { width: 380px; } } @media (width >= 64rem) { .lg\:w-\[400px\] { width: 400px; } } @media (width >= 64rem) { .lg\:w-\[450px\] { width: 450px; } } @media (width >= 64rem) { .lg\:w-\[600px\] { width: 600px; } } @media (width >= 64rem) { .lg\:w-\[700px\] { width: 700px; } } @media (width >= 64rem) { .lg\:w-auto { width: auto; } } @media (width >= 64rem) { .lg\:w-full { width: 100%; } } @media (width >= 64rem) { .lg\:max-w-7xl { max-width: var(--container-7xl); } } @media (width >= 64rem) { .lg\:min-w-0 { min-width: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:min-w-16 { min-width: calc(var(--spacing) * 16); } } @media (width >= 64rem) { .lg\:min-w-21 { min-width: calc(var(--spacing) * 21); } } @media (width >= 64rem) { .lg\:min-w-34 { min-width: calc(var(--spacing) * 34); } } @media (width >= 64rem) { .lg\:min-w-\[480px\] { min-width: 480px; } } @media (width >= 64rem) { .lg\:flex-none { flex: none; } } @media (width >= 64rem) { .lg\:scale-\[0\.52\] { scale: 0.52; } } @media (width >= 64rem) { .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-13 { grid-template-columns: repeat(13, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-14 { grid-template-columns: repeat(14, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-15 { grid-template-columns: repeat(15, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-18 { grid-template-columns: repeat(18, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:flex-row { flex-direction: row; } } @media (width >= 64rem) { .lg\:flex-nowrap { flex-wrap: nowrap; } } @media (width >= 64rem) { .lg\:flex-wrap { flex-wrap: wrap; } } @media (width >= 64rem) { .lg\:items-center { align-items: center; } } @media (width >= 64rem) { .lg\:justify-between { justify-content: space-between; } } @media (width >= 64rem) { .lg\:justify-end { justify-content: flex-end; } } @media (width >= 64rem) { .lg\:justify-start { justify-content: flex-start; } } @media (width >= 64rem) { .lg\:gap-2 { gap: calc(var(--spacing) * 2); } } @media (width >= 64rem) { .lg\:gap-3 { gap: calc(var(--spacing) * 3); } } @media (width >= 64rem) { .lg\:gap-4 { gap: calc(var(--spacing) * 4); } } @media (width >= 64rem) { .lg\:gap-5 { gap: calc(var(--spacing) * 5); } } @media (width >= 64rem) { .lg\:gap-6 { gap: calc(var(--spacing) * 6); } } @media (width >= 64rem) { .lg\:gap-10 { gap: calc(var(--spacing) * 10); } } @media (width >= 64rem) { .lg\:gap-x-3\.5 { column-gap: calc(var(--spacing) * 3.5); } } @media (width >= 64rem) { .lg\:gap-x-4 { column-gap: calc(var(--spacing) * 4); } } @media (width >= 64rem) { :where(.lg\:space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 64rem) { .lg\:overflow-x-hidden { overflow-x: hidden; } } @media (width >= 64rem) { .lg\:overflow-y-auto { overflow-y: auto; } } @media (width >= 64rem) { .lg\:rounded-none { border-radius: 0; } } @media (width >= 64rem) { .lg\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } } @media (width >= 64rem) { .lg\:rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } } @media (width >= 64rem) { .lg\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0px; } } @media (width >= 64rem) { .lg\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } } @media (width >= 64rem) { .lg\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } } @media (width >= 64rem) { .lg\:p-3 { padding: calc(var(--spacing) * 3); } } @media (width >= 64rem) { .lg\:p-4 { padding: calc(var(--spacing) * 4); } } @media (width >= 64rem) { .lg\:p-6 { padding: calc(var(--spacing) * 6); } } @media (width >= 64rem) { .lg\:px-3 { padding-inline: calc(var(--spacing) * 3); } } @media (width >= 64rem) { .lg\:px-4 { padding-inline: calc(var(--spacing) * 4); } } @media (width >= 64rem) { .lg\:px-5 { padding-inline: calc(var(--spacing) * 5); } } @media (width >= 64rem) { .lg\:px-6 { padding-inline: calc(var(--spacing) * 6); } } @media (width >= 64rem) { .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:px-10 { padding-inline: calc(var(--spacing) * 10); } } @media (width >= 64rem) { .lg\:px-14 { padding-inline: calc(var(--spacing) * 14); } } @media (width >= 64rem) { .lg\:py-2 { padding-block: calc(var(--spacing) * 2); } } @media (width >= 64rem) { .lg\:py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } } @media (width >= 64rem) { .lg\:py-16 { padding-block: calc(var(--spacing) * 16); } } @media (width >= 64rem) { .lg\:py-\[7px\] { padding-block: 7px; } } @media (width >= 64rem) { .lg\:ps-4 { padding-inline-start: calc(var(--spacing) * 4); } } @media (width >= 64rem) { .lg\:pe-2 { padding-inline-end: calc(var(--spacing) * 2); } } @media (width >= 64rem) { .lg\:pt-2 { padding-top: calc(var(--spacing) * 2); } } @media (width >= 64rem) { .lg\:pt-15 { padding-top: calc(var(--spacing) * 15); } } @media (width >= 64rem) { .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } } @media (width >= 64rem) { .lg\:pr-2 { padding-right: calc(var(--spacing) * 2); } } @media (width >= 64rem) { .lg\:pr-7 { padding-right: calc(var(--spacing) * 7); } } @media (width >= 64rem) { .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:pl-2 { padding-left: calc(var(--spacing) * 2); } } @media (width >= 64rem) { .lg\:pl-5 { padding-left: calc(var(--spacing) * 5); } } @media (width >= 64rem) { .lg\:pl-9 { padding-left: calc(var(--spacing) * 9); } } @media (width >= 64rem) { .lg\:text-left { text-align: left; } } @media (width >= 64rem) { .lg\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } @media (width >= 64rem) { .lg\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } @media (width >= 64rem) { .lg\:text-3xl\/tight { font-size: var(--text-3xl); line-height: var(--leading-tight); } } @media (width >= 64rem) { .lg\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } @media (width >= 64rem) { .lg\:text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)); } } @media (width >= 64rem) { .lg\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } @media (width >= 64rem) { .lg\:text-base\/tight { font-size: var(--text-base); line-height: var(--leading-tight); } } @media (width >= 64rem) { .lg\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } @media (width >= 64rem) { .lg\:text-lg\/tight { font-size: var(--text-lg); line-height: var(--leading-tight); } } @media (width >= 64rem) { .lg\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } @media (width >= 64rem) { .lg\:text-sm\/loose { font-size: var(--text-sm); line-height: var(--leading-loose); } } @media (width >= 64rem) { .lg\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } @media (width >= 64rem) { .lg\:text-xl\/tight { font-size: var(--text-xl); line-height: var(--leading-tight); } } @media (width >= 64rem) { .lg\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } @media (width >= 64rem) { .lg\:text-\[13px\] { font-size: 13px; } } @media (width >= 64rem) { .lg\:text-\[15px\] { font-size: 15px; } } @media (width >= 64rem) { .lg\:text-\[17px\] { font-size: 17px; } } @media (width >= 64rem) { .lg\:tracking-\[10px\] { --tw-tracking: 10px; letter-spacing: 10px; } } @media (width >= 64rem) { .lg\:after\:h-12::after { content: var(--tw-content); height: calc(var(--spacing) * 12); } } @media (width >= 64rem) { .lg\:after\:w-12::after { content: var(--tw-content); width: calc(var(--spacing) * 12); } } @media (width >= 80rem) { .xl\:-top-\[67px\] { top: calc(67px * -1); } } @media (width >= 80rem) { .xl\:bottom-\[67px\] { bottom: 67px; } } @media (width >= 80rem) { .xl\:-left-\[24px\] { left: calc(24px * -1); } } @media (width >= 80rem) { .xl\:left-\[84px\] { left: 84px; } } @media (width >= 80rem) { .xl\:col-span-1 { grid-column: span 1 / span 1; } } @media (width >= 80rem) { .xl\:col-span-2 { grid-column: span 2 / span 2; } } @media (width >= 80rem) { .xl\:col-span-3 { grid-column: span 3 / span 3; } } @media (width >= 80rem) { .xl\:col-span-4 { grid-column: span 4 / span 4; } } @media (width >= 80rem) { .xl\:col-span-10 { grid-column: span 10 / span 10; } } @media (width >= 80rem) { .xl\:col-span-20 { grid-column: span 20 / span 20; } } @media (width >= 80rem) { .xl\:col-start-3 { grid-column-start: 3; } } @media (width >= 80rem) { .xl\:col-start-5 { grid-column-start: 5; } } @media (width >= 80rem) { .xl\:mt-12 { margin-top: calc(var(--spacing) * 12); } } @media (width >= 80rem) { .xl\:mt-20 { margin-top: calc(var(--spacing) * 20); } } @media (width >= 80rem) { .xl\:mt-26 { margin-top: calc(var(--spacing) * 26); } } @media (width >= 80rem) { .xl\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } } @media (width >= 80rem) { .xl\:block { display: block; } } @media (width >= 80rem) { .xl\:flex { display: flex; } } @media (width >= 80rem) { .xl\:hidden { display: none; } } @media (width >= 80rem) { .xl\:size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } @media (width >= 80rem) { .xl\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } } @media (width >= 80rem) { .xl\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } } @media (width >= 80rem) { .xl\:size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } } @media (width >= 80rem) { .xl\:size-13 { width: calc(var(--spacing) * 13); height: calc(var(--spacing) * 13); } } @media (width >= 80rem) { .xl\:size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); } } @media (width >= 80rem) { .xl\:size-37 { width: calc(var(--spacing) * 37); height: calc(var(--spacing) * 37); } } @media (width >= 80rem) { .xl\:size-60 { width: calc(var(--spacing) * 60); height: calc(var(--spacing) * 60); } } @media (width >= 80rem) { .xl\:size-68 { width: calc(var(--spacing) * 68); height: calc(var(--spacing) * 68); } } @media (width >= 80rem) { .xl\:size-80 { width: calc(var(--spacing) * 80); height: calc(var(--spacing) * 80); } } @media (width >= 80rem) { .xl\:h-25 { height: calc(var(--spacing) * 25); } } @media (width >= 80rem) { .xl\:h-32 { height: calc(var(--spacing) * 32); } } @media (width >= 80rem) { .xl\:h-64 { height: calc(var(--spacing) * 64); } } @media (width >= 80rem) { .xl\:h-\[151px\] { height: 151px; } } @media (width >= 80rem) { .xl\:w-1\/2 { width: calc(1/2 * 100%); } } @media (width >= 80rem) { .xl\:w-1\/3 { width: calc(1/3 * 100%); } } @media (width >= 80rem) { .xl\:w-1\/7 { width: calc(1/7 * 100%); } } @media (width >= 80rem) { .xl\:w-2\/3 { width: calc(2/3 * 100%); } } @media (width >= 80rem) { .xl\:w-6\/7 { width: calc(6/7 * 100%); } } @media (width >= 80rem) { .xl\:w-24 { width: calc(var(--spacing) * 24); } } @media (width >= 80rem) { .xl\:w-25 { width: calc(var(--spacing) * 25); } } @media (width >= 80rem) { .xl\:w-36 { width: calc(var(--spacing) * 36); } } @media (width >= 80rem) { .xl\:w-56 { width: calc(var(--spacing) * 56); } } @media (width >= 80rem) { .xl\:w-68 { width: calc(var(--spacing) * 68); } } @media (width >= 80rem) { .xl\:w-\[16\%\] { width: 16%; } } @media (width >= 80rem) { .xl\:w-\[84\%\] { width: 84%; } } @media (width >= 80rem) { .xl\:w-\[100px\] { width: 100px; } } @media (width >= 80rem) { .xl\:w-\[180px\] { width: 180px; } } @media (width >= 80rem) { .xl\:w-\[220px\] { width: 220px; } } @media (width >= 80rem) { .xl\:w-\[580px\] { width: 580px; } } @media (width >= 80rem) { .xl\:w-\[600px\] { width: 600px; } } @media (width >= 80rem) { .xl\:min-w-20 { min-width: calc(var(--spacing) * 20); } } @media (width >= 80rem) { .xl\:min-w-28 { min-width: calc(var(--spacing) * 28); } } @media (width >= 80rem) { .xl\:min-w-40 { min-width: calc(var(--spacing) * 40); } } @media (width >= 80rem) { .xl\:scale-\[0\.65\] { scale: 0.65; } } @media (width >= 80rem) { .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (width >= 80rem) { .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (width >= 80rem) { .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (width >= 80rem) { .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (width >= 80rem) { .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (width >= 80rem) { .xl\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } } @media (width >= 80rem) { .xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } } @media (width >= 80rem) { .xl\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } } @media (width >= 80rem) { .xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } } @media (width >= 80rem) { .xl\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } } @media (width >= 80rem) { .xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (width >= 80rem) { .xl\:grid-cols-20 { grid-template-columns: repeat(20, minmax(0, 1fr)); } } @media (width >= 80rem) { .xl\:flex-nowrap { flex-wrap: nowrap; } } @media (width >= 80rem) { .xl\:gap-4 { gap: calc(var(--spacing) * 4); } } @media (width >= 80rem) { .xl\:gap-5 { gap: calc(var(--spacing) * 5); } } @media (width >= 80rem) { .xl\:gap-6 { gap: calc(var(--spacing) * 6); } } @media (width >= 80rem) { .xl\:gap-x-5 { column-gap: calc(var(--spacing) * 5); } } @media (width >= 80rem) { :where(.xl\:space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 80rem) { .xl\:rounded-xl { border-radius: var(--radius-xl); } } @media (width >= 80rem) { .xl\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } } @media (width >= 80rem) { .xl\:p-4 { padding: calc(var(--spacing) * 4); } } @media (width >= 80rem) { .xl\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media (width >= 80rem) { .xl\:px-3 { padding-inline: calc(var(--spacing) * 3); } } @media (width >= 80rem) { .xl\:px-4 { padding-inline: calc(var(--spacing) * 4); } } @media (width >= 80rem) { .xl\:px-20 { padding-inline: calc(var(--spacing) * 20); } } @media (width >= 80rem) { .xl\:px-24 { padding-inline: calc(var(--spacing) * 24); } } @media (width >= 80rem) { .xl\:py-10 { padding-block: calc(var(--spacing) * 10); } } @media (width >= 80rem) { .xl\:pt-10 { padding-top: calc(var(--spacing) * 10); } } @media (width >= 80rem) { .xl\:pb-3 { padding-bottom: calc(var(--spacing) * 3); } } @media (width >= 80rem) { .xl\:pl-26 { padding-left: calc(var(--spacing) * 26); } } @media (width >= 80rem) { .xl\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } @media (width >= 80rem) { .xl\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } @media (width >= 80rem) { .xl\:text-3xl\/normal { font-size: var(--text-3xl); line-height: var(--leading-normal); } } @media (width >= 80rem) { .xl\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } @media (width >= 80rem) { .xl\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } @media (width >= 80rem) { .xl\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } @media (width >= 80rem) { .xl\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } @media (width >= 80rem) { .xl\:text-\[15px\] { font-size: 15px; } } @media (width >= 80rem) { .xl\:text-\[18px\] { font-size: 18px; } } @media (width >= 80rem) { .xl\:text-\[22px\] { font-size: 22px; } } @media (width >= 80rem) { .xl\:text-\[45px\] { font-size: 45px; } } @media (width >= 80rem) { .xl\:text-\[300px\] { font-size: 300px; } } @media (width >= 96rem) { .\32xl\:col-span-1 { grid-column: span 1 / span 1; } } @media (width >= 96rem) { .\32xl\:col-span-2 { grid-column: span 2 / span 2; } } @media (width >= 96rem) { .\32xl\:col-span-3 { grid-column: span 3 / span 3; } } @media (width >= 96rem) { .\32xl\:col-span-4 { grid-column: span 4 / span 4; } } @media (width >= 96rem) { .\32xl\:col-span-5 { grid-column: span 5 / span 5; } } @media (width >= 96rem) { .\32xl\:col-span-8 { grid-column: span 8 / span 8; } } @media (width >= 96rem) { .\32xl\:col-start-3 { grid-column-start: 3; } } @media (width >= 96rem) { .\32xl\:h-34 { height: calc(var(--spacing) * 34); } } @media (width >= 96rem) { .\32xl\:h-\[70px\] { height: 70px; } } @media (width >= 96rem) { .\32xl\:w-1\/5 { width: calc(1/5 * 100%); } } @media (width >= 96rem) { .\32xl\:w-2\/5 { width: calc(2/5 * 100%); } } @media (width >= 96rem) { .\32xl\:w-4\/5 { width: calc(4/5 * 100%); } } @media (width >= 96rem) { .\32xl\:w-32 { width: calc(var(--spacing) * 32); } } @media (width >= 96rem) { .\32xl\:w-\[82px\] { width: 82px; } } @media (width >= 96rem) { .\32xl\:w-\[120px\] { width: 120px; } } @media (width >= 96rem) { .\32xl\:w-\[220px\] { width: 220px; } } @media (width >= 96rem) { .\32xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (width >= 96rem) { .\32xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (width >= 96rem) { .\32xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (width >= 96rem) { .\32xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (width >= 96rem) { .\32xl\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } } @media (width >= 96rem) { .\32xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } } @media (width >= 96rem) { .\32xl\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } } @media (width >= 96rem) { .\32xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } } @media (width >= 96rem) { .\32xl\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } } @media (width >= 96rem) { .\32xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (width >= 96rem) { .\32xl\:grid-cols-15 { grid-template-columns: repeat(15, minmax(0, 1fr)); } } @media (width >= 96rem) { .\32xl\:grid-cols-19 { grid-template-columns: repeat(19, minmax(0, 1fr)); } } @media (width >= 96rem) { .\32xl\:grid-cols-24 { grid-template-columns: repeat(24, minmax(0, 1fr)); } } @media (width >= 96rem) { .\32xl\:justify-start { justify-content: flex-start; } } @media (width >= 96rem) { .\32xl\:gap-4 { gap: calc(var(--spacing) * 4); } } @media (width >= 96rem) { .\32xl\:gap-5 { gap: calc(var(--spacing) * 5); } } @media (width >= 96rem) { .\32xl\:gap-6 { gap: calc(var(--spacing) * 6); } } @media (width >= 96rem) { .\32xl\:gap-10 { gap: calc(var(--spacing) * 10); } } @media (width >= 96rem) { :where(.\32xl\:space-y-9\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 9.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 9.5) * calc(1 - var(--tw-space-y-reverse))); } } @media (width >= 96rem) { :where(.\32xl\:space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } @media (width >= 96rem) { .\32xl\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media (width >= 96rem) { .\32xl\:px-4 { padding-inline: calc(var(--spacing) * 4); } } @media (width >= 96rem) { .\32xl\:ps-2 { padding-inline-start: calc(var(--spacing) * 2); } } @media (width >= 96rem) { .\32xl\:pl-26 { padding-left: calc(var(--spacing) * 26); } } @media (width >= 96rem) { .\32xl\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } @media (width >= 96rem) { .\32xl\:text-base\/tight { font-size: var(--text-base); line-height: var(--leading-tight); } } @media (width >= 96rem) { .\32xl\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } @media (width >= 96rem) { .\32xl\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } @media (width >= 96rem) { .\32xl\:text-\[15px\] { font-size: 15px; } } .rtl\:rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { rotate: 180deg; } :where(.rtl\:space-x-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *) > :not(:last-child)) { --tw-space-x-reverse: 1; } .rtl\:text-right:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { text-align: right; } .rtl\:peer-focus\:left-auto:where(:dir(rtl), [dir=rtl], [dir=rtl] *):is(:where(.peer):focus ~ *) { left: auto; } .rtl\:peer-focus\:translate-x-1\/4:where(:dir(rtl), [dir=rtl], [dir=rtl] *):is(:where(.peer):focus ~ *) { --tw-translate-x: calc(1/4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:peer-checked\:after\:-translate-x-full:where(:dir(rtl), [dir=rtl], [dir=rtl] *):is(:where(.peer):checked ~ *)::after { content: var(--tw-content); --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } @media (prefers-color-scheme: dark) { .dark\:border-blue-500 { border-color: var(--color-blue-500); } } @media (prefers-color-scheme: dark) { .dark\:border-gray-500 { border-color: var(--color-gray-500); } } @media (prefers-color-scheme: dark) { .dark\:border-gray-600 { border-color: var(--color-gray-600); } } @media (prefers-color-scheme: dark) { .dark\:border-gray-700 { border-color: var(--color-gray-700); } } @media (prefers-color-scheme: dark) { .dark\:border-transparent { border-color: transparent; } } @media (prefers-color-scheme: dark) { .dark\:bg-\[\#121212\] { background-color: #121212; } } @media (prefers-color-scheme: dark) { .dark\:bg-blue-600 { background-color: var(--color-blue-600); } } @media (prefers-color-scheme: dark) { .dark\:bg-blue-700 { background-color: var(--color-blue-700); } } @media (prefers-color-scheme: dark) { .dark\:bg-c19725 { background-color: var(--color-c19725); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-600 { background-color: var(--color-gray-600); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-700 { background-color: var(--color-gray-700); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-800 { background-color: var(--color-gray-800); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-800\/50 { background-color: color-mix(in srgb, #1F2937 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-gray-800\/50 { background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-900 { background-color: var(--color-gray-900); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-900\/80 { background-color: color-mix(in srgb, #111827 80%, transparent); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-gray-900\/80 { background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent); } } } @media (prefers-color-scheme: dark) { .dark\:bg-white { background-color: var(--color-white); } } @media (prefers-color-scheme: dark) { .dark\:text-\[\#898989\] { color: #898989; } } @media (prefers-color-scheme: dark) { .dark\:text-blue-500 { color: var(--color-blue-500); } } @media (prefers-color-scheme: dark) { .dark\:text-c19725 { color: var(--color-c19725); } } @media (prefers-color-scheme: dark) { .dark\:text-gray-300 { color: var(--color-gray-300); } } @media (prefers-color-scheme: dark) { .dark\:text-gray-400 { color: var(--color-gray-400); } } @media (prefers-color-scheme: dark) { .dark\:text-gray-500 { color: var(--color-gray-500); } } @media (prefers-color-scheme: dark) { .dark\:text-white { color: var(--color-white); } } @media (prefers-color-scheme: dark) { .dark\:placeholder-gray-400::placeholder { color: var(--color-gray-400); } } @media (prefers-color-scheme: dark) { .dark\:peer-focus\:text-\[\#c19725\]:is(:where(.peer):focus ~ *) { color: #c19725; } } @media (prefers-color-scheme: dark) { .peer-focus\:dark\:text-\[\#c19725\]:is(:where(.peer):focus ~ *) { color: #c19725; } } @media (prefers-color-scheme: dark) { .peer-focus\:dark\:text-blue-500:is(:where(.peer):focus ~ *) { color: var(--color-blue-500); } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-\[\#fdffc6\]:hover { background-color: #fdffc6; } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-blue-700:hover { background-color: var(--color-blue-700); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-fdffc6:hover { background-color: var(--color-fdffc6); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-gray-600:hover { background-color: var(--color-gray-600); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-gray-700:hover { background-color: var(--color-gray-700); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:bg-gray-800:hover { background-color: var(--color-gray-800); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-blue-500:hover { color: var(--color-blue-500); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-gray-300:hover { color: var(--color-gray-300); } } } @media (prefers-color-scheme: dark) { @media (hover: hover) { .dark\:hover\:text-white:hover { color: var(--color-white); } } } @media (prefers-color-scheme: dark) { .dark\:focus\:border-\[\#c19725\]:focus { border-color: #c19725; } } @media (prefers-color-scheme: dark) { .dark\:focus\:border-blue-500:focus { border-color: var(--color-blue-500); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-\[\#c19725\]:focus { --tw-ring-color: #c19725; } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-blue-500:focus { --tw-ring-color: var(--color-blue-500); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-blue-800:focus { --tw-ring-color: var(--color-blue-800); } } @media (prefers-color-scheme: dark) { .dark\:focus\:ring-gray-600:focus { --tw-ring-color: var(--color-gray-600); } } @media print { .print\:m-0 { margin: calc(var(--spacing) * 0); } } @media print { .print\:mt-4 { margin-top: calc(var(--spacing) * 4); } } @media print { .print\:block { display: block; } } @media print { .print\:hidden { display: none; } } @media print { .print\:h-auto { height: auto; } } @media print { .print\:w-full { width: 100%; } } @media print { .print\:overflow-visible { overflow: visible; } } @media print { .print\:border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } } @media print { .print\:border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } } @media print { .print\:border-none { --tw-border-style: none; border-style: none; } } @media print { .print\:border-black { border-color: var(--color-black); } } @media print { .print\:border-gray-900 { border-color: var(--color-gray-900); } } @media print { .print\:bg-white { background-color: var(--color-white); } } @media print { .print\:p-0 { padding: calc(var(--spacing) * 0); } } @media print { .print\:p-8 { padding: calc(var(--spacing) * 8); } } @media print { .print\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } @media print { .print\:text-black { color: var(--color-black); } } @media print { .print\:shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } .toast-info { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+); } .toast-error { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+); } .toast-success { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==); } .toast-warning { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } @layer utilities { .no-spinner::-webkit-inner-spin-button, .no-spinner::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .no-spinner { appearance: textfield; } } html, body { height: 100%; } body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } body { background-color: var(--bg-color); color: var(--text-color); } .hide-scrollbar::-webkit-scrollbar { display: none; } .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } .listtable1 thead th, .listtable1 tr td { border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .listtable1 thead th:last-child, .listtable1 tr td:last-child { border-right: 0; } .listtable1 tr:last-child td { border-bottom: 0; } .listtable2 thead th, .listtable2 tr td, .listtable1 tfoot tr td { border-right: 1px solid #cfcfcf70; border-bottom: 1px solid #cfcfcf70; } .listtable2 thead th:last-child, .listtable2 tr td:last-child { border-right: 0; } .listtable2 tr:last-child td { border-bottom: 0; } .daybook-table tr th, .daybook-table tr td { padding: 6px; } @layer base { .tooltip-arrow, .tooltip-arrow:before { position: absolute; width: 8px; height: 8px; background: inherit; } .tooltip-arrow { visibility: hidden; } .tooltip-arrow:before { content: ""; visibility: visible; transform: rotate(45deg); } [data-tooltip-style^=light] + .tooltip > .tooltip-arrow:before { border-style: solid; border-color: var(--color-gray-200); } [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; } [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: var(--color-gray-200); } .dark [role=tooltip] > [data-popper-arrow]:before { border-style: solid; border-color: var(--color-gray-600); } [role=tooltip] > [data-popper-arrow]:after { border-style: solid; border-color: var(--color-gray-200); } .dark [role=tooltip] > [data-popper-arrow]:after { border-style: solid; border-color: var(--color-gray-600); } [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; } [role=tooltip].invisible > [data-popper-arrow]:after { visibility: hidden; } } @layer base { [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: var(--color-gray-500); 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; } :is([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):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: var(--color-blue-600); --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: var(--color-blue-600); } input::placeholder, textarea::placeholder { color: var(--color-gray-500); opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } input[type=time]::-webkit-calendar-picker-indicator { background: none; } 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; -webkit-print-color-adjust: exact; 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; -webkit-print-color-adjust: unset; print-color-adjust: unset; } [type=checkbox], [type=radio] { appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: var(--color-blue-600); background-color: #fff; border-color: --color-gray-500; 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: var(--color-blue-600); --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 !important; background-color: currentColor !important; 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; -webkit-print-color-adjust: exact; 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 !important; border-color: transparent !important; background-position: center; background-repeat: no-repeat; background-size: 0.55em 0.55em; -webkit-print-color-adjust: exact; print-color-adjust: exact; } [type=checkbox]:indeterminate:hover, [type=checkbox]:indeterminate:focus { border-color: transparent !important; background-color: currentColor !important; } [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: var(--color-gray-800); 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; } :is():hover { background: var(--color-gray-700); } :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: var(--color-gray-600); } :is():hover { background: var(--color-gray-500); } input[type=range]::-webkit-slider-thumb { height: 1.25rem; width: 1.25rem; background: var(--color-blue-600); border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } input[type=range]:disabled::-webkit-slider-thumb { background: var(--color-gray-400); } .dark input[type=range]:disabled::-webkit-slider-thumb { background: var(--color-gray-500); } 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: 1; --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity)); } input[type=range]::-moz-range-thumb { height: 1.25rem; width: 1.25rem; background: var(--color-blue-600); border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } input[type=range]:disabled::-moz-range-thumb { background: var(--color-gray-400); } .dark input[type=range]:disabled::-moz-range-thumb { background: var(--color-gray-500); } input[type=range]::-moz-range-progress { background: var(--color-blue-500); } input[type=range]::-ms-fill-lower { background: var(--color-blue-500); } 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: var(--color-gray-300); 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: var(--color-blue-600); border-color: var(--color-blue-600); } } @property --tw-border-spacing-x { syntax: ""; inherits: false; initial-value: 0; } @property --tw-border-spacing-y { syntax: ""; inherits: false; initial-value: 0; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: 0.5; } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-divide-x-reverse: 0; } } } /* node_modules/intl-tel-input/build/css/intlTelInput.css */ :root { --iti-hover-color: rgba(0, 0, 0, 0.05); --iti-border-color: #ccc; --iti-dialcode-color: #999; --iti-dropdown-bg: white; --iti-search-icon-color: #999; --iti-spacer-horizontal: 8px; --iti-flag-height: 12px; --iti-flag-width: 16px; --iti-border-width: 1px; --iti-arrow-height: 4px; --iti-arrow-width: 6px; --iti-triangle-border: calc(var(--iti-arrow-width) / 2); --iti-arrow-padding: 6px; --iti-arrow-color: #555; --iti-path-flags-1x: url("./media/flags-DEVAAAR7.webp"); --iti-path-flags-2x: url("./media/flags@2x-LAG6ZLTZ.webp"); --iti-path-globe-1x: url("./media/globe-TDQQLSUB.webp"); --iti-path-globe-2x: url("./media/globe@2x-S5G7N6BJ.webp"); --iti-flag-sprite-width: 3904px; --iti-flag-sprite-height: 12px; --iti-mobile-popup-margin: 30px; } .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; } .iti__a11y-text { width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute; } .iti input.iti__tel-input, .iti input.iti__tel-input[type=text], .iti input.iti__tel-input[type=tel] { position: relative; z-index: 0; margin: 0 !important; } .iti__country-container { position: absolute; top: 0; bottom: 0; left: 0; padding: var(--iti-border-width); } .iti__selected-country { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; background: none; border: 0; margin: 0; padding: 0; font-family: inherit; font-size: inherit; color: inherit; border-radius: 0; font-weight: inherit; line-height: inherit; text-decoration: none; } .iti__selected-country-primary { display: flex; align-items: center; height: 100%; padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal); } .iti__arrow { margin-left: var(--iti-arrow-padding); width: 0; height: 0; border-left: var(--iti-triangle-border) solid transparent; border-right: var(--iti-triangle-border) solid transparent; border-top: var(--iti-arrow-height) solid var(--iti-arrow-color); } .iti__arrow--up { border-top: none; border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color); } .iti__dropdown-content { border-radius: 3px; background-color: var(--iti-dropdown-bg); } .iti--inline-dropdown .iti__dropdown-content { position: absolute; z-index: 2; margin-top: 3px; margin-left: calc(var(--iti-border-width) * -1); border: var(--iti-border-width) solid var(--iti-border-color); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); } .iti__search-input { width: 100%; border-width: 0; border-radius: 3px; padding-left: 30px; padding-right: 28px; } [dir=rtl] .iti__search-input { padding-left: inherit; padding-right: 30px; background-position: right 8px center; } .iti__search-input + .iti__country-list { border-top: 1px solid var(--iti-border-color); } .iti__search-input::-webkit-search-cancel-button { appearance: none; } .iti__search-input-wrapper { position: relative; display: flex; align-items: center; } .iti__search-icon { position: absolute; left: 8px; display: flex; pointer-events: none; } [dir=rtl] .iti__search-icon { left: auto; right: 8px; } .iti__search-icon-svg { stroke: var(--iti-search-icon-color); fill: none; stroke-width: 3; } .iti__search-clear { position: absolute; right: 4px; background: transparent; border: 0; border-radius: 3px; cursor: pointer; padding: 4px; display: flex; align-items: center; justify-content: center; transition: background-color 0.15s ease; width: 24px; height: 24px; } .iti__search-clear .iti__search-clear-x { stroke-width: 2; } .iti__search-clear .iti__search-clear-bg { fill: var(--iti-search-icon-color); } [dir=rtl] .iti__search-clear { right: auto; left: 4px; } .iti__search-clear:hover, .iti__search-clear:focus-visible { background: var(--iti-hover-color); outline: none; } .iti__no-results { text-align: center; padding: 30px 0; } .iti__country-list { list-style: none; padding: 0; margin: 0; cursor: pointer; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti--inline-dropdown .iti__country-list { max-height: 185px; } .iti--flexible-dropdown-width .iti__country-list { white-space: nowrap; } @media (max-width: 500px) { .iti--flexible-dropdown-width .iti__country-list { white-space: normal; } } .iti__country { display: flex; align-items: center; padding: 8px var(--iti-spacer-horizontal); outline: none; } .iti__dial-code { color: var(--iti-dialcode-color); } .iti__country.iti__highlight { background-color: var(--iti-hover-color); } .iti__country-list .iti__flag, .iti__country-name { margin-right: var(--iti-spacer-horizontal); } [dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name { margin-right: 0; margin-left: var(--iti-spacer-horizontal); } .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) button.iti__selected-country { cursor: pointer; } .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary { background-color: var(--iti-hover-color); } .iti .iti__selected-dial-code { margin-left: 4px; } .iti--container { position: fixed; top: -1000px; left: -1000px; z-index: 1060; padding: var(--iti-border-width); } .iti--container:hover { cursor: pointer; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti--fullscreen-popup.iti--container { background-color: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; position: fixed; padding: var(--iti-mobile-popup-margin); display: flex; flex-direction: column; justify-content: flex-start; } .iti--fullscreen-popup .iti__dropdown-content { display: flex; flex-direction: column; max-height: 100%; position: relative; } .iti--fullscreen-popup .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { --iti-flag-offset: 100px; height: var(--iti-flag-height); width: var(--iti-flag-width); border-radius: 1px; box-shadow: 0px 0px 1px 0px #888; background-image: var(--iti-path-flags-1x); background-repeat: no-repeat; background-position: var(--iti-flag-offset) 0; background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height); } .iti__ac { --iti-flag-offset: 0px; } .iti__ad { --iti-flag-offset: -16px; } .iti__ae { --iti-flag-offset: -32px; } .iti__af { --iti-flag-offset: -48px; } .iti__ag { --iti-flag-offset: -64px; } .iti__ai { --iti-flag-offset: -80px; } .iti__al { --iti-flag-offset: -96px; } .iti__am { --iti-flag-offset: -112px; } .iti__ao { --iti-flag-offset: -128px; } .iti__ar { --iti-flag-offset: -144px; } .iti__as { --iti-flag-offset: -160px; } .iti__at { --iti-flag-offset: -176px; } .iti__au { --iti-flag-offset: -192px; } .iti__aw { --iti-flag-offset: -208px; } .iti__ax { --iti-flag-offset: -224px; } .iti__az { --iti-flag-offset: -240px; } .iti__ba { --iti-flag-offset: -256px; } .iti__bb { --iti-flag-offset: -272px; } .iti__bd { --iti-flag-offset: -288px; } .iti__be { --iti-flag-offset: -304px; } .iti__bf { --iti-flag-offset: -320px; } .iti__bg { --iti-flag-offset: -336px; } .iti__bh { --iti-flag-offset: -352px; } .iti__bi { --iti-flag-offset: -368px; } .iti__bj { --iti-flag-offset: -384px; } .iti__bl { --iti-flag-offset: -400px; } .iti__bm { --iti-flag-offset: -416px; } .iti__bn { --iti-flag-offset: -432px; } .iti__bo { --iti-flag-offset: -448px; } .iti__bq { --iti-flag-offset: -464px; } .iti__br { --iti-flag-offset: -480px; } .iti__bs { --iti-flag-offset: -496px; } .iti__bt { --iti-flag-offset: -512px; } .iti__bw { --iti-flag-offset: -528px; } .iti__by { --iti-flag-offset: -544px; } .iti__bz { --iti-flag-offset: -560px; } .iti__ca { --iti-flag-offset: -576px; } .iti__cc { --iti-flag-offset: -592px; } .iti__cd { --iti-flag-offset: -608px; } .iti__cf { --iti-flag-offset: -624px; } .iti__cg { --iti-flag-offset: -640px; } .iti__ch { --iti-flag-offset: -656px; } .iti__ci { --iti-flag-offset: -672px; } .iti__ck { --iti-flag-offset: -688px; } .iti__cl { --iti-flag-offset: -704px; } .iti__cm { --iti-flag-offset: -720px; } .iti__cn { --iti-flag-offset: -736px; } .iti__co { --iti-flag-offset: -752px; } .iti__cr { --iti-flag-offset: -768px; } .iti__cu { --iti-flag-offset: -784px; } .iti__cv { --iti-flag-offset: -800px; } .iti__cw { --iti-flag-offset: -816px; } .iti__cx { --iti-flag-offset: -832px; } .iti__cy { --iti-flag-offset: -848px; } .iti__cz { --iti-flag-offset: -864px; } .iti__de { --iti-flag-offset: -880px; } .iti__dj { --iti-flag-offset: -896px; } .iti__dk { --iti-flag-offset: -912px; } .iti__dm { --iti-flag-offset: -928px; } .iti__do { --iti-flag-offset: -944px; } .iti__dz { --iti-flag-offset: -960px; } .iti__ec { --iti-flag-offset: -976px; } .iti__ee { --iti-flag-offset: -992px; } .iti__eg { --iti-flag-offset: -1008px; } .iti__eh { --iti-flag-offset: -1024px; } .iti__er { --iti-flag-offset: -1040px; } .iti__es { --iti-flag-offset: -1056px; } .iti__et { --iti-flag-offset: -1072px; } .iti__fi { --iti-flag-offset: -1088px; } .iti__fj { --iti-flag-offset: -1104px; } .iti__fk { --iti-flag-offset: -1120px; } .iti__fm { --iti-flag-offset: -1136px; } .iti__fo { --iti-flag-offset: -1152px; } .iti__fr { --iti-flag-offset: -1168px; } .iti__ga { --iti-flag-offset: -1184px; } .iti__gb { --iti-flag-offset: -1200px; } .iti__gd { --iti-flag-offset: -1216px; } .iti__ge { --iti-flag-offset: -1232px; } .iti__gf { --iti-flag-offset: -1248px; } .iti__gg { --iti-flag-offset: -1264px; } .iti__gh { --iti-flag-offset: -1280px; } .iti__gi { --iti-flag-offset: -1296px; } .iti__gl { --iti-flag-offset: -1312px; } .iti__gm { --iti-flag-offset: -1328px; } .iti__gn { --iti-flag-offset: -1344px; } .iti__gp { --iti-flag-offset: -1360px; } .iti__gq { --iti-flag-offset: -1376px; } .iti__gr { --iti-flag-offset: -1392px; } .iti__gt { --iti-flag-offset: -1408px; } .iti__gu { --iti-flag-offset: -1424px; } .iti__gw { --iti-flag-offset: -1440px; } .iti__gy { --iti-flag-offset: -1456px; } .iti__hk { --iti-flag-offset: -1472px; } .iti__hn { --iti-flag-offset: -1488px; } .iti__hr { --iti-flag-offset: -1504px; } .iti__ht { --iti-flag-offset: -1520px; } .iti__hu { --iti-flag-offset: -1536px; } .iti__id { --iti-flag-offset: -1552px; } .iti__ie { --iti-flag-offset: -1568px; } .iti__il { --iti-flag-offset: -1584px; } .iti__im { --iti-flag-offset: -1600px; } .iti__in { --iti-flag-offset: -1616px; } .iti__io { --iti-flag-offset: -1632px; } .iti__iq { --iti-flag-offset: -1648px; } .iti__ir { --iti-flag-offset: -1664px; } .iti__is { --iti-flag-offset: -1680px; } .iti__it { --iti-flag-offset: -1696px; } .iti__je { --iti-flag-offset: -1712px; } .iti__jm { --iti-flag-offset: -1728px; } .iti__jo { --iti-flag-offset: -1744px; } .iti__jp { --iti-flag-offset: -1760px; } .iti__ke { --iti-flag-offset: -1776px; } .iti__kg { --iti-flag-offset: -1792px; } .iti__kh { --iti-flag-offset: -1808px; } .iti__ki { --iti-flag-offset: -1824px; } .iti__km { --iti-flag-offset: -1840px; } .iti__kn { --iti-flag-offset: -1856px; } .iti__kp { --iti-flag-offset: -1872px; } .iti__kr { --iti-flag-offset: -1888px; } .iti__kw { --iti-flag-offset: -1904px; } .iti__ky { --iti-flag-offset: -1920px; } .iti__kz { --iti-flag-offset: -1936px; } .iti__la { --iti-flag-offset: -1952px; } .iti__lb { --iti-flag-offset: -1968px; } .iti__lc { --iti-flag-offset: -1984px; } .iti__li { --iti-flag-offset: -2000px; } .iti__lk { --iti-flag-offset: -2016px; } .iti__lr { --iti-flag-offset: -2032px; } .iti__ls { --iti-flag-offset: -2048px; } .iti__lt { --iti-flag-offset: -2064px; } .iti__lu { --iti-flag-offset: -2080px; } .iti__lv { --iti-flag-offset: -2096px; } .iti__ly { --iti-flag-offset: -2112px; } .iti__ma { --iti-flag-offset: -2128px; } .iti__mc { --iti-flag-offset: -2144px; } .iti__md { --iti-flag-offset: -2160px; } .iti__me { --iti-flag-offset: -2176px; } .iti__mf { --iti-flag-offset: -2192px; } .iti__mg { --iti-flag-offset: -2208px; } .iti__mh { --iti-flag-offset: -2224px; } .iti__mk { --iti-flag-offset: -2240px; } .iti__ml { --iti-flag-offset: -2256px; } .iti__mm { --iti-flag-offset: -2272px; } .iti__mn { --iti-flag-offset: -2288px; } .iti__mo { --iti-flag-offset: -2304px; } .iti__mp { --iti-flag-offset: -2320px; } .iti__mq { --iti-flag-offset: -2336px; } .iti__mr { --iti-flag-offset: -2352px; } .iti__ms { --iti-flag-offset: -2368px; } .iti__mt { --iti-flag-offset: -2384px; } .iti__mu { --iti-flag-offset: -2400px; } .iti__mv { --iti-flag-offset: -2416px; } .iti__mw { --iti-flag-offset: -2432px; } .iti__mx { --iti-flag-offset: -2448px; } .iti__my { --iti-flag-offset: -2464px; } .iti__mz { --iti-flag-offset: -2480px; } .iti__na { --iti-flag-offset: -2496px; } .iti__nc { --iti-flag-offset: -2512px; } .iti__ne { --iti-flag-offset: -2528px; } .iti__nf { --iti-flag-offset: -2544px; } .iti__ng { --iti-flag-offset: -2560px; } .iti__ni { --iti-flag-offset: -2576px; } .iti__nl { --iti-flag-offset: -2592px; } .iti__no { --iti-flag-offset: -2608px; } .iti__np { --iti-flag-offset: -2624px; } .iti__nr { --iti-flag-offset: -2640px; } .iti__nu { --iti-flag-offset: -2656px; } .iti__nz { --iti-flag-offset: -2672px; } .iti__om { --iti-flag-offset: -2688px; } .iti__pa { --iti-flag-offset: -2704px; } .iti__pe { --iti-flag-offset: -2720px; } .iti__pf { --iti-flag-offset: -2736px; } .iti__pg { --iti-flag-offset: -2752px; } .iti__ph { --iti-flag-offset: -2768px; } .iti__pk { --iti-flag-offset: -2784px; } .iti__pl { --iti-flag-offset: -2800px; } .iti__pm { --iti-flag-offset: -2816px; } .iti__pr { --iti-flag-offset: -2832px; } .iti__ps { --iti-flag-offset: -2848px; } .iti__pt { --iti-flag-offset: -2864px; } .iti__pw { --iti-flag-offset: -2880px; } .iti__py { --iti-flag-offset: -2896px; } .iti__qa { --iti-flag-offset: -2912px; } .iti__re { --iti-flag-offset: -2928px; } .iti__ro { --iti-flag-offset: -2944px; } .iti__rs { --iti-flag-offset: -2960px; } .iti__ru { --iti-flag-offset: -2976px; } .iti__rw { --iti-flag-offset: -2992px; } .iti__sa { --iti-flag-offset: -3008px; } .iti__sb { --iti-flag-offset: -3024px; } .iti__sc { --iti-flag-offset: -3040px; } .iti__sd { --iti-flag-offset: -3056px; } .iti__se { --iti-flag-offset: -3072px; } .iti__sg { --iti-flag-offset: -3088px; } .iti__sh { --iti-flag-offset: -3104px; } .iti__si { --iti-flag-offset: -3120px; } .iti__sj { --iti-flag-offset: -3136px; } .iti__sk { --iti-flag-offset: -3152px; } .iti__sl { --iti-flag-offset: -3168px; } .iti__sm { --iti-flag-offset: -3184px; } .iti__sn { --iti-flag-offset: -3200px; } .iti__so { --iti-flag-offset: -3216px; } .iti__sr { --iti-flag-offset: -3232px; } .iti__ss { --iti-flag-offset: -3248px; } .iti__st { --iti-flag-offset: -3264px; } .iti__sv { --iti-flag-offset: -3280px; } .iti__sx { --iti-flag-offset: -3296px; } .iti__sy { --iti-flag-offset: -3312px; } .iti__sz { --iti-flag-offset: -3328px; } .iti__tc { --iti-flag-offset: -3344px; } .iti__td { --iti-flag-offset: -3360px; } .iti__tg { --iti-flag-offset: -3376px; } .iti__th { --iti-flag-offset: -3392px; } .iti__tj { --iti-flag-offset: -3408px; } .iti__tk { --iti-flag-offset: -3424px; } .iti__tl { --iti-flag-offset: -3440px; } .iti__tm { --iti-flag-offset: -3456px; } .iti__tn { --iti-flag-offset: -3472px; } .iti__to { --iti-flag-offset: -3488px; } .iti__tr { --iti-flag-offset: -3504px; } .iti__tt { --iti-flag-offset: -3520px; } .iti__tv { --iti-flag-offset: -3536px; } .iti__tw { --iti-flag-offset: -3552px; } .iti__tz { --iti-flag-offset: -3568px; } .iti__ua { --iti-flag-offset: -3584px; } .iti__ug { --iti-flag-offset: -3600px; } .iti__us { --iti-flag-offset: -3616px; } .iti__uy { --iti-flag-offset: -3632px; } .iti__uz { --iti-flag-offset: -3648px; } .iti__va { --iti-flag-offset: -3664px; } .iti__vc { --iti-flag-offset: -3680px; } .iti__ve { --iti-flag-offset: -3696px; } .iti__vg { --iti-flag-offset: -3712px; } .iti__vi { --iti-flag-offset: -3728px; } .iti__vn { --iti-flag-offset: -3744px; } .iti__vu { --iti-flag-offset: -3760px; } .iti__wf { --iti-flag-offset: -3776px; } .iti__ws { --iti-flag-offset: -3792px; } .iti__xk { --iti-flag-offset: -3808px; } .iti__ye { --iti-flag-offset: -3824px; } .iti__yt { --iti-flag-offset: -3840px; } .iti__za { --iti-flag-offset: -3856px; } .iti__zm { --iti-flag-offset: -3872px; } .iti__zw { --iti-flag-offset: -3888px; } .iti__globe { background-image: var(--iti-path-globe-1x); background-size: contain; background-position: right; box-shadow: none; height: 19px; } @media (min-resolution: 2x) { .iti__flag { background-image: var(--iti-path-flags-2x); } .iti__globe { background-image: var(--iti-path-globe-2x); } } /* angular:styles/global:styles */ /*# sourceMappingURL=styles-YDF6JIW3.css.map */