/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-5xl: 64rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.1);
    --shadow-md: 0px 2px 4px rgba(0, 0, 0, 0.1),
    0px 1px 2px -1px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0px 4px 8px -1px rgba(0, 0, 0, 0.2),
    0px 1px 2px -1px rgba(0, 0, 0, 0.25);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-white: #ffffff;
    --color-black: #000000;
    --color-gray: #dee2e6;
    --color-gray-100: #ffffff;
    --color-gray-150: #f5f5f5;
    --color-gray-200: #f6f9fc;
    --color-gray-250: #eceef2;
    --color-gray-300: #edf1f8;
    --color-gray-350: #edf0f7;
    --color-gray-375: #e9eced;
    --color-gray-400: #bfc3c7;
    --color-gray-450: #c0c2c4;
    --color-gray-500: #a2a5a8;
    --color-gray-600: #6c757d;
    --color-gray-700: #495057;
    --color-gray-800: #343a40;
    --color-gray-900: #202429;
    --color-blue: #004aff;
    --color-blue-100: #5786ff;
    --color-blue-200: #4d7fff;
    --color-blue-300: #004aff;
    --color-blue-400: #001750;
    --color-blue-500: #1d5dff;
    --color-blue-600: #336dff;
    --color-blue-700: #bfdbfe;
    --color-yellow-100: #fff4e5;
    --color-yellow-200: #fffcbc;
    --color-yellow-300: #d7cf2a;
    --color-yellow-400: #fff85a;
    --color-yellow-500: #fff630;
    --color-yellow-600: #928d28;
    --color-yellow-700: #5e5900;
    --color-red-100: #ffe7e6;
    --color-red-200: #ffe7e6;
    --color-red-300: #cc2f29;
    --color-red-400: #ff6c66;
    --color-red-500: #ff544d;
    --color-red-550: #ff3b33;
    --color-red-600: #cc2f29;
    --color-red-700: #660400;
    --color-red-800: #f81d1c;
    --color-red-850: #ff3133;
    --color-red-900: #ff2324;
    --color-red-950: #e30002;
    --color-green-100: #e6fff5;
    --color-green-200: #e5ffee;
    --color-green-300: #29cc62;
    --color-green-400: #66ffc2;
    --color-green-500: #00ff99;
    --color-green-600: #1ea97c;
    --color-green-700: #006624;
    --color-green-800: #00b32f;
    --color-green-850: #0dd32f;
    --color-green-875: #0cc92d;
    --color-green-900: #0aa82d;
    --color-green-950: #0aa324;
    --color-white-gray-100: #fafafa;
    --color-white-gray-200: #b0becc;
    --color-white-gray-300: #8f9ba6;
    --color-white-gray-400: #636b73;
    --color-dark-gray-100: #697185;
    --color-dark-gray-200: #757575;
    --color-dark-gray-300: #404040;
    --color-dark-gray-400: #333333;
    --color-dark-gray-500: #262626;
    --color-dark-gray-600: #232323;
    --color-dark-gray-700: #1e1e1e;
    --color-blue-gray-100: #e5efff;
    --color-blue-gray-200: #e5efff;
    --color-blue-gray-300: #2965cc;
    --color-blue-gray-400: #668bcc;
    --color-blue-gray-500: #4472c4;
    --color-blue-gray-600: #214482;
    --color-blue-gray-700: #002566;
    --color-blue-teal-100: #daedf2;
    --color-blue-teal-200: #c2e8f2;
    --color-blue-teal-300: #91dff2;
    --color-blue-teal-400: #61d5f2;
    --color-blue-teal-500: #00c2f2;
    --shadow-none: none;
    --gradient-blue: linear-gradient(
    -135deg,
    var(--color-blue-200),
    var(--color-blue)
  );
    --gradient-blue-2: linear-gradient(
    -135deg,
    var(--color-blue-600),
    var(--color-blue-500)
  );
    --gradient-blue-3: linear-gradient(
    -135deg,
    var(--color-blue),
    var(--color-blue)
  );
    --gradient-green: linear-gradient(
    -135deg,
    var(--color-green-850),
    var(--color-green-900)
  );
    --gradient-green-2: linear-gradient(
    -135deg,
    var(--color-green-875),
    var(--color-green-800)
  );
    --gradient-green-3: linear-gradient(
    -135deg,
    var(--color-green-950),
    var(--color-green-950)
  );
    --gradient-red: linear-gradient(
    -135deg,
    var(--color-red-500),
    var(--color-red-850)
  );
    --gradient-red-2: linear-gradient(
    -135deg,
    var(--color-red-550),
    var(--color-red-800)
  );
    --gradient-red-3: linear-gradient(
    -135deg,
    var(--color-red-950),
    var(--color-red-950)
  );
    --gradient-yellow: linear-gradient(
    -195deg,
    var(--color-yellow-500),
    var(--color-yellow-300)
  );
    --font-family-mono: 'Fira Mono';
    --font-family-icons: bootstrap-icons;
    --header-background: linear-gradient(
    15deg,
    var(--color-blue-gray-300),
    var(--color-blue-teal-500)
  );
    --header-background-2: linear-gradient(
    -15deg,
    var(--color-blue-gray-300),
    var(--color-blue-teal-500)
  );
    --accordion-bg-color: var(--color-white);
    --accordion-header-padding-top: 1rem;
    --accordion-header-padding-right: 1rem;
    --accordion-header-padding-bottom: 1rem;
    --accordion-header-padding-left: 1rem;
    --accordion-content-padding: 1rem;
    --accordion-body-padding-top: 0;
    --accordion-body-padding-right: 1rem;
    --accordion-body-padding-bottom: 1rem;
    --accordion-body-padding-left: 1rem;
    --accordion-indicator-icon-color-disabled: var(--color-gray-400);
    --accordion-indicator-icon-color-validated: var(--color-green-900);
    --accordion-indicator-icon-color-invalid: var(--color-red-600);
    --breadcrumb-item-padding-x: 0.5rem;
    --button-primary-text-color-disabled: var(--color-dark-gray-300);
    --button-primary-bg-color: var(--gradient-blue);
    --button-primary-bg-color-hover: var(--gradient-blue-2);
    --button-primary-bg-color-active: var(--gradient-blue-3);
    --button-primary-bg-color-disabled: var(--color-gray-450);
    --button-primary-border-color: transparent;
    --button-primary-border-color-hover: var(--color-blue);
    --button-primary-border-color-active: var(--color-blue);
    --button-primary-border-color-disabled: transparent;
    --button-warn-bg-color: var(--gradient-yellow);
    --button-green-text-color-disabled: var(--color-dark-gray-300);
    --button-green-bg-color: var(--gradient-green);
    --button-green-bg-color-hover: var(--gradient-green-2);
    --button-green-bg-color-active: var(--gradient-green-3);
    --button-green-bg-color-disabled: var(--color-gray-450);
    --button-green-border-color: transparent;
    --button-green-border-color-hover: var(--color-green-900);
    --button-green-border-color-active: var(--color-green-900);
    --button-green-border-color-disabled: transparent;
    --button-red-text-color-disabled: var(--color-dark-gray-300);
    --button-red-bg-color: var(--gradient-red);
    --button-red-bg-color-hover: var(--gradient-red-2);
    --button-red-bg-color-active: var(--gradient-red-3);
    --button-red-bg-color-disabled: var(--color-gray-450);
    --button-red-border-color: transparent;
    --button-red-border-color-hover: var(--color-red-800);
    --button-red-border-color-active: var(--color-red-800);
    --button-red-border-color-disabled: transparent;
    --button-secondary-text-color: var(--color-blue-400);
    --button-secondary-text-color-disabled: var(--color-dark-gray-300);
    --button-secondary-bg-color: var(--color-white);
    --button-secondary-bg-color-hover: var(--color-white);
    --button-secondary-bg-color-active: var(--color-white);
    --button-secondary-bg-color-disabled: var(--color-white);
    --button-secondary-border-color: var(--color-blue-100);
    --button-secondary-border-color-hover: var(--color-blue);
    --button-secondary-border-color-active: var(--color-blue);
    --button-secondary-border-color-disabled: var(--color-gray-450);
    --button-secondary-red-border-color: var(--color-red-900);
    --button-secondary-red-border-color-hover: var(--color-red-850);
    --button-secondary-red-border-color-active: var(--color-red-950);
    --button-secondary-red-border-color-disabled: var(--color-red-900);
    --table-header-padding-x: 0.5rem;
    --table-header-padding-y: 0.5rem;
    --table-header-padding-x-sm: 0.5rem;
    --table-header-padding-y-sm: 0.375rem;
    --table-header-padding-x-xs: 0.375rem;
    --table-header-padding-y-xs: 0.375rem;
    --table-cell-padding-y: 0.5rem;
    --table-cell-padding-x: 0.5rem;
    --table-cell-padding-y-sm: 0.375rem;
    --table-cell-padding-x-sm: 0.375rem;
    --table-cell-padding-y-xs: 0.25rem;
    --table-cell-padding-x-xs: 0.375rem;
    --table-body-background-color: var(--color-white);
    --table-border-color: var(--color-gray-300);
    --table-active-bg-color: var(--color-blue-gray-100);
    --table-hover-bg-color: var(--color-gray-200);
    --table-striped-bg-color: var(--color-gray-150);
    --table-striped-cell-border-color: var(--color-gray-375);
    --table-bordered-thead-bg-color: var(--color-gray-375);
    --table-bordered-thead-border-color: var(--color-gray-400);
    --transition-default: all 0.12s ease-out;
    --transition-long: all 0.5s ease-out;
    --card-bg-color: var(--color-white);
    --card-alert-indicator-bg-color-info: var(--color-blue-gray-100);
    --card-alert-indicator-bg-color-success: var(--color-green-200);
    --card-alert-indicator-bg-color-warning: var(--color-yellow-200);
    --card-alert-indicator-bg-color-danger: var(--color-red-200);
    --card-alert-indicator-icon-color-info: var(--color-blue-gray-400);
    --card-alert-indicator-icon-color-success: var(--color-green-800);
    --card-alert-indicator-icon-color-warning: var(--color-yellow-700);
    --card-alert-indicator-icon-color-danger: var(--color-red-600);
    --card-alert-subtitle-text-color-info: var(--color-blue-gray-700);
    --card-alert-subtitle-text-color-success: var(--color-green-800);
    --card-content-padding: 1rem;
    --card-content-padding-bottom: 1.5rem;
    --card-header-padding-top: var(--card-content-padding);
    --card-header-padding-right: var(--card-content-padding);
    --card-header-padding-bottom: 0;
    --card-header-padding-left: var(--card-content-padding);
    --card-body-padding: var(--card-content-padding);
    --card-body-padding-bottom: var(--card-content-padding-bottom);
    --card-footer-padding-top: 0;
    --card-footer-padding-right: var(--card-content-padding);
    --card-footer-padding-bottom: var(--card-content-padding);
    --card-footer-padding-left: var(--card-content-padding);
    --tabpanel-tab-padding: 0.75rem 1rem;
    --tabpanel-tab-text-color: var(--color-gray-600);
    --tabpanel-tab-text-color-idle: var(--color-gray-600);
    --tabpanel-tab-text-color-hover: var(--color-gray-800);
    --tabpanel-tab-text-color-active: var(--color-gray-900);
    --tabpanel-tab-bg-color: var(--color-white);
    --tabpanel-tab-bg-color-disabled: var(--color-gray-375);
    --tabpanel-tab-border-bottom: 1px solid var(--color-gray-450);
    --tabpanel-tab-border-bottom-hover: 1px solid var(--color-gray-600);
    --tabpanel-tab-border-bottom-active: 1px solid var(--color-blue-300);
    --tabpanel-tab-border-bottom-disabled: 1px solid var(--color-gray-375);
    --tabpanel-tab-border-radius: 0.375rem;
    --tabpanel-content-bg-color: var(--color-white);
    --tabpanel-content-border-radius: 0 0.375rem 0.375rem 0.375rem;
    --tabpanel-content-padding: 1rem 1rem 1.5rem 1rem;
    --dialog-bg-color: var(--color-white);
    --dialog-alert-indicator-bg-color-info: var(--color-blue-gray-100);
    --dialog-alert-indicator-bg-color-success: var(--color-green-200);
    --dialog-alert-indicator-bg-color-warning: var(--color-yellow-200);
    --dialog-alert-indicator-bg-color-danger: var(--color-red-200);
    --dialog-alert-indicator-icon-color-info: var(--color-blue-gray-400);
    --dialog-alert-indicator-icon-color-success: var(--color-green-800);
    --dialog-alert-indicator-icon-color-warning: var(--color-yellow-700);
    --dialog-alert-indicator-icon-color-danger: var(--color-red-600);
    --dialog-content-padding: 1.125rem;
    --dialog-close-padding: 1.125rem;
    --dialog-close-right: 0;
    --dialog-close-top: 0;
    --dialog-header-padding-top: var(--dialog-content-padding);
    --dialog-header-padding-right: var(--dialog-content-padding);
    --dialog-header-padding-bottom: 0;
    --dialog-header-padding-left: var(--dialog-content-padding);
    --dialog-body-padding: var(--dialog-content-padding);
    --dialog-footer-padding-top: 0;
    --dialog-footer-padding-right: var(--dialog-content-padding);
    --dialog-footer-padding-bottom: var(--dialog-content-padding);
    --dialog-footer-padding-left: var(--dialog-content-padding);
    --radiogroup-input-border-color: var(--color-gray-400);
    --radiogroup-input-checked-border-color: var(--color-blue-200);
    --radio-group-label-color: var(--color-black);
    --select-input-border-color-idle: transparent;
    --select-input-group-bg-color: var(--color-white);
    --select-option-bg-color: var(--color-white);
    --select-option-border-color: var(--color-gray-200);
    --select-option-hover-bg-color: var(--color-blue-gray-200);
    --select-option-active-bg-color: var(--color-blue-gray-200);
    --select-option-active-text-color: var(--color-black);
    --select-option-disabled-hover-bg-color: var(--color-white);
    --select-option-text-color: var(--color-black);
    --textarea-bg-color: var(--color-white);
    --textarea-text-color: var(--color-gray-800);
    --textarea-border-color: var(--color-gray-400);
    --textarea-border-color-hover: var(--color-blue-200);
    --textarea-border-color-active: var(--color-blue-200);
    --textarea-border-color-error: var(--color-red-800);
    --textarea-helper-text-color-error: var(--color-red-800);
    --toast-bg-color: var(--color-white);
    --toast-bg-color-info: var(--gradient-blue-2);
    --toast-bg-color-success: var(--gradient-green-2);
    --toast-bg-color-warning: var(--color-yellow-400);
    --toast-bg-color-danger: var(--color-red-400);
    --toast-close-padding: 0.75rem;
    --toast-close-right: 0;
    --toast-close-top: 0;
    --toast-body-padding-top: 0.75rem;
    --toast-body-padding-right: 1rem;
    --toast-body-padding-bottom: 0.75rem;
    --toast-body-padding-left: 1rem;
    --tooltip-bg-color: var(--color-gray-900);
    --tooltip-text-color: var(--color-white);
    --tooltip-border-radius: 0.25rem;
    --tooltip-padding-x: 0.5rem;
    --tooltip-padding-y: 0.25rem;
    --tooltip-arrow-color: var(--color-gray-900);
    --tooltip-arrow-height: 0.4rem;
    --tooltip-arrow-width: 0.8rem;
    --color-validation-error: var(--color-red-800);
    --input-opacity: 1;
    --input-opacity-disabled: 0.6;
    --input-bg-color: var(--color-white);
    --input-bs-color: var(--color-white);
    --input-border-color: var(--color-gray-400);
    --input-border-color-hover: var(--color-blue-200);
    --input-border-color-active: var(--color-blue-200);
    --input-border-color-error: var(--color-validation-error);
    --input-text-color: var(--color-gray-800);
    --input-label-opacity: 1;
    --input-label-opacity-disabled: 0.6;
    --input-helper-text-opacity: 1;
    --input-helper-text-opacity-disabled: 0.6;
    --input-helper-text-color: var(--color-gray-800);
    --input-helper-text-color-error: var(--color-validation-error);
    --select-opacity: 1;
    --select-opacity-disabled: 0.6;
    --select-border-color-active: var(--color-blue-200);
    --select-label-opacity: 1;
    --select-label-opacity-disabled: 0.6;
    --select-helper-text-opacity: 1;
    --select-helper-text-opacity-disabled: 0.6;
    --select-helper-text-color: var(--color-gray-800);
    --transition-fast: all 0.11s ease-out;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .z-50 {
    z-index: 50;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-12 {
    margin: calc(var(--spacing) * 12);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }
  .mr-7 {
    margin-right: calc(var(--spacing) * 7);
  }
  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  .mr-9 {
    margin-right: calc(var(--spacing) * 9);
  }
  .mr-10 {
    margin-right: calc(var(--spacing) * 10);
  }
  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-48 {
    margin-bottom: calc(var(--spacing) * 48);
  }
  .mb-60 {
    margin-bottom: calc(var(--spacing) * 60);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-7 {
    margin-left: calc(var(--spacing) * 7);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .ml-9 {
    margin-left: calc(var(--spacing) * 9);
  }
  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-fit {
    min-height: fit-content;
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-1\/5 {
    width: calc(1/5 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-\[32px\] {
    width: 32px;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-max {
    max-width: max-content;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-30 {
    min-width: calc(var(--spacing) * 30);
  }
  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }
  .min-w-72 {
    min-width: calc(var(--spacing) * 72);
  }
  .min-w-96 {
    min-width: calc(var(--spacing) * 96);
  }
  .min-w-\[48rem\] {
    min-width: 48rem;
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-min {
    min-width: min-content;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-none {
    flex: none;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .border-separate {
    border-collapse: separate;
  }
  .border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .resize {
    resize: both;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .space-y-10 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .self-center {
    align-self: center;
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-400 {
    border-color: var(--color-gray-400);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-200 {
    background-color: var(--color-blue-200);
  }
  .bg-blue-300 {
    background-color: var(--color-blue-300);
  }
  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-gray-100 {
    background-color: var(--color-blue-gray-100);
  }
  .bg-blue-gray-300 {
    background-color: var(--color-blue-gray-300);
  }
  .bg-blue-gray-400 {
    background-color: var(--color-blue-gray-400);
  }
  .bg-blue-gray-500 {
    background-color: var(--color-blue-gray-500);
  }
  .bg-blue-gray-600 {
    background-color: var(--color-blue-gray-600);
  }
  .bg-blue-gray-700 {
    background-color: var(--color-blue-gray-700);
  }
  .bg-blue-teal-100 {
    background-color: var(--color-blue-teal-100);
  }
  .bg-blue-teal-200 {
    background-color: var(--color-blue-teal-200);
  }
  .bg-blue-teal-300 {
    background-color: var(--color-blue-teal-300);
  }
  .bg-blue-teal-400 {
    background-color: var(--color-blue-teal-400);
  }
  .bg-blue-teal-500 {
    background-color: var(--color-blue-teal-500);
  }
  .bg-dark-gray-100 {
    background-color: var(--color-dark-gray-100);
  }
  .bg-dark-gray-200 {
    background-color: var(--color-dark-gray-200);
  }
  .bg-dark-gray-300 {
    background-color: var(--color-dark-gray-300);
  }
  .bg-dark-gray-400 {
    background-color: var(--color-dark-gray-400);
  }
  .bg-dark-gray-500 {
    background-color: var(--color-dark-gray-500);
  }
  .bg-dark-gray-600 {
    background-color: var(--color-dark-gray-600);
  }
  .bg-dark-gray-700 {
    background-color: var(--color-dark-gray-700);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-150 {
    background-color: var(--color-gray-150);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-250 {
    background-color: var(--color-gray-250);
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-gray-350 {
    background-color: var(--color-gray-350);
  }
  .bg-gray-375 {
    background-color: var(--color-gray-375);
  }
  .bg-gray-400 {
    background-color: var(--color-gray-400);
  }
  .bg-gray-450 {
    background-color: var(--color-gray-450);
  }
  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-gray-600 {
    background-color: var(--color-gray-600);
  }
  .bg-gray-700 {
    background-color: var(--color-gray-700);
  }
  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-green-200 {
    background-color: var(--color-green-200);
  }
  .bg-green-300 {
    background-color: var(--color-green-300);
  }
  .bg-green-400 {
    background-color: var(--color-green-400);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-green-700 {
    background-color: var(--color-green-700);
  }
  .bg-green-800 {
    background-color: var(--color-green-800);
  }
  .bg-green-850 {
    background-color: var(--color-green-850);
  }
  .bg-green-900 {
    background-color: var(--color-green-900);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-red-300 {
    background-color: var(--color-red-300);
  }
  .bg-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-red-700 {
    background-color: var(--color-red-700);
  }
  .bg-red-800 {
    background-color: var(--color-red-800);
  }
  .bg-red-850 {
    background-color: var(--color-red-850);
  }
  .bg-red-900 {
    background-color: var(--color-red-900);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white-gray-100 {
    background-color: var(--color-white-gray-100);
  }
  .bg-white-gray-200 {
    background-color: var(--color-white-gray-200);
  }
  .bg-white-gray-300 {
    background-color: var(--color-white-gray-300);
  }
  .bg-white-gray-400 {
    background-color: var(--color-white-gray-400);
  }
  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-yellow-200 {
    background-color: var(--color-yellow-200);
  }
  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-yellow-600 {
    background-color: var(--color-yellow-600);
  }
  .bg-yellow-700 {
    background-color: var(--color-yellow-700);
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .text-center {
    text-align: center;
  }
  .text-start {
    text-align: start;
  }
  .align-middle {
    vertical-align: middle;
  }
  .font-family-mono {
    font-family: var(--font-family-mono);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .text-blue-100 {
    color: var(--color-blue-100);
  }
  .text-blue-300 {
    color: var(--color-blue-300);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-gray {
    color: var(--color-gray);
  }
  .text-gray-100 {
    color: var(--color-gray-100);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-white {
    color: var(--color-white);
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .last\:flex-1 {
    &:last-child {
      flex: 1;
    }
  }
  .focus-visible\:outline-0 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 0px;
    }
  }
  .sm\:overflow-y-auto {
    @media (width >= 40rem) {
      overflow-y: auto;
    }
  }
  .md\:overflow-hidden {
    @media (width >= 48rem) {
      overflow: hidden;
    }
  }
  .lg\:w-60 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 60);
    }
  }
  .lg\:w-fit {
    @media (width >= 64rem) {
      width: fit-content;
    }
  }
  .lg\:w-full {
    @media (width >= 64rem) {
      width: 100%;
    }
  }
  .lg\:flex-0 {
    @media (width >= 64rem) {
      flex: 0;
    }
  }
  .lg\:shrink {
    @media (width >= 64rem) {
      flex-shrink: 1;
    }
  }
  .lg\:grow-0 {
    @media (width >= 64rem) {
      flex-grow: 0;
    }
  }
  .lg\:columns-2 {
    @media (width >= 64rem) {
      columns: 2;
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
}
.gradient-red {
  background-image: var(--gradient-red);
}
.gradient-red-2 {
  background-image: var(--gradient-red-2);
}
.gradient-red-3 {
  background-image: var(--gradient-red-3);
}
.gradient-blue {
  background-image: var(--gradient-blue);
}
.gradient-blue-2 {
  background-image: var(--gradient-blue-2);
}
.gradient-blue-3 {
  background-image: var(--gradient-blue-3);
}
.gradient-green {
  background-image: var(--gradient-green);
}
.gradient-green-2 {
  background-image: var(--gradient-green-2);
}
.gradient-green-3 {
  background-image: var(--gradient-green-3);
}
#app-container {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
[x-cloak] {
  display: none !important;
}
.alpine-accordion {
  margin-inline: auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
  .accordion-item {
    border-radius: var(--radius-lg);
    --tw-shadow: 0px 2px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0px 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: var(--accordion-bg-color);
    .accordion-buttons {
      display: flex;
      gap: 0.625rem;
    }
    .accordion-header {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      padding: var(--accordion-header-padding-top) var(--accordion-header-padding-right) var(--accordion-header-padding-bottom) var(--accordion-header-padding-left);
      .accordion-title {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
      .accordion-subtitle {
        margin-left: calc(var(--spacing) * 10);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light);
        color: var(--color-gray-600);
      }
      .accordion-indicator {
        margin-right: calc(var(--spacing) * 3);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6);
        vertical-align: text-top;
      }
      .accordion-indicator.bi-check-circle-fill {
        color: var(--accordion-indicator-icon-color-validated);
      }
      .accordion-indicator.bi-exclamation-triangle-fill {
        color: var(--accordion-indicator-icon-color-invalid);
      }
      > div:first-child {
        display: flex;
        flex-direction: column;
      }
    }
    .accordion-icon {
      margin-left: calc(var(--spacing) * 4);
    }
    .accordion-content {
      overflow: hidden;
    }
    .accordion-body {
      padding: var(--accordion-body-padding-top) var(--accordion-body-padding-right) var(--accordion-body-padding-bottom) var(--accordion-body-padding-left);
      .alpine-card {
        border: 1px solid var(--color-gray-400);
        box-shadow: var(--shadow-none);
      }
    }
    &.disabled {
      pointer-events: none;
      color: var(--accordion-indicator-icon-color-disabled);
      --accordion-indicator-icon-color: var(--accordion-indicator-icon-color-disabled);
    }
  }
}
html.alpine-app-html {
  height: 100%;
}
.alpine-app-dialog-button, .alpine-app-logout-button {
  cursor: pointer;
}
.alpine-app-logout-button {
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
  color: var(--color-black);
}
.portal-navigation-trigger {
  display: flex;
  margin: auto;
}
#notifications-dialog::backdrop {
  background: transparent;
  pointer-events: none;
}
.alpine-app-body {
  display: grid;
  height: 100%;
  min-width: 48rem;
  grid-template-rows: auto 1fr;
  overflow-x: hidden;
  background-color: var(--color-gray-200);
  background-image: var(--background-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  @media (width >= 40rem) {
    overflow-x: auto;
  }
  @media (width >= 48rem) {
    overflow: hidden;
  }
}
.alpine-app-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  background-image: var(--header-background);
  height: var(--header-height, 3.625rem);
  padding: 0.6875rem 1rem;
  position: relative;
  z-index: 200;
  &::before {
    background-image: var(--header-background-2);
    content: '';
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 3s linear;
    z-index: -1;
  }
  &:hover {
    &::before {
      opacity: 1;
    }
  }
}
.alpine-app-header-left {
  display: flex;
  gap: .5rem;
}
.alpine-app-subheader {
  display: flex;
  flex-direction: row;
}
.alpine-app-subtitle {
  margin: auto;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  @media print {
    display: none;
  }
}
.alpine-app-beta-badge {
  margin-top: calc(var(--spacing) * 2);
  margin-left: calc(var(--spacing) * 2.5);
  display: flex;
  height: calc(var(--spacing) * 5);
  align-items: center;
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-white);
}
.alpine-app-logo {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  display: flex;
  height: calc(var(--spacing) * 9);
  flex: 1;
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  align-items: stretch;
  padding-block: calc(var(--spacing) * 1);
}
.alpine-app-header-user-info {
  display: flex;
  gap: 1rem;
  @media print {
    display: none;
  }
}
.account-name-display {
  color: var(--color-white);
  max-width: 25vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: auto;
}
.alpine-app-dialog-button {
  display: flex;
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  border-radius: calc(infinity * 1px);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  color: var(--color-white);
}
.alpine-app-dialog {
  width: var(--container-2xs);
  justify-content: center;
  border-radius: var(--radius-md);
  background-color: var(--color-white);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &::backdrop {
    background-color: transparent;
  }
}
.alpine-app-user-menu-card {
  display: flex;
  flex-direction: column;
}
.alpine-app-user-menu-header {
  margin-top: calc(var(--spacing) * 1);
  display: flex;
  height: calc(var(--spacing) * 9);
  flex-direction: row;
  align-items: center;
  padding-right: calc(var(--spacing) * 6);
  padding-left: calc(var(--spacing) * 6);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.alpine-app-user-menu-row {
  display: flex;
  height: calc(var(--spacing) * 9);
  width: 100%;
  flex-direction: row;
  align-items: center;
  padding-right: calc(var(--spacing) * 6);
  padding-left: calc(var(--spacing) * 6);
}
.alpine-app-user-menu-logout-row-icon {
  padding-right: calc(var(--spacing) * 2.5);
}
.alpine-app-user-menu-release-notes-row-icon-left {
  padding-right: calc(var(--spacing) * 2.5);
}
.alpine-app-user-menu-release-notes-row-icon-right {
  padding-right: calc(var(--spacing) * 2.5);
}
.alpine-app-user-menu-row-text {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.alpine-app-user-menu-line {
  margin-top: calc(var(--spacing) * 1.5);
  margin-bottom: calc(var(--spacing) * 1.5);
  height: 1px;
  background-color: var(--color-gray-250);
}
.alpine-app-user-menu-privacy-row {
  margin-bottom: calc(var(--spacing) * 1);
}
.alpine-app-main {
  overflow: hidden;
  @media print {
    display: none;
  }
}
.alpine-app-container {
  height: 100%;
  overflow: auto;
  padding: calc(var(--spacing) * 6);
  padding-top: calc(var(--spacing) * 0);
}
.alpine-app-notifications-overlay {
  position: fixed;
  top: calc(var(--spacing) * 17);
  left: calc(1/2 * 100%);
  z-index: 9999;
  display: flex;
  width: 100%;
  max-width: var(--container-xs);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  flex-direction: column;
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  background-color: transparent;
  padding-right: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 4);
  @media (width >= 40rem) {
    justify-content: flex-start;
  }
  @media print {
    display: none;
  }
}
.alpine-app-toast-scale-0 {
  --tw-scale-x: 0%;
  --tw-scale-y: 0%;
  --tw-scale-z: 0%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.alpine-app-toast-scale-100 {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.alpine-app-print-container {
  position: absolute;
  z-index: 50;
  display: none;
  height: 100%;
  width: 100%;
  @media print {
    display: block;
  }
}
.release-notes-container {
  h3 {
    --tw-tracking: -0.4px;
    letter-spacing: -0.4px;
    color: var(--color-blue-400);
  }
  h4 {
    margin-bottom: calc(var(--spacing) * 0);
    --tw-leading: 30px;
    line-height: 30px;
    --tw-tracking: -0.32px;
    letter-spacing: -0.32px;
    color: var(--color-blue-400);
  }
  h5 {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 20px;
    line-height: 20px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: -0.16px;
    letter-spacing: -0.16px;
    color: var(--color-blue-400);
  }
  ol, ul {
    margin-left: calc(var(--spacing) * 4);
    list-style-position: inside;
    list-style-type: disc;
    &:not(:last-child) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  p {
    --tw-tracking: -0.16px;
    letter-spacing: -0.16px;
    color: var(--color-gray-900);
    &:not(:last-child) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .release-notes-content {
    margin-top: calc(var(--spacing) * 12);
  }
  .card-body {
    padding: calc(var(--spacing) * 9);
    padding-bottom: calc(var(--spacing) * 14);
  }
}
.alpine-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: var(--breadcrumb-padding-y, 0.75rem) var(--breadcrumb-padding-x, 0);
  .breadcrumb-item {
    color: var(--breadcrumb-item-text-color, var(--color-gray-800));
    &.active {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
    & + .breadcrumb-item {
      font-size: var(--breadcrumb-font-size, 1rem);
      line-height: var(--breadcrumb-line-height, 1.5rem);
      padding-left: var(--breadcrumb-item-padding-x);
      &::before {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6);
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        font-family: bootstrap-icons;
        float: left;
        padding-right: var(--breadcrumb-item-padding-x);
        color: var(--breadcrumb-divider-color, var(--color-white-gray-400));
        content: '\f285';
      }
    }
  }
}
button.alpine-button, a.alpine-button {
  --_button-font-size: var(--button-font-size, 1rem);
  --_button-line-height: var(--button-line-height, 18px);
  --_button-height: var(--button-height, 2.25rem);
  --_button-gap: var(--button-gap, 7px);
  --_button-border-radius: var(--button-border-radius, 0.375rem);
  --_button-min-width: var(--button-min-width, 6rem);
  --_button-padding-top-bottom: var(--button-padding-top-bottom, 0.5rem);
  --_button-padding-left: var(--button-padding-left-right, 1rem);
  --_button-padding-right: var(--button-padding-left-right, 1rem);
  background-image: var(--button-bg-color);
  border: 1px solid var(--button-border-color);
  border-radius: var(--_button-border-radius);
  box-shadow: var(--button-shadow);
  color: var(--button-text-color, var(--color-white));
  font-size: var(--_button-font-size);
  gap: var(--_button-gap);
  height: var(--_button-height);
  line-height: var(--_button-line-height);
  min-width: var(--_button-min-width);
  padding: var(--_button-padding-top-bottom) var(--_button-padding-right) var(--_button-padding-top-bottom) var(--_button-padding-left);
  align-items: center;
  background-clip: padding-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  position: relative;
  justify-content: center;
  transition: var(--transition-default);
  span {
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  i {
    color: inherit;
  }
  &:before {
    background-image: var(--button-bg-color-hover);
    bottom: 0;
    border-radius: inherit;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: var(--transition-default);
    z-index: -1;
  }
  &:hover, &.hover {
    --button-shadow: var(--shadow-lg);
    --button-border-color: var(--button-border-color-hover);
    &:before {
      opacity: 1;
    }
    cursor: pointer;
  }
  &:disabled {
    cursor: not-allowed;
  }
  &:active, &.active {
    --button-shadow: none;
    --button-bg-color: var(--button-bg-color-active);
    --button-border-color: var(--button-border-color-active);
    transition: var(--transition-fast);
    &:before {
      opacity: 0;
    }
  }
  &[disabled], &:disabled {
    --button-text-color-disabled: var(--button-primary-text-color-disabled);
    --button-border-color-disabled: var(--button-primary-border-color-disabled);
    --button-bg-color-disabled: var(--button-primary-bg-color-disabled);
    transition-property: none;
    background: var(--button-bg-color);
    background-image: none;
    opacity: var(--button-opacity-disabled, 0.6);
    --button-bg-color: var(--button-bg-color-disabled);
    --button-border-color: var(--button-border-color-disabled);
    --button-text-color: var(--button-text-color-disabled);
    --button-shadow: none;
    &:before {
      opacity: 0;
    }
  }
  &.icon-left {
    --_button-padding-left: 0.75rem;
  }
  &.icon-right {
    --_button-padding-right: 0.75rem;
  }
  &.primary {
    --button-bg-color: var(--button-primary-bg-color);
    --button-bg-color-hover: var(--button-primary-bg-color-hover);
    --button-bg-color-active: var(--button-primary-bg-color-active);
    --button-border-color: var(--button-primary-border-color);
    --button-border-color-hover: var(--button-primary-border-color-hover);
    --button-border-color-active: var(--button-primary-border-color-active);
    &:hover {
      --button-border-color: var(--button-border-color-hover);
    }
    &[disabled], &:disabled {
      --button-bg-color: var(--button-primary-bg-color-disabled);
      --button-border-color: var(--button-primary-border-color-disabled);
      --button-text-color: var(--button-primary-text-color-disabled);
    }
  }
  &.warn {
    --button-bg-color: var(--button-warn-bg-color);
    --button-text-color: var(--color-black);
  }
  &.green {
    --button-text-color-disabled: var(--button-green-text-color-disabled);
    --button-bg-color: var(--button-green-bg-color);
    --button-bg-color-hover: var(--button-green-bg-color-hover);
    --button-bg-color-active: var(--button-green-bg-color-active);
    --button-bg-color-disabled: var(--button-green-bg-color-disabled);
    --button-border-color: var(--button-green-border-color);
    --button-border-color-hover: var(--button-green-border-color-hover);
    --button-border-color-active: var(--button-green-border-color-active);
    --button-border-color-disabled: var(--button-green-border-color-disabled);
    &:hover {
      --button-border-color: var(--button-border-color-hover);
    }
    &[disabled], &:disabled {
      --button-bg-color: var(--button-green-bg-color-disabled);
      --button-border-color: var(--button-green-border-color-disabled);
      --button-text-color: var(--button-green-text-color-disabled);
    }
  }
  &.red {
    --button-text-color-disabled: var(--button-red-text-color-disabled);
    --button-bg-color: var(--button-red-bg-color);
    --button-bg-color-hover: var(--button-red-bg-color-hover);
    --button-bg-color-active: var(--button-red-bg-color-active);
    --button-bg-color-disabled: var(--button-red-bg-color-disabled);
    --button-border-color: var(--button-red-border-color);
    --button-border-color-hover: var(--button-red-border-color-hover);
    --button-border-color-active: var(--button-red-border-color-active);
    --button-border-color-disabled: var(--button-red-border-color-disabled);
    &:hover {
      --button-border-color: var(--button-border-color-hover);
    }
    &[disabled], &:disabled {
      --button-bg-color: var(--button-red-bg-color-disabled);
      --button-border-color: var(--button-red-border-color-disabled);
      --button-text-color: var(--button-red-text-color-disabled);
    }
  }
  &.secondary {
    background-color: var(--button-secondary-bg-color);
    --button-text-color: var(--button-secondary-text-color);
    --button-text-color-disabled: var(--button-secondary-text-color-disabled);
    --button-bg-color-hover: var(--button-secondary-bg-color-hover);
    --button-bg-color-active: var(--button-secondary-bg-color-active);
    --button-bg-color-disabled: var(--button-secondary-bg-color-disabled);
    --button-border-color: var(--button-secondary-border-color);
    --button-border-color-hover: var(--button-secondary-border-color-hover);
    --button-border-color-active: var(--button-secondary-border-color-active);
    --button-border-color-disabled: var(
            --button-secondary-border-color-disabled
    );
    &:hover {
      --button-border-color: var(--button-border-color-hover);
    }
  }
  &.secondary-red {
    --button-text-color: var(--button-secondary-text-color);
    --button-text-color-disabled: var(--button-secondary-text-color-disabled);
    --button-border-color: var(--button-secondary-red-border-color);
    --button-border-color-hover: var(--button-secondary-red-border-color-hover);
    --button-border-color-active: var(--button-secondary-red-border-color-active);
    --button-border-color-disabled: var(
            --button-secondary-red-border-color-disabled
    );
    &:hover {
      --button-border-color: var(--button-secondary-red-border-color-hover);
    }
  }
  &.small {
    --button-border-radius: 0.1875rem;
    --button-font-size: 0.75rem;
    --button-gap: 0.375rem;
    --button-height: 1.625rem;
    --button-line-height: 1rem;
    --button-min-width: 5rem;
    --button-padding-top-bottom: 0.25rem;
    --button-padding-left-right: 0.75rem;
  }
  &.large {
    --button-border-radius: 0.375rem;
    --button-font-size: 1rem;
    --button-gap: 0.5rem;
    --button-height: 2.5rem;
    --button-line-height: 1.25rem;
    --button-min-width: 7rem;
    --button-padding-top-bottom: 0.5rem;
    --button-padding-left-right: 1rem;
  }
  &.xlarge {
    --button-border-radius: 0.375rem;
    --button-font-size: 1.25rem;
    --button-gap: 0.75rem;
    --button-height: 3rem;
    --button-line-height: 1.375rem;
    --button-min-width: 7rem;
    --button-padding-top-bottom: 0.75rem;
    --button-padding-left-right: 1.125rem;
  }
  &.auto-width {
    --button-min-width: 0rem;
  }
  &.filter {
    display: flex;
    width: auto;
    align-self: flex-start;
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    --button-text-color-disabled: var(--button-primary-text-color-disabled);
    --button-bg-color: var(--button-primary-bg-color);
    --button-bg-color-hover: var(--button-primary-bg-color-hover);
    --button-bg-color-active: var(--button-primary-bg-color-active);
    --button-bg-color-disabled: var(--button-primary-bg-color-disabled);
    --button-border-color: var(--button-primary-border-color);
    --button-border-color-hover: var(--button-primary-border-color-hover);
    --button-border-color-active: var(--button-primary-border-color-active);
    --button-border-color-disabled: var(--button-primary-border-color-disabled);
    --button-border-radius: 0.1875rem;
    --button-font-size: 0.75rem;
    --button-gap: 0.3125rem;
    --button-height: 1.625rem;
    --button-line-height: 0.75rem;
    --button-min-width: 0rem;
    --button-padding-top-bottom: 0.25rem;
    --button-padding-left-right: 0.5rem;
    &:hover {
      --button-border-color: var(--button-border-color-hover);
    }
  }
}
button.alpine-badge {
  height: calc(var(--spacing) * 5);
  min-width: calc(var(--spacing) * 5);
  cursor: pointer;
  border-radius: var(--radius-xl);
  background-color: var(--color-gray-450);
  padding-inline: calc(var(--spacing) * 1.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-white);
  &.red {
    background-color: var(--color-red-600);
  }
  &.green {
    background-color: var(--color-green-800);
  }
  &.blue {
    background-color: var(--color-blue-200);
  }
  &.sm {
    height: calc(var(--spacing) * 4);
    min-width: calc(var(--spacing) * 4);
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 1);
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
  &.beta {
    min-width: calc(var(--spacing) * 0);
    cursor: auto;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-white);
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 1);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-transform: uppercase;
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
}
.alpine-card {
  display: grid;
  width: 100%;
  gap: calc(var(--spacing) * 0);
  align-items: center;
  background-color: var(--card-bg-color, var(--color-white));
  border-radius: 0.375rem;
  box-shadow: var(--shadow-md);
  grid-template-columns: min-content;
  grid-template-rows: auto;
  position: relative;
  &.no-grid {
    display: block;
    grid-template-columns: none;
    grid-template-rows: none;
  }
  .card-header {
    grid-column: span 3 / span 3;
    align-self: flex-start;
    padding: var(--card-header-padding-top) var(--card-header-padding-right) var(--card-header-padding-bottom) var(--card-header-padding-left);
    &.alpine-card-error {
      padding: 4rem 2rem 0rem 2rem;
    }
    &.header-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      .card-title {
        grid-area: 1 / 1 / 2 / span 2;
      }
      .card-subtitle {
        grid-area: 2 / 1 / 3 / 2;
      }
      .card-actions {
        grid-area: 1 / 2 / 3 / 3;
      }
    }
    &.header-flex {
      display: flex;
    }
    .card-title {
      align-self: center;
      display: flex;
      font-weight: 600;
    }
    .card-subtitle {
      display: flex;
      color: var(--card-alert-subtitle-text-color, var(--color-gray-800));
      font-size: 0.875rem;
    }
    .card-actions {
      display: flex;
      gap: 0.5rem;
      justify-content: flex-end;
      vertical-align: top;
      width: inherit;
      z-index: 100;
      .alpine-button {
        text-wrap: nowrap;
      }
    }
  }
  .card-body {
    grid-column: span 3 / span 3;
    display: flex;
    flex-direction: row;
    padding: var(--card-body-padding) var(--card-body-padding) var(--card-body-padding-bottom) var(--card-body-padding);
    width: inherit;
    &.no-padding {
      padding: var(--card-body-padding) 0;
    }
    &.alpine-card-error {
      padding: 0rem 2rem 4rem 2rem;
    }
    .alpine-card {
      flex-basis: calc(1/3 * 100%);
      flex-direction: column;
      align-items: stretch;
      border: 1px solid var(--color-gray-400);
      box-shadow: var(--shadow-none);
      width: auto;
      display: flex;
      .card-header .card-title {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      .card-body {
        padding: var(--card-body-padding) var(--card-body-padding) var(--card-body-padding) var(--card-body-padding);
      }
      & + .alpine-card {
        margin-left: 1rem;
      }
    }
  }
  .card-footer {
    grid-column: span 3 / span 3;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-start;
    padding: var(--card-footer-padding-top) var(--card-footer-padding-right) var(--card-footer-padding-bottom) var(--card-footer-padding-left);
    width: inherit;
  }
  .card-alert {
    grid-row: span 3 / span 3;
    align-self: flex-start;
    display: flex;
    justify-content: left;
    padding: var(--card-alert-padding-top, var(--card-content-padding)) var(--card-alert-padding-right, 0) var(--card-alert-padding-bottom, var(--card-content-padding)) var(--card-alert-padding-right, var(--card-content-padding));
  }
  .card-indicator {
    background-color: var( --card-alert-indicator-bg-color, var(--card-alert-indicator-bg-color-info) );
    border-radius: 1.5rem;
    display: flex;
    height: 3rem;
    justify-content: center;
    padding: 0.75rem;
    width: 3rem;
    i {
      color: var( --card-alert-indicator-icon-color, var(--card-alert-indicator-icon-color-info) );
      font-size: 1.5rem;
      line-height: 1.5rem;
    }
  }
  &.primary {
    border: 1px solid var(--color-blue-600);
    box-shadow: var(--shadow-none);
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    width: auto;
    .card-header .card-title {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .card-body {
      padding: var(--card-body-padding) var(--card-body-padding) var(--card-body-padding) var(--card-body-padding);
    }
    & + .alpine-card {
      margin-left: 1rem;
    }
  }
  &.no-padding {
    padding: 0;
    .card-header {
      padding: 0;
    }
    .card-body {
      padding: 0;
    }
  }
  &.no-shadow {
    box-shadow: var(--shadow-none);
  }
  &.info, &.success, &.warning, &.danger {
    grid-auto-flow: column;
    .card-header, .card-body, .card-footer {
      width: unset;
    }
  }
  &.info {
    --card-alert-indicator-bg-color: var(--card-alert-indicator-bg-color-info);
    --card-alert-indicator-icon-color: var(
      --card-alert-indicator-icon-color-info
    );
    --card-alert-subtitle-text-color: var(
      --card-alert-subtitle-text-color-info
    );
  }
  &.success {
    --card-alert-indicator-bg-color: var(
      --card-alert-indicator-bg-color-success
    );
    --card-alert-indicator-icon-color: var(
      --card-alert-indicator-icon-color-success
    );
    --card-alert-subtitle-text-color: var(
      --card-alert-subtitle-text-color-success
    );
  }
  &.warning {
    --card-alert-indicator-bg-color: var(
      --card-alert-indicator-bg-color-warning
    );
    --card-alert-indicator-icon-color: var(
      --card-alert-indicator-icon-color-warning
    );
    --card-alert-subtitle-text-color: var(
      --card-alert-indicator-icon-color-warning
    );
    .card-header .card-subtitle {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
    .indicator i {
      position: relative;
      top: -0.2rem;
    }
  }
  &.danger {
    --card-alert-indicator-bg-color: var(
      --card-alert-indicator-bg-color-danger
    );
    --card-alert-indicator-icon-color: var(
      --card-alert-indicator-icon-color-danger
    );
    --card-alert-subtitle-text-color: var(
      --card-alert-indicator-icon-color-danger
    );
    .card-header .card-subtitle {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  &.secondary {
    border: 1px solid var(--color-gray-400);
    box-shadow: var(--shadow-none);
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    width: auto;
    .card-header .card-title {
      font-size: var(--font-size-lg, 1.125rem);
      line-height: var(--font-size-lg--line-height, 1.75rem);
    }
    .card-body {
      padding: var(--card-body-padding) var(--card-body-padding) var(--card-body-padding) var(--card-body-padding);
    }
    & + .alpine-card {
      margin-left: 1rem;
    }
  }
  &.primary {
    border: 1px solid var(--color-blue-600);
    box-shadow: var(--shadow-none);
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    width: auto;
    .card-header .card-title {
      font-size: var(--font-size-lg, 1.125rem);
      line-height: var(--font-size-lg--line-height, 1.75rem);
    }
    .card-body {
      padding: var(--card-body-padding) var(--card-body-padding) var(--card-body-padding) var(--card-body-padding);
    }
    & + .alpine-card {
      margin-left: 1rem;
    }
  }
  &.no-padding {
    padding: 0;
    .card-header {
      padding: 0;
    }
    .card-body {
      padding: 0;
    }
  }
  &.no-shadow {
    box-shadow: var(--shadow-none);
  }
  &.card-gray {
    --card-bg-color: var(--color-gray-200);
  }
  &.card-yellow {
    --card-bg-color: var(--color-yellow-200);
  }
}
.alpine-confetti {
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
}
[class|='confetti'] {
  position: absolute;
}
.confetti-0 {
  width: 10.5px;
  height: 3.5px;
  background-color: #0f9;
  top: -10%;
  left: 49%;
  opacity: 1.6833546858;
  transform: rotate(87.4062631573deg);
  -webkit-animation: drop-0 8.2760117356s 0.8810433485s 1;
  animation: drop-0 8.2760117356s 0.8810433485s 1;
}
@-webkit-keyframes drop-0 {
  100% {
    top: 120%;
    left: 58%;
  }
}
@keyframes drop-0 {
  100% {
    top: 120%;
    left: 58%;
  }
}
.confetti-1 {
  width: 6px;
  height: 2px;
  background-color: #001750;
  top: -10%;
  left: 65%;
  opacity: 1.3323926633;
  transform: rotate(199.4619253233deg);
  -webkit-animation: drop-1 8.368825693s 0.2019389123s 1;
  animation: drop-1 8.368825693s 0.2019389123s 1;
}
@-webkit-keyframes drop-1 {
  100% {
    top: 120%;
    left: 70%;
  }
}
@keyframes drop-1 {
  100% {
    top: 120%;
    left: 70%;
  }
}
.confetti-2 {
  width: 13.5px;
  height: 4.5px;
  background-color: #001750;
  top: -10%;
  left: 16%;
  opacity: 1.3691168037;
  transform: rotate(341.7050319667deg);
  -webkit-animation: drop-2 8.1350545681s 0.541482789s 1;
  animation: drop-2 8.1350545681s 0.541482789s 1;
}
@-webkit-keyframes drop-2 {
  100% {
    top: 120%;
    left: 25%;
  }
}
@keyframes drop-2 {
  100% {
    top: 120%;
    left: 25%;
  }
}
.confetti-3 {
  width: 13.5px;
  height: 4.5px;
  background-color: #004aff;
  top: -10%;
  left: 1%;
  opacity: 0.910020125;
  transform: rotate(9.4975912252deg);
  -webkit-animation: drop-3 7.6542723397s 0.5913093942s 1;
  animation: drop-3 7.6542723397s 0.5913093942s 1;
}
@-webkit-keyframes drop-3 {
  100% {
    top: 120%;
    left: 4%;
  }
}
@keyframes drop-3 {
  100% {
    top: 120%;
    left: 4%;
  }
}
.confetti-4 {
  width: 7.5px;
  height: 2.5px;
  background-color: #004aff;
  top: -10%;
  left: 34%;
  opacity: 1.3983043903;
  transform: rotate(252.343791999deg);
  -webkit-animation: drop-4 7.9854240731s 0.0899321848s 1;
  animation: drop-4 7.9854240731s 0.0899321848s 1;
}
@-webkit-keyframes drop-4 {
  100% {
    top: 120%;
    left: 41%;
  }
}
@keyframes drop-4 {
  100% {
    top: 120%;
    left: 41%;
  }
}
.confetti-5 {
  width: 10.5px;
  height: 3.5px;
  background-color: #004aff;
  top: -10%;
  left: 72%;
  opacity: 0.9094507359;
  transform: rotate(155.1964569377deg);
  -webkit-animation: drop-5 7.5855161494s 0.4118170826s 1;
  animation: drop-5 7.5855161494s 0.4118170826s 1;
}
@-webkit-keyframes drop-5 {
  100% {
    top: 120%;
    left: 78%;
  }
}
@keyframes drop-5 {
  100% {
    top: 120%;
    left: 78%;
  }
}
.confetti-6 {
  width: 6px;
  height: 2px;
  background-color: #0f9;
  top: -10%;
  left: 52%;
  opacity: 0.9299767208;
  transform: rotate(30.9762690325deg);
  -webkit-animation: drop-6 8.0758889397s 0.0182512411s 1;
  animation: drop-6 8.0758889397s 0.0182512411s 1;
}
@-webkit-keyframes drop-6 {
  100% {
    top: 120%;
    left: 59%;
  }
}
@keyframes drop-6 {
  100% {
    top: 120%;
    left: 59%;
  }
}
.confetti-7 {
  width: 4.5px;
  height: 1.5px;
  background-color: #0f9;
  top: -10%;
  left: 32%;
  opacity: 1.4790711991;
  transform: rotate(171.3793939828deg);
  -webkit-animation: drop-7 7.7037486941s 0.575785979s 1;
  animation: drop-7 7.7037486941s 0.575785979s 1;
}
@-webkit-keyframes drop-7 {
  100% {
    top: 120%;
    left: 39%;
  }
}
@keyframes drop-7 {
  100% {
    top: 120%;
    left: 39%;
  }
}
.confetti-8 {
  width: 12px;
  height: 4px;
  background-color: #0f9;
  top: -10%;
  left: 67%;
  opacity: 1.3100082774;
  transform: rotate(346.4712874029deg);
  -webkit-animation: drop-8 8.0894069771s 0.5231528158s 1;
  animation: drop-8 8.0894069771s 0.5231528158s 1;
}
@-webkit-keyframes drop-8 {
  100% {
    top: 120%;
    left: 74%;
  }
}
@keyframes drop-8 {
  100% {
    top: 120%;
    left: 74%;
  }
}
.confetti-9 {
  width: 3px;
  height: 1px;
  background-color: #0f9;
  top: -10%;
  left: 12%;
  opacity: 1.6736485688;
  transform: rotate(23.501399893deg);
  -webkit-animation: drop-9 8.4749708455s 0.6782001577s 1;
  animation: drop-9 8.4749708455s 0.6782001577s 1;
}
@-webkit-keyframes drop-9 {
  100% {
    top: 120%;
    left: 13%;
  }
}
@keyframes drop-9 {
  100% {
    top: 120%;
    left: 13%;
  }
}
.confetti-10 {
  width: 4.5px;
  height: 1.5px;
  background-color: #004aff;
  top: -10%;
  left: 13%;
  opacity: 1.3373559972;
  transform: rotate(53.6506824754deg);
  -webkit-animation: drop-10 7.8000495537s 0.0669239144s 1;
  animation: drop-10 7.8000495537s 0.0669239144s 1;
}
@-webkit-keyframes drop-10 {
  100% {
    top: 120%;
    left: 18%;
  }
}
@keyframes drop-10 {
  100% {
    top: 120%;
    left: 18%;
  }
}
.confetti-11 {
  width: 15px;
  height: 5px;
  background-color: #0f9;
  top: -10%;
  left: 96%;
  opacity: 1.2692008257;
  transform: rotate(351.1315896449deg);
  -webkit-animation: drop-11 7.9263412951s 0.2830735282s 1;
  animation: drop-11 7.9263412951s 0.2830735282s 1;
}
@-webkit-keyframes drop-11 {
  100% {
    top: 120%;
    left: 104%;
  }
}
@keyframes drop-11 {
  100% {
    top: 120%;
    left: 104%;
  }
}
.confetti-12 {
  width: 15px;
  height: 5px;
  background-color: #0f9;
  top: -10%;
  left: 44%;
  opacity: 1.7786875477;
  transform: rotate(162.4226501966deg);
  -webkit-animation: drop-12 8.4910010563s 0.7632511022s 1;
  animation: drop-12 8.4910010563s 0.7632511022s 1;
}
@-webkit-keyframes drop-12 {
  100% {
    top: 120%;
    left: 46%;
  }
}
@keyframes drop-12 {
  100% {
    top: 120%;
    left: 46%;
  }
}
.confetti-13 {
  width: 9px;
  height: 3px;
  background-color: #0f9;
  top: -10%;
  left: 59%;
  opacity: 1.370691212;
  transform: rotate(181.1421797769deg);
  -webkit-animation: drop-13 8.2406947278s 0.0110581217s 1;
  animation: drop-13 8.2406947278s 0.0110581217s 1;
}
@-webkit-keyframes drop-13 {
  100% {
    top: 120%;
    left: 64%;
  }
}
@keyframes drop-13 {
  100% {
    top: 120%;
    left: 64%;
  }
}
.confetti-14 {
  width: 4.5px;
  height: 1.5px;
  background-color: #0f9;
  top: -10%;
  left: 98%;
  opacity: 1.6739276644;
  transform: rotate(344.0813113781deg);
  -webkit-animation: drop-14 7.9661704679s 0.7691849801s 1;
  animation: drop-14 7.9661704679s 0.7691849801s 1;
}
@-webkit-keyframes drop-14 {
  100% {
    top: 120%;
    left: 107%;
  }
}
@keyframes drop-14 {
  100% {
    top: 120%;
    left: 107%;
  }
}
.confetti-15 {
  width: 13.5px;
  height: 4.5px;
  background-color: #0f9;
  top: -10%;
  left: 57%;
  opacity: 0.9819492301;
  transform: rotate(57.5415624606deg);
  -webkit-animation: drop-15 8.0422931332s 0.8671930415s 1;
  animation: drop-15 8.0422931332s 0.8671930415s 1;
}
@-webkit-keyframes drop-15 {
  100% {
    top: 120%;
    left: 62%;
  }
}
@keyframes drop-15 {
  100% {
    top: 120%;
    left: 62%;
  }
}
.confetti-16 {
  width: 9px;
  height: 3px;
  background-color: #001750;
  top: -10%;
  left: 86%;
  opacity: 1.772975554;
  transform: rotate(343.4053719033deg);
  -webkit-animation: drop-16 8.3370063073s 0.7529163225s 1;
  animation: drop-16 8.3370063073s 0.7529163225s 1;
}
@-webkit-keyframes drop-16 {
  100% {
    top: 120%;
    left: 93%;
  }
}
@keyframes drop-16 {
  100% {
    top: 120%;
    left: 93%;
  }
}
.confetti-17 {
  width: 1.5px;
  height: 0.5px;
  background-color: #004aff;
  top: -10%;
  left: 83%;
  opacity: 1.3270029484;
  transform: rotate(54.443604308deg);
  -webkit-animation: drop-17 8.4749047333s 0.5550150057s 1;
  animation: drop-17 8.4749047333s 0.5550150057s 1;
}
@-webkit-keyframes drop-17 {
  100% {
    top: 120%;
    left: 85%;
  }
}
@keyframes drop-17 {
  100% {
    top: 120%;
    left: 85%;
  }
}
.confetti-18 {
  width: 6px;
  height: 2px;
  background-color: #0f9;
  top: -10%;
  left: 42%;
  opacity: 0.9113500859;
  transform: rotate(201.4849263998deg);
  -webkit-animation: drop-18 7.866602643s 0.6947579846s 1;
  animation: drop-18 7.866602643s 0.6947579846s 1;
}
@-webkit-keyframes drop-18 {
  100% {
    top: 120%;
    left: 50%;
  }
}
@keyframes drop-18 {
  100% {
    top: 120%;
    left: 50%;
  }
}
.confetti-19 {
  width: 10.5px;
  height: 3.5px;
  background-color: #0f9;
  top: -10%;
  left: 54%;
  opacity: 1.684562286;
  transform: rotate(346.325176105deg);
  -webkit-animation: drop-19 8.3210325175s 0.929013227s 1;
  animation: drop-19 8.3210325175s 0.929013227s 1;
}
@-webkit-keyframes drop-19 {
  100% {
    top: 120%;
    left: 62%;
  }
}
@keyframes drop-19 {
  100% {
    top: 120%;
    left: 62%;
  }
}
.confetti-20 {
  width: 4.5px;
  height: 1.5px;
  background-color: #0f9;
  top: -10%;
  left: 96%;
  opacity: 1.5068337739;
  transform: rotate(23.0054668941deg);
  -webkit-animation: drop-20 8.0158694072s 0.1833066617s 1;
  animation: drop-20 8.0158694072s 0.1833066617s 1;
}
@-webkit-keyframes drop-20 {
  100% {
    top: 120%;
    left: 104%;
  }
}
@keyframes drop-20 {
  100% {
    top: 120%;
    left: 104%;
  }
}
.confetti-21 {
  width: 12px;
  height: 4px;
  background-color: #0f9;
  top: -10%;
  left: 9%;
  opacity: 1.7352919765;
  transform: rotate(244.4432600071deg);
  -webkit-animation: drop-21 8.371123858s 0.3099013853s 1;
  animation: drop-21 8.371123858s 0.3099013853s 1;
}
@-webkit-keyframes drop-21 {
  100% {
    top: 120%;
    left: 12%;
  }
}
@keyframes drop-21 {
  100% {
    top: 120%;
    left: 12%;
  }
}
.confetti-22 {
  width: 10.5px;
  height: 3.5px;
  background-color: #004aff;
  top: -10%;
  left: 97%;
  opacity: 1.4565780005;
  transform: rotate(120.3690039524deg);
  -webkit-animation: drop-22 8.1962127075s 0.4178287449s 1;
  animation: drop-22 8.1962127075s 0.4178287449s 1;
}
@-webkit-keyframes drop-22 {
  100% {
    top: 120%;
    left: 98%;
  }
}
@keyframes drop-22 {
  100% {
    top: 120%;
    left: 98%;
  }
}
.confetti-23 {
  width: 12px;
  height: 4px;
  background-color: #004aff;
  top: -10%;
  left: 2%;
  opacity: 1.528284935;
  transform: rotate(117.9830485982deg);
  -webkit-animation: drop-23 7.5964401844s 0.3930825218s 1;
  animation: drop-23 7.5964401844s 0.3930825218s 1;
}
@-webkit-keyframes drop-23 {
  100% {
    top: 120%;
    left: 4%;
  }
}
@keyframes drop-23 {
  100% {
    top: 120%;
    left: 4%;
  }
}
.confetti-24 {
  width: 12px;
  height: 4px;
  background-color: #001750;
  top: -10%;
  left: 5%;
  opacity: 1.324080396;
  transform: rotate(247.7697616354deg);
  -webkit-animation: drop-24 8.1705782873s 0.4940648553s 1;
  animation: drop-24 8.1705782873s 0.4940648553s 1;
}
@-webkit-keyframes drop-24 {
  100% {
    top: 120%;
    left: 9%;
  }
}
@keyframes drop-24 {
  100% {
    top: 120%;
    left: 9%;
  }
}
.confetti-25 {
  width: 13.5px;
  height: 4.5px;
  background-color: #0f9;
  top: -10%;
  left: 4%;
  opacity: 1.758855266;
  transform: rotate(155.5606099566deg);
  -webkit-animation: drop-25 8.4905949215s 0.6305295464s 1;
  animation: drop-25 8.4905949215s 0.6305295464s 1;
}
@-webkit-keyframes drop-25 {
  100% {
    top: 120%;
    left: 8%;
  }
}
@keyframes drop-25 {
  100% {
    top: 120%;
    left: 8%;
  }
}
.confetti-26 {
  width: 3px;
  height: 1px;
  background-color: #004aff;
  top: -10%;
  left: 26%;
  opacity: 1.4776163196;
  transform: rotate(127.1442298579deg);
  -webkit-animation: drop-26 7.9840136176s 0.5276001275s 1;
  animation: drop-26 7.9840136176s 0.5276001275s 1;
}
@-webkit-keyframes drop-26 {
  100% {
    top: 120%;
    left: 29%;
  }
}
@keyframes drop-26 {
  100% {
    top: 120%;
    left: 29%;
  }
}
.confetti-27 {
  width: 15px;
  height: 5px;
  background-color: #0f9;
  top: -10%;
  left: 70%;
  opacity: 1.027933168;
  transform: rotate(234.3385486218deg);
  -webkit-animation: drop-27 7.9085008966s 0.3431725027s 1;
  animation: drop-27 7.9085008966s 0.3431725027s 1;
}
@-webkit-keyframes drop-27 {
  100% {
    top: 120%;
    left: 71%;
  }
}
@keyframes drop-27 {
  100% {
    top: 120%;
    left: 71%;
  }
}
.confetti-28 {
  width: 4.5px;
  height: 1.5px;
  background-color: #004aff;
  top: -10%;
  left: 80%;
  opacity: 0.9018276674;
  transform: rotate(115.0693807389deg);
  -webkit-animation: drop-28 7.7016894143s 0.2613706741s 1;
  animation: drop-28 7.7016894143s 0.2613706741s 1;
}
@-webkit-keyframes drop-28 {
  100% {
    top: 120%;
    left: 85%;
  }
}
@keyframes drop-28 {
  100% {
    top: 120%;
    left: 85%;
  }
}
.confetti-29 {
  width: 13.5px;
  height: 4.5px;
  background-color: #0f9;
  top: -10%;
  left: 90%;
  opacity: 1.2863377642;
  transform: rotate(296.4401938548deg);
  -webkit-animation: drop-29 8.0687134475s 0.9457554451s 1;
  animation: drop-29 8.0687134475s 0.9457554451s 1;
}
@-webkit-keyframes drop-29 {
  100% {
    top: 120%;
    left: 94%;
  }
}
@keyframes drop-29 {
  100% {
    top: 120%;
    left: 94%;
  }
}
.confetti-30 {
  width: 7.5px;
  height: 2.5px;
  background-color: #0f9;
  top: -10%;
  left: 42%;
  opacity: 1.0602469987;
  transform: rotate(50.4198961892deg);
  -webkit-animation: drop-30 7.8301951003s 0.1510423804s 1;
  animation: drop-30 7.8301951003s 0.1510423804s 1;
}
@-webkit-keyframes drop-30 {
  100% {
    top: 120%;
    left: 43%;
  }
}
@keyframes drop-30 {
  100% {
    top: 120%;
    left: 43%;
  }
}
.confetti-31 {
  width: 1.5px;
  height: 0.5px;
  background-color: #0f9;
  top: -10%;
  left: 56%;
  opacity: 1.5721056928;
  transform: rotate(145.8002620852deg);
  -webkit-animation: drop-31 8.1584723554s 0.8769399148s 1;
  animation: drop-31 8.1584723554s 0.8769399148s 1;
}
@-webkit-keyframes drop-31 {
  100% {
    top: 120%;
    left: 60%;
  }
}
@keyframes drop-31 {
  100% {
    top: 120%;
    left: 60%;
  }
}
.confetti-32 {
  width: 7.5px;
  height: 2.5px;
  background-color: #004aff;
  top: -10%;
  left: 85%;
  opacity: 0.9093735813;
  transform: rotate(241.7357962007deg);
  -webkit-animation: drop-32 7.8369688088s 0.9030618062s 1;
  animation: drop-32 7.8369688088s 0.9030618062s 1;
}
@-webkit-keyframes drop-32 {
  100% {
    top: 120%;
    left: 87%;
  }
}
@keyframes drop-32 {
  100% {
    top: 120%;
    left: 87%;
  }
}
.confetti-33 {
  width: 10.5px;
  height: 3.5px;
  background-color: #001750;
  top: -10%;
  left: 81%;
  opacity: 1.5193353346;
  transform: rotate(116.0120543931deg);
  -webkit-animation: drop-33 8.2256028954s 0.7081776107s 1;
  animation: drop-33 8.2256028954s 0.7081776107s 1;
}
@-webkit-keyframes drop-33 {
  100% {
    top: 120%;
    left: 90%;
  }
}
@keyframes drop-33 {
  100% {
    top: 120%;
    left: 90%;
  }
}
.confetti-34 {
  width: 4.5px;
  height: 1.5px;
  background-color: #004aff;
  top: -10%;
  left: 84%;
  opacity: 1.491603132;
  transform: rotate(208.4554714085deg);
  -webkit-animation: drop-34 8.3520914215s 0.1896145933s 1;
  animation: drop-34 8.3520914215s 0.1896145933s 1;
}
@-webkit-keyframes drop-34 {
  100% {
    top: 120%;
    left: 88%;
  }
}
@keyframes drop-34 {
  100% {
    top: 120%;
    left: 88%;
  }
}
.confetti-35 {
  width: 6px;
  height: 2px;
  background-color: #004aff;
  top: -10%;
  left: 58%;
  opacity: 1.7669238256;
  transform: rotate(113.2848139603deg);
  -webkit-animation: drop-35 8.3381715327s 0.5169572841s 1;
  animation: drop-35 8.3381715327s 0.5169572841s 1;
}
@-webkit-keyframes drop-35 {
  100% {
    top: 120%;
    left: 65%;
  }
}
@keyframes drop-35 {
  100% {
    top: 120%;
    left: 65%;
  }
}
.confetti-36 {
  width: 4.5px;
  height: 1.5px;
  background-color: #004aff;
  top: -10%;
  left: 48%;
  opacity: 1.3362637391;
  transform: rotate(133.4890325102deg);
  -webkit-animation: drop-36 7.6558171536s 0.3115881937s 1;
  animation: drop-36 7.6558171536s 0.3115881937s 1;
}
@-webkit-keyframes drop-36 {
  100% {
    top: 120%;
    left: 52%;
  }
}
@keyframes drop-36 {
  100% {
    top: 120%;
    left: 52%;
  }
}
.confetti-37 {
  width: 7.5px;
  height: 2.5px;
  background-color: #0f9;
  top: -10%;
  left: 23%;
  opacity: 0.9403545774;
  transform: rotate(96.7836734669deg);
  -webkit-animation: drop-37 7.8601394965s 0.9256381933s 1;
  animation: drop-37 7.8601394965s 0.9256381933s 1;
}
@-webkit-keyframes drop-37 {
  100% {
    top: 120%;
    left: 26%;
  }
}
@keyframes drop-37 {
  100% {
    top: 120%;
    left: 26%;
  }
}
.confetti-38 {
  width: 9px;
  height: 3px;
  background-color: #004aff;
  top: -10%;
  left: 79%;
  opacity: 0.8829816675;
  transform: rotate(75.9658039409deg);
  -webkit-animation: drop-38 8.3100594213s 0.7633093866s 1;
  animation: drop-38 8.3100594213s 0.7633093866s 1;
}
@-webkit-keyframes drop-38 {
  100% {
    top: 120%;
    left: 86%;
  }
}
@keyframes drop-38 {
  100% {
    top: 120%;
    left: 86%;
  }
}
.confetti-39 {
  width: 13.5px;
  height: 4.5px;
  background-color: #004aff;
  top: -10%;
  left: 67%;
  opacity: 1.5104121396;
  transform: rotate(178.4553213575deg);
  -webkit-animation: drop-39 8.1087497827s 0.6792618375s 1;
  animation: drop-39 8.1087497827s 0.6792618375s 1;
}
@-webkit-keyframes drop-39 {
  100% {
    top: 120%;
    left: 68%;
  }
}
@keyframes drop-39 {
  100% {
    top: 120%;
    left: 68%;
  }
}
.confetti-40 {
  width: 6px;
  height: 2px;
  background-color: #0f9;
  top: -10%;
  left: 41%;
  opacity: 1.6258962436;
  transform: rotate(258.6150723245deg);
  -webkit-animation: drop-40 7.7684539808s 0.1460658117s 1;
  animation: drop-40 7.7684539808s 0.1460658117s 1;
}
@-webkit-keyframes drop-40 {
  100% {
    top: 120%;
    left: 49%;
  }
}
@keyframes drop-40 {
  100% {
    top: 120%;
    left: 49%;
  }
}
.confetti-41 {
  width: 4.5px;
  height: 1.5px;
  background-color: #001750;
  top: -10%;
  left: 56%;
  opacity: 1.7704218213;
  transform: rotate(79.9361775272deg);
  -webkit-animation: drop-41 7.7586500129s 0.1116971255s 1;
  animation: drop-41 7.7586500129s 0.1116971255s 1;
}
@-webkit-keyframes drop-41 {
  100% {
    top: 120%;
    left: 65%;
  }
}
@keyframes drop-41 {
  100% {
    top: 120%;
    left: 65%;
  }
}
.confetti-42 {
  width: 7.5px;
  height: 2.5px;
  background-color: #001750;
  top: -10%;
  left: 23%;
  opacity: 1.7592756061;
  transform: rotate(280.8818908092deg);
  -webkit-animation: drop-42 7.6607280999s 0.2639640183s 1;
  animation: drop-42 7.6607280999s 0.2639640183s 1;
}
@-webkit-keyframes drop-42 {
  100% {
    top: 120%;
    left: 31%;
  }
}
@keyframes drop-42 {
  100% {
    top: 120%;
    left: 31%;
  }
}
.confetti-43 {
  width: 6px;
  height: 2px;
  background-color: #0f9;
  top: -10%;
  left: 62%;
  opacity: 1.6880775655;
  transform: rotate(190.7503290409deg);
  -webkit-animation: drop-43 8.1204564348s 0.4927545075s 1;
  animation: drop-43 8.1204564348s 0.4927545075s 1;
}
@-webkit-keyframes drop-43 {
  100% {
    top: 120%;
    left: 65%;
  }
}
@keyframes drop-43 {
  100% {
    top: 120%;
    left: 65%;
  }
}
.confetti-44 {
  width: 4.5px;
  height: 1.5px;
  background-color: #0f9;
  top: -10%;
  left: 52%;
  opacity: 1.8471581667;
  transform: rotate(340.0328372765deg);
  -webkit-animation: drop-44 8.4273455012s 0.1138080366s 1;
  animation: drop-44 8.4273455012s 0.1138080366s 1;
}
@-webkit-keyframes drop-44 {
  100% {
    top: 120%;
    left: 54%;
  }
}
@keyframes drop-44 {
  100% {
    top: 120%;
    left: 54%;
  }
}
.confetti-45 {
  width: 15px;
  height: 5px;
  background-color: #004aff;
  top: -10%;
  left: 43%;
  opacity: 1.7908182815;
  transform: rotate(117.3963395543deg);
  -webkit-animation: drop-45 7.9182990532s 0.3780945952s 1;
  animation: drop-45 7.9182990532s 0.3780945952s 1;
}
@-webkit-keyframes drop-45 {
  100% {
    top: 120%;
    left: 44%;
  }
}
@keyframes drop-45 {
  100% {
    top: 120%;
    left: 44%;
  }
}
.confetti-46 {
  width: 3px;
  height: 1px;
  background-color: #004aff;
  top: -10%;
  left: 13%;
  opacity: 1.7813717054;
  transform: rotate(278.4032463677deg);
  -webkit-animation: drop-46 7.9357962925s 0.8253052799s 1;
  animation: drop-46 7.9357962925s 0.8253052799s 1;
}
@-webkit-keyframes drop-46 {
  100% {
    top: 120%;
    left: 18%;
  }
}
@keyframes drop-46 {
  100% {
    top: 120%;
    left: 18%;
  }
}
.confetti-47 {
  width: 15px;
  height: 5px;
  background-color: #004aff;
  top: -10%;
  left: 9%;
  opacity: 1.0487964914;
  transform: rotate(221.1592624195deg);
  -webkit-animation: drop-47 8.4152506916s 0.609191528s 1;
  animation: drop-47 8.4152506916s 0.609191528s 1;
}
@-webkit-keyframes drop-47 {
  100% {
    top: 120%;
    left: 13%;
  }
}
@keyframes drop-47 {
  100% {
    top: 120%;
    left: 13%;
  }
}
.confetti-48 {
  width: 12px;
  height: 4px;
  background-color: #004aff;
  top: -10%;
  left: 39%;
  opacity: 1.7559207606;
  transform: rotate(17.3076305183deg);
  -webkit-animation: drop-48 7.5256097229s 0.8736228744s 1;
  animation: drop-48 7.5256097229s 0.8736228744s 1;
}
@-webkit-keyframes drop-48 {
  100% {
    top: 120%;
    left: 46%;
  }
}
@keyframes drop-48 {
  100% {
    top: 120%;
    left: 46%;
  }
}
.confetti-49 {
  width: 1.5px;
  height: 0.5px;
  background-color: #001750;
  top: -10%;
  left: 43%;
  opacity: 1.2685911777;
  transform: rotate(95.1231532546deg);
  -webkit-animation: drop-49 8.3503786257s 0.8742088405s 1;
  animation: drop-49 8.3503786257s 0.8742088405s 1;
}
@-webkit-keyframes drop-49 {
  100% {
    top: 120%;
    left: 50%;
  }
}
@keyframes drop-49 {
  100% {
    top: 120%;
    left: 50%;
  }
}
.confetti-50 {
  width: 4.5px;
  height: 1.5px;
  background-color: #004aff;
  top: -10%;
  left: 33%;
  opacity: 1.0458799858;
  transform: rotate(299.3025172914deg);
  -webkit-animation: drop-50 7.8892415191s 0.8254729976s 1;
  animation: drop-50 7.8892415191s 0.8254729976s 1;
}
@-webkit-keyframes drop-50 {
  100% {
    top: 120%;
    left: 39%;
  }
}
@keyframes drop-50 {
  100% {
    top: 120%;
    left: 39%;
  }
}
.confetti-51 {
  width: 9px;
  height: 3px;
  background-color: #004aff;
  top: -10%;
  left: 54%;
  opacity: 1.2068390651;
  transform: rotate(165.0588837076deg);
  -webkit-animation: drop-51 8.285672653s 0.2011075687s 1;
  animation: drop-51 8.285672653s 0.2011075687s 1;
}
@-webkit-keyframes drop-51 {
  100% {
    top: 120%;
    left: 58%;
  }
}
@keyframes drop-51 {
  100% {
    top: 120%;
    left: 58%;
  }
}
.confetti-52 {
  width: 1.5px;
  height: 0.5px;
  background-color: #001750;
  top: -10%;
  left: 32%;
  opacity: 0.9421087676;
  transform: rotate(274.7601631867deg);
  -webkit-animation: drop-52 8.3376464856s 0.7588244487s 1;
  animation: drop-52 8.3376464856s 0.7588244487s 1;
}
@-webkit-keyframes drop-52 {
  100% {
    top: 120%;
    left: 37%;
  }
}
@keyframes drop-52 {
  100% {
    top: 120%;
    left: 37%;
  }
}
.confetti-53 {
  width: 6px;
  height: 2px;
  background-color: #0f9;
  top: -10%;
  left: 15%;
  opacity: 1.8355109218;
  transform: rotate(213.3737694241deg);
  -webkit-animation: drop-53 7.8309513625s 0.8126437753s 1;
  animation: drop-53 7.8309513625s 0.8126437753s 1;
}
@-webkit-keyframes drop-53 {
  100% {
    top: 120%;
    left: 17%;
  }
}
@keyframes drop-53 {
  100% {
    top: 120%;
    left: 17%;
  }
}
.confetti-54 {
  width: 3px;
  height: 1px;
  background-color: #004aff;
  top: -10%;
  left: 58%;
  opacity: 1.48935641;
  transform: rotate(197.8316587917deg);
  -webkit-animation: drop-54 8.2710080046s 0.8484951933s 1;
  animation: drop-54 8.2710080046s 0.8484951933s 1;
}
@-webkit-keyframes drop-54 {
  100% {
    top: 120%;
    left: 65%;
  }
}
@keyframes drop-54 {
  100% {
    top: 120%;
    left: 65%;
  }
}
.confetti-55 {
  width: 13.5px;
  height: 4.5px;
  background-color: #004aff;
  top: -10%;
  left: 81%;
  opacity: 0.8550575691;
  transform: rotate(184.3950586665deg);
  -webkit-animation: drop-55 7.6185767186s 0.4618894957s 1;
  animation: drop-55 7.6185767186s 0.4618894957s 1;
}
@-webkit-keyframes drop-55 {
  100% {
    top: 120%;
    left: 88%;
  }
}
@keyframes drop-55 {
  100% {
    top: 120%;
    left: 88%;
  }
}
.confetti-56 {
  width: 13.5px;
  height: 4.5px;
  background-color: #004aff;
  top: -10%;
  left: 90%;
  opacity: 1.649007597;
  transform: rotate(128.3567593633deg);
  -webkit-animation: drop-56 7.819608423s 0.2878038004s 1;
  animation: drop-56 7.819608423s 0.2878038004s 1;
}
@-webkit-keyframes drop-56 {
  100% {
    top: 120%;
    left: 99%;
  }
}
@keyframes drop-56 {
  100% {
    top: 120%;
    left: 99%;
  }
}
.confetti-57 {
  width: 13.5px;
  height: 4.5px;
  background-color: #004aff;
  top: -10%;
  left: 41%;
  opacity: 1.8110730134;
  transform: rotate(131.4649906413deg);
  -webkit-animation: drop-57 7.5072298845s 0.5028778147s 1;
  animation: drop-57 7.5072298845s 0.5028778147s 1;
}
@-webkit-keyframes drop-57 {
  100% {
    top: 120%;
    left: 44%;
  }
}
@keyframes drop-57 {
  100% {
    top: 120%;
    left: 44%;
  }
}
.confetti-58 {
  width: 7.5px;
  height: 2.5px;
  background-color: #0f9;
  top: -10%;
  left: 42%;
  opacity: 1.8246325346;
  transform: rotate(134.0832798214deg);
  -webkit-animation: drop-58 7.825328822s 0.6248243544s 1;
  animation: drop-58 7.825328822s 0.6248243544s 1;
}
@-webkit-keyframes drop-58 {
  100% {
    top: 120%;
    left: 47%;
  }
}
@keyframes drop-58 {
  100% {
    top: 120%;
    left: 47%;
  }
}
.confetti-59 {
  width: 1.5px;
  height: 0.5px;
  background-color: #0f9;
  top: -10%;
  left: 46%;
  opacity: 1.1698006846;
  transform: rotate(142.0989840652deg);
  -webkit-animation: drop-59 8.1533964368s 0.7247585634s 1;
  animation: drop-59 8.1533964368s 0.7247585634s 1;
}
@-webkit-keyframes drop-59 {
  100% {
    top: 120%;
    left: 50%;
  }
}
@keyframes drop-59 {
  100% {
    top: 120%;
    left: 50%;
  }
}
.confetti-60 {
  width: 9px;
  height: 3px;
  background-color: #001750;
  top: -10%;
  left: 92%;
  opacity: 1.2220015928;
  transform: rotate(13.3661682695deg);
  -webkit-animation: drop-60 7.9358902244s 0.2800281205s 1;
  animation: drop-60 7.9358902244s 0.2800281205s 1;
}
@-webkit-keyframes drop-60 {
  100% {
    top: 120%;
    left: 101%;
  }
}
@keyframes drop-60 {
  100% {
    top: 120%;
    left: 101%;
  }
}
.confetti-61 {
  width: 7.5px;
  height: 2.5px;
  background-color: #001750;
  top: -10%;
  left: 100%;
  opacity: 1.2144114586;
  transform: rotate(242.1097462475deg);
  -webkit-animation: drop-61 8.3120042378s 0.4434703674s 1;
  animation: drop-61 8.3120042378s 0.4434703674s 1;
}
@-webkit-keyframes drop-61 {
  100% {
    top: 120%;
    left: 101%;
  }
}
@keyframes drop-61 {
  100% {
    top: 120%;
    left: 101%;
  }
}
.confetti-62 {
  width: 15px;
  height: 5px;
  background-color: #001750;
  top: -10%;
  left: 89%;
  opacity: 1.7339030102;
  transform: rotate(294.7272410229deg);
  -webkit-animation: drop-62 7.5541979363s 0.3879965242s 1;
  animation: drop-62 7.5541979363s 0.3879965242s 1;
}
@-webkit-keyframes drop-62 {
  100% {
    top: 120%;
    left: 95%;
  }
}
@keyframes drop-62 {
  100% {
    top: 120%;
    left: 95%;
  }
}
.confetti-63 {
  width: 3px;
  height: 1px;
  background-color: #0f9;
  top: -10%;
  left: 39%;
  opacity: 1.3838414089;
  transform: rotate(18.5001240266deg);
  -webkit-animation: drop-63 8.171650789s 0.8817267751s 1;
  animation: drop-63 8.171650789s 0.8817267751s 1;
}
@-webkit-keyframes drop-63 {
  100% {
    top: 120%;
    left: 41%;
  }
}
@keyframes drop-63 {
  100% {
    top: 120%;
    left: 41%;
  }
}
.confetti-64 {
  width: 13.5px;
  height: 4.5px;
  background-color: #0f9;
  top: -10%;
  left: 12%;
  opacity: 1.7433928481;
  transform: rotate(125.0016594779deg);
  -webkit-animation: drop-64 8.1299767288s 0.841578548s 1;
  animation: drop-64 8.1299767288s 0.841578548s 1;
}
@-webkit-keyframes drop-64 {
  100% {
    top: 120%;
    left: 18%;
  }
}
@keyframes drop-64 {
  100% {
    top: 120%;
    left: 18%;
  }
}
.confetti-65 {
  width: 4.5px;
  height: 1.5px;
  background-color: #0f9;
  top: -10%;
  left: 34%;
  opacity: 0.8906525257;
  transform: rotate(69.5051502231deg);
  -webkit-animation: drop-65 7.6462111615s 0.3703658929s 1;
  animation: drop-65 7.6462111615s 0.3703658929s 1;
}
@-webkit-keyframes drop-65 {
  100% {
    top: 120%;
    left: 41%;
  }
}
@keyframes drop-65 {
  100% {
    top: 120%;
    left: 41%;
  }
}
.confetti-66 {
  width: 9px;
  height: 3px;
  background-color: #001750;
  top: -10%;
  left: 19%;
  opacity: 1.1596771998;
  transform: rotate(116.5682935851deg);
  -webkit-animation: drop-66 8.2087025236s 0.9251018815s 1;
  animation: drop-66 8.2087025236s 0.9251018815s 1;
}
@-webkit-keyframes drop-66 {
  100% {
    top: 120%;
    left: 24%;
  }
}
@keyframes drop-66 {
  100% {
    top: 120%;
    left: 24%;
  }
}
.confetti-67 {
  width: 10.5px;
  height: 3.5px;
  background-color: #004aff;
  top: -10%;
  left: 21%;
  opacity: 1.506804107;
  transform: rotate(134.5168220483deg);
  -webkit-animation: drop-67 8.1721042821s 0.6719378678s 1;
  animation: drop-67 8.1721042821s 0.6719378678s 1;
}
@-webkit-keyframes drop-67 {
  100% {
    top: 120%;
    left: 24%;
  }
}
@keyframes drop-67 {
  100% {
    top: 120%;
    left: 24%;
  }
}
.confetti-68 {
  width: 13.5px;
  height: 4.5px;
  background-color: #001750;
  top: -10%;
  left: 3%;
  opacity: 1.7862103023;
  transform: rotate(142.4844246384deg);
  -webkit-animation: drop-68 7.6458392961s 0.8205446685s 1;
  animation: drop-68 7.6458392961s 0.8205446685s 1;
}
@-webkit-keyframes drop-68 {
  100% {
    top: 120%;
    left: 6%;
  }
}
@keyframes drop-68 {
  100% {
    top: 120%;
    left: 6%;
  }
}
.confetti-69 {
  width: 10.5px;
  height: 3.5px;
  background-color: #0f9;
  top: -10%;
  left: 78%;
  opacity: 1.210258563;
  transform: rotate(350.9745093561deg);
  -webkit-animation: drop-69 7.9638595372s 0.3221593934s 1;
  animation: drop-69 7.9638595372s 0.3221593934s 1;
}
@-webkit-keyframes drop-69 {
  100% {
    top: 120%;
    left: 82%;
  }
}
@keyframes drop-69 {
  100% {
    top: 120%;
    left: 82%;
  }
}
.confetti-70 {
  width: 4.5px;
  height: 1.5px;
  background-color: #0f9;
  top: -10%;
  left: 69%;
  opacity: 1.3524264759;
  transform: rotate(261.1537032618deg);
  -webkit-animation: drop-70 8.3659112326s 0.2466553874s 1;
  animation: drop-70 8.3659112326s 0.2466553874s 1;
}
@-webkit-keyframes drop-70 {
  100% {
    top: 120%;
    left: 72%;
  }
}
@keyframes drop-70 {
  100% {
    top: 120%;
    left: 72%;
  }
}
.confetti-71 {
  width: 9px;
  height: 3px;
  background-color: #0f9;
  top: -10%;
  left: 3%;
  opacity: 1.1197290702;
  transform: rotate(76.6730289153deg);
  -webkit-animation: drop-71 7.6540816226s 0.1331278327s 1;
  animation: drop-71 7.6540816226s 0.1331278327s 1;
}
@-webkit-keyframes drop-71 {
  100% {
    top: 120%;
    left: 11%;
  }
}
@keyframes drop-71 {
  100% {
    top: 120%;
    left: 11%;
  }
}
.confetti-72 {
  width: 3px;
  height: 1px;
  background-color: #001750;
  top: -10%;
  left: 3%;
  opacity: 1.326924115;
  transform: rotate(192.1271367659deg);
  -webkit-animation: drop-72 7.944164218s 0.1463863684s 1;
  animation: drop-72 7.944164218s 0.1463863684s 1;
}
@-webkit-keyframes drop-72 {
  100% {
    top: 120%;
    left: 8%;
  }
}
@keyframes drop-72 {
  100% {
    top: 120%;
    left: 8%;
  }
}
.confetti-73 {
  width: 15px;
  height: 5px;
  background-color: #0f9;
  top: -10%;
  left: 79%;
  opacity: 1.1122857413;
  transform: rotate(23.0843027754deg);
  -webkit-animation: drop-73 8.4437586827s 0.148930285s 1;
  animation: drop-73 8.4437586827s 0.148930285s 1;
}
@-webkit-keyframes drop-73 {
  100% {
    top: 120%;
    left: 80%;
  }
}
@keyframes drop-73 {
  100% {
    top: 120%;
    left: 80%;
  }
}
.confetti-74 {
  width: 1.5px;
  height: 0.5px;
  background-color: #004aff;
  top: -10%;
  left: 55%;
  opacity: 1.501348276;
  transform: rotate(162.9442077521deg);
  -webkit-animation: drop-74 7.9764543383s 0.4655730114s 1;
  animation: drop-74 7.9764543383s 0.4655730114s 1;
}
@-webkit-keyframes drop-74 {
  100% {
    top: 120%;
    left: 61%;
  }
}
@keyframes drop-74 {
  100% {
    top: 120%;
    left: 61%;
  }
}
.confetti-75 {
  width: 10.5px;
  height: 3.5px;
  background-color: #0f9;
  top: -10%;
  left: 35%;
  opacity: 1.136227231;
  transform: rotate(6.0853000718deg);
  -webkit-animation: drop-75 7.5031125908s 0.8002253511s 1;
  animation: drop-75 7.5031125908s 0.8002253511s 1;
}
@-webkit-keyframes drop-75 {
  100% {
    top: 120%;
    left: 44%;
  }
}
@keyframes drop-75 {
  100% {
    top: 120%;
    left: 44%;
  }
}
.confetti-76 {
  width: 13.5px;
  height: 4.5px;
  background-color: #004aff;
  top: -10%;
  left: 79%;
  opacity: 1.4416063143;
  transform: rotate(91.5844837456deg);
  -webkit-animation: drop-76 7.6630998848s 0.1663548064s 1;
  animation: drop-76 7.6630998848s 0.1663548064s 1;
}
@-webkit-keyframes drop-76 {
  100% {
    top: 120%;
    left: 80%;
  }
}
@keyframes drop-76 {
  100% {
    top: 120%;
    left: 80%;
  }
}
.confetti-77 {
  width: 7.5px;
  height: 2.5px;
  background-color: #004aff;
  top: -10%;
  left: 84%;
  opacity: 1.4852335402;
  transform: rotate(232.3389451911deg);
  -webkit-animation: drop-77 8.1183207752s 0.3331074036s 1;
  animation: drop-77 8.1183207752s 0.3331074036s 1;
}
@-webkit-keyframes drop-77 {
  100% {
    top: 120%;
    left: 89%;
  }
}
@keyframes drop-77 {
  100% {
    top: 120%;
    left: 89%;
  }
}
.confetti-78 {
  width: 9px;
  height: 3px;
  background-color: #001750;
  top: -10%;
  left: 58%;
  opacity: 1.135475787;
  transform: rotate(45.4331071198deg);
  -webkit-animation: drop-78 7.549512553s 0.0501743705s 1;
  animation: drop-78 7.549512553s 0.0501743705s 1;
}
@-webkit-keyframes drop-78 {
  100% {
    top: 120%;
    left: 64%;
  }
}
@keyframes drop-78 {
  100% {
    top: 120%;
    left: 64%;
  }
}
.confetti-79 {
  width: 7.5px;
  height: 2.5px;
  background-color: #001750;
  top: -10%;
  left: 15%;
  opacity: 1.1545810274;
  transform: rotate(165.1005737434deg);
  -webkit-animation: drop-79 8.1004857575s 0.2798415029s 1;
  animation: drop-79 8.1004857575s 0.2798415029s 1;
}
@-webkit-keyframes drop-79 {
  100% {
    top: 120%;
    left: 18%;
  }
}
@keyframes drop-79 {
  100% {
    top: 120%;
    left: 18%;
  }
}
.confetti-80 {
  width: 1.5px;
  height: 0.5px;
  background-color: #0f9;
  top: -10%;
  left: 50%;
  opacity: 1.1232115403;
  transform: rotate(171.7912564332deg);
  -webkit-animation: drop-80 8.0795232856s 0.2277469431s 1;
  animation: drop-80 8.0795232856s 0.2277469431s 1;
}
@-webkit-keyframes drop-80 {
  100% {
    top: 120%;
    left: 58%;
  }
}
@keyframes drop-80 {
  100% {
    top: 120%;
    left: 58%;
  }
}
.confetti-81 {
  width: 15px;
  height: 5px;
  background-color: #001750;
  top: -10%;
  left: 47%;
  opacity: 1.8317148077;
  transform: rotate(347.6348484027deg);
  -webkit-animation: drop-81 7.7916822763s 0.5941090759s 1;
  animation: drop-81 7.7916822763s 0.5941090759s 1;
}
@-webkit-keyframes drop-81 {
  100% {
    top: 120%;
    left: 53%;
  }
}
@keyframes drop-81 {
  100% {
    top: 120%;
    left: 53%;
  }
}
.confetti-82 {
  width: 4.5px;
  height: 1.5px;
  background-color: #004aff;
  top: -10%;
  left: 26%;
  opacity: 1.3572712956;
  transform: rotate(327.781933901deg);
  -webkit-animation: drop-82 8.3921690642s 0.3423096364s 1;
  animation: drop-82 8.3921690642s 0.3423096364s 1;
}
@-webkit-keyframes drop-82 {
  100% {
    top: 120%;
    left: 30%;
  }
}
@keyframes drop-82 {
  100% {
    top: 120%;
    left: 30%;
  }
}
.confetti-83 {
  width: 6px;
  height: 2px;
  background-color: #001750;
  top: -10%;
  left: 96%;
  opacity: 1.1168753404;
  transform: rotate(252.7568206841deg);
  -webkit-animation: drop-83 7.6320764824s 0.0550684465s 1;
  animation: drop-83 7.6320764824s 0.0550684465s 1;
}
@-webkit-keyframes drop-83 {
  100% {
    top: 120%;
    left: 97%;
  }
}
@keyframes drop-83 {
  100% {
    top: 120%;
    left: 97%;
  }
}
.confetti-84 {
  width: 1.5px;
  height: 0.5px;
  background-color: #004aff;
  top: -10%;
  left: 21%;
  opacity: 0.8854918439;
  transform: rotate(19.639427303deg);
  -webkit-animation: drop-84 7.7973413807s 0.2875181476s 1;
  animation: drop-84 7.7973413807s 0.2875181476s 1;
}
@-webkit-keyframes drop-84 {
  100% {
    top: 120%;
    left: 29%;
  }
}
@keyframes drop-84 {
  100% {
    top: 120%;
    left: 29%;
  }
}
.confetti-85 {
  width: 13.5px;
  height: 4.5px;
  background-color: #004aff;
  top: -10%;
  left: 46%;
  opacity: 1.059396113;
  transform: rotate(30.4875650783deg);
  -webkit-animation: drop-85 8.4907395679s 0.6924820362s 1;
  animation: drop-85 8.4907395679s 0.6924820362s 1;
}
@-webkit-keyframes drop-85 {
  100% {
    top: 120%;
    left: 51%;
  }
}
@keyframes drop-85 {
  100% {
    top: 120%;
    left: 51%;
  }
}
.confetti-86 {
  width: 7.5px;
  height: 2.5px;
  background-color: #0f9;
  top: -10%;
  left: 71%;
  opacity: 1.5696255862;
  transform: rotate(352.8925853156deg);
  -webkit-animation: drop-86 8.3719462892s 0.7271171361s 1;
  animation: drop-86 8.3719462892s 0.7271171361s 1;
}
@-webkit-keyframes drop-86 {
  100% {
    top: 120%;
    left: 75%;
  }
}
@keyframes drop-86 {
  100% {
    top: 120%;
    left: 75%;
  }
}
.confetti-87 {
  width: 12px;
  height: 4px;
  background-color: #001750;
  top: -10%;
  left: 34%;
  opacity: 1.187417792;
  transform: rotate(106.1512389025deg);
  -webkit-animation: drop-87 7.84784952s 0.5105603415s 1;
  animation: drop-87 7.84784952s 0.5105603415s 1;
}
@-webkit-keyframes drop-87 {
  100% {
    top: 120%;
    left: 42%;
  }
}
@keyframes drop-87 {
  100% {
    top: 120%;
    left: 42%;
  }
}
.confetti-88 {
  width: 6px;
  height: 2px;
  background-color: #0f9;
  top: -10%;
  left: 4%;
  opacity: 0.9267676827;
  transform: rotate(220.6048690086deg);
  -webkit-animation: drop-88 7.8244291378s 0.4837711696s 1;
  animation: drop-88 7.8244291378s 0.4837711696s 1;
}
@-webkit-keyframes drop-88 {
  100% {
    top: 120%;
    left: 7%;
  }
}
@keyframes drop-88 {
  100% {
    top: 120%;
    left: 7%;
  }
}
.confetti-89 {
  width: 4.5px;
  height: 1.5px;
  background-color: #001750;
  top: -10%;
  left: 63%;
  opacity: 1.2645945173;
  transform: rotate(11.2526310579deg);
  -webkit-animation: drop-89 7.6991550107s 0.6892148901s 1;
  animation: drop-89 7.6991550107s 0.6892148901s 1;
}
@-webkit-keyframes drop-89 {
  100% {
    top: 120%;
    left: 65%;
  }
}
@keyframes drop-89 {
  100% {
    top: 120%;
    left: 65%;
  }
}
.confetti-90 {
  width: 10.5px;
  height: 3.5px;
  background-color: #0f9;
  top: -10%;
  left: 37%;
  opacity: 1.4662410848;
  transform: rotate(277.8254480067deg);
  -webkit-animation: drop-90 8.3396375843s 0.512951322s 1;
  animation: drop-90 8.3396375843s 0.512951322s 1;
}
@-webkit-keyframes drop-90 {
  100% {
    top: 120%;
    left: 41%;
  }
}
@keyframes drop-90 {
  100% {
    top: 120%;
    left: 41%;
  }
}
.confetti-91 {
  width: 10.5px;
  height: 3.5px;
  background-color: #004aff;
  top: -10%;
  left: 39%;
  opacity: 1.3455820868;
  transform: rotate(73.5610493981deg);
  -webkit-animation: drop-91 8.0245523215s 0.5510512884s 1;
  animation: drop-91 8.0245523215s 0.5510512884s 1;
}
@-webkit-keyframes drop-91 {
  100% {
    top: 120%;
    left: 47%;
  }
}
@keyframes drop-91 {
  100% {
    top: 120%;
    left: 47%;
  }
}
.confetti-92 {
  width: 15px;
  height: 5px;
  background-color: #0f9;
  top: -10%;
  left: 95%;
  opacity: 1.10752183;
  transform: rotate(238.2805603277deg);
  -webkit-animation: drop-92 7.7975281052s 0.1168092455s 1;
  animation: drop-92 7.7975281052s 0.1168092455s 1;
}
@-webkit-keyframes drop-92 {
  100% {
    top: 120%;
    left: 97%;
  }
}
@keyframes drop-92 {
  100% {
    top: 120%;
    left: 97%;
  }
}
.confetti-93 {
  width: 15px;
  height: 5px;
  background-color: #004aff;
  top: -10%;
  left: 6%;
  opacity: 1.1840556152;
  transform: rotate(120.1132973305deg);
  -webkit-animation: drop-93 8.4032381661s 0.2179442074s 1;
  animation: drop-93 8.4032381661s 0.2179442074s 1;
}
@-webkit-keyframes drop-93 {
  100% {
    top: 120%;
    left: 7%;
  }
}
@keyframes drop-93 {
  100% {
    top: 120%;
    left: 7%;
  }
}
.confetti-94 {
  width: 15px;
  height: 5px;
  background-color: #0f9;
  top: -10%;
  left: 3%;
  opacity: 1.5990444249;
  transform: rotate(27.5387348434deg);
  -webkit-animation: drop-94 7.7685010326s 0.706699835s 1;
  animation: drop-94 7.7685010326s 0.706699835s 1;
}
@-webkit-keyframes drop-94 {
  100% {
    top: 120%;
    left: 10%;
  }
}
@keyframes drop-94 {
  100% {
    top: 120%;
    left: 10%;
  }
}
.confetti-95 {
  width: 9px;
  height: 3px;
  background-color: #004aff;
  top: -10%;
  left: 75%;
  opacity: 1.1171515184;
  transform: rotate(171.3205246295deg);
  -webkit-animation: drop-95 8.0463282719s 0.0624992838s 1;
  animation: drop-95 8.0463282719s 0.0624992838s 1;
}
@-webkit-keyframes drop-95 {
  100% {
    top: 120%;
    left: 76%;
  }
}
@keyframes drop-95 {
  100% {
    top: 120%;
    left: 76%;
  }
}
.confetti-96 {
  width: 13.5px;
  height: 4.5px;
  background-color: #0f9;
  top: -10%;
  left: 79%;
  opacity: 1.6623746008;
  transform: rotate(317.7503295198deg);
  -webkit-animation: drop-96 8.4374495753s 0.9865888254s 1;
  animation: drop-96 8.4374495753s 0.9865888254s 1;
}
@-webkit-keyframes drop-96 {
  100% {
    top: 120%;
    left: 80%;
  }
}
@keyframes drop-96 {
  100% {
    top: 120%;
    left: 80%;
  }
}
.confetti-97 {
  width: 15px;
  height: 5px;
  background-color: #001750;
  top: -10%;
  left: 96%;
  opacity: 1.0189291817;
  transform: rotate(292.1030731768deg);
  -webkit-animation: drop-97 7.7859768484s 0.7167198891s 1;
  animation: drop-97 7.7859768484s 0.7167198891s 1;
}
@-webkit-keyframes drop-97 {
  100% {
    top: 120%;
    left: 105%;
  }
}
@keyframes drop-97 {
  100% {
    top: 120%;
    left: 105%;
  }
}
.confetti-98 {
  width: 15px;
  height: 5px;
  background-color: #004aff;
  top: -10%;
  left: 18%;
  opacity: 1.3459356782;
  transform: rotate(355.6075421794deg);
  -webkit-animation: drop-98 7.9487191368s 0.9379933468s 1;
  animation: drop-98 7.9487191368s 0.9379933468s 1;
}
@-webkit-keyframes drop-98 {
  100% {
    top: 120%;
    left: 25%;
  }
}
@keyframes drop-98 {
  100% {
    top: 120%;
    left: 25%;
  }
}
.confetti-99 {
  width: 6px;
  height: 2px;
  background-color: #004aff;
  top: -10%;
  left: 91%;
  opacity: 1.1098779994;
  transform: rotate(240.3791925962deg);
  -webkit-animation: drop-99 8.1162326884s 0.8588247211s 1;
  animation: drop-99 8.1162326884s 0.8588247211s 1;
}
@-webkit-keyframes drop-99 {
  100% {
    top: 120%;
    left: 92%;
  }
}
@keyframes drop-99 {
  100% {
    top: 120%;
    left: 92%;
  }
}
.confetti-100 {
  width: 10.5px;
  height: 3.5px;
  background-color: #001750;
  top: -10%;
  left: 71%;
  opacity: 1.0009033155;
  transform: rotate(206.9595007863deg);
  -webkit-animation: drop-100 7.879903654s 0.5989585422s 1;
  animation: drop-100 7.879903654s 0.5989585422s 1;
}
@-webkit-keyframes drop-100 {
  100% {
    top: 120%;
    left: 80%;
  }
}
@keyframes drop-100 {
  100% {
    top: 120%;
    left: 80%;
  }
}
.confetti-101 {
  width: 15px;
  height: 5px;
  background-color: #0f9;
  top: -10%;
  left: 74%;
  opacity: 1.1512575028;
  transform: rotate(277.9145741511deg);
  -webkit-animation: drop-101 8.2085695555s 0.6223997993s 1;
  animation: drop-101 8.2085695555s 0.6223997993s 1;
}
@-webkit-keyframes drop-101 {
  100% {
    top: 120%;
    left: 79%;
  }
}
@keyframes drop-101 {
  100% {
    top: 120%;
    left: 79%;
  }
}
.confetti-102 {
  width: 12px;
  height: 4px;
  background-color: #004aff;
  top: -10%;
  left: 15%;
  opacity: 1.1110018272;
  transform: rotate(16.3715440565deg);
  -webkit-animation: drop-102 7.7314929302s 0.9255243372s 1;
  animation: drop-102 7.7314929302s 0.9255243372s 1;
}
@-webkit-keyframes drop-102 {
  100% {
    top: 120%;
    left: 20%;
  }
}
@keyframes drop-102 {
  100% {
    top: 120%;
    left: 20%;
  }
}
.confetti-103 {
  width: 9px;
  height: 3px;
  background-color: #004aff;
  top: -10%;
  left: 47%;
  opacity: 1.1959038071;
  transform: rotate(189.4534521554deg);
  -webkit-animation: drop-103 8.232106256s 0.1323013436s 1;
  animation: drop-103 8.232106256s 0.1323013436s 1;
}
@-webkit-keyframes drop-103 {
  100% {
    top: 120%;
    left: 55%;
  }
}
@keyframes drop-103 {
  100% {
    top: 120%;
    left: 55%;
  }
}
.confetti-104 {
  width: 13.5px;
  height: 4.5px;
  background-color: #0f9;
  top: -10%;
  left: 19%;
  opacity: 1.5086649979;
  transform: rotate(75.0391002317deg);
  -webkit-animation: drop-104 7.6796389447s 0.6688333394s 1;
  animation: drop-104 7.6796389447s 0.6688333394s 1;
}
@-webkit-keyframes drop-104 {
  100% {
    top: 120%;
    left: 27%;
  }
}
@keyframes drop-104 {
  100% {
    top: 120%;
    left: 27%;
  }
}
.confetti-105 {
  width: 12px;
  height: 4px;
  background-color: #001750;
  top: -10%;
  left: 79%;
  opacity: 0.869238733;
  transform: rotate(161.9942759215deg);
  -webkit-animation: drop-105 7.9157302518s 0.1033167854s 1;
  animation: drop-105 7.9157302518s 0.1033167854s 1;
}
@-webkit-keyframes drop-105 {
  100% {
    top: 120%;
    left: 88%;
  }
}
@keyframes drop-105 {
  100% {
    top: 120%;
    left: 88%;
  }
}
.confetti-106 {
  width: 10.5px;
  height: 3.5px;
  background-color: #001750;
  top: -10%;
  left: 22%;
  opacity: 1.7230559603;
  transform: rotate(57.1952057333deg);
  -webkit-animation: drop-106 7.7941761894s 0.7741442499s 1;
  animation: drop-106 7.7941761894s 0.7741442499s 1;
}
@-webkit-keyframes drop-106 {
  100% {
    top: 120%;
    left: 24%;
  }
}
@keyframes drop-106 {
  100% {
    top: 120%;
    left: 24%;
  }
}
.confetti-107 {
  width: 13.5px;
  height: 4.5px;
  background-color: #004aff;
  top: -10%;
  left: 25%;
  opacity: 1.1588746998;
  transform: rotate(190.8956263361deg);
  -webkit-animation: drop-107 7.913451866s 0.2051535672s 1;
  animation: drop-107 7.913451866s 0.2051535672s 1;
}
@-webkit-keyframes drop-107 {
  100% {
    top: 120%;
    left: 32%;
  }
}
@keyframes drop-107 {
  100% {
    top: 120%;
    left: 32%;
  }
}
.confetti-108 {
  width: 1.5px;
  height: 0.5px;
  background-color: #001750;
  top: -10%;
  left: 66%;
  opacity: 0.9240611899;
  transform: rotate(345.1738110572deg);
  -webkit-animation: drop-108 8.1647960309s 0.1111053541s 1;
  animation: drop-108 8.1647960309s 0.1111053541s 1;
}
@-webkit-keyframes drop-108 {
  100% {
    top: 120%;
    left: 68%;
  }
}
@keyframes drop-108 {
  100% {
    top: 120%;
    left: 68%;
  }
}
.confetti-109 {
  width: 1.5px;
  height: 0.5px;
  background-color: #004aff;
  top: -10%;
  left: 22%;
  opacity: 1.3802101315;
  transform: rotate(347.8241566473deg);
  -webkit-animation: drop-109 8.1632686673s 0.1818098352s 1;
  animation: drop-109 8.1632686673s 0.1818098352s 1;
}
@-webkit-keyframes drop-109 {
  100% {
    top: 120%;
    left: 29%;
  }
}
@keyframes drop-109 {
  100% {
    top: 120%;
    left: 29%;
  }
}
.confetti-110 {
  width: 13.5px;
  height: 4.5px;
  background-color: #004aff;
  top: -10%;
  left: 70%;
  opacity: 1.495150387;
  transform: rotate(227.683743471deg);
  -webkit-animation: drop-110 7.5283465402s 0.3906237806s 1;
  animation: drop-110 7.5283465402s 0.3906237806s 1;
}
@-webkit-keyframes drop-110 {
  100% {
    top: 120%;
    left: 75%;
  }
}
@keyframes drop-110 {
  100% {
    top: 120%;
    left: 75%;
  }
}
.confetti-111 {
  width: 13.5px;
  height: 4.5px;
  background-color: #001750;
  top: -10%;
  left: 54%;
  opacity: 1.6612828727;
  transform: rotate(358.4905447731deg);
  -webkit-animation: drop-111 7.5428382436s 0.1032192625s 1;
  animation: drop-111 7.5428382436s 0.1032192625s 1;
}
@-webkit-keyframes drop-111 {
  100% {
    top: 120%;
    left: 60%;
  }
}
@keyframes drop-111 {
  100% {
    top: 120%;
    left: 60%;
  }
}
.confetti-112 {
  width: 15px;
  height: 5px;
  background-color: #0f9;
  top: -10%;
  left: 84%;
  opacity: 1.6276287375;
  transform: rotate(8.8154666231deg);
  -webkit-animation: drop-112 7.7216000529s 0.5005489284s 1;
  animation: drop-112 7.7216000529s 0.5005489284s 1;
}
@-webkit-keyframes drop-112 {
  100% {
    top: 120%;
    left: 93%;
  }
}
@keyframes drop-112 {
  100% {
    top: 120%;
    left: 93%;
  }
}
.confetti-113 {
  width: 3px;
  height: 1px;
  background-color: #001750;
  top: -10%;
  left: 42%;
  opacity: 1.0377445416;
  transform: rotate(142.1434769745deg);
  -webkit-animation: drop-113 7.7745974154s 0.1681078711s 1;
  animation: drop-113 7.7745974154s 0.1681078711s 1;
}
@-webkit-keyframes drop-113 {
  100% {
    top: 120%;
    left: 50%;
  }
}
@keyframes drop-113 {
  100% {
    top: 120%;
    left: 50%;
  }
}
.confetti-114 {
  width: 6px;
  height: 2px;
  background-color: #0f9;
  top: -10%;
  left: 43%;
  opacity: 0.872528795;
  transform: rotate(187.6307780698deg);
  -webkit-animation: drop-114 7.8114503394s 0.4457025196s 1;
  animation: drop-114 7.8114503394s 0.4457025196s 1;
}
@-webkit-keyframes drop-114 {
  100% {
    top: 120%;
    left: 49%;
  }
}
@keyframes drop-114 {
  100% {
    top: 120%;
    left: 49%;
  }
}
.confetti-115 {
  width: 1.5px;
  height: 0.5px;
  background-color: #001750;
  top: -10%;
  left: 28%;
  opacity: 1.7360283697;
  transform: rotate(162.0664734983deg);
  -webkit-animation: drop-115 7.8373909926s 0.657066411s 1;
  animation: drop-115 7.8373909926s 0.657066411s 1;
}
@-webkit-keyframes drop-115 {
  100% {
    top: 120%;
    left: 34%;
  }
}
@keyframes drop-115 {
  100% {
    top: 120%;
    left: 34%;
  }
}
.confetti-116 {
  width: 12px;
  height: 4px;
  background-color: #001750;
  top: -10%;
  left: 56%;
  opacity: 1.1954276248;
  transform: rotate(67.9006638626deg);
  -webkit-animation: drop-116 7.9305987387s 0.2689777737s 1;
  animation: drop-116 7.9305987387s 0.2689777737s 1;
}
@-webkit-keyframes drop-116 {
  100% {
    top: 120%;
    left: 59%;
  }
}
@keyframes drop-116 {
  100% {
    top: 120%;
    left: 59%;
  }
}
.confetti-117 {
  width: 4.5px;
  height: 1.5px;
  background-color: #004aff;
  top: -10%;
  left: 79%;
  opacity: 1.0191109743;
  transform: rotate(340.3600268521deg);
  -webkit-animation: drop-117 7.8001467686s 0.3782212576s 1;
  animation: drop-117 7.8001467686s 0.3782212576s 1;
}
@-webkit-keyframes drop-117 {
  100% {
    top: 120%;
    left: 87%;
  }
}
@keyframes drop-117 {
  100% {
    top: 120%;
    left: 87%;
  }
}
.confetti-118 {
  width: 13.5px;
  height: 4.5px;
  background-color: #004aff;
  top: -10%;
  left: 4%;
  opacity: 1.7526208208;
  transform: rotate(218.2462222391deg);
  -webkit-animation: drop-118 8.1167181589s 0.2662310912s 1;
  animation: drop-118 8.1167181589s 0.2662310912s 1;
}
@-webkit-keyframes drop-118 {
  100% {
    top: 120%;
    left: 12%;
  }
}
@keyframes drop-118 {
  100% {
    top: 120%;
    left: 12%;
  }
}
.confetti-119 {
  width: 10.5px;
  height: 3.5px;
  background-color: #004aff;
  top: -10%;
  left: 77%;
  opacity: 1.4730801761;
  transform: rotate(286.6387372456deg);
  -webkit-animation: drop-119 8.3516349263s 0.5753141058s 1;
  animation: drop-119 8.3516349263s 0.5753141058s 1;
}
@-webkit-keyframes drop-119 {
  100% {
    top: 120%;
    left: 84%;
  }
}
@keyframes drop-119 {
  100% {
    top: 120%;
    left: 84%;
  }
}
.confetti-120 {
  width: 15px;
  height: 5px;
  background-color: #001750;
  top: -10%;
  left: 70%;
  opacity: 0.8983555578;
  transform: rotate(6.7815726936deg);
  -webkit-animation: drop-120 8.4276325581s 0.2951497595s 1;
  animation: drop-120 8.4276325581s 0.2951497595s 1;
}
@-webkit-keyframes drop-120 {
  100% {
    top: 120%;
    left: 73%;
  }
}
@keyframes drop-120 {
  100% {
    top: 120%;
    left: 73%;
  }
}
.confetti-121 {
  width: 9px;
  height: 3px;
  background-color: #001750;
  top: -10%;
  left: 29%;
  opacity: 1.0355708293;
  transform: rotate(335.6552635913deg);
  -webkit-animation: drop-121 8.1166565851s 0.5052082474s 1;
  animation: drop-121 8.1166565851s 0.5052082474s 1;
}
@-webkit-keyframes drop-121 {
  100% {
    top: 120%;
    left: 31%;
  }
}
@keyframes drop-121 {
  100% {
    top: 120%;
    left: 31%;
  }
}
.confetti-122 {
  width: 4.5px;
  height: 1.5px;
  background-color: #001750;
  top: -10%;
  left: 31%;
  opacity: 1.8091801738;
  transform: rotate(329.9678927023deg);
  -webkit-animation: drop-122 7.6657271633s 0.4780251657s 1;
  animation: drop-122 7.6657271633s 0.4780251657s 1;
}
@-webkit-keyframes drop-122 {
  100% {
    top: 120%;
    left: 34%;
  }
}
@keyframes drop-122 {
  100% {
    top: 120%;
    left: 34%;
  }
}
.confetti-123 {
  width: 1.5px;
  height: 0.5px;
  background-color: #0f9;
  top: -10%;
  left: 34%;
  opacity: 1.4182451281;
  transform: rotate(337.9657506478deg);
  -webkit-animation: drop-123 7.5953518717s 0.4027170609s 1;
  animation: drop-123 7.5953518717s 0.4027170609s 1;
}
@-webkit-keyframes drop-123 {
  100% {
    top: 120%;
    left: 43%;
  }
}
@keyframes drop-123 {
  100% {
    top: 120%;
    left: 43%;
  }
}
.confetti-124 {
  width: 12px;
  height: 4px;
  background-color: #0f9;
  top: -10%;
  left: 99%;
  opacity: 1.0539176674;
  transform: rotate(188.2559332079deg);
  -webkit-animation: drop-124 8.2226257366s 0.0516939387s 1;
  animation: drop-124 8.2226257366s 0.0516939387s 1;
}
@-webkit-keyframes drop-124 {
  100% {
    top: 120%;
    left: 108%;
  }
}
@keyframes drop-124 {
  100% {
    top: 120%;
    left: 108%;
  }
}
.confetti-125 {
  width: 3px;
  height: 1px;
  background-color: #001750;
  top: -10%;
  left: 81%;
  opacity: 1.4559122753;
  transform: rotate(167.6402023324deg);
  -webkit-animation: drop-125 8.1441358667s 0.1040068611s 1;
  animation: drop-125 8.1441358667s 0.1040068611s 1;
}
@-webkit-keyframes drop-125 {
  100% {
    top: 120%;
    left: 89%;
  }
}
@keyframes drop-125 {
  100% {
    top: 120%;
    left: 89%;
  }
}
.confetti-126 {
  width: 10.5px;
  height: 3.5px;
  background-color: #001750;
  top: -10%;
  left: 90%;
  opacity: 1.1546632829;
  transform: rotate(305.7703471445deg);
  -webkit-animation: drop-126 8.1832821641s 0.8898901438s 1;
  animation: drop-126 8.1832821641s 0.8898901438s 1;
}
@-webkit-keyframes drop-126 {
  100% {
    top: 120%;
    left: 96%;
  }
}
@keyframes drop-126 {
  100% {
    top: 120%;
    left: 96%;
  }
}
.confetti-127 {
  width: 7.5px;
  height: 2.5px;
  background-color: #004aff;
  top: -10%;
  left: 52%;
  opacity: 1.1822665331;
  transform: rotate(297.524108812deg);
  -webkit-animation: drop-127 8.0090581201s 0.3803092468s 1;
  animation: drop-127 8.0090581201s 0.3803092468s 1;
}
@-webkit-keyframes drop-127 {
  100% {
    top: 120%;
    left: 60%;
  }
}
@keyframes drop-127 {
  100% {
    top: 120%;
    left: 60%;
  }
}
.confetti-128 {
  width: 1.5px;
  height: 0.5px;
  background-color: #001750;
  top: -10%;
  left: 52%;
  opacity: 1.0109287809;
  transform: rotate(207.1508954242deg);
  -webkit-animation: drop-128 7.7292809951s 0.2048544756s 1;
  animation: drop-128 7.7292809951s 0.2048544756s 1;
}
@-webkit-keyframes drop-128 {
  100% {
    top: 120%;
    left: 61%;
  }
}
@keyframes drop-128 {
  100% {
    top: 120%;
    left: 61%;
  }
}
.confetti-129 {
  width: 7.5px;
  height: 2.5px;
  background-color: #004aff;
  top: -10%;
  left: 51%;
  opacity: 1.7358052371;
  transform: rotate(32.6588048401deg);
  -webkit-animation: drop-129 7.6180276777s 0.3008827288s 1;
  animation: drop-129 7.6180276777s 0.3008827288s 1;
}
@-webkit-keyframes drop-129 {
  100% {
    top: 120%;
    left: 54%;
  }
}
@keyframes drop-129 {
  100% {
    top: 120%;
    left: 54%;
  }
}
.confetti-130 {
  width: 6px;
  height: 2px;
  background-color: #001750;
  top: -10%;
  left: 39%;
  opacity: 0.9445546701;
  transform: rotate(178.6339318504deg);
  -webkit-animation: drop-130 8.0722337911s 0.41166717s 1;
  animation: drop-130 8.0722337911s 0.41166717s 1;
}
@-webkit-keyframes drop-130 {
  100% {
    top: 120%;
    left: 47%;
  }
}
@keyframes drop-130 {
  100% {
    top: 120%;
    left: 47%;
  }
}
.confetti-131 {
  width: 15px;
  height: 5px;
  background-color: #004aff;
  top: -10%;
  left: 57%;
  opacity: 1.7876149712;
  transform: rotate(43.544319263deg);
  -webkit-animation: drop-131 8.4709832773s 0.3249338517s 1;
  animation: drop-131 8.4709832773s 0.3249338517s 1;
}
@-webkit-keyframes drop-131 {
  100% {
    top: 120%;
    left: 61%;
  }
}
@keyframes drop-131 {
  100% {
    top: 120%;
    left: 61%;
  }
}
.confetti-132 {
  width: 7.5px;
  height: 2.5px;
  background-color: #001750;
  top: -10%;
  left: 81%;
  opacity: 1.4986916365;
  transform: rotate(243.2901795296deg);
  -webkit-animation: drop-132 8.0964583846s 0.9216261946s 1;
  animation: drop-132 8.0964583846s 0.9216261946s 1;
}
@-webkit-keyframes drop-132 {
  100% {
    top: 120%;
    left: 86%;
  }
}
@keyframes drop-132 {
  100% {
    top: 120%;
    left: 86%;
  }
}
.confetti-133 {
  width: 12px;
  height: 4px;
  background-color: #001750;
  top: -10%;
  left: 71%;
  opacity: 1.3956187024;
  transform: rotate(14.3548290838deg);
  -webkit-animation: drop-133 8.0063624383s 0.7237681387s 1;
  animation: drop-133 8.0063624383s 0.7237681387s 1;
}
@-webkit-keyframes drop-133 {
  100% {
    top: 120%;
    left: 80%;
  }
}
@keyframes drop-133 {
  100% {
    top: 120%;
    left: 80%;
  }
}
.confetti-134 {
  width: 1.5px;
  height: 0.5px;
  background-color: #0f9;
  top: -10%;
  left: 60%;
  opacity: 1.1493469598;
  transform: rotate(247.6340934138deg);
  -webkit-animation: drop-134 8.4577691599s 0.1750932233s 1;
  animation: drop-134 8.4577691599s 0.1750932233s 1;
}
@-webkit-keyframes drop-134 {
  100% {
    top: 120%;
    left: 64%;
  }
}
@keyframes drop-134 {
  100% {
    top: 120%;
    left: 64%;
  }
}
.confetti-135 {
  width: 6px;
  height: 2px;
  background-color: #0f9;
  top: -10%;
  left: 74%;
  opacity: 1.8260797031;
  transform: rotate(21.648189477deg);
  -webkit-animation: drop-135 7.9708162015s 0.1142015955s 1;
  animation: drop-135 7.9708162015s 0.1142015955s 1;
}
@-webkit-keyframes drop-135 {
  100% {
    top: 120%;
    left: 81%;
  }
}
@keyframes drop-135 {
  100% {
    top: 120%;
    left: 81%;
  }
}
.confetti-136 {
  width: 3px;
  height: 1px;
  background-color: #004aff;
  top: -10%;
  left: 67%;
  opacity: 1.3961675159;
  transform: rotate(295.0533724858deg);
  -webkit-animation: drop-136 8.1220220054s 0.5353167988s 1;
  animation: drop-136 8.1220220054s 0.5353167988s 1;
}
@-webkit-keyframes drop-136 {
  100% {
    top: 120%;
    left: 73%;
  }
}
@keyframes drop-136 {
  100% {
    top: 120%;
    left: 73%;
  }
}
.confetti-137 {
  width: 12px;
  height: 4px;
  background-color: #001750;
  top: -10%;
  left: 82%;
  opacity: 0.9760707575;
  transform: rotate(262.1386697462deg);
  -webkit-animation: drop-137 8.2141012162s 0.9632513496s 1;
  animation: drop-137 8.2141012162s 0.9632513496s 1;
}
@-webkit-keyframes drop-137 {
  100% {
    top: 120%;
    left: 86%;
  }
}
@keyframes drop-137 {
  100% {
    top: 120%;
    left: 86%;
  }
}
.confetti-138 {
  width: 4.5px;
  height: 1.5px;
  background-color: #001750;
  top: -10%;
  left: 98%;
  opacity: 0.8680622613;
  transform: rotate(314.2062350489deg);
  -webkit-animation: drop-138 8.37484801s 0.7753437492s 1;
  animation: drop-138 8.37484801s 0.7753437492s 1;
}
@-webkit-keyframes drop-138 {
  100% {
    top: 120%;
    left: 103%;
  }
}
@keyframes drop-138 {
  100% {
    top: 120%;
    left: 103%;
  }
}
.confetti-139 {
  width: 1.5px;
  height: 0.5px;
  background-color: #004aff;
  top: -10%;
  left: 40%;
  opacity: 1.3279393093;
  transform: rotate(51.9651416294deg);
  -webkit-animation: drop-139 8.4720182002s 0.4056293647s 1;
  animation: drop-139 8.4720182002s 0.4056293647s 1;
}
@-webkit-keyframes drop-139 {
  100% {
    top: 120%;
    left: 47%;
  }
}
@keyframes drop-139 {
  100% {
    top: 120%;
    left: 47%;
  }
}
.confetti-140 {
  width: 7.5px;
  height: 2.5px;
  background-color: #004aff;
  top: -10%;
  left: 59%;
  opacity: 1.1593311146;
  transform: rotate(210.2209503596deg);
  -webkit-animation: drop-140 7.5869061707s 0.859795734s 1;
  animation: drop-140 7.5869061707s 0.859795734s 1;
}
@-webkit-keyframes drop-140 {
  100% {
    top: 120%;
    left: 68%;
  }
}
@keyframes drop-140 {
  100% {
    top: 120%;
    left: 68%;
  }
}
.confetti-141 {
  width: 3px;
  height: 1px;
  background-color: #004aff;
  top: -10%;
  left: 6%;
  opacity: 1.6471642399;
  transform: rotate(69.0456639101deg);
  -webkit-animation: drop-141 7.6436576665s 0.9842275298s 1;
  animation: drop-141 7.6436576665s 0.9842275298s 1;
}
@-webkit-keyframes drop-141 {
  100% {
    top: 120%;
    left: 13%;
  }
}
@keyframes drop-141 {
  100% {
    top: 120%;
    left: 13%;
  }
}
.confetti-142 {
  width: 9px;
  height: 3px;
  background-color: #004aff;
  top: -10%;
  left: 33%;
  opacity: 1.0795546099;
  transform: rotate(125.0731907298deg);
  -webkit-animation: drop-142 8.009089932s 0.3888880877s 1;
  animation: drop-142 8.009089932s 0.3888880877s 1;
}
@-webkit-keyframes drop-142 {
  100% {
    top: 120%;
    left: 40%;
  }
}
@keyframes drop-142 {
  100% {
    top: 120%;
    left: 40%;
  }
}
.confetti-143 {
  width: 4.5px;
  height: 1.5px;
  background-color: #001750;
  top: -10%;
  left: 68%;
  opacity: 1.3863304773;
  transform: rotate(99.6350937111deg);
  -webkit-animation: drop-143 7.9219328927s 0.9141177837s 1;
  animation: drop-143 7.9219328927s 0.9141177837s 1;
}
@-webkit-keyframes drop-143 {
  100% {
    top: 120%;
    left: 75%;
  }
}
@keyframes drop-143 {
  100% {
    top: 120%;
    left: 75%;
  }
}
.confetti-144 {
  width: 12px;
  height: 4px;
  background-color: #001750;
  top: -10%;
  left: 41%;
  opacity: 1.0669201149;
  transform: rotate(182.81490323deg);
  -webkit-animation: drop-144 7.7655649141s 0.4084170654s 1;
  animation: drop-144 7.7655649141s 0.4084170654s 1;
}
@-webkit-keyframes drop-144 {
  100% {
    top: 120%;
    left: 43%;
  }
}
@keyframes drop-144 {
  100% {
    top: 120%;
    left: 43%;
  }
}
.confetti-145 {
  width: 7.5px;
  height: 2.5px;
  background-color: #004aff;
  top: -10%;
  left: 39%;
  opacity: 1.2550234307;
  transform: rotate(343.4746091999deg);
  -webkit-animation: drop-145 8.4786087764s 0.3353631922s 1;
  animation: drop-145 8.4786087764s 0.3353631922s 1;
}
@-webkit-keyframes drop-145 {
  100% {
    top: 120%;
    left: 45%;
  }
}
@keyframes drop-145 {
  100% {
    top: 120%;
    left: 45%;
  }
}
.confetti-146 {
  width: 4.5px;
  height: 1.5px;
  background-color: #0f9;
  top: -10%;
  left: 42%;
  opacity: 1.6394781838;
  transform: rotate(293.8394627635deg);
  -webkit-animation: drop-146 8.1613272073s 0.6820194531s 1;
  animation: drop-146 8.1613272073s 0.6820194531s 1;
}
@-webkit-keyframes drop-146 {
  100% {
    top: 120%;
    left: 48%;
  }
}
@keyframes drop-146 {
  100% {
    top: 120%;
    left: 48%;
  }
}
.confetti-147 {
  width: 1.5px;
  height: 0.5px;
  background-color: #001750;
  top: -10%;
  left: 81%;
  opacity: 1.838168587;
  transform: rotate(42.7780452067deg);
  -webkit-animation: drop-147 7.9619127012s 0.5336057995s 1;
  animation: drop-147 7.9619127012s 0.5336057995s 1;
}
@-webkit-keyframes drop-147 {
  100% {
    top: 120%;
    left: 84%;
  }
}
@keyframes drop-147 {
  100% {
    top: 120%;
    left: 84%;
  }
}
.confetti-148 {
  width: 1.5px;
  height: 0.5px;
  background-color: #004aff;
  top: -10%;
  left: 57%;
  opacity: 1.8125487899;
  transform: rotate(11.4347553367deg);
  -webkit-animation: drop-148 8.4651427313s 0.108274447s 1;
  animation: drop-148 8.4651427313s 0.108274447s 1;
}
@-webkit-keyframes drop-148 {
  100% {
    top: 120%;
    left: 65%;
  }
}
@keyframes drop-148 {
  100% {
    top: 120%;
    left: 65%;
  }
}
.confetti-149 {
  width: 6px;
  height: 2px;
  background-color: #0f9;
  top: -10%;
  left: 35%;
  opacity: 1.2902779995;
  transform: rotate(137.0707338157deg);
  -webkit-animation: drop-149 7.9752827177s 0.6950702263s 1;
  animation: drop-149 7.9752827177s 0.6950702263s 1;
}
@-webkit-keyframes drop-149 {
  100% {
    top: 120%;
    left: 40%;
  }
}
@keyframes drop-149 {
  100% {
    top: 120%;
    left: 40%;
  }
}
.confetti-150 {
  width: 3px;
  height: 1px;
  background-color: #0f9;
  top: -10%;
  left: 88%;
  opacity: 1.7953640005;
  transform: rotate(350.1225788616deg);
  -webkit-animation: drop-150 8.2552113289s 0.243742112s 1;
  animation: drop-150 8.2552113289s 0.243742112s 1;
}
@-webkit-keyframes drop-150 {
  100% {
    top: 120%;
    left: 96%;
  }
}
@keyframes drop-150 {
  100% {
    top: 120%;
    left: 96%;
  }
}
.alpine-dialog {
  display: flex;
  justify-content: center;
  dialog {
    backdrop-filter: blur(4px);
    background-color: var(--dialog-bg-color, var(--color-white));
    box-shadow: var(--shadow-lg);
    border-radius: 0.375rem;
  }
  dialog.global-center-center {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  dialog.global-right-top {
    left: auto;
    right: 0px;
  }
  dialog.relative-bottom-left {
    position: absolute;
    left: 0;
    right: auto;
    top: var(--dialog-top, auto);
  }
  dialog.relative-bottom-right {
    position: absolute;
    left: auto;
    right: 0;
    top: var(--dialog-top, auto);
  }
  dialog.relative-center-top {
    position: absolute;
    left: var(--dialog-left, auto);
    top: var(--dialog-top, auto);
  }
  .dialog-notifications-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 50;
  }
  .alpine-dialog-element {
    margin: auto;
    width: calc(2/5 * 100%);
    max-width: 45rem;
    min-width: calc(var(--spacing) * 96);
    min-width: 35rem;
  }
  .large-element {
    height: 100%;
  }
}
.alpine-select-dialog-position {
  left: 0;
  min-width: 100%;
  width: max-content;
  z-index: 1000;
}
.alpine-select-min-width {
  min-width: var(--dialog-min-width, auto);
}
.alpine-dialog-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  position: relative;
  z-index: auto;
  word-break: break-word;
  overflow-wrap: break-word;
  &.dialog-grid {
    display: grid;
    gap: calc(var(--spacing) * 0);
    display: grid;
    gap: var(--spacing-0, 0px);
    grid-template-columns: min-content;
  }
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  overflow: hidden;
  .dialog-header {
    flex: 0 0 auto;
  }
  .dialog-body {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
  }
  .dialog-footer {
    flex: 0 0 auto;
  }
  &.dialog-grid {
    .dialog-body {
      overflow-y: auto;
      max-height: 100%;
    }
  }
  &.large-dialog {
    height: 100%;
    width: 100%;
    --dialog-content-padding: 1.5rem;
    --dialog-header-padding-top: var(--dialog-content-padding);
    --dialog-header-padding-right: var(--dialog-content-padding);
    --dialog-header-padding-bottom: 0;
    --dialog-header-padding-left: var(--dialog-content-padding);
    --dialog-body-padding: var(--dialog-content-padding);
    --dialog-body-padding-top: var(--dialog-content-padding);
    --dialog-body-padding-right: var(--dialog-content-padding);
    --dialog-body-padding-bottom: var(--dialog-content-padding);
    --dialog-body-padding-left: var(--dialog-content-padding);
    --dialog-footer-padding-top: var(--dialog-content-padding);
    --dialog-footer-padding-right: var(--dialog-content-padding);
    --dialog-footer-padding-bottom: var(--dialog-content-padding);
    --dialog-footer-padding-left: var(--dialog-content-padding);
  }
  .dialog-close {
    line-height: 1rem;
    padding: var(--dialog-close-padding);
    position: absolute;
    right: var(--dialog-close-right);
    top: var(--dialog-close-top);
  }
  .dialog-header {
    grid-column: span 3 / span 3;
    padding: var(--dialog-header-padding-top) var(--dialog-header-padding-right) var(--dialog-header-padding-bottom) var(--dialog-header-padding-left);
    width: inherit;
    .dialog-title {
      font-weight: 600;
    }
  }
  .dialog-body {
    grid-column: span 3 / span 3;
    padding: var(--dialog-body-padding);
    width: inherit;
  }
  .dialog-footer {
    grid-column: span 3 / span 3;
    display: flex;
    gap: 0.5rem;
    padding: var(--dialog-footer-padding-top) var(--dialog-footer-padding-right) var(--dialog-footer-padding-bottom) var(--dialog-footer-padding-left);
    width: inherit;
  }
  .dialog-footer-default {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
  }
  .dialog-footer-end {
    justify-content: flex-end;
  }
  .dialog-alert {
    grid-row: span 3 / span 3;
    align-self: flex-start;
    display: flex;
    justify-content: center;
    padding: var(--dialog-alert-padding-top, var(--dialog-content-padding)) var(--dialog-alert-padding-right, 0) var(--dialog-alert-padding-bottom, var(--dialog-content-padding)) var(--dialog-alert-padding-left, var(--dialog-content-padding));
  }
  .dialog-indicator {
    border-radius: 2rem;
    display: flex;
    height: 4rem;
    justify-content: center;
    padding: 1rem;
    width: 4rem;
    i {
      color: var(--dialog-alert-indicator-icon-color, var(--dialog-alert-indicator-icon-color-info));
      font-size: 2rem;
      line-height: 2rem;
    }
  }
  &.info, &.success, &.warning, &.danger {
    grid-auto-flow: column;
    .dialog-header, .dialog-body, .dialog-footer {
      width: unset;
    }
  }
  &.info {
    --dialog-alert-indicator-bg-color: var(--dialog-alert-indicator-bg-color-info);
    --dialog-alert-indicator-icon-color: var(--dialog-alert-indicator-icon-color-info);
  }
  &.success {
    --dialog-alert-indicator-bg-color: var(--dialog-alert-indicator-bg-color-success);
    --dialog-alert-indicator-icon-color: var(--dialog-alert-indicator-icon-color-success);
  }
  &.warning {
    --dialog-alert-indicator-bg-color: var(--dialog-alert-indicator-bg-color-warning);
    --dialog-alert-indicator-icon-color: var(--dialog-alert-indicator-icon-color-warning);
    .dialog-indicator i {
      position: relative;
      top: -0.2rem;
    }
  }
  &.danger {
    --dialog-alert-indicator-bg-color: var(--dialog-alert-indicator-bg-color-danger);
    --dialog-alert-indicator-icon-color: var(--dialog-alert-indicator-icon-color-danger);
  }
  &.confirm {
    max-width: var(--container-lg);
  }
  .dialog-body-max-width {
    max-width: var(--container-lg);
  }
  .dialog-icon-danger {
    color: var(--color-red-600);
  }
  .dialog-icon-warning {
    color: var(--color-yellow-600);
  }
  .dialog-icon-success {
    color: var(--color-green-600);
  }
  .dialog-icon-info {
    color: var(--color-blue-600);
  }
  .dialog-trigger-button {
    margin-left: calc(var(--spacing) * 1);
    justify-content: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .dialog-center-button {
    justify-content: center;
    text-align: center;
  }
}
button.alpine-toast {
  align-items: center;
  background: var(--toast-bg-color, var(--color-white));
  border: 1px solid var(--toast-border-color, var(--color-gray-400)) inset;
  border-radius: 0.375rem;
  box-shadow: var(--shadow-lg);
  grid-template-columns: min-content;
  grid-template-rows: auto;
  justify-content: center;
  max-width: 30rem;
  min-width: 16rem;
  position: relative;
  width: fit-content;
  width: -moz-fit-content;
  .toast-close {
    color: var(--toast-close-color, inherit);
    padding: var(--toast-close-padding, 1rem);
    position: absolute;
    right: var(--toast-close-right);
    top: var(--toast-close-top);
    & + .toast-body {
      padding-right: 2.5rem;
      text-align: left;
    }
  }
  .toast-body {
    color: var(--toast-text-color, var(--color-gray-800));
    padding: var(--toast-body-padding-top) var(--toast-body-padding-right) var(--toast-body-padding-bottom) var(--toast-body-padding-left);
    text-align: center;
  }
  &.info, &.success, &.danger {
    --toast-border-color: transparent;
    --toast-close-color: var(--color-white);
    --toast-text-color: var(--color-white);
  }
  &.info {
    --toast-bg-color: var(--toast-bg-color-info);
  }
  &.success {
    --toast-bg-color: var(--toast-bg-color-success);
  }
  &.warning {
    --toast-bg-color: var(--toast-bg-color-warning);
    --toast-border-color: transparent;
  }
  &.danger {
    --toast-bg-color: var(--toast-bg-color-danger);
  }
}
.alpine-tooltip {
  border-radius: var(--tooltip-border-radius);
  box-shadow: var(--shadow-sm);
  position: relative;
  .tooltip-arrow {
    display: block;
    height: var(--tooltip-arrow-height);
    position: absolute;
    width: var(--tooltip-arrow-width);
    &::before {
      position: absolute;
      content: '';
      border-color: transparent;
      border-style: solid;
      border-top-color: var(--tooltip-arrow-color);
      border-width: var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0;
    }
  }
  .tooltip-body {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    background-color: var(--tooltip-bg-color);
    border-radius: var(--tooltip-border-radius);
    color: var(--tooltip-text-color);
    overflow: hidden;
    padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
    text-align: center;
    text-wrap: nowrap;
  }
  &.top .tooltip-arrow {
    bottom: calc(0% - (var(--tooltip-arrow-height) - 1px));
    left: calc(50% - (var(--tooltip-arrow-width) / 2));
  }
  &.right .tooltip-arrow {
    left: calc(-2% - var(--tooltip-arrow-height));
    top: calc(50% - (var(--tooltip-arrow-height) / 2));
    transform: rotate(90deg);
  }
  &.bottom .tooltip-arrow {
    top: calc(0% - (var(--tooltip-arrow-height) - 1px));
    right: calc(50% - var(--tooltip-arrow-height));
    transform: rotate(180deg);
  }
  &.left .tooltip-arrow {
    right: calc(-2% - var(--tooltip-arrow-height));
    top: calc(50% - (var(--tooltip-arrow-height) / 2));
    transform: rotate(-90deg);
  }
}
.tippy-box[data-theme~='alpine-tooltip'] {
  background-color: var(--tooltip-bg-color);
  color: var(--tooltip-text-color);
  &[data-placement^='top'] > .tippy-arrow::before {
    border-top-color: var(--tooltip-arrow-color);
  }
  &[data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: var(--tooltip-arrow-color);
  }
  &[data-placement^='left'] > .tippy-arrow::before {
    border-left-color: var(--tooltip-arrow-color);
  }
  &[data-placement^='right'] > .tippy-arrow::before {
    border-right-color: var(--tooltip-arrow-color);
  }
}
.alpine-dropdown {
  position: relative;
  width: auto;
  border: none;
  .alpine-dropdown-list {
    width: auto;
    min-width: auto;
  }
}
dialog.alpine-dropdown-list {
  position: fixed;
  z-index: 9999;
  margin: 0;
  padding: 0;
}
.alpine-dropdown-list {
  width: max-content;
  min-width: 100%;
  z-index: 10;
}
.alpine-dropdown-dialog-position {
  left: auto;
  right: 2.5rem;
  min-width: 100%;
  width: max-content;
  z-index: 1000;
}
.alpine-dropdown-options {
  &::backdrop {
    background-color: transparent;
  }
  background-color: var(--dropdown-option-bg-color, #ffffff);
  border: 1px solid var(--dropdown-option-border-color, #d1d5db);
  border-radius: var(--dropdown-option-border-radius, 0.375rem);
  box-shadow: var(--dropdown-option-shadow, var(--shadow-lg));
  max-height: 20rem;
  overflow: auto;
  outline: none;
  top: calc(100% + 0.5rem);
  width: 100%;
  z-index: 10;
  .alpine-dropdown-option {
    cursor: pointer;
    color: var(--dropdown-option-text-color, #1f2937);
    font-size: var(--dropdown-option-font-size, 0.875rem);
    width: 100%;
    transition: background-color 0.2s ease-in-out;
    padding: var(--dropdown-option-padding, 0.1rem);
    &:hover:not(.alpine-dropdown-option-disabled), &:focus:not(.alpine-dropdown-option-disabled) {
      outline: none;
      color: var(--dropdown-option-hover-text-color, var(--color-blue-300));
      background-color: var( --dropdown-option-hover-bg-color, var(--color-blue-gray-200) );
    }
  }
  .alpine-dropdown-option-disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
}
form.alpine-form {
  .alpine-input {
    width: 100%;
    opacity: var(--input-opacity, 1);
    label {
      display: block;
      font-size: var(--input-placeholder-font-size, 0.875rem);
      line-height: var(--input-placeholder-line-height, 1.25rem);
      margin-bottom: var(--input-placeholder-margin-bottom, 0.25rem);
      opacity: var(--input-label-opacity, 1);
    }
    .helper-text {
      --_input-helper-text-color: var(
              --input-helper-text-color,
              var(--color-gray-800)
      );
      --_input-helper-text-font-size: var(--input-helper-text-font-size, 0.75rem);
      --_input-helper-text-line-height: var(
              --input-helper-text-line-height,
              1rem
      );
      --_input-helper-text-margin-top: var(
              --input-helper-text-margin-top,
              0.25rem
      );
      --_input-helper-text-opacity: var(--input-helper-text-opacity, 1);
      color: var(--_input-helper-text-color);
      font-size: var(--_input-helper-text-font-size);
      line-height: var(--_input-helper-text-line-height);
      margin-top: var(--_input-helper-text-margin-top);
      opacity: var(--_input-helper-text-opacity);
    }
    input {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --_input-font-size: var(--input-font-size, 0.875rem);
      --_input-border-radius: var(--input-border-radius, 0.25rem);
      --_input-line-height: var(--input-line-height, 1.25rem);
      --_input-padding-top: var(--input-padding-top, 0.4375rem);
      --_input-padding-right: var(--input-padding-right, 0.625rem);
      --_input-padding-bottom: var(--input-padding-bottom, 0.4375rem);
      --_input-padding-left: var(--input-padding-left, 0.625rem);
      background-color: var(--input-bg-color);
      box-shadow: var(--input-bs-color);
      border: 1px var(--input-border-color) solid;
      border-radius: var(--_input-border-radius);
      color: var(--input-text-color, var(--color-gray-800));
      font-size: var(--_input-font-size);
      line-height: var(--_input-line-height);
      min-width: var(--_input-min-width);
      padding: var(--_input-padding-top) var(--_input-padding-right) var(--_input-padding-bottom) var(--_input-padding-left);
      &:hover, &.hover {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --input-border-color: var(--input-border-color-hover);
      }
      &:active, &:focus, &.active {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        border: 1px var(--input-border-color-active) solid;
        box-shadow: 0 0 0 0.2rem var(--input-shadow-color-active, var(--color-blue-700));
        outline-style: none;
        outline-width: 0px;
      }
      &[disabled] {
        transition-property: none;
      }
    }
    .input-group {
      position: relative;
      input {
        width: 100%;
      }
      &:has(.icon-left) {
        --input-padding-left: var(--_input-icon-padding, 2rem);
      }
      &:has(.icon-right) {
        --input-padding-right: var(--_input-icon-padding, 2rem);
      }
      i {
        --_input-icon-font-size: var(--input-icon-font-size, 0.875rem);
        --_input-icon-line-height: var(--input-icon-line-height, 0.875rem);
        color: var(--input-icon-text-color, var(--color-white-gray-300));
        font-size: var(--_input-icon-font-size);
        line-height: var(--_input-icon-line-height);
        position: absolute;
        &.icon-left {
          left: var(--_input-icon-left-pos, 0.625rem);
          top: var(--_input-icon-pos-top, 0.7rem);
        }
        &.icon-right {
          right: var(--_input-icon-right-pos, 0.625rem);
          top: var(--_input-icon-pos-top, 0.7rem);
        }
      }
    }
    &.input-error {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --input-border-color: var(--color-validation-error);
      --input-border-color-hover: var(--input-border-color-error);
      --input-helper-text-color: var(--input-helper-text-color-error);
    }
    &.input-disabled {
      --input-opacity: var(--input-opacity-disabled);
      --input-label-opacity: var(--input-label-opacity-disabled);
      --input-helper-text-opacity: var(--input-helper-text-opacity-disabled);
      --input-helper-text-opacity: var(--input-helper-text-opacity-disabled);
      pointer-events: none;
    }
    &.small {
      --_input-icon-pos-top: 0.5rem;
      --_input-icon-right-pos: 0.5rem;
      --_input-icon-left-pos: 0.5rem;
      --_input-icon-padding: 1.625rem;
      --input-container-min-width: 4rem;
      --input-font-size: 0.75rem;
      --input-border-radius: 0.125rem;
      --input-line-height: 1rem;
      --input-padding-top: 0.3125rem;
      --input-padding-right: 0.5rem;
      --input-padding-bottom: 0.3125rem;
      --input-padding-left: 0.5rem;
      --input-min-width: 4rem;
      --input-icon-font-size: 0.75rem;
      --input-icon-line-height: 0.75rem;
      --input-helper-text-font-size: 0.75rem;
      --input-helper-text-line-height: 1rem;
    }
  }
  .alpine-checkbox {
    padding-bottom: calc(var(--spacing) * 1);
    color: var(--color-gray-800);
    cursor: pointer;
    display: block;
    line-height: 1.5rem;
    div {
      font-size: 0.875rem;
      color: var(--color-gray-800);
      display: inline-block;
      line-height: 1.5rem;
      &::before {
        background-color: var(--color-white);
        border: 2px solid var(--color-gray-400);
        border-radius: 0.375rem;
        color: var(--color-gray-375);
        content: '';
        display: inline-block;
        font-family: var(--font-family-icons);
        font-size: 1.1rem;
        line-height: 1.25rem;
        height: 1.375rem;
        margin-right: 0.5rem;
        padding-top: 0px;
        position: relative;
        top: -1px;
        transition: background-color 0.11s ease-out, color 0.11s ease-out, border-color 0.11s ease-out;
        vertical-align: middle;
        width: 1.375rem;
      }
    }
    input[type='checkbox'] {
      display: none;
      &:checked + div {
        &::before {
          background-color: var(--color-blue-200);
          border: 2px solid var(--color-blue-200);
          color: var(--color-white);
          content: '\f633';
        }
        &:hover {
          &::before {
            background-color: var(--color-blue-500);
            border: 2px solid var(--color-blue-500);
          }
        }
      }
    }
    &:hover {
      div {
        color: var(--color-gray-900);
      }
      input[type='checkbox']:not(:checked) + div {
        &::before {
          background-color: var(--color-white-gray-100);
          border: 2px solid var(--color-gray-400);
          color: var(--color-gray-375);
          content: '\f633';
        }
      }
    }
    &.disabled {
      cursor: not-allowed;
      div {
        color: var(--color-gray-400);
        &::before {
          background-color: var(--color-white);
          border: 2px solid var(--color-gray-300);
          content: '';
        }
      }
      &:hover {
        input[type='checkbox']:not(:checked) + div {
          &::before {
            background-color: var(--color-white);
            border: 2px solid var(--color-gray-300);
            content: '';
          }
        }
      }
    }
  }
  .alpine-radio-group {
    border-radius: var(--radio-group-border-radius, 0.375rem);
    width: var(--radio-group-width, 100%);
    fieldset {
      legend {
        display: block;
        font-weight: var(--radio-group-label-font-weight, 600);
        font-size: var(--radio-group-label-font-size, 1rem);
        line-height: var(--radio-group-label-line-height, 1.25rem);
        margin-bottom: var(--radio-group-label-margin-bottom, 0.25rem);
        opacity: var(--radio-group-label-opacity, 1);
      }
      .alpine-radio-group-options {
        display: flex;
        flex-direction: column;
        gap: var(--radio-group-options-gap, 0.5rem);
        margin-top: var(--radio-group-options-margin-top, 0.75rem);
      }
      .alpine-radio-group-option {
        display: flex;
        align-items: center;
        input[type='radio'] {
          appearance: none;
          height: var(--radiogroup-input-height, 1.5rem);
          width: var(--radiogroup-input-width, 1.5rem);
          border-width: var(--radiogroup-input-border-width, 1px);
          border-style: var(--radiogroup-input-border-style, solid);
          border-color: var(--radiogroup-input-border-color, #d1d5db);
          border-radius: var(--radiogroup-input-border-radius, 50%);
          position: relative;
          cursor: pointer;
          outline: none;
          transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
          &:checked {
            border-color: var(--radiogroup-input-checked-border-color, #004aff);
            background-color: var( --radiogroup-input-checked-bg-color, transparent );
            box-shadow: inset 0 0 0 4px var(--radiogroup-input-checked-border-color, #004aff);
          }
        }
        label {
          margin-left: var(--radio-group-label-margin-left, 0.75rem);
          display: block;
          line-height: var(--radio-group-label-line-height, 1.5rem);
          color: var(--radio-group-label-color, #1f2937);
        }
      }
    }
  }
  .alpine-textarea {
    label {
      display: block;
      margin-bottom: 0.5rem;
    }
    textarea {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      width: 100%;
      background-color: var(--textarea-bg-color, var(--color-white));
      box-shadow: var(--textarea-shadow, inset 0 1px 2px rgba(0, 0, 0, 0.05));
      border: 1px var(--textarea-border-color, #d1d5db) solid;
      border-radius: var(--textarea-border-radius, 0.25rem);
      color: var(--textarea-text-color, #1a202c);
      font-size: var(--textarea-font-size, 0.875rem);
      line-height: var(--textarea-line-height, 1.25rem);
      min-width: var(--textarea-min-width, 4rem);
      padding: var(--textarea-padding-top, 0.4375rem) var(--textarea-padding-right, 0.625rem) var(--textarea-padding-bottom, 0.4375rem) var(--textarea-padding-left, 0.625rem);
      &:hover {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        border-color: var(--textarea-border-color-hover, #a0aec0);
      }
      &:active, &:focus {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        border: 1px var(--textarea-border-color-active, #5a67d8) solid;
        box-shadow: 0 0 0 0.2rem var(--textarea-shadow-color-active, rgba(90, 103, 216, 0.25));
        outline-style: none;
        outline-width: 0px;
      }
      &[disabled] {
        transition-property: none;
        background-color: var(--color-gray-150);
        opacity: var(--textarea-opacity-disabled, 0.5);
      }
    }
    &.csr {
      max-width: 26.5rem;
      min-width: 26.5rem;
      textarea {
        --textarea-bg-color: var(--color-gray-150);
        font-family: var(--font-family-mono);
        font-size: 0.625rem;
        line-height: 0.875rem;
      }
    }
    &.textarea-hover {
      textarea {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        border-color: var(--textarea-border-color-hover, #a0aec0);
      }
    }
    &.textarea-active {
      textarea {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        border: 1px var(--textarea-border-color-active, #5a67d8) solid;
        box-shadow: 0 0 0 0.2rem var(--textarea-shadow-color-active, rgba(90, 103, 216, 0.25));
        outline-style: none;
        outline-width: 0px;
      }
    }
    &[disabled] {
      transition-property: none;
      background-color: var(--color-gray-150);
      opacity: var(--textarea-opacity-disabled, 0.5);
    }
    &.textarea-error {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --textarea-border-color: var(--textarea-border-color-error, #e53e3e);
      --textarea-border-color-hover: var(--textarea-border-color-error, #e53e3e);
      --textarea-helper-text-color: var(
              --textarea-helper-text-color-error,
              #e53e3e
      );
    }
    &.textarea-disabled {
      --textarea-opacity: var(--textarea-opacity-disabled, 0.5);
      --textarea-label-opacity: var(--textarea-label-opacity-disabled, 0.5);
      --textarea-helper-text-opacity: var(
              --textarea-helper-text-opacity-disabled,
              0.5
      );
      pointer-events: none;
      textarea {
        background-color: var(--color-gray-150);
      }
    }
  }
  .alpine-select {
    border: 1px var(--select-input-border-color-idle) solid;
    border-radius: var(--select-border-radius, 0.375rem);
    display: inline-block;
    position: relative;
    width: var(--select-width, auto);
    opacity: var(--select-opacity, 1);
    label {
      display: block;
      font-size: var(--select-placeholder-font-size, 0.875rem);
      line-height: var(--select-placeholder-line-height, 1.25rem);
      margin-bottom: var(--select-placeholder-margin-bottom, 0.25rem);
      opacity: var(--select-label-opacity, 1);
    }
    .helper-text {
      --_select-helper-text-color: var(
              --select-helper-text-color,
              var(--color-gray-800)
      );
      --_select-helper-text-font-size: var(
              --select-helper-text-font-size,
              0.75rem
      );
      --_select-helper-text-line-height: var(
              --select-helper-text-line-height,
              1rem
      );
      --_select-helper-text-margin-top: var(
              --select-helper-text-margin-top,
              0.25rem
      );
      --_select-helper-text-opacity: var(--select-helper-text-opacity, 1);
      color: var(--_select-helper-text-color);
      font-size: var(--_select-helper-text-font-size);
      line-height: var(--_select-helper-text-line-height);
      margin-top: var(--_select-helper-text-margin-top);
      opacity: var(--_select-helper-text-opacity);
    }
    button.alpine-select-input-group {
      align-items: center;
      background-color: var(--select-input-group-bg-color, var(--color-white));
      border: 1px solid transparent;
      border-radius: var(--select-input-group-border-radius, 0.25rem);
      box-shadow: var(--select-input-group-shadow, 0 1px 2px rgba(0, 0, 0, 0.1));
      cursor: var(--select-input-group-cursor, pointer);
      display: flex;
      gap: var(--select-input-group-gap, 0.5rem);
      justify-content: space-between;
      padding: var(--select-input-group-padding, 0.3125rem 0.75rem);
      width: var(--select-input-group-width, 100%);
      .alpine-select-input-group-text {
        font-size: 0.875rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      &:focus-within, &.alpine-focused {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        border: 1px var(--select-border-color-active) solid;
        box-shadow: 0 0 0 0.2rem var(--select-shadow-color-active, var(--color-blue-700));
        outline-style: none;
        outline-width: 0px;
      }
    }
    &:has( > button[disabled='true'], > button[disabled=''], > button[disabled='disabled'] ) {
      --select-opacity: var(--select-opacity-disabled);
      --select-label-opacity: var(--select-label-opacity-disabled);
      --select-helper-text-opacity: var(--select-helper-text-opacity-disabled);
      pointer-events: none;
    }
    &.outlined {
      button.alpine-select-input-group {
        border: 1px var(--input-border-color) solid;
        box-shadow: none;
        cursor: var(--select-input-group-cursor, pointer);
        &:focus-within, &.alpine-focused {
          border: 1px var(--input-border-color-active) solid;
          box-shadow: 0 0 0 0.2rem var(--select-shadow-color-active, var(--color-blue-700));
        }
      }
    }
    &.select-error {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      button.alpine-select-input-group {
        border: 1px var(--color-validation-error) solid;
        &:focus-within, &.alpine-focused {
          border: 1px var(--color-validation-error) solid;
          box-shadow: 0 0 0 0.2rem var(--color-validation-error);
        }
      }
      .helper-text {
        --_select-helper-text-color: var(--input-helper-text-color-error);
      }
    }
    dialog {
      z-index: 10;
      min-width: 100%;
      width: max-content;
    }
  }
}
.alpine-select-category {
  display: flex;
  padding: var(--select-option-padding, 0.5rem);
  .bi-arrow-return-right {
    position: relative !important;
    padding-right: calc(var(--spacing)* 2.5);
  }
}
dialog.alpine-select-options {
  position: fixed;
  z-index: 9999;
  margin: 0;
  padding: 0;
}
.alpine-option-list {
  width: max-content;
  min-width: 100%;
  z-index: 10;
}
.alpine-select-options {
  &::backdrop {
    background-color: transparent;
  }
  background-color: var(--select-option-bg-color, #ffffff);
  border: 1px solid var(--select-option-border-color, #d1d5db);
  border-radius: var(--select-option-border-radius, 0.375rem);
  box-shadow: var(--select-option-shadow, var(--shadow-lg));
  max-height: 20rem;
  overflow: auto;
  outline: none;
  top: calc(100% + 0.125rem);
  min-width: 100%;
  width: max-content;
  z-index: 10;
  .alpine-select-group {
    font-size: var(--select-group-font-size, 0.875rem);
    font-weight: var(--select-group-font-weight, 600);
    padding: var(--select-group-padding, 0.5rem);
  }
  .alpine-select-option {
    cursor: pointer;
    color: var(--select-option-text-color, #1f2937);
    font-size: var(--select-option-font-size, 0.875rem);
    width: var(--select-option-width, 100%);
    transition: background-color 0.2s ease-in-out;
    padding-top: var(--select-option-padding, 0.5rem);
    padding-right: var(--select-option-padding, 0.5rem);
    padding-bottom: var(--select-option-padding, 0.5rem);
    padding-left: var(--select-option-padding-left, 1rem);
    &:hover:not(.alpine-select-option-disabled), &:focus:not(.alpine-select-option-disabled) {
      outline: none;
      color: var(--select-option-hover-text-color, var(--color-blue-300));
      background-color: var( --select-option-hover-bg-color, var(--color-blue-gray-200) );
    }
  }
  .alpine-select-option-active {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    background-color: var( --select-option-active-bg-color, var(--color-blue-gray-200) );
    color: var(--select-option-active-text-color, var(--color-black));
  }
  .alpine-select-option-disabled {
    cursor: var(--select-option-disabled-cursor, not-allowed);
    opacity: var(--select-option-disabled-opacity, 0.5);
    &:hover {
      background-color: var( --select-option-disabled-hover-bg-color, var(--color-white) );
    }
  }
  .alpine-select-option-disabled:active {
    pointer-events: none;
  }
}
.alpine-fieldset {
  display: flex;
  flex-direction: row;
  gap: calc(var(--spacing) * 1.5);
  border: 1px solid var(--color-gray-400);
  border-radius: 0.375rem;
  display: flex;
  padding: 0.15rem 0.625rem 0.53rem 0.625rem;
  legend {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    i {
      cursor: pointer;
      padding-left: calc(var(--spacing) * 0.5);
    }
  }
}
.alpine-loader {
  aspect-ratio: 1;
  display: grid;
  animation: spin 5s infinite;
  &::before, &::after {
    content: '';
    grid-area: 1/1;
    border: 0.25rem solid;
    border-radius: 50%;
    mix-blend-mode: color;
    z-index: -1;
  }
  &::before {
    border-color: #0000 #0000 var(--color-blue-300) var(--color-blue-300);
    animation: spin 1s infinite linear;
  }
  &::after {
    border-color: var(--color-blue-400) var(--color-blue-400) #0000 #0000;
    animation: spin 0.65s infinite linear;
  }
}
@keyframes spin {
  100% {
    transform: rotate(1turn);
  }
}
.error-page-container {
  width: 80%;
  margin: 0 auto;
  padding-top: 4rem;
}
.error-card-container {
  max-width: 36rem;
  margin: 0 auto;
}
.error-card-header {
  justify-content: space-evenly;
  flex-direction: column;
}
.error-card-image {
  justify-content: center;
  margin: 0 auto;
}
.error-card-title-wrapper {
  display: flex;
}
.error-card-title {
  justify-content: center;
  margin: 0 auto;
}
.error-card-content {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.error-text {
  text-align: center;
  font-weight: normal;
  font-size: 1rem;
}
.error-message {
  padding-top: 3rem;
  text-align: center;
  font-weight: normal;
  font-size: 1rem;
}
.error-footer {
  display: flex;
  justify-content: center;
  font-weight: normal;
  gap: 2.25rem;
  padding-top: 4rem;
}
.error-button {
  justify-content: center;
}
.alpine-filter-form {
  display: flex;
  align-items: baseline;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 4);
  --tw-shadow: 0px 2px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0px 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.alpine-filter-form-input {
  opacity: var(--input-opacity, 1);
  input {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --_input-font-size: var(--input-font-size, 0.875rem);
    --_input-border-radius: var(--input-border-radius, 0.25rem);
    --_input-line-height: var(--input-line-height, 1.25rem);
    --_input-padding-top: var(--input-padding-top, 0.4375rem);
    --_input-padding-right: var(--input-padding-right, 0.625rem);
    --_input-padding-bottom: var(--input-padding-bottom, 0.4375rem);
    --_input-padding-left: var(--input-padding-left, 0.625rem);
    background-color: var(--input-bg-color);
    box-shadow: var(--input-bs-color);
    border: 1px var(--input-border-color) solid;
    border-radius: var(--_input-border-radius);
    color: var(--input-text-color, var(--color-gray-800));
    font-size: var(--_input-font-size);
    line-height: var(--_input-line-height);
    min-width: var(--_input-min-width);
    padding: var(--_input-padding-top) var(--_input-padding-right) var(--_input-padding-bottom) var(--_input-padding-left);
    &:hover, &.hover {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --input-border-color: var(--input-border-color-hover);
    }
    &:active, &:focus, &.active {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      border: 1px var(--input-border-color-active) solid;
      box-shadow: 0 0 0 0.2rem var(--input-shadow-color-active, var(--color-blue-700));
      outline-style: none;
      outline-width: 0px;
    }
    &[disabled] {
      transition-property: none;
    }
  }
  .input-group {
    position: relative;
    input {
      width: 100%;
    }
    &:has(.icon-left) {
      --input-padding-left: var(--_input-icon-padding, 2rem);
    }
    &:has(.icon-right) {
      --input-padding-right: var(--_input-icon-padding, 2rem);
    }
    i {
      --_input-icon-font-size: var(--input-icon-font-size, 0.875rem);
      --_input-icon-line-height: var(--input-icon-line-height, 0.875rem);
      color: var(--input-icon-text-color, var(--color-white-gray-300));
      font-size: var(--_input-icon-font-size);
      line-height: var(--_input-icon-line-height);
      position: absolute;
      z-index: 5;
      &.icon-left {
        left: var(--_input-icon-left-pos, 0.625rem);
        top: var(--_input-icon-pos-top, 0.7rem);
      }
      &.icon-right {
        right: var(--_input-icon-right-pos, 0.625rem);
        top: var(--_input-icon-pos-top, 0.7rem);
      }
    }
  }
}
.alpine-filter-option-text {
  height: 100%;
  width: 100%;
  text-align: start;
}
.alpine-filter-input {
  position: relative;
  width: calc(var(--spacing) * 60);
  padding-block: calc(var(--spacing) * 3) !important;
}
.alpine-filter-options {
  position: absolute;
  top: 100%;
  left: calc(var(--spacing) * 0);
  z-index: 20;
  max-height: calc(100vh - 15rem) !important;
  width: 100% !important;
  border-radius: var(--radius-sm);
  background-color: var(--color-white);
  --tw-shadow: 0px 2px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0px 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.alpine-filter-icon-left {
  margin-top: calc(var(--spacing) * 1);
}
.alpine-filter-icon-right {
  padding-block: calc(var(--spacing) * 1);
}
form.alpine-form {
  .alpine-input {
    width: 100%;
    opacity: var(--input-opacity, 1);
    label {
      display: block;
      font-size: var(--input-placeholder-font-size, 0.875rem);
      line-height: var(--input-placeholder-line-height, 1.25rem);
      margin-bottom: var(--input-placeholder-margin-bottom, 0.25rem);
      opacity: var(--input-label-opacity, 1);
    }
    .helper-text {
      --_input-helper-text-color: var(
              --input-helper-text-color,
              var(--color-gray-800)
      );
      --_input-helper-text-font-size: var(--input-helper-text-font-size, 0.75rem);
      --_input-helper-text-line-height: var(
              --input-helper-text-line-height,
              1rem
      );
      --_input-helper-text-margin-top: var(
              --input-helper-text-margin-top,
              0.25rem
      );
      --_input-helper-text-opacity: var(--input-helper-text-opacity, 1);
      color: var(--_input-helper-text-color);
      font-size: var(--_input-helper-text-font-size);
      line-height: var(--_input-helper-text-line-height);
      margin-top: var(--_input-helper-text-margin-top);
      opacity: var(--_input-helper-text-opacity);
    }
    input {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --_input-font-size: var(--input-font-size, 0.875rem);
      --_input-border-radius: var(--input-border-radius, 0.25rem);
      --_input-line-height: var(--input-line-height, 1.25rem);
      --_input-padding-top: var(--input-padding-top, 0.4375rem);
      --_input-padding-right: var(--input-padding-right, 0.625rem);
      --_input-padding-bottom: var(--input-padding-bottom, 0.4375rem);
      --_input-padding-left: var(--input-padding-left, 0.625rem);
      background-color: var(--input-bg-color);
      box-shadow: var(--input-bs-color);
      border: 1px var(--input-border-color) solid;
      border-radius: var(--_input-border-radius);
      color: var(--input-text-color, var(--color-gray-800));
      font-size: var(--_input-font-size);
      line-height: var(--_input-line-height);
      min-width: var(--_input-min-width);
      padding: var(--_input-padding-top) var(--_input-padding-right) var(--_input-padding-bottom) var(--_input-padding-left);
      &:hover, &.hover {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --input-border-color: var(--input-border-color-hover);
      }
      &:active, &:focus, &.active {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        border: 1px var(--input-border-color-active) solid;
        box-shadow: 0 0 0 0.2rem var(--input-shadow-color-active, var(--color-blue-700));
        outline-style: none;
        outline-width: 0px;
      }
      &[disabled] {
        transition-property: none;
      }
    }
    .input-group {
      position: relative;
      input {
        width: 100%;
      }
      &:has(.icon-left) {
        --input-padding-left: var(--_input-icon-padding, 2rem);
      }
      &:has(.icon-right) {
        --input-padding-right: var(--_input-icon-padding, 2rem);
      }
      i {
        --_input-icon-font-size: var(--input-icon-font-size, 0.875rem);
        --_input-icon-line-height: var(--input-icon-line-height, 0.875rem);
        color: var(--input-icon-text-color, var(--color-white-gray-300));
        font-size: var(--_input-icon-font-size);
        line-height: var(--_input-icon-line-height);
        position: absolute;
        &.icon-left {
          left: var(--_input-icon-left-pos, 0.625rem);
          top: var(--_input-icon-pos-top, 0.7rem);
        }
        &.icon-right {
          right: var(--_input-icon-right-pos, 0.625rem);
          top: var(--_input-icon-pos-top, 0.7rem);
        }
      }
    }
    &.input-error {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --input-border-color: var(--color-validation-error);
      --input-border-color-hover: var(--input-border-color-error);
      --input-helper-text-color: var(--input-helper-text-color-error);
    }
    &.input-disabled {
      --input-opacity: var(--input-opacity-disabled);
      --input-label-opacity: var(--input-label-opacity-disabled);
      --input-helper-text-opacity: var(--input-helper-text-opacity-disabled);
      --input-helper-text-opacity: var(--input-helper-text-opacity-disabled);
      pointer-events: none;
    }
    &.small {
      --_input-icon-pos-top: 0.5rem;
      --_input-icon-right-pos: 0.5rem;
      --_input-icon-left-pos: 0.5rem;
      --_input-icon-padding: 1.625rem;
      --input-container-min-width: 4rem;
      --input-font-size: 0.75rem;
      --input-border-radius: 0.125rem;
      --input-line-height: 1rem;
      --input-padding-top: 0.3125rem;
      --input-padding-right: 0.5rem;
      --input-padding-bottom: 0.3125rem;
      --input-padding-left: 0.5rem;
      --input-min-width: 4rem;
      --input-icon-font-size: 0.75rem;
      --input-icon-line-height: 0.75rem;
      --input-helper-text-font-size: 0.75rem;
      --input-helper-text-line-height: 1rem;
    }
  }
  .alpine-checkbox {
    padding-bottom: calc(var(--spacing) * 1);
    color: var(--color-gray-800);
    cursor: pointer;
    display: block;
    line-height: 1.5rem;
    div {
      font-size: 0.875rem;
      color: var(--color-gray-800);
      display: inline-block;
      line-height: 1.5rem;
      &::before {
        background-color: var(--color-white);
        border: 2px solid var(--color-gray-400);
        border-radius: 0.375rem;
        color: var(--color-gray-375);
        content: '';
        display: inline-block;
        font-family: var(--font-family-icons);
        font-size: 1.1rem;
        line-height: 1.25rem;
        height: 1.375rem;
        margin-right: 0.5rem;
        padding-top: 0px;
        position: relative;
        top: -1px;
        transition: background-color 0.11s ease-out, color 0.11s ease-out, border-color 0.11s ease-out;
        vertical-align: middle;
        width: 1.375rem;
      }
    }
    input[type='checkbox'] {
      display: none;
      &:checked + div {
        &::before {
          background-color: var(--color-blue-200);
          border: 2px solid var(--color-blue-200);
          color: var(--color-white);
          content: '\f633';
        }
        &:hover {
          &::before {
            background-color: var(--color-blue-500);
            border: 2px solid var(--color-blue-500);
          }
        }
      }
    }
    &:hover {
      div {
        color: var(--color-gray-900);
      }
      input[type='checkbox']:not(:checked) + div {
        &::before {
          background-color: var(--color-white-gray-100);
          border: 2px solid var(--color-gray-400);
          color: var(--color-gray-375);
          content: '\f633';
        }
      }
    }
    &.disabled {
      cursor: not-allowed;
      div {
        color: var(--color-gray-400);
        &::before {
          background-color: var(--color-white);
          border: 2px solid var(--color-gray-300);
          content: '';
        }
      }
      &:hover {
        input[type='checkbox']:not(:checked) + div {
          &::before {
            background-color: var(--color-white);
            border: 2px solid var(--color-gray-300);
            content: '';
          }
        }
      }
    }
  }
  .alpine-radio-group {
    border-radius: var(--radio-group-border-radius, 0.375rem);
    width: var(--radio-group-width, 100%);
    fieldset {
      legend {
        display: block;
        font-weight: var(--radio-group-label-font-weight, 600);
        font-size: var(--radio-group-label-font-size, 1rem);
        line-height: var(--radio-group-label-line-height, 1.25rem);
        margin-bottom: var(--radio-group-label-margin-bottom, 0.25rem);
        opacity: var(--radio-group-label-opacity, 1);
      }
      .alpine-radio-group-options {
        display: flex;
        flex-direction: column;
        gap: var(--radio-group-options-gap, 0.5rem);
        margin-top: var(--radio-group-options-margin-top, 0.75rem);
      }
      .alpine-radio-group-option {
        display: flex;
        align-items: center;
        input[type='radio'] {
          appearance: none;
          height: var(--radiogroup-input-height, 1.5rem);
          width: var(--radiogroup-input-width, 1.5rem);
          border-width: var(--radiogroup-input-border-width, 1px);
          border-style: var(--radiogroup-input-border-style, solid);
          border-color: var(--radiogroup-input-border-color, #d1d5db);
          border-radius: var(--radiogroup-input-border-radius, 50%);
          position: relative;
          cursor: pointer;
          outline: none;
          transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
          &:checked {
            border-color: var(--radiogroup-input-checked-border-color, #004aff);
            background-color: var( --radiogroup-input-checked-bg-color, transparent );
            box-shadow: inset 0 0 0 4px var(--radiogroup-input-checked-border-color, #004aff);
          }
        }
        label {
          margin-left: var(--radio-group-label-margin-left, 0.75rem);
          display: block;
          line-height: var(--radio-group-label-line-height, 1.5rem);
          color: var(--radio-group-label-color, #1f2937);
        }
      }
    }
  }
  .alpine-textarea {
    label {
      display: block;
      margin-bottom: 0.5rem;
    }
    textarea {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      width: 100%;
      background-color: var(--textarea-bg-color, var(--color-white));
      box-shadow: var(--textarea-shadow, inset 0 1px 2px rgba(0, 0, 0, 0.05));
      border: 1px var(--textarea-border-color, #d1d5db) solid;
      border-radius: var(--textarea-border-radius, 0.25rem);
      color: var(--textarea-text-color, #1a202c);
      font-size: var(--textarea-font-size, 0.875rem);
      line-height: var(--textarea-line-height, 1.25rem);
      min-width: var(--textarea-min-width, 4rem);
      padding: var(--textarea-padding-top, 0.4375rem) var(--textarea-padding-right, 0.625rem) var(--textarea-padding-bottom, 0.4375rem) var(--textarea-padding-left, 0.625rem);
      &:hover {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        border-color: var(--textarea-border-color-hover, #a0aec0);
      }
      &:active, &:focus {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        border: 1px var(--textarea-border-color-active, #5a67d8) solid;
        box-shadow: 0 0 0 0.2rem var(--textarea-shadow-color-active, rgba(90, 103, 216, 0.25));
        outline-style: none;
        outline-width: 0px;
      }
      &[disabled] {
        transition-property: none;
        background-color: var(--color-gray-150);
        opacity: var(--textarea-opacity-disabled, 0.5);
      }
    }
    &.csr {
      max-width: 26.5rem;
      min-width: 26.5rem;
      textarea {
        --textarea-bg-color: var(--color-gray-150);
        font-family: var(--font-family-mono);
        font-size: 0.625rem;
        line-height: 0.875rem;
      }
    }
    &.textarea-hover {
      textarea {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        border-color: var(--textarea-border-color-hover, #a0aec0);
      }
    }
    &.textarea-active {
      textarea {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        border: 1px var(--textarea-border-color-active, #5a67d8) solid;
        box-shadow: 0 0 0 0.2rem var(--textarea-shadow-color-active, rgba(90, 103, 216, 0.25));
        outline-style: none;
        outline-width: 0px;
      }
    }
    &[disabled] {
      transition-property: none;
      background-color: var(--color-gray-150);
      opacity: var(--textarea-opacity-disabled, 0.5);
    }
    &.textarea-error {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --textarea-border-color: var(--textarea-border-color-error, #e53e3e);
      --textarea-border-color-hover: var(--textarea-border-color-error, #e53e3e);
      --textarea-helper-text-color: var(
              --textarea-helper-text-color-error,
              #e53e3e
      );
    }
    &.textarea-disabled {
      --textarea-opacity: var(--textarea-opacity-disabled, 0.5);
      --textarea-label-opacity: var(--textarea-label-opacity-disabled, 0.5);
      --textarea-helper-text-opacity: var(
              --textarea-helper-text-opacity-disabled,
              0.5
      );
      pointer-events: none;
      textarea {
        background-color: var(--color-gray-150);
      }
    }
  }
  .alpine-select {
    border: 1px var(--select-input-border-color-idle) solid;
    border-radius: var(--select-border-radius, 0.375rem);
    display: inline-block;
    position: relative;
    width: var(--select-width, auto);
    opacity: var(--select-opacity, 1);
    label {
      display: block;
      font-size: var(--select-placeholder-font-size, 0.875rem);
      line-height: var(--select-placeholder-line-height, 1.25rem);
      margin-bottom: var(--select-placeholder-margin-bottom, 0.25rem);
      opacity: var(--select-label-opacity, 1);
    }
    .helper-text {
      --_select-helper-text-color: var(
              --select-helper-text-color,
              var(--color-gray-800)
      );
      --_select-helper-text-font-size: var(
              --select-helper-text-font-size,
              0.75rem
      );
      --_select-helper-text-line-height: var(
              --select-helper-text-line-height,
              1rem
      );
      --_select-helper-text-margin-top: var(
              --select-helper-text-margin-top,
              0.25rem
      );
      --_select-helper-text-opacity: var(--select-helper-text-opacity, 1);
      color: var(--_select-helper-text-color);
      font-size: var(--_select-helper-text-font-size);
      line-height: var(--_select-helper-text-line-height);
      margin-top: var(--_select-helper-text-margin-top);
      opacity: var(--_select-helper-text-opacity);
    }
    button.alpine-select-input-group {
      align-items: center;
      background-color: var(--select-input-group-bg-color, var(--color-white));
      border: 1px solid transparent;
      border-radius: var(--select-input-group-border-radius, 0.25rem);
      box-shadow: var(--select-input-group-shadow, 0 1px 2px rgba(0, 0, 0, 0.1));
      cursor: var(--select-input-group-cursor, pointer);
      display: flex;
      gap: var(--select-input-group-gap, 0.5rem);
      justify-content: space-between;
      padding: var(--select-input-group-padding, 0.3125rem 0.75rem);
      width: var(--select-input-group-width, 100%);
      .alpine-select-input-group-text {
        font-size: 0.875rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      &:focus-within, &.alpine-focused {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        border: 1px var(--select-border-color-active) solid;
        box-shadow: 0 0 0 0.2rem var(--select-shadow-color-active, var(--color-blue-700));
        outline-style: none;
        outline-width: 0px;
      }
    }
    &:has( > button[disabled='true'], > button[disabled=''], > button[disabled='disabled'] ) {
      --select-opacity: var(--select-opacity-disabled);
      --select-label-opacity: var(--select-label-opacity-disabled);
      --select-helper-text-opacity: var(--select-helper-text-opacity-disabled);
      pointer-events: none;
    }
    &.outlined {
      button.alpine-select-input-group {
        border: 1px var(--input-border-color) solid;
        box-shadow: none;
        cursor: var(--select-input-group-cursor, pointer);
        &:focus-within, &.alpine-focused {
          border: 1px var(--input-border-color-active) solid;
          box-shadow: 0 0 0 0.2rem var(--select-shadow-color-active, var(--color-blue-700));
        }
      }
    }
    &.select-error {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      button.alpine-select-input-group {
        border: 1px var(--color-validation-error) solid;
        &:focus-within, &.alpine-focused {
          border: 1px var(--color-validation-error) solid;
          box-shadow: 0 0 0 0.2rem var(--color-validation-error);
        }
      }
      .helper-text {
        --_select-helper-text-color: var(--input-helper-text-color-error);
      }
    }
    dialog {
      z-index: 10;
      min-width: 100%;
      width: max-content;
    }
  }
}
.alpine-select-category {
  display: flex;
  padding: var(--select-option-padding, 0.5rem);
  .bi-arrow-return-right {
    position: relative !important;
    padding-right: calc(var(--spacing)* 2.5);
  }
}
dialog.alpine-select-options {
  position: fixed;
  z-index: 9999;
  margin: 0;
  padding: 0;
}
.alpine-option-list {
  width: max-content;
  min-width: 100%;
  z-index: 10;
}
.alpine-select-options {
  &::backdrop {
    background-color: transparent;
  }
  background-color: var(--select-option-bg-color, #ffffff);
  border: 1px solid var(--select-option-border-color, #d1d5db);
  border-radius: var(--select-option-border-radius, 0.375rem);
  box-shadow: var(--select-option-shadow, var(--shadow-lg));
  max-height: 20rem;
  overflow: auto;
  outline: none;
  top: calc(100% + 0.125rem);
  min-width: 100%;
  width: max-content;
  z-index: 10;
  .alpine-select-group {
    font-size: var(--select-group-font-size, 0.875rem);
    font-weight: var(--select-group-font-weight, 600);
    padding: var(--select-group-padding, 0.5rem);
  }
  .alpine-select-option {
    cursor: pointer;
    color: var(--select-option-text-color, #1f2937);
    font-size: var(--select-option-font-size, 0.875rem);
    width: var(--select-option-width, 100%);
    transition: background-color 0.2s ease-in-out;
    padding-top: var(--select-option-padding, 0.5rem);
    padding-right: var(--select-option-padding, 0.5rem);
    padding-bottom: var(--select-option-padding, 0.5rem);
    padding-left: var(--select-option-padding-left, 1rem);
    &:hover:not(.alpine-select-option-disabled), &:focus:not(.alpine-select-option-disabled) {
      outline: none;
      color: var(--select-option-hover-text-color, var(--color-blue-300));
      background-color: var( --select-option-hover-bg-color, var(--color-blue-gray-200) );
    }
  }
  .alpine-select-option-active {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    background-color: var( --select-option-active-bg-color, var(--color-blue-gray-200) );
    color: var(--select-option-active-text-color, var(--color-black));
  }
  .alpine-select-option-disabled {
    cursor: var(--select-option-disabled-cursor, not-allowed);
    opacity: var(--select-option-disabled-opacity, 0.5);
    &:hover {
      background-color: var( --select-option-disabled-hover-bg-color, var(--color-white) );
    }
  }
  .alpine-select-option-disabled:active {
    pointer-events: none;
  }
}
.alpine-fieldset {
  display: flex;
  flex-direction: row;
  gap: calc(var(--spacing) * 1.5);
  border: 1px solid var(--color-gray-400);
  border-radius: 0.375rem;
  display: flex;
  padding: 0.15rem 0.625rem 0.53rem 0.625rem;
  legend {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    i {
      cursor: pointer;
      padding-left: calc(var(--spacing) * 0.5);
    }
  }
}
.bi-shield-reissue::before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33794 1.59084C4.25194 1.88522 3.15214 2.23325 2.50122 2.44565C2.32213 2.50409 2.19637 2.65917 2.17276 2.83638C1.61888 6.99289 2.89864 10.0267 4.42564 12.0243C5.1923 13.0272 6.02182 13.7691 6.71336 14.2567C7.0594 14.5007 7.36532 14.6772 7.60571 14.7904C7.72606 14.847 7.82448 14.8852 7.89924 14.9084C7.96081 14.9274 7.99248 14.9319 8 14.933C8.00753 14.9319 8.03919 14.9274 8.10076 14.9084C8.17552 14.8852 8.27395 14.847 8.3943 14.7904C8.63468 14.6772 8.9406 14.5007 9.28664 14.2567C9.97818 13.7691 10.8077 13.0272 11.5744 12.0243C13.1014 10.0267 14.3811 6.99289 13.8272 2.83638C13.8036 2.65917 13.6779 2.50409 13.4988 2.44565C12.8479 2.23325 11.7481 1.88522 10.6621 1.59084C9.5517 1.28985 8.53085 1.06667 8 1.06667C7.46915 1.06667 6.4483 1.28985 5.33794 1.59084ZM5.07166 0.559653C6.15738 0.265343 7.31051 0 8 0C8.68949 0 9.84262 0.265343 10.9283 0.559652C12.0384 0.860567 13.1568 1.21461 13.8147 1.42928C14.3637 1.60844 14.779 2.09359 14.8588 2.6921C15.4554 7.16942 14.072 10.4869 12.394 12.682C11.5582 13.7754 10.6498 14.5904 9.87691 15.1354C9.49076 15.4077 9.13287 15.6165 8.82896 15.7596C8.54814 15.8918 8.24771 16 8 16C7.7523 16 7.45186 15.8918 7.17105 15.7596C6.86713 15.6165 6.50924 15.4077 6.12309 15.1354C5.35024 14.5904 4.44183 13.7754 3.606 12.682C1.92804 10.4869 0.544608 7.16942 1.14123 2.69209C1.22098 2.09359 1.63625 1.60844 2.18528 1.42928C2.84316 1.21461 3.96156 0.860567 5.07166 0.559653Z' fill='%23343A40'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.94323 8.87598C8.55675 8.87598 9.0784 8.61453 9.46253 8.14941C9.53559 8.06094 9.73189 8.02832 9.89215 8.11426C10.0524 8.2002 10.1431 8.41781 10.0214 8.5791C9.67348 9.04009 9.02497 9.5791 7.94323 9.5791C6.86148 9.5791 5.64221 8.71191 5.48206 7.46728L6.19299 7.46729C6.42725 8.44238 7.32971 8.87598 7.94323 8.87598Z' fill='%23343A40'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.94323 8.87598C8.55675 8.87598 9.0784 8.61453 9.46253 8.14941C9.53559 8.06094 9.73189 8.02832 9.89215 8.11426C10.0524 8.2002 10.1431 8.41781 10.0214 8.5791C9.67348 9.04009 9.02497 9.5791 7.94323 9.5791C6.86148 9.5791 5.64221 8.71191 5.48206 7.46728L6.19299 7.46729C6.42725 8.44238 7.32971 8.87598 7.94323 8.87598Z' fill='%23343A40'/%3E%3Cpath d='M6.76338 7.58447L4.96873 7.58447C4.872 7.58447 4.81916 7.47165 4.88109 7.39734L5.77841 6.32056C5.82402 6.26582 5.90809 6.26582 5.9537 6.32056L6.85102 7.39734C6.91295 7.47165 6.86011 7.58447 6.76338 7.58447Z' fill='%23343A40'/%3E%3Cpath d='M6.76338 7.58447L4.96873 7.58447C4.872 7.58447 4.81916 7.47165 4.88109 7.39734L5.77841 6.32056C5.82402 6.26582 5.90809 6.26582 5.9537 6.32056L6.85102 7.39734C6.91295 7.47165 6.86011 7.58447 6.76338 7.58447Z' fill='%23343A40'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.05042 5.17578C7.43691 5.17578 6.91525 5.43722 6.53113 5.90234C6.45806 5.99082 6.26176 6.02344 6.10151 5.9375C5.94125 5.85156 5.85058 5.63395 5.9723 5.47266C6.32017 5.01167 6.96868 4.47266 8.05042 4.47266C9.13217 4.47266 10.3514 5.33984 10.5116 6.58447H9.80066C9.56641 5.60938 8.66394 5.17578 8.05042 5.17578Z' fill='%23343A40'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.05042 5.17578C7.43691 5.17578 6.91525 5.43722 6.53113 5.90234C6.45806 5.99082 6.26176 6.02344 6.10151 5.9375C5.94125 5.85156 5.85058 5.63395 5.9723 5.47266C6.32017 5.01167 6.96868 4.47266 8.05042 4.47266C9.13217 4.47266 10.3514 5.33984 10.5116 6.58447H9.80066C9.56641 5.60938 8.66394 5.17578 8.05042 5.17578Z' fill='%23343A40'/%3E%3Cpath d='M9.23028 6.46729H11.0249C11.1217 6.46729 11.1745 6.5801 11.1126 6.65442L10.2152 7.7312C10.1696 7.78594 10.0856 7.78594 10.04 7.7312L9.14263 6.65442C9.0807 6.58011 9.13355 6.46729 9.23028 6.46729Z' fill='%23343A40'/%3E%3Cpath d='M9.23028 6.46729H11.0249C11.1217 6.46729 11.1745 6.5801 11.1126 6.65442L10.2152 7.7312C10.1696 7.78594 10.0856 7.78594 10.04 7.7312L9.14263 6.65442C9.0807 6.58011 9.13355 6.46729 9.23028 6.46729Z' fill='%23343A40'/%3E%3C/svg%3E");
}
.bi-shield-fill-reissue::before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.07166 0.559653C6.15738 0.265343 7.31051 0 8 0C8.68949 0 9.84262 0.265343 10.9283 0.559652C12.0384 0.860567 13.1568 1.21461 13.8147 1.42928C14.3637 1.60844 14.779 2.09359 14.8588 2.6921C15.4554 7.16942 14.072 10.4869 12.394 12.682C11.5582 13.7754 10.6498 14.5904 9.87691 15.1354C9.49076 15.4077 9.13287 15.6165 8.82896 15.7596C8.54814 15.8918 8.24771 16 8 16C7.7523 16 7.45186 15.8918 7.17105 15.7596C6.86713 15.6165 6.50924 15.4077 6.12309 15.1354C5.35024 14.5904 4.44183 13.7754 3.606 12.682C1.92804 10.4869 0.544608 7.16942 1.14123 2.69209C1.22098 2.09359 1.63625 1.60844 2.18528 1.42928C2.84316 1.21461 3.96156 0.860567 5.07166 0.559653ZM7.94323 8.87598C8.55675 8.87598 9.0784 8.61453 9.46253 8.14941C9.53559 8.06094 9.73189 8.02832 9.89215 8.11426C10.0524 8.2002 10.1431 8.41781 10.0214 8.5791C9.67348 9.04009 9.02497 9.5791 7.94323 9.5791C6.89577 9.5791 5.71936 8.76601 5.50044 7.58447H4.96878C4.87205 7.58447 4.81921 7.47165 4.88113 7.39734L5.77845 6.32056C5.82407 6.26582 5.90813 6.26582 5.95375 6.32056L6.85107 7.39734C6.91299 7.47165 6.86015 7.58447 6.76342 7.58447H6.2251C6.50075 8.4772 7.35486 8.87598 7.94323 8.87598ZM8.05042 5.17578C7.43691 5.17578 6.91525 5.43722 6.53113 5.90234C6.45806 5.99082 6.26176 6.02344 6.10151 5.9375C5.94125 5.85156 5.85058 5.63395 5.9723 5.47266C6.32017 5.01167 6.96868 4.47266 8.05042 4.47266C9.09788 4.47266 10.2743 5.28575 10.4932 6.46729H11.0249C11.1216 6.46729 11.1744 6.5801 11.1125 6.65442L10.2152 7.7312C10.1696 7.78594 10.0855 7.78594 10.0399 7.7312L9.14258 6.65442C9.08066 6.5801 9.1335 6.46729 9.23023 6.46729H9.76855C9.49291 5.57456 8.63879 5.17578 8.05042 5.17578Z' fill='%23343A40'/%3E%3C/svg%3E%0A");
}
[class*=' bi-'], [class^='bi-'] {
  &.blue {
    color: var(--color-blue-500);
  }
  &.green {
    color: var(--color-green-800);
  }
  &.red {
    color: var(--color-red-800);
  }
  &.yellow {
    color: var(--color-yellow-500);
  }
}
.alpine-link {
  color: var(--text-link-color, var(--color-blue-500));
  text-decoration: var(--text-link-decoration, underline dotted);
  transition: var(--transition-default);
  &:hover {
    --text-link-color: var(--color-blue-300);
    --text-link-decoration: underline;
  }
}
.alpine-loader {
  aspect-ratio: 1;
  display: grid;
  animation: spin 5s infinite;
  &::before, &::after {
    content: '';
    grid-area: 1/1;
    border: 0.25rem solid;
    border-radius: 50%;
    mix-blend-mode: color;
    z-index: -1;
  }
  &::before {
    border-color: #0000 #0000 var(--color-blue-300) var(--color-blue-300);
    animation: spin 1s infinite linear;
  }
  &::after {
    border-color: var(--color-blue-400) var(--color-blue-400) #0000 #0000;
    animation: spin 0.65s infinite linear;
  }
}
@keyframes spin {
  100% {
    transform: rotate(1turn);
  }
}
.alpine-navigation {
  nav {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-top: calc(var(--spacing) * 1);
    > div:last-child {
      display: flex;
      gap: 0.25rem;
    }
  }
  .alpine-breadcrumb {
    display: flex;
  }
}
.alpine-table {
  --_table-border-color: var(--table-border-color);
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  --tw-shadow: 0px 2px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0px 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  thead {
    z-index: 5;
    > tr > th {
      padding: var(--table-header-padding-x) var(--table-header-padding-y);
      span {
        display: inline;
        line-height: inherit;
      }
    }
  }
  tbody {
    background: var(--table-body-background-color);
    tr:nth-of-type(1) {
      > td, > th {
        --_table-cell-border-top-width: 0px;
      }
    }
  }
  tfoot {
    background: var(--table-body-background-color);
    position: sticky;
    bottom: 0;
  }
  tr {
    background-color: var(--_table-row-bg-color);
    &:hover {
      background-color: var(--_table-row-hover-bg-color, var(--_table-row-bg-color));
    }
    &:active {
      background-color: var(--_table-row-active-bg-color, var(--_table-row-bg-color));
    }
    > td, > th {
      background-color: var(--_table-cell-background-color, transparent);
      font-size: var(--table-cell-font-size, 1rem);
      line-height: var(--table-cell-line-height, 1.25rem);
      padding: var(--table-cell-padding-y) var(--table-cell-padding-x);
      text-align: start;
      border-top: var(--_table-cell-border-top-width, 0px) solid var(--_table-cell-border-top-color, var(--_table-border-color));
      border-left: var(--_table-cell-border-left-width, 0px) solid var(--_table-cell-border-left-color, var(--_table-border-color));
      border-right: var(--_table-cell-border-right-width, 0px) solid var(--_table-cell-border-right-color, var(--_table-border-color));
      border-bottom: var(--_table-cell-border-bottom-width, 1px) solid var(--_table-cell-border-bottom-color, var(--_table-border-color));
      &:hover {
        background-color: var(--table-cell-hover-bg-color);
      }
    }
    &:last-of-type {
      border-right: var(--_table-cell-border-right-width) solid var(--_table-cell-border-right-color);
      > td, > th {
        border-bottom: var(--_table-cell-border-bottom-width, 1px) solid var(--_table-cell-border-bottom-color, var(--_table-border-color));
      }
    }
  }
  &.hover {
    > tbody {
      --_table-row-hover-bg-color: var(--table-hover-bg-color);
      --_table-row-active-bg-color: var(--table-active-bg-color);
    }
  }
  &.striped {
    > thead {
      --_table-row-bg-color: var(--table-bordered-thead-bg-color);
      > tr > th {
        --_table-cell-border-top-color: var(--table-bordered-thead-border-color);
        --_table-cell-border-right-color: var(--table-bordered-thead-border-color);
        --_table-cell-border-bottom-color: var(--table-bordered-thead-border-color);
        --_table-cell-border-left-color: var(--table-bordered-thead-border-color);
      }
    }
    > tbody > tr:nth-of-type(even) {
      --_table-row-bg-color: var(--table-striped-bg-color);
      --_table-cell-border-top-color: var(--table-striped-cell-border-color);
      --_table-cell-border-bottom-color: var(--table-striped-cell-border-color);
      --_table-cell-border-top-width: 0px;
      --_table-cell-border-bottom-width: 1px;
    }
  }
  &.bordered {
    --_table-cell-border-top-width: 1px;
    --_table-cell-border-top-color: var(--_table-border-color);
    --_table-cell-border-left-width: 1px;
    --_table-cell-border-left-color: var(--_table-border-color);
    --_table-cell-border-right-width: 0px;
    --_table-cell-border-right-color: var(--_table-border-color);
    --_table-cell-border-bottom-width: 1px;
    --_table-cell-border-bottom-color: var(--_table-border-color);
    > thead {
      --tw-shadow: 0px 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --_table-row-bg-color: var(--table-bordered-thead-bg-color);
      > tr > th {
        --_table-cell-border-top-width: 1px;
        --_table-cell-border-right-width: 0px;
        --_table-cell-border-top-color: var(--table-bordered-thead-border-color);
        --_table-cell-border-right-color: var(--table-bordered-thead-border-color);
        --_table-cell-border-bottom-color: var(--table-bordered-thead-border-color);
        --_table-cell-border-left-color: var(--table-bordered-thead-border-color);
        &:last-of-type {
          --_table-cell-border-right-width: 1px;
        }
      }
    }
    tbody tr:nth-of-type(1) > td, tbody tr:nth-of-type(1) > th {
      --_table-cell-border-top-width: 0px;
    }
    tr {
      > td, > th {
        --_table-cell-border-top-width: 0px;
        --_table-cell-border-left-width: 1px;
        --_table-cell-border-right-width: 0px;
        --_table-cell-border-bottom-width: 1px;
        font-size: var(--table-cell-font-size, 1rem);
        line-height: var(--table-cell-line-height, 1.25rem);
        padding: var(--table-cell-padding-y) var(--table-cell-padding-x);
        text-align: start;
        &:last-child {
          --_table-cell-border-right-width: 1px;
        }
      }
      &:last-of-type > td, &:last-of-type > th {
        --_table-cell-border-bottom-width: 1px;
      }
    }
  }
  &.interactive {
    tr > td, > thead {
      --_table-cell-border-top-width: 1px;
      --_table-cell-border-top-color: var(--_table-border-color);
      --_table-cell-border-left-width: 1px;
      --_table-cell-border-left-color: var(--_table-border-color);
      --_table-cell-border-right-width: 1px;
      --_table-cell-border-right-color: var(--_table-border-color);
      --_table-cell-border-bottom-width: 1px;
      --_table-cell-border-bottom-color: var(--_table-border-color);
      --_table-row-bg-color: var(--table-bordered-thead-bg-color);
      --tw-shadow: 0px 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      > tr > th {
        --_table-cell-border-top-color: var(--table-bordered-thead-border-color);
        --_table-cell-border-right-color: var(--table-bordered-thead-border-color);
        --_table-cell-border-bottom-color: var(--table-bordered-thead-border-color);
        --_table-cell-border-left-color: var(--table-bordered-thead-border-color);
        position: relative;
        .controls {
          --_table-cell-background-color: var(--table-thead-controls-bg-color, var(--table-bordered-thead-bg-color));
          opacity: var(--table-thead-controls-opacity, 0);
          padding: var(--table-thead-controls-padding-y, 0) var(--table-thead-controls-padding-x, 0.25rem);
          position: absolute;
          right: 5px;
          z-index: 10;
          i {
            color: var(--table-thead-icon-color, var(--color-gray-800));
            opacity: var(--table-thead-icon-opacity, 0);
            padding: var(--table-thead-icon-padding-top, 0) var(--table-thead-icon-padding-right, 0.125rem) var(--table-thead-icon-padding-bottom, 0) var(--table-thead-icon-padding-left, 0.125rem);
            z-index: 10;
            &.filter-icon {
              padding: var(--table-thead-icon-padding-top, 0) var(--table-thead-icon-padding-right, 0.25rem) var(--table-thead-icon-padding-bottom, 0) var(--table-thead-icon-padding-left, 0.25rem);
            }
            &:hover {
              --table-thead-icon-opacity: 1;
            }
          }
        }
        .resize-handle {
          width: 10px;
          right: -5px;
          top: 0;
          bottom: 0;
          position: absolute;
        }
        &:hover {
          --table-thead-controls-opacity: 1;
          --table-thead-icon-opacity: 0.5;
        }
        &.sort-active {
          --table-thead-controls-opacity: 1;
          --_table-cell-border-bottom-color: var(--color-blue-300);
          i.sort-icon {
            --table-thead-icon-color: var(--color-blue-300);
            --table-thead-icon-opacity: 1;
          }
          i.filter-icon {
            display: none;
          }
          &:hover i.filter-icon, &.filter-active i.filter-icon {
            display: initial;
          }
        }
        &.filter-active {
          --table-thead-controls-bg-color: var(--color-blue-gray-100);
          --table-thead-controls-opacity: 1;
          --_table-cell-border-bottom-color: var(--color-blue-300);
          --_table-cell-background-color: var(--table-thead-bg-color-filtered, var(--color-blue-gray-100));
          i.filter-icon {
            --table-thead-icon-color: var(--color-blue-300);
            --table-thead-icon-opacity: 1;
          }
          i.sort-icon {
            display: none;
          }
          &:hover {
            background-color: var(--color-blue-gray-100);
            i.sort-icon {
              display: initial;
            }
          }
          &.sort-active i.sort-icon {
            display: initial;
          }
        }
      }
    }
  }
  &.sm, &.xs {
    thead > tr > th {
      padding: var(--table-header-padding-x-size) var(--table-header-padding-y-size);
    }
  }
  &.sm {
    --table-cell-font-size: 0.875rem;
    --table-cell-line-height: 1.25rem;
    --table-cell-padding-y: var(--table-cell-padding-y-sm);
    --table-cell-padding-x: var(--table-cell-padding-x-sm);
    --table-header-padding-x-size: var(--table-header-padding-x-sm);
    --table-header-padding-y-size: var(--table-header-padding-y-sm);
  }
  &.xs {
    --table-cell-font-size: 0.75rem;
    --table-cell-line-height: 1rem;
    --table-cell-padding-y: var(--table-cell-padding-y-xs);
    --table-cell-padding-x: var(--table-cell-padding-x-xs);
    --table-header-padding-x-size: var(--table-header-padding-x-xs);
    --table-header-padding-y-size: var(--table-header-padding-y-xs);
  }
  th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    &.w-auto {
      width: var(--column-width, auto);
    }
    > span:first-child {
      white-space: nowrap;
      display: inline-block;
      width: 100%;
      text-overflow: ellipsis;
      overflow: hidden;
    }
  }
  .controls {
    background-color: transparent;
    i {
      &.bi-chevron-expand, &.bi-arrow-up-short, &.bi-arrow-down-short {
        display: inline;
        &.hidden {
          display: none;
        }
      }
    }
  }
  .resize-handle {
    cursor: col-resize;
    &:focus-visible {
      outline: none;
    }
  }
  input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    vertical-align: middle;
  }
  td:has(input[type="checkbox"]), th:has(input[type="checkbox"]) {
    text-align: center;
    vertical-align: middle;
    .alpine-checkbox {
      display: inline-block;
      padding-bottom: 0;
    }
  }
}
.alpine-tabpanel {
  position: relative;
  .alpine-tabs {
    display: flex;
    gap: 1px;
    padding-right: calc(var(--spacing) * 2);
    position: relative;
    z-index: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto;
    ::-webkit-scrollbar {
      display: none;
    }
    .alpine-tab {
      flex: 0 auto;
      align-self: flex-end;
      background-color: var(--tabpanel-tab-bg-color);
      border-bottom: var(--tabpanel-tab-border-bottom);
      border-radius: var(--tabpanel-tab-border-radius) var(--tabpanel-tab-border-radius) 0 0;
      box-shadow: var(--shadow-md);
      height: auto;
      padding: var(--tabpanel-tab-padding);
      transition: var(--transition-fast);
      max-width: 12.5rem;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--tabpanel-tab-text-color);
      transition: var(--transition-fast);
      white-space: nowrap;
      i {
        color: inherit;
        transition: var(--transition-fast);
      }
      &.idle {
        color: var(--tabpanel-tab-text-color-idle);
      }
      &.hover {
        border-bottom: var(--tabpanel-tab-border-bottom-hover);
        div {
          color: var(--tabpanel-tab-text-color-hover);
        }
      }
      &.active {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        border-bottom: var(--tabpanel-tab-border-bottom-active);
        color: var(--tabpanel-tab-text-color-active);
      }
      &.disabled {
        background-color: var(--tabpanel-tab-bg-color-disabled);
        border-bottom: var(--tabpanel-tab-border-bottom-disabled);
        cursor: not-allowed;
        color: var(--tabpanel-tab-text-color, var(--color-gray-600));
        &:hover {
          background-color: var(--tabpanel-tab-bg-color-disabled);
          border-bottom: var(--tabpanel-tab-border-bottom-disabled);
          cursor: not-allowed;
          color: var(--tabpanel-tab-text-color, var(--color-gray-600));
        }
      }
      &:hover {
        border-bottom: var(--tabpanel-tab-border-bottom-hover);
        cursor: pointer;
        transition: var(--transition-fast);
        color: var(--tabpanel-tab-text-color-hover);
        transition: var(--transition-fast);
        i {
          color: inherit;
          transition: var(--transition-fast);
        }
      }
    }
  }
  .alpine-tabpanel-contents {
    position: relative;
    z-index: 10;
    .alpine-panel {
      background-color: var(--tabpanel-content-bg-color);
      border-radius: var(--tabpanel-content-border-radius);
      box-shadow: var(--shadow-md);
      padding: var(--tabpanel-content-padding);
      &.alpine-card {
        border: 1px solid var(--color-gray-400);
        box-shadow: var(--shadow-none);
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 1;
        width: auto;
        .card-header .card-title {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
        .card-body {
          padding: var(--card-body-padding) var(--card-body-padding) var(--card-body-padding) var(--card-body-padding);
        }
        & + .alpine-card {
          margin-left: 1rem;
        }
      }
    }
  }
  &.with-nav {
    .alpine-tabs-with-nav {
      position: relative;
      display: flex;
      max-width: 100%;
      flex-direction: row;
      flex-wrap: nowrap;
    }
    .alpine-tabs {
      display: flex;
      gap: 1px;
      overflow-x: auto;
      padding-right: 1px;
      border-top-left-radius: var(--tabpanel-tab-border-radius);
    }
    .alpine-tabs-nav {
      display: flex;
      column-gap: calc(var(--spacing) * 2);
      align-self: flex-end;
      align-self: stretch;
      padding-inline: calc(var(--spacing) * 2);
      border-left: 1px solid var(--color-white-gray-200);
      &.hidden {
        display: none;
      }
      button {
        align-self: center;
        color: var(--color-white-gray-200);
        height: 1.25rem;
        transition: var(--transition-fast);
        width: 1.25rem;
        &::before {
          font-size: 1.25rem;
        }
        &.scrollable {
          color: var(--color-white-gray-400);
          &:hover {
            color: var(--color-blue);
          }
        }
      }
    }
  }
}
h1, .h1 {
  font-size: var(--text-6xl);
  line-height: var(--tw-leading, var(--text-6xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  line-height: 4.5rem;
}
h2, .h2 {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  line-height: 3.75rem;
}
h3, .h3 {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.01rem;
  line-height: 2.25rem;
}
h4, .h4 {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.01rem;
  line-height: 2.25rem;
}
h5, .h5 {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.01rem;
  line-height: 2rem;
}
h6, .h6 {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  letter-spacing: -0.01rem;
  line-height: 1.5rem;
}
.font-mono {
  letter-spacing: normal;
  line-height: 1.25rem;
}
.text-xxs {
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.alpine-data {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
  display: grid;
  grid-template-columns: max-content auto;
  grid-column-gap: 1rem;
  grid-row-gap: 0.5rem;
  grid-template-rows: max-content;
  dt {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    grid-column-start: 1;
    line-height: inherit;
  }
  dd {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    grid-column-start: 2;
    & + dd {
      margin-top: -0.5rem;
    }
  }
  &.small {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    grid-row-gap: 0.25rem;
    dt {
      font-size: 0.875rem;
      line-height: inherit;
    }
    dd {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  &.large {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    dt {
      font-size: 1rem;
      line-height: inherit;
    }
  }
  &.stacked {
    display: block;
    dt, dd {
      display: block;
    }
    dd {
      padding-bottom: 0.5rem;
    }
    &.small {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      dt {
        font-size: 0.75rem;
        line-height: 1rem;
      }
    }
    &.large {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      dt {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }
  }
}
.htmx-indicator {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.htmx-request .htmx-indicator {
  opacity: 1;
}
.htmx-request.htmx-indicator {
  opacity: 1;
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-ease: initial;
      --tw-leading: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-duration: initial;
      --tw-tracking: initial;
    }
  }
}