/* Selection */
selection,
row:selected,
iconview:selected,
treeview.view:selected,
.view:selected,
iconview.view:selected,
cell:selected,
*:selected {
    background-color: {{ .Theme.Colors.Semantic.Accent.Alpha .Theme.Colors.Semantic.Background 0.3 }};
    color: {{ .Theme.Colors.Semantic.Text.Value }};
    border: 1px solid {{ .Theme.Colors.Semantic.Accent.Value }};
    border-radius: {{ .Theme.Spacing.Radius }};
}

/* Sliders (Scales) */
scale trough {
    background-color: {{ .Theme.Colors.Semantic.SurfaceAlt.Value }};
    border: 1px solid {{ .Theme.Colors.Semantic.Border.Value }};
    border-radius: {{ .Theme.Spacing.Radius }};
    min-height: 4px;
}

scale highlight {
    background-color: {{ .Theme.Colors.Semantic.Accent.Value }};
    border-radius: {{ .Theme.Spacing.Radius }};
}

scale slider {
    background-color: {{ .Theme.Colors.Semantic.Surface.Value }};
    border: 1px solid {{ .Theme.Colors.Semantic.Border.Value }};
    border-radius: 50%;
    min-height: 16px;
    min-width: 16px;
    margin: -6px 0;
}

scale slider:hover {
    background-color: {{ .Theme.Colors.Semantic.Accent.Value }};
    border-color: {{ .Theme.Colors.Semantic.Accent.Value }};
}

/* Switches */
switch {
    background-color: {{ .Theme.Colors.Semantic.SurfaceAlt.Value }};
    border: 1px solid {{ .Theme.Colors.Semantic.Border.Value }};
    border-radius: {{ .Theme.Spacing.Radius }};
    color: transparent;
}

switch:checked {
    background-color: {{ .Theme.Colors.Semantic.Accent.Value }};
    border-color: {{ .Theme.Colors.Semantic.Accent.Value }};
}

switch slider {
    background-color: {{ .Theme.Colors.Semantic.Text.Value }};
    border: 1px solid {{ .Theme.Colors.Semantic.Border.Value }};
    border-radius: 50%;
    margin: {{ .Theme.Spacing.MarginSmall }};
    min-width: 18px;
    min-height: 18px;
}

scale:disabled trough,
scale:disabled highlight,
scale:disabled slider,
switch:disabled {
    background-color: {{ .Theme.Colors.Semantic.Background.Value }};
    border-color: {{ .Theme.Colors.Semantic.Disabled.Value }};
    color: {{ .Theme.Colors.Semantic.Disabled.Value }};
}

switch:disabled slider {
    background-color: {{ .Theme.Colors.Semantic.Disabled.Value }};
    border-color: {{ .Theme.Colors.Semantic.Disabled.Value }};
}
