')){
const openTag = html.substring(0, html.indexOf('>')+1);
html = html.substring(html.indexOf('>')+1);
@@ -71,18 +125,21 @@ renderer.html = function (html) {
};
// Don't wrap {{ Spans alone on a line, or {{ Divs in tags
-renderer.paragraph = function(text){
+renderer.paragraph = function(token){
let match;
+ const text = this.parser.parseInline(token.tokens);
if(text.startsWith(')$/))
return `${match[1].trim() ? `${match[1]}
` : ''}${this.parser.parseInline(token.tokens)}`;
- }
-};
-
-
-const justifiedParagraphClasses = [];
-justifiedParagraphClasses[2] = 'Left';
-justifiedParagraphClasses[4] = 'Right';
-justifiedParagraphClasses[6] = 'Center';
-
-const justifiedParagraphs = {
- name : 'justifiedParagraphs',
- level : 'block',
- start(src) {
- return src.match(/\n(?:-:|:-|-:) {1}/m)?.index;
- }, // Hint to Marked.js to stop and check for a match
- tokenizer(src, tokens) {
- const regex = /^(((:-))|((-:))|((:-:))) .+(\n(([^\n].*\n)*(\n|$))|$)/ygm;
- const match = regex.exec(src);
- if(match?.length) {
- let whichJustify;
- if(match[2]?.length) whichJustify = 2;
- if(match[4]?.length) whichJustify = 4;
- if(match[6]?.length) whichJustify = 6;
- return {
- type : 'justifiedParagraphs', // Should match "name" above
- raw : match[0], // Text to consume from the source
- length : match[whichJustify].length,
- text : match[0].slice(match[whichJustify].length),
- class : justifiedParagraphClasses[whichJustify],
- tokens : this.lexer.inlineTokens(match[0].slice(match[whichJustify].length + 1))
- };
- }
- },
- renderer(token) {
- return `${this.parser.parseInline(token.tokens)}
`;
- }
-
-};
-
-
const forcedParagraphBreaks = {
name : 'hardBreaks',
level : 'block',
@@ -415,115 +407,7 @@ const forcedParagraphBreaks = {
}
},
renderer(token) {
- return `
`.repeat(token.length).concat('\n');
- }
-};
-
-const nonbreakingSpaces = {
- name : 'nonbreakingSpaces',
- level : 'inline',
- start(src) { return src.match(/:>+/m)?.index; }, // Hint to Marked.js to stop and check for a match
- tokenizer(src, tokens) {
- const regex = /:(>+)/ym;
- const match = regex.exec(src);
- if(match?.length) {
- return {
- type : 'nonbreakingSpaces', // Should match "name" above
- raw : match[0], // Text to consume from the source
- length : match[1].length,
- text : ''
- };
- }
- },
- renderer(token) {
- return ` `.repeat(token.length).concat('');
- }
-};
-
-const definitionListsSingleLine = {
- name : 'definitionListsSingleLine',
- level : 'block',
- start(src) { return src.match(/\n[^\n]*?::[^\n]*/m)?.index; }, // Hint to Marked.js to stop and check for a match
- tokenizer(src, tokens) {
- const regex = /^([^\n]*?)::([^\n]*)(?:\n|$)/ym;
- let match;
- let endIndex = 0;
- const definitions = [];
- while (match = regex.exec(src)) {
- const originalLine = match[0]; // This line and below to handle conflict with emojis
- let firstLine = originalLine; // Remove in V4 when definitionListsInline updated to
- this.lexer.inlineTokens(firstLine.trim()) // require spaces around `::`
- .filter((t)=>t.type == 'emoji')
- .map((emoji)=>firstLine = firstLine.replace(emoji.raw, 'x'.repeat(emoji.raw.length)));
-
- const newMatch = /^([^\n]*?)::([^\n]*)(?:\n|$)/ym.exec(firstLine);
- if(newMatch) {
- definitions.push({
- dt : this.lexer.inlineTokens(originalLine.slice(0, newMatch[1].length).trim()),
- dd : this.lexer.inlineTokens(originalLine.slice(newMatch[1].length + 2).trim())
- });
- } // End of emoji hack.
- endIndex = regex.lastIndex;
- }
- if(definitions.length) {
- return {
- type : 'definitionListsSingleLine',
- raw : src.slice(0, endIndex),
- definitions
- };
- }
- },
- renderer(token) {
- return `${token.definitions.reduce((html, def)=>{
- return `${html}${this.parser.parseInline(def.dt)} `
- + `${this.parser.parseInline(def.dd)} \n`;
- }, '')} `;
- }
-};
-
-const definitionListsMultiLine = {
- name : 'definitionListsMultiLine',
- level : 'block',
- start(src) { return src.match(/\n[^\n]*\n::[^:\n]/m)?.index; }, // Hint to Marked.js to stop and check for a match
- tokenizer(src, tokens) {
- const regex = /(\n?\n?(?!::)[^\n]+?(?=\n::[^:\n]))|\n::([^:\n](?:.|\n)*?(?=(?:\n::)|(?:\n\n)|$))/y;
- let match;
- let endIndex = 0;
- const definitions = [];
- while (match = regex.exec(src)) {
- if(match[1]) {
- if(this.lexer.blockTokens(match[1].trim())[0]?.type !== 'paragraph') // DT must not be another block-level token besides
- break;
- definitions.push({
- dt : this.lexer.inlineTokens(match[1].trim()),
- dds : []
- });
- }
- if(match[2] && definitions.length) {
- definitions[definitions.length - 1].dds.push(
- this.lexer.inlineTokens(match[2].trim().replace(/\s/g, ' '))
- );
- }
- endIndex = regex.lastIndex;
- }
- if(definitions.length) {
- return {
- type : 'definitionListsMultiLine',
- raw : src.slice(0, endIndex),
- definitions
- };
- }
- },
- renderer(token) {
- let returnVal = `
`;
- token.definitions.forEach((def)=>{
- const dds = def.dds.map((s)=>{
- return `\n${this.parser.parseInline(s).trim()} `;
- }).join('');
- returnVal += `${this.parser.parseInline(def.dt)} ${dds}\n`;
- });
- returnVal = returnVal.trim();
- return `${returnVal} `;
+ return `
\n`.repeat(token.length);
}
};
@@ -533,7 +417,7 @@ const replaceVar = function(input, hoist=false, allowUnresolved=false) {
const match = regex.exec(input);
const prefix = match[1];
- const label = match[2];
+ const label = normalizeVarNames(match[2]); // Ensure the label name is normalized as it should be in the var stack.
//v=====--------------------< HANDLE MATH >-------------------=====v//
const mathRegex = /[a-z]+\(|[+\-*/^(),]/g;
@@ -688,8 +572,8 @@ function MarkedVariables() {
});
}
if(match[3]) { // Block Definition
- const label = match[4] ? match[4].trim().replace(/\s+/g, ' ') : null; // Trim edge spaces and shorten blocks of whitespace to 1 space
- const content = match[5] ? match[5].trim().replace(/[ \t]+/g, ' ') : null; // Trim edge spaces and shorten blocks of whitespace to 1 space
+ const label = match[4] ? normalizeVarNames(match[4]) : null;
+ const content = match[5] ? match[5].trim().replace(/[ \t]+/g, ' ') : null; // Normalize text content (except newlines for block-level content)
varsQueue.push(
{ type : 'varDefBlock',
@@ -698,7 +582,7 @@ function MarkedVariables() {
});
}
if(match[6]) { // Block Call
- const label = match[7] ? match[7].trim().replace(/\s+/g, ' ') : null; // Trim edge spaces and shorten blocks of whitespace to 1 space
+ const label = match[7] ? normalizeVarNames(match[7]) : null;
varsQueue.push(
{ type : 'varCallBlock',
@@ -707,7 +591,7 @@ function MarkedVariables() {
});
}
if(match[8]) { // Inline Definition
- const label = match[10] ? match[10].trim().replace(/\s+/g, ' ') : null; // Trim edge spaces and shorten blocks of whitespace to 1 space
+ const label = match[10] ? normalizeVarNames(match[10]) : null;
let content = match[11] || null;
// In case of nested (), find the correct matching end )
@@ -739,7 +623,7 @@ function MarkedVariables() {
});
}
if(match[12]) { // Inline Call
- const label = match[13] ? match[13].trim().replace(/\s+/g, ' ') : null; // Trim edge spaces and shorten blocks of whitespace to 1 space
+ const label = match[13] ? normalizeVarNames(match[13]) : null;
varsQueue.push(
{ type : 'varCallInline',
@@ -795,11 +679,14 @@ const tableTerminators = [
];
Marked.use(MarkedVariables());
-Marked.use({ extensions : [justifiedParagraphs, definitionListsMultiLine, definitionListsSingleLine, forcedParagraphBreaks,
- nonbreakingSpaces, superSubScripts, mustacheSpans, mustacheDivs, mustacheInjectInline] });
+Marked.use(MarkedDefinitionLists());
+Marked.use({ extensions : [forcedParagraphBreaks, mustacheSpans, mustacheDivs, mustacheInjectInline] });
Marked.use(mustacheInjectBlock);
+Marked.use(MarkedAlignedParagraphs());
+Marked.use(MarkedSubSuperText());
+Marked.use(MarkedNonbreakingSpaces());
Marked.use({ renderer: renderer, tokenizer: tokenizer, mangle: false });
-Marked.use(MarkedExtendedTables(tableTerminators), MarkedGFMHeadingId({ globalSlugs: true }),
+Marked.use(MarkedExtendedTables({ interruptPatterns: tableTerminators }), MarkedGFMHeadingId({ globalSlugs: true }),
MarkedSmartypantsLite(), MarkedEmojis(MarkedEmojiOptions));
function cleanUrl(href) {
@@ -864,12 +751,12 @@ const processStyleTags = (string)=>{
obj[key.trim()] = value.trim();
return obj;
}, {}) || null;
- const styles = tags?.length ? tags.reduce((styleObj, style) => {
- const index = style.indexOf(':');
- const [key, value] = [style.substring(0, index), style.substring(index + 1)];
- styleObj[key.trim()] = value.replace(/"?([^"]*)"?/g, '$1').trim();
- return styleObj;
- }, {}) : null;
+ const styles = tags?.length ? tags.reduce((styleObj, style)=>{
+ const index = style.indexOf(':');
+ const [key, value] = [style.substring(0, index), style.substring(index + 1)];
+ styleObj[key.trim()] = value.replace(/"?([^"]*)"?/g, '$1').trim();
+ return styleObj;
+ }, {}) : null;
return {
id : id,
@@ -885,8 +772,8 @@ const extractHTMLStyleTags = (htmlString)=>{
const id = firstElementOnly.match(/id="([^"]*)"/)?.[1] || null;
const classes = firstElementOnly.match(/class="([^"]*)"/)?.[1] || null;
const styles = firstElementOnly.match(/style="([^"]*)"/)?.[1]
- ?.split(';').reduce((styleObj, style) => {
- if (style.trim() === '') return styleObj;
+ ?.split(';').reduce((styleObj, style)=>{
+ if(style.trim() === '') return styleObj;
const index = style.indexOf(':');
const [key, value] = [style.substring(0, index), style.substring(index + 1)];
styleObj[key.trim()] = value.trim();
@@ -896,7 +783,7 @@ const extractHTMLStyleTags = (htmlString)=>{
?.filter((attr)=>!attr.startsWith('class="') && !attr.startsWith('style="') && !attr.startsWith('id="'))
.reduce((obj, attr)=>{
const index = attr.indexOf('=');
- let [key, value] = [attr.substring(0, index), attr.substring(index + 1)];
+ const [key, value] = [attr.substring(0, index), attr.substring(index + 1)];
obj[key.trim()] = value.replace(/"/g, '');
return obj;
}, {}) || null;
@@ -909,7 +796,7 @@ const extractHTMLStyleTags = (htmlString)=>{
};
};
-const mergeHTMLTags = (originalTags, newTags) => {
+const mergeHTMLTags = (originalTags, newTags)=>{
return {
id : newTags.id || originalTags.id || null,
classes : [originalTags.classes, newTags.classes].join(' ').trim() || null,
@@ -925,14 +812,20 @@ let globalPageNumber = 0;
const Markdown = {
marked : Marked,
render : (rawBrewText, pageNumber=0)=>{
- globalVarsList[pageNumber] = {}; //Reset global links for current page, to ensure values are parsed in order
+ const lastPageNumber = pageNumber > 0 ? globalVarsList[pageNumber - 1].HB_pageNumber.content : 0;
+ globalVarsList[pageNumber] = { //Reset global links for current page, to ensure values are parsed in order
+ 'HB_pageNumber' : { //Add document variables for this page
+ content : !isNaN(Number(lastPageNumber)) ? Number(lastPageNumber) + 1 : lastPageNumber,
+ resolved : true
+ }
+ };
varsQueue = []; //Could move into MarkedVariables()
globalPageNumber = pageNumber;
if(pageNumber==0) {
MarkedGFMResetHeadingIDs();
}
- rawBrewText = rawBrewText.replace(/^\\column$/gm, `\n
\n`);
+ rawBrewText = rawBrewText.replace(/^\\column(?:break)?$/gm, `\n
\n`);
const opts = Marked.defaults;
diff --git a/shared/naturalcrit/nav/nav.jsx b/shared/naturalcrit/nav/nav.jsx
index d9b403239..50dff4c33 100644
--- a/shared/naturalcrit/nav/nav.jsx
+++ b/shared/naturalcrit/nav/nav.jsx
@@ -12,8 +12,8 @@ const Nav = {
displayName : 'Nav.base',
render : function(){
return
- {this.props.children}
- ;
+ {this.props.children}
+ ;
}
}),
logo : function(){
diff --git a/shared/naturalcrit/splitPane/splitPane.jsx b/shared/naturalcrit/splitPane/splitPane.jsx
index 1500c759f..4c77d81a5 100644
--- a/shared/naturalcrit/splitPane/splitPane.jsx
+++ b/shared/naturalcrit/splitPane/splitPane.jsx
@@ -29,8 +29,8 @@ const SplitPane = (props)=>{
const limitPosition = (x, min = 1, max = window.innerWidth - 13)=>Math.round(Math.min(max, Math.max(min, x)));
//when resizing, the divider should grow smaller if less space is given, then grow back if the space is restored, to the original position
- const handleResize = () =>setDividerPos(limitPosition(window.localStorage.getItem(storageKey), 0.1 * (window.innerWidth - 13), 0.9 * (window.innerWidth - 13)));
-
+ const handleResize = ()=>setDividerPos(limitPosition(window.localStorage.getItem(storageKey), 0.1 * (window.innerWidth - 13), 0.9 * (window.innerWidth - 13)));
+
const handleUp =(e)=>{
e.preventDefault();
if(isDragging) {
diff --git a/shared/naturalcrit/splitPane/splitPane.less b/shared/naturalcrit/splitPane/splitPane.less
index 8b61097be..80a8695af 100644
--- a/shared/naturalcrit/splitPane/splitPane.less
+++ b/shared/naturalcrit/splitPane/splitPane.less
@@ -21,8 +21,8 @@
background-color : #BBBBBB;
.dots {
display : table-cell;
- text-align : center;
vertical-align : middle;
+ text-align : center;
i {
display : block !important;
margin : 10px 0px;
diff --git a/shared/naturalcrit/styles/animations.less b/shared/naturalcrit/styles/animations.less
index 69aac3e09..5757df151 100644
--- a/shared/naturalcrit/styles/animations.less
+++ b/shared/naturalcrit/styles/animations.less
@@ -3,127 +3,127 @@
@defaultEasing : ease;
//Animates all properties on an element
-.animateAll(@duration : @defaultDuration, @easing : @defaultEasing){
- -webkit-transition: all @duration @easing;
- -moz-transition: all @duration @easing;
- -o-transition: all @duration @easing;
- transition: all @duration @easing;
+.animateAll(@duration : @defaultDuration, @easing : @defaultEasing) {
+ -webkit-transition : all @duration @easing;
+ -moz-transition : all @duration @easing;
+ -o-transition : all @duration @easing;
+ transition : all @duration @easing;
}
//Animates Specific property
-.animate(@prop, @duration : @defaultDuration, @easing : @defaultEasing){
- -webkit-transition: @prop @duration @easing;
- -moz-transition: @prop @duration @easing;
- -o-transition: @prop @duration @easing;
- transition: @prop @duration @easing;
+.animate(@prop, @duration : @defaultDuration, @easing : @defaultEasing) {
+ -webkit-transition : @prop @duration @easing;
+ -moz-transition : @prop @duration @easing;
+ -o-transition : @prop @duration @easing;
+ transition : @prop @duration @easing;
}
-.animateMany(...){
+.animateMany(...) {
@value: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`;
- -webkit-transition-property: @value;
- -moz-transition-property: @value;
- -o-transition-property: @value;
- transition-property: @value;
+ -webkit-transition-property : @value;
+ -moz-transition-property : @value;
+ -o-transition-property : @value;
+ transition-property : @value;
.animateDuration();
.animateEasing();
}
-.animateDuration(@duration : @defaultDuration){
- -webkit-transition-duration: @duration;
- -moz-transition-duration: @duration;
- -o-transition-duration: @duration;
- transition-duration: @duration;
+.animateDuration(@duration : @defaultDuration) {
+ -webkit-transition-duration : @duration;
+ -moz-transition-duration : @duration;
+ -o-transition-duration : @duration;
+ transition-duration : @duration;
}
-.animateEasing(@easing : @defaultEasing){
- -webkit-transition-timing-function: @easing;
- -moz-transition-timing-function: @easing;
- -o-transition-timing-function: @easing;
- transition-timing-function: @easing;
+.animateEasing(@easing : @defaultEasing) {
+ -webkit-transition-timing-function : @easing;
+ -moz-transition-timing-function : @easing;
+ -o-transition-timing-function : @easing;
+ transition-timing-function : @easing;
}
.transition (@prop, @duration: @defaultDuration) {
- -webkit-transition: @prop @duration, -webkit-transform @duration;
- -moz-transition: @prop @duration, -moz-transform @duration;
- -o-transition: @prop @duration, -o-transform @duration;
- -ms-transition: @prop @duration, -ms-transform @duration;
- transition: @prop @duration, transform @duration;
+ -webkit-transition : @prop @duration, -webkit-transform @duration;
+ -moz-transition : @prop @duration, -moz-transform @duration;
+ -o-transition : @prop @duration, -o-transform @duration;
+ -ms-transition : @prop @duration, -ms-transform @duration;
+ transition : @prop @duration, transform @duration;
}
.transform (@transform) {
- -webkit-transform: @transform;
- -moz-transform: @transform;
- -o-transform: @transform;
- -ms-transform: @transform;
- transform: @transform;
+ -webkit-transform : @transform;
+ -moz-transform : @transform;
+ -o-transform : @transform;
+ -ms-transform : @transform;
+ transform : @transform;
}
-.delay(@delay){
- animation-delay:@delay;
- -webkit-animation-delay:@delay;
- transition-delay:@delay;
- -webkit-transition-delay:@delay;
+.delay(@delay) {
+ -webkit-transition-delay : @delay;
+ transition-delay : @delay;
+ -webkit-animation-delay : @delay;
+ animation-delay : @delay;
}
-.keep(){
- -webkit-animation-fill-mode:forwards;
- -moz-animation-fill-mode:forwards;
- -ms-animation-fill-mode:forwards;
- -o-animation-fill-mode:forwards;
- animation-fill-mode:forwards;
+.keep() {
+ -webkit-animation-fill-mode : forwards;
+ -moz-animation-fill-mode : forwards;
+ -ms-animation-fill-mode : forwards;
+ -o-animation-fill-mode : forwards;
+ animation-fill-mode : forwards;
}
-.sequentialDelay(@delayInc : 0.2s, @initialDelay : 0s){
- &:nth-child(1){.delay(0*@delayInc + @initialDelay)}
- &:nth-child(2){.delay(1*@delayInc + @initialDelay)}
- &:nth-child(3){.delay(2*@delayInc + @initialDelay)}
- &:nth-child(4){.delay(3*@delayInc + @initialDelay)}
- &:nth-child(5){.delay(4*@delayInc + @initialDelay)}
- &:nth-child(6){.delay(5*@delayInc + @initialDelay)}
- &:nth-child(7){.delay(6*@delayInc + @initialDelay)}
- &:nth-child(8){.delay(7*@delayInc + @initialDelay)}
- &:nth-child(9){.delay(8*@delayInc + @initialDelay)}
- &:nth-child(10){.delay(9*@delayInc + @initialDelay)}
- &:nth-child(11){.delay(10*@delayInc + @initialDelay)}
- &:nth-child(12){.delay(11*@delayInc + @initialDelay)}
- &:nth-child(13){.delay(12*@delayInc + @initialDelay)}
- &:nth-child(14){.delay(13*@delayInc + @initialDelay)}
- &:nth-child(15){.delay(14*@delayInc + @initialDelay)}
- &:nth-child(16){.delay(15*@delayInc + @initialDelay)}
- &:nth-child(17){.delay(16*@delayInc + @initialDelay)}
- &:nth-child(18){.delay(17*@delayInc + @initialDelay)}
- &:nth-child(19){.delay(18*@delayInc + @initialDelay)}
- &:nth-child(20){.delay(19*@delayInc + @initialDelay)}
+.sequentialDelay(@delayInc : 0.2s, @initialDelay : 0s) {
+ &:nth-child(1) {.delay(0*@delayInc + @initialDelay); }
+ &:nth-child(2) {.delay(1*@delayInc + @initialDelay); }
+ &:nth-child(3) {.delay(2*@delayInc + @initialDelay); }
+ &:nth-child(4) {.delay(3*@delayInc + @initialDelay); }
+ &:nth-child(5) {.delay(4*@delayInc + @initialDelay); }
+ &:nth-child(6) {.delay(5*@delayInc + @initialDelay); }
+ &:nth-child(7) {.delay(6*@delayInc + @initialDelay); }
+ &:nth-child(8) {.delay(7*@delayInc + @initialDelay); }
+ &:nth-child(9) {.delay(8*@delayInc + @initialDelay); }
+ &:nth-child(10) {.delay(9*@delayInc + @initialDelay); }
+ &:nth-child(11) {.delay(10*@delayInc + @initialDelay); }
+ &:nth-child(12) {.delay(11*@delayInc + @initialDelay); }
+ &:nth-child(13) {.delay(12*@delayInc + @initialDelay); }
+ &:nth-child(14) {.delay(13*@delayInc + @initialDelay); }
+ &:nth-child(15) {.delay(14*@delayInc + @initialDelay); }
+ &:nth-child(16) {.delay(15*@delayInc + @initialDelay); }
+ &:nth-child(17) {.delay(16*@delayInc + @initialDelay); }
+ &:nth-child(18) {.delay(17*@delayInc + @initialDelay); }
+ &:nth-child(19) {.delay(18*@delayInc + @initialDelay); }
+ &:nth-child(20) {.delay(19*@delayInc + @initialDelay); }
}
-.createFrames(@name, @from, @to){
+.createFrames(@name, @from, @to) {
@frames: {
from { @from(); }
to { @to(); }
};
- @-webkit-keyframes @name {@frames();}
- @-moz-keyframes @name {@frames();}
- @-ms-keyframes @name {@frames();}
- @-o-keyframes @name {@frames();}
- @keyframes @name {@frames();}
+ @-webkit-keyframes @name {@frames();}
+ @-moz-keyframes @name {@frames();}
+ @-ms-keyframes @name {@frames();}
+ @-o-keyframes @name {@frames();}
+ @keyframes @name {@frames();}
}
-.createAnimation(@name, @duration : @defaultDuration, @easing : @defaultEasing){
- -webkit-animation-name: @name;
- -moz-animation-name: @name;
- -ms-animation-name: @name;
- animation-name: @name;
- -webkit-animation-duration: @duration;
- -moz-animation-duration: @duration;
- -ms-animation-duration: @duration;
- animation-duration: @duration;
- -webkit-animation-timing-function: @easing;
- -moz-animation-timing-function: @easing;
- -ms-animation-timing-function: @easing;
- animation-timing-function: @easing;
+.createAnimation(@name, @duration : @defaultDuration, @easing : @defaultEasing) {
+ -webkit-animation-name : @name;
+ -moz-animation-name : @name;
+ -ms-animation-name : @name;
+ animation-name : @name;
+ -webkit-animation-duration : @duration;
+ -moz-animation-duration : @duration;
+ -ms-animation-duration : @duration;
+ animation-duration : @duration;
+ -webkit-animation-timing-function : @easing;
+ -moz-animation-timing-function : @easing;
+ -ms-animation-timing-function : @easing;
+ animation-timing-function : @easing;
}
@@ -132,82 +132,82 @@
Standard Animations
****************************/
-.fadeIn(@duration : @defaultDuration, @easing : @defaultEasing){
+.fadeIn(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(fadeIn; @duration; @easing);
.createFrames(fadeIn,
- { opacity : 0; },
+ { opacity : 0; },
{ opacity : 1; }
);
}
-.fadeInDown(@duration : @defaultDuration, @easing : @defaultEasing){
+.fadeInDown(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(fadeInDown; @duration; @easing);
.createFrames(fadeInDown,
- { opacity : 0; .transform(translateY(20px));},
+ { opacity : 0; .transform(translateY(20px));},
{ opacity : 1; .transform(translateY(0px));}
);
}
-.fadeInTop(@duration : @defaultDuration, @easing : @defaultEasing){
+.fadeInTop(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(fadeInTop; @duration; @easing);
.createFrames(fadeInTop,
- { opacity : 0; .transform(translateY(-20px)); },
+ { opacity : 0; .transform(translateY(-20px)); },
{ opacity : 1; .transform(translateY(0px));}
);
}
-.fadeInLeft(@duration : @defaultDuration, @easing : @defaultEasing){
+.fadeInLeft(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(fadeInLeft; @duration; @easing);
.createFrames(fadeInLeft,
- { opacity: 0; .transform(translateX(-20px));},
+ { opacity: 0; .transform(translateX(-20px));},
{ opacity: 1; .transform(translateX(0));}
);
}
-.fadeInRight(@duration : @defaultDuration, @easing : @defaultEasing){
+.fadeInRight(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(fadeInRight; @duration; @easing);
.createFrames(fadeInRight,
- { opacity: 0; .transform(translateX(20px));},
+ { opacity: 0; .transform(translateX(20px));},
{ opacity: 1; .transform(translateX(0));}
);
}
-.fadeOut(@duration : @defaultDuration, @easing : @defaultEasing){
+.fadeOut(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(fadeOut; @duration; @easing);
.createFrames(fadeOut,
- { opacity : 1; },
+ { opacity : 1; },
{ opacity : 0; }
);
}
-.fadeOutDown(@duration : @defaultDuration, @easing : @defaultEasing){
+.fadeOutDown(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(fadeOutDown; @duration; @easing);
.createFrames(fadeOutDown,
- { opacity : 1; .transform(translateY(0)); visibility: visible;},
+ { opacity : 1; .transform(translateY(0)); visibility: visible;},
{ opacity : 0; .transform(translateY(20px)); visibility: hidden;}
);
}
-.fadeOutTop(@duration : @defaultDuration, @easing : @defaultEasing){
+.fadeOutTop(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(fadeOutTop; @duration; @easing);
.createFrames(fadeOutTop,
- { opacity : 1; .transform(translateY(0)); },
+ { opacity : 1; .transform(translateY(0)); },
{ opacity : 0; .transform(translateY(-20px)); }
);
}
-.fadeOutLeft(@duration : @defaultDuration, @easing : @defaultEasing){
+.fadeOutLeft(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(fadeOutLeft; @duration; @easing);
.createFrames(fadeOutLeft,
- { opacity : 1; .transform(translateX(0));},
+ { opacity : 1; .transform(translateX(0));},
{ opacity : 0; .transform(translateX(-20px));}
);
}
-.fadeOutRight(@duration : @defaultDuration, @easing : @defaultEasing){
+.fadeOutRight(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(fadeOutRight; @duration; @easing);
.createFrames(fadeOutRight,
- { opacity : 1; .transform(translateX(0));},
+ { opacity : 1; .transform(translateX(0));},
{ opacity : 0; .transform(translateX(20px));}
);
}
@@ -219,50 +219,50 @@
Fun Animations
****************************/
-.spin(@duration : @defaultDuration, @easing : @defaultEasing){
+.spin(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(spin, @duration, @easing);
- .spinKeyFrames(){
+ .spinKeyFrames() {
from { .transform(rotate(0deg)); }
- to { .transform(rotate(360deg)); }
+ to { .transform(rotate(360deg)); }
}
@-webkit-keyframes spin {.spinKeyFrames();}
- @-moz-keyframes spin {.spinKeyFrames();}
- @-ms-keyframes spin {.spinKeyFrames();}
- @-o-keyframes spin {.spinKeyFrames();}
- @keyframes spin {.spinKeyFrames();}
+ @-moz-keyframes spin {.spinKeyFrames();}
+ @-ms-keyframes spin {.spinKeyFrames();}
+ @-o-keyframes spin {.spinKeyFrames();}
+ @keyframes spin {.spinKeyFrames();}
}
-.bounce(@duration : @defaultDuration, @easing : @defaultEasing){
+.bounce(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(bounce, @duration, @easing);
- .bounceKeyFrames(){
+ .bounceKeyFrames() {
0%, 20%, 50%, 80%, 100% { .transform(translateY(0));}
40% { .transform(translateY(-30px));}
60% { .transform(translateY(-15px));}
}
@-webkit-keyframes bounce {.bounceKeyFrames();}
- @-moz-keyframes bounce {.bounceKeyFrames();}
- @-ms-keyframes bounce {.bounceKeyFrames();}
- @-o-keyframes bounce {.bounceKeyFrames();}
- @keyframes bounce {.bounceKeyFrames();}
+ @-moz-keyframes bounce {.bounceKeyFrames();}
+ @-ms-keyframes bounce {.bounceKeyFrames();}
+ @-o-keyframes bounce {.bounceKeyFrames();}
+ @keyframes bounce {.bounceKeyFrames();}
}
-.pulse(@duration : @defaultDuration, @easing : @defaultEasing){
+.pulse(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(pulse, @duration, @easing);
- .pulseKeyFrames(){
- 0% { .transform(scale(1));}
- 50% { .transform(scale(1.4));}
+ .pulseKeyFrames() {
+ 0% { .transform(scale(1));}
+ 50% { .transform(scale(1.4));}
100% { .transform(scale(1));}
}
@-webkit-keyframes pulse {.pulseKeyFrames();}
- @-moz-keyframes pulse {.pulseKeyFrames();}
- @-ms-keyframes pulse {.pulseKeyFrames();}
- @-o-keyframes pulse {.pulseKeyFrames();}
- @keyframes pulse {.pulseKeyFrames();}
+ @-moz-keyframes pulse {.pulseKeyFrames();}
+ @-ms-keyframes pulse {.pulseKeyFrames();}
+ @-o-keyframes pulse {.pulseKeyFrames();}
+ @keyframes pulse {.pulseKeyFrames();}
}
-.rubberBand(@duration : @defaultDuration, @easing : @defaultEasing){
+.rubberBand(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(rubberBand, @duration, @easing);
- .rubberBandKeyFrames(){
+ .rubberBandKeyFrames() {
0% {.transform(scale(1));}
30% {.transform(scaleX(1.25) scaleY(0.75));}
40% {.transform(scaleX(0.75) scaleY(1.25));}
@@ -270,32 +270,32 @@
100% {.transform(scale(1));}
}
@-webkit-keyframes rubberBand {.rubberBandKeyFrames();}
- @-moz-keyframes rubberBand {.rubberBandKeyFrames();}
- @-ms-keyframes rubberBand {.rubberBandKeyFrames();}
- @-o-keyframes rubberBand {.rubberBandKeyFrames();}
- @keyframes rubberBand {.rubberBandKeyFrames();}
+ @-moz-keyframes rubberBand {.rubberBandKeyFrames();}
+ @-ms-keyframes rubberBand {.rubberBandKeyFrames();}
+ @-o-keyframes rubberBand {.rubberBandKeyFrames();}
+ @keyframes rubberBand {.rubberBandKeyFrames();}
}
-.shake(@duration : @defaultDuration, @easing : @defaultEasing){
+.shake(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(shake, @duration, @easing);
- .shakeKeyFrames(){
+ .shakeKeyFrames() {
0%, 100% {.transform( translateX(0));}
10%, 30%, 50%, 70%, 90% {.transform( translateX(-10px));}
20%, 40%, 60%, 80% {.transform( translateX(10px));}
}
@-webkit-keyframes shake {.shakeKeyFrames();}
- @-moz-keyframes shake {.shakeKeyFrames();}
- @-ms-keyframes shake {.shakeKeyFrames();}
- @-o-keyframes shake {.shakeKeyFrames();}
- @keyframes shake {.shakeKeyFrames();}
+ @-moz-keyframes shake {.shakeKeyFrames();}
+ @-ms-keyframes shake {.shakeKeyFrames();}
+ @-o-keyframes shake {.shakeKeyFrames();}
+ @keyframes shake {.shakeKeyFrames();}
}
-.swing(@duration : @defaultDuration, @easing : @defaultEasing){
- -webkit-transform-origin: top center;
- -ms-transform-origin: top center;
- transform-origin: top center;
+.swing(@duration : @defaultDuration, @easing : @defaultEasing) {
+ -webkit-transform-origin : top center;
+ -ms-transform-origin : top center;
+ transform-origin : top center;
.createAnimation(swing, @duration, @easing);
- .swingKeyFrames(){
+ .swingKeyFrames() {
20% {.transform(rotate(15deg));}
40% {.transform(rotate(-10deg));}
60% {.transform(rotate(5deg));}
@@ -303,18 +303,18 @@
100% {.transform(rotate(0deg));}
}
@-webkit-keyframes swing {.swingKeyFrames();}
- @-moz-keyframes swing {.swingKeyFrames();}
- @-ms-keyframes swing {.swingKeyFrames();}
- @-o-keyframes swing {.swingKeyFrames();}
- @keyframes swing {.swingKeyFrames();}
+ @-moz-keyframes swing {.swingKeyFrames();}
+ @-ms-keyframes swing {.swingKeyFrames();}
+ @-o-keyframes swing {.swingKeyFrames();}
+ @keyframes swing {.swingKeyFrames();}
}
-.twist(@duration : @defaultDuration, @easing : @defaultEasing){
- -webkit-transform-origin: center center;
- -ms-transform-origin: center center;
- transform-origin: center center;
+.twist(@duration : @defaultDuration, @easing : @defaultEasing) {
+ -webkit-transform-origin : center center;
+ -ms-transform-origin : center center;
+ transform-origin : center center;
.createAnimation(swing, @duration, @easing);
- .swingKeyFrames(){
+ .swingKeyFrames() {
20% {.transform(rotate(15deg));}
40% {.transform(rotate(-10deg));}
60% {.transform(rotate(5deg));}
@@ -322,15 +322,15 @@
100% {.transform(rotate(0deg));}
}
@-webkit-keyframes swing {.swingKeyFrames();}
- @-moz-keyframes swing {.swingKeyFrames();}
- @-ms-keyframes swing {.swingKeyFrames();}
- @-o-keyframes swing {.swingKeyFrames();}
- @keyframes swing {.swingKeyFrames();}
+ @-moz-keyframes swing {.swingKeyFrames();}
+ @-ms-keyframes swing {.swingKeyFrames();}
+ @-o-keyframes swing {.swingKeyFrames();}
+ @keyframes swing {.swingKeyFrames();}
}
-.wobble(@duration : @defaultDuration, @easing : @defaultEasing){
+.wobble(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(wobble, @duration, @easing);
- .wobbleKeyFrames(){
+ .wobbleKeyFrames() {
0% {.transform(translateX(0%));}
15% {.transform(translateX(-25%) rotate(-5deg));}
30% {.transform(translateX(20%) rotate(3deg));}
@@ -340,22 +340,22 @@
100% {.transform(translateX(0%));}
}
@-webkit-keyframes wobble {.wobbleKeyFrames();}
- @-moz-keyframes wobble {.wobbleKeyFrames();}
- @-ms-keyframes wobble {.wobbleKeyFrames();}
- @-o-keyframes wobble {.wobbleKeyFrames();}
- @keyframes wobble {.wobbleKeyFrames();}
+ @-moz-keyframes wobble {.wobbleKeyFrames();}
+ @-ms-keyframes wobble {.wobbleKeyFrames();}
+ @-o-keyframes wobble {.wobbleKeyFrames();}
+ @keyframes wobble {.wobbleKeyFrames();}
}
-.popIn(@duration : @defaultDuration, @easing : @defaultEasing){
+.popIn(@duration : @defaultDuration, @easing : @defaultEasing) {
.createAnimation(popIn, @duration, @easing);
- .popInKeyFrames(){
- 0% { .transform(scale(0));}
- 70% { .transform(scale(1.4));}
+ .popInKeyFrames() {
+ 0% { .transform(scale(0));}
+ 70% { .transform(scale(1.4));}
100% { .transform(scale(1));}
}
@-webkit-keyframes popIn {.popInKeyFrames();}
- @-moz-keyframes popIn {.popInKeyFrames();}
- @-ms-keyframes popIn {.popInKeyFrames();}
- @-o-keyframes popIn {.popInKeyFrames();}
- @keyframes popIn {.popInKeyFrames();}
+ @-moz-keyframes popIn {.popInKeyFrames();}
+ @-ms-keyframes popIn {.popInKeyFrames();}
+ @-o-keyframes popIn {.popInKeyFrames();}
+ @keyframes popIn {.popInKeyFrames();}
}
diff --git a/shared/naturalcrit/styles/colors.less b/shared/naturalcrit/styles/colors.less
index 30a7610a2..c096b9b4f 100644
--- a/shared/naturalcrit/styles/colors.less
+++ b/shared/naturalcrit/styles/colors.less
@@ -23,47 +23,47 @@
@grey : #7F8C8D;
#backgroundColors {
- &.tealLight{ background-color : @tealLight };
- &.teal{ background-color : @teal };
- &.greenLight{ background-color : @greenLight };
- &.green{ background-color : @green };
- &.blueLight{ background-color : @blueLight };
- &.blue{ background-color : @blue };
- &.purpleLight{ background-color : @purpleLight };
- &.purple{ background-color : @purple };
- &.steelLight{ background-color : @steelLight };
- &.steel{ background-color : @steel };
- &.yellowLight{ background-color : @yellowLight };
- &.yellow{ background-color : @yellow };
- &.orangeLight{ background-color : @orangeLight };
- &.orange{ background-color : @orange };
- &.redLight{ background-color : @redLight };
- &.red{ background-color : @red };
- &.silverLight{ background-color : @silverLight };
- &.silver{ background-color : @silver };
- &.greyLight{ background-color : @greyLight };
- &.grey{ background-color : @grey };
+ &.tealLight { background-color : @tealLight; };
+ &.teal { background-color : @teal; };
+ &.greenLight { background-color : @greenLight; };
+ &.green { background-color : @green; };
+ &.blueLight { background-color : @blueLight; };
+ &.blue { background-color : @blue; };
+ &.purpleLight { background-color : @purpleLight; };
+ &.purple { background-color : @purple; };
+ &.steelLight { background-color : @steelLight; };
+ &.steel { background-color : @steel; };
+ &.yellowLight { background-color : @yellowLight; };
+ &.yellow { background-color : @yellow; };
+ &.orangeLight { background-color : @orangeLight; };
+ &.orange { background-color : @orange; };
+ &.redLight { background-color : @redLight; };
+ &.red { background-color : @red; };
+ &.silverLight { background-color : @silverLight; };
+ &.silver { background-color : @silver; };
+ &.greyLight { background-color : @greyLight; };
+ &.grey { background-color : @grey; };
}
#backgroundColorsHover {
- &.tealLight:hover{ background-color : @tealLight };
- &.teal:hover{ background-color : @teal };
- &.greenLight:hover{ background-color : @greenLight };
- &.green:hover{ background-color : @green };
- &.blueLight:hover{ background-color : @blueLight };
- &.blue:hover{ background-color : @blue };
- &.purpleLight:hover{ background-color : @purpleLight };
- &.purple:hover{ background-color : @purple };
- &.steelLight:hover{ background-color : @steelLight };
- &.steel:hover{ background-color : @steel };
- &.yellowLight:hover{ background-color : @yellowLight };
- &.yellow:hover{ background-color : @yellow };
- &.orangeLight:hover{ background-color : @orangeLight };
- &.orange:hover{ background-color : @orange };
- &.redLight:hover{ background-color : @redLight };
- &.red:hover{ background-color : @red };
- &.silverLight:hover{ background-color : @silverLight };
- &.silver:hover{ background-color : @silver };
- &.greyLight:hover{ background-color : @greyLight };
- &.grey:hover{ background-color : @grey };
+ &.tealLight:hover { background-color : @tealLight; };
+ &.teal:hover { background-color : @teal; };
+ &.greenLight:hover { background-color : @greenLight; };
+ &.green:hover { background-color : @green; };
+ &.blueLight:hover { background-color : @blueLight; };
+ &.blue:hover { background-color : @blue; };
+ &.purpleLight:hover { background-color : @purpleLight; };
+ &.purple:hover { background-color : @purple; };
+ &.steelLight:hover { background-color : @steelLight; };
+ &.steel:hover { background-color : @steel; };
+ &.yellowLight:hover { background-color : @yellowLight; };
+ &.yellow:hover { background-color : @yellow; };
+ &.orangeLight:hover { background-color : @orangeLight; };
+ &.orange:hover { background-color : @orange; };
+ &.redLight:hover { background-color : @redLight; };
+ &.red:hover { background-color : @red; };
+ &.silverLight:hover { background-color : @silverLight; };
+ &.silver:hover { background-color : @silver; };
+ &.greyLight:hover { background-color : @greyLight; };
+ &.grey:hover { background-color : @grey; };
}
\ No newline at end of file
diff --git a/shared/naturalcrit/styles/core.less b/shared/naturalcrit/styles/core.less
index 3248269c5..02db5db18 100644
--- a/shared/naturalcrit/styles/core.less
+++ b/shared/naturalcrit/styles/core.less
@@ -12,37 +12,31 @@
font-family : 'CodeBold';
src : data-uri('naturalcrit/styles/CODE Bold.otf') format('opentype');
}
-html,body, #reactRoot{
+html,body, #reactRoot {
height : 100vh;
min-height : 100vh;
margin : 0;
font-family : 'Open Sans', sans-serif;
}
-*{
- box-sizing : border-box;
-}
-.colorButton(@backgroundColor : @green){
+* { box-sizing : border-box; }
+.colorButton(@backgroundColor : @green) {
.animate(background-color);
display : inline-block;
padding : 0.6em 1.2em;
- cursor : pointer;
- background-color : @backgroundColor;
font-family : 'Open Sans', sans-serif;
font-size : 0.8em;
font-weight : 800;
color : white;
- text-decoration : none;
text-transform : uppercase;
- border : none;
+ text-decoration : none;
+ cursor : pointer;
outline : none;
- &:hover{
- background-color : darken(@backgroundColor, 5%);
- }
- &:active{
- background-color : darken(@backgroundColor, 10%);
- }
- &:disabled{
+ background-color : @backgroundColor;
+ border : none;
+ &:hover { background-color : darken(@backgroundColor, 5%); }
+ &:active { background-color : darken(@backgroundColor, 10%); }
+ &:disabled {
+ cursor : not-allowed;
background-color : @silver !important;
- cursor:not-allowed;
}
}
diff --git a/shared/naturalcrit/styles/elements.less b/shared/naturalcrit/styles/elements.less
index e7f8b05f5..ca4574f26 100644
--- a/shared/naturalcrit/styles/elements.less
+++ b/shared/naturalcrit/styles/elements.less
@@ -1,86 +1,76 @@
@containerWidth : 1000px;
-html, body{
+html, body {
position : relative;
height : 100%;
min-height : 100%;
- background-color : #eee;
font-family : 'Lato', sans-serif;
color : @copyGrey;
+ background-color : #EEEEEE;
}
-.container{
+.container {
position : relative;
max-width : @containerWidth;
- margin : 0 auto;
padding-right : 20px;
padding-left : 20px;
+ margin : 0 auto;
}
-h1{
+h1 {
margin-top : 10px;
margin-bottom : 15px;
font-size : 2em;
}
-h2{
+h2 {
margin-top : 10px;
margin-bottom : 15px;
font-size : 1.5em;
font-weight : 900;
}
-h3{
+h3 {
margin-top : 5px;
margin-bottom : 7px;
font-size : 1em;
font-weight : 900;
}
-p{
+p {
margin-bottom : 1em;
font-size : 16px;
- color : @copyGrey;
line-height : 1.5em;
+ color : @copyGrey;
}
-code{
- background-color : #F8F8F8;
- font-family : 'Courier', mono;
+code {
+ font-family : 'Courier', "mono";
color : black;
white-space : pre;
+ background-color : #F8F8F8;
}
-a{
- color : inherit;
-}
-strong{
- font-weight : bold;
-}
-button{
+a { color : inherit; }
+strong { font-weight : bold; }
+button {
.button();
}
-.button(@backgroundColor : @green){
+.button(@backgroundColor : @green) {
.animate(background-color);
display : inline-block;
padding : 0.6em 1.2em;
- cursor : pointer;
- background-color : @backgroundColor;
- font-family : "Lato", Helvetica, Arial, sans-serif;
+ font-family : 'Lato', "Helvetica", "Arial", sans-serif;
font-size : 15px;
color : white;
text-decoration : none;
- border : none;
- outline : none;
- &:hover{
- background-color : darken(@backgroundColor, 5%);
- }
- &:active{
- background-color : darken(@backgroundColor, 10%);
- }
- &:disabled{
- background-color : @silver !important;
- }
-}
-.iconButton(@backgroundColor : @green){
- padding : 0.6em;
cursor : pointer;
+ outline : none;
background-color : @backgroundColor;
+ border : none;
+ &:hover { background-color : darken(@backgroundColor, 5%); }
+ &:active { background-color : darken(@backgroundColor, 10%); }
+ &:disabled { background-color : @silver !important; }
+}
+.iconButton(@backgroundColor : @green) {
+ padding : 0.6em;
font-size : 14px;
color : white;
text-align : center;
+ cursor : pointer;
+ background-color : @backgroundColor;
}
\ No newline at end of file
diff --git a/shared/naturalcrit/styles/reset.less b/shared/naturalcrit/styles/reset.less
index df5564a21..21e07a1c0 100644
--- a/shared/naturalcrit/styles/reset.less
+++ b/shared/naturalcrit/styles/reset.less
@@ -1,33 +1,23 @@
-:where(html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,button,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video){
- border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0
+:where(html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,button,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video) {padding : 0;margin : 0;font : inherit;font-size : 100%;vertical-align : baseline;
+ border : 0;
}
-:where(article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section){
- display:block
-}
+:where(article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section) { display : block; }
-:where(body){
- line-height:1
-}
+:where(body) { line-height : 1; }
-:where(ol,ul){
- list-style:none
-}
+:where(ol,ul) { list-style : none; }
-:where(blockquote,q){
- quotes:none
-}
+:where(blockquote,q) { quotes : none; }
-:where(blockquote:before,blockquote:after,q:before,q:after){
- content:none
-}
+:where(blockquote::before,blockquote::after,q::before,q::after) { content : none; }
-:where(table){
- border-collapse:collapse;border-spacing:0
+:where(table) {border-spacing : 0;
+ border-collapse : collapse;
}
:where(button) {
- background-color: unset;
- text-transform: unset;
- color: unset;
+ color : unset;
+ text-transform : unset;
+ background-color : unset;
}
diff --git a/shared/naturalcrit/styles/tooltip.less b/shared/naturalcrit/styles/tooltip.less
index 078cfd0c1..b21439486 100644
--- a/shared/naturalcrit/styles/tooltip.less
+++ b/shared/naturalcrit/styles/tooltip.less
@@ -2,116 +2,115 @@
@tooltipColor : #383838;
@arrowSize : 6px;
@arrowPosition : 18px;
-[data-tooltip]{
+[data-tooltip] {
.tooltip(attr(data-tooltip));
}
-[data-tooltip-top]{
+[data-tooltip-top] {
.tooltipTop(attr(data-tooltip-top));
}
-[data-tooltip-bottom]{
+[data-tooltip-bottom] {
.tooltipBottom(attr(data-tooltip-bottom));
}
-[data-tooltip-left]{
+[data-tooltip-left] {
.tooltipLeft(attr(data-tooltip-left));
}
-[data-tooltip-right]{
+[data-tooltip-right] {
.tooltipRight(attr(data-tooltip-right));
}
-.tooltip(@content){
+.tooltip(@content) {
.tooltipBottom(@content);
}
-.tooltipTop(@content){
+.tooltipTop(@content) {
.tooltipBase(@content);
- &:before {
+ &::before {
margin-bottom : -@arrowSize * 2;
border-top-color : @tooltipColor;
}
- &:after{ margin-left: -18px; }
- &:before, &:after{
+ &::after { margin-left : -18px; }
+ &::before, &::after {
bottom : 100%;
left : 50%;
}
- &:hover:after, &:hover:before, &:focus:after, &:focus:before {
+ &:hover::after, &:hover::before, &:focus::after, &:focus::before {
.transform(translateY(-(@arrowSize + 2)));
}
}
-.tooltipBottom(@content){
+.tooltipBottom(@content) {
.tooltipBase(@content);
- &:before {
+ &::before {
margin-top : -@arrowSize * 2;
border-bottom-color : @tooltipColor;
}
- &:after{ margin-left: -18px; }
- &:before, &:after{
+ &::after { margin-left : -18px; }
+ &::before, &::after {
top : 100%;
left : 50%;
}
- &:hover:after, &:hover:before, &:focus:after, &:focus:before {
+ &:hover::after, &:hover::before, &:focus::after, &:focus::before {
.transform(translateY(@arrowSize + 2));
}
}
-.tooltipLeft(@content){
+.tooltipLeft(@content) {
.tooltipBase(@content);
- &:before {
+ &::before {
margin-right : -@arrowSize * 2;
margin-bottom : -@arrowSize;
border-left-color : @tooltipColor;
}
- &:after{ margin-bottom: -14px;}
- &:before, &:after {
+ &::after { margin-bottom : -14px;}
+ &::before, &::after {
right : 100%;
bottom : 50%;
}
- &:hover:after, &:hover:before, &:focus:after, &:focus:before {
+ &:hover::after, &:hover::before, &:focus::after, &:focus::before {
.transform(translateX(-(@arrowSize + 2)));
}
}
-.tooltipRight(@content){
+.tooltipRight(@content) {
.tooltipBase(@content);
- &:before {
+ &::before {
margin-bottom : -@arrowSize;
margin-left : -@arrowSize * 2;
border-right-color : @tooltipColor;
}
- &:after{ margin-bottom: -14px;}
- &:before, &:after {
+ &::after { margin-bottom : -14px;}
+ &::before, &::after {
bottom : 50%;
left : 100%;
}
- &:hover:after, &:hover:before, &:focus:after, &:focus:before {
+ &:hover::after, &:hover::before, &:focus::after, &:focus::before {
.transform(translateX(@arrowSize + 2));
}
}
-.tooltipShow(){
-}
-.tooltipBase(@content){
+.tooltipShow(){ }
+.tooltipBase(@content) {
//position: relative;
- &:before, &:after{
+ &::before, &::after {
.animateAll();
position : absolute;
z-index : 1000000;
- opacity : 0;
pointer-events : none;
+ opacity : 0;
}
//Arrow
- &:before{
- content : '';
+ &::before {
z-index : 1000001;
+ content : '';
background : transparent;
border : @arrowSize solid transparent;
}
//Box
- &:after{
- content : @content;
+ &::after {
visibility : hidden;
padding : 8px 10px;
- background : @tooltipColor;
font-size : 12px;
- color : white;
line-height : 12px;
+ color : white;
white-space : nowrap;
+ content : @content;
+ background : @tooltipColor;
}
- &:hover:before, &:hover:after {
+ &:hover::before, &:hover::after {
visibility : visible;
opacity : 1;
}
diff --git a/tests/markdown/basic.test.js b/tests/markdown/basic.test.js
index e5feec0b3..aaa2adf58 100644
--- a/tests/markdown/basic.test.js
+++ b/tests/markdown/basic.test.js
@@ -1,4 +1,4 @@
-/* eslint-disable max-lines */
+
import Markdown from 'naturalcrit/markdown.js';
diff --git a/tests/markdown/definition-lists.test.js b/tests/markdown/definition-lists.test.js
index 039754ca1..144dad880 100644
--- a/tests/markdown/definition-lists.test.js
+++ b/tests/markdown/definition-lists.test.js
@@ -1,4 +1,4 @@
-/* eslint-disable max-lines */
+
import Markdown from 'naturalcrit/markdown.js';
@@ -92,12 +92,12 @@ describe('Multiline Definition Lists', ()=>{
test('Multiline Definition Term must have at least one non-empty Definition', function() {
const source = 'Term 1\n::';
const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`Term 1
\n
`);
+ expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`Term 1
\n
\n
`);
});
test('Multiline Definition List must have at least one non-newline character after ::', function() {
const source = 'Term 1\n::\nDefinition 1\n\n';
const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`Term 1
\n
\nDefinition 1
`);
+ expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`Term 1
\n
\n
\nDefinition 1
`);
});
});
diff --git a/tests/markdown/hard-breaks.test.js b/tests/markdown/hard-breaks.test.js
index 8af102716..63bfaef9c 100644
--- a/tests/markdown/hard-breaks.test.js
+++ b/tests/markdown/hard-breaks.test.js
@@ -1,4 +1,4 @@
-/* eslint-disable max-lines */
+
import Markdown from 'naturalcrit/markdown.js';
@@ -12,31 +12,31 @@ describe('Hard Breaks', ()=>{
test('Double Break', function() {
const source = '::\n\n';
const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`
`);
+ expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`
\n
`);
});
test('Triple Break', function() {
const source = ':::\n\n';
const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`
`);
+ expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`
\n
\n
`);
});
test('Many Break', function() {
const source = '::::::::::\n\n';
const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`
`);
+ expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`
\n
\n
\n
\n
\n
\n
\n
\n
\n
`);
});
test('Multiple sets of Breaks', function() {
const source = ':::\n:::\n:::';
const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`
\n
\n
`);
+ expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`
\n
\n
\n
\n
\n
\n
\n
\n
`);
});
test('Break directly between two paragraphs', function() {
const source = 'Line 1\n::\nLine 2';
const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`Line 1
\n
\nLine 2
`);
+ expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`Line 1
\n
\n
\nLine 2
`);
});
test('Ignored inside a code block', function() {
diff --git a/tests/markdown/non-breaking-spaces.test.js b/tests/markdown/non-breaking-spaces.test.js
index 9dad4eb0f..e498645a6 100644
--- a/tests/markdown/non-breaking-spaces.test.js
+++ b/tests/markdown/non-breaking-spaces.test.js
@@ -1,72 +1,24 @@
-/* eslint-disable max-lines */
+
import Markdown from 'naturalcrit/markdown.js';
-describe('Non-Breaking Spaces', ()=>{
- test('Single Space', function() {
- const source = ':>\n\n';
- const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`
`);
- });
-
- test('Double Space', function() {
- const source = ':>>\n\n';
- const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`
`);
- });
-
- test('Triple Space', function() {
- const source = ':>>>\n\n';
- const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`
`);
- });
-
- test('Many Space', function() {
- const source = ':>>>>>>>>>>\n\n';
- const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`
`);
- });
-
- test('Multiple sets of Spaces', function() {
- const source = ':>>>\n:>>>\n:>>>';
- const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(` \n \n
`);
- });
-
- test('Pair of inline Spaces', function() {
- const source = ':>>:>>';
- const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`
`);
- });
-
- test('Space directly between two paragraphs', function() {
- const source = 'Line 1\n:>>\nLine 2';
- const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`Line 1\n \nLine 2
`);
- });
-
- test('Ignored inside a code block', function() {
- const source = '```\n\n:>\n\n```\n';
- const rendered = Markdown.render(source).trim();
- expect(rendered, `Input:\n${source}`, { showPrefix: false }).toBe(`\n:>\nTerm > Definition 1 \nTerm > Definition 1 \nTerm \n> Definition 1 Term \n> Definition 1 Term \n> Definition 1 \n>> Definition 2 Term \n> Definition 1 \n>> Definition 2 two
one
\\pagetwo
');
});
+
+ it('Page numbering across pages : default', function() {
+ const source0 = `$[HB_pageNumber]\n\n`;
+ const source1 = `$[HB_pageNumber]\n\n`;
+ renderAllPages([source0, source1]).join('\n\\page\n').trimReturns(); //Requires one full render of document before hoisting is picked up
+ const rendered = renderAllPages([source0, source1]).join('\n\\page\n').trimReturns();
+ expect(rendered, `Input:\n${[source0, source1].join('\n\\page\n')}`, { showPrefix: false }).toBe('1
\\page2
');
+ });
+
+ it('Page numbering across pages : custom page number (Number)', function() {
+ const source0 = `[HB_pageNumber]:100\n\n$[HB_pageNumber]\n\n`;
+ const source1 = `$[HB_pageNumber]\n\n`;
+ renderAllPages([source0, source1]).join('\n\\page\n').trimReturns(); //Requires one full render of document before hoisting is picked up
+ const rendered = renderAllPages([source0, source1]).join('\n\\page\n').trimReturns();
+ expect(rendered, `Input:\n${[source0, source1].join('\n\\page\n')}`, { showPrefix: false }).toBe('100
\\page101
');
+ });
+
+ it('Page numbering across pages : custom page number (NaN)', function() {
+ const source0 = `[HB_pageNumber]:a\n\n$[HB_pageNumber]\n\n`;
+ const source1 = `$[HB_pageNumber]\n\n`;
+ renderAllPages([source0, source1]).join('\n\\page\n').trimReturns(); //Requires one full render of document before hoisting is picked up
+ const rendered = renderAllPages([source0, source1]).join('\n\\page\n').trimReturns();
+ expect(rendered, `Input:\n${[source0, source1].join('\n\\page\n')}`, { showPrefix: false }).toBe('a
\\pagea
');
+ });
});
describe('Math function parameter handling', ()=>{
@@ -410,4 +434,102 @@ describe('Regression Tests', ()=>{
const rendered = Markdown.render(source).trimReturns();
expect(rendered).toBe('title 1 title 2 title 3 title 4 foo Ipsum ) )
');
});
+
+ it('Handle Extra spaces in image alt-text 1', function(){
+ const source='';
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('
');
+ });
+
+ it('Handle Extra spaces in image alt-text 2', function(){
+ const source='';
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('
');
+ });
+
+ it('Handle Extra spaces in image alt-text 3', function(){
+ const source='';
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('
');
+ });
+
+ it('Handle Extra spaces in image alt-text 4', function(){
+ const source='{height=20%,width=20%}';
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('
');
+ });
+});
+
+describe('Custom Math Function Tests', ()=>{
+ it('Sign Test', function() {
+ const source = `[a]: 13\n\n[b]: -11\n\nPositive: $[sign(a)]\n\nNegative: $[sign(b)]`;
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('Positive: +
Negative: -
');
+ });
+
+ it('Signed Test', function() {
+ const source = `[a]: 13\n\n[b]: -11\n\nPositive: $[signed(a)]\n\nNegative: $[signed(b)]`;
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('Positive: +13
Negative: -11
');
+ });
+
+ it('Roman Numerals Test', function() {
+ const source = `[a]: 18\n\nRoman Numeral: $[toRomans(a)]`;
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('Roman Numeral: XVIII
');
+ });
+
+ it('Roman Numerals Test - Uppercase', function() {
+ const source = `[a]: 18\n\nRoman Numeral: $[toRomansUpper(a)]`;
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('Roman Numeral: XVIII
');
+ });
+
+ it('Roman Numerals Test - Lowercase', function() {
+ const source = `[a]: 18\n\nRoman Numeral: $[toRomansLower(a)]`;
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('Roman Numeral: xviii
');
+ });
+
+ it('Number to Characters Test', function() {
+ const source = `[a]: 18\n\n[b]: 39\n\nCharacters: $[toChar(a)] $[toChar(b)]`;
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('Characters: R AM
');
+ });
+
+ it('Number to Characters Test - Uppercase', function() {
+ const source = `[a]: 18\n\n[b]: 39\n\nCharacters: $[toCharUpper(a)] $[toCharUpper(b)]`;
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('Characters: R AM
');
+ });
+
+ it('Number to Characters Test - Lowercase', function() {
+ const source = `[a]: 18\n\n[b]: 39\n\nCharacters: $[toCharLower(a)] $[toCharLower(b)]`;
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('Characters: r am
');
+ });
+
+ it('Number to Words Test', function() {
+ const source = `[a]: 80085\n\nWords: $[toWords(a)]`;
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('Words: eighty thousand and eighty-five
');
+ });
+
+ it('Number to Words Test - Uppercase', function() {
+ const source = `[a]: 80085\n\nWords: $[toWordsUpper(a)]`;
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('Words: EIGHTY THOUSAND AND EIGHTY-FIVE
');
+ });
+
+ it('Number to Words Test - Lowercase', function() {
+ const source = `[a]: 80085\n\nWords: $[toWordsLower(a)]`;
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('Words: eighty thousand and eighty-five
');
+ });
+
+ it('Number to Words Test - Capitalized', function() {
+ const source = `[a]: 80085\n\nWords: $[toWordsCaps(a)]`;
+ const rendered = Markdown.render(source).trimReturns();
+ expect(rendered).toBe('Words: Eighty Thousand And Eighty-Five
');
+ });
});
\ No newline at end of file
diff --git a/themes/Legacy/5ePHB/style.less b/themes/Legacy/5ePHB/style.less
index 4ebfbf840..41524c74c 100644
--- a/themes/Legacy/5ePHB/style.less
+++ b/themes/Legacy/5ePHB/style.less
@@ -9,26 +9,22 @@
@headerText : #58180D; // Dark maroon
@monsterStatBackground : #FDF1DC; // Lighter parchment
@captionText : #766649; // Brown
-@page { margin: 0; }
-body {
- counter-reset : phb-page-numbers;
-}
-*{
- -webkit-print-color-adjust : exact;
-}
-.useSansSerif(){
- font-family : ScalySans;
- em{
- font-family : ScalySans;
+@page { margin : 0; }
+body { counter-reset : phb-page-numbers; }
+* { -webkit-print-color-adjust : exact; }
+.useSansSerif() {
+ font-family : 'ScalySans';
+ em {
+ font-family : 'ScalySans';
font-style : italic;
}
- strong{
- font-family : ScalySans;
+ strong {
+ font-family : 'ScalySans';
font-weight : 800;
letter-spacing : -0.02em;
}
}
-.useColumns(@multiplier : 1){
+.useColumns(@multiplier : 1) {
column-count : 2;
column-fill : auto;
column-gap : 1cm;
@@ -40,21 +36,21 @@ body {
-webkit-column-gap : 1cm;
-moz-column-gap : 1cm;
}
-.phb, .page{
+.phb, .page {
.useColumns();
- counter-increment : phb-page-numbers;
position : relative;
z-index : 15;
box-sizing : border-box;
- overflow : hidden;
- height : 279.4mm;
width : 215.9mm;
+ height : 279.4mm;
padding : 1.0cm 1.7cm;
padding-bottom : 1.5cm;
+ overflow : hidden;
+ font-family : 'BookSanity';
+ font-size : 0.317cm;
+ counter-increment : phb-page-numbers;
background-color : @background;
background-image : @backgroundImage;
- font-family : BookSanity;
- font-size : 0.317cm;
text-rendering : optimizeLegibility;
page-break-before : always;
page-break-after : always;
@@ -63,199 +59,175 @@ body {
contain-intrinsic-size : auto none;
}
-.phb{
+.phb {
//*****************************
// * BASE
// *****************************/
- p{
+ p {
padding-bottom : 0.8em;
line-height : 1.269em;
- &+p{
- margin-top : -0.8em;
- }
+ & + p { margin-top : -0.8em; }
}
- ul{
- margin-bottom : 0.8em;
+ ul {
padding-left : 1.4em;
+ margin-bottom : 0.8em;
line-height : 1.269em;
list-style-position : outside;
list-style-type : disc;
}
- ol{
- margin-bottom : 0.8em;
+ ol {
padding-left : 1.4em;
+ margin-bottom : 0.8em;
line-height : 1.269em;
list-style-position : outside;
list-style-type : decimal;
}
//Indents after p or lists
- p+p, ul+p, ol+p{
- text-indent : 1em;
- }
- img{
- z-index : -1;
- }
- strong{
+ p + p, ul + p, ol + p { text-indent : 1em; }
+ img { z-index : -1; }
+ strong {
font-weight : bold;
letter-spacing : 0.03em;
}
- em{
- font-style : italic;
- }
- sup{
+ em { font-style : italic; }
+ sup {
+ font-size : smaller;
+ line-height : 0;
vertical-align : super;
- font-size : smaller;
- line-height : 0;
}
- sub{
- vertical-align : sub;
+ sub {
font-size : smaller;
line-height : 0;
+ vertical-align : sub;
}
//*****************************
// * HEADERS
// *****************************/
- h1,h2,h3,h4{
+ h1,h2,h3,h4 {
margin-top : 0.2em;
margin-bottom : 0.2em;
- font-family : MrJeeves;
+ font-family : 'MrJeeves';
font-weight : 800;
color : @headerText;
}
- h1{
+ h1 {
column-span : all;
font-size : 0.987cm;
-webkit-column-span : all;
-moz-column-span : all;
- &+p::first-letter{
+ & + p::first-letter {
float : left;
- font-family : Solberry;
+ font-family : 'Solberry';
font-size : 10em;
- color : #222;
line-height : 0.795em;
+ color : #222222;
}
}
- h2{
- font-size : 0.705cm;
- }
- h3{
+ h2 { font-size : 0.705cm; }
+ h3 {
font-size : 0.529cm;
border-bottom : 2px solid @headerUnderline;
}
- h4{
+ h4 {
margin-bottom : 0.00em;
font-size : 0.458cm;
}
- h5{
+ h5 {
margin-bottom : 0.2em;
- font-family : ScalySansSmallCaps;
+ font-family : 'ScalySansSmallCaps';
font-size : 0.423cm;
font-weight : 900;
}
//*****************************
// * TABLE
// *****************************/
- table{
+ table {
.useSansSerif();
width : 100%;
margin-bottom : 1em;
font-size : 10pt;
- thead{
- display: table-row-group;
+ thead {
+ display : table-row-group;
font-weight : 800;
- th{
- vertical-align : bottom;
- padding-bottom : 0.3em;
+ th {
padding-right : 0.1em;
+ padding-bottom : 0.3em;
padding-left : 0.1em;
+ vertical-align : bottom;
}
}
- tbody{
- tr{
- td{
- padding : 0.3em 0.1em;
- }
- &:nth-child(odd){
- background-color : @noteGreen;
- }
+ tbody {
+ tr {
+ td { padding : 0.3em 0.1em; }
+ &:nth-child(odd) { background-color : @noteGreen; }
}
}
}
//*****************************
// * NOTE
// *****************************/
- blockquote{
+ blockquote {
.useSansSerif();
box-sizing : border-box;
- margin-bottom : 1em;
padding : 5px 10px;
+ margin-bottom : 1em;
background-color : @noteGreen;
border-style : solid;
border-width : 11px;
border-image : @noteBorderImage 11;
border-image-outset : 9px 0px;
- box-shadow : 1px 4px 14px #888;
- p, ul{
+ box-shadow : 1px 4px 14px #888888;
+ p, ul {
font-size : 0.352cm;
line-height : 1.083em;
}
}
//If a note starts a column, give it space at the top to render border
- pre+blockquote, h2+blockquote, h3+blockquote, h4+blockquote, h5+blockquote {
- margin-top : 13px;
- }
+ pre + blockquote, h2 + blockquote, h3 + blockquote, h4 + blockquote, h5 + blockquote { margin-top : 13px; }
//*****************************
// * MONSTER STAT BLOCK
// *****************************/
- hr+blockquote{
+ hr+blockquote {
position : relative;
padding-top : 15px;
background-color : @monsterStatBackground;
border-style : solid;
border-width : 10px;
border-image : @monsterBorderImageLegacy 10;
- h2{
+ h2 {
margin-top : -8px;
margin-bottom : 0px;
- &+p{
- padding-bottom : 0px;
- }
+ & + p { padding-bottom : 0px; }
}
- h3{
- font-family : ScalySans;
- font-weight : 400;
+ h3 {
+ font-family : 'ScalySans';
+ font-weight : normal;
border-bottom : 1px solid @headerText;
}
- hr+ul{
- color : @headerText;
- }
- ul{
+ hr + ul { color : @headerText; }
+ ul {
.useSansSerif();
padding-left : 1em;
font-size : 0.352cm;
}
// Monster Ability table
- hr+table{
+ hr + table {
margin : 0;
background-color : transparent;
border-style : none;
border-image : none;
- tbody{
- tr:nth-child(odd), tr:nth-child(even){
- background-color : transparent;
- }
+ tbody {
+ tr:nth-child(odd), tr:nth-child(even) { background-color : transparent; }
}
}
- table{
- color : @headerText;
- }
- p+p{
- margin-top : 0em;
+ table { color : @headerText; }
+ p + p {
padding-bottom : 0.5em;
+ margin-top : 0em;
text-indent : 0em;
}
//Triangle dividers
- hr{
+ hr {
visibility : visible;
height : 6px;
margin : 4px 0px;
@@ -265,100 +237,90 @@ body {
}
}
//Full Width
- hr+hr+blockquote{
+ hr + hr + blockquote {
.useColumns(0.96);
column-fill : balance;
}
//*****************************
// * FOOTER
// *****************************/
- &:after{
- content : "";
+ &:after {
position : absolute;
bottom : 0px;
left : 0px;
z-index : 100;
- height : 50px;
width : 100%;
+ height : 50px;
+ content : '';
background-image : @footerAccentImage;
background-size : cover;
}
- &:nth-child(even){
- &:after{
- transform : scaleX(-1);
- }
- .pageNumber{
- left : 2px;
- }
- .footnote{
+ &:nth-child(even) {
+ &::after { transform : scaleX(-1); }
+ .pageNumber { left : 2px; }
+ .footnote {
left : 80px;
text-align : left;
}
}
- .pageNumber{
+ .pageNumber {
position : absolute;
right : 2px;
bottom : 22px;
width : 50px;
font-size : 0.9em;
- color : #c9ad6a;
+ color : #C9AD6A;
text-align : center;
- &.auto::after {
- content : counter(phb-page-numbers);
- }
+ &.auto::after { content : counter(phb-page-numbers); }
}
- .footnote{
+ .footnote {
position : absolute;
right : 80px;
bottom : 32px;
z-index : 150;
width : 200px;
font-size : 0.8em;
- color : #c9ad6a;
+ color : #C9AD6A;
text-align : right;
}
//*****************************
// * EXTRAS
// *****************************/
- hr{
+ hr {
visibility : hidden;
margin : 0px;
}
//Modified unorder list, used in spells
- hr+ul{
- margin-bottom : 0.5em;
+ hr + ul {
padding-left : 1em;
+ margin-bottom : 0.5em;
text-indent : -1em;
list-style-type : none;
}
//Column Break
- pre, code{
+ pre, code {
visibility : hidden;
-webkit-column-break-after : always;
break-after : always;
-moz-column-break-after : always;
}
//Avoid breaking up
- p,blockquote,table{
+ p,blockquote,table {
z-index : 15;
-webkit-column-break-inside : avoid;
page-break-inside : avoid;
break-inside : avoid;
}
//Better spacing for spell blocks
- h4+p+hr+ul{
- margin-top : -0.5em
- }
+ h4 + p + hr + ul { margin-top : -0.5em; }
//Text indent right after table
- table+p{
- text-indent : 1em;
- }
+ table + p { text-indent : 1em; }
// Nested lists
- ul ul,ol ol,ul ol,ol ul{
+ ul ul,ol ol,ul ol,ol ul {
margin-bottom : 0px;
margin-left : 1.5em;
}
- li{
+ li {
-webkit-column-break-inside : avoid;
page-break-inside : avoid;
break-inside : avoid;
@@ -367,89 +329,81 @@ body {
//*****************************
// * SPELL LIST
// *****************************/
-.phb .spellList{
+.phb .spellList {
.useSansSerif();
column-count : 4;
- column-span : all;
-webkit-column-span : all;
-moz-column-span : all;
- ul+h5{
- margin-top : 15px;
- }
- p, ul{
+ column-span : all;
+ ul + h5 { margin-top : 15px; }
+ p, ul {
font-size : 0.352cm;
line-height : 1.263em;
}
- ul{
- margin-bottom : 0.5em;
+ ul {
padding-left : 1em;
+ margin-bottom : 0.5em;
text-indent : -1em;
list-style-type : none;
+ break-inside : auto;
-webkit-column-break-inside : auto;
page-break-inside : auto;
- break-inside : auto;
}
}
//*****************************
// * WIDE
// *****************************/
-.phb .wide{
- column-span : all;
+.phb .wide {
-webkit-column-span : all;
-moz-column-span : all;
+ column-span : all;
}
//*****************************
// * CLASS TABLE
// *****************************/
-.phb .classTable{
+.phb .classTable {
margin-top : 25px;
margin-bottom : 40px;
border-collapse : separate;
background-color : white;
border : initial;
border-style : solid;
+ border-image-source : @frameBorderImage;
+ border-image-slice : 150 200 150 200;
+ border-image-width : 47px;
border-image-outset : 25px 17px;
border-image-repeat : stretch;
- border-image-slice : 150 200 150 200;
- border-image-source : @frameBorderImage;
- border-image-width : 47px;
- h5{
- margin-bottom : 10px;
- }
+ h5 { margin-bottom : 10px; }
}
//************************************
// * DESCRIPTIVE TEXT BOX
// ************************************/
-.phb .descriptive{
+.phb .descriptive {
margin-bottom : 1em;
- background-color : #faf7ea;
- font-family : ScalySans;
+ font-family : 'ScalySans';
+ background-color : #FAF7EA;
border-style : solid;
border-width : 7px;
border-image : @descriptiveBoxImage 12 stretch;
border-image-outset : 4px;
- box-shadow : 0px 0px 6px #faf7ea;
- p{
+ box-shadow : 0px 0px 6px #FAF7EA;
+ p {
display : block;
padding-bottom : 0px;
line-height : 1.47em;
}
- p + p {
- padding-top : .8em;
- }
+ p + p { padding-top : 0.8em; }
em {
- font-family : ScalySans;
+ font-family : 'ScalySans';
font-style : italic;
}
strong {
- font-family : ScalySans;
+ font-family : 'ScalySans';
font-weight : 800;
letter-spacing : -0.02em;
}
}
-.phb pre+.descriptive{
- margin-top : 8px;
-}
+.phb pre + .descriptive { margin-top : 8px; }
//*****************************
// * ARTIST CREDIT BLOCK
@@ -457,47 +411,41 @@ body {
.phb {
.artist {
position : absolute;
- text-align : center;
- font-family : WalterTurncoat;
+ font-family : 'WalterTurncoat';
font-size : 0.27cm;
color : @captionText;
+ text-align : center;
p, p + p {
margin : unset;
- text-indent : unset;
line-height : 0.941em;
+ text-indent : unset;
}
- h5 {
+ h5 {
+ font-family : 'WalterTurncoat';
font-size : 1.3em;
- font-family : WalterTurncoat;
}
- a{
+ a {
color : inherit;
text-decoration : unset;
- &:hover {
- text-decoration : underline;
- }
+ &:hover { text-decoration : underline; }
}
}
}
//*****************************
// * TABLE OF CONTENTS
// *****************************/
-.phb .toc{
+.phb .toc {
-webkit-column-break-inside : avoid;
page-break-inside : avoid;
break-inside : avoid;
- a{
+ a {
color : black;
text-decoration : none;
- &:hover{
- text-decoration : underline;
- }
+ &:hover { text-decoration : underline; }
}
- ul{
+ ul {
padding-left : 0;
list-style-type : none;
}
- &>ul>li{
- margin-bottom : 10px;
- }
+ & > ul > li { margin-bottom : 10px; }
}
diff --git a/themes/V3/5eDMG/snippets.js b/themes/V3/5eDMG/snippets.js
index 636befb60..bad5e8e6a 100644
--- a/themes/V3/5eDMG/snippets.js
+++ b/themes/V3/5eDMG/snippets.js
@@ -1,4 +1,4 @@
-/* eslint-disable max-lines */
+
module.exports = [
];
diff --git a/themes/V3/5eDMG/style.less b/themes/V3/5eDMG/style.less
index 2ced98312..d79533c2c 100644
--- a/themes/V3/5eDMG/style.less
+++ b/themes/V3/5eDMG/style.less
@@ -7,37 +7,29 @@
}
.page {
- background-image : url(/assets/DMG_background.png);
+ background-image : url('/assets/DMG_background.png');
background-size : cover;
- /*TABLES WITHIN NOTES*/
- .note table tbody tr:nth-child(odd) {
- background:#fff;
- }
+ /* TABLES WITHIN NOTES */
+ .note table tbody tr:nth-child(odd) { background : #FFFFFF; }
- /*DROP CAP*/
+ /* DROP CAP */
h1 + p::first-letter {
- background-image: unset;
- color:black;
+ color : black;
+ background-image : unset;
}
- .quote p:first-child::first-line {
- all: unset;
+ .quote p:first-child::first-line { all : unset; }
+
+ &::after {
+ height : 58px;
+ background-image : url('/assets/DMG_footerAccent.png');
}
- &:after {
- background-image : url(/assets/DMG_footerAccent.png);
- height: 58px;
- }
-
- .footnote {
- bottom : 40px;
- }
+ .footnote { bottom : 40px; }
}
.page:has(.partCover) {
- .partCover {
- background-image: @partCoverHeaderDMG;
- }
+ .partCover { background-image : @partCoverHeaderDMG; }
}
diff --git a/themes/V3/5ePHB/snippets.js b/themes/V3/5ePHB/snippets.js
index dbcdc6f2a..27ea62bea 100644
--- a/themes/V3/5ePHB/snippets.js
+++ b/themes/V3/5ePHB/snippets.js
@@ -6,164 +6,12 @@ const MonsterBlockGen = require('./snippets/monsterblock.gen.js');
const scriptGen = require('./snippets/script.gen.js');
const ClassFeatureGen = require('./snippets/classfeature.gen.js');
const CoverPageGen = require('./snippets/coverpage.gen.js');
-const TableOfContentsGen = require('./snippets/tableOfContents.gen.js');
-const indexGen = require('./snippets/index.gen.js');
const QuoteGen = require('./snippets/quote.gen.js');
const dedent = require('dedent-tabs').default;
module.exports = [
-
- {
- groupName : 'Text Editor',
- icon : 'fas fa-pencil-alt',
- view : 'text',
- snippets : [
- {
- name : 'Table of Contents',
- icon : 'fas fa-book',
- gen : TableOfContentsGen,
- experimental : true,
- subsnippets : [
- {
- name : 'Generate Table of Contents',
- icon : 'fas fa-book',
- gen : TableOfContentsGen,
- experimental : true
- },
- {
- name : 'Table of Contents Individual Inclusion',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocInclude# CHANGE # to your header level
- }}\n`,
- subsnippets : [
- {
- name : 'Individual Inclusion H1',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocIncludeH1 \n
- }}\n`,
- },
- {
- name : 'Individual Inclusion H2',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocIncludeH2 \n
- }}\n`,
- },
- {
- name : 'Individual Inclusion H3',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocIncludeH3 \n
- }}\n`,
- },
- {
- name : 'Individual Inclusion H4',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocIncludeH4 \n
- }}\n`,
- },
- {
- name : 'Individual Inclusion H5',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocIncludeH5 \n
- }}\n`,
- },
- {
- name : 'Individual Inclusion H6',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocIncludeH6 \n
- }}\n`,
- }
- ]
- },
- {
- name : 'Table of Contents Range Inclusion',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocDepthH3
- }}\n`,
- subsnippets : [
- {
- name : 'Include in ToC up to H3',
- icon : 'fas fa-dice-three',
- gen : dedent `\n{{tocDepthH3
- }}\n`,
-
- },
- {
- name : 'Include in ToC up to H4',
- icon : 'fas fa-dice-four',
- gen : dedent `\n{{tocDepthH4
- }}\n`,
- },
- {
- name : 'Include in ToC up to H5',
- icon : 'fas fa-dice-five',
- gen : dedent `\n{{tocDepthH5
- }}\n`,
- },
- {
- name : 'Include in ToC up to H6',
- icon : 'fas fa-dice-six',
- gen : dedent `\n{{tocDepthH6
- }}\n`,
- },
- ]
- },
- {
- name : 'Table of Contents Individual Exclusion',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocExcludeH1 \n
- }}\n`,
- subsnippets : [
- {
- name : 'Individual Exclusion H1',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocExcludeH1 \n
- }}\n`,
- },
- {
- name : 'Individual Exclusion H2',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocExcludeH2 \n
- }}\n`,
- },
- {
- name : 'Individual Exclusion H3',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocExcludeH3 \n
- }}\n`,
- },
- {
- name : 'Individual Exclusion H4',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocExcludeH4 \n
- }}\n`,
- },
- {
- name : 'Individual Exclusion H5',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocExcludeH5 \n
- }}\n`,
- },
- {
- name : 'Individual Exclusion H6',
- icon : 'fas fa-book',
- gen : dedent `\n{{tocExcludeH6 \n
- }}\n`,
- },
- ]
- },
-
- ]
- },
- {
- name : 'Index',
- icon : 'fas fa-bars',
- gen : indexGen,
- experimental : true
- }
- ]
- },
{
groupName : 'Style Editor',
icon : 'fas fa-pencil-alt',
@@ -192,70 +40,9 @@ module.exports = [
line-height: 1em;
}\n\n`
},
- {
- name : 'Table of Contents Toggles',
- icon : 'fas fa-book',
- subsnippets : [
- {
- name : 'Enable H1-H4 all pages',
- icon : 'fas fa-dice-four',
- gen : `.page {\n\th4 {--TOC: include; }\n}\n\n`,
- },
- {
- name : 'Enable H1-H5 all pages',
- icon : 'fas fa-dice-five',
- gen : `.page {\n\th4, h5 {--TOC: include; }\n}\n\n`,
- },
- {
- name : 'Enable H1-H6 all pages',
- icon : 'fas fa-dice-six',
- gen : `.page {\n\th4, h5, h6 {--TOC: include; }\n}\n\n`,
- },
- ]
- }
]
},
-
- /*********************** IMAGES *******************/
- {
- groupName : 'Images',
- icon : 'fas fa-images',
- view : 'text',
- snippets : [
- {
- name : 'Image',
- icon : 'fas fa-image',
- gen : dedent`
-  {width:325px,mix-blend-mode:multiply}
-
- {{artist,position:relative,top:-230px,left:10px,margin-bottom:-30px
- ##### Cat Warrior
- [Kyoung Hwan Kim](https://www.artstation.com/tahra)
- }}`
- },
- {
- name : 'Background Image',
- icon : 'fas fa-tree',
- gen : dedent`
-  {position:absolute,top:50px,right:30px,width:280px}
-
- {{artist,top:80px,right:30px
- ##### Homebrew Mug
- [naturalcrit](https://homebrew.naturalcrit.com)
- }}`
- },
- {
- name : 'Watermark',
- icon : 'fas fa-id-card',
- gen : dedent`
- {{watermark Homebrewery}}\n`
- },
- ]
- },
-
-
/************************* PHB ********************/
-
{
groupName : 'PHB',
icon : 'fas fa-book',
@@ -450,9 +237,6 @@ module.exports = [
]
},
-
-
-
/**************** PAGE *************/
{
diff --git a/themes/V3/5ePHB/snippets/monsterblock.gen.js b/themes/V3/5ePHB/snippets/monsterblock.gen.js
index e61c206f0..dffb59d04 100644
--- a/themes/V3/5ePHB/snippets/monsterblock.gen.js
+++ b/themes/V3/5ePHB/snippets/monsterblock.gen.js
@@ -148,7 +148,7 @@ const genAction = function(){
'Turnbuckle Roll'
]);
- return `***${name}.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2) `;
+ return `***${name}.*** *Melee Weapon Attack:* +4 to hit, reach 5 ft., one target. *Hit:* 5 (1d6 + 2) `;
};
@@ -161,8 +161,8 @@ module.exports = {
*${getType()}, ${getAlignment()}*
___
**Armor Class** :: ${_.random(10, 20)} (chain mail, shield)
- **Hit Points** :: ${_.random(1, 150)}(1d4 + 5)
- **Speed** :: ${_.random(0, 50)}ft.
+ **Hit Points** :: ${_.random(1, 150)} (1d4 + 5)
+ **Speed** :: ${_.random(0, 50)} ft.
___
| STR | DEX | CON | INT | WIS | CHA |
|:-----:|:-----:|:-----:|:-----:|:-----:|:-----:|
diff --git a/themes/V3/5ePHB/style.less b/themes/V3/5ePHB/style.less
index ba975e58a..555866ba4 100644
--- a/themes/V3/5ePHB/style.less
+++ b/themes/V3/5ePHB/style.less
@@ -17,7 +17,6 @@
.useSansSerif() {
font-family : 'ScalySansRemake';
font-size : 0.318cm;
- line-height : 1.2em;
p,dl,ul,ol { line-height : 1.2em; }
ul, ol { padding-left : 1em; }
em { font-style : italic; }
@@ -306,12 +305,12 @@
margin-left : -0.16cm;
background-color : var(--HB_Color_MonsterStatBackground);
background-image : @monsterBlockBackground;
- background-blend-mode : overlay;
border-style : solid;
border-width : 7px 6px;
border-image : @monsterBorderImage 14 round;
border-image-outset : 0px 2px;
box-shadow : 1px 4px 14px #888888;
+ background-blend-mode : overlay;
}
position : relative;
@@ -336,9 +335,9 @@
//Triangle dividers
hr {
+ visibility : visible;
height : 6px;
margin : 0.12cm 0cm;
- visibility : visible;
background-image : @redTriangleImage;
background-size : 100% 100%;
border : none;
@@ -356,8 +355,8 @@
}
.bonus {
- float: right;
- padding-right: 0.5em;
+ float : right;
+ padding-right : 0.5em;
}
// Monster Ability table
@@ -457,8 +456,8 @@
// * EXTRAS
// *****************************/
hr {
- margin : 0px;
visibility : hidden;
+ margin : 0px;
}
//Text indent right after table
table + p { text-indent : 1em; }
@@ -526,10 +525,10 @@
content : '';
background-image : @classTableDecoration,
@classTableDecoration;
- filter : drop-shadow(0px 0px 1px #C8C5C080);
background-repeat : no-repeat, no-repeat;
background-position : top, bottom;
background-size : contain, contain;
+ filter : drop-shadow(0px 0px 1px #C8C5C080);
transform : translateY(-50%) translateX(-50%);
}
&.decoration.wide::before {
@@ -546,39 +545,40 @@
columns : 1;
text-align : center;
&::after { display : none; }
+ .frontCover { position : absolute; }
h1 {
- margin-top : 1.2cm;
- margin-bottom : 0;
- font-family : 'NodestoCapsCondensed';
- font-size : 2.245cm;
- font-weight : normal;
- line-height : 1.9cm;
- color : white;
- text-shadow : unset;
- text-transform : uppercase;
- -webkit-text-stroke: 0.2cm black;
- paint-order:stroke;
+ margin-top : 1.55cm;
+ margin-bottom : 0;
+ font-family : 'NodestoCapsCondensed';
+ font-size : 2.245cm;
+ font-weight : normal;
+ line-height : 1.9cm;
+ color : white;
+ text-transform : uppercase;
+ text-shadow : unset;
+ -webkit-text-stroke : 0.2cm black;
+ paint-order : stroke;
}
h2 {
- font-family : 'NodestoCapsCondensed';
- font-size : 0.85cm;
- font-weight : normal;
- color : white;
- letter-spacing : 0.1cm;
- -webkit-text-stroke: 0.14cm black;
- paint-order:stroke;
+ font-family : 'NodestoCapsCondensed';
+ font-size : 0.85cm;
+ font-weight : normal;
+ color : white;
+ letter-spacing : 0.1cm;
+ -webkit-text-stroke : 0.14cm black;
+ paint-order : stroke;
}
hr {
position : relative;
display : block;
+ visibility : visible;
width : 12cm;
height : 0.5cm;
margin : auto;
- visibility : visible;
background-image : @horizontalRule;
- filter : drop-shadow(0 0 3px black);
background-size : 100% 100%;
border : none;
+ filter : drop-shadow(0 0 3px black);
}
.banner {
position : absolute;
@@ -601,19 +601,19 @@
filter : drop-shadow(2px 2px 2px black);
}
.footnote {
- position : absolute;
- right : 0;
- bottom : 1.3cm;
- left : 0;
- width : 70%;
- margin-right : auto;
- margin-left : auto;
- font-family : 'Overpass';
- font-size : 0.496cm;
- color : white;
- text-align : center;
- -webkit-text-stroke: 0.1cm black;
- paint-order:stroke;
+ position : absolute;
+ right : 0;
+ bottom : 1.3cm;
+ left : 0;
+ width : 70%;
+ margin-right : auto;
+ margin-left : auto;
+ font-family : 'Overpass';
+ font-size : 0.496cm;
+ color : white;
+ text-align : center;
+ -webkit-text-stroke : 0.1cm black;
+ paint-order : stroke;
}
.logo {
position : absolute;
@@ -621,10 +621,7 @@
right : 0;
left : 0;
filter : drop-shadow(0 0 0.075cm black);
- img {
- width : 100%;
- height : 2cm;
- }
+ img { height : 2cm; }
}
}
// *****************************
@@ -634,8 +631,9 @@
columns : 1;
text-align : center;
&::after { display : none; }
+ .insideCover { position : absolute; }
h1 {
- margin-top : 1.2cm;
+ margin-top : 1.55cm;
margin-bottom : 0;
font-family : 'NodestoCapsCondensed';
font-size : 2.1cm;
@@ -652,10 +650,10 @@
hr {
position : relative;
display : block;
+ visibility : visible;
width : 12cm;
height : 0.5cm;
margin : auto;
- visibility : visible;
background-image : @horizontalRule;
background-size : 100% 100%;
border : none;
@@ -666,26 +664,23 @@
bottom : 1cm;
left : 0;
height : 2cm;
- img {
- width : 100%;
- height : 2cm;
- }
+ img { height : 2cm; }
}
}
// *****************************
// * BACK COVER
// *****************************/
.page:has(.backCover) {
- padding : 2.25cm 1.3cm 2cm 1.3cm;
- color : #FFFFFF;
- columns : 1;
+ padding : 2.25cm 1.3cm 2cm 1.3cm;
+ line-height : 1.4em;
+ color : #FFFFFF;
+ columns : 1;
&::after { display : none; }
.columnWrapper { width : 7.6cm; }
.backCover {
position : absolute;
inset : 0;
z-index : -1;
- width : 11cm;
background-image : @backCover;
background-repeat : no-repeat;
background-size : contain;
@@ -708,12 +703,12 @@
height : 100%;
}
hr {
+ visibility : visible;
width : 4.5cm;
height : 0.53cm;
margin-top : 1.1cm;
margin-right : auto;
margin-left : auto;
- visibility : visible;
background-image : @horizontalRule;
background-size : 100% 100%;
border : none;
@@ -737,7 +732,6 @@
img {
position : relative;
z-index : 0;
- width : 100%;
height : 1.5cm;
}
p {
@@ -797,54 +791,13 @@
// * TABLE OF CONTENTS
// *****************************/
-// Default Exclusions
-// Anything not excluded is included, default Headers are H1, H2, and H3.
-h4,
-h5,
-h6,
-.page:has(.frontCover),
-.page:has(.backCover),
-.page:has(.insideCover),
-.monster,
-.noToC,
-.toc { --TOC: exclude; }
-
-
-// Brew level default inclusion changes.
-// These add Headers 'back' to inclusion.
-
-//NOTE: DO NOT USE :HAS WITH .PAGES!!! EXTREMELY SLOW TO RENDER ON LARGE DOCS!
-
-// Block level inclusion changes
-// These include either a single (include) or a range (depth)
-.tocIncludeH1 h1 {--TOC: include; }
-.tocIncludeH2 h2 {--TOC: include; }
-.tocIncludeH3 h3 {--TOC: include; }
-.tocIncludeH4 h4 {--TOC: include; }
-.tocIncludeH5 h5 {--TOC: include; }
-.tocIncludeH6 h6 {--TOC: include; }
-
-.tocDepthH2 :is(h1, h2) {--TOC: include; }
-.tocDepthH3 :is(h1, h2, h3) {--TOC: include; }
-.tocDepthH4 :is(h1, h2, h3, h4) {--TOC: include; }
-.tocDepthH5 :is(h1, h2, h3, h4, h5) {--TOC: include; }
-.tocDepthH6 :is(h1, h2, h3, h4, h5, h6) {--TOC: include; }
-
-// Block level exclusion changes
-// These exclude a single block level
-.tocExcludeH1 h1 {--TOC: exclude; }
-.tocExcludeH2 h2 {--TOC: exclude; }
-.tocExcludeH3 h3 {--TOC: exclude; }
-.tocExcludeH4 h4 {--TOC: exclude; }
-.tocExcludeH5 h5 {--TOC: exclude; }
-.tocExcludeH6 h6 {--TOC: exclude; }
+// Additional Default Exclusions
+.monster { --TOC : exclude; }
.page:has(.partCover) {
- --TOC: exclude;
- & h1 {
- --TOC: include;
- }
- }
+ --TOC : exclude;
+ & h1 { --TOC : include; }
+}
.page {
&:has(.toc)::after { display : none; }
@@ -910,9 +863,7 @@ h6,
.useColumns(0.96, @fillMode: balance);
}
}
- .toc.wide li {
- break-inside: auto;
- }
+ .toc.wide li { break-inside : auto; }
}
// *****************************
@@ -937,9 +888,7 @@ h6,
.page h1 + * { margin-top : 0; }
-.page .descriptive.wide + * {
- margin-top: 0;
-}
+.page .descriptive.wide + * { margin-top : 0; }
//*****************************
// * RUNE TABLE
@@ -954,8 +903,8 @@ h6,
width : 1.3cm;
height : 1.3cm;
font-weight : normal;
- text-transform : uppercase;
vertical-align : middle;
+ text-transform : uppercase;
outline : 1px solid #000000;
}
th {
@@ -976,6 +925,7 @@ h6,
}
}
}
+
// *****************************
// * INDEX
// *****************************/
diff --git a/themes/V3/Blank/snippets.js b/themes/V3/Blank/snippets.js
index e92e757cf..c5198fd87 100644
--- a/themes/V3/Blank/snippets.js
+++ b/themes/V3/Blank/snippets.js
@@ -4,6 +4,8 @@ const WatercolorGen = require('./snippets/watercolor.gen.js');
const ImageMaskGen = require('./snippets/imageMask.gen.js');
const FooterGen = require('./snippets/footer.gen.js');
const dedent = require('dedent-tabs').default;
+const TableOfContentsGen = require('./snippets/tableOfContents.gen.js');
+const indexGen = require('./snippets/index.gen.js');
module.exports = [
@@ -36,6 +38,11 @@ module.exports = [
icon : 'fas fa-sort-numeric-down',
gen : '{{pageNumber,auto}}\n'
},
+ {
+ name : 'Variable Auto Page Number',
+ icon : 'fas fa-sort-numeric-down',
+ gen : '{{pageNumber $[HB_pageNumber]}}\n'
+ },
{
name : 'Skip Page Number Increment this Page',
icon : 'fas fa-xmark',
@@ -141,7 +148,53 @@ module.exports = [
[Homebrewery.Naturalcrit.com](https://homebrewery.naturalcrit.com)
}}\n\n`;
},
- }
+ },
+ {
+ name : 'Table of Contents',
+ icon : 'fas fa-book',
+ gen : TableOfContentsGen,
+ experimental : true,
+ subsnippets : [
+ {
+ name : 'Table of Contents',
+ icon : 'fas fa-book',
+ gen : TableOfContentsGen,
+ experimental : true
+ },
+ {
+ name : 'Include in ToC up to H3',
+ icon : 'fas fa-dice-three',
+ gen : dedent `\n{{tocDepthH3
+ }}\n`,
+
+ },
+ {
+ name : 'Include in ToC up to H4',
+ icon : 'fas fa-dice-four',
+ gen : dedent `\n{{tocDepthH4
+ }}\n`,
+ },
+ {
+ name : 'Include in ToC up to H5',
+ icon : 'fas fa-dice-five',
+ gen : dedent `\n{{tocDepthH5
+ }}\n`,
+ },
+ {
+ name : 'Include in ToC up to H6',
+ icon : 'fas fa-dice-six',
+ gen : dedent `\n{{tocDepthH6
+ }}\n`,
+ }
+ ]
+ },
+ {
+ name : 'Index',
+ icon : 'fas fa-bars',
+ gen : indexGen,
+ experimental : true
+ },
+
]
},
{
@@ -153,7 +206,7 @@ module.exports = [
name : 'Add Comment',
icon : 'fas fa-code',
gen : '/* This is a comment that will not be rendered into your brew. */'
- },
+ }
]
},
@@ -438,6 +491,15 @@ module.exports = [
icon : 'fas fa-print',
view : 'style',
snippets : [
+ {
+ name : 'US Letter Page Size',
+ icon : 'far fa-file',
+ gen : dedent`/* US Letter Page Size */
+ .page {
+ width : 215.9mm; /* 8.5in */
+ height : 279.4mm; /* 11in */
+ }\n\n`,
+ },
{
name : 'A3 Page Size',
icon : 'far fa-file',
diff --git a/themes/V3/5ePHB/snippets/index.gen.js b/themes/V3/Blank/snippets/index.gen.js
similarity index 100%
rename from themes/V3/5ePHB/snippets/index.gen.js
rename to themes/V3/Blank/snippets/index.gen.js
diff --git a/themes/V3/5ePHB/snippets/tableOfContents.gen.js b/themes/V3/Blank/snippets/tableOfContents.gen.js
similarity index 100%
rename from themes/V3/5ePHB/snippets/tableOfContents.gen.js
rename to themes/V3/Blank/snippets/tableOfContents.gen.js
diff --git a/themes/V3/Blank/style.less b/themes/V3/Blank/style.less
index 65eeee683..42a392454 100644
--- a/themes/V3/Blank/style.less
+++ b/themes/V3/Blank/style.less
@@ -5,6 +5,7 @@
@import (less) './themes/fonts/iconFonts/diceFont.less';
@import (less) './themes/fonts/iconFonts/gameIcons.less';
@import (less) './themes/fonts/iconFonts/fontAwesome.less';
+@import (less) './themes/fonts/Journal/fonts.less';
:root {
//Colors
@@ -21,9 +22,9 @@ body { counter-reset : page-numbers 0; }
// *****************************/
.page {
.block {
- break-inside : avoid;
display : inline-block;
width : 100%;
+ break-inside : avoid;
img { z-index : 0; }
}
.inline-block {
@@ -51,15 +52,15 @@ body { counter-reset : page-numbers 0; }
width : 215.9mm;
height : 279.4mm;
padding : 1.4cm 1.9cm 1.7cm;
- overflow : hidden;
+ overflow : clip;
background-color : var(--HB_Color_Background);
text-rendering : optimizeLegibility;
contain : strict;
content-visibility : auto;
contain-intrinsic-size : auto none;
}
- //*****************************
- // * BASE
+//*****************************
+// * BASE
// *****************************/
.page {
p {
@@ -120,7 +121,7 @@ body { counter-reset : page-numbers 0; }
// * CODE BLOCKS
// ************************************/
code {
- font-family : 'Courier New', "Courier", monospace;
+ font-family : 'Courier New', 'Courier', monospace;
overflow-wrap : break-word;
white-space : pre-wrap;
}
@@ -133,10 +134,10 @@ body { counter-reset : page-numbers 0; }
// * EXTRAS
// *****************************/
.columnSplit {
- margin-top : 0;
visibility : hidden;
- -webkit-column-break-after : always;
+ margin-top : 0;
break-after : always;
+ -webkit-column-break-after : always;
-moz-column-break-after : always;
& + * { margin-top : 0; }
}
@@ -199,11 +200,11 @@ body { counter-reset : page-numbers 0; }
background-color : var(--HB_Color_WatercolorStain); /* default color */
background-size : cover;
-webkit-mask-image : var(--wc);
- -webkit-mask-size : contain;
- -webkit-mask-repeat : no-repeat;
mask-image : var(--wc);
- mask-size : contain;
+ -webkit-mask-repeat : no-repeat;
mask-repeat : no-repeat;
+ -webkit-mask-size : contain;
+ mask-size : contain;
--wc : @watercolor1; /* default image */
}
@@ -231,15 +232,15 @@ body { counter-reset : page-numbers 0; }
height : 200%;
background-image : var(--checkerboard);
background-size : 20px;
- transform : translateY(50%) translateX(-50%) rotate(calc(1deg * var(--rotation))) scaleX(var(--scaleX)) scaleY(var(--scaleY));
-webkit-mask-image : var(--wc), var(--revealer);
- -webkit-mask-repeat : repeat-x;
- -webkit-mask-size : 50%; //Scale only X to fit page width, leave height at aspect ratio, designed to hang off the edge
- -webkit-mask-position : 50% calc(50% - var(--offset));
mask-image : var(--wc);
+ -webkit-mask-repeat : repeat-x;
mask-repeat : repeat-x;
- mask-size : 50%;
+ -webkit-mask-position : 50% calc(50% - var(--offset));
mask-position : 50% calc(50% - var(--offset));
+ -webkit-mask-size : 50%; //Scale only X to fit page width, leave height at aspect ratio, designed to hang off the edge
+ mask-size : 50%;
+ transform : translateY(50%) translateX(-50%) rotate(calc(1deg * var(--rotation))) scaleX(var(--scaleX)) scaleY(var(--scaleY));
--rotation : 0;
--revealer : none;
--checkerboard : none;
@@ -276,19 +277,19 @@ body { counter-reset : page-numbers 0; }
}
&.revealImage {
--revealer : linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2));
- --checkerboard : url("/assets/waterColorMasks/missingImage.png"); //shows any masked regions not filled by image
+ --checkerboard : url('/assets/waterColorMasks/missingImage.png'); //shows any masked regions not filled by image
}
}
.imageMaskEdge {
- &1 { --wc : url("/assets/waterColorMasks/edge/0001.webp"); }
- &2 { --wc : url("/assets/waterColorMasks/edge/0002.webp"); }
- &3 { --wc : url("/assets/waterColorMasks/edge/0003.webp"); }
- &4 { --wc : url("/assets/waterColorMasks/edge/0004.webp"); }
- &5 { --wc : url("/assets/waterColorMasks/edge/0005.webp"); }
- &6 { --wc : url("/assets/waterColorMasks/edge/0006.webp"); }
- &7 { --wc : url("/assets/waterColorMasks/edge/0007.webp"); }
- &8 { --wc : url("/assets/waterColorMasks/edge/0008.webp"); }
+ &1 { --wc : url('/assets/waterColorMasks/edge/0001.webp'); }
+ &2 { --wc : url('/assets/waterColorMasks/edge/0002.webp'); }
+ &3 { --wc : url('/assets/waterColorMasks/edge/0003.webp'); }
+ &4 { --wc : url('/assets/waterColorMasks/edge/0004.webp'); }
+ &5 { --wc : url('/assets/waterColorMasks/edge/0005.webp'); }
+ &6 { --wc : url('/assets/waterColorMasks/edge/0006.webp'); }
+ &7 { --wc : url('/assets/waterColorMasks/edge/0007.webp'); }
+ &8 { --wc : url('/assets/waterColorMasks/edge/0008.webp'); }
}
[class*='imageMaskCenter'] {
@@ -296,15 +297,15 @@ body { counter-reset : page-numbers 0; }
left : calc(var(--offsetX));
width : 100%;
height : 100%;
- transform : rotate(calc(1deg * var(--rotation))) scaleX(var(--scaleX)) scaleY(var(--scaleY));
-webkit-mask-image : var(--wc), var(--revealer);
- -webkit-mask-repeat : no-repeat;
- -webkit-mask-size : 100% 100%; //Scale both dimensions to fit page size
- -webkit-mask-position : 0% 0%;
mask-image : var(--wc), var(--revealer);
+ -webkit-mask-repeat : no-repeat;
mask-repeat : no-repeat;
- mask-size : 100% 100%; //Scale both dimensions to fit page size
+ -webkit-mask-position : 0% 0%;
mask-position : 50% 50%;
+ -webkit-mask-size : 100% 100%; //Scale both dimensions to fit page size
+ mask-size : 100% 100%; //Scale both dimensions to fit page size
+ transform : rotate(calc(1deg * var(--rotation))) scaleX(var(--scaleX)) scaleY(var(--scaleY));
& > p:has(img) {
position : absolute;
@@ -321,23 +322,23 @@ body { counter-reset : page-numbers 0; }
}
.imageMaskCenter {
- &1 { --wc : url("/assets/waterColorMasks/center/0001.webp"); }
- &2 { --wc : url("/assets/waterColorMasks/center/0002.webp"); }
- &3 { --wc : url("/assets/waterColorMasks/center/0003.webp"); }
- &4 { --wc : url("/assets/waterColorMasks/center/0004.webp"); }
- &5 { --wc : url("/assets/waterColorMasks/center/0005.webp"); }
- &6 { --wc : url("/assets/waterColorMasks/center/0006.webp"); }
- &7 { --wc : url("/assets/waterColorMasks/center/0007.webp"); }
- &8 { --wc : url("/assets/waterColorMasks/center/0008.webp"); }
- &9 { --wc : url("/assets/waterColorMasks/center/0009.webp"); }
- &10 { --wc : url("/assets/waterColorMasks/center/0010.webp"); }
- &11 { --wc : url("/assets/waterColorMasks/center/0011.webp"); }
- &12 { --wc : url("/assets/waterColorMasks/center/0012.webp"); }
- &13 { --wc : url("/assets/waterColorMasks/center/0013.webp"); }
- &14 { --wc : url("/assets/waterColorMasks/center/0014.webp"); }
- &15 { --wc : url("/assets/waterColorMasks/center/0015.webp"); }
- &16 { --wc : url("/assets/waterColorMasks/center/0016.webp"); }
- &special { --wc : url("/assets/waterColorMasks/center/special.webp"); }
+ &1 { --wc : url('/assets/waterColorMasks/center/0001.webp'); }
+ &2 { --wc : url('/assets/waterColorMasks/center/0002.webp'); }
+ &3 { --wc : url('/assets/waterColorMasks/center/0003.webp'); }
+ &4 { --wc : url('/assets/waterColorMasks/center/0004.webp'); }
+ &5 { --wc : url('/assets/waterColorMasks/center/0005.webp'); }
+ &6 { --wc : url('/assets/waterColorMasks/center/0006.webp'); }
+ &7 { --wc : url('/assets/waterColorMasks/center/0007.webp'); }
+ &8 { --wc : url('/assets/waterColorMasks/center/0008.webp'); }
+ &9 { --wc : url('/assets/waterColorMasks/center/0009.webp'); }
+ &10 { --wc : url('/assets/waterColorMasks/center/0010.webp'); }
+ &11 { --wc : url('/assets/waterColorMasks/center/0011.webp'); }
+ &12 { --wc : url('/assets/waterColorMasks/center/0012.webp'); }
+ &13 { --wc : url('/assets/waterColorMasks/center/0013.webp'); }
+ &14 { --wc : url('/assets/waterColorMasks/center/0014.webp'); }
+ &15 { --wc : url('/assets/waterColorMasks/center/0015.webp'); }
+ &16 { --wc : url('/assets/waterColorMasks/center/0016.webp'); }
+ &special { --wc : url('/assets/waterColorMasks/center/special.webp'); }
}
@@ -346,15 +347,15 @@ body { counter-reset : page-numbers 0; }
left : calc(-50% + var(--offsetX));
width : 200%;
height : 200%;
- transform : rotate(calc(1deg * var(--rotation))) scaleX(var(--scaleX)) scaleY(var(--scaleY));
-webkit-mask-image : var(--wc), var(--revealer);
- -webkit-mask-repeat : no-repeat;
- -webkit-mask-size : 100% 100%; //Scale both dimensions to fit page size
- -webkit-mask-position : 50% 50%;
mask-image : var(--wc), var(--revealer);
+ -webkit-mask-repeat : no-repeat;
mask-repeat : no-repeat;
- mask-size : 100% 100%; //Scale both dimensions to fit page size
+ -webkit-mask-position : 50% 50%;
mask-position : 50% 50%;
+ -webkit-mask-size : 100% 100%; //Scale both dimensions to fit page size
+ mask-size : 100% 100%; //Scale both dimensions to fit page size
+ transform : rotate(calc(1deg * var(--rotation))) scaleX(var(--scaleX)) scaleY(var(--scaleY));
& > p:has(img) {
bottom : 25%;
left : 25%;
@@ -367,43 +368,43 @@ body { counter-reset : page-numbers 0; }
}
}
.imageMaskCorner {
- &1 { --wc : url("/assets/waterColorMasks/corner/0001.webp"); }
- &2 { --wc : url("/assets/waterColorMasks/corner/0002.webp"); }
- &3 { --wc : url("/assets/waterColorMasks/corner/0003.webp"); }
- &4 { --wc : url("/assets/waterColorMasks/corner/0004.webp"); }
- &5 { --wc : url("/assets/waterColorMasks/corner/0005.webp"); }
- &6 { --wc : url("/assets/waterColorMasks/corner/0006.webp"); }
- &7 { --wc : url("/assets/waterColorMasks/corner/0007.webp"); }
- &8 { --wc : url("/assets/waterColorMasks/corner/0008.webp"); }
- &9 { --wc : url("/assets/waterColorMasks/corner/0009.webp"); }
- &10 { --wc : url("/assets/waterColorMasks/corner/0010.webp"); }
- &11 { --wc : url("/assets/waterColorMasks/corner/0011.webp"); }
- &12 { --wc : url("/assets/waterColorMasks/corner/0012.webp"); }
- &13 { --wc : url("/assets/waterColorMasks/corner/0013.webp"); }
- &14 { --wc : url("/assets/waterColorMasks/corner/0014.webp"); }
- &15 { --wc : url("/assets/waterColorMasks/corner/0015.webp"); }
- &16 { --wc : url("/assets/waterColorMasks/corner/0016.webp"); }
- &17 { --wc : url("/assets/waterColorMasks/corner/0017.webp"); }
- &18 { --wc : url("/assets/waterColorMasks/corner/0018.webp"); }
- &19 { --wc : url("/assets/waterColorMasks/corner/0019.webp"); }
- &20 { --wc : url("/assets/waterColorMasks/corner/0020.webp"); }
- &21 { --wc : url("/assets/waterColorMasks/corner/0021.webp"); }
- &22 { --wc : url("/assets/waterColorMasks/corner/0022.webp"); }
- &23 { --wc : url("/assets/waterColorMasks/corner/0023.webp"); }
- &24 { --wc : url("/assets/waterColorMasks/corner/0024.webp"); }
- &25 { --wc : url("/assets/waterColorMasks/corner/0025.webp"); }
- &26 { --wc : url("/assets/waterColorMasks/corner/0026.webp"); }
- &27 { --wc : url("/assets/waterColorMasks/corner/0027.webp"); }
- &28 { --wc : url("/assets/waterColorMasks/corner/0028.webp"); }
- &29 { --wc : url("/assets/waterColorMasks/corner/0029.webp"); }
- &30 { --wc : url("/assets/waterColorMasks/corner/0030.webp"); }
- &31 { --wc : url("/assets/waterColorMasks/corner/0031.webp"); }
- &32 { --wc : url("/assets/waterColorMasks/corner/0032.webp"); }
- &33 { --wc : url("/assets/waterColorMasks/corner/0033.webp"); }
- &34 { --wc : url("/assets/waterColorMasks/corner/0034.webp"); }
- &35 { --wc : url("/assets/waterColorMasks/corner/0035.webp"); }
- &36 { --wc : url("/assets/waterColorMasks/corner/0036.webp"); }
- &37 { --wc : url("/assets/waterColorMasks/corner/0037.webp"); }
+ &1 { --wc : url('/assets/waterColorMasks/corner/0001.webp'); }
+ &2 { --wc : url('/assets/waterColorMasks/corner/0002.webp'); }
+ &3 { --wc : url('/assets/waterColorMasks/corner/0003.webp'); }
+ &4 { --wc : url('/assets/waterColorMasks/corner/0004.webp'); }
+ &5 { --wc : url('/assets/waterColorMasks/corner/0005.webp'); }
+ &6 { --wc : url('/assets/waterColorMasks/corner/0006.webp'); }
+ &7 { --wc : url('/assets/waterColorMasks/corner/0007.webp'); }
+ &8 { --wc : url('/assets/waterColorMasks/corner/0008.webp'); }
+ &9 { --wc : url('/assets/waterColorMasks/corner/0009.webp'); }
+ &10 { --wc : url('/assets/waterColorMasks/corner/0010.webp'); }
+ &11 { --wc : url('/assets/waterColorMasks/corner/0011.webp'); }
+ &12 { --wc : url('/assets/waterColorMasks/corner/0012.webp'); }
+ &13 { --wc : url('/assets/waterColorMasks/corner/0013.webp'); }
+ &14 { --wc : url('/assets/waterColorMasks/corner/0014.webp'); }
+ &15 { --wc : url('/assets/waterColorMasks/corner/0015.webp'); }
+ &16 { --wc : url('/assets/waterColorMasks/corner/0016.webp'); }
+ &17 { --wc : url('/assets/waterColorMasks/corner/0017.webp'); }
+ &18 { --wc : url('/assets/waterColorMasks/corner/0018.webp'); }
+ &19 { --wc : url('/assets/waterColorMasks/corner/0019.webp'); }
+ &20 { --wc : url('/assets/waterColorMasks/corner/0020.webp'); }
+ &21 { --wc : url('/assets/waterColorMasks/corner/0021.webp'); }
+ &22 { --wc : url('/assets/waterColorMasks/corner/0022.webp'); }
+ &23 { --wc : url('/assets/waterColorMasks/corner/0023.webp'); }
+ &24 { --wc : url('/assets/waterColorMasks/corner/0024.webp'); }
+ &25 { --wc : url('/assets/waterColorMasks/corner/0025.webp'); }
+ &26 { --wc : url('/assets/waterColorMasks/corner/0026.webp'); }
+ &27 { --wc : url('/assets/waterColorMasks/corner/0027.webp'); }
+ &28 { --wc : url('/assets/waterColorMasks/corner/0028.webp'); }
+ &29 { --wc : url('/assets/waterColorMasks/corner/0029.webp'); }
+ &30 { --wc : url('/assets/waterColorMasks/corner/0030.webp'); }
+ &31 { --wc : url('/assets/waterColorMasks/corner/0031.webp'); }
+ &32 { --wc : url('/assets/waterColorMasks/corner/0032.webp'); }
+ &33 { --wc : url('/assets/waterColorMasks/corner/0033.webp'); }
+ &34 { --wc : url('/assets/waterColorMasks/corner/0034.webp'); }
+ &35 { --wc : url('/assets/waterColorMasks/corner/0035.webp'); }
+ &36 { --wc : url('/assets/waterColorMasks/corner/0036.webp'); }
+ &37 { --wc : url('/assets/waterColorMasks/corner/0037.webp'); }
}
}
@@ -427,17 +428,6 @@ body { counter-reset : page-numbers 0; }
}
}
-//*****************************
-// * BLANK LINE
-// *****************************/
-.page {
- .blank {
- height : 1em;
- margin-top : 0;
- & + * { margin-top : 0; }
- }
-}
-
//*****************************
// * WIDE
// *****************************/
@@ -448,6 +438,11 @@ body { counter-reset : page-numbers 0; }
margin-bottom : 1em;
& + * { margin-top : 0; }
}
+ .blank {
+ height : 1em;
+ margin-top : 0;
+ & + * { margin-top : 0; }
+ }
}
//*****************************
@@ -472,8 +467,8 @@ body { counter-reset : page-numbers 0; }
height : 1.5cm;
margin : 0 auto;
background-color : black;
- -webkit-mask : url("/assets/naturalCritLogoWhite.svg") center / contain no-repeat;
- mask : url("/assets/naturalCritLogoWhite.svg") center / contain no-repeat;
+ -webkit-mask : url('/assets/naturalCritLogoWhite.svg') center / contain no-repeat;
+ mask : url('/assets/naturalCritLogoWhite.svg') center / contain no-repeat;
}
.homebreweryIcon.red { background-color : red; }
.homebreweryIcon.gold { background-image : linear-gradient(to top left, brown 22.5%, gold 40%, white 60%, gold 67.5%, brown 82.5%); }
@@ -497,12 +492,122 @@ body { counter-reset : page-numbers 0; }
.pageNumber { left : 30px; }
}
- .resetCounting {
- counter-set : page-numbers 1;
- }
+ .resetCounting { counter-set : page-numbers 1; }
- &:not(:has(.skipCounting)) {
- counter-increment : page-numbers;
- }
+ &:not(:has(.skipCounting)) { counter-increment : page-numbers; }
}
+
+// *****************************
+// * INDEX
+// *****************************/
+.page {
+ .index {
+
+ ul ul { margin : 0; }
+
+ ul {
+ padding-left : 0;
+ text-indent : 0;
+ list-style-type : none;
+ }
+
+ & > ul > li {
+ padding-left : 1.5em;
+ text-indent : -1.5em;
+ }
+ }
+}
+
+// *****************************
+// * TABLE OF CONTENTS
+// *****************************/
+
+// Default Exclusions
+// Anything not exlcuded is included, default Headers are H1, H2, and H3.
+h4,
+h5,
+h6,
+.page:has(.frontCover),
+.page:has(.backCover),
+.page:has(.insideCover),
+.noToC,
+.toc { --TOC : exclude; }
+
+.tocDepthH2 :is(h1, h2) {--TOC : include; }
+.tocDepthH3 :is(h1, h2, h3) {--TOC : include; }
+.tocDepthH4 :is(h1, h2, h3, h4) {--TOC : include; }
+.tocDepthH5 :is(h1, h2, h3, h4, h5) {--TOC : include; }
+.tocDepthH6 :is(h1, h2, h3, h4, h5, h6) {--TOC : include; }
+
+.tocIncludeH1 h1 {--TOC : include; }
+.tocIncludeH2 h2 {--TOC : include; }
+.tocIncludeH3 h3 {--TOC : include; }
+.tocIncludeH4 h4 {--TOC : include; }
+.tocIncludeH5 h5 {--TOC : include; }
+.tocIncludeH6 h6 {--TOC : include; }
+
+.page {
+ &:has(.toc)::after { display : none; }
+ .toc {
+ -webkit-column-break-inside : avoid;
+ page-break-inside : avoid;
+ break-inside : avoid;
+ h1 {
+ margin-bottom : 0.3cm;
+ text-align : center;
+ }
+ a {
+ display : inline;
+ color : inherit;
+ text-decoration : none;
+ &:hover { text-decoration : underline; }
+ }
+ h4 {
+ margin-top : 0.2cm;
+ line-height : 0.4cm;
+ & + ul li { line-height : 1.2em; }
+ }
+ ul {
+ padding-left : 0;
+ margin-top : 0;
+ list-style-type : none;
+ a {
+ display : flex;
+ flex-flow : row nowrap;
+ justify-content : space-between;
+ width : 100%;
+ }
+ li + li h3 {
+ margin-top : 0.26cm;
+ line-height : 1em;
+ }
+ h3 span:first-child::after { border : none; }
+ span {
+ display : contents;
+ &:first-child::after {
+ bottom : 0.08cm;
+ flex : 1;
+ margin-right : 0.16cm;
+ margin-bottom : 0.08cm;
+ margin-left : 0.08cm; /* Spacing before dot leaders */
+ content : '';
+ border-bottom : 0.05cm dotted #000000;
+ }
+ &:last-child {
+ display : inline-block;
+ align-self : flex-end;
+ font-size : 0.34cm;
+ font-weight : normal;
+ }
+ }
+ ul { /* List indent */
+ margin-left : 1em;
+ }
+ }
+ &.wide {
+ .useColumns(0.96, @fillMode: balance);
+ }
+ }
+ .toc.wide li { break-inside : auto; }
+}
diff --git a/themes/V3/Journal/snippets.js b/themes/V3/Journal/snippets.js
index 636befb60..bad5e8e6a 100644
--- a/themes/V3/Journal/snippets.js
+++ b/themes/V3/Journal/snippets.js
@@ -1,4 +1,4 @@
-/* eslint-disable max-lines */
+
module.exports = [
];
diff --git a/themes/V3/Journal/style.less b/themes/V3/Journal/style.less
index b8ed3ce8f..74c976f47 100644
--- a/themes/V3/Journal/style.less
+++ b/themes/V3/Journal/style.less
@@ -11,47 +11,35 @@
--HB_Color_WatercolorStain : #BBAD82; // Light brown
}
-.useSansSerif(){
- font-family : PermanentMarker;
+.useSansSerif() {
+ font-family : 'PermanentMarker';
font-size : 0.3cm;
line-height : 1.2em;
color : var(--HB_Color_Text2);
- p,dl,ul,ol {
- line-height : 1.2em;
- }
- ul, ol {
- padding-left : 1em;
- }
- em{
- font-style : italic;
- }
- strong{
- font-weight : 800;
+ p,dl,ul,ol { line-height : 1.2em; }
+ ul, ol { padding-left : 1em; }
+ em { font-style : italic; }
+ strong {
font-size : 1.1em;
+ font-weight : 800;
}
- h5 + * {
- margin-top : 0.1cm;
- }
-}
-.useColumns(@multiplier : 1, @fillMode: balance){
- column-gap : 0.5cm;
+ h5 + * { margin-top : 0.1cm; }
}
+.useColumns(@multiplier : 1, @fillMode: balance) { column-gap : 0.5cm; }
-.page{
- background-size : 200% 100%;
- background-repeat : no-repeat;
- filter : drop-shadow(1px 4px 14px black);
- background-image : url(/assets/Journal/Background1.webp);
+.page {
padding : 2.1cm 1.9cm 1.7cm 3.8cm;
- &:nth-of-type(2n + 1) {
- background-position : left;
- }
+ background-image : url('/assets/Journal/Background1.webp');
+ background-repeat : no-repeat;
+ background-size : 200% 100%;
+ filter : drop-shadow(1px 4px 14px black);
+ &:nth-of-type(2n + 1) { background-position : left; }
&:nth-of-type(2n) {
- background-position : right;
padding : 2.1cm 3.9cm 1.7cm 1.8cm;
+ background-position : right;
}
&:nth-of-type(2) {
- background-image : url(/assets/Journal/Background2.webp); //Only first page should show ribbon
+ background-image : url('/assets/Journal/Background2.webp'); //Only first page should show ribbon
}
& .columnWrapper {
@@ -59,167 +47,137 @@
}
}
- //*****************************
- // * BASE
+//*****************************
+// * BASE
// *****************************/
-.page{
- color : var(--HB_Color_Text);
- font-family : ReenieBeanie;
+.page {
+ font-family : 'ReenieBeanie';
font-size : 0.53cm;
line-height : 0.8em;
- p + * {
- margin-top : 0.325cm;
- }
- p + p{
- margin-top : 0;
- }
- ul{
- margin-bottom : 0.8em;
- }
- ol{
- margin-bottom : 0.8em;
- }
- em{
+ color : var(--HB_Color_Text);
+ p + * { margin-top : 0.325cm; }
+ p + p { margin-top : 0; }
+ ul { margin-bottom : 0.8em; }
+ ol { margin-bottom : 0.8em; }
+ em {
+ font-style : unset;
text-decoration : underline;
- font-style : unset;
- }
- del{
- text-decoration-style: double;
}
+ del { text-decoration-style : double; }
//Indents after p or lists
- p+p, ul+p, ol+p{
- text-indent : 1em;
- }
+ p + p, ul + p, ol + p { text-indent : 1em; }
//*****************************
// * HEADERS
// *****************************/
- h1,h2,h3,h4,h5{
- font-family : FrederickaTheGreat;
+ h1,h2,h3,h4,h5 {
+ font-family : 'FrederickaTheGreat';
font-weight : unset;
color : var(--HB_Color_HeaderText);
}
- h1{
+ h1 {
margin-bottom : 0.18cm; //Margin-bottom only because this is WIDE
font-size : 0.89cm;
- line-height : 1em;
font-variant : small-caps;
- &+p::first-letter{
+ line-height : 1em;
+ & + p::first-letter {
float : left;
- font-family : FrederickaTheGreat;
- line-height : 1em;
- font-size : 1.9em;
- padding-left : 40px; //Allow background color to extend into margins
- margin-top : -0.3cm;
- margin-bottom : -20px;
- margin-left : -40px;
- margin-right : 0.1em;
padding-top : 0.3em;
padding-bottom : 2px;
+ padding-left : 40px; //Allow background color to extend into margins
+ margin-top : -0.3cm;
+ margin-right : 0.1em;
+ margin-bottom : -20px;
+ margin-left : -40px;
+ font-family : 'FrederickaTheGreat';
+ font-size : 1.9em;
+ line-height : 1em;
}
- &+p::first-line{
- font-variant : small-caps;
- }
+ & + p::first-line { font-variant : small-caps; }
}
- h2{
+ h2 {
font-size : 0.62cm;
line-height : 0.988em; //Font is misaligned. Shift up slightly
}
- h3{
+ h3 {
+ margin-left : -0.9em;
font-size : 0.575cm;
line-height : 0.995em; //Font is misaligned. Shift up slightly
- margin-left : -0.9em;
}
- h4{
+ h4 {
+ padding-bottom : 5px;
font-size : 0.55cm;
line-height : 0.971em; //Font is misaligned. Shift up slightly
color : var(--HB_Color_Text);
- padding-bottom : 5px;
- transform:rotate(0deg);
- &:nth-of-type(2n) {
- transform:rotate(1deg);
- }
- &:nth-of-type(3n) {
- transform:rotate(-1.5deg);
- }
+ transform : rotate(0deg);
+ &:nth-of-type(2n) { transform : rotate(1deg); }
+ &:nth-of-type(3n) { transform : rotate(-1.5deg); }
}
- h5{
- font-family : PermanentMarker;
+ h5 {
+ font-family : 'PermanentMarker';
font-size : 0.4cm;
- color : var(--HB_Color_Text2);
font-weight : bold;
line-height : 0.951em; //Font is misaligned. Shift up slightly
- & + * {
- margin-top : 0.2cm;
- }
+ color : var(--HB_Color_Text2);
+ & + * { margin-top : 0.2cm; }
}
//*****************************
// * TABLE
// *****************************/
- table{
+ table {
.useSansSerif();
- & + * {
- margin-top : 0.325cm;
- }
- thead{
- th{
- vertical-align : bottom;
+ & + * { margin-top : 0.325cm; }
+ thead {
+ th {
padding : 0.14em 0;
+ vertical-align : bottom;
}
}
- tbody{
- tr{
- td{
- padding : 0.14em 0;
- }
- &:nth-child(odd){
- background-image : linear-gradient(to left, #41212100, #41212122, #41212100);
- }
+ tbody {
+ tr {
+ td { padding : 0.14em 0; }
+ &:nth-child(odd) { background-image : linear-gradient(to left, #41212100, #41212122, #41212100); }
}
}
}
//*****************************
// * NOTE
// *****************************/
- .note{
+ .note {
.useSansSerif();
+ padding : 0.2cm;
+ background-image : url('/assets/Journal/HashMarks.png'),
+ linear-gradient(to bottom right, #FF000000, #A36A4E14, #41212100);
+ background-repeat : no-repeat;
+ background-position : center;
+ background-size : 120% 120%;
border-style : solid;
border-width : 1px;
- border-image-source : url(/assets/Journal/Border1.png);
+ border-image-source : url('/assets/Journal/Border1.png');
border-image-slice : 18 18 18 18;
border-image-width : 6px 6px 6px 6px;
border-image-outset : 5px 5px 5px 5px;
border-image-repeat : stretch stretch;
- background-image : url(/assets/Journal/HashMarks.png),
- linear-gradient(to bottom right, #ff000000, #a36a4e14, #41212100);
- background-size : 120% 120%;
- background-repeat : no-repeat;
- background-position : center;
- padding : 0.2cm;
:where(&) {
margin-top : 9px; //Prevent top border getting cut off on colbreak
}
- & + * {
- margin-top : 0.45cm;
- }
- h5 {
- font-size : 0.375cm;
- }
- p{
- padding-bottom : 0px;
- }
- :last-child {
- margin-bottom : 0;
- }
+ & + * { margin-top : 0.45cm; }
+ h5 { font-size : 0.375cm; }
+ p { padding-bottom : 0px; }
+ :last-child { margin-bottom : 0; }
}
//************************************
// * DESCRIPTIVE TEXT BOX
// ************************************/
- * + .descriptive {
- margin-top : 0.6cm;
- }
- .descriptive{
+ * + .descriptive { margin-top : 0.6cm; }
+ .descriptive {
.useSansSerif();
+ padding : 0.2cm;
+ background-image : url('/assets/Journal/HashMarks.png'),
+ linear-gradient(to bottom right, #FF000000, #41212114, #41212100);
+ background-repeat : no-repeat;
+ background-position : center;
+ background-size : 120% 120%;
border-style : solid;
border-width : 1px;
border-image-source : url('/assets/Journal/Border2.png');
@@ -227,27 +185,13 @@
border-image-width : 20px;
border-image-outset : 16px 20px 16px 20px;
border-image-repeat : stretch stretch;
- background-image : url(/assets/Journal/HashMarks.png),
- linear-gradient(to bottom right, #ff000000, #41212114, #41212100);
- background-size : 120% 120%;
- background-repeat : no-repeat;
- background-position : center;
- padding : 0.2cm;
:where(&) {
margin-top : 4px; //Prevent top border getting cut off on colbreak
}
- & + * {
- margin-top : 0.45cm;
- }
- h5 {
- font-size : 0.375cm;
- }
- p{
- padding-bottom : 0px;
- }
- :last-child {
- margin-bottom : 0;
- }
+ & + * { margin-top : 0.45cm; }
+ h5 { font-size : 0.375cm; }
+ p { padding-bottom : 0px; }
+ :last-child { margin-bottom : 0; }
}
//*****************************
// * Images Snippets
@@ -257,25 +201,23 @@
.artist {
position : absolute;
width : auto;
- text-align : center;
- font-family : WalterTurncoat;
+ font-family : 'WalterTurncoat';
font-size : 0.27cm;
color : var(--HB_Color_CaptionText);
+ text-align : center;
p, p + p {
margin : unset;
- text-indent : unset;
line-height : 1em;
+ text-indent : unset;
}
- h5 {
+ h5 {
+ font-family : 'WalterTurncoat';
font-size : 1.3em;
- font-family : WalterTurncoat;
}
- a{
+ a {
color : inherit;
text-decoration : unset;
- &:hover {
- text-decoration : underline;
- }
+ &:hover { text-decoration : underline; }
}
}
@@ -285,6 +227,10 @@
.monster {
.useSansSerif();
&.frame {
+ padding : 0.2cm;
+ background-image : url('/assets/Journal/HashMarks.png'),
+ linear-gradient(to bottom right, #FF000000, #A36A4E14, #41212100);
+ background-size : 100%;
border-style : solid;
border-width : 7px 6px;
border-image-source : url('/assets/Journal/Border3.png');
@@ -292,33 +238,29 @@
border-image-width : 15px 20px 15px 20px;
border-image-outset : 12px 12px 12px 12px;
border-image-repeat : stretch round;
- background-image : url('/assets/Journal/HashMarks.png'),
- linear-gradient(to bottom right, #ff000000, #a36a4e14, #41212100);
background-blend-mode : screen multiply;
- background-size : 100%;
- padding : 0.2cm;
}
-
- color: var(--HB_Color_Text);
position : relative;
padding : 0px;
margin-bottom : 0.325cm;
+ color : var(--HB_Color_Text);
+
//Headers
- h2{
+ h2 {
+ margin : 0;
font-size : 0.62cm;
line-height : 1em;
- margin : 0;
- &+p {
+ & + p {
margin-bottom : 0; //Monster size and type subtext
}
}
- h3{
+ h3 {
+ padding-bottom : 0.05cm;
margin-left : 0;
font-variant : small-caps;
- padding-bottom : 0.05cm;
}
- hr{
+ hr {
visibility : visible;
height : 6px;
margin : 0.12cm 0cm;
@@ -330,24 +272,18 @@
}
// Monster Ability table
- hr + table:first-of-type{
+ hr + table:first-of-type {
margin : 0;
- column-span : none;
- background-image : none;
+ color : inherit;
+ background-image : none;
border-style : none;
border-image : none;
- color : inherit;
- tr {
- background-image : none;
- }
- td,th {
- padding: 0px;
- }
+ column-span : none;
+ tr { background-image : none; }
+ td,th { padding : 0px; }
}
- :last-child {
- margin-bottom : 0;
- }
+ :last-child { margin-bottom : 0; }
strong, em {
font-style : normal;
@@ -356,29 +292,27 @@
}
//Full Width
- .monster.wide{
+ .monster.wide {
.useColumns(0.96, @fillMode: balance);
}
//*****************************
// * FOOTER
// *****************************/
- &:nth-child(odd){
- .pageNumber{
- left : 3cm;
- }
- .footnote{
+ &:nth-child(odd) {
+ .pageNumber { left : 3cm; }
+ .footnote {
left : 4.5cm;
text-align : left;
}
}
- .pageNumber{
- font-family : FrederickaTheGreat;
+ .pageNumber {
right : 3cm;
bottom : 1.25cm;
+ font-family : 'FrederickaTheGreat';
color : var(--HB_Color_HeaderText);
}
- .footnote{
+ .footnote {
position : absolute;
right : 4.5cm;
bottom : 1.25cm;
@@ -391,154 +325,134 @@
//************************************
// * CODE BLOCKS
// ************************************/
- code{
- font-size : 0.3cm;
+ code {
padding : 0px 4px;
- color : var(--HB_Color_Text);
+ font-size : 0.3cm;
vertical-align : middle;
- background-color : #faf7ea;
+ color : var(--HB_Color_Text);
+ background-color : #FAF7EA;
border-radius : 4px;
}
- pre code{
+ pre code {
+ padding : 0.15cm;
+ margin-bottom : 2px;
border-style : solid;
border-width : 1px;
+ border-radius : 12px;
border-image : @codeBorderImage 26 stretch;
border-image-width : 10px;
border-image-outset : 2px;
- border-radius : 12px;
- margin-bottom : 2px;
- padding : 0.15cm;
.page :where(&) {
margin-top : 2px; //Prevent top border getting cut off on colbreak
}
- & + * {
- margin-top : 0.325cm;
- }
+ & + * { margin-top : 0.325cm; }
}
//*****************************
// * EXTRAS
// *****************************/
- hr{
+ hr {
visibility : hidden;
- border : none;
margin : 0px;
+ border : none;
}
//Text indent right after table
- table+p{
- text-indent : 1em;
- }
+ table + p { text-indent : 1em; }
a, a:visited, a:hover {
- color: var(--HB_Color_Text);
- transition:all 1s ease;
- }
- a:hover {
- color:red;
+ color : var(--HB_Color_Text);
+ transition : all 1s ease;
}
+ a:hover { color : red; }
}
//*****************************
// * SPELL LIST
// *****************************/
-.page .spellList{
+.page .spellList {
.useSansSerif();
- font-family : PermanentMarker;
+ font-family : 'PermanentMarker';
column-count : 2;
- ul+h5{
- margin-top : 15px;
- }
- ul{
- margin-bottom : 0.5em;
+ ul + h5 { margin-top : 15px; }
+ ul {
padding-left : 1em;
+ margin-bottom : 0.5em;
text-indent : -1em;
list-style-type : none;
+ break-inside : auto;
-webkit-column-break-inside : auto;
page-break-inside : auto;
- break-inside : auto;
- }
- &.wide{
- column-count : 4;
}
+ &.wide { column-count : 4; }
}
//*****************************
// * CLASS TABLE
// *****************************/
-.page .classTable{
- th[colspan]:not([rowspan]) {
- white-space : nowrap;
- }
- h5 + table{
- margin-top : 0.2cm;
- }
+.page .classTable {
+ th[colspan]:not([rowspan]) { white-space : nowrap; }
+ h5 + table { margin-top : 0.2cm; }
}
//*****************************
// * TABLE OF CONTENTS
// *****************************/
-.page .toc{
+.page .toc {
-webkit-column-break-inside : avoid;
page-break-inside : avoid;
break-inside : avoid;
h1 {
- text-align : center;
margin-bottom : 0.3cm;
+ text-align : center;
}
- a{
+ a {
display : inline;
color : inherit;
text-decoration : none;
- &:hover{
- text-decoration : underline;
- }
+ &:hover { text-decoration : underline; }
}
h4 {
margin-top : 0.2cm;
line-height : 0.4cm;
- & + ul li {
- line-height: 1.2em;
- }
+ & + ul li { line-height : 1.2em; }
}
- ul{
+ ul {
padding-left : 0;
list-style-type : none;
li + li h3 {
margin-top : 0.26cm;
- line-height : 1em
- }
- h3 span:first-child::after {
- border : none;
+ line-height : 1em;
}
+ h3 span:first-child::after { border : none; }
span {
display : table-cell;
&:first-child {
- position : relative;
- overflow : hidden;
+ position : relative;
+ overflow : hidden;
&::after {
- content : "";
position : absolute;
bottom : 0.08cm;
- margin-left : 0.06cm; /* Spacing before dot leaders */
width : 100%;
- border-bottom : 0.05cm dotted #000;
+ margin-left : 0.06cm; /* Spacing before dot leaders */
+ content : '';
+ border-bottom : 0.05cm dotted #000000;
}
}
&:last-child {
- font-family : ReenieBeanie;
- font-size : 0.34cm;
- font-weight : normal;
- color : black;
- text-align : right;
- vertical-align : bottom; /* Keep page number bottom-aligned */
width : 1%;
padding-left : 0.06cm; /* Spacing after dot leaders */
- /*white-space : nowrap; /* Uncomment if needed */
+ font-family : 'ReenieBeanie';
+ font-size : 0.34cm;
+ font-weight : normal;
+ vertical-align : bottom; /* Keep page number bottom-aligned */
+ color : black;
+ text-align : right;
+ /* white-space : nowrap; /* Uncomment if needed */
}
}
- ul { /*List indent*/
+ ul { /* List indent */
margin-left : 1em;
}
}
- &.wide{
+ &.wide {
.useColumns(0.96, @fillMode: balance);
}
}
@@ -546,6 +460,4 @@
//*****************************
// * WIDE
// *****************************/
-.page .wide {
- margin-bottom : 0.45cm;
-}
+.page .wide { margin-bottom : 0.45cm; }
diff --git a/themes/assets/naturalCritLogoBlack.svg b/themes/assets/naturalCritLogoBlack.svg
new file mode 100644
index 000000000..0e3135066
--- /dev/null
+++ b/themes/assets/naturalCritLogoBlack.svg
@@ -0,0 +1,41 @@
+
+
+
+
+
+ NaturalCritLogo
+
+
+
+
+
+
+
+ NaturalCritLogo
+
+
+
+
diff --git a/themes/codeMirror/customEditorStyles.less b/themes/codeMirror/customEditorStyles.less
index 367eaec33..8c48c1b43 100644
--- a/themes/codeMirror/customEditorStyles.less
+++ b/themes/codeMirror/customEditorStyles.less
@@ -1,88 +1,83 @@
.editor .codeEditor .CodeMirror {
- // Themes with dark backgrounds
- &.cm-s-3024-night,
- &.cm-s-abbott,
- &.cm-s-abcdef,
- &.cm-s-ambiance,
- &.cm-s-ayu-dark,
- &.cm-s-ayu-mirage,
- &.cm-s-base16-dark,
- &.cm-s-bespin,
- &.cm-s-blackboard,
- &.cm-s-cobalt,
- &.cm-s-colorforth,
- &.cm-s-darcula,
- &.cm-s-dracula,
- &.cm-s-duotone-dark,
- &.cm-s-erlang-dark,
- &.cm-s-gruvbox-dark,
- &.cm-s-hopscotch,
- &.cm-s-icecoder,
- &.cm-s-isotope,
- &.cm-s-lesser-dark,
- &.cm-s-liquibyte,
- &.cm-s-lucario,
- &.cm-s-material,
- &.cm-s-material-darker,
- &.cm-s-material-ocean,
- &.cm-s-material-palenight,
- &.cm-s-mbo,
- &.cm-s-midnight,
- &.cm-s-monokai,
- &.cm-s-moxer,
- &.cm-s-night,
- &.cm-s-nord,
- &.cm-s-oceanic-next,
- &.cm-s-panda-syntax,
- &.cm-s-paraiso-dark,
- &.cm-s-pastel-on-dark,
- &.cm-s-railscasts,
- &.cm-s-rubyblue,
- &.cm-s-seti,
- &.cm-s-shadowfox,
- &.cm-s-the-matrix,
- &.cm-s-tomorrow-night-bright,
- &.cm-s-tomorrow-night-eighties,
- &.cm-s-twilight,
- &.cm-s-vibrant-ink,
- &.cm-s-xq-dark,
- &.cm-s-yonce,
- &.cm-s-zenburn
- {
- .CodeMirror-code {
- .block:not(.cm-comment) {
- color: magenta;
- }
- .columnSplit {
- color: black;
- background-color: rgba(35,153,153,0.5);
- }
- .pageLine {
- background-color: rgba(255,255,255,0.5);
- & ~ pre.CodeMirror-line {
- color: black;
- }
- }
- }
- }
- // Themes with light backgrounds
- &.cm-s-default,
- &.cm-s-3024-day,
- &.cm-s-ambiance-mobile,
- &.cm-s-base16-light,
- &.cm-s-duotone-light,
- &.cm-s-eclipse,
- &.cm-s-elegant,
- &.cm-s-juejin,
- &.cm-s-neat,
- &.cm-s-neo,
- &.cm-s-paraiso-lightm
- &.cm-s-solarized,
- &.cm-s-ssms,
- &.cm-s-ttcn,
- &.cm-s-xq-light,
- &.cm-s-yeti {
- // Future styling for themes with light backgrounds
- --dummyVar: 'currently unused';
- }
+ // Themes with dark backgrounds
+ &.cm-s-3024-night,
+ &.cm-s-abbott,
+ &.cm-s-abcdef,
+ &.cm-s-ambiance,
+ &.cm-s-ayu-dark,
+ &.cm-s-ayu-mirage,
+ &.cm-s-base16-dark,
+ &.cm-s-bespin,
+ &.cm-s-blackboard,
+ &.cm-s-cobalt,
+ &.cm-s-colorforth,
+ &.cm-s-darcula,
+ &.cm-s-dracula,
+ &.cm-s-duotone-dark,
+ &.cm-s-erlang-dark,
+ &.cm-s-gruvbox-dark,
+ &.cm-s-hopscotch,
+ &.cm-s-icecoder,
+ &.cm-s-isotope,
+ &.cm-s-lesser-dark,
+ &.cm-s-liquibyte,
+ &.cm-s-lucario,
+ &.cm-s-material,
+ &.cm-s-material-darker,
+ &.cm-s-material-ocean,
+ &.cm-s-material-palenight,
+ &.cm-s-mbo,
+ &.cm-s-midnight,
+ &.cm-s-monokai,
+ &.cm-s-moxer,
+ &.cm-s-night,
+ &.cm-s-nord,
+ &.cm-s-oceanic-next,
+ &.cm-s-panda-syntax,
+ &.cm-s-paraiso-dark,
+ &.cm-s-pastel-on-dark,
+ &.cm-s-railscasts,
+ &.cm-s-rubyblue,
+ &.cm-s-seti,
+ &.cm-s-shadowfox,
+ &.cm-s-the-matrix,
+ &.cm-s-tomorrow-night-bright,
+ &.cm-s-tomorrow-night-eighties,
+ &.cm-s-twilight,
+ &.cm-s-vibrant-ink,
+ &.cm-s-xq-dark,
+ &.cm-s-yonce,
+ &.cm-s-zenburn {
+ .CodeMirror-code {
+ .block:not(.cm-comment) { color : magenta; }
+ .columnSplit {
+ color : black;
+ background-color : rgba(35,153,153,0.5);
+ }
+ .pageLine {
+ background-color : rgba(255,255,255,0.5);
+ & ~ pre.CodeMirror-line { color : black; }
+ }
+ }
+ }
+ // Themes with light backgrounds
+ &.cm-s-default,
+ &.cm-s-3024-day,
+ &.cm-s-ambiance-mobile,
+ &.cm-s-base16-light,
+ &.cm-s-duotone-light,
+ &.cm-s-eclipse,
+ &.cm-s-elegant,
+ &.cm-s-juejin,
+ &.cm-s-neat,
+ &.cm-s-neo,
+ &.cm-s-paraiso-lightm
+ &.cm-s-solarized,
+ &.cm-s-ssms,
+ &.cm-s-ttcn,
+ &.cm-s-xq-light,
+ &.cm-s-yeti {
+ // Future styling for themes with light backgrounds
+ --dummyVar : 'currently unused';
+ }
}
diff --git a/themes/codeMirror/customThemes/darkbrewery-v301.css b/themes/codeMirror/customThemes/darkbrewery-v301.css
deleted file mode 100644
index 267c377f6..000000000
--- a/themes/codeMirror/customThemes/darkbrewery-v301.css
+++ /dev/null
@@ -1,129 +0,0 @@
-/* Main BG color and normal text color */
-.CodeMirror {
- background: #293134;
- color: #91A6AA;
-}
-
-/* Brew BG */
-.brewRenderer {
- background-color: #293134;
-}
-/* Blinking cursor */
-.CodeMirror-cursor {
- border-left: 1px solid #e0e2e4;
-}
-
-/* HB DARK NAV START*/
-
-/* Bars at the top */
-.snippetBar {
- background-color: #2F393C;
- color: white;
-}
-nav {
- background-color: #293134;
-}
-nav .navItem {
- background-color: #293134;
-}
-/* Fix for Homebrewery custom Snippet icons */
-.snippetBar .fac {
- filter: invert(1);
-}
-.snippetBar .snippetGroup .dropdown {
- background-color: #2F393C;
-}
-/* HB DARK NAV END */
-
-/* Line number stuff */
-.CodeMirror-gutter-elt {
- color: #81969A;
-}
-.CodeMirror-linenumber {
- background-color: #293134;
-}
-.CodeMirror-gutter {
- background-color: #293134;
-}
-/* column splits */
-.editor .codeEditor .columnSplit {
- font-style: italic;
- color: inherit;
- background-color:#1f5763;
- border-bottom: #299 solid 1px;
-}
-
-/* Colors for headings and such */
-/* ###Headings */
-.cm-s-default .cm-header {
- color: #c51b1b;
- -webkit-text-stroke-width: 0.1px;
- -webkit-text-stroke-color: #000;
-}
-/* bold points */
-.cm-header, .cm-strong {
- font-weight: bold;
- color: #309dd2;
-}
-/* Link headings */
-.cm-s-default .cm-link {
- color: #dd6300;
-}
-/* links */
-.cm-s-default .cm-string {
- color: #aa8261;
-}
-/*@import*/
-.cm-s-default .cm-def {
- color:#2986cc;
-}
-/* Bullets and such */
-.cm-s-default .cm-variable-2 {
- color: #3cbf30;
-}
-/* blocks */
-.editor .codeEditor .block:not(.cm-comment) {
- color: #e3e3e3;
-}
-/* inline blocks */
-.editor .codeEditor .inline-block {
- color: #e3e3e3;
-}
-/* Tags (divs) */
-.cm-s-default .cm-tag {
- color: #e3ff00;
-}
-.cm-s-default .cm-attribute {
- color: #e3ff00;
-}
-.cm-s-default .cm-atom {
- color:#000;
-}
-.cm-s-default .cm-qualifier{
- color:#ee1919;
-}
-.cm-s-default .cm-comment{
- color:#bbc700;
-}
-.cm-s-default .cm-keyword {
- color:#c302df;
- background-color:#b1b1b1;
-}
-.cm-s-default .cm-property.cm-error {
- color:#c50202;
-}
-
-.CodeMirror-foldmarker {
- color:#f0ff00;
-}
-
-/* New page */
-.editor .codeEditor .pageLine {
- background: #000;
- color:#000;
- border-bottom: 1px solid #fff;
-}
-
-.cm-s-default .cm-builtin {
- color:#fff;
-}
\ No newline at end of file
diff --git a/themes/codeMirror/customThemes/darkbrewery.css b/themes/codeMirror/customThemes/darkbrewery.css
new file mode 100644
index 000000000..6fba4001c
--- /dev/null
+++ b/themes/codeMirror/customThemes/darkbrewery.css
@@ -0,0 +1,134 @@
+/*stylelint-disable*/
+.editor .snippetBar {
+ color: white;
+ background-color: #2F393C;
+ .dropdown {
+ background-color: #2F393C;
+ }
+ .editors {
+ border-color: #ccc;
+ }
+}
+/* Main BG color and normal text color */
+.CodeMirror {
+ --bg: #293134;
+ --highlight: #bcbcbc;
+ color: #91A6AA;
+ background: var(--bg);
+ .CodeMirror-scroll {
+ .CodeMirror-gutters {
+ border-right: 1px solid #555;
+ background: var(--bg);
+ .CodeMirror-gutter {
+ background-color: var(--bg);
+ &.CodeMirror-foldgutter {
+ cursor: pointer;
+ border-left: 1px solid #555;
+ transition: background 0.1s;
+ &:hover {
+ background: #555;
+ }
+ }
+ }
+ }
+ .CodeMirror-lines {
+ /* Line numbers*/
+ .CodeMirror-linenumber.CodeMirror-gutter-elt {
+ background-color: var(--bg);
+ color: #81969A;
+ }
+ /* Blinking cursor */
+ .CodeMirror-cursor {
+ border-left: 1px solid #E0E2E4;
+ }
+ .pageLine {
+ color: #000000;
+ background: #000000;
+ border-bottom: 1px solid #FFFFFF;
+ }
+ .CodeMirror-code .CodeMirror-line {
+ &.columnSplit {
+ font-style: italic;
+ color: inherit;
+ background-color: #1F5763;
+ border-bottom: #229999 solid 1px;
+ }
+ /*syntax*/
+ .cm-header {
+ font-weight: bold;
+ color: #C51B1B;
+ -webkit-text-stroke-width: 0.1px;
+ -webkit-text-stroke-color: #000000;
+ }
+ .cm-strong {
+ color: #309DD2;
+ }
+ .cm-em {
+ /*italics*/
+ }
+ .cm-link {
+ color: #DD6300;
+ }
+ .cm-string {
+ color: #AA8261;
+ }
+ /* @import */
+ .cm-def {
+ color: #2986CC;
+ }
+ /* Bullets and such */
+ .cm-variable-2 {
+ color: #3CBF30;
+ }
+ .block:not(.cm-comment) {
+ color: #E3E3E3;
+ }
+ .inline-block {
+ color: #E3E3E3;
+ }
+ .cm-tag {
+ color: #E3FF00;
+ }
+ .cm-attribute {
+ color: #E3FF00;
+ }
+ .cm-atom {
+ color: #c1939a;
+ }
+ .cm-number {
+ color: #2986CC;
+ }
+ .cm-property:not(.cm-error) ~ .cm-variable {
+ color:#9e1f9e;
+ }
+ .cm-qualifier {
+ color: #EE1919;
+ }
+ .cm-comment {
+ color: #BBC700;
+ }
+ .cm-keyword {
+ color: white;
+ }
+ .cm-error {
+ color: #C50202;
+ }
+ .CodeMirror-foldmarker {
+ color: #F0FF00;
+ }
+ .cm-builtin {
+ color: #FFFFFF;
+ }
+ .dt-highlight {
+ background: #ffffff14;
+ }
+ .dl-colon-highlight {
+ background: #ccc;
+ }
+ .dl-highlight.dd-highlight {
+ color: #b5858d;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/themes/codeMirror/editorThemes.json b/themes/codeMirror/editorThemes.json
index 679c6874b..d287c9810 100644
--- a/themes/codeMirror/editorThemes.json
+++ b/themes/codeMirror/editorThemes.json
@@ -15,7 +15,7 @@
"cobalt",
"colorforth",
"darcula",
-"darkbrewery-v301",
+"darkbrewery",
"darkvision",
"dracula",
"duotone-dark",
diff --git a/themes/fonts/5e legacy/fonts.less b/themes/fonts/5e legacy/fonts.less
index d4c10c456..680e395ec 100644
--- a/themes/fonts/5e legacy/fonts.less
+++ b/themes/fonts/5e legacy/fonts.less
@@ -1,61 +1,61 @@
/* Main Font, serif */
@font-face {
- font-family: BookSanity;
- src: url('../../../fonts/5e legacy/Bookinsanity.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "BookSanity";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/5e legacy/Bookinsanity.woff2');
}
@font-face {
- font-family: BookSanity;
- src: url('../../../fonts/5e legacy/Bookinsanity Bold.woff2');
- font-weight: bold;
- font-style: normal;
+ font-family : "BookSanity";
+ font-style : normal;
+ font-weight : bold;
+ src : url('../../../fonts/5e legacy/Bookinsanity Bold.woff2');
}
@font-face {
- font-family: BookSanity;
- src: url('../../../fonts/5e legacy/Bookinsanity Italic.woff2');
- font-weight: normal;
- font-style: italic;
+ font-family : "BookSanity";
+ font-style : italic;
+ font-weight : normal;
+ src : url('../../../fonts/5e legacy/Bookinsanity Italic.woff2');
}
@font-face {
- font-family: BookSanity;
- src: url('../../../fonts/5e legacy/Bookinsanity Bold Italic.woff2');
- font-weight: bold;
- font-style: italic;
+ font-family : "BookSanity";
+ font-style : italic;
+ font-weight : bold;
+ src : url('../../../fonts/5e legacy/Bookinsanity Bold Italic.woff2');
}
/* Notes and Tables, sans-serif */
@font-face {
- font-family: ScalySans;
- src: url('../../../fonts/5e legacy/Scaly Sans.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "ScalySans";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/5e legacy/Scaly Sans.woff2');
}
@font-face {
- font-family: ScalySansSmallCaps;
- src: url('../../../fonts/5e legacy/Scaly Sans Caps.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "ScalySansSmallCaps";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/5e legacy/Scaly Sans Caps.woff2');
}
@font-face {
- font-family: WalterTurncoat;
- src: url('../../../fonts/5e legacy/WalterTurncoat-Regular.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "WalterTurncoat";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/5e legacy/WalterTurncoat-Regular.woff2');
}
/* Headers */
@font-face {
- font-family: MrJeeves;
- src: url('../../../fonts/5e legacy/Mr Eaves Small Caps.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "MrJeeves";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/5e legacy/Mr Eaves Small Caps.woff2');
}
/* Fancy Drop Cap */
@font-face {
- font-family: Solberry;
- src: url('../../../fonts/5e legacy/Solbera Imitation.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "Solberry";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/5e legacy/Solbera Imitation.woff2');
}
diff --git a/themes/fonts/5e/fonts.less b/themes/fonts/5e/fonts.less
index c028b06f9..eec5c418f 100644
--- a/themes/fonts/5e/fonts.less
+++ b/themes/fonts/5e/fonts.less
@@ -1,143 +1,143 @@
/* Main Font, serif */
@font-face {
- font-family: BookInsanityRemake;
- src: url('../../../fonts/5e/Bookinsanity.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "BookInsanityRemake";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/5e/Bookinsanity.woff2');
}
@font-face {
- font-family: BookInsanityRemake;
- src: url('../../../fonts/5e/Bookinsanity Bold.woff2');
- font-weight: bold;
- font-style: normal;
+ font-family : "BookInsanityRemake";
+ font-style : normal;
+ font-weight : bold;
+ src : url('../../../fonts/5e/Bookinsanity Bold.woff2');
}
@font-face {
- font-family: BookInsanityRemake;
- src: url('../../../fonts/5e/Bookinsanity Italic.woff2');
- font-weight: normal;
- font-style: italic;
+ font-family : "BookInsanityRemake";
+ font-style : italic;
+ font-weight : normal;
+ src : url('../../../fonts/5e/Bookinsanity Italic.woff2');
}
@font-face {
- font-family: BookInsanityRemake;
- src: url('../../../fonts/5e/Bookinsanity Bold Italic.woff2');
- font-weight: bold;
- font-style: italic;
+ font-family : "BookInsanityRemake";
+ font-style : italic;
+ font-weight : bold;
+ src : url('../../../fonts/5e/Bookinsanity Bold Italic.woff2');
}
/* Notes and Tables, sans-serif */
@font-face {
- font-family: ScalySansRemake;
- src: url('../../../fonts/5e/Scaly Sans.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "ScalySansRemake";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/5e/Scaly Sans.woff2');
}
@font-face {
- font-family: ScalySansRemake;
- src: url('../../../fonts/5e/Scaly Sans Bold.woff2');
- font-weight: bold;
- font-style: normal;
+ font-family : "ScalySansRemake";
+ font-style : normal;
+ font-weight : bold;
+ src : url('../../../fonts/5e/Scaly Sans Bold.woff2');
}
@font-face {
- font-family: ScalySansRemake;
- src: url('../../../fonts/5e/Scaly Sans Italic.woff2');
- font-weight: normal;
- font-style: italic;
+ font-family : "ScalySansRemake";
+ font-style : italic;
+ font-weight : normal;
+ src : url('../../../fonts/5e/Scaly Sans Italic.woff2');
}
@font-face {
- font-family: ScalySansRemake;
- src: url('../../../fonts/5e/Scaly Sans Bold Italic.woff2');
- font-weight: bold;
- font-style: italic;
+ font-family : "ScalySansRemake";
+ font-style : italic;
+ font-weight : bold;
+ src : url('../../../fonts/5e/Scaly Sans Bold Italic.woff2');
}
@font-face {
- font-family: ScalySansSmallCapsRemake;
- src: url('../../../fonts/5e/Scaly Sans Caps.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "ScalySansSmallCapsRemake";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/5e/Scaly Sans Caps.woff2');
}
@font-face {
- font-family: WalterTurncoat;
- src: url('../../../fonts/5e/WalterTurncoat-Regular.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "WalterTurncoat";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/5e/WalterTurncoat-Regular.woff2');
}
/* Headers */
@font-face {
- font-family: MrEavesRemake;
- src: url('../../../fonts/5e/Mr Eaves Small Caps.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "MrEavesRemake";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/5e/Mr Eaves Small Caps.woff2');
}
/* Fancy Drop Cap */
@font-face {
- font-family: SolberaImitationRemake; //Tweaked 5e version
- src: url('../../../fonts/5e/Solbera Imitation Tweak.woff2');
- font-weight: 100 1000;
- font-style: normal;
- font-style: italic;
+ font-family : "SolberaImitationRemake"; //Tweaked 5e version
+ font-style : normal;
+ font-style : italic;
+ font-weight : 100 1000;
+ src : url('../../../fonts/5e/Solbera Imitation Tweak.woff2');
}
/* Cover Page */
@font-face {
- font-family: NodestoCapsCondensed;
- src: url('../../../fonts/5e/Nodesto Caps Condensed.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "NodestoCapsCondensed";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/5e/Nodesto Caps Condensed.woff2');
}
@font-face {
- font-family: NodestoCapsCondensed;
- src: url('../../../fonts/5e/Nodesto Caps Condensed Bold.woff2');
- font-weight: bold;
- font-style: normal;
+ font-family : "NodestoCapsCondensed";
+ font-style : normal;
+ font-weight : bold;
+ src : url('../../../fonts/5e/Nodesto Caps Condensed Bold.woff2');
}
@font-face {
- font-family: NodestoCapsCondensed;
- src: url('../../../fonts/5e/Nodesto Caps Condensed Italic.woff2');
- font-weight: normal;
- font-style: italic;
+ font-family : "NodestoCapsCondensed";
+ font-style : italic;
+ font-weight : normal;
+ src : url('../../../fonts/5e/Nodesto Caps Condensed Italic.woff2');
}
@font-face {
- font-family: NodestoCapsCondensed;
- src: url('../../../fonts/5e/Nodesto Caps Condensed Bold Italic.woff2');
- font-weight: bold;
- font-style: italic;
+ font-family : "NodestoCapsCondensed";
+ font-style : italic;
+ font-weight : bold;
+ src : url('../../../fonts/5e/Nodesto Caps Condensed Bold Italic.woff2');
}
@font-face {
- font-family: NodestoCapsWide;
- src: url('../../../fonts/5e/Nodesto Caps Wide.woff2');
- font-weight: normal;
- font-style: normal
+ font-family : "NodestoCapsWide";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/5e/Nodesto Caps Wide.woff2');
}
@font-face {
- font-family: Overpass;
- src: url('../../../fonts/5e/Overpass Medium.woff2');
- font-weight: 500;
- font-style: normal;
+ font-family : "Overpass";
+ font-style : normal;
+ font-weight : 500;
+ src : url('../../../fonts/5e/Overpass Medium.woff2');
}
@font-face {
- font-family: Davek;
- src: url('../../../fonts/5e/Davek.woff2');
- font-weight: 500;
- font-style: normal;
+ font-family : "Davek";
+ font-style : normal;
+ font-weight : 500;
+ src : url('../../../fonts/5e/Davek.woff2');
}
@font-face {
- font-family: Iokharic;
- src: url('../../../fonts/5e/Iokharic.woff2');
- font-weight: 500;
- font-style: normal;
+ font-family : "Iokharic";
+ font-style : normal;
+ font-weight : 500;
+ src : url('../../../fonts/5e/Iokharic.woff2');
}
@font-face {
- font-family: Rellanic;
- src: url('../../../fonts/5e/Rellanic.woff2');
- font-weight: 500;
- font-style: normal;
+ font-family : "Rellanic";
+ font-style : normal;
+ font-weight : 500;
+ src : url('../../../fonts/5e/Rellanic.woff2');
}
diff --git a/themes/fonts/Blank/fonts.less b/themes/fonts/Blank/fonts.less
index 4a3d2d1e8..6558c84b4 100644
--- a/themes/fonts/Blank/fonts.less
+++ b/themes/fonts/Blank/fonts.less
@@ -18,29 +18,29 @@ License:
*/
@font-face {
- font-family: Pagella;
- src: url('../../../fonts/Blank/texgyrepagella-regular.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "Pagella";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/Blank/texgyrepagella-regular.woff2');
}
@font-face {
- font-family: Pagella;
- src: url('../../../fonts/Blank/texgyrepagella-bold.woff2');
- font-weight: bold;
- font-style: normal;
+ font-family : "Pagella";
+ font-style : normal;
+ font-weight : bold;
+ src : url('../../../fonts/Blank/texgyrepagella-bold.woff2');
}
@font-face {
- font-family: Pagella;
- src: url('../../../fonts/Blank/texgyrepagella-italic.woff2');
- font-weight: normal;
- font-style: italic;
+ font-family : "Pagella";
+ font-style : italic;
+ font-weight : normal;
+ src : url('../../../fonts/Blank/texgyrepagella-italic.woff2');
}
@font-face {
- font-family: Pagella;
- src: url('../../../fonts/Blank/texgyrepagella-bolditalic.woff2');
- font-weight: bold;
- font-style: italic;
+ font-family : "Pagella";
+ font-style : italic;
+ font-weight : bold;
+ src : url('../../../fonts/Blank/texgyrepagella-bolditalic.woff2');
}
diff --git a/themes/fonts/Journal/fonts.less b/themes/fonts/Journal/fonts.less
index 703b594ba..20190c651 100644
--- a/themes/fonts/Journal/fonts.less
+++ b/themes/fonts/Journal/fonts.less
@@ -1,58 +1,58 @@
/* Main Font, serif */
@font-face {
- font-family: ReenieBeanie;
- src: url('../../../fonts/Journal/ReenieBeanie-Regular.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "ReenieBeanie";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/Journal/ReenieBeanie-Regular.woff2');
}
/* Notes and Tables, sans-serif */
@font-face {
- font-family: PermanentMarker;
- src: url('../../../fonts/Journal/PermanentMarker-Regular.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "PermanentMarker";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/Journal/PermanentMarker-Regular.woff2');
}
@font-face {
- font-family: WalterTurncoat;
- src: url('../../../fonts/5e/WalterTurncoat-Regular.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "WalterTurncoat";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/5e/WalterTurncoat-Regular.woff2');
}
/* Headers */
@font-face {
- font-family: FrederickaTheGreat;
- src: url('../../../fonts/Journal/FrederickaTheGreat-Regular.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "FrederickaTheGreat";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../../../fonts/Journal/FrederickaTheGreat-Regular.woff2');
}
/* Cover Page */
@font-face {
- font-family: NodestoCapsCondensed;
- src: url('../fonts/5e/Nodesto Caps Condensed.woff2');
- font-weight: normal;
- font-style: normal;
+ font-family : "NodestoCapsCondensed";
+ font-style : normal;
+ font-weight : normal;
+ src : url('../fonts/5e/Nodesto Caps Condensed.woff2');
}
@font-face {
- font-family: NodestoCapsCondensed;
- src: url('../fonts/5e/Nodesto Caps Condensed Bold.woff2');
- font-weight: bold;
- font-style: normal;
+ font-family : "NodestoCapsCondensed";
+ font-style : normal;
+ font-weight : bold;
+ src : url('../fonts/5e/Nodesto Caps Condensed Bold.woff2');
}
@font-face {
- font-family: NodestoCapsCondensed;
- src: url('../fonts/5e/Nodesto Caps Condensed Italic.woff2');
- font-weight: normal;
- font-style: italic;
+ font-family : "NodestoCapsCondensed";
+ font-style : italic;
+ font-weight : normal;
+ src : url('../fonts/5e/Nodesto Caps Condensed Italic.woff2');
}
@font-face {
- font-family: NodestoCapsCondensed;
- src: url('../fonts/5e/Nodesto Caps Condensed Bold Italic.woff2');
- font-weight: bold;
- font-style: italic;
+ font-family : "NodestoCapsCondensed";
+ font-style : italic;
+ font-weight : bold;
+ src : url('../fonts/5e/Nodesto Caps Condensed Bold Italic.woff2');
}
diff --git a/themes/fonts/iconFonts/diceFont.less b/themes/fonts/iconFonts/diceFont.less
index ec80f132b..3b60093d0 100644
--- a/themes/fonts/iconFonts/diceFont.less
+++ b/themes/fonts/iconFonts/diceFont.less
@@ -13,8 +13,8 @@
font-weight : normal;
font-variant : normal;
line-height : 1;
- text-decoration : inherit;
text-transform : none;
+ text-decoration : inherit;
text-rendering : optimizeLegibility;
/* Better Font Rendering =========== */
diff --git a/themes/fonts/iconFonts/fa-brands-400.woff2 b/themes/fonts/iconFonts/fa-brands-400.woff2
new file mode 100644
index 000000000..3c5cf97ec
Binary files /dev/null and b/themes/fonts/iconFonts/fa-brands-400.woff2 differ
diff --git a/themes/fonts/iconFonts/fa-regular-400.woff2 b/themes/fonts/iconFonts/fa-regular-400.woff2
new file mode 100644
index 000000000..57d917965
Binary files /dev/null and b/themes/fonts/iconFonts/fa-regular-400.woff2 differ
diff --git a/themes/fonts/iconFonts/fa-solid-900.woff2 b/themes/fonts/iconFonts/fa-solid-900.woff2
new file mode 100644
index 000000000..16721020f
Binary files /dev/null and b/themes/fonts/iconFonts/fa-solid-900.woff2 differ
diff --git a/themes/fonts/iconFonts/fa-v4compatibility.woff2 b/themes/fonts/iconFonts/fa-v4compatibility.woff2
new file mode 100644
index 000000000..fbafb2222
Binary files /dev/null and b/themes/fonts/iconFonts/fa-v4compatibility.woff2 differ
diff --git a/themes/fonts/iconFonts/fontAwesome.js b/themes/fonts/iconFonts/fontAwesome.js
index f5f89e3aa..bf11a7c92 100644
--- a/themes/fonts/iconFonts/fontAwesome.js
+++ b/themes/fonts/iconFonts/fontAwesome.js
@@ -1,3 +1,5 @@
+/* eslint-disable max-lines */
+
const fontAwesome = {
// FONT-AWESOME SOLID
'fas_0' : 'fas fa-0',
diff --git a/themes/fonts/iconFonts/fontAwesome.less b/themes/fonts/iconFonts/fontAwesome.less
index 5f626c645..dcdc7dbf5 100644
--- a/themes/fonts/iconFonts/fontAwesome.less
+++ b/themes/fonts/iconFonts/fontAwesome.less
@@ -1,2 +1,10 @@
+@import (less) "./themes/fonts/iconFonts/fontawesome-free.less";
+@import (less) "./themes/fonts/iconFonts/fontawesome-solid.less";
+@import (less) "./themes/fonts/iconFonts/fontawesome-brands.less";
+@import (less) "./themes/fonts/iconFonts/fontawesome-regular.less";
+
+
/* Icon Font: Font Awesome */
-.far,.fas,.fab { display : inline; }
\ No newline at end of file
+.far,.fas,.fab { display : inline; }
+
+
diff --git a/themes/fonts/iconFonts/fontawesome-brands.less b/themes/fonts/iconFonts/fontawesome-brands.less
new file mode 100644
index 000000000..3095766f8
--- /dev/null
+++ b/themes/fonts/iconFonts/fontawesome-brands.less
@@ -0,0 +1,1609 @@
+/*!
+ * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+:root, :host {
+ --fa-style-family-brands: 'Font Awesome 6 Brands';
+ --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }
+
+@font-face {
+ font-family: 'Font Awesome 6 Brands';
+ font-style: normal;
+ font-weight: 400;
+ font-display: block;
+ src: url("/fonts/iconFonts/fa-brands-400.woff2") format("woff2"), url("/fonts/iconFonts/fa-brands-400.ttf") format("truetype"); }
+
+.fab,
+.fa-brands {
+ font-weight: 400; }
+
+.fa-monero {
+ --fa: "\f3d0"; }
+
+.fa-hooli {
+ --fa: "\f427"; }
+
+.fa-yelp {
+ --fa: "\f1e9"; }
+
+.fa-cc-visa {
+ --fa: "\f1f0"; }
+
+.fa-lastfm {
+ --fa: "\f202"; }
+
+.fa-shopware {
+ --fa: "\f5b5"; }
+
+.fa-creative-commons-nc {
+ --fa: "\f4e8"; }
+
+.fa-aws {
+ --fa: "\f375"; }
+
+.fa-redhat {
+ --fa: "\f7bc"; }
+
+.fa-yoast {
+ --fa: "\f2b1"; }
+
+.fa-cloudflare {
+ --fa: "\e07d"; }
+
+.fa-ups {
+ --fa: "\f7e0"; }
+
+.fa-pixiv {
+ --fa: "\e640"; }
+
+.fa-wpexplorer {
+ --fa: "\f2de"; }
+
+.fa-dyalog {
+ --fa: "\f399"; }
+
+.fa-bity {
+ --fa: "\f37a"; }
+
+.fa-stackpath {
+ --fa: "\f842"; }
+
+.fa-buysellads {
+ --fa: "\f20d"; }
+
+.fa-first-order {
+ --fa: "\f2b0"; }
+
+.fa-modx {
+ --fa: "\f285"; }
+
+.fa-guilded {
+ --fa: "\e07e"; }
+
+.fa-vnv {
+ --fa: "\f40b"; }
+
+.fa-square-js {
+ --fa: "\f3b9"; }
+
+.fa-js-square {
+ --fa: "\f3b9"; }
+
+.fa-microsoft {
+ --fa: "\f3ca"; }
+
+.fa-qq {
+ --fa: "\f1d6"; }
+
+.fa-orcid {
+ --fa: "\f8d2"; }
+
+.fa-java {
+ --fa: "\f4e4"; }
+
+.fa-invision {
+ --fa: "\f7b0"; }
+
+.fa-creative-commons-pd-alt {
+ --fa: "\f4ed"; }
+
+.fa-centercode {
+ --fa: "\f380"; }
+
+.fa-glide-g {
+ --fa: "\f2a6"; }
+
+.fa-drupal {
+ --fa: "\f1a9"; }
+
+.fa-jxl {
+ --fa: "\e67b"; }
+
+.fa-dart-lang {
+ --fa: "\e693"; }
+
+.fa-hire-a-helper {
+ --fa: "\f3b0"; }
+
+.fa-creative-commons-by {
+ --fa: "\f4e7"; }
+
+.fa-unity {
+ --fa: "\e049"; }
+
+.fa-whmcs {
+ --fa: "\f40d"; }
+
+.fa-rocketchat {
+ --fa: "\f3e8"; }
+
+.fa-vk {
+ --fa: "\f189"; }
+
+.fa-untappd {
+ --fa: "\f405"; }
+
+.fa-mailchimp {
+ --fa: "\f59e"; }
+
+.fa-css3-alt {
+ --fa: "\f38b"; }
+
+.fa-square-reddit {
+ --fa: "\f1a2"; }
+
+.fa-reddit-square {
+ --fa: "\f1a2"; }
+
+.fa-vimeo-v {
+ --fa: "\f27d"; }
+
+.fa-contao {
+ --fa: "\f26d"; }
+
+.fa-square-font-awesome {
+ --fa: "\e5ad"; }
+
+.fa-deskpro {
+ --fa: "\f38f"; }
+
+.fa-brave {
+ --fa: "\e63c"; }
+
+.fa-sistrix {
+ --fa: "\f3ee"; }
+
+.fa-square-instagram {
+ --fa: "\e055"; }
+
+.fa-instagram-square {
+ --fa: "\e055"; }
+
+.fa-battle-net {
+ --fa: "\f835"; }
+
+.fa-the-red-yeti {
+ --fa: "\f69d"; }
+
+.fa-square-hacker-news {
+ --fa: "\f3af"; }
+
+.fa-hacker-news-square {
+ --fa: "\f3af"; }
+
+.fa-edge {
+ --fa: "\f282"; }
+
+.fa-threads {
+ --fa: "\e618"; }
+
+.fa-napster {
+ --fa: "\f3d2"; }
+
+.fa-square-snapchat {
+ --fa: "\f2ad"; }
+
+.fa-snapchat-square {
+ --fa: "\f2ad"; }
+
+.fa-google-plus-g {
+ --fa: "\f0d5"; }
+
+.fa-artstation {
+ --fa: "\f77a"; }
+
+.fa-markdown {
+ --fa: "\f60f"; }
+
+.fa-sourcetree {
+ --fa: "\f7d3"; }
+
+.fa-google-plus {
+ --fa: "\f2b3"; }
+
+.fa-diaspora {
+ --fa: "\f791"; }
+
+.fa-foursquare {
+ --fa: "\f180"; }
+
+.fa-stack-overflow {
+ --fa: "\f16c"; }
+
+.fa-github-alt {
+ --fa: "\f113"; }
+
+.fa-phoenix-squadron {
+ --fa: "\f511"; }
+
+.fa-pagelines {
+ --fa: "\f18c"; }
+
+.fa-algolia {
+ --fa: "\f36c"; }
+
+.fa-red-river {
+ --fa: "\f3e3"; }
+
+.fa-creative-commons-sa {
+ --fa: "\f4ef"; }
+
+.fa-safari {
+ --fa: "\f267"; }
+
+.fa-google {
+ --fa: "\f1a0"; }
+
+.fa-square-font-awesome-stroke {
+ --fa: "\f35c"; }
+
+.fa-font-awesome-alt {
+ --fa: "\f35c"; }
+
+.fa-atlassian {
+ --fa: "\f77b"; }
+
+.fa-linkedin-in {
+ --fa: "\f0e1"; }
+
+.fa-digital-ocean {
+ --fa: "\f391"; }
+
+.fa-nimblr {
+ --fa: "\f5a8"; }
+
+.fa-chromecast {
+ --fa: "\f838"; }
+
+.fa-evernote {
+ --fa: "\f839"; }
+
+.fa-hacker-news {
+ --fa: "\f1d4"; }
+
+.fa-creative-commons-sampling {
+ --fa: "\f4f0"; }
+
+.fa-adversal {
+ --fa: "\f36a"; }
+
+.fa-creative-commons {
+ --fa: "\f25e"; }
+
+.fa-watchman-monitoring {
+ --fa: "\e087"; }
+
+.fa-fonticons {
+ --fa: "\f280"; }
+
+.fa-weixin {
+ --fa: "\f1d7"; }
+
+.fa-shirtsinbulk {
+ --fa: "\f214"; }
+
+.fa-codepen {
+ --fa: "\f1cb"; }
+
+.fa-git-alt {
+ --fa: "\f841"; }
+
+.fa-lyft {
+ --fa: "\f3c3"; }
+
+.fa-rev {
+ --fa: "\f5b2"; }
+
+.fa-windows {
+ --fa: "\f17a"; }
+
+.fa-wizards-of-the-coast {
+ --fa: "\f730"; }
+
+.fa-square-viadeo {
+ --fa: "\f2aa"; }
+
+.fa-viadeo-square {
+ --fa: "\f2aa"; }
+
+.fa-meetup {
+ --fa: "\f2e0"; }
+
+.fa-centos {
+ --fa: "\f789"; }
+
+.fa-adn {
+ --fa: "\f170"; }
+
+.fa-cloudsmith {
+ --fa: "\f384"; }
+
+.fa-opensuse {
+ --fa: "\e62b"; }
+
+.fa-pied-piper-alt {
+ --fa: "\f1a8"; }
+
+.fa-square-dribbble {
+ --fa: "\f397"; }
+
+.fa-dribbble-square {
+ --fa: "\f397"; }
+
+.fa-codiepie {
+ --fa: "\f284"; }
+
+.fa-node {
+ --fa: "\f419"; }
+
+.fa-mix {
+ --fa: "\f3cb"; }
+
+.fa-steam {
+ --fa: "\f1b6"; }
+
+.fa-cc-apple-pay {
+ --fa: "\f416"; }
+
+.fa-scribd {
+ --fa: "\f28a"; }
+
+.fa-debian {
+ --fa: "\e60b"; }
+
+.fa-openid {
+ --fa: "\f19b"; }
+
+.fa-instalod {
+ --fa: "\e081"; }
+
+.fa-files-pinwheel {
+ --fa: "\e69f"; }
+
+.fa-expeditedssl {
+ --fa: "\f23e"; }
+
+.fa-sellcast {
+ --fa: "\f2da"; }
+
+.fa-square-twitter {
+ --fa: "\f081"; }
+
+.fa-twitter-square {
+ --fa: "\f081"; }
+
+.fa-r-project {
+ --fa: "\f4f7"; }
+
+.fa-delicious {
+ --fa: "\f1a5"; }
+
+.fa-freebsd {
+ --fa: "\f3a4"; }
+
+.fa-vuejs {
+ --fa: "\f41f"; }
+
+.fa-accusoft {
+ --fa: "\f369"; }
+
+.fa-ioxhost {
+ --fa: "\f208"; }
+
+.fa-fonticons-fi {
+ --fa: "\f3a2"; }
+
+.fa-app-store {
+ --fa: "\f36f"; }
+
+.fa-cc-mastercard {
+ --fa: "\f1f1"; }
+
+.fa-itunes-note {
+ --fa: "\f3b5"; }
+
+.fa-golang {
+ --fa: "\e40f"; }
+
+.fa-kickstarter {
+ --fa: "\f3bb"; }
+
+.fa-square-kickstarter {
+ --fa: "\f3bb"; }
+
+.fa-grav {
+ --fa: "\f2d6"; }
+
+.fa-weibo {
+ --fa: "\f18a"; }
+
+.fa-uncharted {
+ --fa: "\e084"; }
+
+.fa-firstdraft {
+ --fa: "\f3a1"; }
+
+.fa-square-youtube {
+ --fa: "\f431"; }
+
+.fa-youtube-square {
+ --fa: "\f431"; }
+
+.fa-wikipedia-w {
+ --fa: "\f266"; }
+
+.fa-wpressr {
+ --fa: "\f3e4"; }
+
+.fa-rendact {
+ --fa: "\f3e4"; }
+
+.fa-angellist {
+ --fa: "\f209"; }
+
+.fa-galactic-republic {
+ --fa: "\f50c"; }
+
+.fa-nfc-directional {
+ --fa: "\e530"; }
+
+.fa-skype {
+ --fa: "\f17e"; }
+
+.fa-joget {
+ --fa: "\f3b7"; }
+
+.fa-fedora {
+ --fa: "\f798"; }
+
+.fa-stripe-s {
+ --fa: "\f42a"; }
+
+.fa-meta {
+ --fa: "\e49b"; }
+
+.fa-laravel {
+ --fa: "\f3bd"; }
+
+.fa-hotjar {
+ --fa: "\f3b1"; }
+
+.fa-bluetooth-b {
+ --fa: "\f294"; }
+
+.fa-square-letterboxd {
+ --fa: "\e62e"; }
+
+.fa-sticker-mule {
+ --fa: "\f3f7"; }
+
+.fa-creative-commons-zero {
+ --fa: "\f4f3"; }
+
+.fa-hips {
+ --fa: "\f452"; }
+
+.fa-css {
+ --fa: "\e6a2"; }
+
+.fa-behance {
+ --fa: "\f1b4"; }
+
+.fa-reddit {
+ --fa: "\f1a1"; }
+
+.fa-discord {
+ --fa: "\f392"; }
+
+.fa-chrome {
+ --fa: "\f268"; }
+
+.fa-app-store-ios {
+ --fa: "\f370"; }
+
+.fa-cc-discover {
+ --fa: "\f1f2"; }
+
+.fa-wpbeginner {
+ --fa: "\f297"; }
+
+.fa-confluence {
+ --fa: "\f78d"; }
+
+.fa-shoelace {
+ --fa: "\e60c"; }
+
+.fa-mdb {
+ --fa: "\f8ca"; }
+
+.fa-dochub {
+ --fa: "\f394"; }
+
+.fa-accessible-icon {
+ --fa: "\f368"; }
+
+.fa-ebay {
+ --fa: "\f4f4"; }
+
+.fa-amazon {
+ --fa: "\f270"; }
+
+.fa-unsplash {
+ --fa: "\e07c"; }
+
+.fa-yarn {
+ --fa: "\f7e3"; }
+
+.fa-square-steam {
+ --fa: "\f1b7"; }
+
+.fa-steam-square {
+ --fa: "\f1b7"; }
+
+.fa-500px {
+ --fa: "\f26e"; }
+
+.fa-square-vimeo {
+ --fa: "\f194"; }
+
+.fa-vimeo-square {
+ --fa: "\f194"; }
+
+.fa-asymmetrik {
+ --fa: "\f372"; }
+
+.fa-font-awesome {
+ --fa: "\f2b4"; }
+
+.fa-font-awesome-flag {
+ --fa: "\f2b4"; }
+
+.fa-font-awesome-logo-full {
+ --fa: "\f2b4"; }
+
+.fa-gratipay {
+ --fa: "\f184"; }
+
+.fa-apple {
+ --fa: "\f179"; }
+
+.fa-hive {
+ --fa: "\e07f"; }
+
+.fa-gitkraken {
+ --fa: "\f3a6"; }
+
+.fa-keybase {
+ --fa: "\f4f5"; }
+
+.fa-apple-pay {
+ --fa: "\f415"; }
+
+.fa-padlet {
+ --fa: "\e4a0"; }
+
+.fa-amazon-pay {
+ --fa: "\f42c"; }
+
+.fa-square-github {
+ --fa: "\f092"; }
+
+.fa-github-square {
+ --fa: "\f092"; }
+
+.fa-stumbleupon {
+ --fa: "\f1a4"; }
+
+.fa-fedex {
+ --fa: "\f797"; }
+
+.fa-phoenix-framework {
+ --fa: "\f3dc"; }
+
+.fa-shopify {
+ --fa: "\e057"; }
+
+.fa-neos {
+ --fa: "\f612"; }
+
+.fa-square-threads {
+ --fa: "\e619"; }
+
+.fa-hackerrank {
+ --fa: "\f5f7"; }
+
+.fa-researchgate {
+ --fa: "\f4f8"; }
+
+.fa-swift {
+ --fa: "\f8e1"; }
+
+.fa-angular {
+ --fa: "\f420"; }
+
+.fa-speakap {
+ --fa: "\f3f3"; }
+
+.fa-angrycreative {
+ --fa: "\f36e"; }
+
+.fa-y-combinator {
+ --fa: "\f23b"; }
+
+.fa-empire {
+ --fa: "\f1d1"; }
+
+.fa-envira {
+ --fa: "\f299"; }
+
+.fa-google-scholar {
+ --fa: "\e63b"; }
+
+.fa-square-gitlab {
+ --fa: "\e5ae"; }
+
+.fa-gitlab-square {
+ --fa: "\e5ae"; }
+
+.fa-studiovinari {
+ --fa: "\f3f8"; }
+
+.fa-pied-piper {
+ --fa: "\f2ae"; }
+
+.fa-wordpress {
+ --fa: "\f19a"; }
+
+.fa-product-hunt {
+ --fa: "\f288"; }
+
+.fa-firefox {
+ --fa: "\f269"; }
+
+.fa-linode {
+ --fa: "\f2b8"; }
+
+.fa-goodreads {
+ --fa: "\f3a8"; }
+
+.fa-square-odnoklassniki {
+ --fa: "\f264"; }
+
+.fa-odnoklassniki-square {
+ --fa: "\f264"; }
+
+.fa-jsfiddle {
+ --fa: "\f1cc"; }
+
+.fa-sith {
+ --fa: "\f512"; }
+
+.fa-themeisle {
+ --fa: "\f2b2"; }
+
+.fa-page4 {
+ --fa: "\f3d7"; }
+
+.fa-hashnode {
+ --fa: "\e499"; }
+
+.fa-react {
+ --fa: "\f41b"; }
+
+.fa-cc-paypal {
+ --fa: "\f1f4"; }
+
+.fa-squarespace {
+ --fa: "\f5be"; }
+
+.fa-cc-stripe {
+ --fa: "\f1f5"; }
+
+.fa-creative-commons-share {
+ --fa: "\f4f2"; }
+
+.fa-bitcoin {
+ --fa: "\f379"; }
+
+.fa-keycdn {
+ --fa: "\f3ba"; }
+
+.fa-opera {
+ --fa: "\f26a"; }
+
+.fa-itch-io {
+ --fa: "\f83a"; }
+
+.fa-umbraco {
+ --fa: "\f8e8"; }
+
+.fa-galactic-senate {
+ --fa: "\f50d"; }
+
+.fa-ubuntu {
+ --fa: "\f7df"; }
+
+.fa-draft2digital {
+ --fa: "\f396"; }
+
+.fa-stripe {
+ --fa: "\f429"; }
+
+.fa-houzz {
+ --fa: "\f27c"; }
+
+.fa-gg {
+ --fa: "\f260"; }
+
+.fa-dhl {
+ --fa: "\f790"; }
+
+.fa-square-pinterest {
+ --fa: "\f0d3"; }
+
+.fa-pinterest-square {
+ --fa: "\f0d3"; }
+
+.fa-xing {
+ --fa: "\f168"; }
+
+.fa-blackberry {
+ --fa: "\f37b"; }
+
+.fa-creative-commons-pd {
+ --fa: "\f4ec"; }
+
+.fa-playstation {
+ --fa: "\f3df"; }
+
+.fa-quinscape {
+ --fa: "\f459"; }
+
+.fa-less {
+ --fa: "\f41d"; }
+
+.fa-blogger-b {
+ --fa: "\f37d"; }
+
+.fa-opencart {
+ --fa: "\f23d"; }
+
+.fa-vine {
+ --fa: "\f1ca"; }
+
+.fa-signal-messenger {
+ --fa: "\e663"; }
+
+.fa-paypal {
+ --fa: "\f1ed"; }
+
+.fa-gitlab {
+ --fa: "\f296"; }
+
+.fa-typo3 {
+ --fa: "\f42b"; }
+
+.fa-reddit-alien {
+ --fa: "\f281"; }
+
+.fa-yahoo {
+ --fa: "\f19e"; }
+
+.fa-dailymotion {
+ --fa: "\e052"; }
+
+.fa-affiliatetheme {
+ --fa: "\f36b"; }
+
+.fa-pied-piper-pp {
+ --fa: "\f1a7"; }
+
+.fa-bootstrap {
+ --fa: "\f836"; }
+
+.fa-odnoklassniki {
+ --fa: "\f263"; }
+
+.fa-nfc-symbol {
+ --fa: "\e531"; }
+
+.fa-mintbit {
+ --fa: "\e62f"; }
+
+.fa-ethereum {
+ --fa: "\f42e"; }
+
+.fa-speaker-deck {
+ --fa: "\f83c"; }
+
+.fa-creative-commons-nc-eu {
+ --fa: "\f4e9"; }
+
+.fa-patreon {
+ --fa: "\f3d9"; }
+
+.fa-avianex {
+ --fa: "\f374"; }
+
+.fa-ello {
+ --fa: "\f5f1"; }
+
+.fa-gofore {
+ --fa: "\f3a7"; }
+
+.fa-bimobject {
+ --fa: "\f378"; }
+
+.fa-brave-reverse {
+ --fa: "\e63d"; }
+
+.fa-facebook-f {
+ --fa: "\f39e"; }
+
+.fa-square-google-plus {
+ --fa: "\f0d4"; }
+
+.fa-google-plus-square {
+ --fa: "\f0d4"; }
+
+.fa-web-awesome {
+ --fa: "\e682"; }
+
+.fa-mandalorian {
+ --fa: "\f50f"; }
+
+.fa-first-order-alt {
+ --fa: "\f50a"; }
+
+.fa-osi {
+ --fa: "\f41a"; }
+
+.fa-google-wallet {
+ --fa: "\f1ee"; }
+
+.fa-d-and-d-beyond {
+ --fa: "\f6ca"; }
+
+.fa-periscope {
+ --fa: "\f3da"; }
+
+.fa-fulcrum {
+ --fa: "\f50b"; }
+
+.fa-cloudscale {
+ --fa: "\f383"; }
+
+.fa-forumbee {
+ --fa: "\f211"; }
+
+.fa-mizuni {
+ --fa: "\f3cc"; }
+
+.fa-schlix {
+ --fa: "\f3ea"; }
+
+.fa-square-xing {
+ --fa: "\f169"; }
+
+.fa-xing-square {
+ --fa: "\f169"; }
+
+.fa-bandcamp {
+ --fa: "\f2d5"; }
+
+.fa-wpforms {
+ --fa: "\f298"; }
+
+.fa-cloudversify {
+ --fa: "\f385"; }
+
+.fa-usps {
+ --fa: "\f7e1"; }
+
+.fa-megaport {
+ --fa: "\f5a3"; }
+
+.fa-magento {
+ --fa: "\f3c4"; }
+
+.fa-spotify {
+ --fa: "\f1bc"; }
+
+.fa-optin-monster {
+ --fa: "\f23c"; }
+
+.fa-fly {
+ --fa: "\f417"; }
+
+.fa-square-bluesky {
+ --fa: "\e6a3"; }
+
+.fa-aviato {
+ --fa: "\f421"; }
+
+.fa-itunes {
+ --fa: "\f3b4"; }
+
+.fa-cuttlefish {
+ --fa: "\f38c"; }
+
+.fa-blogger {
+ --fa: "\f37c"; }
+
+.fa-flickr {
+ --fa: "\f16e"; }
+
+.fa-viber {
+ --fa: "\f409"; }
+
+.fa-soundcloud {
+ --fa: "\f1be"; }
+
+.fa-digg {
+ --fa: "\f1a6"; }
+
+.fa-tencent-weibo {
+ --fa: "\f1d5"; }
+
+.fa-letterboxd {
+ --fa: "\e62d"; }
+
+.fa-symfony {
+ --fa: "\f83d"; }
+
+.fa-maxcdn {
+ --fa: "\f136"; }
+
+.fa-etsy {
+ --fa: "\f2d7"; }
+
+.fa-facebook-messenger {
+ --fa: "\f39f"; }
+
+.fa-audible {
+ --fa: "\f373"; }
+
+.fa-think-peaks {
+ --fa: "\f731"; }
+
+.fa-bilibili {
+ --fa: "\e3d9"; }
+
+.fa-erlang {
+ --fa: "\f39d"; }
+
+.fa-x-twitter {
+ --fa: "\e61b"; }
+
+.fa-cotton-bureau {
+ --fa: "\f89e"; }
+
+.fa-dashcube {
+ --fa: "\f210"; }
+
+.fa-42-group {
+ --fa: "\e080"; }
+
+.fa-innosoft {
+ --fa: "\e080"; }
+
+.fa-stack-exchange {
+ --fa: "\f18d"; }
+
+.fa-elementor {
+ --fa: "\f430"; }
+
+.fa-square-pied-piper {
+ --fa: "\e01e"; }
+
+.fa-pied-piper-square {
+ --fa: "\e01e"; }
+
+.fa-creative-commons-nd {
+ --fa: "\f4eb"; }
+
+.fa-palfed {
+ --fa: "\f3d8"; }
+
+.fa-superpowers {
+ --fa: "\f2dd"; }
+
+.fa-resolving {
+ --fa: "\f3e7"; }
+
+.fa-xbox {
+ --fa: "\f412"; }
+
+.fa-square-web-awesome-stroke {
+ --fa: "\e684"; }
+
+.fa-searchengin {
+ --fa: "\f3eb"; }
+
+.fa-tiktok {
+ --fa: "\e07b"; }
+
+.fa-square-facebook {
+ --fa: "\f082"; }
+
+.fa-facebook-square {
+ --fa: "\f082"; }
+
+.fa-renren {
+ --fa: "\f18b"; }
+
+.fa-linux {
+ --fa: "\f17c"; }
+
+.fa-glide {
+ --fa: "\f2a5"; }
+
+.fa-linkedin {
+ --fa: "\f08c"; }
+
+.fa-hubspot {
+ --fa: "\f3b2"; }
+
+.fa-deploydog {
+ --fa: "\f38e"; }
+
+.fa-twitch {
+ --fa: "\f1e8"; }
+
+.fa-flutter {
+ --fa: "\e694"; }
+
+.fa-ravelry {
+ --fa: "\f2d9"; }
+
+.fa-mixer {
+ --fa: "\e056"; }
+
+.fa-square-lastfm {
+ --fa: "\f203"; }
+
+.fa-lastfm-square {
+ --fa: "\f203"; }
+
+.fa-vimeo {
+ --fa: "\f40a"; }
+
+.fa-mendeley {
+ --fa: "\f7b3"; }
+
+.fa-uniregistry {
+ --fa: "\f404"; }
+
+.fa-figma {
+ --fa: "\f799"; }
+
+.fa-creative-commons-remix {
+ --fa: "\f4ee"; }
+
+.fa-cc-amazon-pay {
+ --fa: "\f42d"; }
+
+.fa-dropbox {
+ --fa: "\f16b"; }
+
+.fa-instagram {
+ --fa: "\f16d"; }
+
+.fa-cmplid {
+ --fa: "\e360"; }
+
+.fa-upwork {
+ --fa: "\e641"; }
+
+.fa-facebook {
+ --fa: "\f09a"; }
+
+.fa-gripfire {
+ --fa: "\f3ac"; }
+
+.fa-jedi-order {
+ --fa: "\f50e"; }
+
+.fa-uikit {
+ --fa: "\f403"; }
+
+.fa-fort-awesome-alt {
+ --fa: "\f3a3"; }
+
+.fa-phabricator {
+ --fa: "\f3db"; }
+
+.fa-ussunnah {
+ --fa: "\f407"; }
+
+.fa-earlybirds {
+ --fa: "\f39a"; }
+
+.fa-trade-federation {
+ --fa: "\f513"; }
+
+.fa-autoprefixer {
+ --fa: "\f41c"; }
+
+.fa-whatsapp {
+ --fa: "\f232"; }
+
+.fa-square-upwork {
+ --fa: "\e67c"; }
+
+.fa-slideshare {
+ --fa: "\f1e7"; }
+
+.fa-google-play {
+ --fa: "\f3ab"; }
+
+.fa-viadeo {
+ --fa: "\f2a9"; }
+
+.fa-line {
+ --fa: "\f3c0"; }
+
+.fa-google-drive {
+ --fa: "\f3aa"; }
+
+.fa-servicestack {
+ --fa: "\f3ec"; }
+
+.fa-simplybuilt {
+ --fa: "\f215"; }
+
+.fa-bitbucket {
+ --fa: "\f171"; }
+
+.fa-imdb {
+ --fa: "\f2d8"; }
+
+.fa-deezer {
+ --fa: "\e077"; }
+
+.fa-raspberry-pi {
+ --fa: "\f7bb"; }
+
+.fa-jira {
+ --fa: "\f7b1"; }
+
+.fa-docker {
+ --fa: "\f395"; }
+
+.fa-screenpal {
+ --fa: "\e570"; }
+
+.fa-bluetooth {
+ --fa: "\f293"; }
+
+.fa-gitter {
+ --fa: "\f426"; }
+
+.fa-d-and-d {
+ --fa: "\f38d"; }
+
+.fa-microblog {
+ --fa: "\e01a"; }
+
+.fa-cc-diners-club {
+ --fa: "\f24c"; }
+
+.fa-gg-circle {
+ --fa: "\f261"; }
+
+.fa-pied-piper-hat {
+ --fa: "\f4e5"; }
+
+.fa-kickstarter-k {
+ --fa: "\f3bc"; }
+
+.fa-yandex {
+ --fa: "\f413"; }
+
+.fa-readme {
+ --fa: "\f4d5"; }
+
+.fa-html5 {
+ --fa: "\f13b"; }
+
+.fa-sellsy {
+ --fa: "\f213"; }
+
+.fa-square-web-awesome {
+ --fa: "\e683"; }
+
+.fa-sass {
+ --fa: "\f41e"; }
+
+.fa-wirsindhandwerk {
+ --fa: "\e2d0"; }
+
+.fa-wsh {
+ --fa: "\e2d0"; }
+
+.fa-buromobelexperte {
+ --fa: "\f37f"; }
+
+.fa-salesforce {
+ --fa: "\f83b"; }
+
+.fa-octopus-deploy {
+ --fa: "\e082"; }
+
+.fa-medapps {
+ --fa: "\f3c6"; }
+
+.fa-ns8 {
+ --fa: "\f3d5"; }
+
+.fa-pinterest-p {
+ --fa: "\f231"; }
+
+.fa-apper {
+ --fa: "\f371"; }
+
+.fa-fort-awesome {
+ --fa: "\f286"; }
+
+.fa-waze {
+ --fa: "\f83f"; }
+
+.fa-bluesky {
+ --fa: "\e671"; }
+
+.fa-cc-jcb {
+ --fa: "\f24b"; }
+
+.fa-snapchat {
+ --fa: "\f2ab"; }
+
+.fa-snapchat-ghost {
+ --fa: "\f2ab"; }
+
+.fa-fantasy-flight-games {
+ --fa: "\f6dc"; }
+
+.fa-rust {
+ --fa: "\e07a"; }
+
+.fa-wix {
+ --fa: "\f5cf"; }
+
+.fa-square-behance {
+ --fa: "\f1b5"; }
+
+.fa-behance-square {
+ --fa: "\f1b5"; }
+
+.fa-supple {
+ --fa: "\f3f9"; }
+
+.fa-webflow {
+ --fa: "\e65c"; }
+
+.fa-rebel {
+ --fa: "\f1d0"; }
+
+.fa-css3 {
+ --fa: "\f13c"; }
+
+.fa-staylinked {
+ --fa: "\f3f5"; }
+
+.fa-kaggle {
+ --fa: "\f5fa"; }
+
+.fa-space-awesome {
+ --fa: "\e5ac"; }
+
+.fa-deviantart {
+ --fa: "\f1bd"; }
+
+.fa-cpanel {
+ --fa: "\f388"; }
+
+.fa-goodreads-g {
+ --fa: "\f3a9"; }
+
+.fa-square-git {
+ --fa: "\f1d2"; }
+
+.fa-git-square {
+ --fa: "\f1d2"; }
+
+.fa-square-tumblr {
+ --fa: "\f174"; }
+
+.fa-tumblr-square {
+ --fa: "\f174"; }
+
+.fa-trello {
+ --fa: "\f181"; }
+
+.fa-creative-commons-nc-jp {
+ --fa: "\f4ea"; }
+
+.fa-get-pocket {
+ --fa: "\f265"; }
+
+.fa-perbyte {
+ --fa: "\e083"; }
+
+.fa-grunt {
+ --fa: "\f3ad"; }
+
+.fa-weebly {
+ --fa: "\f5cc"; }
+
+.fa-connectdevelop {
+ --fa: "\f20e"; }
+
+.fa-leanpub {
+ --fa: "\f212"; }
+
+.fa-black-tie {
+ --fa: "\f27e"; }
+
+.fa-themeco {
+ --fa: "\f5c6"; }
+
+.fa-python {
+ --fa: "\f3e2"; }
+
+.fa-android {
+ --fa: "\f17b"; }
+
+.fa-bots {
+ --fa: "\e340"; }
+
+.fa-free-code-camp {
+ --fa: "\f2c5"; }
+
+.fa-hornbill {
+ --fa: "\f592"; }
+
+.fa-js {
+ --fa: "\f3b8"; }
+
+.fa-ideal {
+ --fa: "\e013"; }
+
+.fa-git {
+ --fa: "\f1d3"; }
+
+.fa-dev {
+ --fa: "\f6cc"; }
+
+.fa-sketch {
+ --fa: "\f7c6"; }
+
+.fa-yandex-international {
+ --fa: "\f414"; }
+
+.fa-cc-amex {
+ --fa: "\f1f3"; }
+
+.fa-uber {
+ --fa: "\f402"; }
+
+.fa-github {
+ --fa: "\f09b"; }
+
+.fa-php {
+ --fa: "\f457"; }
+
+.fa-alipay {
+ --fa: "\f642"; }
+
+.fa-youtube {
+ --fa: "\f167"; }
+
+.fa-skyatlas {
+ --fa: "\f216"; }
+
+.fa-firefox-browser {
+ --fa: "\e007"; }
+
+.fa-replyd {
+ --fa: "\f3e6"; }
+
+.fa-suse {
+ --fa: "\f7d6"; }
+
+.fa-jenkins {
+ --fa: "\f3b6"; }
+
+.fa-twitter {
+ --fa: "\f099"; }
+
+.fa-rockrms {
+ --fa: "\f3e9"; }
+
+.fa-pinterest {
+ --fa: "\f0d2"; }
+
+.fa-buffer {
+ --fa: "\f837"; }
+
+.fa-npm {
+ --fa: "\f3d4"; }
+
+.fa-yammer {
+ --fa: "\f840"; }
+
+.fa-btc {
+ --fa: "\f15a"; }
+
+.fa-dribbble {
+ --fa: "\f17d"; }
+
+.fa-stumbleupon-circle {
+ --fa: "\f1a3"; }
+
+.fa-internet-explorer {
+ --fa: "\f26b"; }
+
+.fa-stubber {
+ --fa: "\e5c7"; }
+
+.fa-telegram {
+ --fa: "\f2c6"; }
+
+.fa-telegram-plane {
+ --fa: "\f2c6"; }
+
+.fa-old-republic {
+ --fa: "\f510"; }
+
+.fa-odysee {
+ --fa: "\e5c6"; }
+
+.fa-square-whatsapp {
+ --fa: "\f40c"; }
+
+.fa-whatsapp-square {
+ --fa: "\f40c"; }
+
+.fa-node-js {
+ --fa: "\f3d3"; }
+
+.fa-edge-legacy {
+ --fa: "\e078"; }
+
+.fa-slack {
+ --fa: "\f198"; }
+
+.fa-slack-hash {
+ --fa: "\f198"; }
+
+.fa-medrt {
+ --fa: "\f3c8"; }
+
+.fa-usb {
+ --fa: "\f287"; }
+
+.fa-tumblr {
+ --fa: "\f173"; }
+
+.fa-vaadin {
+ --fa: "\f408"; }
+
+.fa-quora {
+ --fa: "\f2c4"; }
+
+.fa-square-x-twitter {
+ --fa: "\e61a"; }
+
+.fa-reacteurope {
+ --fa: "\f75d"; }
+
+.fa-medium {
+ --fa: "\f23a"; }
+
+.fa-medium-m {
+ --fa: "\f23a"; }
+
+.fa-amilia {
+ --fa: "\f36d"; }
+
+.fa-mixcloud {
+ --fa: "\f289"; }
+
+.fa-flipboard {
+ --fa: "\f44d"; }
+
+.fa-viacoin {
+ --fa: "\f237"; }
+
+.fa-critical-role {
+ --fa: "\f6c9"; }
+
+.fa-sitrox {
+ --fa: "\e44a"; }
+
+.fa-discourse {
+ --fa: "\f393"; }
+
+.fa-joomla {
+ --fa: "\f1aa"; }
+
+.fa-mastodon {
+ --fa: "\f4f6"; }
+
+.fa-airbnb {
+ --fa: "\f834"; }
+
+.fa-wolf-pack-battalion {
+ --fa: "\f514"; }
+
+.fa-buy-n-large {
+ --fa: "\f8a6"; }
+
+.fa-gulp {
+ --fa: "\f3ae"; }
+
+.fa-creative-commons-sampling-plus {
+ --fa: "\f4f1"; }
+
+.fa-strava {
+ --fa: "\f428"; }
+
+.fa-ember {
+ --fa: "\f423"; }
+
+.fa-canadian-maple-leaf {
+ --fa: "\f785"; }
+
+.fa-teamspeak {
+ --fa: "\f4f9"; }
+
+.fa-pushed {
+ --fa: "\f3e1"; }
+
+.fa-wordpress-simple {
+ --fa: "\f411"; }
+
+.fa-nutritionix {
+ --fa: "\f3d6"; }
+
+.fa-wodu {
+ --fa: "\e088"; }
+
+.fa-google-pay {
+ --fa: "\e079"; }
+
+.fa-intercom {
+ --fa: "\f7af"; }
+
+.fa-zhihu {
+ --fa: "\f63f"; }
+
+.fa-korvue {
+ --fa: "\f42f"; }
+
+.fa-pix {
+ --fa: "\e43a"; }
+
+.fa-steam-symbol {
+ --fa: "\f3f6"; }
diff --git a/themes/fonts/iconFonts/fontawesome-free.less b/themes/fonts/iconFonts/fontawesome-free.less
new file mode 100644
index 000000000..a9b2ec89b
--- /dev/null
+++ b/themes/fonts/iconFonts/fontawesome-free.less
@@ -0,0 +1,6243 @@
+/*!
+ * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+.fa {
+ font-family: var(--fa-style-family, "Font Awesome 6 Free");
+ font-weight: var(--fa-style, 900); }
+
+.fas,
+.far,
+.fab,
+.fa-solid,
+.fa-regular,
+.fa-brands,
+.fa {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ display: var(--fa-display, inline-block);
+ font-style: normal;
+ font-variant: normal;
+ line-height: 1;
+ text-rendering: auto; }
+
+.fas::before,
+.far::before,
+.fab::before,
+.fa-solid::before,
+.fa-regular::before,
+.fa-brands::before,
+.fa::before {
+ content: var(--fa); }
+
+.fa-classic,
+.fas,
+.fa-solid,
+.far,
+.fa-regular {
+ font-family: 'Font Awesome 6 Free'; }
+
+.fa-brands,
+.fab {
+ font-family: 'Font Awesome 6 Brands'; }
+
+.fa-1x {
+ font-size: 1em; }
+
+.fa-2x {
+ font-size: 2em; }
+
+.fa-3x {
+ font-size: 3em; }
+
+.fa-4x {
+ font-size: 4em; }
+
+.fa-5x {
+ font-size: 5em; }
+
+.fa-6x {
+ font-size: 6em; }
+
+.fa-7x {
+ font-size: 7em; }
+
+.fa-8x {
+ font-size: 8em; }
+
+.fa-9x {
+ font-size: 9em; }
+
+.fa-10x {
+ font-size: 10em; }
+
+.fa-2xs {
+ font-size: 0.625em;
+ line-height: 0.1em;
+ vertical-align: 0.225em; }
+
+.fa-xs {
+ font-size: 0.75em;
+ line-height: 0.08333em;
+ vertical-align: 0.125em; }
+
+.fa-sm {
+ font-size: 0.875em;
+ line-height: 0.07143em;
+ vertical-align: 0.05357em; }
+
+.fa-lg {
+ font-size: 1.25em;
+ line-height: 0.05em;
+ vertical-align: -0.075em; }
+
+.fa-xl {
+ font-size: 1.5em;
+ line-height: 0.04167em;
+ vertical-align: -0.125em; }
+
+.fa-2xl {
+ font-size: 2em;
+ line-height: 0.03125em;
+ vertical-align: -0.1875em; }
+
+.fa-fw {
+ text-align: center;
+ width: 1.25em; }
+
+.fa-ul {
+ list-style-type: none;
+ margin-left: var(--fa-li-margin, 2.5em);
+ padding-left: 0; }
+ .fa-ul > li {
+ position: relative; }
+
+.fa-li {
+ left: calc(-1 * var(--fa-li-width, 2em));
+ position: absolute;
+ text-align: center;
+ width: var(--fa-li-width, 2em);
+ line-height: inherit; }
+
+.fa-border {
+ border-color: var(--fa-border-color, #eee);
+ border-radius: var(--fa-border-radius, 0.1em);
+ border-style: var(--fa-border-style, solid);
+ border-width: var(--fa-border-width, 0.08em);
+ padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }
+
+.fa-pull-left {
+ float: left;
+ margin-right: var(--fa-pull-margin, 0.3em); }
+
+.fa-pull-right {
+ float: right;
+ margin-left: var(--fa-pull-margin, 0.3em); }
+
+.fa-beat {
+ animation-name: fa-beat;
+ animation-delay: var(--fa-animation-delay, 0s);
+ animation-direction: var(--fa-animation-direction, normal);
+ animation-duration: var(--fa-animation-duration, 1s);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-timing-function: var(--fa-animation-timing, ease-in-out); }
+
+.fa-bounce {
+ animation-name: fa-bounce;
+ animation-delay: var(--fa-animation-delay, 0s);
+ animation-direction: var(--fa-animation-direction, normal);
+ animation-duration: var(--fa-animation-duration, 1s);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }
+
+.fa-fade {
+ animation-name: fa-fade;
+ animation-delay: var(--fa-animation-delay, 0s);
+ animation-direction: var(--fa-animation-direction, normal);
+ animation-duration: var(--fa-animation-duration, 1s);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
+
+.fa-beat-fade {
+ animation-name: fa-beat-fade;
+ animation-delay: var(--fa-animation-delay, 0s);
+ animation-direction: var(--fa-animation-direction, normal);
+ animation-duration: var(--fa-animation-duration, 1s);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
+
+.fa-flip {
+ animation-name: fa-flip;
+ animation-delay: var(--fa-animation-delay, 0s);
+ animation-direction: var(--fa-animation-direction, normal);
+ animation-duration: var(--fa-animation-duration, 1s);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-timing-function: var(--fa-animation-timing, ease-in-out); }
+
+.fa-shake {
+ animation-name: fa-shake;
+ animation-delay: var(--fa-animation-delay, 0s);
+ animation-direction: var(--fa-animation-direction, normal);
+ animation-duration: var(--fa-animation-duration, 1s);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-timing-function: var(--fa-animation-timing, linear); }
+
+.fa-spin {
+ animation-name: fa-spin;
+ animation-delay: var(--fa-animation-delay, 0s);
+ animation-direction: var(--fa-animation-direction, normal);
+ animation-duration: var(--fa-animation-duration, 2s);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-timing-function: var(--fa-animation-timing, linear); }
+
+.fa-spin-reverse {
+ --fa-animation-direction: reverse; }
+
+.fa-pulse,
+.fa-spin-pulse {
+ animation-name: fa-spin;
+ animation-direction: var(--fa-animation-direction, normal);
+ animation-duration: var(--fa-animation-duration, 1s);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-timing-function: var(--fa-animation-timing, steps(8)); }
+
+@media (prefers-reduced-motion: reduce) {
+ .fa-beat,
+ .fa-bounce,
+ .fa-fade,
+ .fa-beat-fade,
+ .fa-flip,
+ .fa-pulse,
+ .fa-shake,
+ .fa-spin,
+ .fa-spin-pulse {
+ animation-delay: -1ms;
+ animation-duration: 1ms;
+ animation-iteration-count: 1;
+ transition-delay: 0s;
+ transition-duration: 0s; } }
+
+@keyframes fa-beat {
+ 0%, 90% {
+ transform: scale(1); }
+ 45% {
+ transform: scale(var(--fa-beat-scale, 1.25)); } }
+
+@keyframes fa-bounce {
+ 0% {
+ transform: scale(1, 1) translateY(0); }
+ 10% {
+ transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
+ 30% {
+ transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
+ 50% {
+ transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
+ 57% {
+ transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
+ 64% {
+ transform: scale(1, 1) translateY(0); }
+ 100% {
+ transform: scale(1, 1) translateY(0); } }
+
+@keyframes fa-fade {
+ 50% {
+ opacity: var(--fa-fade-opacity, 0.4); } }
+
+@keyframes fa-beat-fade {
+ 0%, 100% {
+ opacity: var(--fa-beat-fade-opacity, 0.4);
+ transform: scale(1); }
+ 50% {
+ opacity: 1;
+ transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
+
+@keyframes fa-flip {
+ 50% {
+ transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
+
+@keyframes fa-shake {
+ 0% {
+ transform: rotate(-15deg); }
+ 4% {
+ transform: rotate(15deg); }
+ 8%, 24% {
+ transform: rotate(-18deg); }
+ 12%, 28% {
+ transform: rotate(18deg); }
+ 16% {
+ transform: rotate(-22deg); }
+ 20% {
+ transform: rotate(22deg); }
+ 32% {
+ transform: rotate(-12deg); }
+ 36% {
+ transform: rotate(12deg); }
+ 40%, 100% {
+ transform: rotate(0deg); } }
+
+@keyframes fa-spin {
+ 0% {
+ transform: rotate(0deg); }
+ 100% {
+ transform: rotate(360deg); } }
+
+.fa-rotate-90 {
+ transform: rotate(90deg); }
+
+.fa-rotate-180 {
+ transform: rotate(180deg); }
+
+.fa-rotate-270 {
+ transform: rotate(270deg); }
+
+.fa-flip-horizontal {
+ transform: scale(-1, 1); }
+
+.fa-flip-vertical {
+ transform: scale(1, -1); }
+
+.fa-flip-both,
+.fa-flip-horizontal.fa-flip-vertical {
+ transform: scale(-1, -1); }
+
+.fa-rotate-by {
+ transform: rotate(var(--fa-rotate-angle, 0)); }
+
+.fa-stack {
+ display: inline-block;
+ height: 2em;
+ line-height: 2em;
+ position: relative;
+ vertical-align: middle;
+ width: 2.5em; }
+
+.fa-stack-1x,
+.fa-stack-2x {
+ left: 0;
+ position: absolute;
+ text-align: center;
+ width: 100%;
+ z-index: var(--fa-stack-z-index, auto); }
+
+.fa-stack-1x {
+ line-height: inherit; }
+
+.fa-stack-2x {
+ font-size: 2em; }
+
+.fa-inverse {
+ color: var(--fa-inverse, #fff); }
+
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+readers do not read off random characters that represent icons */
+
+.fa-0 {
+ --fa: "\30"; }
+
+.fa-1 {
+ --fa: "\31"; }
+
+.fa-2 {
+ --fa: "\32"; }
+
+.fa-3 {
+ --fa: "\33"; }
+
+.fa-4 {
+ --fa: "\34"; }
+
+.fa-5 {
+ --fa: "\35"; }
+
+.fa-6 {
+ --fa: "\36"; }
+
+.fa-7 {
+ --fa: "\37"; }
+
+.fa-8 {
+ --fa: "\38"; }
+
+.fa-9 {
+ --fa: "\39"; }
+
+.fa-fill-drip {
+ --fa: "\f576"; }
+
+.fa-arrows-to-circle {
+ --fa: "\e4bd"; }
+
+.fa-circle-chevron-right {
+ --fa: "\f138"; }
+
+.fa-chevron-circle-right {
+ --fa: "\f138"; }
+
+.fa-at {
+ --fa: "\40"; }
+
+.fa-trash-can {
+ --fa: "\f2ed"; }
+
+.fa-trash-alt {
+ --fa: "\f2ed"; }
+
+.fa-text-height {
+ --fa: "\f034"; }
+
+.fa-user-xmark {
+ --fa: "\f235"; }
+
+.fa-user-times {
+ --fa: "\f235"; }
+
+.fa-stethoscope {
+ --fa: "\f0f1"; }
+
+.fa-message {
+ --fa: "\f27a"; }
+
+.fa-comment-alt {
+ --fa: "\f27a"; }
+
+.fa-info {
+ --fa: "\f129"; }
+
+.fa-down-left-and-up-right-to-center {
+ --fa: "\f422"; }
+
+.fa-compress-alt {
+ --fa: "\f422"; }
+
+.fa-explosion {
+ --fa: "\e4e9"; }
+
+.fa-file-lines {
+ --fa: "\f15c"; }
+
+.fa-file-alt {
+ --fa: "\f15c"; }
+
+.fa-file-text {
+ --fa: "\f15c"; }
+
+.fa-wave-square {
+ --fa: "\f83e"; }
+
+.fa-ring {
+ --fa: "\f70b"; }
+
+.fa-building-un {
+ --fa: "\e4d9"; }
+
+.fa-dice-three {
+ --fa: "\f527"; }
+
+.fa-calendar-days {
+ --fa: "\f073"; }
+
+.fa-calendar-alt {
+ --fa: "\f073"; }
+
+.fa-anchor-circle-check {
+ --fa: "\e4aa"; }
+
+.fa-building-circle-arrow-right {
+ --fa: "\e4d1"; }
+
+.fa-volleyball {
+ --fa: "\f45f"; }
+
+.fa-volleyball-ball {
+ --fa: "\f45f"; }
+
+.fa-arrows-up-to-line {
+ --fa: "\e4c2"; }
+
+.fa-sort-down {
+ --fa: "\f0dd"; }
+
+.fa-sort-desc {
+ --fa: "\f0dd"; }
+
+.fa-circle-minus {
+ --fa: "\f056"; }
+
+.fa-minus-circle {
+ --fa: "\f056"; }
+
+.fa-door-open {
+ --fa: "\f52b"; }
+
+.fa-right-from-bracket {
+ --fa: "\f2f5"; }
+
+.fa-sign-out-alt {
+ --fa: "\f2f5"; }
+
+.fa-atom {
+ --fa: "\f5d2"; }
+
+.fa-soap {
+ --fa: "\e06e"; }
+
+.fa-icons {
+ --fa: "\f86d"; }
+
+.fa-heart-music-camera-bolt {
+ --fa: "\f86d"; }
+
+.fa-microphone-lines-slash {
+ --fa: "\f539"; }
+
+.fa-microphone-alt-slash {
+ --fa: "\f539"; }
+
+.fa-bridge-circle-check {
+ --fa: "\e4c9"; }
+
+.fa-pump-medical {
+ --fa: "\e06a"; }
+
+.fa-fingerprint {
+ --fa: "\f577"; }
+
+.fa-hand-point-right {
+ --fa: "\f0a4"; }
+
+.fa-magnifying-glass-location {
+ --fa: "\f689"; }
+
+.fa-search-location {
+ --fa: "\f689"; }
+
+.fa-forward-step {
+ --fa: "\f051"; }
+
+.fa-step-forward {
+ --fa: "\f051"; }
+
+.fa-face-smile-beam {
+ --fa: "\f5b8"; }
+
+.fa-smile-beam {
+ --fa: "\f5b8"; }
+
+.fa-flag-checkered {
+ --fa: "\f11e"; }
+
+.fa-football {
+ --fa: "\f44e"; }
+
+.fa-football-ball {
+ --fa: "\f44e"; }
+
+.fa-school-circle-exclamation {
+ --fa: "\e56c"; }
+
+.fa-crop {
+ --fa: "\f125"; }
+
+.fa-angles-down {
+ --fa: "\f103"; }
+
+.fa-angle-double-down {
+ --fa: "\f103"; }
+
+.fa-users-rectangle {
+ --fa: "\e594"; }
+
+.fa-people-roof {
+ --fa: "\e537"; }
+
+.fa-people-line {
+ --fa: "\e534"; }
+
+.fa-beer-mug-empty {
+ --fa: "\f0fc"; }
+
+.fa-beer {
+ --fa: "\f0fc"; }
+
+.fa-diagram-predecessor {
+ --fa: "\e477"; }
+
+.fa-arrow-up-long {
+ --fa: "\f176"; }
+
+.fa-long-arrow-up {
+ --fa: "\f176"; }
+
+.fa-fire-flame-simple {
+ --fa: "\f46a"; }
+
+.fa-burn {
+ --fa: "\f46a"; }
+
+.fa-person {
+ --fa: "\f183"; }
+
+.fa-male {
+ --fa: "\f183"; }
+
+.fa-laptop {
+ --fa: "\f109"; }
+
+.fa-file-csv {
+ --fa: "\f6dd"; }
+
+.fa-menorah {
+ --fa: "\f676"; }
+
+.fa-truck-plane {
+ --fa: "\e58f"; }
+
+.fa-record-vinyl {
+ --fa: "\f8d9"; }
+
+.fa-face-grin-stars {
+ --fa: "\f587"; }
+
+.fa-grin-stars {
+ --fa: "\f587"; }
+
+.fa-bong {
+ --fa: "\f55c"; }
+
+.fa-spaghetti-monster-flying {
+ --fa: "\f67b"; }
+
+.fa-pastafarianism {
+ --fa: "\f67b"; }
+
+.fa-arrow-down-up-across-line {
+ --fa: "\e4af"; }
+
+.fa-spoon {
+ --fa: "\f2e5"; }
+
+.fa-utensil-spoon {
+ --fa: "\f2e5"; }
+
+.fa-jar-wheat {
+ --fa: "\e517"; }
+
+.fa-envelopes-bulk {
+ --fa: "\f674"; }
+
+.fa-mail-bulk {
+ --fa: "\f674"; }
+
+.fa-file-circle-exclamation {
+ --fa: "\e4eb"; }
+
+.fa-circle-h {
+ --fa: "\f47e"; }
+
+.fa-hospital-symbol {
+ --fa: "\f47e"; }
+
+.fa-pager {
+ --fa: "\f815"; }
+
+.fa-address-book {
+ --fa: "\f2b9"; }
+
+.fa-contact-book {
+ --fa: "\f2b9"; }
+
+.fa-strikethrough {
+ --fa: "\f0cc"; }
+
+.fa-k {
+ --fa: "\4b"; }
+
+.fa-landmark-flag {
+ --fa: "\e51c"; }
+
+.fa-pencil {
+ --fa: "\f303"; }
+
+.fa-pencil-alt {
+ --fa: "\f303"; }
+
+.fa-backward {
+ --fa: "\f04a"; }
+
+.fa-caret-right {
+ --fa: "\f0da"; }
+
+.fa-comments {
+ --fa: "\f086"; }
+
+.fa-paste {
+ --fa: "\f0ea"; }
+
+.fa-file-clipboard {
+ --fa: "\f0ea"; }
+
+.fa-code-pull-request {
+ --fa: "\e13c"; }
+
+.fa-clipboard-list {
+ --fa: "\f46d"; }
+
+.fa-truck-ramp-box {
+ --fa: "\f4de"; }
+
+.fa-truck-loading {
+ --fa: "\f4de"; }
+
+.fa-user-check {
+ --fa: "\f4fc"; }
+
+.fa-vial-virus {
+ --fa: "\e597"; }
+
+.fa-sheet-plastic {
+ --fa: "\e571"; }
+
+.fa-blog {
+ --fa: "\f781"; }
+
+.fa-user-ninja {
+ --fa: "\f504"; }
+
+.fa-person-arrow-up-from-line {
+ --fa: "\e539"; }
+
+.fa-scroll-torah {
+ --fa: "\f6a0"; }
+
+.fa-torah {
+ --fa: "\f6a0"; }
+
+.fa-broom-ball {
+ --fa: "\f458"; }
+
+.fa-quidditch {
+ --fa: "\f458"; }
+
+.fa-quidditch-broom-ball {
+ --fa: "\f458"; }
+
+.fa-toggle-off {
+ --fa: "\f204"; }
+
+.fa-box-archive {
+ --fa: "\f187"; }
+
+.fa-archive {
+ --fa: "\f187"; }
+
+.fa-person-drowning {
+ --fa: "\e545"; }
+
+.fa-arrow-down-9-1 {
+ --fa: "\f886"; }
+
+.fa-sort-numeric-desc {
+ --fa: "\f886"; }
+
+.fa-sort-numeric-down-alt {
+ --fa: "\f886"; }
+
+.fa-face-grin-tongue-squint {
+ --fa: "\f58a"; }
+
+.fa-grin-tongue-squint {
+ --fa: "\f58a"; }
+
+.fa-spray-can {
+ --fa: "\f5bd"; }
+
+.fa-truck-monster {
+ --fa: "\f63b"; }
+
+.fa-w {
+ --fa: "\57"; }
+
+.fa-earth-africa {
+ --fa: "\f57c"; }
+
+.fa-globe-africa {
+ --fa: "\f57c"; }
+
+.fa-rainbow {
+ --fa: "\f75b"; }
+
+.fa-circle-notch {
+ --fa: "\f1ce"; }
+
+.fa-tablet-screen-button {
+ --fa: "\f3fa"; }
+
+.fa-tablet-alt {
+ --fa: "\f3fa"; }
+
+.fa-paw {
+ --fa: "\f1b0"; }
+
+.fa-cloud {
+ --fa: "\f0c2"; }
+
+.fa-trowel-bricks {
+ --fa: "\e58a"; }
+
+.fa-face-flushed {
+ --fa: "\f579"; }
+
+.fa-flushed {
+ --fa: "\f579"; }
+
+.fa-hospital-user {
+ --fa: "\f80d"; }
+
+.fa-tent-arrow-left-right {
+ --fa: "\e57f"; }
+
+.fa-gavel {
+ --fa: "\f0e3"; }
+
+.fa-legal {
+ --fa: "\f0e3"; }
+
+.fa-binoculars {
+ --fa: "\f1e5"; }
+
+.fa-microphone-slash {
+ --fa: "\f131"; }
+
+.fa-box-tissue {
+ --fa: "\e05b"; }
+
+.fa-motorcycle {
+ --fa: "\f21c"; }
+
+.fa-bell-concierge {
+ --fa: "\f562"; }
+
+.fa-concierge-bell {
+ --fa: "\f562"; }
+
+.fa-pen-ruler {
+ --fa: "\f5ae"; }
+
+.fa-pencil-ruler {
+ --fa: "\f5ae"; }
+
+.fa-people-arrows {
+ --fa: "\e068"; }
+
+.fa-people-arrows-left-right {
+ --fa: "\e068"; }
+
+.fa-mars-and-venus-burst {
+ --fa: "\e523"; }
+
+.fa-square-caret-right {
+ --fa: "\f152"; }
+
+.fa-caret-square-right {
+ --fa: "\f152"; }
+
+.fa-scissors {
+ --fa: "\f0c4"; }
+
+.fa-cut {
+ --fa: "\f0c4"; }
+
+.fa-sun-plant-wilt {
+ --fa: "\e57a"; }
+
+.fa-toilets-portable {
+ --fa: "\e584"; }
+
+.fa-hockey-puck {
+ --fa: "\f453"; }
+
+.fa-table {
+ --fa: "\f0ce"; }
+
+.fa-magnifying-glass-arrow-right {
+ --fa: "\e521"; }
+
+.fa-tachograph-digital {
+ --fa: "\f566"; }
+
+.fa-digital-tachograph {
+ --fa: "\f566"; }
+
+.fa-users-slash {
+ --fa: "\e073"; }
+
+.fa-clover {
+ --fa: "\e139"; }
+
+.fa-reply {
+ --fa: "\f3e5"; }
+
+.fa-mail-reply {
+ --fa: "\f3e5"; }
+
+.fa-star-and-crescent {
+ --fa: "\f699"; }
+
+.fa-house-fire {
+ --fa: "\e50c"; }
+
+.fa-square-minus {
+ --fa: "\f146"; }
+
+.fa-minus-square {
+ --fa: "\f146"; }
+
+.fa-helicopter {
+ --fa: "\f533"; }
+
+.fa-compass {
+ --fa: "\f14e"; }
+
+.fa-square-caret-down {
+ --fa: "\f150"; }
+
+.fa-caret-square-down {
+ --fa: "\f150"; }
+
+.fa-file-circle-question {
+ --fa: "\e4ef"; }
+
+.fa-laptop-code {
+ --fa: "\f5fc"; }
+
+.fa-swatchbook {
+ --fa: "\f5c3"; }
+
+.fa-prescription-bottle {
+ --fa: "\f485"; }
+
+.fa-bars {
+ --fa: "\f0c9"; }
+
+.fa-navicon {
+ --fa: "\f0c9"; }
+
+.fa-people-group {
+ --fa: "\e533"; }
+
+.fa-hourglass-end {
+ --fa: "\f253"; }
+
+.fa-hourglass-3 {
+ --fa: "\f253"; }
+
+.fa-heart-crack {
+ --fa: "\f7a9"; }
+
+.fa-heart-broken {
+ --fa: "\f7a9"; }
+
+.fa-square-up-right {
+ --fa: "\f360"; }
+
+.fa-external-link-square-alt {
+ --fa: "\f360"; }
+
+.fa-face-kiss-beam {
+ --fa: "\f597"; }
+
+.fa-kiss-beam {
+ --fa: "\f597"; }
+
+.fa-film {
+ --fa: "\f008"; }
+
+.fa-ruler-horizontal {
+ --fa: "\f547"; }
+
+.fa-people-robbery {
+ --fa: "\e536"; }
+
+.fa-lightbulb {
+ --fa: "\f0eb"; }
+
+.fa-caret-left {
+ --fa: "\f0d9"; }
+
+.fa-circle-exclamation {
+ --fa: "\f06a"; }
+
+.fa-exclamation-circle {
+ --fa: "\f06a"; }
+
+.fa-school-circle-xmark {
+ --fa: "\e56d"; }
+
+.fa-arrow-right-from-bracket {
+ --fa: "\f08b"; }
+
+.fa-sign-out {
+ --fa: "\f08b"; }
+
+.fa-circle-chevron-down {
+ --fa: "\f13a"; }
+
+.fa-chevron-circle-down {
+ --fa: "\f13a"; }
+
+.fa-unlock-keyhole {
+ --fa: "\f13e"; }
+
+.fa-unlock-alt {
+ --fa: "\f13e"; }
+
+.fa-cloud-showers-heavy {
+ --fa: "\f740"; }
+
+.fa-headphones-simple {
+ --fa: "\f58f"; }
+
+.fa-headphones-alt {
+ --fa: "\f58f"; }
+
+.fa-sitemap {
+ --fa: "\f0e8"; }
+
+.fa-circle-dollar-to-slot {
+ --fa: "\f4b9"; }
+
+.fa-donate {
+ --fa: "\f4b9"; }
+
+.fa-memory {
+ --fa: "\f538"; }
+
+.fa-road-spikes {
+ --fa: "\e568"; }
+
+.fa-fire-burner {
+ --fa: "\e4f1"; }
+
+.fa-flag {
+ --fa: "\f024"; }
+
+.fa-hanukiah {
+ --fa: "\f6e6"; }
+
+.fa-feather {
+ --fa: "\f52d"; }
+
+.fa-volume-low {
+ --fa: "\f027"; }
+
+.fa-volume-down {
+ --fa: "\f027"; }
+
+.fa-comment-slash {
+ --fa: "\f4b3"; }
+
+.fa-cloud-sun-rain {
+ --fa: "\f743"; }
+
+.fa-compress {
+ --fa: "\f066"; }
+
+.fa-wheat-awn {
+ --fa: "\e2cd"; }
+
+.fa-wheat-alt {
+ --fa: "\e2cd"; }
+
+.fa-ankh {
+ --fa: "\f644"; }
+
+.fa-hands-holding-child {
+ --fa: "\e4fa"; }
+
+.fa-asterisk {
+ --fa: "\2a"; }
+
+.fa-square-check {
+ --fa: "\f14a"; }
+
+.fa-check-square {
+ --fa: "\f14a"; }
+
+.fa-peseta-sign {
+ --fa: "\e221"; }
+
+.fa-heading {
+ --fa: "\f1dc"; }
+
+.fa-header {
+ --fa: "\f1dc"; }
+
+.fa-ghost {
+ --fa: "\f6e2"; }
+
+.fa-list {
+ --fa: "\f03a"; }
+
+.fa-list-squares {
+ --fa: "\f03a"; }
+
+.fa-square-phone-flip {
+ --fa: "\f87b"; }
+
+.fa-phone-square-alt {
+ --fa: "\f87b"; }
+
+.fa-cart-plus {
+ --fa: "\f217"; }
+
+.fa-gamepad {
+ --fa: "\f11b"; }
+
+.fa-circle-dot {
+ --fa: "\f192"; }
+
+.fa-dot-circle {
+ --fa: "\f192"; }
+
+.fa-face-dizzy {
+ --fa: "\f567"; }
+
+.fa-dizzy {
+ --fa: "\f567"; }
+
+.fa-egg {
+ --fa: "\f7fb"; }
+
+.fa-house-medical-circle-xmark {
+ --fa: "\e513"; }
+
+.fa-campground {
+ --fa: "\f6bb"; }
+
+.fa-folder-plus {
+ --fa: "\f65e"; }
+
+.fa-futbol {
+ --fa: "\f1e3"; }
+
+.fa-futbol-ball {
+ --fa: "\f1e3"; }
+
+.fa-soccer-ball {
+ --fa: "\f1e3"; }
+
+.fa-paintbrush {
+ --fa: "\f1fc"; }
+
+.fa-paint-brush {
+ --fa: "\f1fc"; }
+
+.fa-lock {
+ --fa: "\f023"; }
+
+.fa-gas-pump {
+ --fa: "\f52f"; }
+
+.fa-hot-tub-person {
+ --fa: "\f593"; }
+
+.fa-hot-tub {
+ --fa: "\f593"; }
+
+.fa-map-location {
+ --fa: "\f59f"; }
+
+.fa-map-marked {
+ --fa: "\f59f"; }
+
+.fa-house-flood-water {
+ --fa: "\e50e"; }
+
+.fa-tree {
+ --fa: "\f1bb"; }
+
+.fa-bridge-lock {
+ --fa: "\e4cc"; }
+
+.fa-sack-dollar {
+ --fa: "\f81d"; }
+
+.fa-pen-to-square {
+ --fa: "\f044"; }
+
+.fa-edit {
+ --fa: "\f044"; }
+
+.fa-car-side {
+ --fa: "\f5e4"; }
+
+.fa-share-nodes {
+ --fa: "\f1e0"; }
+
+.fa-share-alt {
+ --fa: "\f1e0"; }
+
+.fa-heart-circle-minus {
+ --fa: "\e4ff"; }
+
+.fa-hourglass-half {
+ --fa: "\f252"; }
+
+.fa-hourglass-2 {
+ --fa: "\f252"; }
+
+.fa-microscope {
+ --fa: "\f610"; }
+
+.fa-sink {
+ --fa: "\e06d"; }
+
+.fa-bag-shopping {
+ --fa: "\f290"; }
+
+.fa-shopping-bag {
+ --fa: "\f290"; }
+
+.fa-arrow-down-z-a {
+ --fa: "\f881"; }
+
+.fa-sort-alpha-desc {
+ --fa: "\f881"; }
+
+.fa-sort-alpha-down-alt {
+ --fa: "\f881"; }
+
+.fa-mitten {
+ --fa: "\f7b5"; }
+
+.fa-person-rays {
+ --fa: "\e54d"; }
+
+.fa-users {
+ --fa: "\f0c0"; }
+
+.fa-eye-slash {
+ --fa: "\f070"; }
+
+.fa-flask-vial {
+ --fa: "\e4f3"; }
+
+.fa-hand {
+ --fa: "\f256"; }
+
+.fa-hand-paper {
+ --fa: "\f256"; }
+
+.fa-om {
+ --fa: "\f679"; }
+
+.fa-worm {
+ --fa: "\e599"; }
+
+.fa-house-circle-xmark {
+ --fa: "\e50b"; }
+
+.fa-plug {
+ --fa: "\f1e6"; }
+
+.fa-chevron-up {
+ --fa: "\f077"; }
+
+.fa-hand-spock {
+ --fa: "\f259"; }
+
+.fa-stopwatch {
+ --fa: "\f2f2"; }
+
+.fa-face-kiss {
+ --fa: "\f596"; }
+
+.fa-kiss {
+ --fa: "\f596"; }
+
+.fa-bridge-circle-xmark {
+ --fa: "\e4cb"; }
+
+.fa-face-grin-tongue {
+ --fa: "\f589"; }
+
+.fa-grin-tongue {
+ --fa: "\f589"; }
+
+.fa-chess-bishop {
+ --fa: "\f43a"; }
+
+.fa-face-grin-wink {
+ --fa: "\f58c"; }
+
+.fa-grin-wink {
+ --fa: "\f58c"; }
+
+.fa-ear-deaf {
+ --fa: "\f2a4"; }
+
+.fa-deaf {
+ --fa: "\f2a4"; }
+
+.fa-deafness {
+ --fa: "\f2a4"; }
+
+.fa-hard-of-hearing {
+ --fa: "\f2a4"; }
+
+.fa-road-circle-check {
+ --fa: "\e564"; }
+
+.fa-dice-five {
+ --fa: "\f523"; }
+
+.fa-square-rss {
+ --fa: "\f143"; }
+
+.fa-rss-square {
+ --fa: "\f143"; }
+
+.fa-land-mine-on {
+ --fa: "\e51b"; }
+
+.fa-i-cursor {
+ --fa: "\f246"; }
+
+.fa-stamp {
+ --fa: "\f5bf"; }
+
+.fa-stairs {
+ --fa: "\e289"; }
+
+.fa-i {
+ --fa: "\49"; }
+
+.fa-hryvnia-sign {
+ --fa: "\f6f2"; }
+
+.fa-hryvnia {
+ --fa: "\f6f2"; }
+
+.fa-pills {
+ --fa: "\f484"; }
+
+.fa-face-grin-wide {
+ --fa: "\f581"; }
+
+.fa-grin-alt {
+ --fa: "\f581"; }
+
+.fa-tooth {
+ --fa: "\f5c9"; }
+
+.fa-v {
+ --fa: "\56"; }
+
+.fa-bangladeshi-taka-sign {
+ --fa: "\e2e6"; }
+
+.fa-bicycle {
+ --fa: "\f206"; }
+
+.fa-staff-snake {
+ --fa: "\e579"; }
+
+.fa-rod-asclepius {
+ --fa: "\e579"; }
+
+.fa-rod-snake {
+ --fa: "\e579"; }
+
+.fa-staff-aesculapius {
+ --fa: "\e579"; }
+
+.fa-head-side-cough-slash {
+ --fa: "\e062"; }
+
+.fa-truck-medical {
+ --fa: "\f0f9"; }
+
+.fa-ambulance {
+ --fa: "\f0f9"; }
+
+.fa-wheat-awn-circle-exclamation {
+ --fa: "\e598"; }
+
+.fa-snowman {
+ --fa: "\f7d0"; }
+
+.fa-mortar-pestle {
+ --fa: "\f5a7"; }
+
+.fa-road-barrier {
+ --fa: "\e562"; }
+
+.fa-school {
+ --fa: "\f549"; }
+
+.fa-igloo {
+ --fa: "\f7ae"; }
+
+.fa-joint {
+ --fa: "\f595"; }
+
+.fa-angle-right {
+ --fa: "\f105"; }
+
+.fa-horse {
+ --fa: "\f6f0"; }
+
+.fa-q {
+ --fa: "\51"; }
+
+.fa-g {
+ --fa: "\47"; }
+
+.fa-notes-medical {
+ --fa: "\f481"; }
+
+.fa-temperature-half {
+ --fa: "\f2c9"; }
+
+.fa-temperature-2 {
+ --fa: "\f2c9"; }
+
+.fa-thermometer-2 {
+ --fa: "\f2c9"; }
+
+.fa-thermometer-half {
+ --fa: "\f2c9"; }
+
+.fa-dong-sign {
+ --fa: "\e169"; }
+
+.fa-capsules {
+ --fa: "\f46b"; }
+
+.fa-poo-storm {
+ --fa: "\f75a"; }
+
+.fa-poo-bolt {
+ --fa: "\f75a"; }
+
+.fa-face-frown-open {
+ --fa: "\f57a"; }
+
+.fa-frown-open {
+ --fa: "\f57a"; }
+
+.fa-hand-point-up {
+ --fa: "\f0a6"; }
+
+.fa-money-bill {
+ --fa: "\f0d6"; }
+
+.fa-bookmark {
+ --fa: "\f02e"; }
+
+.fa-align-justify {
+ --fa: "\f039"; }
+
+.fa-umbrella-beach {
+ --fa: "\f5ca"; }
+
+.fa-helmet-un {
+ --fa: "\e503"; }
+
+.fa-bullseye {
+ --fa: "\f140"; }
+
+.fa-bacon {
+ --fa: "\f7e5"; }
+
+.fa-hand-point-down {
+ --fa: "\f0a7"; }
+
+.fa-arrow-up-from-bracket {
+ --fa: "\e09a"; }
+
+.fa-folder {
+ --fa: "\f07b"; }
+
+.fa-folder-blank {
+ --fa: "\f07b"; }
+
+.fa-file-waveform {
+ --fa: "\f478"; }
+
+.fa-file-medical-alt {
+ --fa: "\f478"; }
+
+.fa-radiation {
+ --fa: "\f7b9"; }
+
+.fa-chart-simple {
+ --fa: "\e473"; }
+
+.fa-mars-stroke {
+ --fa: "\f229"; }
+
+.fa-vial {
+ --fa: "\f492"; }
+
+.fa-gauge {
+ --fa: "\f624"; }
+
+.fa-dashboard {
+ --fa: "\f624"; }
+
+.fa-gauge-med {
+ --fa: "\f624"; }
+
+.fa-tachometer-alt-average {
+ --fa: "\f624"; }
+
+.fa-wand-magic-sparkles {
+ --fa: "\e2ca"; }
+
+.fa-magic-wand-sparkles {
+ --fa: "\e2ca"; }
+
+.fa-e {
+ --fa: "\45"; }
+
+.fa-pen-clip {
+ --fa: "\f305"; }
+
+.fa-pen-alt {
+ --fa: "\f305"; }
+
+.fa-bridge-circle-exclamation {
+ --fa: "\e4ca"; }
+
+.fa-user {
+ --fa: "\f007"; }
+
+.fa-school-circle-check {
+ --fa: "\e56b"; }
+
+.fa-dumpster {
+ --fa: "\f793"; }
+
+.fa-van-shuttle {
+ --fa: "\f5b6"; }
+
+.fa-shuttle-van {
+ --fa: "\f5b6"; }
+
+.fa-building-user {
+ --fa: "\e4da"; }
+
+.fa-square-caret-left {
+ --fa: "\f191"; }
+
+.fa-caret-square-left {
+ --fa: "\f191"; }
+
+.fa-highlighter {
+ --fa: "\f591"; }
+
+.fa-key {
+ --fa: "\f084"; }
+
+.fa-bullhorn {
+ --fa: "\f0a1"; }
+
+.fa-globe {
+ --fa: "\f0ac"; }
+
+.fa-synagogue {
+ --fa: "\f69b"; }
+
+.fa-person-half-dress {
+ --fa: "\e548"; }
+
+.fa-road-bridge {
+ --fa: "\e563"; }
+
+.fa-location-arrow {
+ --fa: "\f124"; }
+
+.fa-c {
+ --fa: "\43"; }
+
+.fa-tablet-button {
+ --fa: "\f10a"; }
+
+.fa-building-lock {
+ --fa: "\e4d6"; }
+
+.fa-pizza-slice {
+ --fa: "\f818"; }
+
+.fa-money-bill-wave {
+ --fa: "\f53a"; }
+
+.fa-chart-area {
+ --fa: "\f1fe"; }
+
+.fa-area-chart {
+ --fa: "\f1fe"; }
+
+.fa-house-flag {
+ --fa: "\e50d"; }
+
+.fa-person-circle-minus {
+ --fa: "\e540"; }
+
+.fa-ban {
+ --fa: "\f05e"; }
+
+.fa-cancel {
+ --fa: "\f05e"; }
+
+.fa-camera-rotate {
+ --fa: "\e0d8"; }
+
+.fa-spray-can-sparkles {
+ --fa: "\f5d0"; }
+
+.fa-air-freshener {
+ --fa: "\f5d0"; }
+
+.fa-star {
+ --fa: "\f005"; }
+
+.fa-repeat {
+ --fa: "\f363"; }
+
+.fa-cross {
+ --fa: "\f654"; }
+
+.fa-box {
+ --fa: "\f466"; }
+
+.fa-venus-mars {
+ --fa: "\f228"; }
+
+.fa-arrow-pointer {
+ --fa: "\f245"; }
+
+.fa-mouse-pointer {
+ --fa: "\f245"; }
+
+.fa-maximize {
+ --fa: "\f31e"; }
+
+.fa-expand-arrows-alt {
+ --fa: "\f31e"; }
+
+.fa-charging-station {
+ --fa: "\f5e7"; }
+
+.fa-shapes {
+ --fa: "\f61f"; }
+
+.fa-triangle-circle-square {
+ --fa: "\f61f"; }
+
+.fa-shuffle {
+ --fa: "\f074"; }
+
+.fa-random {
+ --fa: "\f074"; }
+
+.fa-person-running {
+ --fa: "\f70c"; }
+
+.fa-running {
+ --fa: "\f70c"; }
+
+.fa-mobile-retro {
+ --fa: "\e527"; }
+
+.fa-grip-lines-vertical {
+ --fa: "\f7a5"; }
+
+.fa-spider {
+ --fa: "\f717"; }
+
+.fa-hands-bound {
+ --fa: "\e4f9"; }
+
+.fa-file-invoice-dollar {
+ --fa: "\f571"; }
+
+.fa-plane-circle-exclamation {
+ --fa: "\e556"; }
+
+.fa-x-ray {
+ --fa: "\f497"; }
+
+.fa-spell-check {
+ --fa: "\f891"; }
+
+.fa-slash {
+ --fa: "\f715"; }
+
+.fa-computer-mouse {
+ --fa: "\f8cc"; }
+
+.fa-mouse {
+ --fa: "\f8cc"; }
+
+.fa-arrow-right-to-bracket {
+ --fa: "\f090"; }
+
+.fa-sign-in {
+ --fa: "\f090"; }
+
+.fa-shop-slash {
+ --fa: "\e070"; }
+
+.fa-store-alt-slash {
+ --fa: "\e070"; }
+
+.fa-server {
+ --fa: "\f233"; }
+
+.fa-virus-covid-slash {
+ --fa: "\e4a9"; }
+
+.fa-shop-lock {
+ --fa: "\e4a5"; }
+
+.fa-hourglass-start {
+ --fa: "\f251"; }
+
+.fa-hourglass-1 {
+ --fa: "\f251"; }
+
+.fa-blender-phone {
+ --fa: "\f6b6"; }
+
+.fa-building-wheat {
+ --fa: "\e4db"; }
+
+.fa-person-breastfeeding {
+ --fa: "\e53a"; }
+
+.fa-right-to-bracket {
+ --fa: "\f2f6"; }
+
+.fa-sign-in-alt {
+ --fa: "\f2f6"; }
+
+.fa-venus {
+ --fa: "\f221"; }
+
+.fa-passport {
+ --fa: "\f5ab"; }
+
+.fa-thumbtack-slash {
+ --fa: "\e68f"; }
+
+.fa-thumb-tack-slash {
+ --fa: "\e68f"; }
+
+.fa-heart-pulse {
+ --fa: "\f21e"; }
+
+.fa-heartbeat {
+ --fa: "\f21e"; }
+
+.fa-people-carry-box {
+ --fa: "\f4ce"; }
+
+.fa-people-carry {
+ --fa: "\f4ce"; }
+
+.fa-temperature-high {
+ --fa: "\f769"; }
+
+.fa-microchip {
+ --fa: "\f2db"; }
+
+.fa-crown {
+ --fa: "\f521"; }
+
+.fa-weight-hanging {
+ --fa: "\f5cd"; }
+
+.fa-xmarks-lines {
+ --fa: "\e59a"; }
+
+.fa-file-prescription {
+ --fa: "\f572"; }
+
+.fa-weight-scale {
+ --fa: "\f496"; }
+
+.fa-weight {
+ --fa: "\f496"; }
+
+.fa-user-group {
+ --fa: "\f500"; }
+
+.fa-user-friends {
+ --fa: "\f500"; }
+
+.fa-arrow-up-a-z {
+ --fa: "\f15e"; }
+
+.fa-sort-alpha-up {
+ --fa: "\f15e"; }
+
+.fa-chess-knight {
+ --fa: "\f441"; }
+
+.fa-face-laugh-squint {
+ --fa: "\f59b"; }
+
+.fa-laugh-squint {
+ --fa: "\f59b"; }
+
+.fa-wheelchair {
+ --fa: "\f193"; }
+
+.fa-circle-arrow-up {
+ --fa: "\f0aa"; }
+
+.fa-arrow-circle-up {
+ --fa: "\f0aa"; }
+
+.fa-toggle-on {
+ --fa: "\f205"; }
+
+.fa-person-walking {
+ --fa: "\f554"; }
+
+.fa-walking {
+ --fa: "\f554"; }
+
+.fa-l {
+ --fa: "\4c"; }
+
+.fa-fire {
+ --fa: "\f06d"; }
+
+.fa-bed-pulse {
+ --fa: "\f487"; }
+
+.fa-procedures {
+ --fa: "\f487"; }
+
+.fa-shuttle-space {
+ --fa: "\f197"; }
+
+.fa-space-shuttle {
+ --fa: "\f197"; }
+
+.fa-face-laugh {
+ --fa: "\f599"; }
+
+.fa-laugh {
+ --fa: "\f599"; }
+
+.fa-folder-open {
+ --fa: "\f07c"; }
+
+.fa-heart-circle-plus {
+ --fa: "\e500"; }
+
+.fa-code-fork {
+ --fa: "\e13b"; }
+
+.fa-city {
+ --fa: "\f64f"; }
+
+.fa-microphone-lines {
+ --fa: "\f3c9"; }
+
+.fa-microphone-alt {
+ --fa: "\f3c9"; }
+
+.fa-pepper-hot {
+ --fa: "\f816"; }
+
+.fa-unlock {
+ --fa: "\f09c"; }
+
+.fa-colon-sign {
+ --fa: "\e140"; }
+
+.fa-headset {
+ --fa: "\f590"; }
+
+.fa-store-slash {
+ --fa: "\e071"; }
+
+.fa-road-circle-xmark {
+ --fa: "\e566"; }
+
+.fa-user-minus {
+ --fa: "\f503"; }
+
+.fa-mars-stroke-up {
+ --fa: "\f22a"; }
+
+.fa-mars-stroke-v {
+ --fa: "\f22a"; }
+
+.fa-champagne-glasses {
+ --fa: "\f79f"; }
+
+.fa-glass-cheers {
+ --fa: "\f79f"; }
+
+.fa-clipboard {
+ --fa: "\f328"; }
+
+.fa-house-circle-exclamation {
+ --fa: "\e50a"; }
+
+.fa-file-arrow-up {
+ --fa: "\f574"; }
+
+.fa-file-upload {
+ --fa: "\f574"; }
+
+.fa-wifi {
+ --fa: "\f1eb"; }
+
+.fa-wifi-3 {
+ --fa: "\f1eb"; }
+
+.fa-wifi-strong {
+ --fa: "\f1eb"; }
+
+.fa-bath {
+ --fa: "\f2cd"; }
+
+.fa-bathtub {
+ --fa: "\f2cd"; }
+
+.fa-underline {
+ --fa: "\f0cd"; }
+
+.fa-user-pen {
+ --fa: "\f4ff"; }
+
+.fa-user-edit {
+ --fa: "\f4ff"; }
+
+.fa-signature {
+ --fa: "\f5b7"; }
+
+.fa-stroopwafel {
+ --fa: "\f551"; }
+
+.fa-bold {
+ --fa: "\f032"; }
+
+.fa-anchor-lock {
+ --fa: "\e4ad"; }
+
+.fa-building-ngo {
+ --fa: "\e4d7"; }
+
+.fa-manat-sign {
+ --fa: "\e1d5"; }
+
+.fa-not-equal {
+ --fa: "\f53e"; }
+
+.fa-border-top-left {
+ --fa: "\f853"; }
+
+.fa-border-style {
+ --fa: "\f853"; }
+
+.fa-map-location-dot {
+ --fa: "\f5a0"; }
+
+.fa-map-marked-alt {
+ --fa: "\f5a0"; }
+
+.fa-jedi {
+ --fa: "\f669"; }
+
+.fa-square-poll-vertical {
+ --fa: "\f681"; }
+
+.fa-poll {
+ --fa: "\f681"; }
+
+.fa-mug-hot {
+ --fa: "\f7b6"; }
+
+.fa-car-battery {
+ --fa: "\f5df"; }
+
+.fa-battery-car {
+ --fa: "\f5df"; }
+
+.fa-gift {
+ --fa: "\f06b"; }
+
+.fa-dice-two {
+ --fa: "\f528"; }
+
+.fa-chess-queen {
+ --fa: "\f445"; }
+
+.fa-glasses {
+ --fa: "\f530"; }
+
+.fa-chess-board {
+ --fa: "\f43c"; }
+
+.fa-building-circle-check {
+ --fa: "\e4d2"; }
+
+.fa-person-chalkboard {
+ --fa: "\e53d"; }
+
+.fa-mars-stroke-right {
+ --fa: "\f22b"; }
+
+.fa-mars-stroke-h {
+ --fa: "\f22b"; }
+
+.fa-hand-back-fist {
+ --fa: "\f255"; }
+
+.fa-hand-rock {
+ --fa: "\f255"; }
+
+.fa-square-caret-up {
+ --fa: "\f151"; }
+
+.fa-caret-square-up {
+ --fa: "\f151"; }
+
+.fa-cloud-showers-water {
+ --fa: "\e4e4"; }
+
+.fa-chart-bar {
+ --fa: "\f080"; }
+
+.fa-bar-chart {
+ --fa: "\f080"; }
+
+.fa-hands-bubbles {
+ --fa: "\e05e"; }
+
+.fa-hands-wash {
+ --fa: "\e05e"; }
+
+.fa-less-than-equal {
+ --fa: "\f537"; }
+
+.fa-train {
+ --fa: "\f238"; }
+
+.fa-eye-low-vision {
+ --fa: "\f2a8"; }
+
+.fa-low-vision {
+ --fa: "\f2a8"; }
+
+.fa-crow {
+ --fa: "\f520"; }
+
+.fa-sailboat {
+ --fa: "\e445"; }
+
+.fa-window-restore {
+ --fa: "\f2d2"; }
+
+.fa-square-plus {
+ --fa: "\f0fe"; }
+
+.fa-plus-square {
+ --fa: "\f0fe"; }
+
+.fa-torii-gate {
+ --fa: "\f6a1"; }
+
+.fa-frog {
+ --fa: "\f52e"; }
+
+.fa-bucket {
+ --fa: "\e4cf"; }
+
+.fa-image {
+ --fa: "\f03e"; }
+
+.fa-microphone {
+ --fa: "\f130"; }
+
+.fa-cow {
+ --fa: "\f6c8"; }
+
+.fa-caret-up {
+ --fa: "\f0d8"; }
+
+.fa-screwdriver {
+ --fa: "\f54a"; }
+
+.fa-folder-closed {
+ --fa: "\e185"; }
+
+.fa-house-tsunami {
+ --fa: "\e515"; }
+
+.fa-square-nfi {
+ --fa: "\e576"; }
+
+.fa-arrow-up-from-ground-water {
+ --fa: "\e4b5"; }
+
+.fa-martini-glass {
+ --fa: "\f57b"; }
+
+.fa-glass-martini-alt {
+ --fa: "\f57b"; }
+
+.fa-square-binary {
+ --fa: "\e69b"; }
+
+.fa-rotate-left {
+ --fa: "\f2ea"; }
+
+.fa-rotate-back {
+ --fa: "\f2ea"; }
+
+.fa-rotate-backward {
+ --fa: "\f2ea"; }
+
+.fa-undo-alt {
+ --fa: "\f2ea"; }
+
+.fa-table-columns {
+ --fa: "\f0db"; }
+
+.fa-columns {
+ --fa: "\f0db"; }
+
+.fa-lemon {
+ --fa: "\f094"; }
+
+.fa-head-side-mask {
+ --fa: "\e063"; }
+
+.fa-handshake {
+ --fa: "\f2b5"; }
+
+.fa-gem {
+ --fa: "\f3a5"; }
+
+.fa-dolly {
+ --fa: "\f472"; }
+
+.fa-dolly-box {
+ --fa: "\f472"; }
+
+.fa-smoking {
+ --fa: "\f48d"; }
+
+.fa-minimize {
+ --fa: "\f78c"; }
+
+.fa-compress-arrows-alt {
+ --fa: "\f78c"; }
+
+.fa-monument {
+ --fa: "\f5a6"; }
+
+.fa-snowplow {
+ --fa: "\f7d2"; }
+
+.fa-angles-right {
+ --fa: "\f101"; }
+
+.fa-angle-double-right {
+ --fa: "\f101"; }
+
+.fa-cannabis {
+ --fa: "\f55f"; }
+
+.fa-circle-play {
+ --fa: "\f144"; }
+
+.fa-play-circle {
+ --fa: "\f144"; }
+
+.fa-tablets {
+ --fa: "\f490"; }
+
+.fa-ethernet {
+ --fa: "\f796"; }
+
+.fa-euro-sign {
+ --fa: "\f153"; }
+
+.fa-eur {
+ --fa: "\f153"; }
+
+.fa-euro {
+ --fa: "\f153"; }
+
+.fa-chair {
+ --fa: "\f6c0"; }
+
+.fa-circle-check {
+ --fa: "\f058"; }
+
+.fa-check-circle {
+ --fa: "\f058"; }
+
+.fa-circle-stop {
+ --fa: "\f28d"; }
+
+.fa-stop-circle {
+ --fa: "\f28d"; }
+
+.fa-compass-drafting {
+ --fa: "\f568"; }
+
+.fa-drafting-compass {
+ --fa: "\f568"; }
+
+.fa-plate-wheat {
+ --fa: "\e55a"; }
+
+.fa-icicles {
+ --fa: "\f7ad"; }
+
+.fa-person-shelter {
+ --fa: "\e54f"; }
+
+.fa-neuter {
+ --fa: "\f22c"; }
+
+.fa-id-badge {
+ --fa: "\f2c1"; }
+
+.fa-marker {
+ --fa: "\f5a1"; }
+
+.fa-face-laugh-beam {
+ --fa: "\f59a"; }
+
+.fa-laugh-beam {
+ --fa: "\f59a"; }
+
+.fa-helicopter-symbol {
+ --fa: "\e502"; }
+
+.fa-universal-access {
+ --fa: "\f29a"; }
+
+.fa-circle-chevron-up {
+ --fa: "\f139"; }
+
+.fa-chevron-circle-up {
+ --fa: "\f139"; }
+
+.fa-lari-sign {
+ --fa: "\e1c8"; }
+
+.fa-volcano {
+ --fa: "\f770"; }
+
+.fa-person-walking-dashed-line-arrow-right {
+ --fa: "\e553"; }
+
+.fa-sterling-sign {
+ --fa: "\f154"; }
+
+.fa-gbp {
+ --fa: "\f154"; }
+
+.fa-pound-sign {
+ --fa: "\f154"; }
+
+.fa-viruses {
+ --fa: "\e076"; }
+
+.fa-square-person-confined {
+ --fa: "\e577"; }
+
+.fa-user-tie {
+ --fa: "\f508"; }
+
+.fa-arrow-down-long {
+ --fa: "\f175"; }
+
+.fa-long-arrow-down {
+ --fa: "\f175"; }
+
+.fa-tent-arrow-down-to-line {
+ --fa: "\e57e"; }
+
+.fa-certificate {
+ --fa: "\f0a3"; }
+
+.fa-reply-all {
+ --fa: "\f122"; }
+
+.fa-mail-reply-all {
+ --fa: "\f122"; }
+
+.fa-suitcase {
+ --fa: "\f0f2"; }
+
+.fa-person-skating {
+ --fa: "\f7c5"; }
+
+.fa-skating {
+ --fa: "\f7c5"; }
+
+.fa-filter-circle-dollar {
+ --fa: "\f662"; }
+
+.fa-funnel-dollar {
+ --fa: "\f662"; }
+
+.fa-camera-retro {
+ --fa: "\f083"; }
+
+.fa-circle-arrow-down {
+ --fa: "\f0ab"; }
+
+.fa-arrow-circle-down {
+ --fa: "\f0ab"; }
+
+.fa-file-import {
+ --fa: "\f56f"; }
+
+.fa-arrow-right-to-file {
+ --fa: "\f56f"; }
+
+.fa-square-arrow-up-right {
+ --fa: "\f14c"; }
+
+.fa-external-link-square {
+ --fa: "\f14c"; }
+
+.fa-box-open {
+ --fa: "\f49e"; }
+
+.fa-scroll {
+ --fa: "\f70e"; }
+
+.fa-spa {
+ --fa: "\f5bb"; }
+
+.fa-location-pin-lock {
+ --fa: "\e51f"; }
+
+.fa-pause {
+ --fa: "\f04c"; }
+
+.fa-hill-avalanche {
+ --fa: "\e507"; }
+
+.fa-temperature-empty {
+ --fa: "\f2cb"; }
+
+.fa-temperature-0 {
+ --fa: "\f2cb"; }
+
+.fa-thermometer-0 {
+ --fa: "\f2cb"; }
+
+.fa-thermometer-empty {
+ --fa: "\f2cb"; }
+
+.fa-bomb {
+ --fa: "\f1e2"; }
+
+.fa-registered {
+ --fa: "\f25d"; }
+
+.fa-address-card {
+ --fa: "\f2bb"; }
+
+.fa-contact-card {
+ --fa: "\f2bb"; }
+
+.fa-vcard {
+ --fa: "\f2bb"; }
+
+.fa-scale-unbalanced-flip {
+ --fa: "\f516"; }
+
+.fa-balance-scale-right {
+ --fa: "\f516"; }
+
+.fa-subscript {
+ --fa: "\f12c"; }
+
+.fa-diamond-turn-right {
+ --fa: "\f5eb"; }
+
+.fa-directions {
+ --fa: "\f5eb"; }
+
+.fa-burst {
+ --fa: "\e4dc"; }
+
+.fa-house-laptop {
+ --fa: "\e066"; }
+
+.fa-laptop-house {
+ --fa: "\e066"; }
+
+.fa-face-tired {
+ --fa: "\f5c8"; }
+
+.fa-tired {
+ --fa: "\f5c8"; }
+
+.fa-money-bills {
+ --fa: "\e1f3"; }
+
+.fa-smog {
+ --fa: "\f75f"; }
+
+.fa-crutch {
+ --fa: "\f7f7"; }
+
+.fa-cloud-arrow-up {
+ --fa: "\f0ee"; }
+
+.fa-cloud-upload {
+ --fa: "\f0ee"; }
+
+.fa-cloud-upload-alt {
+ --fa: "\f0ee"; }
+
+.fa-palette {
+ --fa: "\f53f"; }
+
+.fa-arrows-turn-right {
+ --fa: "\e4c0"; }
+
+.fa-vest {
+ --fa: "\e085"; }
+
+.fa-ferry {
+ --fa: "\e4ea"; }
+
+.fa-arrows-down-to-people {
+ --fa: "\e4b9"; }
+
+.fa-seedling {
+ --fa: "\f4d8"; }
+
+.fa-sprout {
+ --fa: "\f4d8"; }
+
+.fa-left-right {
+ --fa: "\f337"; }
+
+.fa-arrows-alt-h {
+ --fa: "\f337"; }
+
+.fa-boxes-packing {
+ --fa: "\e4c7"; }
+
+.fa-circle-arrow-left {
+ --fa: "\f0a8"; }
+
+.fa-arrow-circle-left {
+ --fa: "\f0a8"; }
+
+.fa-group-arrows-rotate {
+ --fa: "\e4f6"; }
+
+.fa-bowl-food {
+ --fa: "\e4c6"; }
+
+.fa-candy-cane {
+ --fa: "\f786"; }
+
+.fa-arrow-down-wide-short {
+ --fa: "\f160"; }
+
+.fa-sort-amount-asc {
+ --fa: "\f160"; }
+
+.fa-sort-amount-down {
+ --fa: "\f160"; }
+
+.fa-cloud-bolt {
+ --fa: "\f76c"; }
+
+.fa-thunderstorm {
+ --fa: "\f76c"; }
+
+.fa-text-slash {
+ --fa: "\f87d"; }
+
+.fa-remove-format {
+ --fa: "\f87d"; }
+
+.fa-face-smile-wink {
+ --fa: "\f4da"; }
+
+.fa-smile-wink {
+ --fa: "\f4da"; }
+
+.fa-file-word {
+ --fa: "\f1c2"; }
+
+.fa-file-powerpoint {
+ --fa: "\f1c4"; }
+
+.fa-arrows-left-right {
+ --fa: "\f07e"; }
+
+.fa-arrows-h {
+ --fa: "\f07e"; }
+
+.fa-house-lock {
+ --fa: "\e510"; }
+
+.fa-cloud-arrow-down {
+ --fa: "\f0ed"; }
+
+.fa-cloud-download {
+ --fa: "\f0ed"; }
+
+.fa-cloud-download-alt {
+ --fa: "\f0ed"; }
+
+.fa-children {
+ --fa: "\e4e1"; }
+
+.fa-chalkboard {
+ --fa: "\f51b"; }
+
+.fa-blackboard {
+ --fa: "\f51b"; }
+
+.fa-user-large-slash {
+ --fa: "\f4fa"; }
+
+.fa-user-alt-slash {
+ --fa: "\f4fa"; }
+
+.fa-envelope-open {
+ --fa: "\f2b6"; }
+
+.fa-handshake-simple-slash {
+ --fa: "\e05f"; }
+
+.fa-handshake-alt-slash {
+ --fa: "\e05f"; }
+
+.fa-mattress-pillow {
+ --fa: "\e525"; }
+
+.fa-guarani-sign {
+ --fa: "\e19a"; }
+
+.fa-arrows-rotate {
+ --fa: "\f021"; }
+
+.fa-refresh {
+ --fa: "\f021"; }
+
+.fa-sync {
+ --fa: "\f021"; }
+
+.fa-fire-extinguisher {
+ --fa: "\f134"; }
+
+.fa-cruzeiro-sign {
+ --fa: "\e152"; }
+
+.fa-greater-than-equal {
+ --fa: "\f532"; }
+
+.fa-shield-halved {
+ --fa: "\f3ed"; }
+
+.fa-shield-alt {
+ --fa: "\f3ed"; }
+
+.fa-book-atlas {
+ --fa: "\f558"; }
+
+.fa-atlas {
+ --fa: "\f558"; }
+
+.fa-virus {
+ --fa: "\e074"; }
+
+.fa-envelope-circle-check {
+ --fa: "\e4e8"; }
+
+.fa-layer-group {
+ --fa: "\f5fd"; }
+
+.fa-arrows-to-dot {
+ --fa: "\e4be"; }
+
+.fa-archway {
+ --fa: "\f557"; }
+
+.fa-heart-circle-check {
+ --fa: "\e4fd"; }
+
+.fa-house-chimney-crack {
+ --fa: "\f6f1"; }
+
+.fa-house-damage {
+ --fa: "\f6f1"; }
+
+.fa-file-zipper {
+ --fa: "\f1c6"; }
+
+.fa-file-archive {
+ --fa: "\f1c6"; }
+
+.fa-square {
+ --fa: "\f0c8"; }
+
+.fa-martini-glass-empty {
+ --fa: "\f000"; }
+
+.fa-glass-martini {
+ --fa: "\f000"; }
+
+.fa-couch {
+ --fa: "\f4b8"; }
+
+.fa-cedi-sign {
+ --fa: "\e0df"; }
+
+.fa-italic {
+ --fa: "\f033"; }
+
+.fa-table-cells-column-lock {
+ --fa: "\e678"; }
+
+.fa-church {
+ --fa: "\f51d"; }
+
+.fa-comments-dollar {
+ --fa: "\f653"; }
+
+.fa-democrat {
+ --fa: "\f747"; }
+
+.fa-z {
+ --fa: "\5a"; }
+
+.fa-person-skiing {
+ --fa: "\f7c9"; }
+
+.fa-skiing {
+ --fa: "\f7c9"; }
+
+.fa-road-lock {
+ --fa: "\e567"; }
+
+.fa-a {
+ --fa: "\41"; }
+
+.fa-temperature-arrow-down {
+ --fa: "\e03f"; }
+
+.fa-temperature-down {
+ --fa: "\e03f"; }
+
+.fa-feather-pointed {
+ --fa: "\f56b"; }
+
+.fa-feather-alt {
+ --fa: "\f56b"; }
+
+.fa-p {
+ --fa: "\50"; }
+
+.fa-snowflake {
+ --fa: "\f2dc"; }
+
+.fa-newspaper {
+ --fa: "\f1ea"; }
+
+.fa-rectangle-ad {
+ --fa: "\f641"; }
+
+.fa-ad {
+ --fa: "\f641"; }
+
+.fa-circle-arrow-right {
+ --fa: "\f0a9"; }
+
+.fa-arrow-circle-right {
+ --fa: "\f0a9"; }
+
+.fa-filter-circle-xmark {
+ --fa: "\e17b"; }
+
+.fa-locust {
+ --fa: "\e520"; }
+
+.fa-sort {
+ --fa: "\f0dc"; }
+
+.fa-unsorted {
+ --fa: "\f0dc"; }
+
+.fa-list-ol {
+ --fa: "\f0cb"; }
+
+.fa-list-1-2 {
+ --fa: "\f0cb"; }
+
+.fa-list-numeric {
+ --fa: "\f0cb"; }
+
+.fa-person-dress-burst {
+ --fa: "\e544"; }
+
+.fa-money-check-dollar {
+ --fa: "\f53d"; }
+
+.fa-money-check-alt {
+ --fa: "\f53d"; }
+
+.fa-vector-square {
+ --fa: "\f5cb"; }
+
+.fa-bread-slice {
+ --fa: "\f7ec"; }
+
+.fa-language {
+ --fa: "\f1ab"; }
+
+.fa-face-kiss-wink-heart {
+ --fa: "\f598"; }
+
+.fa-kiss-wink-heart {
+ --fa: "\f598"; }
+
+.fa-filter {
+ --fa: "\f0b0"; }
+
+.fa-question {
+ --fa: "\3f"; }
+
+.fa-file-signature {
+ --fa: "\f573"; }
+
+.fa-up-down-left-right {
+ --fa: "\f0b2"; }
+
+.fa-arrows-alt {
+ --fa: "\f0b2"; }
+
+.fa-house-chimney-user {
+ --fa: "\e065"; }
+
+.fa-hand-holding-heart {
+ --fa: "\f4be"; }
+
+.fa-puzzle-piece {
+ --fa: "\f12e"; }
+
+.fa-money-check {
+ --fa: "\f53c"; }
+
+.fa-star-half-stroke {
+ --fa: "\f5c0"; }
+
+.fa-star-half-alt {
+ --fa: "\f5c0"; }
+
+.fa-code {
+ --fa: "\f121"; }
+
+.fa-whiskey-glass {
+ --fa: "\f7a0"; }
+
+.fa-glass-whiskey {
+ --fa: "\f7a0"; }
+
+.fa-building-circle-exclamation {
+ --fa: "\e4d3"; }
+
+.fa-magnifying-glass-chart {
+ --fa: "\e522"; }
+
+.fa-arrow-up-right-from-square {
+ --fa: "\f08e"; }
+
+.fa-external-link {
+ --fa: "\f08e"; }
+
+.fa-cubes-stacked {
+ --fa: "\e4e6"; }
+
+.fa-won-sign {
+ --fa: "\f159"; }
+
+.fa-krw {
+ --fa: "\f159"; }
+
+.fa-won {
+ --fa: "\f159"; }
+
+.fa-virus-covid {
+ --fa: "\e4a8"; }
+
+.fa-austral-sign {
+ --fa: "\e0a9"; }
+
+.fa-f {
+ --fa: "\46"; }
+
+.fa-leaf {
+ --fa: "\f06c"; }
+
+.fa-road {
+ --fa: "\f018"; }
+
+.fa-taxi {
+ --fa: "\f1ba"; }
+
+.fa-cab {
+ --fa: "\f1ba"; }
+
+.fa-person-circle-plus {
+ --fa: "\e541"; }
+
+.fa-chart-pie {
+ --fa: "\f200"; }
+
+.fa-pie-chart {
+ --fa: "\f200"; }
+
+.fa-bolt-lightning {
+ --fa: "\e0b7"; }
+
+.fa-sack-xmark {
+ --fa: "\e56a"; }
+
+.fa-file-excel {
+ --fa: "\f1c3"; }
+
+.fa-file-contract {
+ --fa: "\f56c"; }
+
+.fa-fish-fins {
+ --fa: "\e4f2"; }
+
+.fa-building-flag {
+ --fa: "\e4d5"; }
+
+.fa-face-grin-beam {
+ --fa: "\f582"; }
+
+.fa-grin-beam {
+ --fa: "\f582"; }
+
+.fa-object-ungroup {
+ --fa: "\f248"; }
+
+.fa-poop {
+ --fa: "\f619"; }
+
+.fa-location-pin {
+ --fa: "\f041"; }
+
+.fa-map-marker {
+ --fa: "\f041"; }
+
+.fa-kaaba {
+ --fa: "\f66b"; }
+
+.fa-toilet-paper {
+ --fa: "\f71e"; }
+
+.fa-helmet-safety {
+ --fa: "\f807"; }
+
+.fa-hard-hat {
+ --fa: "\f807"; }
+
+.fa-hat-hard {
+ --fa: "\f807"; }
+
+.fa-eject {
+ --fa: "\f052"; }
+
+.fa-circle-right {
+ --fa: "\f35a"; }
+
+.fa-arrow-alt-circle-right {
+ --fa: "\f35a"; }
+
+.fa-plane-circle-check {
+ --fa: "\e555"; }
+
+.fa-face-rolling-eyes {
+ --fa: "\f5a5"; }
+
+.fa-meh-rolling-eyes {
+ --fa: "\f5a5"; }
+
+.fa-object-group {
+ --fa: "\f247"; }
+
+.fa-chart-line {
+ --fa: "\f201"; }
+
+.fa-line-chart {
+ --fa: "\f201"; }
+
+.fa-mask-ventilator {
+ --fa: "\e524"; }
+
+.fa-arrow-right {
+ --fa: "\f061"; }
+
+.fa-signs-post {
+ --fa: "\f277"; }
+
+.fa-map-signs {
+ --fa: "\f277"; }
+
+.fa-cash-register {
+ --fa: "\f788"; }
+
+.fa-person-circle-question {
+ --fa: "\e542"; }
+
+.fa-h {
+ --fa: "\48"; }
+
+.fa-tarp {
+ --fa: "\e57b"; }
+
+.fa-screwdriver-wrench {
+ --fa: "\f7d9"; }
+
+.fa-tools {
+ --fa: "\f7d9"; }
+
+.fa-arrows-to-eye {
+ --fa: "\e4bf"; }
+
+.fa-plug-circle-bolt {
+ --fa: "\e55b"; }
+
+.fa-heart {
+ --fa: "\f004"; }
+
+.fa-mars-and-venus {
+ --fa: "\f224"; }
+
+.fa-house-user {
+ --fa: "\e1b0"; }
+
+.fa-home-user {
+ --fa: "\e1b0"; }
+
+.fa-dumpster-fire {
+ --fa: "\f794"; }
+
+.fa-house-crack {
+ --fa: "\e3b1"; }
+
+.fa-martini-glass-citrus {
+ --fa: "\f561"; }
+
+.fa-cocktail {
+ --fa: "\f561"; }
+
+.fa-face-surprise {
+ --fa: "\f5c2"; }
+
+.fa-surprise {
+ --fa: "\f5c2"; }
+
+.fa-bottle-water {
+ --fa: "\e4c5"; }
+
+.fa-circle-pause {
+ --fa: "\f28b"; }
+
+.fa-pause-circle {
+ --fa: "\f28b"; }
+
+.fa-toilet-paper-slash {
+ --fa: "\e072"; }
+
+.fa-apple-whole {
+ --fa: "\f5d1"; }
+
+.fa-apple-alt {
+ --fa: "\f5d1"; }
+
+.fa-kitchen-set {
+ --fa: "\e51a"; }
+
+.fa-r {
+ --fa: "\52"; }
+
+.fa-temperature-quarter {
+ --fa: "\f2ca"; }
+
+.fa-temperature-1 {
+ --fa: "\f2ca"; }
+
+.fa-thermometer-1 {
+ --fa: "\f2ca"; }
+
+.fa-thermometer-quarter {
+ --fa: "\f2ca"; }
+
+.fa-cube {
+ --fa: "\f1b2"; }
+
+.fa-bitcoin-sign {
+ --fa: "\e0b4"; }
+
+.fa-shield-dog {
+ --fa: "\e573"; }
+
+.fa-solar-panel {
+ --fa: "\f5ba"; }
+
+.fa-lock-open {
+ --fa: "\f3c1"; }
+
+.fa-elevator {
+ --fa: "\e16d"; }
+
+.fa-money-bill-transfer {
+ --fa: "\e528"; }
+
+.fa-money-bill-trend-up {
+ --fa: "\e529"; }
+
+.fa-house-flood-water-circle-arrow-right {
+ --fa: "\e50f"; }
+
+.fa-square-poll-horizontal {
+ --fa: "\f682"; }
+
+.fa-poll-h {
+ --fa: "\f682"; }
+
+.fa-circle {
+ --fa: "\f111"; }
+
+.fa-backward-fast {
+ --fa: "\f049"; }
+
+.fa-fast-backward {
+ --fa: "\f049"; }
+
+.fa-recycle {
+ --fa: "\f1b8"; }
+
+.fa-user-astronaut {
+ --fa: "\f4fb"; }
+
+.fa-plane-slash {
+ --fa: "\e069"; }
+
+.fa-trademark {
+ --fa: "\f25c"; }
+
+.fa-basketball {
+ --fa: "\f434"; }
+
+.fa-basketball-ball {
+ --fa: "\f434"; }
+
+.fa-satellite-dish {
+ --fa: "\f7c0"; }
+
+.fa-circle-up {
+ --fa: "\f35b"; }
+
+.fa-arrow-alt-circle-up {
+ --fa: "\f35b"; }
+
+.fa-mobile-screen-button {
+ --fa: "\f3cd"; }
+
+.fa-mobile-alt {
+ --fa: "\f3cd"; }
+
+.fa-volume-high {
+ --fa: "\f028"; }
+
+.fa-volume-up {
+ --fa: "\f028"; }
+
+.fa-users-rays {
+ --fa: "\e593"; }
+
+.fa-wallet {
+ --fa: "\f555"; }
+
+.fa-clipboard-check {
+ --fa: "\f46c"; }
+
+.fa-file-audio {
+ --fa: "\f1c7"; }
+
+.fa-burger {
+ --fa: "\f805"; }
+
+.fa-hamburger {
+ --fa: "\f805"; }
+
+.fa-wrench {
+ --fa: "\f0ad"; }
+
+.fa-bugs {
+ --fa: "\e4d0"; }
+
+.fa-rupee-sign {
+ --fa: "\f156"; }
+
+.fa-rupee {
+ --fa: "\f156"; }
+
+.fa-file-image {
+ --fa: "\f1c5"; }
+
+.fa-circle-question {
+ --fa: "\f059"; }
+
+.fa-question-circle {
+ --fa: "\f059"; }
+
+.fa-plane-departure {
+ --fa: "\f5b0"; }
+
+.fa-handshake-slash {
+ --fa: "\e060"; }
+
+.fa-book-bookmark {
+ --fa: "\e0bb"; }
+
+.fa-code-branch {
+ --fa: "\f126"; }
+
+.fa-hat-cowboy {
+ --fa: "\f8c0"; }
+
+.fa-bridge {
+ --fa: "\e4c8"; }
+
+.fa-phone-flip {
+ --fa: "\f879"; }
+
+.fa-phone-alt {
+ --fa: "\f879"; }
+
+.fa-truck-front {
+ --fa: "\e2b7"; }
+
+.fa-cat {
+ --fa: "\f6be"; }
+
+.fa-anchor-circle-exclamation {
+ --fa: "\e4ab"; }
+
+.fa-truck-field {
+ --fa: "\e58d"; }
+
+.fa-route {
+ --fa: "\f4d7"; }
+
+.fa-clipboard-question {
+ --fa: "\e4e3"; }
+
+.fa-panorama {
+ --fa: "\e209"; }
+
+.fa-comment-medical {
+ --fa: "\f7f5"; }
+
+.fa-teeth-open {
+ --fa: "\f62f"; }
+
+.fa-file-circle-minus {
+ --fa: "\e4ed"; }
+
+.fa-tags {
+ --fa: "\f02c"; }
+
+.fa-wine-glass {
+ --fa: "\f4e3"; }
+
+.fa-forward-fast {
+ --fa: "\f050"; }
+
+.fa-fast-forward {
+ --fa: "\f050"; }
+
+.fa-face-meh-blank {
+ --fa: "\f5a4"; }
+
+.fa-meh-blank {
+ --fa: "\f5a4"; }
+
+.fa-square-parking {
+ --fa: "\f540"; }
+
+.fa-parking {
+ --fa: "\f540"; }
+
+.fa-house-signal {
+ --fa: "\e012"; }
+
+.fa-bars-progress {
+ --fa: "\f828"; }
+
+.fa-tasks-alt {
+ --fa: "\f828"; }
+
+.fa-faucet-drip {
+ --fa: "\e006"; }
+
+.fa-cart-flatbed {
+ --fa: "\f474"; }
+
+.fa-dolly-flatbed {
+ --fa: "\f474"; }
+
+.fa-ban-smoking {
+ --fa: "\f54d"; }
+
+.fa-smoking-ban {
+ --fa: "\f54d"; }
+
+.fa-terminal {
+ --fa: "\f120"; }
+
+.fa-mobile-button {
+ --fa: "\f10b"; }
+
+.fa-house-medical-flag {
+ --fa: "\e514"; }
+
+.fa-basket-shopping {
+ --fa: "\f291"; }
+
+.fa-shopping-basket {
+ --fa: "\f291"; }
+
+.fa-tape {
+ --fa: "\f4db"; }
+
+.fa-bus-simple {
+ --fa: "\f55e"; }
+
+.fa-bus-alt {
+ --fa: "\f55e"; }
+
+.fa-eye {
+ --fa: "\f06e"; }
+
+.fa-face-sad-cry {
+ --fa: "\f5b3"; }
+
+.fa-sad-cry {
+ --fa: "\f5b3"; }
+
+.fa-audio-description {
+ --fa: "\f29e"; }
+
+.fa-person-military-to-person {
+ --fa: "\e54c"; }
+
+.fa-file-shield {
+ --fa: "\e4f0"; }
+
+.fa-user-slash {
+ --fa: "\f506"; }
+
+.fa-pen {
+ --fa: "\f304"; }
+
+.fa-tower-observation {
+ --fa: "\e586"; }
+
+.fa-file-code {
+ --fa: "\f1c9"; }
+
+.fa-signal {
+ --fa: "\f012"; }
+
+.fa-signal-5 {
+ --fa: "\f012"; }
+
+.fa-signal-perfect {
+ --fa: "\f012"; }
+
+.fa-bus {
+ --fa: "\f207"; }
+
+.fa-heart-circle-xmark {
+ --fa: "\e501"; }
+
+.fa-house-chimney {
+ --fa: "\e3af"; }
+
+.fa-home-lg {
+ --fa: "\e3af"; }
+
+.fa-window-maximize {
+ --fa: "\f2d0"; }
+
+.fa-face-frown {
+ --fa: "\f119"; }
+
+.fa-frown {
+ --fa: "\f119"; }
+
+.fa-prescription {
+ --fa: "\f5b1"; }
+
+.fa-shop {
+ --fa: "\f54f"; }
+
+.fa-store-alt {
+ --fa: "\f54f"; }
+
+.fa-floppy-disk {
+ --fa: "\f0c7"; }
+
+.fa-save {
+ --fa: "\f0c7"; }
+
+.fa-vihara {
+ --fa: "\f6a7"; }
+
+.fa-scale-unbalanced {
+ --fa: "\f515"; }
+
+.fa-balance-scale-left {
+ --fa: "\f515"; }
+
+.fa-sort-up {
+ --fa: "\f0de"; }
+
+.fa-sort-asc {
+ --fa: "\f0de"; }
+
+.fa-comment-dots {
+ --fa: "\f4ad"; }
+
+.fa-commenting {
+ --fa: "\f4ad"; }
+
+.fa-plant-wilt {
+ --fa: "\e5aa"; }
+
+.fa-diamond {
+ --fa: "\f219"; }
+
+.fa-face-grin-squint {
+ --fa: "\f585"; }
+
+.fa-grin-squint {
+ --fa: "\f585"; }
+
+.fa-hand-holding-dollar {
+ --fa: "\f4c0"; }
+
+.fa-hand-holding-usd {
+ --fa: "\f4c0"; }
+
+.fa-chart-diagram {
+ --fa: "\e695"; }
+
+.fa-bacterium {
+ --fa: "\e05a"; }
+
+.fa-hand-pointer {
+ --fa: "\f25a"; }
+
+.fa-drum-steelpan {
+ --fa: "\f56a"; }
+
+.fa-hand-scissors {
+ --fa: "\f257"; }
+
+.fa-hands-praying {
+ --fa: "\f684"; }
+
+.fa-praying-hands {
+ --fa: "\f684"; }
+
+.fa-arrow-rotate-right {
+ --fa: "\f01e"; }
+
+.fa-arrow-right-rotate {
+ --fa: "\f01e"; }
+
+.fa-arrow-rotate-forward {
+ --fa: "\f01e"; }
+
+.fa-redo {
+ --fa: "\f01e"; }
+
+.fa-biohazard {
+ --fa: "\f780"; }
+
+.fa-location-crosshairs {
+ --fa: "\f601"; }
+
+.fa-location {
+ --fa: "\f601"; }
+
+.fa-mars-double {
+ --fa: "\f227"; }
+
+.fa-child-dress {
+ --fa: "\e59c"; }
+
+.fa-users-between-lines {
+ --fa: "\e591"; }
+
+.fa-lungs-virus {
+ --fa: "\e067"; }
+
+.fa-face-grin-tears {
+ --fa: "\f588"; }
+
+.fa-grin-tears {
+ --fa: "\f588"; }
+
+.fa-phone {
+ --fa: "\f095"; }
+
+.fa-calendar-xmark {
+ --fa: "\f273"; }
+
+.fa-calendar-times {
+ --fa: "\f273"; }
+
+.fa-child-reaching {
+ --fa: "\e59d"; }
+
+.fa-head-side-virus {
+ --fa: "\e064"; }
+
+.fa-user-gear {
+ --fa: "\f4fe"; }
+
+.fa-user-cog {
+ --fa: "\f4fe"; }
+
+.fa-arrow-up-1-9 {
+ --fa: "\f163"; }
+
+.fa-sort-numeric-up {
+ --fa: "\f163"; }
+
+.fa-door-closed {
+ --fa: "\f52a"; }
+
+.fa-shield-virus {
+ --fa: "\e06c"; }
+
+.fa-dice-six {
+ --fa: "\f526"; }
+
+.fa-mosquito-net {
+ --fa: "\e52c"; }
+
+.fa-file-fragment {
+ --fa: "\e697"; }
+
+.fa-bridge-water {
+ --fa: "\e4ce"; }
+
+.fa-person-booth {
+ --fa: "\f756"; }
+
+.fa-text-width {
+ --fa: "\f035"; }
+
+.fa-hat-wizard {
+ --fa: "\f6e8"; }
+
+.fa-pen-fancy {
+ --fa: "\f5ac"; }
+
+.fa-person-digging {
+ --fa: "\f85e"; }
+
+.fa-digging {
+ --fa: "\f85e"; }
+
+.fa-trash {
+ --fa: "\f1f8"; }
+
+.fa-gauge-simple {
+ --fa: "\f629"; }
+
+.fa-gauge-simple-med {
+ --fa: "\f629"; }
+
+.fa-tachometer-average {
+ --fa: "\f629"; }
+
+.fa-book-medical {
+ --fa: "\f7e6"; }
+
+.fa-poo {
+ --fa: "\f2fe"; }
+
+.fa-quote-right {
+ --fa: "\f10e"; }
+
+.fa-quote-right-alt {
+ --fa: "\f10e"; }
+
+.fa-shirt {
+ --fa: "\f553"; }
+
+.fa-t-shirt {
+ --fa: "\f553"; }
+
+.fa-tshirt {
+ --fa: "\f553"; }
+
+.fa-cubes {
+ --fa: "\f1b3"; }
+
+.fa-divide {
+ --fa: "\f529"; }
+
+.fa-tenge-sign {
+ --fa: "\f7d7"; }
+
+.fa-tenge {
+ --fa: "\f7d7"; }
+
+.fa-headphones {
+ --fa: "\f025"; }
+
+.fa-hands-holding {
+ --fa: "\f4c2"; }
+
+.fa-hands-clapping {
+ --fa: "\e1a8"; }
+
+.fa-republican {
+ --fa: "\f75e"; }
+
+.fa-arrow-left {
+ --fa: "\f060"; }
+
+.fa-person-circle-xmark {
+ --fa: "\e543"; }
+
+.fa-ruler {
+ --fa: "\f545"; }
+
+.fa-align-left {
+ --fa: "\f036"; }
+
+.fa-dice-d6 {
+ --fa: "\f6d1"; }
+
+.fa-restroom {
+ --fa: "\f7bd"; }
+
+.fa-j {
+ --fa: "\4a"; }
+
+.fa-users-viewfinder {
+ --fa: "\e595"; }
+
+.fa-file-video {
+ --fa: "\f1c8"; }
+
+.fa-up-right-from-square {
+ --fa: "\f35d"; }
+
+.fa-external-link-alt {
+ --fa: "\f35d"; }
+
+.fa-table-cells {
+ --fa: "\f00a"; }
+
+.fa-th {
+ --fa: "\f00a"; }
+
+.fa-file-pdf {
+ --fa: "\f1c1"; }
+
+.fa-book-bible {
+ --fa: "\f647"; }
+
+.fa-bible {
+ --fa: "\f647"; }
+
+.fa-o {
+ --fa: "\4f"; }
+
+.fa-suitcase-medical {
+ --fa: "\f0fa"; }
+
+.fa-medkit {
+ --fa: "\f0fa"; }
+
+.fa-user-secret {
+ --fa: "\f21b"; }
+
+.fa-otter {
+ --fa: "\f700"; }
+
+.fa-person-dress {
+ --fa: "\f182"; }
+
+.fa-female {
+ --fa: "\f182"; }
+
+.fa-comment-dollar {
+ --fa: "\f651"; }
+
+.fa-business-time {
+ --fa: "\f64a"; }
+
+.fa-briefcase-clock {
+ --fa: "\f64a"; }
+
+.fa-table-cells-large {
+ --fa: "\f009"; }
+
+.fa-th-large {
+ --fa: "\f009"; }
+
+.fa-book-tanakh {
+ --fa: "\f827"; }
+
+.fa-tanakh {
+ --fa: "\f827"; }
+
+.fa-phone-volume {
+ --fa: "\f2a0"; }
+
+.fa-volume-control-phone {
+ --fa: "\f2a0"; }
+
+.fa-hat-cowboy-side {
+ --fa: "\f8c1"; }
+
+.fa-clipboard-user {
+ --fa: "\f7f3"; }
+
+.fa-child {
+ --fa: "\f1ae"; }
+
+.fa-lira-sign {
+ --fa: "\f195"; }
+
+.fa-satellite {
+ --fa: "\f7bf"; }
+
+.fa-plane-lock {
+ --fa: "\e558"; }
+
+.fa-tag {
+ --fa: "\f02b"; }
+
+.fa-comment {
+ --fa: "\f075"; }
+
+.fa-cake-candles {
+ --fa: "\f1fd"; }
+
+.fa-birthday-cake {
+ --fa: "\f1fd"; }
+
+.fa-cake {
+ --fa: "\f1fd"; }
+
+.fa-envelope {
+ --fa: "\f0e0"; }
+
+.fa-angles-up {
+ --fa: "\f102"; }
+
+.fa-angle-double-up {
+ --fa: "\f102"; }
+
+.fa-paperclip {
+ --fa: "\f0c6"; }
+
+.fa-arrow-right-to-city {
+ --fa: "\e4b3"; }
+
+.fa-ribbon {
+ --fa: "\f4d6"; }
+
+.fa-lungs {
+ --fa: "\f604"; }
+
+.fa-arrow-up-9-1 {
+ --fa: "\f887"; }
+
+.fa-sort-numeric-up-alt {
+ --fa: "\f887"; }
+
+.fa-litecoin-sign {
+ --fa: "\e1d3"; }
+
+.fa-border-none {
+ --fa: "\f850"; }
+
+.fa-circle-nodes {
+ --fa: "\e4e2"; }
+
+.fa-parachute-box {
+ --fa: "\f4cd"; }
+
+.fa-indent {
+ --fa: "\f03c"; }
+
+.fa-truck-field-un {
+ --fa: "\e58e"; }
+
+.fa-hourglass {
+ --fa: "\f254"; }
+
+.fa-hourglass-empty {
+ --fa: "\f254"; }
+
+.fa-mountain {
+ --fa: "\f6fc"; }
+
+.fa-user-doctor {
+ --fa: "\f0f0"; }
+
+.fa-user-md {
+ --fa: "\f0f0"; }
+
+.fa-circle-info {
+ --fa: "\f05a"; }
+
+.fa-info-circle {
+ --fa: "\f05a"; }
+
+.fa-cloud-meatball {
+ --fa: "\f73b"; }
+
+.fa-camera {
+ --fa: "\f030"; }
+
+.fa-camera-alt {
+ --fa: "\f030"; }
+
+.fa-square-virus {
+ --fa: "\e578"; }
+
+.fa-meteor {
+ --fa: "\f753"; }
+
+.fa-car-on {
+ --fa: "\e4dd"; }
+
+.fa-sleigh {
+ --fa: "\f7cc"; }
+
+.fa-arrow-down-1-9 {
+ --fa: "\f162"; }
+
+.fa-sort-numeric-asc {
+ --fa: "\f162"; }
+
+.fa-sort-numeric-down {
+ --fa: "\f162"; }
+
+.fa-hand-holding-droplet {
+ --fa: "\f4c1"; }
+
+.fa-hand-holding-water {
+ --fa: "\f4c1"; }
+
+.fa-water {
+ --fa: "\f773"; }
+
+.fa-calendar-check {
+ --fa: "\f274"; }
+
+.fa-braille {
+ --fa: "\f2a1"; }
+
+.fa-prescription-bottle-medical {
+ --fa: "\f486"; }
+
+.fa-prescription-bottle-alt {
+ --fa: "\f486"; }
+
+.fa-landmark {
+ --fa: "\f66f"; }
+
+.fa-truck {
+ --fa: "\f0d1"; }
+
+.fa-crosshairs {
+ --fa: "\f05b"; }
+
+.fa-person-cane {
+ --fa: "\e53c"; }
+
+.fa-tent {
+ --fa: "\e57d"; }
+
+.fa-vest-patches {
+ --fa: "\e086"; }
+
+.fa-check-double {
+ --fa: "\f560"; }
+
+.fa-arrow-down-a-z {
+ --fa: "\f15d"; }
+
+.fa-sort-alpha-asc {
+ --fa: "\f15d"; }
+
+.fa-sort-alpha-down {
+ --fa: "\f15d"; }
+
+.fa-money-bill-wheat {
+ --fa: "\e52a"; }
+
+.fa-cookie {
+ --fa: "\f563"; }
+
+.fa-arrow-rotate-left {
+ --fa: "\f0e2"; }
+
+.fa-arrow-left-rotate {
+ --fa: "\f0e2"; }
+
+.fa-arrow-rotate-back {
+ --fa: "\f0e2"; }
+
+.fa-arrow-rotate-backward {
+ --fa: "\f0e2"; }
+
+.fa-undo {
+ --fa: "\f0e2"; }
+
+.fa-hard-drive {
+ --fa: "\f0a0"; }
+
+.fa-hdd {
+ --fa: "\f0a0"; }
+
+.fa-face-grin-squint-tears {
+ --fa: "\f586"; }
+
+.fa-grin-squint-tears {
+ --fa: "\f586"; }
+
+.fa-dumbbell {
+ --fa: "\f44b"; }
+
+.fa-rectangle-list {
+ --fa: "\f022"; }
+
+.fa-list-alt {
+ --fa: "\f022"; }
+
+.fa-tarp-droplet {
+ --fa: "\e57c"; }
+
+.fa-house-medical-circle-check {
+ --fa: "\e511"; }
+
+.fa-person-skiing-nordic {
+ --fa: "\f7ca"; }
+
+.fa-skiing-nordic {
+ --fa: "\f7ca"; }
+
+.fa-calendar-plus {
+ --fa: "\f271"; }
+
+.fa-plane-arrival {
+ --fa: "\f5af"; }
+
+.fa-circle-left {
+ --fa: "\f359"; }
+
+.fa-arrow-alt-circle-left {
+ --fa: "\f359"; }
+
+.fa-train-subway {
+ --fa: "\f239"; }
+
+.fa-subway {
+ --fa: "\f239"; }
+
+.fa-chart-gantt {
+ --fa: "\e0e4"; }
+
+.fa-indian-rupee-sign {
+ --fa: "\e1bc"; }
+
+.fa-indian-rupee {
+ --fa: "\e1bc"; }
+
+.fa-inr {
+ --fa: "\e1bc"; }
+
+.fa-crop-simple {
+ --fa: "\f565"; }
+
+.fa-crop-alt {
+ --fa: "\f565"; }
+
+.fa-money-bill-1 {
+ --fa: "\f3d1"; }
+
+.fa-money-bill-alt {
+ --fa: "\f3d1"; }
+
+.fa-left-long {
+ --fa: "\f30a"; }
+
+.fa-long-arrow-alt-left {
+ --fa: "\f30a"; }
+
+.fa-dna {
+ --fa: "\f471"; }
+
+.fa-virus-slash {
+ --fa: "\e075"; }
+
+.fa-minus {
+ --fa: "\f068"; }
+
+.fa-subtract {
+ --fa: "\f068"; }
+
+.fa-chess {
+ --fa: "\f439"; }
+
+.fa-arrow-left-long {
+ --fa: "\f177"; }
+
+.fa-long-arrow-left {
+ --fa: "\f177"; }
+
+.fa-plug-circle-check {
+ --fa: "\e55c"; }
+
+.fa-street-view {
+ --fa: "\f21d"; }
+
+.fa-franc-sign {
+ --fa: "\e18f"; }
+
+.fa-volume-off {
+ --fa: "\f026"; }
+
+.fa-hands-asl-interpreting {
+ --fa: "\f2a3"; }
+
+.fa-american-sign-language-interpreting {
+ --fa: "\f2a3"; }
+
+.fa-asl-interpreting {
+ --fa: "\f2a3"; }
+
+.fa-hands-american-sign-language-interpreting {
+ --fa: "\f2a3"; }
+
+.fa-gear {
+ --fa: "\f013"; }
+
+.fa-cog {
+ --fa: "\f013"; }
+
+.fa-droplet-slash {
+ --fa: "\f5c7"; }
+
+.fa-tint-slash {
+ --fa: "\f5c7"; }
+
+.fa-mosque {
+ --fa: "\f678"; }
+
+.fa-mosquito {
+ --fa: "\e52b"; }
+
+.fa-star-of-david {
+ --fa: "\f69a"; }
+
+.fa-person-military-rifle {
+ --fa: "\e54b"; }
+
+.fa-cart-shopping {
+ --fa: "\f07a"; }
+
+.fa-shopping-cart {
+ --fa: "\f07a"; }
+
+.fa-vials {
+ --fa: "\f493"; }
+
+.fa-plug-circle-plus {
+ --fa: "\e55f"; }
+
+.fa-place-of-worship {
+ --fa: "\f67f"; }
+
+.fa-grip-vertical {
+ --fa: "\f58e"; }
+
+.fa-hexagon-nodes {
+ --fa: "\e699"; }
+
+.fa-arrow-turn-up {
+ --fa: "\f148"; }
+
+.fa-level-up {
+ --fa: "\f148"; }
+
+.fa-u {
+ --fa: "\55"; }
+
+.fa-square-root-variable {
+ --fa: "\f698"; }
+
+.fa-square-root-alt {
+ --fa: "\f698"; }
+
+.fa-clock {
+ --fa: "\f017"; }
+
+.fa-clock-four {
+ --fa: "\f017"; }
+
+.fa-backward-step {
+ --fa: "\f048"; }
+
+.fa-step-backward {
+ --fa: "\f048"; }
+
+.fa-pallet {
+ --fa: "\f482"; }
+
+.fa-faucet {
+ --fa: "\e005"; }
+
+.fa-baseball-bat-ball {
+ --fa: "\f432"; }
+
+.fa-s {
+ --fa: "\53"; }
+
+.fa-timeline {
+ --fa: "\e29c"; }
+
+.fa-keyboard {
+ --fa: "\f11c"; }
+
+.fa-caret-down {
+ --fa: "\f0d7"; }
+
+.fa-house-chimney-medical {
+ --fa: "\f7f2"; }
+
+.fa-clinic-medical {
+ --fa: "\f7f2"; }
+
+.fa-temperature-three-quarters {
+ --fa: "\f2c8"; }
+
+.fa-temperature-3 {
+ --fa: "\f2c8"; }
+
+.fa-thermometer-3 {
+ --fa: "\f2c8"; }
+
+.fa-thermometer-three-quarters {
+ --fa: "\f2c8"; }
+
+.fa-mobile-screen {
+ --fa: "\f3cf"; }
+
+.fa-mobile-android-alt {
+ --fa: "\f3cf"; }
+
+.fa-plane-up {
+ --fa: "\e22d"; }
+
+.fa-piggy-bank {
+ --fa: "\f4d3"; }
+
+.fa-battery-half {
+ --fa: "\f242"; }
+
+.fa-battery-3 {
+ --fa: "\f242"; }
+
+.fa-mountain-city {
+ --fa: "\e52e"; }
+
+.fa-coins {
+ --fa: "\f51e"; }
+
+.fa-khanda {
+ --fa: "\f66d"; }
+
+.fa-sliders {
+ --fa: "\f1de"; }
+
+.fa-sliders-h {
+ --fa: "\f1de"; }
+
+.fa-folder-tree {
+ --fa: "\f802"; }
+
+.fa-network-wired {
+ --fa: "\f6ff"; }
+
+.fa-map-pin {
+ --fa: "\f276"; }
+
+.fa-hamsa {
+ --fa: "\f665"; }
+
+.fa-cent-sign {
+ --fa: "\e3f5"; }
+
+.fa-flask {
+ --fa: "\f0c3"; }
+
+.fa-person-pregnant {
+ --fa: "\e31e"; }
+
+.fa-wand-sparkles {
+ --fa: "\f72b"; }
+
+.fa-ellipsis-vertical {
+ --fa: "\f142"; }
+
+.fa-ellipsis-v {
+ --fa: "\f142"; }
+
+.fa-ticket {
+ --fa: "\f145"; }
+
+.fa-power-off {
+ --fa: "\f011"; }
+
+.fa-right-long {
+ --fa: "\f30b"; }
+
+.fa-long-arrow-alt-right {
+ --fa: "\f30b"; }
+
+.fa-flag-usa {
+ --fa: "\f74d"; }
+
+.fa-laptop-file {
+ --fa: "\e51d"; }
+
+.fa-tty {
+ --fa: "\f1e4"; }
+
+.fa-teletype {
+ --fa: "\f1e4"; }
+
+.fa-diagram-next {
+ --fa: "\e476"; }
+
+.fa-person-rifle {
+ --fa: "\e54e"; }
+
+.fa-house-medical-circle-exclamation {
+ --fa: "\e512"; }
+
+.fa-closed-captioning {
+ --fa: "\f20a"; }
+
+.fa-person-hiking {
+ --fa: "\f6ec"; }
+
+.fa-hiking {
+ --fa: "\f6ec"; }
+
+.fa-venus-double {
+ --fa: "\f226"; }
+
+.fa-images {
+ --fa: "\f302"; }
+
+.fa-calculator {
+ --fa: "\f1ec"; }
+
+.fa-people-pulling {
+ --fa: "\e535"; }
+
+.fa-n {
+ --fa: "\4e"; }
+
+.fa-cable-car {
+ --fa: "\f7da"; }
+
+.fa-tram {
+ --fa: "\f7da"; }
+
+.fa-cloud-rain {
+ --fa: "\f73d"; }
+
+.fa-building-circle-xmark {
+ --fa: "\e4d4"; }
+
+.fa-ship {
+ --fa: "\f21a"; }
+
+.fa-arrows-down-to-line {
+ --fa: "\e4b8"; }
+
+.fa-download {
+ --fa: "\f019"; }
+
+.fa-face-grin {
+ --fa: "\f580"; }
+
+.fa-grin {
+ --fa: "\f580"; }
+
+.fa-delete-left {
+ --fa: "\f55a"; }
+
+.fa-backspace {
+ --fa: "\f55a"; }
+
+.fa-eye-dropper {
+ --fa: "\f1fb"; }
+
+.fa-eye-dropper-empty {
+ --fa: "\f1fb"; }
+
+.fa-eyedropper {
+ --fa: "\f1fb"; }
+
+.fa-file-circle-check {
+ --fa: "\e5a0"; }
+
+.fa-forward {
+ --fa: "\f04e"; }
+
+.fa-mobile {
+ --fa: "\f3ce"; }
+
+.fa-mobile-android {
+ --fa: "\f3ce"; }
+
+.fa-mobile-phone {
+ --fa: "\f3ce"; }
+
+.fa-face-meh {
+ --fa: "\f11a"; }
+
+.fa-meh {
+ --fa: "\f11a"; }
+
+.fa-align-center {
+ --fa: "\f037"; }
+
+.fa-book-skull {
+ --fa: "\f6b7"; }
+
+.fa-book-dead {
+ --fa: "\f6b7"; }
+
+.fa-id-card {
+ --fa: "\f2c2"; }
+
+.fa-drivers-license {
+ --fa: "\f2c2"; }
+
+.fa-outdent {
+ --fa: "\f03b"; }
+
+.fa-dedent {
+ --fa: "\f03b"; }
+
+.fa-heart-circle-exclamation {
+ --fa: "\e4fe"; }
+
+.fa-house {
+ --fa: "\f015"; }
+
+.fa-home {
+ --fa: "\f015"; }
+
+.fa-home-alt {
+ --fa: "\f015"; }
+
+.fa-home-lg-alt {
+ --fa: "\f015"; }
+
+.fa-calendar-week {
+ --fa: "\f784"; }
+
+.fa-laptop-medical {
+ --fa: "\f812"; }
+
+.fa-b {
+ --fa: "\42"; }
+
+.fa-file-medical {
+ --fa: "\f477"; }
+
+.fa-dice-one {
+ --fa: "\f525"; }
+
+.fa-kiwi-bird {
+ --fa: "\f535"; }
+
+.fa-arrow-right-arrow-left {
+ --fa: "\f0ec"; }
+
+.fa-exchange {
+ --fa: "\f0ec"; }
+
+.fa-rotate-right {
+ --fa: "\f2f9"; }
+
+.fa-redo-alt {
+ --fa: "\f2f9"; }
+
+.fa-rotate-forward {
+ --fa: "\f2f9"; }
+
+.fa-utensils {
+ --fa: "\f2e7"; }
+
+.fa-cutlery {
+ --fa: "\f2e7"; }
+
+.fa-arrow-up-wide-short {
+ --fa: "\f161"; }
+
+.fa-sort-amount-up {
+ --fa: "\f161"; }
+
+.fa-mill-sign {
+ --fa: "\e1ed"; }
+
+.fa-bowl-rice {
+ --fa: "\e2eb"; }
+
+.fa-skull {
+ --fa: "\f54c"; }
+
+.fa-tower-broadcast {
+ --fa: "\f519"; }
+
+.fa-broadcast-tower {
+ --fa: "\f519"; }
+
+.fa-truck-pickup {
+ --fa: "\f63c"; }
+
+.fa-up-long {
+ --fa: "\f30c"; }
+
+.fa-long-arrow-alt-up {
+ --fa: "\f30c"; }
+
+.fa-stop {
+ --fa: "\f04d"; }
+
+.fa-code-merge {
+ --fa: "\f387"; }
+
+.fa-upload {
+ --fa: "\f093"; }
+
+.fa-hurricane {
+ --fa: "\f751"; }
+
+.fa-mound {
+ --fa: "\e52d"; }
+
+.fa-toilet-portable {
+ --fa: "\e583"; }
+
+.fa-compact-disc {
+ --fa: "\f51f"; }
+
+.fa-file-arrow-down {
+ --fa: "\f56d"; }
+
+.fa-file-download {
+ --fa: "\f56d"; }
+
+.fa-caravan {
+ --fa: "\f8ff"; }
+
+.fa-shield-cat {
+ --fa: "\e572"; }
+
+.fa-bolt {
+ --fa: "\f0e7"; }
+
+.fa-zap {
+ --fa: "\f0e7"; }
+
+.fa-glass-water {
+ --fa: "\e4f4"; }
+
+.fa-oil-well {
+ --fa: "\e532"; }
+
+.fa-vault {
+ --fa: "\e2c5"; }
+
+.fa-mars {
+ --fa: "\f222"; }
+
+.fa-toilet {
+ --fa: "\f7d8"; }
+
+.fa-plane-circle-xmark {
+ --fa: "\e557"; }
+
+.fa-yen-sign {
+ --fa: "\f157"; }
+
+.fa-cny {
+ --fa: "\f157"; }
+
+.fa-jpy {
+ --fa: "\f157"; }
+
+.fa-rmb {
+ --fa: "\f157"; }
+
+.fa-yen {
+ --fa: "\f157"; }
+
+.fa-ruble-sign {
+ --fa: "\f158"; }
+
+.fa-rouble {
+ --fa: "\f158"; }
+
+.fa-rub {
+ --fa: "\f158"; }
+
+.fa-ruble {
+ --fa: "\f158"; }
+
+.fa-sun {
+ --fa: "\f185"; }
+
+.fa-guitar {
+ --fa: "\f7a6"; }
+
+.fa-face-laugh-wink {
+ --fa: "\f59c"; }
+
+.fa-laugh-wink {
+ --fa: "\f59c"; }
+
+.fa-horse-head {
+ --fa: "\f7ab"; }
+
+.fa-bore-hole {
+ --fa: "\e4c3"; }
+
+.fa-industry {
+ --fa: "\f275"; }
+
+.fa-circle-down {
+ --fa: "\f358"; }
+
+.fa-arrow-alt-circle-down {
+ --fa: "\f358"; }
+
+.fa-arrows-turn-to-dots {
+ --fa: "\e4c1"; }
+
+.fa-florin-sign {
+ --fa: "\e184"; }
+
+.fa-arrow-down-short-wide {
+ --fa: "\f884"; }
+
+.fa-sort-amount-desc {
+ --fa: "\f884"; }
+
+.fa-sort-amount-down-alt {
+ --fa: "\f884"; }
+
+.fa-less-than {
+ --fa: "\3c"; }
+
+.fa-angle-down {
+ --fa: "\f107"; }
+
+.fa-car-tunnel {
+ --fa: "\e4de"; }
+
+.fa-head-side-cough {
+ --fa: "\e061"; }
+
+.fa-grip-lines {
+ --fa: "\f7a4"; }
+
+.fa-thumbs-down {
+ --fa: "\f165"; }
+
+.fa-user-lock {
+ --fa: "\f502"; }
+
+.fa-arrow-right-long {
+ --fa: "\f178"; }
+
+.fa-long-arrow-right {
+ --fa: "\f178"; }
+
+.fa-anchor-circle-xmark {
+ --fa: "\e4ac"; }
+
+.fa-ellipsis {
+ --fa: "\f141"; }
+
+.fa-ellipsis-h {
+ --fa: "\f141"; }
+
+.fa-chess-pawn {
+ --fa: "\f443"; }
+
+.fa-kit-medical {
+ --fa: "\f479"; }
+
+.fa-first-aid {
+ --fa: "\f479"; }
+
+.fa-person-through-window {
+ --fa: "\e5a9"; }
+
+.fa-toolbox {
+ --fa: "\f552"; }
+
+.fa-hands-holding-circle {
+ --fa: "\e4fb"; }
+
+.fa-bug {
+ --fa: "\f188"; }
+
+.fa-credit-card {
+ --fa: "\f09d"; }
+
+.fa-credit-card-alt {
+ --fa: "\f09d"; }
+
+.fa-car {
+ --fa: "\f1b9"; }
+
+.fa-automobile {
+ --fa: "\f1b9"; }
+
+.fa-hand-holding-hand {
+ --fa: "\e4f7"; }
+
+.fa-book-open-reader {
+ --fa: "\f5da"; }
+
+.fa-book-reader {
+ --fa: "\f5da"; }
+
+.fa-mountain-sun {
+ --fa: "\e52f"; }
+
+.fa-arrows-left-right-to-line {
+ --fa: "\e4ba"; }
+
+.fa-dice-d20 {
+ --fa: "\f6cf"; }
+
+.fa-truck-droplet {
+ --fa: "\e58c"; }
+
+.fa-file-circle-xmark {
+ --fa: "\e5a1"; }
+
+.fa-temperature-arrow-up {
+ --fa: "\e040"; }
+
+.fa-temperature-up {
+ --fa: "\e040"; }
+
+.fa-medal {
+ --fa: "\f5a2"; }
+
+.fa-bed {
+ --fa: "\f236"; }
+
+.fa-square-h {
+ --fa: "\f0fd"; }
+
+.fa-h-square {
+ --fa: "\f0fd"; }
+
+.fa-podcast {
+ --fa: "\f2ce"; }
+
+.fa-temperature-full {
+ --fa: "\f2c7"; }
+
+.fa-temperature-4 {
+ --fa: "\f2c7"; }
+
+.fa-thermometer-4 {
+ --fa: "\f2c7"; }
+
+.fa-thermometer-full {
+ --fa: "\f2c7"; }
+
+.fa-bell {
+ --fa: "\f0f3"; }
+
+.fa-superscript {
+ --fa: "\f12b"; }
+
+.fa-plug-circle-xmark {
+ --fa: "\e560"; }
+
+.fa-star-of-life {
+ --fa: "\f621"; }
+
+.fa-phone-slash {
+ --fa: "\f3dd"; }
+
+.fa-paint-roller {
+ --fa: "\f5aa"; }
+
+.fa-handshake-angle {
+ --fa: "\f4c4"; }
+
+.fa-hands-helping {
+ --fa: "\f4c4"; }
+
+.fa-location-dot {
+ --fa: "\f3c5"; }
+
+.fa-map-marker-alt {
+ --fa: "\f3c5"; }
+
+.fa-file {
+ --fa: "\f15b"; }
+
+.fa-greater-than {
+ --fa: "\3e"; }
+
+.fa-person-swimming {
+ --fa: "\f5c4"; }
+
+.fa-swimmer {
+ --fa: "\f5c4"; }
+
+.fa-arrow-down {
+ --fa: "\f063"; }
+
+.fa-droplet {
+ --fa: "\f043"; }
+
+.fa-tint {
+ --fa: "\f043"; }
+
+.fa-eraser {
+ --fa: "\f12d"; }
+
+.fa-earth-americas {
+ --fa: "\f57d"; }
+
+.fa-earth {
+ --fa: "\f57d"; }
+
+.fa-earth-america {
+ --fa: "\f57d"; }
+
+.fa-globe-americas {
+ --fa: "\f57d"; }
+
+.fa-person-burst {
+ --fa: "\e53b"; }
+
+.fa-dove {
+ --fa: "\f4ba"; }
+
+.fa-battery-empty {
+ --fa: "\f244"; }
+
+.fa-battery-0 {
+ --fa: "\f244"; }
+
+.fa-socks {
+ --fa: "\f696"; }
+
+.fa-inbox {
+ --fa: "\f01c"; }
+
+.fa-section {
+ --fa: "\e447"; }
+
+.fa-gauge-high {
+ --fa: "\f625"; }
+
+.fa-tachometer-alt {
+ --fa: "\f625"; }
+
+.fa-tachometer-alt-fast {
+ --fa: "\f625"; }
+
+.fa-envelope-open-text {
+ --fa: "\f658"; }
+
+.fa-hospital {
+ --fa: "\f0f8"; }
+
+.fa-hospital-alt {
+ --fa: "\f0f8"; }
+
+.fa-hospital-wide {
+ --fa: "\f0f8"; }
+
+.fa-wine-bottle {
+ --fa: "\f72f"; }
+
+.fa-chess-rook {
+ --fa: "\f447"; }
+
+.fa-bars-staggered {
+ --fa: "\f550"; }
+
+.fa-reorder {
+ --fa: "\f550"; }
+
+.fa-stream {
+ --fa: "\f550"; }
+
+.fa-dharmachakra {
+ --fa: "\f655"; }
+
+.fa-hotdog {
+ --fa: "\f80f"; }
+
+.fa-person-walking-with-cane {
+ --fa: "\f29d"; }
+
+.fa-blind {
+ --fa: "\f29d"; }
+
+.fa-drum {
+ --fa: "\f569"; }
+
+.fa-ice-cream {
+ --fa: "\f810"; }
+
+.fa-heart-circle-bolt {
+ --fa: "\e4fc"; }
+
+.fa-fax {
+ --fa: "\f1ac"; }
+
+.fa-paragraph {
+ --fa: "\f1dd"; }
+
+.fa-check-to-slot {
+ --fa: "\f772"; }
+
+.fa-vote-yea {
+ --fa: "\f772"; }
+
+.fa-star-half {
+ --fa: "\f089"; }
+
+.fa-boxes-stacked {
+ --fa: "\f468"; }
+
+.fa-boxes {
+ --fa: "\f468"; }
+
+.fa-boxes-alt {
+ --fa: "\f468"; }
+
+.fa-link {
+ --fa: "\f0c1"; }
+
+.fa-chain {
+ --fa: "\f0c1"; }
+
+.fa-ear-listen {
+ --fa: "\f2a2"; }
+
+.fa-assistive-listening-systems {
+ --fa: "\f2a2"; }
+
+.fa-tree-city {
+ --fa: "\e587"; }
+
+.fa-play {
+ --fa: "\f04b"; }
+
+.fa-font {
+ --fa: "\f031"; }
+
+.fa-table-cells-row-lock {
+ --fa: "\e67a"; }
+
+.fa-rupiah-sign {
+ --fa: "\e23d"; }
+
+.fa-magnifying-glass {
+ --fa: "\f002"; }
+
+.fa-search {
+ --fa: "\f002"; }
+
+.fa-table-tennis-paddle-ball {
+ --fa: "\f45d"; }
+
+.fa-ping-pong-paddle-ball {
+ --fa: "\f45d"; }
+
+.fa-table-tennis {
+ --fa: "\f45d"; }
+
+.fa-person-dots-from-line {
+ --fa: "\f470"; }
+
+.fa-diagnoses {
+ --fa: "\f470"; }
+
+.fa-trash-can-arrow-up {
+ --fa: "\f82a"; }
+
+.fa-trash-restore-alt {
+ --fa: "\f82a"; }
+
+.fa-naira-sign {
+ --fa: "\e1f6"; }
+
+.fa-cart-arrow-down {
+ --fa: "\f218"; }
+
+.fa-walkie-talkie {
+ --fa: "\f8ef"; }
+
+.fa-file-pen {
+ --fa: "\f31c"; }
+
+.fa-file-edit {
+ --fa: "\f31c"; }
+
+.fa-receipt {
+ --fa: "\f543"; }
+
+.fa-square-pen {
+ --fa: "\f14b"; }
+
+.fa-pen-square {
+ --fa: "\f14b"; }
+
+.fa-pencil-square {
+ --fa: "\f14b"; }
+
+.fa-suitcase-rolling {
+ --fa: "\f5c1"; }
+
+.fa-person-circle-exclamation {
+ --fa: "\e53f"; }
+
+.fa-chevron-down {
+ --fa: "\f078"; }
+
+.fa-battery-full {
+ --fa: "\f240"; }
+
+.fa-battery {
+ --fa: "\f240"; }
+
+.fa-battery-5 {
+ --fa: "\f240"; }
+
+.fa-skull-crossbones {
+ --fa: "\f714"; }
+
+.fa-code-compare {
+ --fa: "\e13a"; }
+
+.fa-list-ul {
+ --fa: "\f0ca"; }
+
+.fa-list-dots {
+ --fa: "\f0ca"; }
+
+.fa-school-lock {
+ --fa: "\e56f"; }
+
+.fa-tower-cell {
+ --fa: "\e585"; }
+
+.fa-down-long {
+ --fa: "\f309"; }
+
+.fa-long-arrow-alt-down {
+ --fa: "\f309"; }
+
+.fa-ranking-star {
+ --fa: "\e561"; }
+
+.fa-chess-king {
+ --fa: "\f43f"; }
+
+.fa-person-harassing {
+ --fa: "\e549"; }
+
+.fa-brazilian-real-sign {
+ --fa: "\e46c"; }
+
+.fa-landmark-dome {
+ --fa: "\f752"; }
+
+.fa-landmark-alt {
+ --fa: "\f752"; }
+
+.fa-arrow-up {
+ --fa: "\f062"; }
+
+.fa-tv {
+ --fa: "\f26c"; }
+
+.fa-television {
+ --fa: "\f26c"; }
+
+.fa-tv-alt {
+ --fa: "\f26c"; }
+
+.fa-shrimp {
+ --fa: "\e448"; }
+
+.fa-list-check {
+ --fa: "\f0ae"; }
+
+.fa-tasks {
+ --fa: "\f0ae"; }
+
+.fa-jug-detergent {
+ --fa: "\e519"; }
+
+.fa-circle-user {
+ --fa: "\f2bd"; }
+
+.fa-user-circle {
+ --fa: "\f2bd"; }
+
+.fa-user-shield {
+ --fa: "\f505"; }
+
+.fa-wind {
+ --fa: "\f72e"; }
+
+.fa-car-burst {
+ --fa: "\f5e1"; }
+
+.fa-car-crash {
+ --fa: "\f5e1"; }
+
+.fa-y {
+ --fa: "\59"; }
+
+.fa-person-snowboarding {
+ --fa: "\f7ce"; }
+
+.fa-snowboarding {
+ --fa: "\f7ce"; }
+
+.fa-truck-fast {
+ --fa: "\f48b"; }
+
+.fa-shipping-fast {
+ --fa: "\f48b"; }
+
+.fa-fish {
+ --fa: "\f578"; }
+
+.fa-user-graduate {
+ --fa: "\f501"; }
+
+.fa-circle-half-stroke {
+ --fa: "\f042"; }
+
+.fa-adjust {
+ --fa: "\f042"; }
+
+.fa-clapperboard {
+ --fa: "\e131"; }
+
+.fa-circle-radiation {
+ --fa: "\f7ba"; }
+
+.fa-radiation-alt {
+ --fa: "\f7ba"; }
+
+.fa-baseball {
+ --fa: "\f433"; }
+
+.fa-baseball-ball {
+ --fa: "\f433"; }
+
+.fa-jet-fighter-up {
+ --fa: "\e518"; }
+
+.fa-diagram-project {
+ --fa: "\f542"; }
+
+.fa-project-diagram {
+ --fa: "\f542"; }
+
+.fa-copy {
+ --fa: "\f0c5"; }
+
+.fa-volume-xmark {
+ --fa: "\f6a9"; }
+
+.fa-volume-mute {
+ --fa: "\f6a9"; }
+
+.fa-volume-times {
+ --fa: "\f6a9"; }
+
+.fa-hand-sparkles {
+ --fa: "\e05d"; }
+
+.fa-grip {
+ --fa: "\f58d"; }
+
+.fa-grip-horizontal {
+ --fa: "\f58d"; }
+
+.fa-share-from-square {
+ --fa: "\f14d"; }
+
+.fa-share-square {
+ --fa: "\f14d"; }
+
+.fa-child-combatant {
+ --fa: "\e4e0"; }
+
+.fa-child-rifle {
+ --fa: "\e4e0"; }
+
+.fa-gun {
+ --fa: "\e19b"; }
+
+.fa-square-phone {
+ --fa: "\f098"; }
+
+.fa-phone-square {
+ --fa: "\f098"; }
+
+.fa-plus {
+ --fa: "\2b"; }
+
+.fa-add {
+ --fa: "\2b"; }
+
+.fa-expand {
+ --fa: "\f065"; }
+
+.fa-computer {
+ --fa: "\e4e5"; }
+
+.fa-xmark {
+ --fa: "\f00d"; }
+
+.fa-close {
+ --fa: "\f00d"; }
+
+.fa-multiply {
+ --fa: "\f00d"; }
+
+.fa-remove {
+ --fa: "\f00d"; }
+
+.fa-times {
+ --fa: "\f00d"; }
+
+.fa-arrows-up-down-left-right {
+ --fa: "\f047"; }
+
+.fa-arrows {
+ --fa: "\f047"; }
+
+.fa-chalkboard-user {
+ --fa: "\f51c"; }
+
+.fa-chalkboard-teacher {
+ --fa: "\f51c"; }
+
+.fa-peso-sign {
+ --fa: "\e222"; }
+
+.fa-building-shield {
+ --fa: "\e4d8"; }
+
+.fa-baby {
+ --fa: "\f77c"; }
+
+.fa-users-line {
+ --fa: "\e592"; }
+
+.fa-quote-left {
+ --fa: "\f10d"; }
+
+.fa-quote-left-alt {
+ --fa: "\f10d"; }
+
+.fa-tractor {
+ --fa: "\f722"; }
+
+.fa-trash-arrow-up {
+ --fa: "\f829"; }
+
+.fa-trash-restore {
+ --fa: "\f829"; }
+
+.fa-arrow-down-up-lock {
+ --fa: "\e4b0"; }
+
+.fa-lines-leaning {
+ --fa: "\e51e"; }
+
+.fa-ruler-combined {
+ --fa: "\f546"; }
+
+.fa-copyright {
+ --fa: "\f1f9"; }
+
+.fa-equals {
+ --fa: "\3d"; }
+
+.fa-blender {
+ --fa: "\f517"; }
+
+.fa-teeth {
+ --fa: "\f62e"; }
+
+.fa-shekel-sign {
+ --fa: "\f20b"; }
+
+.fa-ils {
+ --fa: "\f20b"; }
+
+.fa-shekel {
+ --fa: "\f20b"; }
+
+.fa-sheqel {
+ --fa: "\f20b"; }
+
+.fa-sheqel-sign {
+ --fa: "\f20b"; }
+
+.fa-map {
+ --fa: "\f279"; }
+
+.fa-rocket {
+ --fa: "\f135"; }
+
+.fa-photo-film {
+ --fa: "\f87c"; }
+
+.fa-photo-video {
+ --fa: "\f87c"; }
+
+.fa-folder-minus {
+ --fa: "\f65d"; }
+
+.fa-hexagon-nodes-bolt {
+ --fa: "\e69a"; }
+
+.fa-store {
+ --fa: "\f54e"; }
+
+.fa-arrow-trend-up {
+ --fa: "\e098"; }
+
+.fa-plug-circle-minus {
+ --fa: "\e55e"; }
+
+.fa-sign-hanging {
+ --fa: "\f4d9"; }
+
+.fa-sign {
+ --fa: "\f4d9"; }
+
+.fa-bezier-curve {
+ --fa: "\f55b"; }
+
+.fa-bell-slash {
+ --fa: "\f1f6"; }
+
+.fa-tablet {
+ --fa: "\f3fb"; }
+
+.fa-tablet-android {
+ --fa: "\f3fb"; }
+
+.fa-school-flag {
+ --fa: "\e56e"; }
+
+.fa-fill {
+ --fa: "\f575"; }
+
+.fa-angle-up {
+ --fa: "\f106"; }
+
+.fa-drumstick-bite {
+ --fa: "\f6d7"; }
+
+.fa-holly-berry {
+ --fa: "\f7aa"; }
+
+.fa-chevron-left {
+ --fa: "\f053"; }
+
+.fa-bacteria {
+ --fa: "\e059"; }
+
+.fa-hand-lizard {
+ --fa: "\f258"; }
+
+.fa-notdef {
+ --fa: "\e1fe"; }
+
+.fa-disease {
+ --fa: "\f7fa"; }
+
+.fa-briefcase-medical {
+ --fa: "\f469"; }
+
+.fa-genderless {
+ --fa: "\f22d"; }
+
+.fa-chevron-right {
+ --fa: "\f054"; }
+
+.fa-retweet {
+ --fa: "\f079"; }
+
+.fa-car-rear {
+ --fa: "\f5de"; }
+
+.fa-car-alt {
+ --fa: "\f5de"; }
+
+.fa-pump-soap {
+ --fa: "\e06b"; }
+
+.fa-video-slash {
+ --fa: "\f4e2"; }
+
+.fa-battery-quarter {
+ --fa: "\f243"; }
+
+.fa-battery-2 {
+ --fa: "\f243"; }
+
+.fa-radio {
+ --fa: "\f8d7"; }
+
+.fa-baby-carriage {
+ --fa: "\f77d"; }
+
+.fa-carriage-baby {
+ --fa: "\f77d"; }
+
+.fa-traffic-light {
+ --fa: "\f637"; }
+
+.fa-thermometer {
+ --fa: "\f491"; }
+
+.fa-vr-cardboard {
+ --fa: "\f729"; }
+
+.fa-hand-middle-finger {
+ --fa: "\f806"; }
+
+.fa-percent {
+ --fa: "\25"; }
+
+.fa-percentage {
+ --fa: "\25"; }
+
+.fa-truck-moving {
+ --fa: "\f4df"; }
+
+.fa-glass-water-droplet {
+ --fa: "\e4f5"; }
+
+.fa-display {
+ --fa: "\e163"; }
+
+.fa-face-smile {
+ --fa: "\f118"; }
+
+.fa-smile {
+ --fa: "\f118"; }
+
+.fa-thumbtack {
+ --fa: "\f08d"; }
+
+.fa-thumb-tack {
+ --fa: "\f08d"; }
+
+.fa-trophy {
+ --fa: "\f091"; }
+
+.fa-person-praying {
+ --fa: "\f683"; }
+
+.fa-pray {
+ --fa: "\f683"; }
+
+.fa-hammer {
+ --fa: "\f6e3"; }
+
+.fa-hand-peace {
+ --fa: "\f25b"; }
+
+.fa-rotate {
+ --fa: "\f2f1"; }
+
+.fa-sync-alt {
+ --fa: "\f2f1"; }
+
+.fa-spinner {
+ --fa: "\f110"; }
+
+.fa-robot {
+ --fa: "\f544"; }
+
+.fa-peace {
+ --fa: "\f67c"; }
+
+.fa-gears {
+ --fa: "\f085"; }
+
+.fa-cogs {
+ --fa: "\f085"; }
+
+.fa-warehouse {
+ --fa: "\f494"; }
+
+.fa-arrow-up-right-dots {
+ --fa: "\e4b7"; }
+
+.fa-splotch {
+ --fa: "\f5bc"; }
+
+.fa-face-grin-hearts {
+ --fa: "\f584"; }
+
+.fa-grin-hearts {
+ --fa: "\f584"; }
+
+.fa-dice-four {
+ --fa: "\f524"; }
+
+.fa-sim-card {
+ --fa: "\f7c4"; }
+
+.fa-transgender {
+ --fa: "\f225"; }
+
+.fa-transgender-alt {
+ --fa: "\f225"; }
+
+.fa-mercury {
+ --fa: "\f223"; }
+
+.fa-arrow-turn-down {
+ --fa: "\f149"; }
+
+.fa-level-down {
+ --fa: "\f149"; }
+
+.fa-person-falling-burst {
+ --fa: "\e547"; }
+
+.fa-award {
+ --fa: "\f559"; }
+
+.fa-ticket-simple {
+ --fa: "\f3ff"; }
+
+.fa-ticket-alt {
+ --fa: "\f3ff"; }
+
+.fa-building {
+ --fa: "\f1ad"; }
+
+.fa-angles-left {
+ --fa: "\f100"; }
+
+.fa-angle-double-left {
+ --fa: "\f100"; }
+
+.fa-qrcode {
+ --fa: "\f029"; }
+
+.fa-clock-rotate-left {
+ --fa: "\f1da"; }
+
+.fa-history {
+ --fa: "\f1da"; }
+
+.fa-face-grin-beam-sweat {
+ --fa: "\f583"; }
+
+.fa-grin-beam-sweat {
+ --fa: "\f583"; }
+
+.fa-file-export {
+ --fa: "\f56e"; }
+
+.fa-arrow-right-from-file {
+ --fa: "\f56e"; }
+
+.fa-shield {
+ --fa: "\f132"; }
+
+.fa-shield-blank {
+ --fa: "\f132"; }
+
+.fa-arrow-up-short-wide {
+ --fa: "\f885"; }
+
+.fa-sort-amount-up-alt {
+ --fa: "\f885"; }
+
+.fa-comment-nodes {
+ --fa: "\e696"; }
+
+.fa-house-medical {
+ --fa: "\e3b2"; }
+
+.fa-golf-ball-tee {
+ --fa: "\f450"; }
+
+.fa-golf-ball {
+ --fa: "\f450"; }
+
+.fa-circle-chevron-left {
+ --fa: "\f137"; }
+
+.fa-chevron-circle-left {
+ --fa: "\f137"; }
+
+.fa-house-chimney-window {
+ --fa: "\e00d"; }
+
+.fa-pen-nib {
+ --fa: "\f5ad"; }
+
+.fa-tent-arrow-turn-left {
+ --fa: "\e580"; }
+
+.fa-tents {
+ --fa: "\e582"; }
+
+.fa-wand-magic {
+ --fa: "\f0d0"; }
+
+.fa-magic {
+ --fa: "\f0d0"; }
+
+.fa-dog {
+ --fa: "\f6d3"; }
+
+.fa-carrot {
+ --fa: "\f787"; }
+
+.fa-moon {
+ --fa: "\f186"; }
+
+.fa-wine-glass-empty {
+ --fa: "\f5ce"; }
+
+.fa-wine-glass-alt {
+ --fa: "\f5ce"; }
+
+.fa-cheese {
+ --fa: "\f7ef"; }
+
+.fa-yin-yang {
+ --fa: "\f6ad"; }
+
+.fa-music {
+ --fa: "\f001"; }
+
+.fa-code-commit {
+ --fa: "\f386"; }
+
+.fa-temperature-low {
+ --fa: "\f76b"; }
+
+.fa-person-biking {
+ --fa: "\f84a"; }
+
+.fa-biking {
+ --fa: "\f84a"; }
+
+.fa-broom {
+ --fa: "\f51a"; }
+
+.fa-shield-heart {
+ --fa: "\e574"; }
+
+.fa-gopuram {
+ --fa: "\f664"; }
+
+.fa-earth-oceania {
+ --fa: "\e47b"; }
+
+.fa-globe-oceania {
+ --fa: "\e47b"; }
+
+.fa-square-xmark {
+ --fa: "\f2d3"; }
+
+.fa-times-square {
+ --fa: "\f2d3"; }
+
+.fa-xmark-square {
+ --fa: "\f2d3"; }
+
+.fa-hashtag {
+ --fa: "\23"; }
+
+.fa-up-right-and-down-left-from-center {
+ --fa: "\f424"; }
+
+.fa-expand-alt {
+ --fa: "\f424"; }
+
+.fa-oil-can {
+ --fa: "\f613"; }
+
+.fa-t {
+ --fa: "\54"; }
+
+.fa-hippo {
+ --fa: "\f6ed"; }
+
+.fa-chart-column {
+ --fa: "\e0e3"; }
+
+.fa-infinity {
+ --fa: "\f534"; }
+
+.fa-vial-circle-check {
+ --fa: "\e596"; }
+
+.fa-person-arrow-down-to-line {
+ --fa: "\e538"; }
+
+.fa-voicemail {
+ --fa: "\f897"; }
+
+.fa-fan {
+ --fa: "\f863"; }
+
+.fa-person-walking-luggage {
+ --fa: "\e554"; }
+
+.fa-up-down {
+ --fa: "\f338"; }
+
+.fa-arrows-alt-v {
+ --fa: "\f338"; }
+
+.fa-cloud-moon-rain {
+ --fa: "\f73c"; }
+
+.fa-calendar {
+ --fa: "\f133"; }
+
+.fa-trailer {
+ --fa: "\e041"; }
+
+.fa-bahai {
+ --fa: "\f666"; }
+
+.fa-haykal {
+ --fa: "\f666"; }
+
+.fa-sd-card {
+ --fa: "\f7c2"; }
+
+.fa-dragon {
+ --fa: "\f6d5"; }
+
+.fa-shoe-prints {
+ --fa: "\f54b"; }
+
+.fa-circle-plus {
+ --fa: "\f055"; }
+
+.fa-plus-circle {
+ --fa: "\f055"; }
+
+.fa-face-grin-tongue-wink {
+ --fa: "\f58b"; }
+
+.fa-grin-tongue-wink {
+ --fa: "\f58b"; }
+
+.fa-hand-holding {
+ --fa: "\f4bd"; }
+
+.fa-plug-circle-exclamation {
+ --fa: "\e55d"; }
+
+.fa-link-slash {
+ --fa: "\f127"; }
+
+.fa-chain-broken {
+ --fa: "\f127"; }
+
+.fa-chain-slash {
+ --fa: "\f127"; }
+
+.fa-unlink {
+ --fa: "\f127"; }
+
+.fa-clone {
+ --fa: "\f24d"; }
+
+.fa-person-walking-arrow-loop-left {
+ --fa: "\e551"; }
+
+.fa-arrow-up-z-a {
+ --fa: "\f882"; }
+
+.fa-sort-alpha-up-alt {
+ --fa: "\f882"; }
+
+.fa-fire-flame-curved {
+ --fa: "\f7e4"; }
+
+.fa-fire-alt {
+ --fa: "\f7e4"; }
+
+.fa-tornado {
+ --fa: "\f76f"; }
+
+.fa-file-circle-plus {
+ --fa: "\e494"; }
+
+.fa-book-quran {
+ --fa: "\f687"; }
+
+.fa-quran {
+ --fa: "\f687"; }
+
+.fa-anchor {
+ --fa: "\f13d"; }
+
+.fa-border-all {
+ --fa: "\f84c"; }
+
+.fa-face-angry {
+ --fa: "\f556"; }
+
+.fa-angry {
+ --fa: "\f556"; }
+
+.fa-cookie-bite {
+ --fa: "\f564"; }
+
+.fa-arrow-trend-down {
+ --fa: "\e097"; }
+
+.fa-rss {
+ --fa: "\f09e"; }
+
+.fa-feed {
+ --fa: "\f09e"; }
+
+.fa-draw-polygon {
+ --fa: "\f5ee"; }
+
+.fa-scale-balanced {
+ --fa: "\f24e"; }
+
+.fa-balance-scale {
+ --fa: "\f24e"; }
+
+.fa-gauge-simple-high {
+ --fa: "\f62a"; }
+
+.fa-tachometer {
+ --fa: "\f62a"; }
+
+.fa-tachometer-fast {
+ --fa: "\f62a"; }
+
+.fa-shower {
+ --fa: "\f2cc"; }
+
+.fa-desktop {
+ --fa: "\f390"; }
+
+.fa-desktop-alt {
+ --fa: "\f390"; }
+
+.fa-m {
+ --fa: "\4d"; }
+
+.fa-table-list {
+ --fa: "\f00b"; }
+
+.fa-th-list {
+ --fa: "\f00b"; }
+
+.fa-comment-sms {
+ --fa: "\f7cd"; }
+
+.fa-sms {
+ --fa: "\f7cd"; }
+
+.fa-book {
+ --fa: "\f02d"; }
+
+.fa-user-plus {
+ --fa: "\f234"; }
+
+.fa-check {
+ --fa: "\f00c"; }
+
+.fa-battery-three-quarters {
+ --fa: "\f241"; }
+
+.fa-battery-4 {
+ --fa: "\f241"; }
+
+.fa-house-circle-check {
+ --fa: "\e509"; }
+
+.fa-angle-left {
+ --fa: "\f104"; }
+
+.fa-diagram-successor {
+ --fa: "\e47a"; }
+
+.fa-truck-arrow-right {
+ --fa: "\e58b"; }
+
+.fa-arrows-split-up-and-left {
+ --fa: "\e4bc"; }
+
+.fa-hand-fist {
+ --fa: "\f6de"; }
+
+.fa-fist-raised {
+ --fa: "\f6de"; }
+
+.fa-cloud-moon {
+ --fa: "\f6c3"; }
+
+.fa-briefcase {
+ --fa: "\f0b1"; }
+
+.fa-person-falling {
+ --fa: "\e546"; }
+
+.fa-image-portrait {
+ --fa: "\f3e0"; }
+
+.fa-portrait {
+ --fa: "\f3e0"; }
+
+.fa-user-tag {
+ --fa: "\f507"; }
+
+.fa-rug {
+ --fa: "\e569"; }
+
+.fa-earth-europe {
+ --fa: "\f7a2"; }
+
+.fa-globe-europe {
+ --fa: "\f7a2"; }
+
+.fa-cart-flatbed-suitcase {
+ --fa: "\f59d"; }
+
+.fa-luggage-cart {
+ --fa: "\f59d"; }
+
+.fa-rectangle-xmark {
+ --fa: "\f410"; }
+
+.fa-rectangle-times {
+ --fa: "\f410"; }
+
+.fa-times-rectangle {
+ --fa: "\f410"; }
+
+.fa-window-close {
+ --fa: "\f410"; }
+
+.fa-baht-sign {
+ --fa: "\e0ac"; }
+
+.fa-book-open {
+ --fa: "\f518"; }
+
+.fa-book-journal-whills {
+ --fa: "\f66a"; }
+
+.fa-journal-whills {
+ --fa: "\f66a"; }
+
+.fa-handcuffs {
+ --fa: "\e4f8"; }
+
+.fa-triangle-exclamation {
+ --fa: "\f071"; }
+
+.fa-exclamation-triangle {
+ --fa: "\f071"; }
+
+.fa-warning {
+ --fa: "\f071"; }
+
+.fa-database {
+ --fa: "\f1c0"; }
+
+.fa-share {
+ --fa: "\f064"; }
+
+.fa-mail-forward {
+ --fa: "\f064"; }
+
+.fa-bottle-droplet {
+ --fa: "\e4c4"; }
+
+.fa-mask-face {
+ --fa: "\e1d7"; }
+
+.fa-hill-rockslide {
+ --fa: "\e508"; }
+
+.fa-right-left {
+ --fa: "\f362"; }
+
+.fa-exchange-alt {
+ --fa: "\f362"; }
+
+.fa-paper-plane {
+ --fa: "\f1d8"; }
+
+.fa-road-circle-exclamation {
+ --fa: "\e565"; }
+
+.fa-dungeon {
+ --fa: "\f6d9"; }
+
+.fa-align-right {
+ --fa: "\f038"; }
+
+.fa-money-bill-1-wave {
+ --fa: "\f53b"; }
+
+.fa-money-bill-wave-alt {
+ --fa: "\f53b"; }
+
+.fa-life-ring {
+ --fa: "\f1cd"; }
+
+.fa-hands {
+ --fa: "\f2a7"; }
+
+.fa-sign-language {
+ --fa: "\f2a7"; }
+
+.fa-signing {
+ --fa: "\f2a7"; }
+
+.fa-calendar-day {
+ --fa: "\f783"; }
+
+.fa-water-ladder {
+ --fa: "\f5c5"; }
+
+.fa-ladder-water {
+ --fa: "\f5c5"; }
+
+.fa-swimming-pool {
+ --fa: "\f5c5"; }
+
+.fa-arrows-up-down {
+ --fa: "\f07d"; }
+
+.fa-arrows-v {
+ --fa: "\f07d"; }
+
+.fa-face-grimace {
+ --fa: "\f57f"; }
+
+.fa-grimace {
+ --fa: "\f57f"; }
+
+.fa-wheelchair-move {
+ --fa: "\e2ce"; }
+
+.fa-wheelchair-alt {
+ --fa: "\e2ce"; }
+
+.fa-turn-down {
+ --fa: "\f3be"; }
+
+.fa-level-down-alt {
+ --fa: "\f3be"; }
+
+.fa-person-walking-arrow-right {
+ --fa: "\e552"; }
+
+.fa-square-envelope {
+ --fa: "\f199"; }
+
+.fa-envelope-square {
+ --fa: "\f199"; }
+
+.fa-dice {
+ --fa: "\f522"; }
+
+.fa-bowling-ball {
+ --fa: "\f436"; }
+
+.fa-brain {
+ --fa: "\f5dc"; }
+
+.fa-bandage {
+ --fa: "\f462"; }
+
+.fa-band-aid {
+ --fa: "\f462"; }
+
+.fa-calendar-minus {
+ --fa: "\f272"; }
+
+.fa-circle-xmark {
+ --fa: "\f057"; }
+
+.fa-times-circle {
+ --fa: "\f057"; }
+
+.fa-xmark-circle {
+ --fa: "\f057"; }
+
+.fa-gifts {
+ --fa: "\f79c"; }
+
+.fa-hotel {
+ --fa: "\f594"; }
+
+.fa-earth-asia {
+ --fa: "\f57e"; }
+
+.fa-globe-asia {
+ --fa: "\f57e"; }
+
+.fa-id-card-clip {
+ --fa: "\f47f"; }
+
+.fa-id-card-alt {
+ --fa: "\f47f"; }
+
+.fa-magnifying-glass-plus {
+ --fa: "\f00e"; }
+
+.fa-search-plus {
+ --fa: "\f00e"; }
+
+.fa-thumbs-up {
+ --fa: "\f164"; }
+
+.fa-user-clock {
+ --fa: "\f4fd"; }
+
+.fa-hand-dots {
+ --fa: "\f461"; }
+
+.fa-allergies {
+ --fa: "\f461"; }
+
+.fa-file-invoice {
+ --fa: "\f570"; }
+
+.fa-window-minimize {
+ --fa: "\f2d1"; }
+
+.fa-mug-saucer {
+ --fa: "\f0f4"; }
+
+.fa-coffee {
+ --fa: "\f0f4"; }
+
+.fa-brush {
+ --fa: "\f55d"; }
+
+.fa-file-half-dashed {
+ --fa: "\e698"; }
+
+.fa-mask {
+ --fa: "\f6fa"; }
+
+.fa-magnifying-glass-minus {
+ --fa: "\f010"; }
+
+.fa-search-minus {
+ --fa: "\f010"; }
+
+.fa-ruler-vertical {
+ --fa: "\f548"; }
+
+.fa-user-large {
+ --fa: "\f406"; }
+
+.fa-user-alt {
+ --fa: "\f406"; }
+
+.fa-train-tram {
+ --fa: "\e5b4"; }
+
+.fa-user-nurse {
+ --fa: "\f82f"; }
+
+.fa-syringe {
+ --fa: "\f48e"; }
+
+.fa-cloud-sun {
+ --fa: "\f6c4"; }
+
+.fa-stopwatch-20 {
+ --fa: "\e06f"; }
+
+.fa-square-full {
+ --fa: "\f45c"; }
+
+.fa-magnet {
+ --fa: "\f076"; }
+
+.fa-jar {
+ --fa: "\e516"; }
+
+.fa-note-sticky {
+ --fa: "\f249"; }
+
+.fa-sticky-note {
+ --fa: "\f249"; }
+
+.fa-bug-slash {
+ --fa: "\e490"; }
+
+.fa-arrow-up-from-water-pump {
+ --fa: "\e4b6"; }
+
+.fa-bone {
+ --fa: "\f5d7"; }
+
+.fa-table-cells-row-unlock {
+ --fa: "\e691"; }
+
+.fa-user-injured {
+ --fa: "\f728"; }
+
+.fa-face-sad-tear {
+ --fa: "\f5b4"; }
+
+.fa-sad-tear {
+ --fa: "\f5b4"; }
+
+.fa-plane {
+ --fa: "\f072"; }
+
+.fa-tent-arrows-down {
+ --fa: "\e581"; }
+
+.fa-exclamation {
+ --fa: "\21"; }
+
+.fa-arrows-spin {
+ --fa: "\e4bb"; }
+
+.fa-print {
+ --fa: "\f02f"; }
+
+.fa-turkish-lira-sign {
+ --fa: "\e2bb"; }
+
+.fa-try {
+ --fa: "\e2bb"; }
+
+.fa-turkish-lira {
+ --fa: "\e2bb"; }
+
+.fa-dollar-sign {
+ --fa: "\24"; }
+
+.fa-dollar {
+ --fa: "\24"; }
+
+.fa-usd {
+ --fa: "\24"; }
+
+.fa-x {
+ --fa: "\58"; }
+
+.fa-magnifying-glass-dollar {
+ --fa: "\f688"; }
+
+.fa-search-dollar {
+ --fa: "\f688"; }
+
+.fa-users-gear {
+ --fa: "\f509"; }
+
+.fa-users-cog {
+ --fa: "\f509"; }
+
+.fa-person-military-pointing {
+ --fa: "\e54a"; }
+
+.fa-building-columns {
+ --fa: "\f19c"; }
+
+.fa-bank {
+ --fa: "\f19c"; }
+
+.fa-institution {
+ --fa: "\f19c"; }
+
+.fa-museum {
+ --fa: "\f19c"; }
+
+.fa-university {
+ --fa: "\f19c"; }
+
+.fa-umbrella {
+ --fa: "\f0e9"; }
+
+.fa-trowel {
+ --fa: "\e589"; }
+
+.fa-d {
+ --fa: "\44"; }
+
+.fa-stapler {
+ --fa: "\e5af"; }
+
+.fa-masks-theater {
+ --fa: "\f630"; }
+
+.fa-theater-masks {
+ --fa: "\f630"; }
+
+.fa-kip-sign {
+ --fa: "\e1c4"; }
+
+.fa-hand-point-left {
+ --fa: "\f0a5"; }
+
+.fa-handshake-simple {
+ --fa: "\f4c6"; }
+
+.fa-handshake-alt {
+ --fa: "\f4c6"; }
+
+.fa-jet-fighter {
+ --fa: "\f0fb"; }
+
+.fa-fighter-jet {
+ --fa: "\f0fb"; }
+
+.fa-square-share-nodes {
+ --fa: "\f1e1"; }
+
+.fa-share-alt-square {
+ --fa: "\f1e1"; }
+
+.fa-barcode {
+ --fa: "\f02a"; }
+
+.fa-plus-minus {
+ --fa: "\e43c"; }
+
+.fa-video {
+ --fa: "\f03d"; }
+
+.fa-video-camera {
+ --fa: "\f03d"; }
+
+.fa-graduation-cap {
+ --fa: "\f19d"; }
+
+.fa-mortar-board {
+ --fa: "\f19d"; }
+
+.fa-hand-holding-medical {
+ --fa: "\e05c"; }
+
+.fa-person-circle-check {
+ --fa: "\e53e"; }
+
+.fa-turn-up {
+ --fa: "\f3bf"; }
+
+.fa-level-up-alt {
+ --fa: "\f3bf"; }
+
+.sr-only,
+.fa-sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0; }
+
+.sr-only-focusable:not(:focus),
+.fa-sr-only-focusable:not(:focus) {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0; }
diff --git a/themes/fonts/iconFonts/fontawesome-regular.less b/themes/fonts/iconFonts/fontawesome-regular.less
new file mode 100644
index 000000000..941271e03
--- /dev/null
+++ b/themes/fonts/iconFonts/fontawesome-regular.less
@@ -0,0 +1,19 @@
+/*!
+ * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+:root, :host {
+ --fa-style-family-classic: 'Font Awesome 6 Free';
+ --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; }
+
+@font-face {
+ font-family: 'Font Awesome 6 Free';
+ font-style: normal;
+ font-weight: 400;
+ font-display: block;
+ src: url("/fonts/iconFonts/fa-regular-400.woff2") format("woff2"), url("/fonts/iconFonts/fa-regular-400.ttf") format("truetype"); }
+
+.far,
+.fa-regular {
+ font-weight: 400; }
diff --git a/themes/fonts/iconFonts/fontawesome-solid.less b/themes/fonts/iconFonts/fontawesome-solid.less
new file mode 100644
index 000000000..21aeb7d4c
--- /dev/null
+++ b/themes/fonts/iconFonts/fontawesome-solid.less
@@ -0,0 +1,19 @@
+/*!
+ * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+:root, :host {
+ --fa-style-family-classic: 'Font Awesome 6 Free';
+ --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }
+
+@font-face {
+ font-family: 'Font Awesome 6 Free';
+ font-style: normal;
+ font-weight: 900;
+ font-display: block;
+ src: url("/fonts/iconFonts/fa-solid-900.woff2") format("woff2"), url("/fonts/iconFonts/fa-solid-900.ttf") format("truetype"); }
+
+.fas,
+.fa-solid {
+ font-weight: 900; }
diff --git a/themes/phb.depricated.less b/themes/phb.depricated.less
index 992dab35b..7cc574183 100644
--- a/themes/phb.depricated.less
+++ b/themes/phb.depricated.less
@@ -1,31 +1,31 @@
-.phb{
+.phb {
//Double hr for full width elements
- hr+hr+blockquote{
- column-span : all;
+ hr + hr + blockquote {
-webkit-column-span : all;
-moz-column-span : all;
+ column-span : all;
}
//*****************************
// * CLASS TABLE
// *****************************/
- hr+table{
+ hr+table {
+ padding-top : 10px;
margin-top : -5px;
margin-bottom : 50px;
- padding-top : 10px;
border-collapse : separate;
background-color : white;
border : initial;
border-style : solid;
+ border-image-source : @frameBorderImage;
+ border-image-slice : 150 200 150 200;
+ border-image-width : 47px;
border-image-outset : 37px 17px;
border-image-repeat : round;
- border-image-slice : 150 200 150 200;
- border-image-source : @frameBorderImage;
- border-image-width : 47px;
}
- h5+hr+table{
- column-span : all;
+ h5 + hr + table {
-webkit-column-span : all;
-moz-column-span : all;
+ column-span : all;
}
}
\ No newline at end of file