:root {
  --ty-transfer-border: var(--ty-color-border);
  --ty-transfer-color: var(--ty-color-text);
  --ty-transfer-font-size: var(--ty-font-size-base);
  --ty-transfer-panel-width: 180px;
  --ty-transfer-panel-radius: var(--ty-border-radius);
  --ty-transfer-buttons-margin: 0 8px;
  --ty-transfer-button-margin: 3px 0;
  --ty-transfer-button-padding: 3px;
  --ty-transfer-button-min-width: 30px;
  --ty-transfer-footer-bg: var(--ty-color-bg-container);
  --ty-transfer-footer-border: var(--ty-color-fill-tertiary);
  --ty-transfer-header-bg: var(--ty-color-bg-container);
  --ty-transfer-item-hover-bg: var(--ty-color-fill-secondary);
  --ty-transfer-header-padding: 8px 12px 9px;
  --ty-transfer-body-padding: 6px 0;
  --ty-transfer-input-container-padding: 6px 12px 12px;
  --ty-transfer-list-height: 192px;
  --ty-transfer-item-padding-inline: 12px;
  --ty-transfer-item-min-height: 32px;
  --ty-transfer-footer-padding: 8px 12px 9px;
}

[data-tiny-theme='dark'] {
  --ty-transfer-border: #424242;
  --ty-transfer-color: var(--ty-color-text);
  --ty-transfer-font-size: var(--ty-font-size-base);
  --ty-transfer-panel-width: 180px;
  --ty-transfer-panel-radius: var(--ty-border-radius);
  --ty-transfer-buttons-margin: 0 8px;
  --ty-transfer-button-margin: 3px 0;
  --ty-transfer-button-padding: 3px;
  --ty-transfer-button-min-width: 30px;
  --ty-transfer-footer-bg: #1f1f1f;
  --ty-transfer-footer-border: #303030;
  --ty-transfer-header-bg: #1f1f1f;
  --ty-transfer-item-hover-bg: #2a2a2a;
  --ty-transfer-header-padding: 8px 12px 9px;
  --ty-transfer-body-padding: 6px 0;
  --ty-transfer-input-container-padding: 6px 12px 12px;
  --ty-transfer-list-height: 192px;
  --ty-transfer-item-padding-inline: 12px;
  --ty-transfer-item-min-height: 32px;
  --ty-transfer-footer-padding: 8px 12px 9px;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-transfer-border: #424242;
  --ty-transfer-color: var(--ty-color-text);
  --ty-transfer-font-size: var(--ty-font-size-base);
  --ty-transfer-panel-width: 180px;
  --ty-transfer-panel-radius: var(--ty-border-radius);
  --ty-transfer-buttons-margin: 0 8px;
  --ty-transfer-button-margin: 3px 0;
  --ty-transfer-button-padding: 3px;
  --ty-transfer-button-min-width: 30px;
  --ty-transfer-footer-bg: #1f1f1f;
  --ty-transfer-footer-border: #303030;
  --ty-transfer-header-bg: #1f1f1f;
  --ty-transfer-item-hover-bg: #2a2a2a;
  --ty-transfer-header-padding: 8px 12px 9px;
  --ty-transfer-body-padding: 6px 0;
  --ty-transfer-input-container-padding: 6px 12px 12px;
  --ty-transfer-list-height: 192px;
  --ty-transfer-item-padding-inline: 12px;
  --ty-transfer-item-min-height: 32px;
  --ty-transfer-footer-padding: 8px 12px 9px;
}
}