1
@import "debugger.css";
2

3
.regex_settings .menu_button {
4
    width: fit-content;
5
    display: flex;
6
    gap: 10px;
7
    flex-direction: row;
8
}
9

10
.regex_settings .checkbox {
11
    align-items: center;
12
}
13

14
.regex-script-container {
15
    margin-top: 10px;
16
    margin-bottom: 10px;
17
}
18

19
.regex-script-container:empty::after {
20
    content: attr(no-scripts-text);
21
    font-size: 0.95em;
22
    opacity: 0.7;
23
    display: block;
24
    text-align: center;
25
}
26

27
#scoped_scripts_block,
28
#preset_scripts_block {
29
    opacity: 1;
30
    transition: opacity var(--animation-duration-2x) ease-in-out;
31
}
32

33
#scoped_scripts_block .move_to_scoped,
34
#global_scripts_block .move_to_global,
35
#preset_scripts_block .move_to_preset {
36
    display: none;
37
}
38

39
#scoped_scripts_block:not(:has(#regex_scoped_toggle:checked)),
40
#preset_scripts_block:not(:has(#regex_preset_toggle:checked)) {
41
    opacity: 0.5;
42
}
43

44
.enable_scoped:checked~.regex-toggle-on,
45
.enable_scoped:not(:checked)~.regex-toggle-off {
46
    display: block;
47
}
48

49
.enable_scoped:checked~.regex-toggle-off,
50
.enable_scoped:not(:checked)~.regex-toggle-on {
51
    display: none;
52
}
53

54
.regex-script-label {
55
    align-items: baseline;
56
    border: 1px solid var(--SmartThemeBorderColor);
57
    border-radius: 10px;
58
    padding: 0 5px;
59
    margin-top: 1px;
60
    margin-bottom: 1px;
61
}
62

63
.regex-script-label:has(.disable_regex:checked) .regex_script_name {
64
    text-decoration: line-through;
65
    filter: grayscale(0.5);
66
}
67

68
input.disable_regex,
69
input.enable_scoped {
70
    display: none !important;
71
}
72

73
.regex-toggle-off {
74
    cursor: pointer;
75
    opacity: 0.5;
76
    filter: grayscale(0.5);
77
    transition: opacity var(--animation-duration-2x) ease-in-out;
78
}
79

80
.regex-toggle-off:hover {
81
    opacity: 1;
82
    filter: none;
83
}
84

85
.regex-toggle-on {
86
    cursor: pointer;
87
}
88

89
.disable_regex:checked~.regex-toggle-on,
90
.disable_regex:not(:checked)~.regex-toggle-off {
91
    display: none;
92
}
93

94
.disable_regex:not(:checked)~.regex-toggle-on,
95
.disable_regex:checked~.regex-toggle-off {
96
    display: block;
97
}
98

99
#regex_info_block_wrapper {
100
    position: relative;
101
}
102

103
#regex_info_block {
104
    margin: 10px 0;
105
    padding: 5px 20px;
106
    font-size: 0.9em;
107
}
108

109
#regex_info_block_wrapper:has(#regex_info_block:empty) {
110
    display: none;
111
}
112

113
#regex_info_block_flags_hint {
114
    position: absolute;
115
    top: 50%;
116
    right: 10px;
117
    transform: translateY(-50%);
118
}
119

120
.regex_settings label[for="regex_bulk_edit"]:has(#regex_bulk_edit:checked) {
121
    color: var(--golden);
122
}
123

124
.regex_settings .regex-script-container .regex-script-label .regex_bulk_checkbox {
125
    margin-left: 5px;
126
    margin-right: 5px;
127
}
128

129
.regex_settings .regex_bulk_operations,
130
.regex_settings .regex_bulk_checkbox,
131
.regex_settings .regex_bulk_operations_hr {
132
    display: none;
133
}
134

135
.regex_settings:has(#regex_bulk_edit:checked) .regex_bulk_operations {
136
    display: flex;
137
}
138

139
.regex_settings:has(#regex_bulk_edit:checked) .regex_bulk_operations_hr {
140
    display: block;
141
}
142

143
.regex_settings:has(#regex_bulk_edit:checked) .regex_bulk_checkbox {
144
    display: inline-grid;
145
}
146

147
@supports not selector(:has(*)) {
148
    .regex-script-label label.regex_script_expand {
149
        display: none;
150
    }
151

152
    .regex-script-label .regex_script_buttons {
153
        display: flex;
154
    }
155
}
156

157
.regex-script-label label.regex_script_expand input[name="regex_expand"],
158
.regex-script-label:has(input[name="regex_expand"]:checked) label.regex_script_expand,
159
.regex-script-label:not(:has(input[name="regex_expand"]:checked)) .regex_script_buttons {
160
    display: none;
161
}