:root {
  --ty-slider-dot-active-border: #9570d4;
  --ty-slider-dot-bg: var(--ty-color-bg-container);
  --ty-slider-dot-border: #f0f0f0;
  --ty-slider-mark-active-color: rgba(0, 0, 0, 0.7);
  --ty-slider-mark-color: rgba(0, 0, 0, 0.4);
  --ty-slider-primary-color: var(--ty-color-primary);
  --ty-slider-disabled-color: var(--ty-color-text-quaternary);
  --ty-slider-rail-bg: #e4e8f1;
  --ty-slider-size: 12px;
  --ty-slider-thumb-bg: rgb(245, 248, 250);
  --ty-slider-thumb-border: #9570d4;
  --ty-slider-track-size: 4px;
  --ty-slider-thumb-size: 14px;
  --ty-slider-thumb-hit-size: 36px;
  --ty-slider-dot-size: 8px;
  --ty-slider-thumb-scale-hover: 1.2;
  --ty-slider-rail-radius: 3px;
  --ty-slider-horizontal-margin: 13px 7px;
  --ty-slider-horizontal-padding: 4px 0;
  --ty-slider-vertical-width: 12px;
  --ty-slider-vertical-margin: 6px 10px;
  --ty-slider-vertical-padding: 0 4px;
}

[data-tiny-theme='dark'] {
  --ty-slider-dot-active-border: #9065d0;
  --ty-slider-dot-bg: #1f1f1f;
  --ty-slider-dot-border: #424242;
  --ty-slider-mark-active-color: rgba(255, 255, 255, 0.7);
  --ty-slider-mark-color: rgba(255, 255, 255, 0.4);
  --ty-slider-primary-color: var(--ty-color-primary);
  --ty-slider-disabled-color: var(--ty-color-text-quaternary);
  --ty-slider-rail-bg: #363636;
  --ty-slider-size: 12px;
  --ty-slider-thumb-bg: #1f1f1f;
  --ty-slider-thumb-border: #9065d0;
  --ty-slider-track-size: 4px;
  --ty-slider-thumb-size: 14px;
  --ty-slider-thumb-hit-size: 36px;
  --ty-slider-dot-size: 8px;
  --ty-slider-thumb-scale-hover: 1.2;
  --ty-slider-rail-radius: 3px;
  --ty-slider-horizontal-margin: 13px 7px;
  --ty-slider-horizontal-padding: 4px 0;
  --ty-slider-vertical-width: 12px;
  --ty-slider-vertical-margin: 6px 10px;
  --ty-slider-vertical-padding: 0 4px;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-slider-dot-active-border: #9065d0;
  --ty-slider-dot-bg: #1f1f1f;
  --ty-slider-dot-border: #424242;
  --ty-slider-mark-active-color: rgba(255, 255, 255, 0.7);
  --ty-slider-mark-color: rgba(255, 255, 255, 0.4);
  --ty-slider-primary-color: var(--ty-color-primary);
  --ty-slider-disabled-color: var(--ty-color-text-quaternary);
  --ty-slider-rail-bg: #363636;
  --ty-slider-size: 12px;
  --ty-slider-thumb-bg: #1f1f1f;
  --ty-slider-thumb-border: #9065d0;
  --ty-slider-track-size: 4px;
  --ty-slider-thumb-size: 14px;
  --ty-slider-thumb-hit-size: 36px;
  --ty-slider-dot-size: 8px;
  --ty-slider-thumb-scale-hover: 1.2;
  --ty-slider-rail-radius: 3px;
  --ty-slider-horizontal-margin: 13px 7px;
  --ty-slider-horizontal-padding: 4px 0;
  --ty-slider-vertical-width: 12px;
  --ty-slider-vertical-margin: 6px 10px;
  --ty-slider-vertical-padding: 0 4px;
}
}