:root {
  --ty-upload-color: var(--ty-color-text);
  --ty-upload-font-size: var(--ty-font-size-base);
  --ty-upload-list-item-margin-top: 5px;
  --ty-upload-list-item-hover-bg: var(--ty-color-fill-secondary);
  --ty-upload-list-item-padding: 4px 4px 4px 2px;
  --ty-upload-list-item-name-gap: 5px;
  --ty-upload-list-item-delete-padding-end: 3px;
  --ty-upload-status-size: 16px;
  --ty-upload-tip-font-size: 12px;
  --ty-upload-tip-color: var(--ty-color-text-tertiary);
  --ty-upload-tip-margin-top: 7px;
  --ty-upload-dragger-padding: 15px;
  --ty-upload-dragger-bg: var(--ty-color-fill);
  --ty-upload-dragger-border: var(--ty-color-border);
  --ty-upload-dragger-border-hover: var(--ty-color-primary);
  --ty-upload-dragger-hover-bg: #efefef;
  --ty-upload-dragger-radius: var(--ty-border-radius);
  --ty-upload-transition-duration: 300ms;
}

[data-tiny-theme='dark'] {
  --ty-upload-color: var(--ty-color-text);
  --ty-upload-font-size: var(--ty-font-size-base);
  --ty-upload-list-item-margin-top: 5px;
  --ty-upload-list-item-hover-bg: #2a2a2a;
  --ty-upload-list-item-padding: 4px 4px 4px 2px;
  --ty-upload-list-item-name-gap: 5px;
  --ty-upload-list-item-delete-padding-end: 3px;
  --ty-upload-status-size: 16px;
  --ty-upload-tip-font-size: 12px;
  --ty-upload-tip-color: var(--ty-color-text-tertiary);
  --ty-upload-tip-margin-top: 7px;
  --ty-upload-dragger-padding: 15px;
  --ty-upload-dragger-bg: #262626;
  --ty-upload-dragger-border: #424242;
  --ty-upload-dragger-border-hover: var(--ty-color-primary);
  --ty-upload-dragger-hover-bg: #303030;
  --ty-upload-dragger-radius: var(--ty-border-radius);
  --ty-upload-transition-duration: 300ms;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-upload-color: var(--ty-color-text);
  --ty-upload-font-size: var(--ty-font-size-base);
  --ty-upload-list-item-margin-top: 5px;
  --ty-upload-list-item-hover-bg: #2a2a2a;
  --ty-upload-list-item-padding: 4px 4px 4px 2px;
  --ty-upload-list-item-name-gap: 5px;
  --ty-upload-list-item-delete-padding-end: 3px;
  --ty-upload-status-size: 16px;
  --ty-upload-tip-font-size: 12px;
  --ty-upload-tip-color: var(--ty-color-text-tertiary);
  --ty-upload-tip-margin-top: 7px;
  --ty-upload-dragger-padding: 15px;
  --ty-upload-dragger-bg: #262626;
  --ty-upload-dragger-border: #424242;
  --ty-upload-dragger-border-hover: var(--ty-color-primary);
  --ty-upload-dragger-hover-bg: #303030;
  --ty-upload-dragger-radius: var(--ty-border-radius);
  --ty-upload-transition-duration: 300ms;
}
}