/*! HeroUI Styles 3.2.7 component CSS, Apache-2.0. Compiled with Tailwind CSS 4.3.5. See source-optimized/licenses. */
/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme {
  :root, :host {
    --spacing: 0.25rem;
    --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);
    --font-weight-medium: 500;
    --radius-3xl: calc(var(--radius) * 3);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --border-width-field: var(--field-border-width, var(--border-width));
    --ease-smooth: ease;
    --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-linear: linear;
  }
}
.button {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  height: calc(var(--spacing) * 10);
  width: fit-content;
  transform-origin: center;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  border-radius: calc(var(--radius) * 3);
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  --tw-outline-style: none;
  outline-style: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 9);
  }
  transition: transform 250ms var(--ease-smooth), background-color 100ms var(--ease-out), box-shadow 100ms var(--ease-out);
  transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  @media (prefers-reduced-motion: reduce) {
    transition-property: none;
  }
  cursor: var(--cursor-interactive);
  --button-bg: transparent;
  --button-bg-hover: var(--button-bg);
  --button-bg-pressed: var(--button-bg-hover);
  --button-fg: currentColor;
  background-color: var(--button-bg);
  color: var(--button-fg);
  &:focus-visible:not([data-focused]), &[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
    --tw-ring-offset-width: var(--ring-offset-width);
  }
  &:disabled, &[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  &[data-pending="true"] {
    pointer-events: none;
  }
  &:active, &[data-pressed="true"] {
    will-change: transform;
    background-color: var(--button-bg-pressed);
    transform: scale(0.97);
  }
  @media (hover: hover) {
    &:hover, &[data-hovered="true"] {
      background-color: var(--button-bg-hover);
    }
  }
  & svg:not([data-slot="spinner"] svg, [data-slot="link-icon"] svg) {
    pointer-events: none;
    margin-inline: calc(var(--spacing) * -0.5);
    margin-block: calc(var(--spacing) * 0.5);
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    align-self: center;
    @media (width >= 40rem) {
      margin-block: var(--spacing);
    }
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
}
.button--sm {
  height: calc(var(--spacing) * 9);
  padding-inline: calc(var(--spacing) * 3);
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 8);
  }
  & svg:not([data-slot="spinner"] svg, [data-slot="link-icon"] svg) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  &:active, &[data-pressed="true"] {
    transform: scale(0.98);
  }
}
.button--lg {
  height: calc(var(--spacing) * 11);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 10);
  }
  &:active, &[data-pressed="true"] {
    transform: scale(0.96);
  }
}
.button--primary {
  --button-bg: var(--accent);
  --button-bg-hover: var(--accent-hover);
  --button-bg-pressed: var(--accent-hover);
  --button-fg: var(--accent-foreground);
}
.button--secondary {
  --button-bg: var(--default);
  --button-bg-hover: var(--default-hover);
  --button-bg-pressed: var(--default-hover);
  --button-fg: var(--accent-soft-foreground);
}
.button--tertiary {
  --button-bg: var(--default);
  --button-bg-hover: var(--default-hover);
  --button-bg-pressed: var(--default-hover);
}
.button--ghost, .button--outline {
  --button-bg: transparent;
  --button-bg-hover: var(--default);
  --button-bg-pressed: var(--default);
  --button-fg: var(--default-foreground);
}
.button--outline {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  --button-bg-hover: var(--default);
  @supports (color: color-mix(in lab, red, red)) {
    --button-bg-hover: color-mix(in srgb, var(--default) 60%, transparent);
  }
}
.button--danger {
  --button-bg: var(--danger);
  --button-bg-hover: var(--danger-hover);
  --button-bg-pressed: var(--danger-hover);
  --button-fg: var(--danger-foreground);
}
.button--danger-soft {
  --button-bg: var(--danger-soft);
  --button-bg-hover: var(--danger-soft-hover);
  --button-bg-pressed: var(--danger-soft-hover);
  --button-fg: var(--danger-soft-foreground);
}
.button--icon-only {
  width: calc(var(--spacing) * 10);
  padding: 0px;
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 9);
  }
}
.button--icon-only.button--sm {
  width: calc(var(--spacing) * 9);
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 8);
  }
}
.button--icon-only.button--lg {
  width: calc(var(--spacing) * 11);
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 10);
  }
}
.button--full-width {
  width: 100%;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 3);
  overflow: visible;
  padding: calc(var(--spacing) * 4);
  --tw-shadow: var(--surface-shadow);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: min(32px, var(--radius-3xl));
}
.card__header {
  display: flex;
  flex-direction: column;
}
.card__title {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--foreground);
}
.card__description {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
  color: var(--muted);
}
.card__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--spacing);
}
.card__footer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.card--transparent {
  --tw-border-style: none;
  border-style: none;
  background-color: transparent;
  --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);
}
.card--default {
  background-color: var(--surface);
}
.card--secondary {
  background-color: var(--surface-secondary);
}
.card--tertiary {
  background-color: var(--surface-tertiary);
}
.disclosure {
  position: relative;
}
.disclosure__trigger {
  cursor: var(--cursor-interactive);
  display: inline-block;
  -webkit-tap-highlight-color: transparent;
  &:focus-visible:not([data-focused]), &[data-focus-visible="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
    --tw-ring-offset-width: var(--ring-offset-width);
  }
  &:disabled, &[aria-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
}
.disclosure__indicator {
  margin-inline-start: auto;
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
  flex-shrink: 0;
  color: inherit;
  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, 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));
  --tw-duration: 250ms;
  transition-duration: 250ms;
  @media (prefers-reduced-motion: reduce) {
    transition-property: none;
  }
  &[data-expanded="true"] {
    rotate: calc(180deg * -1);
  }
}
.disclosure__content {
  opacity: 0;
  height: var(--disclosure-panel-height);
  overflow: clip;
  transition: height 200ms var(--ease-out-quad), opacity 200ms var(--ease-out);
  @media (prefers-reduced-motion: reduce) {
    transition-property: none;
  }
  &[data-expanded="true"] {
    will-change: height, opacity;
    opacity: 1;
  }
}
.disclosure__body {
  padding: calc(var(--spacing) * 2);
}
.checkbox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing);
  --tw-outline-style: none;
  outline-style: none;
  -webkit-tap-highlight-color: transparent;
  cursor: var(--cursor-interactive);
  & > [data-slot="description"], & > [data-slot="field-error"] {
    width: 100%;
    min-width: 0px;
    cursor: default;
    padding-inline-start: calc(var(--spacing) * 7);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    text-wrap: wrap;
    overflow-wrap: break-word;
    color: var(--muted);
    -webkit-user-select: none;
    user-select: none;
  }
  [data-slot="label"] {
    -webkit-user-select: none;
    user-select: none;
  }
  .checkbox__content [data-slot="label"] {
    cursor: var(--cursor-interactive);
  }
  &[data-disabled="true"] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
    [data-slot="description"], [data-slot="field-error"] {
      opacity: var(--disabled-opacity);
      cursor: var(--cursor-disabled);
      pointer-events: none;
    }
  }
  &[data-selected="true"], &[data-indeterminate="true"] {
    .checkbox__indicator {
      border-color: var(--accent-foreground);
    }
  }
  [data-slot="checkbox-default-indicator--checkmark"] {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    stroke-width: 2.5px;
    color: var(--accent-foreground);
    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: 200ms;
    transition-duration: 200ms;
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  &[data-selected="true"] [data-slot="checkbox-default-indicator--checkmark"] {
    transition: stroke-dashoffset 150ms linear 15ms;
  }
  &[data-invalid="true"][data-selected="true"] [data-slot="checkbox-default-indicator--checkmark"], &[data-invalid="true"][aria-checked="true"] [data-slot="checkbox-default-indicator--checkmark"], &[aria-invalid="true"][data-selected="true"] [data-slot="checkbox-default-indicator--checkmark"], &[aria-invalid="true"][aria-checked="true"] [data-slot="checkbox-default-indicator--checkmark"] {
    color: var(--danger-foreground);
  }
  &[data-indeterminate="true"] {
    [data-slot="checkbox-default-indicator--indeterminate"] {
      position: absolute;
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  &[data-indeterminate="true"][data-invalid="true"] [data-slot="checkbox-default-indicator--indeterminate"], &[data-indeterminate="true"][aria-invalid="true"] [data-slot="checkbox-default-indicator--indeterminate"] {
    color: var(--danger-foreground);
  }
}
.checkbox__control {
  position: relative;
  display: inline-flex;
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: calc(var(--radius) * 0.75);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-width: var(--border-width-field);
  border-color: var(--field-border, var(--border));
  background-color: var(--field-background, var(--default));
  --tw-shadow: var(--field-shadow);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-outline-style: none;
  outline-style: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 200ms var(--ease-out), border-color 200ms var(--ease-out), transform 100ms var(--ease-out);
  @media (prefers-reduced-motion: reduce) {
    transition-property: none;
  }
  cursor: var(--cursor-interactive);
  &::before {
    pointer-events: none;
    position: absolute;
    inset: 0px;
    z-index: 0;
    transform-origin: center;
    --tw-scale-x: 70%;
    --tw-scale-y: 70%;
    --tw-scale-z: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: calc(var(--radius) * 0.75);
    background-color: var(--accent);
    opacity: 0%;
    --tw-content: '';
    content: var(--tw-content);
    transition: scale 100ms var(--ease-linear), opacity 200ms var(--ease-linear), background-color 200ms var(--ease-out);
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .checkbox:focus-visible &, .checkbox:has([data-slot="checkbox-content"][data-focus-visible="true"]) &, .checkbox [data-slot="checkbox-content"][data-focus-visible="true"] & {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
    --tw-ring-offset-width: var(--ring-offset-width);
  }
  .checkbox:hover &, .checkbox:has([data-slot="checkbox-content"][data-hovered="true"]) &, .checkbox [data-slot="checkbox-content"][data-hovered="true"] & {
    border-color: var(--field-border-hover);
    &::before {
      background-color: var(--accent-hover);
    }
  }
  .checkbox[aria-checked="true"] &, .checkbox[data-selected="true"] & {
    border-color: transparent;
    color: var(--accent-foreground);
    &::before {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      opacity: 100%;
    }
  }
  .checkbox[data-indeterminate="true"] & {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }
  .checkbox:active[data-indeterminate="true"] &, .checkbox[data-pressed="true"][data-indeterminate="true"] &, .checkbox:has([data-slot="checkbox-content"][data-pressed="true"])[data-indeterminate="true"] & {
    background-color: var(--accent-hover);
  }
  .checkbox[data-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not( [data-indeterminate="true"] ) &, .checkbox[aria-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not( [data-indeterminate="true"] ) & {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    outline-style: solid;
    --tw-ring-offset-width: 3px;
    &:focus, &:focus-visible, &[data-focused="true"], &[data-focus-visible="true"], &:focus-within, &[data-focus-within="true"] {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--danger);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-offset-width: 0px;
    }
  }
  .checkbox[data-invalid="true"][aria-checked="true"] &, .checkbox[data-invalid="true"][data-selected="true"] &, .checkbox[aria-invalid="true"][aria-checked="true"] &, .checkbox[aria-invalid="true"][data-selected="true"] & {
    border-color: transparent;
    background-color: var(--danger);
    color: var(--danger-foreground);
    &::before {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      background-color: var(--danger);
      opacity: 100%;
    }
  }
  .checkbox[data-indeterminate="true"][aria-invalid="true"] &, .checkbox[data-indeterminate="true"][data-invalid="true"] & {
    background-color: var(--danger);
    color: var(--danger-foreground);
  }
}
.checkbox__indicator {
  position: relative;
  z-index: 10;
  display: flex;
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
  align-items: center;
  justify-content: center;
  & svg {
    width: 100%;
    height: 100%;
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }
}
.checkbox--secondary .checkbox__control {
  --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);
  background-color: var(--checkbox-control-bg);
  --checkbox-control-bg: var(--default);
  .checkbox:hover &, .checkbox:has([data-slot="checkbox-content"][data-hovered="true"]) &, .checkbox [data-slot="checkbox-content"][data-hovered="true"] & {
    border-color: var(--field-border-hover);
  }
}
.checkbox__content {
  position: relative;
  display: inline-flex;
  cursor: inherit;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--foreground);
  --tw-outline-style: none;
  outline-style: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.checkbox--secondary:not([aria-checked="true"]):not([data-selected="true"]):not( [data-indeterminate="true"] ) .checkbox__control {
  background-color: var(--checkbox-control-bg);
}
:is(.checkbox--secondary[aria-checked="true"] .checkbox__control, .checkbox--secondary[data-selected="true"] .checkbox__control)::before {
  background-color: var(--accent);
}
.checkbox--secondary[data-indeterminate="true"] .checkbox__control {
  background-color: var(--accent);
  &::before {
    background-color: var(--accent);
  }
}
@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: block))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --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-border-style: solid;
      --tw-leading: initial;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
      --tw-outline-style: solid;
    }
  }
}