:root {
  --ty-auto-complete-opacity-disabled: 0.6;
  --ty-auto-complete-dropdown-padding: 4px 0;
  --ty-auto-complete-dropdown-bg: var(--ty-color-bg-container);
  --ty-auto-complete-dropdown-shadow: var(--ty-shadow-popup);
  --ty-auto-complete-dropdown-radius: var(--ty-border-radius);
  --ty-auto-complete-dropdown-font-size: var(--ty-font-size-base);
  --ty-auto-complete-dropdown-max-height: 300px;
  --ty-auto-complete-empty-padding: 16px;
  --ty-auto-complete-empty-color: var(--ty-color-text-quaternary);
  --ty-auto-complete-empty-font-size: var(--ty-font-size-sm);
  --ty-auto-complete-option-padding: 7px 12px;
  --ty-auto-complete-option-font-size: 14px;
  --ty-auto-complete-option-line-height: 22px;
  --ty-auto-complete-option-color: var(--ty-color-text);
  --ty-auto-complete-option-active-bg: var(--ty-color-fill-secondary);
  --ty-auto-complete-option-disabled-opacity: 0.5;
}

[data-tiny-theme='dark'] {
  --ty-auto-complete-opacity-disabled: 0.6;
  --ty-auto-complete-dropdown-padding: 4px 0;
  --ty-auto-complete-dropdown-bg: var(--ty-color-bg-container);
  --ty-auto-complete-dropdown-shadow: var(--ty-shadow-popup);
  --ty-auto-complete-dropdown-radius: var(--ty-border-radius);
  --ty-auto-complete-dropdown-font-size: var(--ty-font-size-base);
  --ty-auto-complete-dropdown-max-height: 300px;
  --ty-auto-complete-empty-padding: 16px;
  --ty-auto-complete-empty-color: var(--ty-color-text-quaternary);
  --ty-auto-complete-empty-font-size: var(--ty-font-size-sm);
  --ty-auto-complete-option-padding: 7px 12px;
  --ty-auto-complete-option-font-size: 14px;
  --ty-auto-complete-option-line-height: 22px;
  --ty-auto-complete-option-color: var(--ty-color-text);
  --ty-auto-complete-option-active-bg: var(--ty-color-fill-secondary);
  --ty-auto-complete-option-disabled-opacity: 0.5;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-auto-complete-opacity-disabled: 0.6;
  --ty-auto-complete-dropdown-padding: 4px 0;
  --ty-auto-complete-dropdown-bg: var(--ty-color-bg-container);
  --ty-auto-complete-dropdown-shadow: var(--ty-shadow-popup);
  --ty-auto-complete-dropdown-radius: var(--ty-border-radius);
  --ty-auto-complete-dropdown-font-size: var(--ty-font-size-base);
  --ty-auto-complete-dropdown-max-height: 300px;
  --ty-auto-complete-empty-padding: 16px;
  --ty-auto-complete-empty-color: var(--ty-color-text-quaternary);
  --ty-auto-complete-empty-font-size: var(--ty-font-size-sm);
  --ty-auto-complete-option-padding: 7px 12px;
  --ty-auto-complete-option-font-size: 14px;
  --ty-auto-complete-option-line-height: 22px;
  --ty-auto-complete-option-color: var(--ty-color-text);
  --ty-auto-complete-option-active-bg: var(--ty-color-fill-secondary);
  --ty-auto-complete-option-disabled-opacity: 0.5;
}
}