public/scripts/extensions/regex/style.css

.regex_settings .menu_button {
    width: fit-content;
    display: flex;
    gap: 10px;
    flex-direction: row;
}

.regex_settings .checkbox {
    align-items: center;
}

.regex-script-container {
    margin-top: 10px;
    margin-bottom: 10px;
}

.regex-script-container:empty::after {
    content: "No scripts found";
    font-size: 0.95em;
    opacity: 0.7;
    display: block;
    text-align: center;
}

#scoped_scripts_block {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

#scoped_scripts_block .move_to_scoped {
    display: none;
}

#global_scripts_block .move_to_global {
    display: none;
}

#scoped_scripts_block:not(:has(#regex_scoped_toggle:checked)) {
    opacity: 0.5;
}

.enable_scoped:checked ~ .regex-toggle-on {
    display: block;
}

.enable_scoped:checked ~ .regex-toggle-off {
    display: none;
}

.enable_scoped:not(:checked) ~ .regex-toggle-on {
    display: none;
}

.enable_scoped:not(:checked) ~ .regex-toggle-off {
    display: block;
}

.regex-script-label {
    align-items: center;
    border: 1px solid var(--SmartThemeBorderColor);
    border-radius: 10px;
    padding: 0 5px;
    margin-top: 1px;
    margin-bottom: 1px;
}

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

input.disable_regex,
input.enable_scoped {
    display: none !important;
}

.regex-toggle-off {
    cursor: pointer;
    opacity: 0.5;
    filter: grayscale(0.5);
    transition: opacity 0.2s ease-in-out;
}

.regex-toggle-off:hover {
    opacity: 1;
    filter: none;
}

.regex-toggle-on {
    cursor: pointer;
}

.disable_regex:checked ~ .regex-toggle-off {
    display: block;
}

.disable_regex:checked ~ .regex-toggle-on {
    display: none;
}

.disable_regex:not(:checked) ~ .regex-toggle-off {
    display: none;
}

.disable_regex:not(:checked) ~ .regex-toggle-on {
    display: block;
}