dA Third-Party AI Optout Flag Highlighter v1 by pdan4

@-moz-document url-prefix("https://www.deviantart.com/deviation/edit/") {
/* 
@name dA Third-Party AI Optout Flag Highlighter v1
@namespace Pdan4
@version v1.0.0.0. 2022, Nov 11th.

Simply adds a highlight in the Edit Deviation page, marking the artwork is still (by default!) listed as being "fine" with third-party AIs using it. Should be colorblind-friendly & RTL friendly.

Note that DeviantArt says it will never supply any deviations to anyone, but you can't opt-out from its partner scraping your art! Hope this little Style helps out.
*/

 
:root {
  --danger: #ff00b3;
  --safer: #69d1d7;
}

label[for="ile-ai-usage-input"]:first-child
{
    padding-bottom: 5px !important;
    display: flex !important;
    align-items: center;
}

#ile-contents .ile_mod input[type="checkbox"]:not(:checked):first-child + *
{
 border: solid var(--danger);   
     border-width: 4px;

    padding-top: 8px;
    padding-bottom: 8px;

    margin-top: -8px;
    margin-bottom: -8px;

    box-sizing:content-box !important;
    box-shadow: 0px 0px 9px 0px var(--danger);
    -webkit-box-shadow: 0px 0px 9px 0px var(--danger);
    -moz-box-shadow: 0px 0px 9px 0px var(--danger);
}

#ile-contents .ile_mod input[type="checkbox"]:not(:checked):first-child
{
    box-shadow: 0px 0px 4px 3px var(--danger);
    -webkit-box-shadow: 0px 0px 4px 3px var(--danger);
    -moz-box-shadow: 0px 0px 4px 30px var(--danger);
}


#ile-contents .ile_mod input[type="checkbox"]:checked:first-child + *
{
 border: double var(--safer);
     border-width: 4px;
  
    padding-top: 8px;
    padding-bottom: 8px;

    margin-top: -8px;
    margin-bottom: -8px;
    padding-right: 8px;
    box-sizing:content-box !important;
    
}

#ile-contents .ile_mod input[type="checkbox"]:first-child:dir(ltr)
{
    margin-right: 10px;
}

#ile-contents .ile_mod input[type="checkbox"]:first-child:dir(rtl)
{
    margin-left: 10px;
}

#ile-contents .ile_mod input[type="checkbox"]:first-child + *:dir(ltr)
{ 
    padding-left: 31em;
    margin-left: -31em;
    padding-right: 8px;
}

#ile-contents .ile_mod input[type="checkbox"]:first-child + *:dir(rtl)
{ 
    padding-right: 31em;
    margin-right: -31em;
    padding-left: 8px;
}
}