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

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

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

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

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

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

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

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

  .container {
    max-width: 640px;
  }
}

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

  .container {
    max-width: 768px;
  }
}

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

  .container {
    max-width: 1024px;
  }
}

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

  .container {
    max-width: 1280px;
  }
}

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

  .container {
    max-width: 1536px;
  }
}

.tab-btn {
  border-bottom-width: 2px;
  border-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.tab-btn.active {
  --tw-border-opacity: 1;
  border-color: rgb(27 179 135 / var(--tw-border-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 36 40 / var(--tw-text-opacity, 1));
}

.tab-btn.\!active {
  --tw-border-opacity: 1;
  border-color: rgb(27 179 135 / var(--tw-border-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 36 40 / var(--tw-text-opacity, 1));
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.tab-content.\!active {
  display: block;
}

/* ── Toggle switch ───────────────────────────────────────────────── */

.toggle-switch {
  position: relative;
  width: 52px;
  height: 28px;
  cursor: pointer;
  flex-shrink: 0;
  display: inline-block;
}

.toggle-switch input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-track {
  position: absolute;
  inset: 0;
  background: #CBD5E1;
  border-radius: 14px;
  transition: background 0.2s;
}

.toggle-switch input:checked + .toggle-track {
  background: #1BB387;
}

.toggle-knob {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  background: white;
  border-radius: 50%;
  transition: transform 0.2s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.toggle-switch input:checked ~ .toggle-knob {
  transform: translateX(24px);
}

/* ── Nav link (sidebar) ─────────────────────────────────────────── */

.nav-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.nav-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(232 235 240 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 36 40 / var(--tw-text-opacity, 1));
}

.nav-link.active {
  --tw-bg-opacity: 1;
  background-color: rgb(232 235 240 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 36 40 / var(--tw-text-opacity, 1));
}

.nav-link.\!active {
  --tw-bg-opacity: 1;
  background-color: rgb(232 235 240 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 36 40 / var(--tw-text-opacity, 1));
}

.nav-link.active i {
  --tw-text-opacity: 1;
  color: rgb(27 179 135 / var(--tw-text-opacity, 1));
}

.nav-link.\!active i {
  --tw-text-opacity: 1;
  color: rgb(27 179 135 / var(--tw-text-opacity, 1));
}

/*
   * The text beside a nav icon. It had no rule at all — _sidebar.php has used
   * it since the sidebar was built and the violation sat in the baseline, so
   * the class was doing nothing and nobody could tell, because a label in a
   * flex row looks fine unstyled until the sidebar is narrow enough to wrap it.
   *
   * whitespace-nowrap is the property it always implied: these labels swap to
   * sr-only when the sidebar collapses, and a two-line label mid-collapse is
   * the artefact that produces.
   */

.nav-label {
  white-space: nowrap;
}

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

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.\!visible {
  visibility: visible !important;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.inset-1 {
  inset: 0.25rem;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.-bottom-0\.5 {
  bottom: -0.125rem;
}

.-bottom-1 {
  bottom: -0.25rem;
}

.-left-3 {
  left: -0.75rem;
}

.-left-\[3px\] {
  left: -3px;
}

.-right-0\.5 {
  right: -0.125rem;
}

.-right-1 {
  right: -0.25rem;
}

.-right-1\.5 {
  right: -0.375rem;
}

.-top-0\.5 {
  top: -0.125rem;
}

.-top-1\.5 {
  top: -0.375rem;
}

.-top-2 {
  top: -0.5rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-1\.5 {
  bottom: 0.375rem;
}

.bottom-24 {
  bottom: 6rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-full {
  bottom: 100%;
}

.left-0 {
  left: 0px;
}

.left-0\.5 {
  left: 0.125rem;
}

.left-1 {
  left: 0.25rem;
}

.left-1\.5 {
  left: 0.375rem;
}

.left-1\/2 {
  left: 50%;
}

.left-2 {
  left: 0.5rem;
}

.left-2\.5 {
  left: 0.625rem;
}

.left-3 {
  left: 0.75rem;
}

.left-\[18px\] {
  left: 18px;
}

.left-\[22px\] {
  left: 22px;
}

.right-0 {
  right: 0px;
}

.right-1\.5 {
  right: 0.375rem;
}

.right-2 {
  right: 0.5rem;
}

.right-3 {
  right: 0.75rem;
}

.right-4 {
  right: 1rem;
}

.right-6 {
  right: 1.5rem;
}

.top-0 {
  top: 0px;
}

.top-0\.5 {
  top: 0.125rem;
}

.top-1 {
  top: 0.25rem;
}

.top-1\.5 {
  top: 0.375rem;
}

.top-1\/2 {
  top: 50%;
}

.top-14 {
  top: 3.5rem;
}

.top-2 {
  top: 0.5rem;
}

.top-2\.5 {
  top: 0.625rem;
}

.top-20 {
  top: 5rem;
}

.top-4 {
  top: 1rem;
}

.top-9 {
  top: 2.25rem;
}

.top-full {
  top: 100%;
}

.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-\[60\] {
  z-index: 60;
}

.z-\[70\] {
  z-index: 70;
}

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

.clear-both {
  clear: both;
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 0.25rem;
}

.-mx-0\.5 {
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}

.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.-mb-px {
  margin-bottom: -1px;
}

.-mr-1 {
  margin-right: -0.25rem;
}

.-mt-1 {
  margin-top: -0.25rem;
}

.-mt-1\.5 {
  margin-top: -0.375rem;
}

.-mt-10 {
  margin-top: -2.5rem;
}

.-mt-2 {
  margin-top: -0.5rem;
}

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

.-mt-56 {
  margin-top: -14rem;
}

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-2\.5 {
  margin-bottom: 0.625rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-\[30px\] {
  margin-bottom: 30px;
}

.ml-0\.5 {
  margin-left: 0.125rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-1\.5 {
  margin-left: 0.375rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-2\.5 {
  margin-left: 0.625rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.ml-7 {
  margin-left: 1.75rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-0\.5 {
  margin-right: 0.125rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-1\.5 {
  margin-right: 0.375rem;
}

.mr-auto {
  margin-right: auto;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-1\.5 {
  margin-top: 0.375rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-2\.5 {
  margin-top: 0.625rem;
}

.mt-24 {
  margin-top: 6rem;
}

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

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-auto {
  margin-top: auto;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.\!block {
  display: block !important;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.aspect-square {
  aspect-ratio: 1 / 1;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.h-0 {
  height: 0px;
}

.h-0\.5 {
  height: 0.125rem;
}

.h-1\.5 {
  height: 0.375rem;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: 0.5rem;
}

.h-2\.5 {
  height: 0.625rem;
}

.h-20 {
  height: 5rem;
}

.h-3 {
  height: 0.75rem;
}

.h-3\.5 {
  height: 0.875rem;
}

.h-4 {
  height: 1rem;
}

.h-44 {
  height: 11rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-\[15px\] {
  height: 15px;
}

.h-\[26px\] {
  height: 26px;
}

.h-\[34px\] {
  height: 34px;
}

.h-\[44px\] {
  height: 44px;
}

.h-\[52px\] {
  height: 52px;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.max-h-40 {
  max-height: 10rem;
}

.max-h-56 {
  max-height: 14rem;
}

.max-h-60 {
  max-height: 15rem;
}

.max-h-64 {
  max-height: 16rem;
}

.max-h-72 {
  max-height: 18rem;
}

.max-h-\[30rem\] {
  max-height: 30rem;
}

.max-h-\[60vh\] {
  max-height: 60vh;
}

.max-h-\[90vh\] {
  max-height: 90vh;
}

.max-h-\[92vh\] {
  max-height: 92vh;
}

.max-h-\[calc\(100vh-3\.5rem\)\] {
  max-height: calc(100vh - 3.5rem);
}

.max-h-screen {
  max-height: 100vh;
}

.min-h-0 {
  min-height: 0px;
}

.min-h-\[1\.25rem\] {
  min-height: 1.25rem;
}

.min-h-\[200px\] {
  min-height: 200px;
}

.min-h-\[220px\] {
  min-height: 220px;
}

.min-h-\[300px\] {
  min-height: 300px;
}

.min-h-\[400px\] {
  min-height: 400px;
}

.min-h-\[42px\] {
  min-height: 42px;
}

.min-h-\[480px\] {
  min-height: 480px;
}

.min-h-\[500px\] {
  min-height: 500px;
}

.min-h-\[52px\] {
  min-height: 52px;
}

.min-h-\[80px\] {
  min-height: 80px;
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.w-0 {
  width: 0px;
}

.w-1\.5 {
  width: 0.375rem;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2 {
  width: 0.5rem;
}

.w-2\.5 {
  width: 0.625rem;
}

.w-2\/5 {
  width: 40%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: 0.75rem;
}

.w-3\.5 {
  width: 0.875rem;
}

.w-4 {
  width: 1rem;
}

.w-40 {
  width: 10rem;
}

.w-44 {
  width: 11rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-52 {
  width: 13rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-60 {
  width: 15rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-96 {
  width: 24rem;
}

.w-\[15px\] {
  width: 15px;
}

.w-\[26px\] {
  width: 26px;
}

.w-\[34px\] {
  width: 34px;
}

.w-\[3px\] {
  width: 3px;
}

.w-\[44px\] {
  width: 44px;
}

.w-\[52px\] {
  width: 52px;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.w-px {
  width: 1px;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-4 {
  min-width: 1rem;
}

.min-w-\[160px\] {
  min-width: 160px;
}

.min-w-\[16px\] {
  min-width: 16px;
}

.min-w-\[180px\] {
  min-width: 180px;
}

.min-w-\[20px\] {
  min-width: 20px;
}

.min-w-\[28px\] {
  min-width: 28px;
}

.min-w-\[360px\] {
  min-width: 360px;
}

.min-w-\[480px\] {
  min-width: 480px;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-\[120px\] {
  max-width: 120px;
}

.max-w-\[160px\] {
  max-width: 160px;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-\[280px\] {
  max-width: 280px;
}

.max-w-\[350px\] {
  max-width: 350px;
}

.max-w-\[360px\] {
  max-width: 360px;
}

.max-w-\[400px\] {
  max-width: 400px;
}

.max-w-\[452px\] {
  max-width: 452px;
}

.max-w-\[500px\] {
  max-width: 500px;
}

.max-w-\[720px\] {
  max-width: 720px;
}

.max-w-\[85vw\] {
  max-width: 85vw;
}

.max-w-\[calc\(100vw-2rem\)\] {
  max-width: calc(100vw - 2rem);
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-none {
  max-width: none;
}

.max-w-screen-2xl {
  max-width: 1536px;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-\[2\] {
  flex: 2;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.grow {
  flex-grow: 1;
}

.basis-full {
  flex-basis: 100%;
}

.border-collapse {
  border-collapse: collapse;
}

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

.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

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

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.translate-x-5 {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-6 {
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.translate-y-2 {
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

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

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

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

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

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

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

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

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

.animate-spin {
  animation: spin 1s linear infinite;
}

.cursor-default {
  cursor: default;
}

.cursor-help {
  cursor: help;
}

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

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

.resize {
  resize: both;
}

.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 {
  -webkit-appearance: none;
     -moz-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-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-0 {
  gap: 0px;
}

.gap-0\.5 {
  gap: 0.125rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-2\.5 {
  gap: 0.625rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-px {
  gap: 1px;
}

.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

.divide-brand-border > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(224 228 235 / var(--tw-divide-opacity, 1));
}

.divide-brand-border\/50 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(224 228 235 / 0.5);
}

.divide-brand-border\/60 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(224 228 235 / 0.6);
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: center;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-l-sm {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
}

.rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

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

.border-\[1\.5px\] {
  border-width: 1.5px;
}

.border-\[3px\] {
  border-width: 3px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-b-\[7px\] {
  border-bottom-width: 7px;
}

.border-l {
  border-left-width: 1px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-l-\[7px\] {
  border-left-width: 7px;
}

.border-r {
  border-right-width: 1px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-r-\[7px\] {
  border-right-width: 7px;
}

.border-t {
  border-top-width: 1px;
}

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

.border-dashed {
  border-style: dashed;
}

.border-\[\#0B2428\] {
  --tw-border-opacity: 1;
  border-color: rgb(11 36 40 / var(--tw-border-opacity, 1));
}

.border-\[\#1BB387\] {
  --tw-border-opacity: 1;
  border-color: rgb(27 179 135 / var(--tw-border-opacity, 1));
}

.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}

.border-amber-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}

.border-ava-purple {
  --tw-border-opacity: 1;
  border-color: rgb(124 58 237 / var(--tw-border-opacity, 1));
}

.border-ava-purple\/15 {
  border-color: rgb(124 58 237 / 0.15);
}

.border-ava-purple\/30 {
  border-color: rgb(124 58 237 / 0.3);
}

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

.border-brand-accent {
  --tw-border-opacity: 1;
  border-color: rgb(11 54 60 / var(--tw-border-opacity, 1));
}

.border-brand-accent\/10 {
  border-color: rgb(11 54 60 / 0.1);
}

.border-brand-background {
  --tw-border-opacity: 1;
  border-color: rgb(245 247 249 / var(--tw-border-opacity, 1));
}

.border-brand-bloom {
  --tw-border-opacity: 1;
  border-color: rgb(227 255 204 / var(--tw-border-opacity, 1));
}

.border-brand-body-fg {
  --tw-border-opacity: 1;
  border-color: rgb(90 107 132 / var(--tw-border-opacity, 1));
}

.border-brand-border {
  --tw-border-opacity: 1;
  border-color: rgb(224 228 235 / var(--tw-border-opacity, 1));
}

.border-brand-border\/50 {
  border-color: rgb(224 228 235 / 0.5);
}

.border-brand-border\/60 {
  border-color: rgb(224 228 235 / 0.6);
}

.border-brand-border\/70 {
  border-color: rgb(224 228 235 / 0.7);
}

.border-brand-card {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-brand-destructive {
  --tw-border-opacity: 1;
  border-color: rgb(229 57 53 / var(--tw-border-opacity, 1));
}

.border-brand-destructive\/30 {
  border-color: rgb(229 57 53 / 0.3);
}

.border-brand-destructive\/40 {
  border-color: rgb(229 57 53 / 0.4);
}

.border-brand-foreground {
  --tw-border-opacity: 1;
  border-color: rgb(11 36 40 / var(--tw-border-opacity, 1));
}

.border-brand-muted {
  --tw-border-opacity: 1;
  border-color: rgb(232 235 240 / var(--tw-border-opacity, 1));
}

.border-brand-muted-fg {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}

.border-brand-primary {
  --tw-border-opacity: 1;
  border-color: rgb(27 179 135 / var(--tw-border-opacity, 1));
}

.border-brand-primary-dark {
  --tw-border-opacity: 1;
  border-color: rgb(20 138 104 / var(--tw-border-opacity, 1));
}

.border-brand-primary-ink {
  --tw-border-opacity: 1;
  border-color: rgb(21 148 114 / var(--tw-border-opacity, 1));
}

.border-brand-primary\/20 {
  border-color: rgb(27 179 135 / 0.2);
}

.border-brand-primary\/30 {
  border-color: rgb(27 179 135 / 0.3);
}

.border-brand-primary\/40 {
  border-color: rgb(27 179 135 / 0.4);
}

.border-brand-primary\/50 {
  border-color: rgb(27 179 135 / 0.5);
}

.border-brand-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(24 72 102 / var(--tw-border-opacity, 1));
}

.border-brand-slate {
  --tw-border-opacity: 1;
  border-color: rgb(122 141 174 / var(--tw-border-opacity, 1));
}

.border-brand-success {
  --tw-border-opacity: 1;
  border-color: rgb(30 158 91 / var(--tw-border-opacity, 1));
}

.border-brand-success-soft {
  --tw-border-opacity: 1;
  border-color: rgb(231 246 238 / var(--tw-border-opacity, 1));
}

.border-brand-success\/30 {
  border-color: rgb(30 158 91 / 0.3);
}

.border-brand-surface-sunken {
  --tw-border-opacity: 1;
  border-color: rgb(240 242 245 / var(--tw-border-opacity, 1));
}

.border-brand-teal-veil {
  --tw-border-opacity: 1;
  border-color: rgb(241 250 247 / var(--tw-border-opacity, 1));
}

.border-brand-warning {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}

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

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

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

.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}

.border-orange-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
}

.border-pill-amber-bg {
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}

.border-pill-amber-fg {
  --tw-border-opacity: 1;
  border-color: rgb(122 78 12 / var(--tw-border-opacity, 1));
}

.border-pill-amber-fg\/20 {
  border-color: rgb(122 78 12 / 0.2);
}

.border-pill-amber-fg\/30 {
  border-color: rgb(122 78 12 / 0.3);
}

.border-pill-amberOnDark-bg {
  border-color: rgba(245,158,11,0.2);
}

.border-pill-amberOnDark-fg {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

.border-pill-blue-bg {
  --tw-border-opacity: 1;
  border-color: rgb(214 234 251 / var(--tw-border-opacity, 1));
}

.border-pill-blue-fg {
  --tw-border-opacity: 1;
  border-color: rgb(26 92 160 / var(--tw-border-opacity, 1));
}

.border-pill-blue-fg\/20 {
  border-color: rgb(26 92 160 / 0.2);
}

.border-pill-blue-fg\/30 {
  border-color: rgb(26 92 160 / 0.3);
}

.border-pill-gray-bg {
  --tw-border-opacity: 1;
  border-color: rgb(235 238 242 / var(--tw-border-opacity, 1));
}

.border-pill-gray-fg {
  --tw-border-opacity: 1;
  border-color: rgb(82 89 107 / var(--tw-border-opacity, 1));
}

.border-pill-green-bg {
  --tw-border-opacity: 1;
  border-color: rgb(213 245 232 / var(--tw-border-opacity, 1));
}

.border-pill-green-fg {
  --tw-border-opacity: 1;
  border-color: rgb(26 107 69 / var(--tw-border-opacity, 1));
}

.border-pill-green-fg\/20 {
  border-color: rgb(26 107 69 / 0.2);
}

.border-pill-green-fg\/30 {
  border-color: rgb(26 107 69 / 0.3);
}

.border-pill-indigo-bg {
  --tw-border-opacity: 1;
  border-color: rgb(224 227 247 / var(--tw-border-opacity, 1));
}

.border-pill-indigo-fg {
  --tw-border-opacity: 1;
  border-color: rgb(67 56 202 / var(--tw-border-opacity, 1));
}

.border-pill-orange-bg {
  --tw-border-opacity: 1;
  border-color: rgb(255 232 214 / var(--tw-border-opacity, 1));
}

.border-pill-orange-fg {
  --tw-border-opacity: 1;
  border-color: rgb(154 75 12 / var(--tw-border-opacity, 1));
}

.border-pill-purple-bg {
  --tw-border-opacity: 1;
  border-color: rgb(243 232 255 / var(--tw-border-opacity, 1));
}

.border-pill-purple-fg {
  --tw-border-opacity: 1;
  border-color: rgb(107 33 168 / var(--tw-border-opacity, 1));
}

.border-pill-purple-fg\/30 {
  border-color: rgb(107 33 168 / 0.3);
}

.border-pill-red-bg {
  --tw-border-opacity: 1;
  border-color: rgb(253 232 232 / var(--tw-border-opacity, 1));
}

.border-pill-red-fg {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}

.border-pill-red-fg\/20 {
  border-color: rgb(153 27 27 / 0.2);
}

.border-pill-red-fg\/30 {
  border-color: rgb(153 27 27 / 0.3);
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}

.border-transparent {
  border-color: transparent;
}

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

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

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

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

.border-yellow-600 {
  --tw-border-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-border-opacity, 1));
}

.border-b-\[\#1BB387\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(27 179 135 / var(--tw-border-opacity, 1));
}

.border-l-brand-primary {
  --tw-border-opacity: 1;
  border-left-color: rgb(27 179 135 / var(--tw-border-opacity, 1));
}

.border-l-transparent {
  border-left-color: transparent;
}

.border-r-transparent {
  border-right-color: transparent;
}

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

.bg-\[\#0B2428\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 40 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0B363C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 54 60 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1BB387\] {
  --tw-bg-opacity: 1;
  background-color: rgb(27 179 135 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1a2e35\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 46 53 / var(--tw-bg-opacity, 1));
}

.bg-\[\#28C840\] {
  --tw-bg-opacity: 1;
  background-color: rgb(40 200 64 / var(--tw-bg-opacity, 1));
}

.bg-\[\#E3FFCC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(227 255 204 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FBE9F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 233 240 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FF5F57\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 95 87 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFBD2E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 189 46 / var(--tw-bg-opacity, 1));
}

.bg-\[\#e8f5ee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 245 238 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f1f1f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
}

.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.bg-amber-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
}

.bg-amber-400\/20 {
  background-color: rgb(251 191 36 / 0.2);
}

.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

.bg-ava-purple {
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
}

.bg-ava-purple\/10 {
  background-color: rgb(124 58 237 / 0.1);
}

.bg-ava-purple\/5 {
  background-color: rgb(124 58 237 / 0.05);
}

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

.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}

.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}

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

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.bg-brand-accent {
  --tw-bg-opacity: 1;
  background-color: rgb(11 54 60 / var(--tw-bg-opacity, 1));
}

.bg-brand-background {
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 249 / var(--tw-bg-opacity, 1));
}

.bg-brand-bloom {
  --tw-bg-opacity: 1;
  background-color: rgb(227 255 204 / var(--tw-bg-opacity, 1));
}

.bg-brand-bloom\/30 {
  background-color: rgb(227 255 204 / 0.3);
}

.bg-brand-body-fg {
  --tw-bg-opacity: 1;
  background-color: rgb(90 107 132 / var(--tw-bg-opacity, 1));
}

.bg-brand-border {
  --tw-bg-opacity: 1;
  background-color: rgb(224 228 235 / var(--tw-bg-opacity, 1));
}

.bg-brand-card {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-brand-destructive {
  --tw-bg-opacity: 1;
  background-color: rgb(229 57 53 / var(--tw-bg-opacity, 1));
}

.bg-brand-foreground {
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 40 / var(--tw-bg-opacity, 1));
}

.bg-brand-foreground\/60 {
  background-color: rgb(11 36 40 / 0.6);
}

.bg-brand-muted {
  --tw-bg-opacity: 1;
  background-color: rgb(232 235 240 / var(--tw-bg-opacity, 1));
}

.bg-brand-muted-fg {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}

.bg-brand-muted\/10 {
  background-color: rgb(232 235 240 / 0.1);
}

.bg-brand-muted\/30 {
  background-color: rgb(232 235 240 / 0.3);
}

.bg-brand-muted\/40 {
  background-color: rgb(232 235 240 / 0.4);
}

.bg-brand-muted\/50 {
  background-color: rgb(232 235 240 / 0.5);
}

.bg-brand-muted\/60 {
  background-color: rgb(232 235 240 / 0.6);
}

.bg-brand-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(27 179 135 / var(--tw-bg-opacity, 1));
}

.bg-brand-primary-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(20 138 104 / var(--tw-bg-opacity, 1));
}

.bg-brand-primary-ink {
  --tw-bg-opacity: 1;
  background-color: rgb(21 148 114 / var(--tw-bg-opacity, 1));
}

.bg-brand-primary\/10 {
  background-color: rgb(27 179 135 / 0.1);
}

.bg-brand-primary\/15 {
  background-color: rgb(27 179 135 / 0.15);
}

.bg-brand-primary\/20 {
  background-color: rgb(27 179 135 / 0.2);
}

.bg-brand-primary\/40 {
  background-color: rgb(27 179 135 / 0.4);
}

.bg-brand-primary\/5 {
  background-color: rgb(27 179 135 / 0.05);
}

.bg-brand-primary\/70 {
  background-color: rgb(27 179 135 / 0.7);
}

.bg-brand-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(24 72 102 / var(--tw-bg-opacity, 1));
}

.bg-brand-secondary\/10 {
  background-color: rgb(24 72 102 / 0.1);
}

.bg-brand-slate {
  --tw-bg-opacity: 1;
  background-color: rgb(122 141 174 / var(--tw-bg-opacity, 1));
}

.bg-brand-success {
  --tw-bg-opacity: 1;
  background-color: rgb(30 158 91 / var(--tw-bg-opacity, 1));
}

.bg-brand-success-soft {
  --tw-bg-opacity: 1;
  background-color: rgb(231 246 238 / var(--tw-bg-opacity, 1));
}

.bg-brand-surface-sunken {
  --tw-bg-opacity: 1;
  background-color: rgb(240 242 245 / var(--tw-bg-opacity, 1));
}

.bg-brand-surface-sunken\/30 {
  background-color: rgb(240 242 245 / 0.3);
}

.bg-brand-surface-sunken\/40 {
  background-color: rgb(240 242 245 / 0.4);
}

.bg-brand-surface-sunken\/50 {
  background-color: rgb(240 242 245 / 0.5);
}

.bg-brand-surface-sunken\/60 {
  background-color: rgb(240 242 245 / 0.6);
}

.bg-brand-teal-veil {
  --tw-bg-opacity: 1;
  background-color: rgb(241 250 247 / var(--tw-bg-opacity, 1));
}

.bg-brand-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

.bg-data-viz-bar-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(27 179 135 / var(--tw-bg-opacity, 1));
}

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

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

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

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

.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}

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

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}

.bg-pill-amber-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.bg-pill-amber-bg\/30 {
  background-color: rgb(254 243 199 / 0.3);
}

.bg-pill-amber-bg\/40 {
  background-color: rgb(254 243 199 / 0.4);
}

.bg-pill-amber-bg\/50 {
  background-color: rgb(254 243 199 / 0.5);
}

.bg-pill-amber-bg\/60 {
  background-color: rgb(254 243 199 / 0.6);
}

.bg-pill-amber-fg {
  --tw-bg-opacity: 1;
  background-color: rgb(122 78 12 / var(--tw-bg-opacity, 1));
}

.bg-pill-amberOnDark-bg {
  background-color: rgba(245,158,11,0.2);
}

.bg-pill-amberOnDark-fg {
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
}

.bg-pill-blue-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(214 234 251 / var(--tw-bg-opacity, 1));
}

.bg-pill-blue-bg\/30 {
  background-color: rgb(214 234 251 / 0.3);
}

.bg-pill-blue-bg\/40 {
  background-color: rgb(214 234 251 / 0.4);
}

.bg-pill-blue-fg {
  --tw-bg-opacity: 1;
  background-color: rgb(26 92 160 / var(--tw-bg-opacity, 1));
}

.bg-pill-gray-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(235 238 242 / var(--tw-bg-opacity, 1));
}

.bg-pill-gray-fg {
  --tw-bg-opacity: 1;
  background-color: rgb(82 89 107 / var(--tw-bg-opacity, 1));
}

.bg-pill-green-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(213 245 232 / var(--tw-bg-opacity, 1));
}

.bg-pill-green-bg\/30 {
  background-color: rgb(213 245 232 / 0.3);
}

.bg-pill-green-bg\/40 {
  background-color: rgb(213 245 232 / 0.4);
}

.bg-pill-green-bg\/50 {
  background-color: rgb(213 245 232 / 0.5);
}

.bg-pill-green-fg {
  --tw-bg-opacity: 1;
  background-color: rgb(26 107 69 / var(--tw-bg-opacity, 1));
}

.bg-pill-indigo-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(224 227 247 / var(--tw-bg-opacity, 1));
}

.bg-pill-indigo-fg {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}

.bg-pill-orange-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(255 232 214 / var(--tw-bg-opacity, 1));
}

.bg-pill-orange-fg {
  --tw-bg-opacity: 1;
  background-color: rgb(154 75 12 / var(--tw-bg-opacity, 1));
}

.bg-pill-purple-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

.bg-pill-purple-fg {
  --tw-bg-opacity: 1;
  background-color: rgb(107 33 168 / var(--tw-bg-opacity, 1));
}

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

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

.bg-pill-red-fg {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}

.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.bg-red-50\/40 {
  background-color: rgb(254 242 242 / 0.4);
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

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

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

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

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

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

.bg-white\/25 {
  background-color: rgb(255 255 255 / 0.25);
}

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

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

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

.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}

.bg-white\/95 {
  background-color: rgb(255 255 255 / 0.95);
}

.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}

.bg-yellow-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1));
}

.bg-ava-gradient {
  background-image: linear-gradient(135deg,#7C3AED 0%,#1BB387 100%);
}

.bg-ava-gradient-soft {
  background-image: linear-gradient(135deg,rgba(124,58,237,0.04) 0%,rgba(27,179,135,0.04) 100%);
}

.bg-bloom-wash {
  background-image: linear-gradient(135deg,#E3FFCC 0%,#F4FFE6 100%);
}

.bg-brand-hero {
  background-image: linear-gradient(135deg,#184866 0%,#0B363C 100%);
}

.bg-culture-hero {
  background-image: linear-gradient(135deg,#184866 0%,#1BB387 100%);
}

.bg-forest-depth {
  background-image: linear-gradient(160deg,#124F45 0%,#0B2428 100%);
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-brand-primary\/5 {
  --tw-gradient-from: rgb(27 179 135 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(27 179 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-left {
  -o-object-position: left;
     object-position: left;
}

.object-right {
  -o-object-position: right;
     object-position: right;
}

.p-0 {
  padding: 0px;
}

.p-0\.5 {
  padding: 0.125rem;
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-14 {
  padding: 3.5rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-3\.5 {
  padding: 0.875rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.p-\[15px\] {
  padding: 15px;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-0\.5 {
  padding-bottom: 0.125rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-1\.5 {
  padding-bottom: 0.375rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

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

.pb-28 {
  padding-bottom: 7rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pb-72 {
  padding-bottom: 18rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pl-\[26px\] {
  padding-left: 26px;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-2\.5 {
  padding-top: 0.625rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

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

.pt-8 {
  padding-top: 2rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.align-middle {
  vertical-align: middle;
}

.font-\[\'Inter\'\] {
  font-family: 'Inter';
}

.font-accent {
  font-family: Lora, Georgia, serif;
}

.font-display {
  font-family: "Bricolage Grotesque", Inter, system-ui, sans-serif;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-sans {
  font-family: Inter, system-ui, -apple-system, sans-serif;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-\[1\.3rem\] {
  font-size: 1.3rem;
}

.text-\[1\.9rem\] {
  font-size: 1.9rem;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[28px\] {
  font-size: 28px;
}

.text-\[2rem\] {
  font-size: 2rem;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.normal-case {
  text-transform: none;
}

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

.leading-8 {
  line-height: 2rem;
}

.leading-\[1\.1\] {
  line-height: 1.1;
}

.leading-\[16px\] {
  line-height: 16px;
}

.leading-\[3rem\] {
  line-height: 3rem;
}

.leading-none {
  line-height: 1;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-\[-0\.025em\] {
  letter-spacing: -0.025em;
}

.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}

.tracking-\[0\.08em\] {
  letter-spacing: 0.08em;
}

.tracking-\[0\.14em\] {
  letter-spacing: 0.14em;
}

.tracking-\[0\.4em\] {
  letter-spacing: 0.4em;
}

.tracking-\[0\.5rem\] {
  letter-spacing: 0.5rem;
}

.tracking-normal {
  letter-spacing: 0em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.text-\[\#007BC1\] {
  --tw-text-opacity: 1;
  color: rgb(0 123 193 / var(--tw-text-opacity, 1));
}

.text-\[\#0A66C2\] {
  --tw-text-opacity: 1;
  color: rgb(10 102 194 / var(--tw-text-opacity, 1));
}

.text-\[\#0B2428\] {
  --tw-text-opacity: 1;
  color: rgb(11 36 40 / var(--tw-text-opacity, 1));
}

.text-\[\#1877F2\] {
  --tw-text-opacity: 1;
  color: rgb(24 119 242 / var(--tw-text-opacity, 1));
}

.text-\[\#1A1F71\] {
  --tw-text-opacity: 1;
  color: rgb(26 31 113 / var(--tw-text-opacity, 1));
}

.text-\[\#2d2f31\] {
  --tw-text-opacity: 1;
  color: rgb(45 47 49 / var(--tw-text-opacity, 1));
}

.text-\[\#EB001B\] {
  --tw-text-opacity: 1;
  color: rgb(235 0 27 / var(--tw-text-opacity, 1));
}

.text-\[\#F45D48\] {
  --tw-text-opacity: 1;
  color: rgb(244 93 72 / var(--tw-text-opacity, 1));
}

.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}

.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

.text-ava-purple {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}

.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}

.text-brand-accent {
  --tw-text-opacity: 1;
  color: rgb(11 54 60 / var(--tw-text-opacity, 1));
}

.text-brand-accent\/80 {
  color: rgb(11 54 60 / 0.8);
}

.text-brand-background {
  --tw-text-opacity: 1;
  color: rgb(245 247 249 / var(--tw-text-opacity, 1));
}

.text-brand-bloom {
  --tw-text-opacity: 1;
  color: rgb(227 255 204 / var(--tw-text-opacity, 1));
}

.text-brand-body-fg {
  --tw-text-opacity: 1;
  color: rgb(90 107 132 / var(--tw-text-opacity, 1));
}

.text-brand-border {
  --tw-text-opacity: 1;
  color: rgb(224 228 235 / var(--tw-text-opacity, 1));
}

.text-brand-card {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-brand-destructive {
  --tw-text-opacity: 1;
  color: rgb(229 57 53 / var(--tw-text-opacity, 1));
}

.text-brand-foreground {
  --tw-text-opacity: 1;
  color: rgb(11 36 40 / var(--tw-text-opacity, 1));
}

.text-brand-foreground\/70 {
  color: rgb(11 36 40 / 0.7);
}

.text-brand-foreground\/80 {
  color: rgb(11 36 40 / 0.8);
}

.text-brand-foreground\/85 {
  color: rgb(11 36 40 / 0.85);
}

.text-brand-muted {
  --tw-text-opacity: 1;
  color: rgb(232 235 240 / var(--tw-text-opacity, 1));
}

.text-brand-muted-fg {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-brand-muted-fg\/30 {
  color: rgb(107 114 128 / 0.3);
}

.text-brand-muted-fg\/50 {
  color: rgb(107 114 128 / 0.5);
}

.text-brand-muted-fg\/60 {
  color: rgb(107 114 128 / 0.6);
}

.text-brand-muted-fg\/70 {
  color: rgb(107 114 128 / 0.7);
}

.text-brand-muted-fg\/80 {
  color: rgb(107 114 128 / 0.8);
}

.text-brand-primary {
  --tw-text-opacity: 1;
  color: rgb(27 179 135 / var(--tw-text-opacity, 1));
}

.text-brand-primary-dark {
  --tw-text-opacity: 1;
  color: rgb(20 138 104 / var(--tw-text-opacity, 1));
}

.text-brand-primary-ink {
  --tw-text-opacity: 1;
  color: rgb(21 148 114 / var(--tw-text-opacity, 1));
}

.text-brand-secondary {
  --tw-text-opacity: 1;
  color: rgb(24 72 102 / var(--tw-text-opacity, 1));
}

.text-brand-slate {
  --tw-text-opacity: 1;
  color: rgb(122 141 174 / var(--tw-text-opacity, 1));
}

.text-brand-success {
  --tw-text-opacity: 1;
  color: rgb(30 158 91 / var(--tw-text-opacity, 1));
}

.text-brand-success-soft {
  --tw-text-opacity: 1;
  color: rgb(231 246 238 / var(--tw-text-opacity, 1));
}

.text-brand-surface-sunken {
  --tw-text-opacity: 1;
  color: rgb(240 242 245 / var(--tw-text-opacity, 1));
}

.text-brand-teal-veil {
  --tw-text-opacity: 1;
  color: rgb(241 250 247 / var(--tw-text-opacity, 1));
}

.text-brand-warning {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

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

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

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

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

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

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

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

.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}

.text-orange-900 {
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
}

.text-pill-amber-bg {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}

.text-pill-amber-fg {
  --tw-text-opacity: 1;
  color: rgb(122 78 12 / var(--tw-text-opacity, 1));
}

.text-pill-amber-fg\/50 {
  color: rgb(122 78 12 / 0.5);
}

.text-pill-amber-fg\/80 {
  color: rgb(122 78 12 / 0.8);
}

.text-pill-amberOnDark-bg {
  color: rgba(245,158,11,0.2);
}

.text-pill-amberOnDark-fg {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.text-pill-blue-bg {
  --tw-text-opacity: 1;
  color: rgb(214 234 251 / var(--tw-text-opacity, 1));
}

.text-pill-blue-fg {
  --tw-text-opacity: 1;
  color: rgb(26 92 160 / var(--tw-text-opacity, 1));
}

.text-pill-blue-fg\/70 {
  color: rgb(26 92 160 / 0.7);
}

.text-pill-gray-bg {
  --tw-text-opacity: 1;
  color: rgb(235 238 242 / var(--tw-text-opacity, 1));
}

.text-pill-gray-fg {
  --tw-text-opacity: 1;
  color: rgb(82 89 107 / var(--tw-text-opacity, 1));
}

.text-pill-gray-fg\/70 {
  color: rgb(82 89 107 / 0.7);
}

.text-pill-green-bg {
  --tw-text-opacity: 1;
  color: rgb(213 245 232 / var(--tw-text-opacity, 1));
}

.text-pill-green-fg {
  --tw-text-opacity: 1;
  color: rgb(26 107 69 / var(--tw-text-opacity, 1));
}

.text-pill-indigo-bg {
  --tw-text-opacity: 1;
  color: rgb(224 227 247 / var(--tw-text-opacity, 1));
}

.text-pill-indigo-fg {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.text-pill-orange-bg {
  --tw-text-opacity: 1;
  color: rgb(255 232 214 / var(--tw-text-opacity, 1));
}

.text-pill-orange-fg {
  --tw-text-opacity: 1;
  color: rgb(154 75 12 / var(--tw-text-opacity, 1));
}

.text-pill-purple-bg {
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
}

.text-pill-purple-fg {
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}

.text-pill-red-bg {
  --tw-text-opacity: 1;
  color: rgb(253 232 232 / var(--tw-text-opacity, 1));
}

.text-pill-red-fg {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

.text-transparent {
  color: transparent;
}

.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}

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

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

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

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

.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}

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

.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}

.text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}

.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}

.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}

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

.line-through {
  text-decoration-line: line-through;
}

.no-underline {
  text-decoration-line: none;
}

.decoration-white\/40 {
  text-decoration-color: rgb(255 255 255 / 0.4);
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.placeholder-brand-muted-fg::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}

.placeholder-brand-muted-fg::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}

.accent-ava-purple {
  accent-color: #7C3AED;
}

.accent-brand-primary {
  accent-color: #1BB387;
}

.accent-pill-amber-fg {
  accent-color: #7A4E0C;
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-100 {
  opacity: 1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

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

.outline {
  outline-style: solid;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-\[3px\] {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-ava-purple {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(124 58 237 / var(--tw-ring-opacity, 1));
}

.ring-black\/5 {
  --tw-ring-color: rgb(0 0 0 / 0.05);
}

.ring-brand-accent {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(11 54 60 / var(--tw-ring-opacity, 1));
}

.ring-brand-background {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 247 249 / var(--tw-ring-opacity, 1));
}

.ring-brand-bloom {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(227 255 204 / var(--tw-ring-opacity, 1));
}

.ring-brand-body-fg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(90 107 132 / var(--tw-ring-opacity, 1));
}

.ring-brand-border {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 228 235 / var(--tw-ring-opacity, 1));
}

.ring-brand-card {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.ring-brand-destructive {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 57 53 / var(--tw-ring-opacity, 1));
}

.ring-brand-foreground {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(11 36 40 / var(--tw-ring-opacity, 1));
}

.ring-brand-muted {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(232 235 240 / var(--tw-ring-opacity, 1));
}

.ring-brand-muted-fg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1));
}

.ring-brand-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(27 179 135 / var(--tw-ring-opacity, 1));
}

.ring-brand-primary-dark {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(20 138 104 / var(--tw-ring-opacity, 1));
}

.ring-brand-primary-ink {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(21 148 114 / var(--tw-ring-opacity, 1));
}

.ring-brand-primary\/15 {
  --tw-ring-color: rgb(27 179 135 / 0.15);
}

.ring-brand-primary\/30 {
  --tw-ring-color: rgb(27 179 135 / 0.3);
}

.ring-brand-primary\/40 {
  --tw-ring-color: rgb(27 179 135 / 0.4);
}

.ring-brand-secondary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(24 72 102 / var(--tw-ring-opacity, 1));
}

.ring-brand-slate {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(122 141 174 / var(--tw-ring-opacity, 1));
}

.ring-brand-success {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 158 91 / var(--tw-ring-opacity, 1));
}

.ring-brand-success-soft {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 246 238 / var(--tw-ring-opacity, 1));
}

.ring-brand-surface-sunken {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 242 245 / var(--tw-ring-opacity, 1));
}

.ring-brand-teal-veil {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 250 247 / var(--tw-ring-opacity, 1));
}

.ring-brand-warning {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}

.ring-pill-amber-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity, 1));
}

.ring-pill-amber-fg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(122 78 12 / var(--tw-ring-opacity, 1));
}

.ring-pill-amber-fg\/30 {
  --tw-ring-color: rgb(122 78 12 / 0.3);
}

.ring-pill-amberOnDark-bg {
  --tw-ring-color: rgba(245,158,11,0.2);
}

.ring-pill-amberOnDark-fg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity, 1));
}

.ring-pill-blue-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(214 234 251 / var(--tw-ring-opacity, 1));
}

.ring-pill-blue-fg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(26 92 160 / var(--tw-ring-opacity, 1));
}

.ring-pill-gray-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(235 238 242 / var(--tw-ring-opacity, 1));
}

.ring-pill-gray-fg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(82 89 107 / var(--tw-ring-opacity, 1));
}

.ring-pill-green-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(213 245 232 / var(--tw-ring-opacity, 1));
}

.ring-pill-green-fg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(26 107 69 / var(--tw-ring-opacity, 1));
}

.ring-pill-indigo-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 227 247 / var(--tw-ring-opacity, 1));
}

.ring-pill-indigo-fg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(67 56 202 / var(--tw-ring-opacity, 1));
}

.ring-pill-orange-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 232 214 / var(--tw-ring-opacity, 1));
}

.ring-pill-orange-fg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(154 75 12 / var(--tw-ring-opacity, 1));
}

.ring-pill-purple-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 232 255 / var(--tw-ring-opacity, 1));
}

.ring-pill-purple-fg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 33 168 / var(--tw-ring-opacity, 1));
}

.ring-pill-red-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 232 232 / var(--tw-ring-opacity, 1));
}

.ring-pill-red-fg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity, 1));
}

.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

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

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

.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-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -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-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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

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

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

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

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

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

.duration-100 {
  transition-duration: 100ms;
}

.duration-150 {
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-75 {
  transition-duration: 75ms;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* ── Brand colours as custom properties ──────────────────────────────────
   Tailwind utilities do not reach inside a \3c style> block, and views have
   plenty of those, so every one of them repeated the brand hex literally.
   post_job.php alone carried #1BB387 in six places and #0B363C in three, and
   nothing could show that they disagreed — the dropdown highlight had drifted
   to the dark teal while the focus ring on the same control stayed green.

   These mirror tailwind.config.js. Keep the two in step: this file is the only
   place a \3c style> block can read them from.                                */

:root {
  --brand-primary:      #1BB387;
  --brand-primary-dark: #148A68;
  --brand-secondary:    #184866;
  --brand-accent:       #0B363C;
  --brand-foreground:   #0B2428;
  --brand-muted-fg:     #6B7280;
  --brand-border:       #E0E4EB;
  --brand-background:   #F5F7F9;
  --radius-md:          8px;
}

/* ── Global select normalisation (fixes Safari height/padding mismatch) ── */

/* ── Tab system ─────────────────────────────────────────────────────── */

/* ── Text gradients ─────────────────────────────────────────────────── */

.text-hero-gradient {
  background: linear-gradient(135deg, #1BB387 0%, #184866 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-ava-gradient {
  background: linear-gradient(135deg, #7C3AED 0%, #1BB387 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-ava-purple {
  color: #7C3AED;
}

/* ── Display / marquee numerals (error pages, milestones) ───────────── */

.text-numeral-marquee {
  font-size: clamp(96px, 18vw, 160px);
  line-height: 0.95;
  font-weight: 800;
  letter-spacing: -0.04em;
}

/* ── Alpine.js cloak ────────────────────────────────────────────────── */

[x-cloak] {
  display: none !important;
}

/* ── Focus ring ─────────────────────────────────────────────────────── */

/* Applied to interactive elements directly rather than offered as a class.
   `.avahr-focus-ring` existed here for a long time and NO view ever used it —
   grep across app/Views returns nothing — so every focusable element in the app
   fell back to the browser default, which is a bright blue ring that belongs to
   no palette we own. An opt-in style that nobody opts into is the same as no
   style, and it fails quietly: keyboard focus still works, it just looks wrong,
   so nobody files it.

   :focus-visible, not :focus — a mouse click on a button should not leave a ring
   behind it, which is exactly the complaint the browser default attracts. */

a:focus-visible,
button:focus-visible,
select:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
[role="switch"]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(27,179,135,0.4), 0 0 0 3px white;
}

/* Text inputs already carry their own border-colour treatment on focus, so the
   halo would double up. They get the ring without the white spacer ring. */

input:focus-visible,
textarea:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(27,179,135,0.35);
}

/* Kept as an explicit opt-in for anything that needs the ring on a wrapper
   rather than the control itself. */

.avahr-focus-ring:focus {
  outline: none;
}

.avahr-focus-ring:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(27,179,135,0.4), 0 0 0 3px white;
}

/* ── Thin scrollbar ─────────────────────────────────────────────────── */

.scrollable,
.main-content {
  scrollbar-width: thin;
  scrollbar-color: #E0E4EB transparent;
}

.scrollable::-webkit-scrollbar,
.main-content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.scrollable::-webkit-scrollbar-track,
.main-content::-webkit-scrollbar-track {
  background: transparent;
}

.scrollable::-webkit-scrollbar-thumb,
.main-content::-webkit-scrollbar-thumb {
  background: #E0E4EB;
  border-radius: 3px;
}

.scrollable::-webkit-scrollbar-thumb:hover,
.main-content::-webkit-scrollbar-thumb:hover {
  background: #6B7280;
}

/* ── Reduced motion guard ───────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  .pop, .pulse, .fade-in {
    animation: none !important;
    transition: none !important;
  }
}

/* ── Date / time input normalisation (fixes Safari accent-colour tint) ── */

/* Outside @layer so author styles beat Safari's UA stylesheet.              */

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"] {
  color-scheme: light;
}

input[type="date"]::-webkit-datetime-edit,
input[type="date"]::-webkit-datetime-edit-fields-wrapper,
input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field,
input[type="time"]::-webkit-datetime-edit,
input[type="time"]::-webkit-datetime-edit-fields-wrapper,
input[type="time"]::-webkit-datetime-edit-text,
input[type="time"]::-webkit-datetime-edit-hour-field,
input[type="time"]::-webkit-datetime-edit-minute-field,
input[type="time"]::-webkit-datetime-edit-ampm-field,
input[type="datetime-local"]::-webkit-datetime-edit,
input[type="datetime-local"]::-webkit-datetime-edit-fields-wrapper,
input[type="datetime-local"]::-webkit-datetime-edit-text,
input[type="datetime-local"]::-webkit-datetime-edit-month-field,
input[type="datetime-local"]::-webkit-datetime-edit-day-field,
input[type="datetime-local"]::-webkit-datetime-edit-year-field,
input[type="datetime-local"]::-webkit-datetime-edit-hour-field,
input[type="datetime-local"]::-webkit-datetime-edit-minute-field {
  color: #0B2428;
  -webkit-text-fill-color: #0B2428;
}

/* ---------------------------------------------------------------------------
   My Day task rows
   ---------------------------------------------------------------------------
   These live here rather than in a \3c style> block on my_day.php because the row
   is now a shared partial (partials/_task_row.php). A class defined in one
   view's style block and used from another file works only for as long as the
   partial is never rendered anywhere else — and it is invisible to
   `lint:conventions --rule tailwind-class`, which reads stylesheets under
   public/assets and every static class="..." in app/Views. So the linter
   correctly reported task-actions and qa-btn as having no rule: from where it
   stands, they did.
   --------------------------------------------------------------------------- */

/* The row itself, its priority dot and its type chip. Same reason as the two
   below: the partial renders these and it is no longer tied to one page. */

.task-row {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px 16px;
  background: white;
  border: 1px solid #E0E4EB;
  border-radius: 10px;
  cursor: pointer;
  /* Anchor for the stretched link below. */
  position: relative;
  transition: border-color 0.15s, box-shadow 0.15s;
  text-decoration: none;
  color: inherit;
}

.task-row:hover {
  border-color: #1BB387;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.04);
}

/* The row lit up on hover and showed a pointer cursor while only the middle
   text block was actually a link, so clicking the icon, the priority dot, the
   pill or any padding did nothing. The row used to BE an <a>; it became a div
   so the action buttons were not illegally nested inside a link.

   This gives the whole row back its click without putting the buttons back
   inside the anchor: the link covers the row, and the buttons sit above it. */

.task-row > a::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
}

.task-row .task-actions {
  position: relative;
  z-index: 1;
}

/* Priority dot */

.pri-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.pri-urgent {
  background: #E53935;
  box-shadow: 0 0 0 3px #FDE8E8;
}

.pri-high   {
  background: #F59E0B;
  box-shadow: 0 0 0 3px #FEF3C7;
}

.pri-normal {
  background: #52596B;
  box-shadow: 0 0 0 3px #EBEEF2;
}

/* Task type icon chip */

.type-chip {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* .task-actions and .qa-btn now live in resources/css/app.css, because the
   row is a shared partial and a class defined in one view's style block is
   invisible both to other files and to the class linter. */

/* The row is no longer an <a>, so its own hover no longer implies clickability.
   The text block carries the link and inherits the row's colour. */

.task-row a {
  text-decoration: none;
  color: inherit;
}

.task-row a:hover .text-brand-secondary {
  text-decoration: underline;
}

/* Fading out under its own click needs the row to stop taking pointer events
   too, or a second click lands on something on its way out. */

.task-row.is-leaving {
  opacity: 0;
  transform: translateX(8px);
  pointer-events: none;
}

.task-row {
  transition: border-color 0.15s, box-shadow 0.15s, opacity 0.2s, transform 0.2s;
}

/* Hidden until hover or keyboard focus. focus-within is not decoration: without
   it the buttons are reachable by tab but invisible while focused, which is
   worse than not having them at all. On touch, where hover never fires, they
   are always shown. */

.task-actions {
  display: flex;
  gap: 4px;
  opacity: 0;
  transition: opacity 0.15s;
}

.task-row:hover .task-actions,
.task-row:focus-within .task-actions {
  opacity: 1;
}

@media (hover: none) {
  .task-actions {
    opacity: 1;
  }
}

.qa-btn {
  width: 32px;
  /* WCAG 2.5.5 touch floor — the design wants 28 and 28 is too small */
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: #6B7280;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.12s;
}

.qa-btn:hover {
  background: #F0F2F5;
  color: #0B2428;
}

/* ── Custom select ─────────────────────────────────────────────────────────
   The bespoke dropdown used by Post a Job's pickers.

   These lived in a \3c style> block inside app/Views/jobs/post_job.php, which
   worked only for markup written in that one file. jobs/_searchable_picker.php
   and jobs/_category_picker.php are partials that use them, so every class they
   carried was invisible to the committed stylesheet and the tailwind-class rule
   reported them forever — 12 of them baselined for the category picker alone.
   A shared component's styles have to be somewhere shared. */

.custom-select {
  position: relative;
}

.custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  border: 1px solid #E0E4EB;
  border-radius: 6px;
  background: #F5F7F9;
  cursor: pointer;
  transition: border-color 0.15s;
}

.custom-select-trigger:hover {
  border-color: #6B7280;
}

.custom-select-trigger:focus {
  outline: none;
  border-color: #1BB387;
  box-shadow: 0 0 0 2px rgba(27, 179, 135, 0.2);
}

.cs-placeholder {
  color: #6B7280;
}

.cs-value {
  color: #0B2428;
}

.custom-select-menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 50;
  background: white;
  border: 1px solid #E0E4EB;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
  padding: 4px;
  max-height: 220px;
  overflow-y: auto;
}

.custom-select-option {
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
  color: #0B2428;
  transition: background 0.1s;
}

/* Selected and hovered are DIFFERENT states and must not share a style. Both
   took the green background once, so hovering any option while another was
   selected lit two rows and they merged into one block.

   Source order matters: equal specificity, so :hover has to come second to win
   when the selected option is also the hovered one.

   var(--brand-primary) is #1BB387 — the same green partials/_select highlights
   with, and the same green the trigger's focus ring uses above. Read from the
   custom property rather than repeated as a literal: that duplication is what
   let the two drift apart unnoticed before. */

.custom-select-option.selected {
  color: var(--brand-primary);
  font-weight: 600;
}

.custom-select-option:hover {
  background: var(--brand-primary);
  color: white;
}

/* ── Job category column browser ───────────────────────────────────────────
   One column per tree level, Finder style. The tree is 6 levels deep but
   never wider than 13 rows, so columns are short and the strip scrolls
   horizontally once the path passes three levels.

   Moved out of post_job.php's \3c style> block with the .custom-select rules
   above, and for the same reason: they style jobs/_category_picker.php, a
   partial. */

.cat-menu {
  width:-moz-max-content;
  width:max-content;
  min-width:264px;
  max-width:min(752px, calc(100vw - 32px));
  right:auto;
  max-height:none;
  padding:0;
  overflow:visible;
}

/* No scroll-behavior:smooth here — it swallows programmatic scrollLeft
   assignments (including scrollTo with behavior:'auto'), which is how the
   picker jumps to the active column when it opens on a deep selection. */

.cat-columns {
  display:flex;
  overflow-x:auto;
  overflow-y:hidden;
  height:280px;
}

.cat-column {
  flex:0 0 240px;
  min-width:240px;
  height:100%;
  overflow-y:auto;
  border-right:1px solid #E0E4EB;
  padding:4px;
}

.cat-column:last-child {
  border-right:none;
}

.cat-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:7px 8px 7px 10px;
  font-size:13.5px;
  line-height:1.3;
  border-radius:6px;
  cursor:pointer;
  color:#0B2428;
  transition:background 0.1s;
}

.cat-row:hover {
  background:#F0F2F5;
}

.cat-row.is-open {
  background:#E8EBF0;
}

/* Selected, in brand-primary. :hover and .is-open stay grey deliberately —
   they mark where you are in the tree, not what you have chosen. */

.cat-row.is-selected {
  background:var(--brand-primary);
  color:white;
}

.cat-row-name {
  min-width:0;
  overflow:hidden;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.cat-row-actions {
  display:flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
}

.cat-use {
  font-size:11px;
  padding:1px 6px;
  border-radius:4px;
  opacity:0;
  background:#1BB387;
  color:white;
  transition:opacity 0.1s;
}

.cat-row:hover .cat-use, .cat-row.is-open .cat-use {
  opacity:1;
}

.cat-use:hover {
  background:#148A68;
}

.cat-back {
  display:none;
}

/* Below sm the columns do not fit: show only the deepest one and rely on the
   Back control in the panel to climb out. */

@media (max-width: 639px) {
  .cat-menu {
    width:100%;
    left:0;
    right:0;
  }

  .cat-columns {
    height:260px;
  }

  .cat-back {
    display:flex;
  }

  .cat-column {
    display:none;
    flex:0 0 100%;
    min-width:100%;
    border-right:none;
  }

  .cat-column:last-child {
    display:block;
  }
}

/* ── Ava buttons ───────────────────────────────────────────────────────────
   To the design system spec.

   `.btn--ava` is the Ava button: solid purple. `.btn--ava-signature` is the
   gradient variant, for the moments worth the flourish. Both carry the shared
   button specs — Inter 600, --radius-md, 44px tall with 24px of inline
   padding, the focus ring, and the half-pixel press.

   Two things worth knowing about the ring: it is the BRAND green, not Ava
   purple, because it is the app's focus ring and every control uses the same
   one — an Ava-coloured ring would make focus mean something different here.
   And it is offset rather than inset, because an inset glow disappears against
   the purple.

   These come after `@tailwind utilities` (line 3), so they beat a `rounded-md`
   or an `h-9` at the call site without !important. The call sites carry no
   competing height, padding or radius — the component owns the shape. */

.btn--ava,
.btn--ava-signature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  padding-inline: 24px;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  font-weight: 600;
  color: #FFFFFF;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color 0.15s, filter 0.15s;
}

.btn--ava {
  background-color: #7C3AED;
}

.btn--ava:hover:not(:disabled) {
  background-color: #5B21B6;
}

.btn--ava-signature {
  background-image: linear-gradient(135deg, #7C3AED, #1BB387);
}

.btn--ava-signature:hover:not(:disabled) {
  filter: brightness(1.05);
}

.btn--ava:focus-visible,
.btn--ava-signature:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(27, 179, 135, 0.40);
}

.btn--ava:active:not(:disabled),
.btn--ava-signature:active:not(:disabled) {
  transform: translateY(0.5px);
}

.btn--ava:disabled,
.btn--ava-signature:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* The sparkle follows the label. Done here rather than by reordering the markup
   in eight views, so the icon stays first in the source and a screen reader
   still meets the label before the decoration. */

.btn--ava > i,
.btn--ava-signature > i {
  order: 2;
}

/* ── Signup primary CTA halo ──────────────────────────────────────────────
   From the signup design handoff. A static teal→mint gradient sits behind the
   button; the forest face slides UP on hover and uncovers it along the bottom
   edge only. Two stacked layers, so it cannot be a utility class — the
   gradient is a ::before on the wrapper and the lift is a transform on the
   child. Used by app/Views/signup/*.php via <span class="btn-glow"><button>.  */

.btn-glow {
  position: relative;
  display: inline-flex;
  width: 100%;
  border-radius: 12px;
}

.btn-glow::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #1BB387 0%, #E3FFCC 100%);
}

.btn-glow > * {
  position: relative;
  z-index: 1;
  width: 100%;
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(11, 54, 60, 0.10);
  transition: transform 220ms cubic-bezier(.22, 1, .36, 1),
              box-shadow 220ms ease, background-color .15s ease, color .15s ease;
}

.btn-glow:hover > * {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(11, 54, 60, 0.18);
}

.btn-glow:active > * {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(11, 54, 60, 0.10);
}

@media (prefers-reduced-motion: reduce) {
  .btn-glow > * {
    transition: background-color .15s ease, color .15s ease;
  }

  .btn-glow:hover > * {
    transform: translateY(0);
  }
}

/* ── Signup form control ──────────────────────────────────────────────────
   Was a \3c style> block inside signup/step1.php. Moved here when steps 2-4
   needed it too: a class declared in one view's style block does nothing in
   another view, silently — the same trap _category_picker.php fell into.     */

.gs-input {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  background: #FFFFFF;
  border: 1.5px solid #CBD5E1;
  border-radius: 10px;
  font-size: 15px;
  color: #0B2428;
  transition: border-color .15s, box-shadow .15s;
}

.gs-input::-moz-placeholder {
  color: #6B7280;
}

.gs-input::placeholder {
  color: #6B7280;
}

.gs-input:focus {
  outline: none;
  border-color: #1BB387;
  box-shadow: 0 0 0 4px rgba(27, 179, 135, .15);
}

.gs-input.error {
  border-color: #DC2626;
}

/* The verify-code field: one 6-digit box, tracked wide and centred. */

.gs-input--code {
  height: 52px;
  text-align: center;
  letter-spacing: .55em;
  text-indent: .55em;
  /* re-centres the run; trailing letter-space pulls it left */
  font-size: 1.35rem;
  font-weight: 700;
}

.placeholder\:normal-case::-moz-placeholder {
  text-transform: none;
}

.placeholder\:normal-case::placeholder {
  text-transform: none;
}

.placeholder\:text-brand-muted-fg::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.placeholder\:text-brand-muted-fg::placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.placeholder\:text-white\/50::-moz-placeholder {
  color: rgb(255 255 255 / 0.5);
}

.placeholder\:text-white\/50::placeholder {
  color: rgb(255 255 255 / 0.5);
}

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

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

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

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

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

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

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

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

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

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

.focus-within\:border-brand-primary:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(27 179 135 / var(--tw-border-opacity, 1));
}

.focus-within\:ring-1:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-brand-primary\/20:focus-within {
  --tw-ring-color: rgb(27 179 135 / 0.2);
}

.focus-within\:ring-brand-primary\/30:focus-within {
  --tw-ring-color: rgb(27 179 135 / 0.3);
}

.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-\[\#0E4A53\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(14 74 83 / var(--tw-border-opacity, 1));
}

.hover\:border-ava-purple\/30:hover {
  border-color: rgb(124 58 237 / 0.3);
}

.hover\:border-brand-destructive:hover {
  --tw-border-opacity: 1;
  border-color: rgb(229 57 53 / var(--tw-border-opacity, 1));
}

.hover\:border-brand-foreground\/30:hover {
  border-color: rgb(11 36 40 / 0.3);
}

.hover\:border-brand-muted-fg:hover {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}

.hover\:border-brand-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(27 179 135 / var(--tw-border-opacity, 1));
}

.hover\:border-brand-primary\/40:hover {
  border-color: rgb(27 179 135 / 0.4);
}

.hover\:border-brand-primary\/50:hover {
  border-color: rgb(27 179 135 / 0.5);
}

.hover\:border-brand-secondary\/40:hover {
  border-color: rgb(24 72 102 / 0.4);
}

.hover\:border-brand-slate:hover {
  --tw-border-opacity: 1;
  border-color: rgb(122 141 174 / var(--tw-border-opacity, 1));
}

.hover\:border-pill-amber-fg\/40:hover {
  border-color: rgb(122 78 12 / 0.4);
}

.hover\:bg-\[\#0E4A53\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(14 74 83 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-background:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 249 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-bloom:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 255 204 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-border:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 228 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-destructive\/5:hover {
  background-color: rgb(229 57 53 / 0.05);
}

.hover\:bg-brand-destructive\/90:hover {
  background-color: rgb(229 57 53 / 0.9);
}

.hover\:bg-brand-foreground:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(11 36 40 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-muted:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(232 235 240 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-muted\/20:hover {
  background-color: rgb(232 235 240 / 0.2);
}

.hover\:bg-brand-muted\/30:hover {
  background-color: rgb(232 235 240 / 0.3);
}

.hover\:bg-brand-muted\/40:hover {
  background-color: rgb(232 235 240 / 0.4);
}

.hover\:bg-brand-muted\/50:hover {
  background-color: rgb(232 235 240 / 0.5);
}

.hover\:bg-brand-muted\/60:hover {
  background-color: rgb(232 235 240 / 0.6);
}

.hover\:bg-brand-muted\/70:hover {
  background-color: rgb(232 235 240 / 0.7);
}

.hover\:bg-brand-primary-dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(20 138 104 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-primary\/10:hover {
  background-color: rgb(27 179 135 / 0.1);
}

.hover\:bg-brand-primary\/15:hover {
  background-color: rgb(27 179 135 / 0.15);
}

.hover\:bg-brand-primary\/5:hover {
  background-color: rgb(27 179 135 / 0.05);
}

.hover\:bg-brand-primary\/90:hover {
  background-color: rgb(27 179 135 / 0.9);
}

.hover\:bg-brand-surface-sunken:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 242 245 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-surface-sunken\/40:hover {
  background-color: rgb(240 242 245 / 0.4);
}

.hover\:bg-brand-surface-sunken\/50:hover {
  background-color: rgb(240 242 245 / 0.5);
}

.hover\:bg-brand-surface-sunken\/60:hover {
  background-color: rgb(240 242 245 / 0.6);
}

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

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

.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.hover\:bg-pill-amber-bg:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.hover\:bg-pill-green-bg\/70:hover {
  background-color: rgb(213 245 232 / 0.7);
}

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

.hover\:bg-pill-red-bg\/40:hover {
  background-color: rgb(253 232 232 / 0.4);
}

.hover\:bg-pill-red-bg\/60:hover {
  background-color: rgb(253 232 232 / 0.6);
}

.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

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

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

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

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

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

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

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

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

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

.hover\:bg-yellow-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(133 77 14 / var(--tw-bg-opacity, 1));
}

.hover\:text-brand-accent:hover {
  --tw-text-opacity: 1;
  color: rgb(11 54 60 / var(--tw-text-opacity, 1));
}

.hover\:text-brand-destructive:hover {
  --tw-text-opacity: 1;
  color: rgb(229 57 53 / var(--tw-text-opacity, 1));
}

.hover\:text-brand-destructive\/80:hover {
  color: rgb(229 57 53 / 0.8);
}

.hover\:text-brand-foreground:hover {
  --tw-text-opacity: 1;
  color: rgb(11 36 40 / var(--tw-text-opacity, 1));
}

.hover\:text-brand-muted-fg:hover {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.hover\:text-brand-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(27 179 135 / var(--tw-text-opacity, 1));
}

.hover\:text-brand-primary-dark:hover {
  --tw-text-opacity: 1;
  color: rgb(20 138 104 / var(--tw-text-opacity, 1));
}

.hover\:text-brand-primary-ink:hover {
  --tw-text-opacity: 1;
  color: rgb(21 148 114 / var(--tw-text-opacity, 1));
}

.hover\:text-brand-primary\/50:hover {
  color: rgb(27 179 135 / 0.5);
}

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

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

.hover\:text-orange-900:hover {
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
}

.hover\:text-pill-blue-fg:hover {
  --tw-text-opacity: 1;
  color: rgb(26 92 160 / var(--tw-text-opacity, 1));
}

.hover\:text-pill-red-fg:hover {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.hover\:text-red-500:hover {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

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

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

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

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

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

.hover\:opacity-70:hover {
  opacity: 0.7;
}

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

.hover\:opacity-90:hover {
  opacity: 0.9;
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:border-ava-purple:focus {
  --tw-border-opacity: 1;
  border-color: rgb(124 58 237 / var(--tw-border-opacity, 1));
}

.focus\:border-brand-accent:focus {
  --tw-border-opacity: 1;
  border-color: rgb(11 54 60 / var(--tw-border-opacity, 1));
}

.focus\:border-brand-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(27 179 135 / var(--tw-border-opacity, 1));
}

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

.focus\:bg-brand-muted\/20:focus {
  background-color: rgb(232 235 240 / 0.2);
}

.focus\:bg-brand-primary\/15:focus {
  background-color: rgb(27 179 135 / 0.15);
}

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

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

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

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-4:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-brand-accent\/15:focus {
  --tw-ring-color: rgb(11 54 60 / 0.15);
}

.focus\:ring-brand-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(27 179 135 / var(--tw-ring-opacity, 1));
}

.focus\:ring-brand-primary\/20:focus {
  --tw-ring-color: rgb(27 179 135 / 0.2);
}

.focus\:ring-brand-primary\/30:focus {
  --tw-ring-color: rgb(27 179 135 / 0.3);
}

.focus\:ring-brand-primary\/40:focus {
  --tw-ring-color: rgb(27 179 135 / 0.4);
}

.focus\:ring-offset-1:focus {
  --tw-ring-offset-width: 1px;
}

.focus-visible\:border-brand-primary:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(27 179 135 / var(--tw-border-opacity, 1));
}

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

.focus-visible\:outline:focus-visible {
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}

.focus-visible\:outline-brand-primary\/50:focus-visible {
  outline-color: rgb(27 179 135 / 0.5);
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-brand-primary:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(27 179 135 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-brand-primary\/40:focus-visible {
  --tw-ring-color: rgb(27 179 135 / 0.4);
}

.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}

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

.disabled\:bg-brand-muted:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(232 235 240 / var(--tw-bg-opacity, 1));
}

.disabled\:text-brand-muted-fg:disabled {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.disabled\:opacity-30:disabled {
  opacity: 0.3;
}

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

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:opacity-60:disabled {
  opacity: 0.6;
}

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

.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:bg-brand-primary\/10 {
  background-color: rgb(27 179 135 / 0.1);
}

.group:hover .group-hover\:text-brand-foreground {
  --tw-text-opacity: 1;
  color: rgb(11 36 40 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-brand-primary {
  --tw-text-opacity: 1;
  color: rgb(27 179 135 / var(--tw-text-opacity, 1));
}

.group\/sh:hover .group-hover\/sh\:opacity-100 {
  opacity: 1;
}

.group\/tip:hover .group-hover\/tip\:opacity-100 {
  opacity: 1;
}

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

.peer:checked ~ .peer-checked\:bg-brand-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(27 179 135 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:after\:translate-x-5::after {
  content: var(--tw-content);
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus-visible ~ .peer-focus-visible\:ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:focus-visible ~ .peer-focus-visible\:ring-brand-primary\/50 {
  --tw-ring-color: rgb(27 179 135 / 0.5);
}

.peer:focus-visible ~ .peer-focus-visible\:ring-offset-1 {
  --tw-ring-offset-width: 1px;
}

.has-\[\:checked\]\:border-brand-primary:has(:checked) {
  --tw-border-opacity: 1;
  border-color: rgb(27 179 135 / var(--tw-border-opacity, 1));
}

.has-\[\:checked\]\:bg-brand-primary\/5:has(:checked) {
  background-color: rgb(27 179 135 / 0.05);
}

@media (min-width: 640px) {
  .sm\:left-auto {
    left: auto;
  }

  .sm\:right-0 {
    right: 0px;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:table-cell {
    display: table-cell;
  }

  .sm\:grid {
    display: grid;
  }

  .sm\:h-52 {
    height: 13rem;
  }

  .sm\:w-12 {
    width: 3rem;
  }

  .sm\:w-56 {
    width: 14rem;
  }

  .sm\:w-60 {
    width: 15rem;
  }

  .sm\:w-64 {
    width: 16rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:p-10 {
    padding: 2.5rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-7 {
    padding: 1.75rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:p-9 {
    padding: 2.25rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 768px) {
  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:table-cell {
    display: table-cell;
  }

  .md\:hidden {
    display: none;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-8 {
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .lg\:sticky {
    position: sticky;
  }

  .lg\:top-4 {
    top: 1rem;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-80 {
    width: 20rem;
  }

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[280px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 280px minmax(0,1fr);
  }

  .lg\:grid-cols-\[320px_1fr\] {
    grid-template-columns: 320px 1fr;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-col {
    flex-direction: column;
  }
}

@media (min-width: 1280px) {
  .xl\:sticky {
    position: sticky;
  }

  .xl\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .xl\:top-0 {
    top: 0px;
  }

  .xl\:z-auto {
    z-index: auto;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:max-h-\[calc\(100vh-3\.5rem\)\] {
    max-height: calc(100vh - 3.5rem);
  }

  .xl\:w-72 {
    width: 18rem;
  }

  .xl\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[1fr_320px\] {
    grid-template-columns: 1fr 320px;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_280px\] {
    grid-template-columns: minmax(0,1fr) 280px;
  }

  .xl\:self-start {
    align-self: flex-start;
  }

  .xl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xl\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
}