So...one day my css was working and then it wasn't, I cannot seem to find a change to the rules anywhere so I am not sure why it is not working, I am posting a simple rolltemplate and my ENTIRE css (reason is because it may be broken somewhere stupid that I am just not seeing) < rolltemplate class = "sheet-rolltemplate-blank" > < div class= "sheet-template-container" > < div class= "sheet-template-header" > {{ name }} </ div > {{ #rollTotal () type 1 }} < div class= "sheet-template-row-outcome" > Result: {{ computed :: result }} vs Target {{ target }} {{ #rollTotal () computed :: outcome 1 }} < span class= "sheet-underwhelming" style= "color:seagreen" > Success </ span > {{ /rollTotal () computed::outcome 1 }} {{ #rollTotal () computed :: outcome 2 }} < span class= "sheet-underwhelming" style= "color:firebrick" > Failure </ span > {{ /rollTotal () computed::outcome 2 }} </ div > {{ /rollTotal () type 1 }} {{ #rollTotal () type 2 }} < div class= "sheet-template-row-outcome" > Die Rolls: {{ roll1 }} {{ roll2 }} {{ roll3 }} {{ roll4 }} </ div > </ div > < div class= "sheet-template-container" style= "margin-top:0px" > < div class= "sheet-template-header" > Results </ div > < div class= "sheet-template-row-outcome" style= "padding-bottom:1px" > {{ #rollTotal () computed :: result 0 }} < span class= "sheet-underwhelming" style= "color:firebrick" > No Chance Success </ span > {{ /rollTotal () computed::result 0 }} {{ #rollTotal () computed :: result 1 }} < span class= "sheet-underwhelming" style= "color:seagreen" > High Chance </ span > {{ /rollTotal () computed::result 1 }} {{ #rollTotal () computed :: result 2 }} < span class= "sheet-underwhelming" style= "color:seagreen" > High Chance & Average Chance </ span > {{ /rollTotal () computed::result 2 }} {{ #rollTotal () computed :: result 3 }} < span class= "sheet-underwhelming" style= "color:seagreen" > High Chance, Average Chance & Low Chance </ span > {{ /rollTotal () computed::result 3 }} {{ #rollTotal () computed :: result 4 }} < span class= "sheet-underwhelming" style= "color:seagreen" > Full Chance Success </ span > {{ /rollTotal () computed::result 4 }} </ div > {{ /rollTotal () type 2 }} </ div > </ rolltemplate > on ( 'clicked:blank' , ( info ) => { let roll = "&{template:empty} {{type=[[?{Blank or Chance Roll?|Blank,1|Chance,2}]]}}" ; startRoll ( roll , ( results ) => { let endroll = "" ; let typeresult = results . results . type . result ; if ( typeresult === 1 ) endroll = "&{template:blank} {{name=@{character_name}'s Blank Roll}} " + "{{type=[[1]]}} {{roll1=[[1d10]]}} {{roll2=[[1d10]]}} {{roll3=[[1d10]]}} {{roll4=[[1d10]]}} {{target=[[?{Target Value?|0}]]}} {{outcome=[[0]]}} {{result=[[0]]}} {{bonus=[[?{Roll Modifier|0}]]}}" ; if ( typeresult === 2 ) endroll = "&{template:blank} {{name=@{character_name}'s Chance Roll}} " + "{{type=[[2]]}} {{roll1=[[1d10]]}} {{roll2=[[1d10]]}} {{roll3=[[1d10]]}} {{roll4=[[1d10]]}} {{result=[[0]]}} {{outcome=[[0]]}} {{target=[[0]]}} {{bonus=[[0]]}}" ; let result = 0 ; console . log ( typeresult ); startRoll ( endroll , ( results ) => { console . log ( results . results . roll1 . result ); console . log ( results . results . roll2 . result ); console . log ( results . results . roll3 . result ); console . log ( results . results . roll4 . result ); if ( typeresult === 1 ) result = results . results . roll1 . result + results . results . bonus . result ; if ( typeresult === 2 ) { result += results . results . roll1 . result % 2 == 0 ? 1 : 0 ; result += results . results . roll2 . result % 2 == 0 ? 1 : 0 ; result += results . results . roll3 . result % 2 == 0 ? 1 : 0 ; result += results . results . roll4 . result % 2 == 0 ? 1 : 0 ; }; console . log ( result ); finishRoll ( results . rollId , { result: result , outcome: ( results . results . roll1 . result + results . results . bonus . result ) > results . results . target . result ? 1 : 0 } ); }); finishRoll ( results . rollId ); }); });