<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/********* public:normalize.css ********/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/********* public:fa.css ********/
.fa--xf{display:inline-block;line-height:1}.fa--xf svg{width:1em;height:1em;vertical-align:-0.125em;color:currentColor}.fa-primary{opacity:1}.fa-secondary{opacity:.4}.fa--xf.fa-lg svg{font-size:1.33333333em;line-height:.75em;vertical-align:-.0667em}.fa--xf.fa-xs svg{font-size:.75em}.fa--xf.fa-sm svg{font-size:.875em}.fa--xf.fa-1x svg{font-size:1em}.fa--xf.fa-2x svg{font-size:2em}.fa--xf.fa-3x svg{font-size:3em}.fa--xf.fa-4x svg{font-size:4em}.fa--xf.fa-5x svg{font-size:5em}.fa--xf.fa-6x svg{font-size:6em}.fa--xf.fa-7x svg{font-size:7em}.fa--xf.fa-8x svg{font-size:8em}.fa--xf.fa-9x svg{font-size:9em}.fa--xf.fa-10x svg{font-size:10em}.fa--xf.fa-fw svg{text-align:center;width:1.25em}.fa--xf.fa-ul svg{list-style-type:none;margin-left:2.5em;padding-left:0}.fa--xf.fa-ul svg&gt;li{position:relative}.fa--xf.fa-li svg{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa--xf.fa-border svg{border-radius:.1em;border:solid .08em #eee;padding:.2em .25em .15em}.fa--xf.fa-pull-left svg{float:left}.fa--xf.fa-pull-right svg{float:right}.fa.fa--xf.fa-pull-left svg,.fas.fa--xf.fa-pull-left svg,.far.fa--xf.fa-pull-left svg,.fal.fa--xf.fa-pull-left svg,.fab.fa--xf.fa-pull-left svg{margin-right:.3em}.fa.fa--xf.fa-pull-right svg,.fas.fa--xf.fa-pull-right svg,.far.fa--xf.fa-pull-right svg,.fal.fa--xf.fa-pull-right svg,.fab.fa--xf.fa-pull-right svg{margin-left:.3em}.fa--xf.fa-spin svg{animation:fa-spin 2s infinite linear}.fa--xf.fa-pulse svg{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fa--xf.fa-rotate-90 svg{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa--xf.fa-rotate-180 svg{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa--xf.fa-rotate-270 svg{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa--xf.fa-flip-horizontal svg{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scale(-1, 1)}.fa--xf.fa-flip-vertical svg{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scale(1, -1)}.fa--xf.fa-flip-both svg,.fa--xf.fa-flip-horizontal.fa-flip-vertical svg{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scale(-1, -1)}:root .fa--xf.fa-rotate-90 svg,:root .fa--xf.fa-rotate-180 svg,:root .fa--xf.fa-rotate-270 svg,:root .fa--xf.fa-flip-horizontal svg,:root .fa--xf.fa-flip-vertical svg,:root .fa--xf.fa-flip-both svg{filter:none}.fa--xf.fa-stack svg{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa--xf.fa-stack-1x svg,.fa--xf.fa-stack-2x svg{left:0;position:absolute;text-align:center;width:100%}.fa--xf.fa-stack-1x svg{line-height:inherit}.fa--xf.fa-stack-2x svg{font-size:2em}.fa--xf.fa-inverse svg{color:#fff}.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}

/********* public:variations.less ********/
:root {
  color-scheme: var(--xf-styleType);
  --xf-color-adjust: 1;
  --xf-publicLogoUrl: styles/default/xenforo/xenforo-logo.svg;
  --xf-publicLogoUrl2x: ;
  --xf-styleType: light;
  --xf-avatarBg: var(--xf-avatarBg--h), var(--xf-avatarBg--s), var(--xf-avatarBg--l), var(--xf-avatarBg--a);
  --xf-avatarBg--h: var(--xf-contentBg--h);
  --xf-avatarBg--s: var(--xf-contentBg--s);
  --xf-avatarBg--l: var(--xf-contentBg--l);
  --xf-avatarBg--a: var(--xf-contentBg--a);
  --xf-blockFooterBg: var(--xf-blockFooterBg--h), var(--xf-blockFooterBg--s), var(--xf-blockFooterBg--l), var(--xf-blockFooterBg--a);
  --xf-blockFooterBg--h: var(--xf-contentAltBg--h);
  --xf-blockFooterBg--s: var(--xf-contentAltBg--s);
  --xf-blockFooterBg--l: var(--xf-contentAltBg--l);
  --xf-blockFooterBg--a: var(--xf-contentAltBg--a);
  --xf-blockFooterTextColor: var(--xf-blockFooterTextColor--h), var(--xf-blockFooterTextColor--s), var(--xf-blockFooterTextColor--l), var(--xf-blockFooterTextColor--a);
  --xf-blockFooterTextColor--h: var(--xf-textColorDimmed--h);
  --xf-blockFooterTextColor--s: var(--xf-textColorDimmed--s);
  --xf-blockFooterTextColor--l: var(--xf-textColorDimmed--l);
  --xf-blockFooterTextColor--a: var(--xf-textColorDimmed--a);
  --xf-blockTabHeaderBg: var(--xf-blockTabHeaderBg--h), var(--xf-blockTabHeaderBg--s), var(--xf-blockTabHeaderBg--l), var(--xf-blockTabHeaderBg--a);
  --xf-blockTabHeaderBg--h: var(--xf-paletteColor4--h);
  --xf-blockTabHeaderBg--s: var(--xf-paletteColor4--s);
  --xf-blockTabHeaderBg--l: var(--xf-paletteColor4--l);
  --xf-blockTabHeaderBg--a: var(--xf-paletteColor4--a);
  --xf-blockTabHeaderTextColor: var(--xf-blockTabHeaderTextColor--h), var(--xf-blockTabHeaderTextColor--s), var(--xf-blockTabHeaderTextColor--l), var(--xf-blockTabHeaderTextColor--a);
  --xf-blockTabHeaderTextColor--h: var(--xf-paletteColor2--h);
  --xf-blockTabHeaderTextColor--s: var(--xf-paletteColor2--s);
  --xf-blockTabHeaderTextColor--l: var(--xf-paletteColor2--l);
  --xf-blockTabHeaderTextColor--a: var(--xf-paletteColor2--a);
  --xf-borderColor: var(--xf-borderColor--h), var(--xf-borderColor--s), var(--xf-borderColor--l), var(--xf-borderColor--a);
  --xf-borderColor--h: var(--xf-contentBg--h);
  --xf-borderColor--s: var(--xf-contentBg--s);
  --xf-borderColor--l: calc(var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 16%));
  --xf-borderColor--a: var(--xf-contentBg--a);
  --xf-borderColorAccentContent: var(--xf-borderColorAccentContent--h), var(--xf-borderColorAccentContent--s), var(--xf-borderColorAccentContent--l), var(--xf-borderColorAccentContent--a);
  --xf-borderColorAccentContent--h: calc((var(--xf-paletteAccent1--h) * 0.5) + (var(--xf-paletteAccent2--h) * 0.5));
  --xf-borderColorAccentContent--s: calc((var(--xf-paletteAccent1--s) * 0.5) + (var(--xf-paletteAccent2--s) * 0.5));
  --xf-borderColorAccentContent--l: calc((var(--xf-paletteAccent1--l) * 0.5) + (var(--xf-paletteAccent2--l) * 0.5));
  --xf-borderColorAccentContent--a: calc((var(--xf-paletteAccent1--a) * 0.5) + (var(--xf-paletteAccent2--a) * 0.5));
  --xf-borderColorAttention: var(--xf-borderColorAttention--h), var(--xf-borderColorAttention--s), var(--xf-borderColorAttention--l), var(--xf-borderColorAttention--a);
  --xf-borderColorAttention--h: var(--xf-paletteAccent2--h);
  --xf-borderColorAttention--s: var(--xf-paletteAccent2--s);
  --xf-borderColorAttention--l: var(--xf-paletteAccent2--l);
  --xf-borderColorAttention--a: var(--xf-paletteAccent2--a);
  --xf-borderColorFaint: var(--xf-borderColorFaint--h), var(--xf-borderColorFaint--s), var(--xf-borderColorFaint--l), var(--xf-borderColorFaint--a);
  --xf-borderColorFaint--h: var(--xf-borderColor--h);
  --xf-borderColorFaint--s: var(--xf-borderColor--s);
  --xf-borderColorFaint--l: calc(var(--xf-borderColor--l) + (var(--xf-color-adjust, 1) * 6%));
  --xf-borderColorFaint--a: var(--xf-borderColor--a);
  --xf-borderColorFeature: var(--xf-borderColorFeature--h), var(--xf-borderColorFeature--s), var(--xf-borderColorFeature--l), var(--xf-borderColorFeature--a);
  --xf-borderColorFeature--h: var(--xf-paletteColor3--h);
  --xf-borderColorFeature--s: var(--xf-paletteColor3--s);
  --xf-borderColorFeature--l: var(--xf-paletteColor3--l);
  --xf-borderColorFeature--a: var(--xf-paletteColor3--a);
  --xf-borderColorHeavy: var(--xf-borderColorHeavy--h), var(--xf-borderColorHeavy--s), var(--xf-borderColorHeavy--l), var(--xf-borderColorHeavy--a);
  --xf-borderColorHeavy--h: var(--xf-borderColor--h);
  --xf-borderColorHeavy--s: var(--xf-borderColor--s);
  --xf-borderColorHeavy--l: calc(var(--xf-borderColor--l) - (var(--xf-color-adjust, 1) * 4%));
  --xf-borderColorHeavy--a: var(--xf-borderColor--a);
  --xf-borderColorHighlight: var(--xf-borderColorHighlight--h), var(--xf-borderColorHighlight--s), var(--xf-borderColorHighlight--l), var(--xf-borderColorHighlight--a);
  --xf-borderColorHighlight--h: var(--xf-paletteColor2--h);
  --xf-borderColorHighlight--s: var(--xf-paletteColor2--s);
  --xf-borderColorHighlight--l: var(--xf-paletteColor2--l);
  --xf-borderColorHighlight--a: var(--xf-paletteColor2--a);
  --xf-borderColorLight: var(--xf-borderColorLight--h), var(--xf-borderColorLight--s), var(--xf-borderColorLight--l), var(--xf-borderColorLight--a);
  --xf-borderColorLight--h: var(--xf-borderColor--h);
  --xf-borderColorLight--s: var(--xf-borderColor--s);
  --xf-borderColorLight--l: calc(var(--xf-borderColor--l) + (var(--xf-color-adjust, 1) * 4%));
  --xf-borderColorLight--a: var(--xf-borderColor--a);
  --xf-buttonBg: var(--xf-buttonBg--h), var(--xf-buttonBg--s), var(--xf-buttonBg--l), var(--xf-buttonBg--a);
  --xf-buttonBg--h: var(--xf-paletteColor4--h);
  --xf-buttonBg--s: var(--xf-paletteColor4--s);
  --xf-buttonBg--l: var(--xf-paletteColor4--l);
  --xf-buttonBg--a: var(--xf-paletteColor4--a);
  --xf-buttonCtaBg: var(--xf-buttonCtaBg--h), var(--xf-buttonCtaBg--s), var(--xf-buttonCtaBg--l), var(--xf-buttonCtaBg--a);
  --xf-buttonCtaBg--h: var(--xf-paletteAccent2--h);
  --xf-buttonCtaBg--s: var(--xf-paletteAccent2--s);
  --xf-buttonCtaBg--l: var(--xf-paletteAccent2--l);
  --xf-buttonCtaBg--a: var(--xf-paletteAccent2--a);
  --xf-buttonPrimaryBg: var(--xf-buttonPrimaryBg--h), var(--xf-buttonPrimaryBg--s), var(--xf-buttonPrimaryBg--l), var(--xf-buttonPrimaryBg--a);
  --xf-buttonPrimaryBg--h: var(--xf-paletteColor3--h);
  --xf-buttonPrimaryBg--s: var(--xf-paletteColor3--s);
  --xf-buttonPrimaryBg--l: var(--xf-paletteColor3--l);
  --xf-buttonPrimaryBg--a: var(--xf-paletteColor3--a);
  --xf-buttonTextColor: var(--xf-buttonTextColor--h), var(--xf-buttonTextColor--s), var(--xf-buttonTextColor--l), var(--xf-buttonTextColor--a);
  --xf-buttonTextColor--h: var(--xf-paletteColor1--h);
  --xf-buttonTextColor--s: var(--xf-paletteColor1--s);
  --xf-buttonTextColor--l: var(--xf-paletteColor1--l);
  --xf-buttonTextColor--a: var(--xf-paletteColor1--a);
  --xf-chromeBg: var(--xf-chromeBg--h), var(--xf-chromeBg--s), var(--xf-chromeBg--l), var(--xf-chromeBg--a);
  --xf-chromeBg--h: var(--xf-paletteColor5--h);
  --xf-chromeBg--s: var(--xf-paletteColor5--s);
  --xf-chromeBg--l: var(--xf-paletteColor5--l);
  --xf-chromeBg--a: var(--xf-paletteColor5--a);
  --xf-chromeTextColor: var(--xf-chromeTextColor--h), var(--xf-chromeTextColor--s), var(--xf-chromeTextColor--l), var(--xf-chromeTextColor--a);
  --xf-chromeTextColor--h: var(--xf-paletteColor2--h);
  --xf-chromeTextColor--s: var(--xf-paletteColor2--s);
  --xf-chromeTextColor--l: var(--xf-paletteColor2--l);
  --xf-chromeTextColor--a: var(--xf-paletteColor2--a);
  --xf-contentAccentBg: var(--xf-contentAccentBg--h), var(--xf-contentAccentBg--s), var(--xf-contentAccentBg--l), var(--xf-contentAccentBg--a);
  --xf-contentAccentBg--h: var(--xf-paletteAccent1--h);
  --xf-contentAccentBg--s: var(--xf-paletteAccent1--s);
  --xf-contentAccentBg--l: var(--xf-paletteAccent1--l);
  --xf-contentAccentBg--a: var(--xf-paletteAccent1--a);
  --xf-contentAltBg: var(--xf-contentAltBg--h), var(--xf-contentAltBg--s), var(--xf-contentAltBg--l), var(--xf-contentAltBg--a);
  --xf-contentAltBg--h: var(--xf-contentBg--h);
  --xf-contentAltBg--s: var(--xf-contentBg--s);
  --xf-contentAltBg--l: calc(var(--xf-contentBg--l) - 4%);
  --xf-contentAltBg--a: var(--xf-contentBg--a);
  --xf-contentBg: var(--xf-contentBg--h), var(--xf-contentBg--s), var(--xf-contentBg--l), var(--xf-contentBg--a);
  --xf-contentBg--h: var(--xf-paletteNeutral1--h);
  --xf-contentBg--s: var(--xf-paletteNeutral1--s);
  --xf-contentBg--l: var(--xf-paletteNeutral1--l);
  --xf-contentBg--a: var(--xf-paletteNeutral1--a);
  --xf-contentHighlightBg: var(--xf-contentHighlightBg--h), var(--xf-contentHighlightBg--s), var(--xf-contentHighlightBg--l), var(--xf-contentHighlightBg--a);
  --xf-contentHighlightBg--h: var(--xf-paletteColor1--h);
  --xf-contentHighlightBg--s: var(--xf-paletteColor1--s);
  --xf-contentHighlightBg--l: var(--xf-paletteColor1--l);
  --xf-contentHighlightBg--a: var(--xf-paletteColor1--a);
  --xf-editorBg: var(--xf-editorBg--h), var(--xf-editorBg--s), var(--xf-editorBg--l), var(--xf-editorBg--a);
  --xf-editorBg--h: var(--xf-inputBgColor--h);
  --xf-editorBg--s: var(--xf-inputBgColor--s);
  --xf-editorBg--l: var(--xf-inputBgColor--l);
  --xf-editorBg--a: var(--xf-inputBgColor--a);
  --xf-editorButtonActiveColor: var(--xf-editorButtonActiveColor--h), var(--xf-editorButtonActiveColor--s), var(--xf-editorButtonActiveColor--l), var(--xf-editorButtonActiveColor--a);
  --xf-editorButtonActiveColor--h: var(--xf-textColorFeature--h);
  --xf-editorButtonActiveColor--s: var(--xf-textColorFeature--s);
  --xf-editorButtonActiveColor--l: var(--xf-textColorFeature--l);
  --xf-editorButtonActiveColor--a: var(--xf-textColorFeature--a);
  --xf-editorButtonColor: var(--xf-editorButtonColor--h), var(--xf-editorButtonColor--s), var(--xf-editorButtonColor--l), var(--xf-editorButtonColor--a);
  --xf-editorButtonColor--h: var(--xf-majorHeadingTextColor--h);
  --xf-editorButtonColor--s: var(--xf-majorHeadingTextColor--s);
  --xf-editorButtonColor--l: calc(var(--xf-majorHeadingTextColor--l) - 15%);
  --xf-editorButtonColor--a: 85%;
  --xf-editorButtonDisabledColor: var(--xf-editorButtonDisabledColor--h), var(--xf-editorButtonDisabledColor--s), var(--xf-editorButtonDisabledColor--l), var(--xf-editorButtonDisabledColor--a);
  --xf-editorButtonDisabledColor--h: calc((var(--xf-contentBg--h) * 0.6) + (var(--xf-textColorMuted--h) * 0.4));
  --xf-editorButtonDisabledColor--s: calc((var(--xf-contentBg--s) * 0.6) + (var(--xf-textColorMuted--s) * 0.4));
  --xf-editorButtonDisabledColor--l: calc((var(--xf-contentBg--l) * 0.6) + (var(--xf-textColorMuted--l) * 0.4));
  --xf-editorButtonDisabledColor--a: calc((var(--xf-contentBg--a) * 0.6) + (var(--xf-textColorMuted--a) * 0.4));
  --xf-editorButtonHoverBg: var(--xf-editorButtonHoverBg--h), var(--xf-editorButtonHoverBg--s), var(--xf-editorButtonHoverBg--l), var(--xf-editorButtonHoverBg--a);
  --xf-editorButtonHoverBg--h: var(--xf-textColorFeature--h);
  --xf-editorButtonHoverBg--s: var(--xf-textColorFeature--s);
  --xf-editorButtonHoverBg--l: var(--xf-textColorFeature--l);
  --xf-editorButtonHoverBg--a: 15%;
  --xf-editorButtonHoverColor: var(--xf-editorButtonHoverColor--h), var(--xf-editorButtonHoverColor--s), var(--xf-editorButtonHoverColor--l), var(--xf-editorButtonHoverColor--a);
  --xf-editorButtonHoverColor--h: var(--xf-inputTextColor--h);
  --xf-editorButtonHoverColor--s: var(--xf-inputTextColor--s);
  --xf-editorButtonHoverColor--l: var(--xf-inputTextColor--l);
  --xf-editorButtonHoverColor--a: var(--xf-inputTextColor--a);
  --xf-editorButtonSelectedBg: var(--xf-editorButtonSelectedBg--h), var(--xf-editorButtonSelectedBg--s), var(--xf-editorButtonSelectedBg--l), var(--xf-editorButtonSelectedBg--a);
  --xf-editorButtonSelectedBg--h: var(--xf-textColorFeature--h);
  --xf-editorButtonSelectedBg--s: var(--xf-textColorFeature--s);
  --xf-editorButtonSelectedBg--l: var(--xf-textColorFeature--l);
  --xf-editorButtonSelectedBg--a: 15%;
  --xf-editorColor: var(--xf-editorColor--h), var(--xf-editorColor--s), var(--xf-editorColor--l), var(--xf-editorColor--a);
  --xf-editorColor--h: var(--xf-inputTextColor--h);
  --xf-editorColor--s: var(--xf-inputTextColor--s);
  --xf-editorColor--l: var(--xf-inputTextColor--l);
  --xf-editorColor--a: var(--xf-inputTextColor--a);
  --xf-editorFocusBg: var(--xf-editorFocusBg--h), var(--xf-editorFocusBg--s), var(--xf-editorFocusBg--l), var(--xf-editorFocusBg--a);
  --xf-editorFocusBg--h: var(--xf-inputFocusBgColor--h);
  --xf-editorFocusBg--s: var(--xf-inputFocusBgColor--s);
  --xf-editorFocusBg--l: var(--xf-inputFocusBgColor--l);
  --xf-editorFocusBg--a: var(--xf-inputFocusBgColor--a);
  --xf-editorFocusColor: var(--xf-editorFocusColor--h), var(--xf-editorFocusColor--s), var(--xf-editorFocusColor--l), var(--xf-editorFocusColor--a);
  --xf-editorFocusColor--h: var(--xf-inputTextColor--h);
  --xf-editorFocusColor--s: var(--xf-inputTextColor--s);
  --xf-editorFocusColor--l: var(--xf-inputTextColor--l);
  --xf-editorFocusColor--a: var(--xf-inputTextColor--a);
  --xf-editorImageHandles: var(--xf-editorImageHandles--h), var(--xf-editorImageHandles--s), var(--xf-editorImageHandles--l), var(--xf-editorImageHandles--a);
  --xf-editorImageHandles--h: var(--xf-borderColorFeature--h);
  --xf-editorImageHandles--s: var(--xf-borderColorFeature--s);
  --xf-editorImageHandles--l: var(--xf-borderColorFeature--l);
  --xf-editorImageHandles--a: var(--xf-borderColorFeature--a);
  --xf-editorSelectionBg: var(--xf-editorSelectionBg--h), var(--xf-editorSelectionBg--s), var(--xf-editorSelectionBg--l), var(--xf-editorSelectionBg--a);
  --xf-editorSelectionBg--h: var(--xf-paletteColor3--h);
  --xf-editorSelectionBg--s: var(--xf-paletteColor3--s);
  --xf-editorSelectionBg--l: var(--xf-paletteColor3--l);
  --xf-editorSelectionBg--a: var(--xf-paletteColor3--a);
  --xf-editorSelectionColor: var(--xf-editorSelectionColor--h), var(--xf-editorSelectionColor--s), var(--xf-editorSelectionColor--l), var(--xf-editorSelectionColor--a);
  --xf-editorSelectionColor--h: var(--xf-textColor--h);
  --xf-editorSelectionColor--s: var(--xf-textColor--s);
  --xf-editorSelectionColor--l: var(--xf-textColor--l);
  --xf-editorSelectionColor--a: var(--xf-textColor--a);
  --xf-editorToolsOverflowBg: var(--xf-editorToolsOverflowBg--h), var(--xf-editorToolsOverflowBg--s), var(--xf-editorToolsOverflowBg--l), var(--xf-editorToolsOverflowBg--a);
  --xf-editorToolsOverflowBg--h: var(--xf-editorBg--h);
  --xf-editorToolsOverflowBg--s: var(--xf-editorBg--s);
  --xf-editorToolsOverflowBg--l: calc(var(--xf-editorBg--l) - (var(--xf-color-adjust, 1) * 3%));
  --xf-editorToolsOverflowBg--a: var(--xf-editorBg--a);
  --xf-errorBg: var(--xf-errorBg--h), var(--xf-errorBg--s), var(--xf-errorBg--l), var(--xf-errorBg--a);
  --xf-errorBg--h: 358;
  --xf-errorBg--s: 90%;
  --xf-errorBg--l: 95%;
  --xf-errorBg--a: 1;
  --xf-errorColor: var(--xf-errorColor--h), var(--xf-errorColor--s), var(--xf-errorColor--l), var(--xf-errorColor--a);
  --xf-errorColor--h: 358;
  --xf-errorColor--s: 90%;
  --xf-errorColor--l: 30%;
  --xf-errorColor--a: 1;
  --xf-errorFeatureColor: var(--xf-errorFeatureColor--h), var(--xf-errorFeatureColor--s), var(--xf-errorFeatureColor--l), var(--xf-errorFeatureColor--a);
  --xf-errorFeatureColor--h: 358;
  --xf-errorFeatureColor--s: 90%;
  --xf-errorFeatureColor--l: 60%;
  --xf-errorFeatureColor--a: 1;
  --xf-globalActionColor: var(--xf-globalActionColor--h), var(--xf-globalActionColor--s), var(--xf-globalActionColor--l), var(--xf-globalActionColor--a);
  --xf-globalActionColor--h: var(--xf-paletteAccent2--h);
  --xf-globalActionColor--s: var(--xf-paletteAccent2--s);
  --xf-globalActionColor--l: var(--xf-paletteAccent2--l);
  --xf-globalActionColor--a: var(--xf-paletteAccent2--a);
  --xf-inlineModHighlightColor: var(--xf-inlineModHighlightColor--h), var(--xf-inlineModHighlightColor--s), var(--xf-inlineModHighlightColor--l), var(--xf-inlineModHighlightColor--a);
  --xf-inlineModHighlightColor--h: var(--xf-paletteAccent1--h);
  --xf-inlineModHighlightColor--s: var(--xf-paletteAccent1--s);
  --xf-inlineModHighlightColor--l: var(--xf-paletteAccent1--l);
  --xf-inlineModHighlightColor--a: var(--xf-paletteAccent1--a);
  --xf-inputBgColor: var(--xf-inputBgColor--h), var(--xf-inputBgColor--s), var(--xf-inputBgColor--l), var(--xf-inputBgColor--a);
  --xf-inputBgColor--h: var(--xf-contentBg--h);
  --xf-inputBgColor--s: var(--xf-contentBg--s);
  --xf-inputBgColor--l: calc(var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 2%));
  --xf-inputBgColor--a: var(--xf-contentBg--a);
  --xf-inputFocusBgColor: var(--xf-inputFocusBgColor--h), var(--xf-inputFocusBgColor--s), var(--xf-inputFocusBgColor--l), var(--xf-inputFocusBgColor--a);
  --xf-inputFocusBgColor--h: var(--xf-contentBg--h);
  --xf-inputFocusBgColor--s: var(--xf-contentBg--s);
  --xf-inputFocusBgColor--l: var(--xf-contentBg--l);
  --xf-inputFocusBgColor--a: var(--xf-contentBg--a);
  --xf-inputTextColor: var(--xf-inputTextColor--h), var(--xf-inputTextColor--s), var(--xf-inputTextColor--l), var(--xf-inputTextColor--a);
  --xf-inputTextColor--h: var(--xf-textColor--h);
  --xf-inputTextColor--s: var(--xf-textColor--s);
  --xf-inputTextColor--l: var(--xf-textColor--l);
  --xf-inputTextColor--a: var(--xf-textColor--a);
  --xf-linkColor: var(--xf-linkColor--h), var(--xf-linkColor--s), var(--xf-linkColor--l), var(--xf-linkColor--a);
  --xf-linkColor--h: var(--xf-paletteColor4--h);
  --xf-linkColor--s: var(--xf-paletteColor4--s);
  --xf-linkColor--l: var(--xf-paletteColor4--l);
  --xf-linkColor--a: var(--xf-paletteColor4--a);
  --xf-linkHoverColor: var(--xf-linkHoverColor--h), var(--xf-linkHoverColor--s), var(--xf-linkHoverColor--l), var(--xf-linkHoverColor--a);
  --xf-linkHoverColor--h: var(--xf-paletteColor5--h);
  --xf-linkHoverColor--s: var(--xf-paletteColor5--s);
  --xf-linkHoverColor--l: var(--xf-paletteColor5--l);
  --xf-linkHoverColor--a: var(--xf-paletteColor5--a);
  --xf-linkUgcColor: var(--xf-linkUgcColor--h), var(--xf-linkUgcColor--s), var(--xf-linkUgcColor--l), var(--xf-linkUgcColor--a);
  --xf-linkUgcColor--h: var(--xf-paletteColor4--h);
  --xf-linkUgcColor--s: var(--xf-paletteColor4--s);
  --xf-linkUgcColor--l: var(--xf-paletteColor4--l);
  --xf-linkUgcColor--a: var(--xf-paletteColor4--a);
  --xf-linkUgcHoverColor: var(--xf-linkUgcHoverColor--h), var(--xf-linkUgcHoverColor--s), var(--xf-linkUgcHoverColor--l), var(--xf-linkUgcHoverColor--a);
  --xf-linkUgcHoverColor--h: var(--xf-paletteColor5--h);
  --xf-linkUgcHoverColor--s: var(--xf-paletteColor5--s);
  --xf-linkUgcHoverColor--l: var(--xf-paletteColor5--l);
  --xf-linkUgcHoverColor--a: var(--xf-paletteColor5--a);
  --xf-majorHeadingBg: var(--xf-majorHeadingBg--h), var(--xf-majorHeadingBg--s), var(--xf-majorHeadingBg--l), var(--xf-majorHeadingBg--a);
  --xf-majorHeadingBg--h: var(--xf-contentHighlightBg--h);
  --xf-majorHeadingBg--s: var(--xf-contentHighlightBg--s);
  --xf-majorHeadingBg--l: var(--xf-contentHighlightBg--l);
  --xf-majorHeadingBg--a: var(--xf-contentHighlightBg--a);
  --xf-majorHeadingTextColor: var(--xf-majorHeadingTextColor--h), var(--xf-majorHeadingTextColor--s), var(--xf-majorHeadingTextColor--l), var(--xf-majorHeadingTextColor--a);
  --xf-majorHeadingTextColor--h: var(--xf-textColorEmphasized--h);
  --xf-majorHeadingTextColor--s: var(--xf-textColorEmphasized--s);
  --xf-majorHeadingTextColor--l: var(--xf-textColorEmphasized--l);
  --xf-majorHeadingTextColor--a: var(--xf-textColorEmphasized--a);
  --xf-menuFeatureBorderColor: var(--xf-menuFeatureBorderColor--h), var(--xf-menuFeatureBorderColor--s), var(--xf-menuFeatureBorderColor--l), var(--xf-menuFeatureBorderColor--a);
  --xf-menuFeatureBorderColor--h: var(--xf-paletteColor3--h);
  --xf-menuFeatureBorderColor--s: var(--xf-paletteColor3--s);
  --xf-menuFeatureBorderColor--l: var(--xf-paletteColor3--l);
  --xf-menuFeatureBorderColor--a: var(--xf-paletteColor3--a);
  --xf-metaThemeColor: var(--xf-metaThemeColor--h), var(--xf-metaThemeColor--s), var(--xf-metaThemeColor--l), var(--xf-metaThemeColor--a);
  --xf-metaThemeColor--h: var(--xf-chromeBg--h);
  --xf-metaThemeColor--s: var(--xf-chromeBg--s);
  --xf-metaThemeColor--l: var(--xf-chromeBg--l);
  --xf-metaThemeColor--a: var(--xf-chromeBg--a);
  --xf-minorHeadingTextColor: var(--xf-minorHeadingTextColor--h), var(--xf-minorHeadingTextColor--s), var(--xf-minorHeadingTextColor--l), var(--xf-minorHeadingTextColor--a);
  --xf-minorHeadingTextColor--h: var(--xf-textColorFeature--h);
  --xf-minorHeadingTextColor--s: var(--xf-textColorFeature--s);
  --xf-minorHeadingTextColor--l: var(--xf-textColorFeature--l);
  --xf-minorHeadingTextColor--a: var(--xf-textColorFeature--a);
  --xf-nodeIconReadColor: var(--xf-nodeIconReadColor--h), var(--xf-nodeIconReadColor--s), var(--xf-nodeIconReadColor--l), var(--xf-nodeIconReadColor--a);
  --xf-nodeIconReadColor--h: calc((var(--xf-paletteColor1--h) * 0.5) + (var(--xf-paletteColor2--h) * 0.5));
  --xf-nodeIconReadColor--s: calc((var(--xf-paletteColor1--s) * 0.5) + (var(--xf-paletteColor2--s) * 0.5));
  --xf-nodeIconReadColor--l: calc((var(--xf-paletteColor1--l) * 0.5) + (var(--xf-paletteColor2--l) * 0.5));
  --xf-nodeIconReadColor--a: calc((var(--xf-paletteColor1--a) * 0.5) + (var(--xf-paletteColor2--a) * 0.5));
  --xf-nodeIconUnreadColor: var(--xf-nodeIconUnreadColor--h), var(--xf-nodeIconUnreadColor--s), var(--xf-nodeIconUnreadColor--l), var(--xf-nodeIconUnreadColor--a);
  --xf-nodeIconUnreadColor--h: calc((var(--xf-paletteAccent1--h) * 0.5) + (var(--xf-paletteAccent2--h) * 0.5));
  --xf-nodeIconUnreadColor--s: calc((var(--xf-paletteAccent1--s) * 0.5) + (var(--xf-paletteAccent2--s) * 0.5));
  --xf-nodeIconUnreadColor--l: calc((var(--xf-paletteAccent1--l) * 0.5) + (var(--xf-paletteAccent2--l) * 0.5));
  --xf-nodeIconUnreadColor--a: calc((var(--xf-paletteAccent1--a) * 0.5) + (var(--xf-paletteAccent2--a) * 0.5));
  --xf-overlayMaskColor: var(--xf-overlayMaskColor--h), var(--xf-overlayMaskColor--s), var(--xf-overlayMaskColor--l), var(--xf-overlayMaskColor--a);
  --xf-overlayMaskColor--h: 0;
  --xf-overlayMaskColor--s: 0%;
  --xf-overlayMaskColor--l: 0%;
  --xf-overlayMaskColor--a: 0.65;
  --xf-pageBg: var(--xf-pageBg--h), var(--xf-pageBg--s), var(--xf-pageBg--l), var(--xf-pageBg--a);
  --xf-pageBg--h: var(--xf-contentBg--h);
  --xf-pageBg--s: var(--xf-contentBg--s);
  --xf-pageBg--l: calc(var(--xf-contentBg--l) - 8%);
  --xf-pageBg--a: var(--xf-contentBg--a);
  --xf-paletteAccent1: var(--xf-paletteAccent1--h), var(--xf-paletteAccent1--s), var(--xf-paletteAccent1--l), var(--xf-paletteAccent1--a);
  --xf-paletteAccent1--h: 35;
  --xf-paletteAccent1--s: 90%;
  --xf-paletteAccent1--l: 95%;
  --xf-paletteAccent1--a: 1;
  --xf-paletteAccent2: var(--xf-paletteAccent2--h), var(--xf-paletteAccent2--s), var(--xf-paletteAccent2--l), var(--xf-paletteAccent2--a);
  --xf-paletteAccent2--h: 35;
  --xf-paletteAccent2--s: 90%;
  --xf-paletteAccent2--l: 50%;
  --xf-paletteAccent2--a: 1;
  --xf-paletteAccent3: var(--xf-paletteAccent3--h), var(--xf-paletteAccent3--s), var(--xf-paletteAccent3--l), var(--xf-paletteAccent3--a);
  --xf-paletteAccent3--h: 35;
  --xf-paletteAccent3--s: 90%;
  --xf-paletteAccent3--l: 30%;
  --xf-paletteAccent3--a: 1;
  --xf-paletteColor1: var(--xf-paletteColor1--h), var(--xf-paletteColor1--s), var(--xf-paletteColor1--l), var(--xf-paletteColor1--a);
  --xf-paletteColor1--h: 206;
  --xf-paletteColor1--s: 80%;
  --xf-paletteColor1--l: 95%;
  --xf-paletteColor1--a: 1;
  --xf-paletteColor2: var(--xf-paletteColor2--h), var(--xf-paletteColor2--s), var(--xf-paletteColor2--l), var(--xf-paletteColor2--a);
  --xf-paletteColor2--h: 204;
  --xf-paletteColor2--s: 80%;
  --xf-paletteColor2--l: 80%;
  --xf-paletteColor2--a: 1;
  --xf-paletteColor3: var(--xf-paletteColor3--h), var(--xf-paletteColor3--s), var(--xf-paletteColor3--l), var(--xf-paletteColor3--a);
  --xf-paletteColor3--h: 205;
  --xf-paletteColor3--s: 80%;
  --xf-paletteColor3--l: 60%;
  --xf-paletteColor3--a: 1;
  --xf-paletteColor4: var(--xf-paletteColor4--h), var(--xf-paletteColor4--s), var(--xf-paletteColor4--l), var(--xf-paletteColor4--a);
  --xf-paletteColor4--h: 205;
  --xf-paletteColor4--s: 80%;
  --xf-paletteColor4--l: 40%;
  --xf-paletteColor4--a: 1;
  --xf-paletteColor5: var(--xf-paletteColor5--h), var(--xf-paletteColor5--s), var(--xf-paletteColor5--l), var(--xf-paletteColor5--a);
  --xf-paletteColor5--h: 205;
  --xf-paletteColor5--s: 80%;
  --xf-paletteColor5--l: 30%;
  --xf-paletteColor5--a: 1;
  --xf-paletteNeutral1: var(--xf-paletteNeutral1--h), var(--xf-paletteNeutral1--s), var(--xf-paletteNeutral1--l), var(--xf-paletteNeutral1--a);
  --xf-paletteNeutral1--h: 0;
  --xf-paletteNeutral1--s: 0%;
  --xf-paletteNeutral1--l: 100%;
  --xf-paletteNeutral1--a: 1;
  --xf-paletteNeutral2: var(--xf-paletteNeutral2--h), var(--xf-paletteNeutral2--s), var(--xf-paletteNeutral2--l), var(--xf-paletteNeutral2--a);
  --xf-paletteNeutral2--h: 0;
  --xf-paletteNeutral2--s: 0%;
  --xf-paletteNeutral2--l: 54%;
  --xf-paletteNeutral2--a: 1;
  --xf-paletteNeutral3: var(--xf-paletteNeutral3--h), var(--xf-paletteNeutral3--s), var(--xf-paletteNeutral3--l), var(--xf-paletteNeutral3--a);
  --xf-paletteNeutral3--h: 0;
  --xf-paletteNeutral3--s: 0%;
  --xf-paletteNeutral3--l: 8%;
  --xf-paletteNeutral3--a: 1;
  --xf-progressBarColor: var(--xf-progressBarColor--h), var(--xf-progressBarColor--s), var(--xf-progressBarColor--l), var(--xf-progressBarColor--a);
  --xf-progressBarColor--h: var(--xf-paletteAccent2--h);
  --xf-progressBarColor--s: var(--xf-paletteAccent2--s);
  --xf-progressBarColor--l: var(--xf-paletteAccent2--l);
  --xf-progressBarColor--a: var(--xf-paletteAccent2--a);
  --xf-publicHeaderAdjustColor: var(--xf-publicHeaderAdjustColor--h), var(--xf-publicHeaderAdjustColor--s), var(--xf-publicHeaderAdjustColor--l), var(--xf-publicHeaderAdjustColor--a);
  --xf-publicHeaderAdjustColor--h: var(--xf-paletteNeutral3--h);
  --xf-publicHeaderAdjustColor--s: var(--xf-paletteNeutral3--s);
  --xf-publicHeaderAdjustColor--l: var(--xf-paletteNeutral3--l);
  --xf-publicHeaderAdjustColor--a: 15%;
  --xf-selectedItemBgColor: var(--xf-selectedItemBgColor--h), var(--xf-selectedItemBgColor--s), var(--xf-selectedItemBgColor--l), var(--xf-selectedItemBgColor--a);
  --xf-selectedItemBgColor--h: var(--xf-paletteAccent1--h);
  --xf-selectedItemBgColor--s: var(--xf-paletteAccent1--s);
  --xf-selectedItemBgColor--l: var(--xf-paletteAccent1--l);
  --xf-selectedItemBgColor--a: var(--xf-paletteAccent1--a);
  --xf-selectedItemBorderColor: var(--xf-selectedItemBorderColor--h), var(--xf-selectedItemBorderColor--s), var(--xf-selectedItemBorderColor--l), var(--xf-selectedItemBorderColor--a);
  --xf-selectedItemBorderColor--h: var(--xf-paletteAccent2--h);
  --xf-selectedItemBorderColor--s: var(--xf-paletteAccent2--s);
  --xf-selectedItemBorderColor--l: var(--xf-paletteAccent2--l);
  --xf-selectedItemBorderColor--a: var(--xf-paletteAccent2--a);
  --xf-selectedItemColor: var(--xf-selectedItemColor--h), var(--xf-selectedItemColor--s), var(--xf-selectedItemColor--l), var(--xf-selectedItemColor--a);
  --xf-selectedItemColor--h: var(--xf-paletteAccent3--h);
  --xf-selectedItemColor--s: var(--xf-paletteAccent3--s);
  --xf-selectedItemColor--l: var(--xf-paletteAccent3--l);
  --xf-selectedItemColor--a: var(--xf-paletteAccent3--a);
  --xf-starEmptyColor: var(--xf-starEmptyColor--h), var(--xf-starEmptyColor--s), var(--xf-starEmptyColor--l), var(--xf-starEmptyColor--a);
  --xf-starEmptyColor--h: var(--xf-borderColorLight--h);
  --xf-starEmptyColor--s: var(--xf-borderColorLight--s);
  --xf-starEmptyColor--l: var(--xf-borderColorLight--l);
  --xf-starEmptyColor--a: var(--xf-borderColorLight--a);
  --xf-starFullColor: var(--xf-starFullColor--h), var(--xf-starFullColor--s), var(--xf-starFullColor--l), var(--xf-starFullColor--a);
  --xf-starFullColor--h: var(--xf-borderColorAttention--h);
  --xf-starFullColor--s: var(--xf-borderColorAttention--s);
  --xf-starFullColor--l: var(--xf-borderColorAttention--l);
  --xf-starFullColor--a: var(--xf-borderColorAttention--a);
  --xf-subNavBg: var(--xf-subNavBg--h), var(--xf-subNavBg--s), var(--xf-subNavBg--l), var(--xf-subNavBg--a);
  --xf-subNavBg--h: var(--xf-contentAltBg--h);
  --xf-subNavBg--s: var(--xf-contentAltBg--s);
  --xf-subNavBg--l: var(--xf-contentAltBg--l);
  --xf-subNavBg--a: var(--xf-contentAltBg--a);
  --xf-subNavTextColor: var(--xf-subNavTextColor--h), var(--xf-subNavTextColor--s), var(--xf-subNavTextColor--l), var(--xf-subNavTextColor--a);
  --xf-subNavTextColor--h: var(--xf-linkColor--h);
  --xf-subNavTextColor--s: var(--xf-linkColor--s);
  --xf-subNavTextColor--l: var(--xf-linkColor--l);
  --xf-subNavTextColor--a: var(--xf-linkColor--a);
  --xf-successBg: var(--xf-successBg--h), var(--xf-successBg--s), var(--xf-successBg--l), var(--xf-successBg--a);
  --xf-successBg--h: 116;
  --xf-successBg--s: 90%;
  --xf-successBg--l: 95%;
  --xf-successBg--a: 1;
  --xf-successColor: var(--xf-successColor--h), var(--xf-successColor--s), var(--xf-successColor--l), var(--xf-successColor--a);
  --xf-successColor--h: 122;
  --xf-successColor--s: 90%;
  --xf-successColor--l: 30%;
  --xf-successColor--a: 1;
  --xf-successFeatureColor: var(--xf-successFeatureColor--h), var(--xf-successFeatureColor--s), var(--xf-successFeatureColor--l), var(--xf-successFeatureColor--a);
  --xf-successFeatureColor--h: 122;
  --xf-successFeatureColor--s: 90%;
  --xf-successFeatureColor--l: 60%;
  --xf-successFeatureColor--a: 1;
  --xf-textColor: var(--xf-textColor--h), var(--xf-textColor--s), var(--xf-textColor--l), var(--xf-textColor--a);
  --xf-textColor--h: var(--xf-paletteNeutral3--h);
  --xf-textColor--s: var(--xf-paletteNeutral3--s);
  --xf-textColor--l: var(--xf-paletteNeutral3--l);
  --xf-textColor--a: var(--xf-paletteNeutral3--a);
  --xf-textColorAccentContent: var(--xf-textColorAccentContent--h), var(--xf-textColorAccentContent--s), var(--xf-textColorAccentContent--l), var(--xf-textColorAccentContent--a);
  --xf-textColorAccentContent--h: var(--xf-paletteAccent3--h);
  --xf-textColorAccentContent--s: var(--xf-paletteAccent3--s);
  --xf-textColorAccentContent--l: var(--xf-paletteAccent3--l);
  --xf-textColorAccentContent--a: var(--xf-paletteAccent3--a);
  --xf-textColorAttention: var(--xf-textColorAttention--h), var(--xf-textColorAttention--s), var(--xf-textColorAttention--l), var(--xf-textColorAttention--a);
  --xf-textColorAttention--h: var(--xf-paletteAccent2--h);
  --xf-textColorAttention--s: var(--xf-paletteAccent2--s);
  --xf-textColorAttention--l: var(--xf-paletteAccent2--l);
  --xf-textColorAttention--a: var(--xf-paletteAccent2--a);
  --xf-textColorDimmed: var(--xf-textColorDimmed--h), var(--xf-textColorDimmed--s), var(--xf-textColorDimmed--l), var(--xf-textColorDimmed--a);
  --xf-textColorDimmed--h: calc((var(--xf-textColor--h) * 0.5) + (var(--xf-textColorMuted--h) * 0.5));
  --xf-textColorDimmed--s: calc((var(--xf-textColor--s) * 0.5) + (var(--xf-textColorMuted--s) * 0.5));
  --xf-textColorDimmed--l: calc((var(--xf-textColor--l) * 0.5) + (var(--xf-textColorMuted--l) * 0.5));
  --xf-textColorDimmed--a: calc((var(--xf-textColor--a) * 0.5) + (var(--xf-textColorMuted--a) * 0.5));
  --xf-textColorEmphasized: var(--xf-textColorEmphasized--h), var(--xf-textColorEmphasized--s), var(--xf-textColorEmphasized--l), var(--xf-textColorEmphasized--a);
  --xf-textColorEmphasized--h: var(--xf-paletteColor4--h);
  --xf-textColorEmphasized--s: var(--xf-paletteColor4--s);
  --xf-textColorEmphasized--l: var(--xf-paletteColor4--l);
  --xf-textColorEmphasized--a: var(--xf-paletteColor4--a);
  --xf-textColorFeature: var(--xf-textColorFeature--h), var(--xf-textColorFeature--s), var(--xf-textColorFeature--l), var(--xf-textColorFeature--a);
  --xf-textColorFeature--h: var(--xf-paletteColor3--h);
  --xf-textColorFeature--s: var(--xf-paletteColor3--s);
  --xf-textColorFeature--l: var(--xf-paletteColor3--l);
  --xf-textColorFeature--a: var(--xf-paletteColor3--a);
  --xf-textColorMuted: var(--xf-textColorMuted--h), var(--xf-textColorMuted--s), var(--xf-textColorMuted--l), var(--xf-textColorMuted--a);
  --xf-textColorMuted--h: var(--xf-paletteNeutral2--h);
  --xf-textColorMuted--s: var(--xf-paletteNeutral2--s);
  --xf-textColorMuted--l: var(--xf-paletteNeutral2--l);
  --xf-textColorMuted--a: var(--xf-paletteNeutral2--a);
  --xf-voteNegativeColor: var(--xf-voteNegativeColor--h), var(--xf-voteNegativeColor--s), var(--xf-voteNegativeColor--l), var(--xf-voteNegativeColor--a);
  --xf-voteNegativeColor--h: 358;
  --xf-voteNegativeColor--s: 70%;
  --xf-voteNegativeColor--l: 60%;
  --xf-voteNegativeColor--a: 1;
  --xf-votePositiveColor: var(--xf-votePositiveColor--h), var(--xf-votePositiveColor--s), var(--xf-votePositiveColor--l), var(--xf-votePositiveColor--a);
  --xf-votePositiveColor--h: 122;
  --xf-votePositiveColor--s: 70%;
  --xf-votePositiveColor--l: 60%;
  --xf-votePositiveColor--a: 1;
  --xf-warningBg: var(--xf-warningBg--h), var(--xf-warningBg--s), var(--xf-warningBg--l), var(--xf-warningBg--a);
  --xf-warningBg--h: 34;
  --xf-warningBg--s: 90%;
  --xf-warningBg--l: 95%;
  --xf-warningBg--a: 1;
  --xf-warningColor: var(--xf-warningColor--h), var(--xf-warningColor--s), var(--xf-warningColor--l), var(--xf-warningColor--a);
  --xf-warningColor--h: 34;
  --xf-warningColor--s: 90%;
  --xf-warningColor--l: 30%;
  --xf-warningColor--a: 1;
  --xf-warningFeatureColor: var(--xf-warningFeatureColor--h), var(--xf-warningFeatureColor--s), var(--xf-warningFeatureColor--l), var(--xf-warningFeatureColor--a);
  --xf-warningFeatureColor--h: 34;
  --xf-warningFeatureColor--s: 90%;
  --xf-warningFeatureColor--l: 60%;
  --xf-warningFeatureColor--a: 1;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-variation]) {
    --xf-color-adjust: -1;
    --xf-styleType: dark;
    --xf-borderColor--h: var(--xf-contentBg--h);
    --xf-borderColor--s: var(--xf-contentBg--s);
    --xf-borderColor--l: calc(var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 10%));
    --xf-borderColor--a: var(--xf-contentBg--a);
    --xf-borderColorAccentContent--h: calc((var(--xf-paletteAccent3--h) * 0.5) + (var(--xf-paletteAccent2--h) * 0.5));
    --xf-borderColorAccentContent--s: calc((var(--xf-paletteAccent3--s) * 0.5) + (var(--xf-paletteAccent2--s) * 0.5));
    --xf-borderColorAccentContent--l: calc((var(--xf-paletteAccent3--l) * 0.5) + (var(--xf-paletteAccent2--l) * 0.5));
    --xf-borderColorAccentContent--a: calc((var(--xf-paletteAccent3--a) * 0.5) + (var(--xf-paletteAccent2--a) * 0.5));
    --xf-borderColorHighlight--h: var(--xf-paletteColor4--h);
    --xf-borderColorHighlight--s: var(--xf-paletteColor4--s);
    --xf-borderColorHighlight--l: var(--xf-paletteColor4--l);
    --xf-borderColorHighlight--a: var(--xf-paletteColor4--a);
    --xf-buttonCtaBg--h: var(--xf-paletteAccent2--h);
    --xf-buttonCtaBg--s: var(--xf-paletteAccent2--s);
    --xf-buttonCtaBg--l: calc(var(--xf-paletteAccent2--l) - 10%);
    --xf-buttonCtaBg--a: var(--xf-paletteAccent2--a);
    --xf-contentAccentBg--h: var(--xf-paletteAccent3--h);
    --xf-contentAccentBg--s: var(--xf-paletteAccent3--s);
    --xf-contentAccentBg--l: var(--xf-paletteAccent3--l);
    --xf-contentAccentBg--a: var(--xf-paletteAccent3--a);
    --xf-contentBg--h: var(--xf-paletteNeutral3--h);
    --xf-contentBg--s: var(--xf-paletteNeutral3--s);
    --xf-contentBg--l: var(--xf-paletteNeutral3--l);
    --xf-contentBg--a: var(--xf-paletteNeutral3--a);
    --xf-contentHighlightBg--h: var(--xf-paletteColor5--h);
    --xf-contentHighlightBg--s: var(--xf-paletteColor5--s);
    --xf-contentHighlightBg--l: var(--xf-paletteColor5--l);
    --xf-contentHighlightBg--a: var(--xf-paletteColor5--a);
    --xf-errorBg--h: 358;
    --xf-errorBg--s: 70%;
    --xf-errorBg--l: 20%;
    --xf-errorBg--a: 1;
    --xf-errorColor--h: 358;
    --xf-errorColor--s: 70%;
    --xf-errorColor--l: 85%;
    --xf-errorColor--a: 1;
    --xf-errorFeatureColor--h: 358;
    --xf-errorFeatureColor--s: 70%;
    --xf-errorFeatureColor--l: 50%;
    --xf-errorFeatureColor--a: 1;
    --xf-inlineModHighlightColor--h: var(--xf-paletteAccent3--h);
    --xf-inlineModHighlightColor--s: var(--xf-paletteAccent3--s);
    --xf-inlineModHighlightColor--l: var(--xf-paletteAccent3--l);
    --xf-inlineModHighlightColor--a: var(--xf-paletteAccent3--a);
    --xf-linkColor--h: var(--xf-paletteColor2--h);
    --xf-linkColor--s: var(--xf-paletteColor2--s);
    --xf-linkColor--l: var(--xf-paletteColor2--l);
    --xf-linkColor--a: var(--xf-paletteColor2--a);
    --xf-linkHoverColor--h: var(--xf-paletteColor1--h);
    --xf-linkHoverColor--s: var(--xf-paletteColor1--s);
    --xf-linkHoverColor--l: var(--xf-paletteColor1--l);
    --xf-linkHoverColor--a: var(--xf-paletteColor1--a);
    --xf-linkUgcColor--h: var(--xf-paletteColor2--h);
    --xf-linkUgcColor--s: var(--xf-paletteColor2--s);
    --xf-linkUgcColor--l: var(--xf-paletteColor2--l);
    --xf-linkUgcColor--a: var(--xf-paletteColor2--a);
    --xf-linkUgcHoverColor--h: var(--xf-paletteColor1--h);
    --xf-linkUgcHoverColor--s: var(--xf-paletteColor1--s);
    --xf-linkUgcHoverColor--l: var(--xf-paletteColor1--l);
    --xf-linkUgcHoverColor--a: var(--xf-paletteColor1--a);
    --xf-minorHeadingTextColor--h: var(--xf-paletteColor1--h);
    --xf-minorHeadingTextColor--s: var(--xf-paletteColor1--s);
    --xf-minorHeadingTextColor--l: var(--xf-paletteColor1--l);
    --xf-minorHeadingTextColor--a: var(--xf-paletteColor1--a);
    --xf-overlayMaskColor--h: 0;
    --xf-overlayMaskColor--s: 0%;
    --xf-overlayMaskColor--l: 0%;
    --xf-overlayMaskColor--a: 0.15;
    --xf-paletteAccent1--h: 35;
    --xf-paletteAccent1--s: 85%;
    --xf-paletteAccent1--l: 80%;
    --xf-paletteAccent1--a: 1;
    --xf-paletteAccent2--h: 35;
    --xf-paletteAccent2--s: 85%;
    --xf-paletteAccent2--l: 45%;
    --xf-paletteAccent2--a: 1;
    --xf-paletteAccent3--h: 35;
    --xf-paletteAccent3--s: 85%;
    --xf-paletteAccent3--l: 15%;
    --xf-paletteAccent3--a: 1;
    --xf-paletteColor1--h: 206;
    --xf-paletteColor1--s: 60%;
    --xf-paletteColor1--l: 75%;
    --xf-paletteColor1--a: 1;
    --xf-paletteColor2--h: 204;
    --xf-paletteColor2--s: 60%;
    --xf-paletteColor2--l: 60%;
    --xf-paletteColor2--a: 1;
    --xf-paletteColor3--h: 205;
    --xf-paletteColor3--s: 60%;
    --xf-paletteColor3--l: 40%;
    --xf-paletteColor3--a: 1;
    --xf-paletteColor4--h: 205;
    --xf-paletteColor4--s: 60%;
    --xf-paletteColor4--l: 20%;
    --xf-paletteColor4--a: 1;
    --xf-paletteColor5--h: 205;
    --xf-paletteColor5--s: 60%;
    --xf-paletteColor5--l: 10%;
    --xf-paletteColor5--a: 1;
    --xf-publicHeaderAdjustColor--h: var(--xf-paletteNeutral3--h);
    --xf-publicHeaderAdjustColor--s: var(--xf-paletteNeutral3--s);
    --xf-publicHeaderAdjustColor--l: var(--xf-paletteNeutral3--l);
    --xf-publicHeaderAdjustColor--a: 85%;
    --xf-selectedItemBgColor--h: var(--xf-paletteAccent3--h);
    --xf-selectedItemBgColor--s: var(--xf-paletteAccent3--s);
    --xf-selectedItemBgColor--l: var(--xf-paletteAccent3--l);
    --xf-selectedItemBgColor--a: var(--xf-paletteAccent3--a);
    --xf-selectedItemColor--h: var(--xf-paletteAccent1--h);
    --xf-selectedItemColor--s: var(--xf-paletteAccent1--s);
    --xf-selectedItemColor--l: var(--xf-paletteAccent1--l);
    --xf-selectedItemColor--a: var(--xf-paletteAccent1--a);
    --xf-successBg--h: 122;
    --xf-successBg--s: 70%;
    --xf-successBg--l: 20%;
    --xf-successBg--a: 1;
    --xf-successColor--h: 116;
    --xf-successColor--s: 70%;
    --xf-successColor--l: 85%;
    --xf-successColor--a: 1;
    --xf-successFeatureColor--h: 122;
    --xf-successFeatureColor--s: 70%;
    --xf-successFeatureColor--l: 50%;
    --xf-successFeatureColor--a: 1;
    --xf-textColor--h: var(--xf-paletteNeutral1--h);
    --xf-textColor--s: var(--xf-paletteNeutral1--s);
    --xf-textColor--l: calc(var(--xf-paletteNeutral1--l) - 12%);
    --xf-textColor--a: var(--xf-paletteNeutral1--a);
    --xf-textColorAccentContent--h: var(--xf-paletteAccent1--h);
    --xf-textColorAccentContent--s: var(--xf-paletteAccent1--s);
    --xf-textColorAccentContent--l: var(--xf-paletteAccent1--l);
    --xf-textColorAccentContent--a: var(--xf-paletteAccent1--a);
    --xf-textColorDimmed--h: var(--xf-textColor--h);
    --xf-textColorDimmed--s: var(--xf-textColor--s);
    --xf-textColorDimmed--l: calc(var(--xf-textColor--l) - 25%);
    --xf-textColorDimmed--a: var(--xf-textColor--a);
    --xf-textColorEmphasized--h: var(--xf-paletteColor1--h);
    --xf-textColorEmphasized--s: var(--xf-paletteColor1--s);
    --xf-textColorEmphasized--l: var(--xf-paletteColor1--l);
    --xf-textColorEmphasized--a: var(--xf-paletteColor1--a);
    --xf-textColorFeature--h: var(--xf-paletteColor2--h);
    --xf-textColorFeature--s: var(--xf-paletteColor2--s);
    --xf-textColorFeature--l: var(--xf-paletteColor2--l);
    --xf-textColorFeature--a: var(--xf-paletteColor2--a);
    --xf-textColorMuted--h: var(--xf-textColor--h);
    --xf-textColorMuted--s: var(--xf-textColor--s);
    --xf-textColorMuted--l: calc(var(--xf-textColor--l) - 35%);
    --xf-textColorMuted--a: var(--xf-textColor--a);
    --xf-voteNegativeColor--h: 358;
    --xf-voteNegativeColor--s: 50%;
    --xf-voteNegativeColor--l: 50%;
    --xf-voteNegativeColor--a: 1;
    --xf-votePositiveColor--h: 122;
    --xf-votePositiveColor--s: 50%;
    --xf-votePositiveColor--l: 50%;
    --xf-votePositiveColor--a: 1;
    --xf-warningBg--h: 34;
    --xf-warningBg--s: 70%;
    --xf-warningBg--l: 20%;
    --xf-warningBg--a: 1;
    --xf-warningColor--h: 50;
    --xf-warningColor--s: 70%;
    --xf-warningColor--l: 85%;
    --xf-warningColor--a: 1;
    --xf-warningFeatureColor--h: 34;
    --xf-warningFeatureColor--s: 70%;
    --xf-warningFeatureColor--l: 50%;
    --xf-warningFeatureColor--a: 1;
  }
}
:root[data-variation="alternate"] {
  --xf-color-adjust: -1;
  --xf-styleType: dark;
  --xf-borderColor--h: var(--xf-contentBg--h);
  --xf-borderColor--s: var(--xf-contentBg--s);
  --xf-borderColor--l: calc(var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 10%));
  --xf-borderColor--a: var(--xf-contentBg--a);
  --xf-borderColorAccentContent--h: calc((var(--xf-paletteAccent3--h) * 0.5) + (var(--xf-paletteAccent2--h) * 0.5));
  --xf-borderColorAccentContent--s: calc((var(--xf-paletteAccent3--s) * 0.5) + (var(--xf-paletteAccent2--s) * 0.5));
  --xf-borderColorAccentContent--l: calc((var(--xf-paletteAccent3--l) * 0.5) + (var(--xf-paletteAccent2--l) * 0.5));
  --xf-borderColorAccentContent--a: calc((var(--xf-paletteAccent3--a) * 0.5) + (var(--xf-paletteAccent2--a) * 0.5));
  --xf-borderColorHighlight--h: var(--xf-paletteColor4--h);
  --xf-borderColorHighlight--s: var(--xf-paletteColor4--s);
  --xf-borderColorHighlight--l: var(--xf-paletteColor4--l);
  --xf-borderColorHighlight--a: var(--xf-paletteColor4--a);
  --xf-buttonCtaBg--h: var(--xf-paletteAccent2--h);
  --xf-buttonCtaBg--s: var(--xf-paletteAccent2--s);
  --xf-buttonCtaBg--l: calc(var(--xf-paletteAccent2--l) - 10%);
  --xf-buttonCtaBg--a: var(--xf-paletteAccent2--a);
  --xf-contentAccentBg--h: var(--xf-paletteAccent3--h);
  --xf-contentAccentBg--s: var(--xf-paletteAccent3--s);
  --xf-contentAccentBg--l: var(--xf-paletteAccent3--l);
  --xf-contentAccentBg--a: var(--xf-paletteAccent3--a);
  --xf-contentBg--h: var(--xf-paletteNeutral3--h);
  --xf-contentBg--s: var(--xf-paletteNeutral3--s);
  --xf-contentBg--l: var(--xf-paletteNeutral3--l);
  --xf-contentBg--a: var(--xf-paletteNeutral3--a);
  --xf-contentHighlightBg--h: var(--xf-paletteColor5--h);
  --xf-contentHighlightBg--s: var(--xf-paletteColor5--s);
  --xf-contentHighlightBg--l: var(--xf-paletteColor5--l);
  --xf-contentHighlightBg--a: var(--xf-paletteColor5--a);
  --xf-errorBg--h: 358;
  --xf-errorBg--s: 70%;
  --xf-errorBg--l: 20%;
  --xf-errorBg--a: 1;
  --xf-errorColor--h: 358;
  --xf-errorColor--s: 70%;
  --xf-errorColor--l: 85%;
  --xf-errorColor--a: 1;
  --xf-errorFeatureColor--h: 358;
  --xf-errorFeatureColor--s: 70%;
  --xf-errorFeatureColor--l: 50%;
  --xf-errorFeatureColor--a: 1;
  --xf-inlineModHighlightColor--h: var(--xf-paletteAccent3--h);
  --xf-inlineModHighlightColor--s: var(--xf-paletteAccent3--s);
  --xf-inlineModHighlightColor--l: var(--xf-paletteAccent3--l);
  --xf-inlineModHighlightColor--a: var(--xf-paletteAccent3--a);
  --xf-linkColor--h: var(--xf-paletteColor2--h);
  --xf-linkColor--s: var(--xf-paletteColor2--s);
  --xf-linkColor--l: var(--xf-paletteColor2--l);
  --xf-linkColor--a: var(--xf-paletteColor2--a);
  --xf-linkHoverColor--h: var(--xf-paletteColor1--h);
  --xf-linkHoverColor--s: var(--xf-paletteColor1--s);
  --xf-linkHoverColor--l: var(--xf-paletteColor1--l);
  --xf-linkHoverColor--a: var(--xf-paletteColor1--a);
  --xf-linkUgcColor--h: var(--xf-paletteColor2--h);
  --xf-linkUgcColor--s: var(--xf-paletteColor2--s);
  --xf-linkUgcColor--l: var(--xf-paletteColor2--l);
  --xf-linkUgcColor--a: var(--xf-paletteColor2--a);
  --xf-linkUgcHoverColor--h: var(--xf-paletteColor1--h);
  --xf-linkUgcHoverColor--s: var(--xf-paletteColor1--s);
  --xf-linkUgcHoverColor--l: var(--xf-paletteColor1--l);
  --xf-linkUgcHoverColor--a: var(--xf-paletteColor1--a);
  --xf-minorHeadingTextColor--h: var(--xf-paletteColor1--h);
  --xf-minorHeadingTextColor--s: var(--xf-paletteColor1--s);
  --xf-minorHeadingTextColor--l: var(--xf-paletteColor1--l);
  --xf-minorHeadingTextColor--a: var(--xf-paletteColor1--a);
  --xf-overlayMaskColor--h: 0;
  --xf-overlayMaskColor--s: 0%;
  --xf-overlayMaskColor--l: 0%;
  --xf-overlayMaskColor--a: 0.15;
  --xf-paletteAccent1--h: 35;
  --xf-paletteAccent1--s: 85%;
  --xf-paletteAccent1--l: 80%;
  --xf-paletteAccent1--a: 1;
  --xf-paletteAccent2--h: 35;
  --xf-paletteAccent2--s: 85%;
  --xf-paletteAccent2--l: 45%;
  --xf-paletteAccent2--a: 1;
  --xf-paletteAccent3--h: 35;
  --xf-paletteAccent3--s: 85%;
  --xf-paletteAccent3--l: 15%;
  --xf-paletteAccent3--a: 1;
  --xf-paletteColor1--h: 206;
  --xf-paletteColor1--s: 60%;
  --xf-paletteColor1--l: 75%;
  --xf-paletteColor1--a: 1;
  --xf-paletteColor2--h: 204;
  --xf-paletteColor2--s: 60%;
  --xf-paletteColor2--l: 60%;
  --xf-paletteColor2--a: 1;
  --xf-paletteColor3--h: 205;
  --xf-paletteColor3--s: 60%;
  --xf-paletteColor3--l: 40%;
  --xf-paletteColor3--a: 1;
  --xf-paletteColor4--h: 205;
  --xf-paletteColor4--s: 60%;
  --xf-paletteColor4--l: 20%;
  --xf-paletteColor4--a: 1;
  --xf-paletteColor5--h: 205;
  --xf-paletteColor5--s: 60%;
  --xf-paletteColor5--l: 10%;
  --xf-paletteColor5--a: 1;
  --xf-publicHeaderAdjustColor--h: var(--xf-paletteNeutral3--h);
  --xf-publicHeaderAdjustColor--s: var(--xf-paletteNeutral3--s);
  --xf-publicHeaderAdjustColor--l: var(--xf-paletteNeutral3--l);
  --xf-publicHeaderAdjustColor--a: 85%;
  --xf-selectedItemBgColor--h: var(--xf-paletteAccent3--h);
  --xf-selectedItemBgColor--s: var(--xf-paletteAccent3--s);
  --xf-selectedItemBgColor--l: var(--xf-paletteAccent3--l);
  --xf-selectedItemBgColor--a: var(--xf-paletteAccent3--a);
  --xf-selectedItemColor--h: var(--xf-paletteAccent1--h);
  --xf-selectedItemColor--s: var(--xf-paletteAccent1--s);
  --xf-selectedItemColor--l: var(--xf-paletteAccent1--l);
  --xf-selectedItemColor--a: var(--xf-paletteAccent1--a);
  --xf-successBg--h: 122;
  --xf-successBg--s: 70%;
  --xf-successBg--l: 20%;
  --xf-successBg--a: 1;
  --xf-successColor--h: 116;
  --xf-successColor--s: 70%;
  --xf-successColor--l: 85%;
  --xf-successColor--a: 1;
  --xf-successFeatureColor--h: 122;
  --xf-successFeatureColor--s: 70%;
  --xf-successFeatureColor--l: 50%;
  --xf-successFeatureColor--a: 1;
  --xf-textColor--h: var(--xf-paletteNeutral1--h);
  --xf-textColor--s: var(--xf-paletteNeutral1--s);
  --xf-textColor--l: calc(var(--xf-paletteNeutral1--l) - 12%);
  --xf-textColor--a: var(--xf-paletteNeutral1--a);
  --xf-textColorAccentContent--h: var(--xf-paletteAccent1--h);
  --xf-textColorAccentContent--s: var(--xf-paletteAccent1--s);
  --xf-textColorAccentContent--l: var(--xf-paletteAccent1--l);
  --xf-textColorAccentContent--a: var(--xf-paletteAccent1--a);
  --xf-textColorDimmed--h: var(--xf-textColor--h);
  --xf-textColorDimmed--s: var(--xf-textColor--s);
  --xf-textColorDimmed--l: calc(var(--xf-textColor--l) - 25%);
  --xf-textColorDimmed--a: var(--xf-textColor--a);
  --xf-textColorEmphasized--h: var(--xf-paletteColor1--h);
  --xf-textColorEmphasized--s: var(--xf-paletteColor1--s);
  --xf-textColorEmphasized--l: var(--xf-paletteColor1--l);
  --xf-textColorEmphasized--a: var(--xf-paletteColor1--a);
  --xf-textColorFeature--h: var(--xf-paletteColor2--h);
  --xf-textColorFeature--s: var(--xf-paletteColor2--s);
  --xf-textColorFeature--l: var(--xf-paletteColor2--l);
  --xf-textColorFeature--a: var(--xf-paletteColor2--a);
  --xf-textColorMuted--h: var(--xf-textColor--h);
  --xf-textColorMuted--s: var(--xf-textColor--s);
  --xf-textColorMuted--l: calc(var(--xf-textColor--l) - 35%);
  --xf-textColorMuted--a: var(--xf-textColor--a);
  --xf-voteNegativeColor--h: 358;
  --xf-voteNegativeColor--s: 50%;
  --xf-voteNegativeColor--l: 50%;
  --xf-voteNegativeColor--a: 1;
  --xf-votePositiveColor--h: 122;
  --xf-votePositiveColor--s: 50%;
  --xf-votePositiveColor--l: 50%;
  --xf-votePositiveColor--a: 1;
  --xf-warningBg--h: 34;
  --xf-warningBg--s: 70%;
  --xf-warningBg--l: 20%;
  --xf-warningBg--a: 1;
  --xf-warningColor--h: 50;
  --xf-warningColor--s: 70%;
  --xf-warningColor--l: 85%;
  --xf-warningColor--a: 1;
  --xf-warningFeatureColor--h: 34;
  --xf-warningFeatureColor--s: 70%;
  --xf-warningFeatureColor--l: 50%;
  --xf-warningFeatureColor--a: 1;
}

/********* public:core.less ********/
html {
  font: 15px / 1.4 sans-serif;
  font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
  font-weight: 400;
  color: hsl(var(--xf-textColor));
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  background-color: hsl(var(--xf-pageBg));
  /* // just a reminder that we *might* want this at some point
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;*/
  --js-display: block;
}
button,
input,
optgroup,
select,
textarea {
  font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
  line-height: 1.4;
}
img {
  max-width: 100%;
  height: auto;
}
b,
strong {
  font-weight: 700;
}
a {
  color: hsl(var(--xf-linkColor));
  text-decoration: none;
}
a:hover {
  color: hsl(var(--xf-linkHoverColor));
  text-decoration: underline;
}
svg {
  fill: currentColor;
}
html:after {
  content: 'full';
  display: none;
}
@media (max-width: 900px) {
  html:after {
    content: 'wide';
  }
}
@media (max-width: 650px) {
  html:after {
    content: 'medium';
  }
}
@media (max-width: 480px) {
  html:after {
    content: 'narrow';
  }
}
* {
  box-sizing: border-box;
}
body {
  overflow-y: scroll !important;
}
[data-xf-click],
a[tabindex] {
  cursor: pointer;
}
[dir=auto] {
  text-align: left;
}
pre,
textarea {
  word-wrap: normal;
}
img {
  -ms-interpolation-mode: bicubic;
}
em:lang(zh),
em:lang(ja),
em:lang(ko) {
  font-style: normal;
}
.bbWrapper em:lang(zh),
.bbWrapper em:lang(ja),
.bbWrapper em:lang(ko),
.fr-element em:lang(zh),
.fr-element em:lang(ja),
.fr-element em:lang(ko) {
  font-style: italic;
}
.has-pointer-nav :focus {
  outline: 0;
}
.has-pointer-nav ::-moz-focus-inner {
  border: 0;
}
.has-pointer-nav .iconic &gt; input:focus + i:before,
.has-pointer-nav .iconic &gt; input:focus + i:after {
  outline: 0;
}
@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.u-concealed,
.u-concealed a,
.u-cloaked,
.u-cloaked a,
.u-concealed--icon,
.u-concealed--icon a {
  text-decoration: inherit !important;
  color: inherit !important;
}
a.u-concealed:hover,
.u-concealed a:hover {
  text-decoration: underline !important;
}
a.u-concealed:hover .fa,
.u-concealed a:hover .fa {
  color: hsl(var(--xf-linkHoverColor));
}
a.u-concealed--icon:hover .fa,
.u-concealed--icon a:hover .fa {
  color: hsl(var(--xf-linkHoverColor));
}
.u-textColor {
  color: hsl(var(--xf-textColor));
}
.u-dimmed {
  color: hsl(var(--xf-textColorDimmed));
}
.u-muted {
  color: hsl(var(--xf-textColorMuted));
}
.u-dimmed a,
.u-muted a,
.u-faint a {
  color: inherit;
  text-decoration: none;
}
.u-dimmed a:hover,
.u-muted a:hover,
.u-faint a:hover {
  text-decoration: underline;
}
.u-unbold {
  font-weight: normal;
}
.u-featuredText {
  color: hsl(var(--xf-textColorFeature));
}
.u-accentText {
  color: hsl(var(--xf-textColorAccentContent));
}
.u-accentText a {
  color: hsl(var(--xf-textColorAttention));
}
.u-prependAsterisk:before {
  content: "* ";
}
.u-appendAsterisk:after {
  content: " *";
}
.u-dt[title] {
  border: none;
  text-decoration: none;
}
.u-clearFix:before,
.u-clearFix:after {
  content: " ";
  display: table;
}
.u-clearFix:after {
  clear: both;
}
.u-appendColon:after {
  content: ":";
}
.u-appendColon.is-sentence:after {
  content: "";
}
.u-pullLeft {
  float: left !important;
}
.u-pullRight {
  float: right !important;
}
.u-alignCenter {
  text-align: center;
}
.u-alignMiddle {
  vertical-align: middle;
}
.u-spaceAfter {
  margin-right: .28em;
}
.u-spaceBefore {
  margin-left: .28em;
}
.u-showWideInline,
.u-showWideBlock,
.u-showMediumInline,
.u-showMediumBlock,
.u-showNarrowInline,
.u-showNarrowBlock {
  display: none;
}
.u-smaller {
  font-size: small;
}
.u-equalFlex {
  display: flex;
}
.u-equalFlex &gt; * {
  flex: 1 1 auto;
}
@media (max-width: 900px) {
  .u-hideWide {
    display: none !important;
  }
  .u-showWideInline {
    display: inline;
  }
  .u-showWideBlock {
    display: block;
  }
}
@media (max-width: 650px) {
  .u-hideMedium {
    display: none !important;
  }
  .u-showMediumInline {
    display: inline;
  }
  .u-showMediumBlock {
    display: block;
  }
}
@media (max-width: 480px) {
  .u-hideNarrow {
    display: none !important;
  }
  .u-showNarrowInline {
    display: inline;
  }
  .u-showNarrowBlock {
    display: block;
  }
}
.u-ltr {
  direction: ltr;
  text-align: left;
}
.u-rtl {
  direction: rtl;
  text-align: right;
}
.u-depth1 {
  padding-left: 1em;
}
.u-indentDepth1 {
  text-indent: 1em;
}
.u-depth2 {
  padding-left: 2em;
}
.u-indentDepth2 {
  text-indent: 2em;
}
.u-depth3 {
  padding-left: 3em;
}
.u-indentDepth3 {
  text-indent: 3em;
}
.u-depth4 {
  padding-left: 4em;
}
.u-indentDepth4 {
  text-indent: 4em;
}
.u-depth5 {
  padding-left: 5em;
}
.u-indentDepth5 {
  text-indent: 5em;
}
.u-depth6 {
  padding-left: 6em;
}
.u-indentDepth6 {
  text-indent: 6em;
}
.u-depth7 {
  padding-left: 7em;
}
.u-indentDepth7 {
  text-indent: 7em;
}
.u-depth8 {
  padding-left: 8em;
}
.u-indentDepth8 {
  text-indent: 8em;
}
.u-depth9 {
  padding-left: 9em;
}
.u-indentDepth9 {
  text-indent: 9em;
}
.u-hidden {
  display: none;
}
.u-hidden.is-active {
  display: block;
}
.u-hidden.u-hidden--transition {
  display: none;
  opacity: 0;
  -webkit-transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  overflow-y: hidden;
  height: 0;
  -webkit-transition-property: all, -xf-height;
  transition-property: all, -xf-height;
}
.u-hidden.u-hidden--transition.is-active {
  display: block;
}
.u-hidden.u-hidden--transition.is-active {
  display: block;
  opacity: 1;
}
.u-hidden.u-hidden--transition.is-transitioning {
  display: block;
}
.u-hidden.u-hidden--transition.is-active {
  height: auto;
  overflow-y: visible;
}
.u-hidden.u-hidden--transition.is-transitioning {
  overflow-y: hidden;
}
.u-srOnly {
  position: absolute;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.has-no-js .u-jsOnly {
  display: none !important;
}
.has-js .u-noJsOnly {
  display: none !important;
}
img.u-imgContained {
  max-height: 100%;
  max-width: 100%;
}
.u-bottomFixer {
  position: sticky;
  bottom: 0;
  z-index: 800;
  pointer-events: none;
}
.u-bottomFixer &gt; * {
  pointer-events: auto;
}
.u-anchorTarget {
  display: block;
  height: 0;
  width: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}
.u-flex-1 {
  flex: 1;
}
.u-flex-2 {
  flex: 2;
}
.u-flex-3 {
  flex: 3;
}
.u-flex-4 {
  flex: 4;
}
.u-flexStretch {
  flex: 1 1 auto;
}
.u-splitter {
  display: inline-block;
  width: 6px;
  flex-shrink: 0;
}
.u-screenContained {
  max-height: 70vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.u-preWrap {
  white-space: pre-wrap;
}
.pairs {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.pairs.pairs--plainLabel &gt; dt {
  color: inherit;
}
.pairs.pairs--spaced + .pairs {
  margin-top: 6px;
}
.pairs.pairs--noColon &gt; dt:after {
  content: "";
}
.pairs.pairs--rightLabel &gt; dt {
  text-align: right;
}
.pairs &gt; dt {
  padding: 0;
  margin: 0;
  color: hsl(var(--xf-textColorMuted));
}
.pairs &gt; dt:after {
  content: ":";
}
.pairs &gt; dt.is-sentence:after {
  content: "";
}
.pairs &gt; dd {
  padding: 0;
  margin: 0;
}
.pairs.pairs--inline {
  display: inline;
}
.pairs.pairs--inline &gt; dt,
.pairs.pairs--inline &gt; dd {
  display: inline;
}
.pairs.pairs--columns {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.pairs.pairs--columns &gt; dt,
.pairs.pairs--columns &gt; dd {
  display: table-cell;
}
.pairs.pairs--columns &gt; dt {
  width: 50%;
  padding-right: 6px;
}
.pairs.pairs--columns.pairs--fixedSmall &gt; dt {
  width: 200px;
}
.pairs.pairs--columns.pairs--fluidSmall &gt; dt {
  width: 25%;
}
.pairs.pairs--columns.pairs--fluidHuge &gt; dt {
  width: 70%;
}
@media (max-width: 500px) {
  .pairs.pairs--columns {
    display: block;
  }
  .pairs.pairs--columns &gt; dt,
  .pairs.pairs--columns &gt; dd {
    display: block;
  }
  .pairs.pairs--columns.pairs &gt; dt {
    width: auto;
    padding-right: 0;
  }
  .pairs.pairs--columns + .pairs {
    margin-top: 6px;
  }
}
.pairs.pairs--justified:before,
.pairs.pairs--justified:after {
  content: " ";
  display: table;
}
.pairs.pairs--justified:after {
  clear: both;
}
.pairs.pairs--justified &gt; dt {
  float: left;
  max-width: 100%;
  margin-right: 6px;
}
.pairs.pairs--justified &gt; dd {
  float: right;
  text-align: right;
  max-width: 100%;
}
.pairs.pairs--rows {
  display: inline-table;
  margin-right: 6px;
}
.pairs.pairs--rows.pairs--rows--centered &gt; dt,
.pairs.pairs--rows.pairs--rows--centered &gt; dd {
  text-align: center;
}
.pairs.pairs--rows:last-of-type {
  margin-right: 0;
}
.pairs.pairs--rows &gt; dt {
  display: table-row;
  font-size: 80%;
}
.pairs.pairs--rows &gt; dt:after {
  content: '';
  display: none;
}
.pairs.pairs--rows &gt; dd {
  display: table-row;
}
.pairWrapper.pairWrapper--spaced .pairs {
  margin-top: 6px;
}
.pairWrapper.pairWrapper--spaced .pairs:first-child {
  margin-top: 0;
}
.pairJustifier {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-right: -5px;
  margin-bottom: -5px;
}
.pairJustifier .pairs.pairs--rows {
  margin-right: 5px;
  margin-bottom: 5px;
}
.listPlain {
  list-style: none;
  margin: 0;
  padding: 0;
}
.listInline {
  list-style: none;
  margin: 0;
  padding: 0;
}
.listInline.listInline--selfInline,
.listInline.listInline--customField {
  display: inline;
}
.listInline &gt; li {
  display: inline;
  margin: 0;
  padding: 0;
}
.listInline.listInline--block &gt; li {
  display: inline-block;
}
.listInline.listInline--comma &gt; li:nth-last-child(n+2)::after,
.listInline.listInline--customField &gt; li:nth-last-child(n+2)::after {
  content: ", ";
}
.listInline.listInline--bullet &gt; li + li::before {
  content: "\00B7\20";
}
.listInline.listInline--plus &gt; li + li::before {
  content: "\002B\20";
}
.listHeap {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: -4px;
}
.listHeap &gt; li {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin-right: -1px;
  margin-top: 4px;
}
.listHeap &gt; li:last-child {
  margin-right: 0;
}
.listColumns {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;
}
@media (max-width: 480px) {
  .listColumns {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
.listColumns &gt; li {
  -webkit-column-break-inside: avoid;
  break-inside: avoid-column;
  page-break-inside: avoid;
  position: relative;
}
.listColumns.listColumns--spaced &gt; li {
  margin-bottom: .5em;
}
.listColumns.listColumns--narrow {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;
}
.listColumns.listColumns--together {
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
}
.listColumns.listColumns--collapsed {
  display: inline-block;
}
.listColumns.listColumns--3 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;
}
@media (max-width: 900px) {
  .listColumns.listColumns--3 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
  }
}
@media (max-width: 900px) and (max-width: 480px) {
  .listColumns.listColumns--3 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
.listColumns.listColumns--4 {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;
}
@media (max-width: 900px) {
  .listColumns.listColumns--4 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
  }
}
@media (max-width: 900px) and (max-width: 480px) {
  .listColumns.listColumns--4 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
.textHighlight {
  font-style: normal;
  font-weight: 700;
}
.textHighlight.textHighlight--attention {
  color: hsl(var(--xf-textColorAttention));
}
.categoryList {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.categoryList.is-active {
  display: block;
}
.categoryList-item {
  padding: 0;
  text-decoration: none;
  font-size: 15px;
}
.categoryList-item.categoryList-item--small {
  font-size: 13px;
}
.categoryList-item .categoryList {
  padding-left: 10px;
}
.categoryList-itemDesc {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: hsl(var(--xf-textColorMuted));
  margin-top: -6px;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.categoryList-header {
  padding: 6px 0;
  margin: 0;
  color: hsl(var(--xf-textColorFeature));
  text-decoration: none;
  font-weight: 700;
}
.categoryList-header.categoryList-header--muted {
  color: hsl(var(--xf-textColorMuted));
}
.categoryList-header:before,
.categoryList-header:after {
  content: " ";
  display: table;
}
.categoryList-header:after {
  clear: both;
}
.categoryList-header a {
  color: inherit;
  text-decoration: none;
}
.categoryList-header a:hover {
  text-decoration: underline;
}
.categoryList-itemRow {
  display: flex;
  min-width: 0;
}
.categoryList-link {
  display: block;
  flex-grow: 1;
  padding: 6px 6px;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.categoryList-link:hover {
  text-decoration: none;
}
.categoryList-link.is-selected {
  font-weight: 700;
}
.categoryList-toggler + .categoryList-link,
.categoryList-togglerSpacer + .categoryList-link {
  padding-left: 0;
}
.categoryList-label {
  margin-left: auto;
  align-self: center;
  padding-right: 6px;
}
.categoryList-toggler {
  display: inline-block;
  padding: 6px 6px;
  text-decoration: none;
  flex-grow: 0;
  line-height: 1;
}
.categoryList-toggler:hover {
  text-decoration: none;
}
.categoryList-toggler:after {
  font-size: 80%;
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask-image: url('../styles/fa/regular/chevron-down.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/chevron-down.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.categoryList-toggler.is-active:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask-image: url('../styles/fa/regular/chevron-up.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/chevron-up.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.categoryList-togglerSpacer {
  display: inline-block;
  visibility: hidden;
  padding: 6px 6px;
}
.categoryList-togglerSpacer:after {
  font-size: 80%;
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask-image: url('../styles/fa/regular/chevron-down.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/chevron-down.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.blocks {
  margin-bottom: 20px;
}
.blocks:last-child {
  margin-bottom: 0;
}
.blocks .block {
  margin-bottom: 10px;
}
.blocks .block:last-child {
  margin-bottom: 0;
}
.blocks.blocks--close .block {
  margin-bottom: 5px;
}
.blocks.blocks--separated + .blocks {
  padding-top: 20px;
  border-top: 1px solid hsl(var(--xf-borderColor));
}
.blocks-header {
  font-size: 20px;
  font-weight: 400;
  color: hsl(var(--xf-textColorMuted));
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}
.blocks-header.blocks-header--strong {
  color: hsl(var(--xf-textColorDimmed));
}
.blocks-header.blocks-header--strong .blocks-desc {
  color: hsl(var(--xf-textColorMuted));
}
.blocks-textJoiner {
  display: table;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 6px;
}
.blocks-textJoiner &gt; span {
  display: table-cell;
  position: relative;
}
.blocks-textJoiner &gt; span:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 1px solid hsl(var(--xf-borderColor));
}
.blocks-textJoiner &gt; em {
  display: table-cell;
  padding: 0 10px;
  width: 1%;
  white-space: nowrap;
  font-size: 24px;
  line-height: 1;
  font-style: normal;
  text-align: center;
}
.block {
  margin-bottom: 20px;
}
.block.block--close {
  margin-bottom: 5px;
}
.block.block--treeEntryChooser .block-header {
  font-size: 17px;
}
.block.block--treeEntryChooser .block-header .block-desc {
  font-size: 11px;
}
.block.block--treeEntryChooser .block-row {
  padding-top: 6px;
  padding-bottom: 6px;
}
.block.block--treeEntryChooser .contentRow.is-disabled {
  opacity: 0.5;
}
.block.block--treeEntryChooser .contentRow-title {
  font-size: 15px;
}
.block.block--treeEntryChooser .contentRow-minor {
  font-size: 12px;
}
.block.block--treeEntryChooser .contentRow-suffix {
  font-size: 13px;
}
.block-outer {
  padding-bottom: 6px;
}
.block-outer:before,
.block-outer:after {
  content: " ";
  display: table;
}
.block-outer:after {
  clear: both;
}
.block-outer:empty {
  display: none;
}
.block-outer.block-outer--after {
  padding-top: 6px;
  padding-bottom: 0;
}
.block-outer.block-outer--padded {
  padding-left: 10px;
  padding-right: 10px;
}
.block-outer .block-outer-hint {
  font-size: 13px;
  color: hsl(var(--xf-textColorMuted));
}
.block-outer-main,
.block-row-main {
  float: left;
}
.block-outer-opposite,
.block-row-opposite {
  float: right;
}
.block-outer-middle,
.block-row-middle {
  text-align: center;
}
.block-container {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentBg));
  border-width: 1px;
  border-style: solid;
  border-top-color: hsl(var(--xf-borderColorLight));
  border-right-color: hsl(var(--xf-borderColor));
  border-bottom-color: hsl(var(--xf-borderColorHeavy));
  border-left-color: hsl(var(--xf-borderColor));
  border-radius: 4px;
}
.block-container.block-container--none {
  background: none;
  border: none;
  color: hsl(var(--xf-textColor));
  padding: 0;
}
@media (min-width: 650px) {
  .block-container:not(.block-container--noStripRadius) &gt; :first-child,
  .block-topRadiusContent,
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:first-child &gt; .blockLink:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .block-container:not(.block-container--noStripRadius) &gt; :last-child,
  .block-bottomRadiusContent,
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:last-child &gt; .blockLink:last-child,
  .block-container:not(.block-container--noStripRadius) &gt; .tabPanes:last-child &gt; [role=tabpanel] &gt; :last-child,
  .block-container:not(.block-container--noStripRadius) &gt; .tabPanes:last-child &gt; [role=tabpanel] &gt; .block-body &gt; :last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:first-child &gt; .dataList:first-child tbody:first-child .dataList-row:first-child &gt; .dataList-cell:first-child,
  .block-topRadiusContent.dataList tbody:first-child .dataList-row:first-child &gt; .dataList-cell:first-child,
  .block-topRadiusContent &gt; .dataList:first-child tbody:first-child .dataList-row:first-child &gt; .dataList-cell:first-child,
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:first-child &gt; .dataList:first-child thead:first-child .dataList-row:first-child &gt; .dataList-cell:first-child,
  .block-topRadiusContent.dataList thead:first-child .dataList-row:first-child &gt; .dataList-cell:first-child,
  .block-topRadiusContent &gt; .dataList:first-child thead:first-child .dataList-row:first-child &gt; .dataList-cell:first-child {
    border-top-left-radius: 3px;
  }
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:first-child &gt; .dataList:first-child tbody:first-child .dataList-row:first-child &gt; .dataList-cell:last-child,
  .block-topRadiusContent.dataList tbody:first-child .dataList-row:first-child &gt; .dataList-cell:last-child,
  .block-topRadiusContent &gt; .dataList:first-child tbody:first-child .dataList-row:first-child &gt; .dataList-cell:last-child,
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:first-child &gt; .dataList:first-child thead:first-child .dataList-row:first-child &gt; .dataList-cell:last-child,
  .block-topRadiusContent.dataList thead:first-child .dataList-row:first-child &gt; .dataList-cell:last-child,
  .block-topRadiusContent &gt; .dataList:first-child thead:first-child .dataList-row:first-child &gt; .dataList-cell:last-child {
    border-top-right-radius: 3px;
  }
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:first-child &gt; .formRow:first-child &gt; dt,
  .block-topRadiusContent.formRow &gt; dt,
  .block-topRadiusContent &gt; .formRow:first-child &gt; dt {
    border-top-left-radius: 3px;
  }
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:first-child &gt; .formRow:first-child &gt; dd,
  .block-topRadiusContent.formRow &gt; dd,
  .block-topRadiusContent &gt; .formRow:first-child &gt; dd {
    border-top-right-radius: 3px;
  }
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:last-child &gt; .dataList:last-child tbody:last-child .dataList-row:last-child &gt; .dataList-cell:first-child,
  .block-bottomRadiusContent.dataList tbody:last-child .dataList-row:last-child &gt; .dataList-cell:first-child,
  .block-bottomRadiusContent &gt; .dataList:last-child tbody:last-child .dataList-row:last-child &gt; .dataList-cell:first-child {
    border-bottom-left-radius: 3px;
  }
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:last-child &gt; .dataList:last-child tbody:last-child .dataList-row:last-child &gt; .dataList-cell:last-child,
  .block-bottomRadiusContent.dataList tbody:last-child .dataList-row:last-child &gt; .dataList-cell:last-child,
  .block-bottomRadiusContent &gt; .dataList:last-child tbody:last-child .dataList-row:last-child &gt; .dataList-cell:last-child {
    border-bottom-right-radius: 3px;
  }
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:last-child &gt; .formRow:last-child &gt; dt,
  .block-bottomRadiusContent.formRow &gt; dt,
  .block-bottomRadiusContent &gt; .formRow:last-child &gt; dt {
    border-bottom-left-radius: 3px;
  }
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:last-child &gt; .formRow:last-child &gt; dd,
  .block-bottomRadiusContent.formRow &gt; dd,
  .block-bottomRadiusContent &gt; .formRow:last-child &gt; dd {
    border-bottom-right-radius: 3px;
  }
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:last-child .formSubmitRow:not(.is-sticky) &gt; dt,
  .block-container:not(.block-container--noStripRadius) &gt; .formSubmitRow:not(.is-sticky):last-child &gt; dt,
  .block-bottomRadiusContent &gt; .formSubmitRow:not(.is-sticky) &gt; dt {
    border-bottom-left-radius: 3px;
  }
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:last-child .formSubmitRow:not(.is-sticky) &gt; dd,
  .block-container:not(.block-container--noStripRadius) &gt; .formSubmitRow:not(.is-sticky):last-child &gt; dd,
  .block-bottomRadiusContent &gt; .formSubmitRow:not(.is-sticky) &gt; dd {
    border-bottom-right-radius: 3px;
  }
  .block-container:not(.block-container--noStripRadius) &gt; .block-body:last-child .formSubmitRow:not(.is-sticky) .formSubmitRow-bar,
  .block-container:not(.block-container--noStripRadius) &gt; .formSubmitRow:not(.is-sticky):last-child .formSubmitRow-bar,
  .block-bottomRadiusContent &gt; .formSubmitRow:not(.is-sticky) .formSubmitRow-bar {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}
.block-header {
  padding: 6px 10px;
  margin: 0;
  font-weight: 400;
  text-decoration: none;
  font-size: 20px;
  color: hsl(var(--xf-majorHeadingTextColor));
  background: hsl(var(--xf-majorHeadingBg));
  border-bottom: 1px solid hsl(var(--xf-borderColorLight));
  background: linear-gradient(0deg, hsl(var(--xf-majorHeadingBg)), hsl(
    var(--xf-majorHeadingBg--h), 
    var(--xf-majorHeadingBg--s), 
    calc(var(--xf-majorHeadingBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-majorHeadingBg--a)
  ));
}
.block-header:before,
.block-header:after {
  content: " ";
  display: table;
}
.block-header:after {
  clear: both;
}
.block-header a {
  color: inherit;
  text-decoration: none;
}
.block-header a:hover {
  text-decoration: underline;
}
.block-header.block-header--separated {
  border-top: 1px solid hsl(var(--xf-borderColorLight));
}
.block-header .block-desc {
  color: hsl(
    var(--xf-majorHeadingTextColor--h), 
    var(--xf-majorHeadingTextColor--s), 
    var(--xf-majorHeadingTextColor--l), 
    70
  );
}
.block-header .block-desc a {
  color: inherit;
  text-decoration: underline;
}
.block-minorHeader {
  padding: 6px 10px;
  margin: 0;
  font-weight: 400;
  text-decoration: none;
  font-size: 17px;
  color: hsl(var(--xf-minorHeadingTextColor));
}
.block-minorHeader:before,
.block-minorHeader:after {
  content: " ";
  display: table;
}
.block-minorHeader:after {
  clear: both;
}
.block-minorHeader a {
  color: inherit;
  text-decoration: none;
}
.block-minorHeader a:hover {
  text-decoration: underline;
}
.block-body + .block-minorHeader {
  border-top: 1px solid hsl(var(--xf-borderColorLight));
}
.block-minorHeader .block-desc a {
  color: inherit;
  text-decoration: underline;
}
.block-minorHeader--spaced {
  margin-top: 3px;
}
.block-minorHeader--small {
  font-size: 13px;
}
.block-tabHeader {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 15px;
  color: hsl(var(--xf-blockTabHeaderTextColor));
  background: hsl(var(--xf-blockTabHeaderBg));
  border-bottom: 1px solid hsl(var(--xf-borderColor));
  font-size: 0;
}
.block-tabHeader .tabs-tab,
.block-tabHeader .tabs-text,
.block-tabHeader .tabs-extra,
.block-tabHeader .hScroller-action {
  font-size: 15px;
}
.block-tabHeader .tabs-tab {
  padding: 6px 10px;
  border-bottom: 3px solid transparent;
}
.block-tabHeader .tabs-tab:not(.is-readonly):hover {
  color: hsl(var(--xf-paletteColor1));
  background: hsl(
    var(--xf-paletteColor1--h), 
    var(--xf-paletteColor1--s), 
    var(--xf-paletteColor1--l), 
    10%
  );
}
.block-tabHeader .tabs-tab.is-readonly:hover {
  cursor: default;
}
.block-tabHeader .tabs-tab.tabs-tab--radio.is-readonly:hover {
  cursor: not-allowed;
}
.block-tabHeader .tabs-tab.is-active,
.block-tabHeader .tabs &gt; input:checked + .tabs-tab--radio {
  background: none;
  color: hsl(var(--xf-paletteColor1));
  border-color: hsl(var(--xf-paletteColor2));
}
.block-tabHeader .tabs &gt; input[type="radio"] {
  display: none;
}
.block-tabHeader .tabs-text {
  padding: 6px 10px;
  border-bottom: 3px solid transparent;
}
.block-tabHeader .block-tabHeader-extra {
  float: right;
  color: inherit;
  font-size: 15px;
  padding: 6px 10px;
}
.block-tabHeader .hScroller-action {
  color: hsl(var(--xf-blockTabHeaderTextColor));
}
.block-tabHeader .hScroller-action:hover {
  color: hsl(var(--xf-paletteColor1));
}
.block-tabHeader .hScroller-action.hScroller-action--start {
  background: hsl(var(--xf-blockTabHeaderBg));
  background: linear-gradient(to right, hsl(var(--xf-blockTabHeaderBg)) 66%, hsl(
    var(--xf-blockTabHeaderBg--h), 
    var(--xf-blockTabHeaderBg--s), 
    var(--xf-blockTabHeaderBg--l), 
    0%
  ) 100%);
}
.block-tabHeader .hScroller-action.hScroller-action--end {
  background: hsl(var(--xf-blockTabHeaderBg));
  background: linear-gradient(to right, hsl(
    var(--xf-blockTabHeaderBg--h), 
    var(--xf-blockTabHeaderBg--s), 
    var(--xf-blockTabHeaderBg--l), 
    0%
  ) 0%, hsl(var(--xf-blockTabHeaderBg)) 33%);
}
.block-minorTabHeader {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 15px;
  color: hsl(var(--xf-textColorEmphasized));
  background: hsl(var(--xf-contentBg));
  border-bottom: 1px solid hsl(var(--xf-borderColor));
  font-size: 0;
}
.block-minorTabHeader .tabs-tab,
.block-minorTabHeader .tabs-text,
.block-minorTabHeader .tabs-extra,
.block-minorTabHeader .hScroller-action {
  font-size: 15px;
}
.block-minorTabHeader .tabs-tab {
  padding: 6px 10px 3px;
  border-bottom: 3px solid transparent;
}
.block-minorTabHeader .tabs-tab:hover {
  color: hsl(var(--xf-minorHeadingTextColor));
}
.block-minorTabHeader .tabs-tab.is-active {
  background: none;
  color: hsl(var(--xf-minorHeadingTextColor));
  border-color: hsl(var(--xf-minorHeadingTextColor));
}
.block-minorTabHeader .tabs-text {
  padding: 6px 10px 3px;
  border-bottom: 3px solid transparent;
}
.block-minorTabHeader .hScroller-action {
  color: hsl(var(--xf-textColorEmphasized));
}
.block-minorTabHeader .hScroller-action:hover {
  color: hsl(var(--xf-minorHeadingTextColor));
}
.block-minorTabHeader .hScroller-action.hScroller-action--start {
  background: hsl(var(--xf-contentBg));
  background: linear-gradient(to right, hsl(var(--xf-contentBg)) 66%, hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    0%
  ) 100%);
}
.block-minorTabHeader .hScroller-action.hScroller-action--end {
  background: hsl(var(--xf-contentBg));
  background: linear-gradient(to right, hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    0%
  ) 0%, hsl(var(--xf-contentBg)) 33%);
}
.block-filterBar {
  padding: 6px 10px;
  font-size: 13px;
  color: hsl(var(--xf-majorHeadingTextColor));
  background: hsl(var(--xf-majorHeadingBg));
  border-bottom: 1px solid hsl(var(--xf-borderColorHeavy));
  background: linear-gradient(0deg, hsl(var(--xf-contentHighlightBg)), hsl(
    var(--xf-contentHighlightBg--h), 
    var(--xf-contentHighlightBg--s), 
    calc(var(--xf-contentHighlightBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentHighlightBg--a)
  ));
}
.block-filterBar.block-filterBar--standalone {
  padding: 10px 10px;
  border: 1px solid hsl(var(--xf-borderColor));
  border-radius: 3px;
}
@media (max-width: 650px) {
  .block-filterBar.block-filterBar--standalone {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
}
.block-filterBar .filterBar-filterToggle {
  background: hsl(
    calc((var(--xf-majorHeadingTextColor--h) * 0.08) + (var(--xf-majorHeadingBg--h) * 0.92)), 
    calc((var(--xf-majorHeadingTextColor--s) * 0.08) + (var(--xf-majorHeadingBg--s) * 0.92)), 
    calc((var(--xf-majorHeadingTextColor--l) * 0.08) + (var(--xf-majorHeadingBg--l) * 0.92)), 
    calc((var(--xf-majorHeadingTextColor--a) * 0.08) + (var(--xf-majorHeadingBg--a) * 0.92))
  );
}
.block-filterBar .filterBar-filterToggle:hover,
.block-filterBar .filterBar-menuTrigger:hover {
  text-decoration: none;
  background: hsl(
    calc((var(--xf-majorHeadingTextColor--h) * 0.16) + (var(--xf-majorHeadingBg--h) * 0.84)), 
    calc((var(--xf-majorHeadingTextColor--s) * 0.16) + (var(--xf-majorHeadingBg--s) * 0.84)), 
    calc((var(--xf-majorHeadingTextColor--l) * 0.16) + (var(--xf-majorHeadingBg--l) * 0.84)), 
    calc((var(--xf-majorHeadingTextColor--a) * 0.16) + (var(--xf-majorHeadingBg--a) * 0.84))
  );
}
.block-filterBar .filterBar-menuTrigger {
  margin-right: -5px;
}
.block-textHeader {
  margin: 3px 0;
  padding: 0;
  font-weight: 400;
  font-size: 17px;
  color: hsl(var(--xf-minorHeadingTextColor));
}
.block-textHeader:before,
.block-textHeader:after {
  content: " ";
  display: table;
}
.block-textHeader:after {
  clear: both;
}
.block-textHeader a {
  color: inherit;
  text-decoration: none;
}
.block-textHeader a:hover {
  text-decoration: underline;
}
.block-textHeader.block-textHeader--scaled {
  font-size: inherit;
}
.block-textHeader .block-textHeader-highlight {
  color: hsl(var(--xf-textColor));
}
.block-textHeader .block-desc a {
  color: inherit;
  text-decoration: underline;
}
.block-textHeader:first-child {
  margin-top: 0;
}
.block-formSectionHeader {
  padding: 6px 10px;
  margin: 0;
  font-weight: 400;
  text-decoration: none;
  font-size: 17px;
  color: hsl(var(--xf-minorHeadingTextColor));
  border-top: 1px solid hsl(var(--xf-borderColor));
  border-bottom: 1px solid hsl(var(--xf-borderColorFaint));
}
.block-formSectionHeader:before,
.block-formSectionHeader:after {
  content: " ";
  display: table;
}
.block-formSectionHeader:after {
  clear: both;
}
.block-formSectionHeader a {
  color: inherit;
  text-decoration: none;
}
.block-formSectionHeader a:hover {
  text-decoration: underline;
}
.block-formSectionHeader .block-desc a {
  color: inherit;
  text-decoration: underline;
}
.block-container &gt; .block-formSectionHeader:first-child,
.block-body--collapsible .block-formSectionHeader:first-child,
.block-header + .block-formSectionHeader {
  border-top: none;
}
.block-formSectionHeader .block-formSectionHeader-aligner {
  display: inline-block;
  text-align: right;
  min-width: 33%;
  min-width: calc((33%) - (330px) - (10px) - (1px));
  max-width: 100%;
}
@media (max-width: 540px) {
  .block-formSectionHeader .block-formSectionHeader-aligner {
    display: inline;
    text-align: left;
    min-width: 0;
    padding-left: 0;
  }
}
@media (max-width: 540px) {
  .block-formSectionHeader {
    padding-left: 10px;
  }
}
.block-formSectionHeader .block-formSectionHeader-multiChecker {
  float: right;
}
.block-formSectionHeader--small {
  font-size: 15px;
}
.block-desc,
.blocks-desc {
  display: block;
  font-size: 12px;
  font-weight: 400;
}
.block-body {
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-body.block-body--collapsible {
  display: none;
  opacity: 0;
  -webkit-transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  overflow-y: hidden;
  height: 0;
  -webkit-transition-property: all, -xf-height;
  transition-property: all, -xf-height;
}
.has-no-js .block-body.block-body--collapsible {
  display: block;
}
.block-body.block-body--collapsible.is-active {
  display: block;
  opacity: 1;
}
.block-body.block-body--collapsible.is-transitioning {
  display: block;
}
.block-body.block-body--collapsible.is-active {
  height: auto;
  overflow-y: visible;
}
.block-body.block-body--collapsible.is-transitioning {
  overflow-y: hidden;
}
.block-body.block-body--contained {
  overflow: auto;
  max-height: 300px;
  max-height: 70vh;
}
.block-body.block-body--containedFixed {
  overflow-x: auto;
  max-height: 300px;
}
.block-row {
  margin: 0;
  padding: 6px 10px;
}
.block-row:before,
.block-row:after {
  content: " ";
  display: table;
}
.block-row:after {
  clear: both;
}
.block-row.block-row--toEdge {
  padding-left: 0;
  padding-right: 0;
}
.block-row.block-row--alt {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentAltBg));
}
.block-row.block-row--minor {
  font-size: 13px;
}
.block-row.block-row--separated {
  padding-top: 12px;
  padding-bottom: 12px;
}
.block-row.block-row--separated + .block-row {
  border-top: 1px solid hsl(var(--xf-borderColorLight));
}
.block-row.block-row--connectAbove {
  padding-bottom: 12px;
}
.block-body &gt; .block-row.block-row--connectAbove:last-child {
  padding-bottom: 6px;
}
.block-row.block-row--highlighted {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentHighlightBg));
}
.block-row.block-row--clickable:hover {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentHighlightBg));
}
.block-row.is-mod-selected {
  background: hsl(var(--xf-inlineModHighlightColor));
}
.block-row &gt; pre:first-child {
  margin-top: 0;
}
.block-row &gt; pre:last-child {
  margin-bottom: 0;
}
.block-separator {
  margin: 0;
  padding: 0;
  border: none;
  border-top: 1px solid hsl(var(--xf-borderColorLight));
}
.block-footer {
  padding: 6px 10px;
  font-size: 12px;
  color: hsl(var(--xf-blockFooterTextColor));
  background: hsl(var(--xf-blockFooterBg));
  border-top: 1px solid hsl(var(--xf-borderColorLight));
  background: linear-gradient(180deg, hsl(var(--xf-blockFooterBg)), hsl(
    calc((var(--xf-blockFooterBg--h) * 0.5) + (var(--xf-contentBg--h) * 0.5)), 
    calc((var(--xf-blockFooterBg--s) * 0.5) + (var(--xf-contentBg--s) * 0.5)), 
    calc((var(--xf-blockFooterBg--l) * 0.5) + (var(--xf-contentBg--l) * 0.5)), 
    calc((var(--xf-blockFooterBg--a) * 0.5) + (var(--xf-contentBg--a) * 0.5))
  ));
}
.block-footer:before,
.block-footer:after {
  content: " ";
  display: table;
}
.block-footer:after {
  clear: both;
}
.block-footer:first-child {
  border: none;
}
[data-app=admin] .block-footer .block-footer-counter,
[data-app=admin] .block-footer .block-footer-select {
  line-height: 30px;
}
.block-footer:not(.block-footer--split) .block-footer-counter {
  float: left;
}
.block-footer:not(.block-footer--split) .block-footer-controls {
  float: right;
}
.block-footer.block-footer--split {
  display: flex;
  align-items: center;
}
.block-footer.block-footer--split .block-footer-main,
.block-footer.block-footer--split .block-footer-counter {
  flex-grow: 1;
}
.block-footer.block-footer--split .block-footer-select:not(:last-child) {
  margin: 0 1em;
}
.block-footer.block-footer--split .block-footer-opposite,
.block-footer.block-footer--split .block-footer-controls {
  margin-left: auto;
}
@media (max-width: 480px) {
  .block-outer {
    text-align: center;
  }
  .block-outer-main,
  .block-outer-opposite {
    float: none;
    text-align: center;
  }
  .block-outer-main + .block-outer-opposite {
    margin-top: 6px;
  }
}
.block-rowMessage {
  margin: 6px 0;
  padding: 6px 10px;
  border-width: 1px;
  border-style: solid;
  border-top-color: hsl(var(--xf-borderColorLight));
  border-right-color: hsl(var(--xf-borderColor));
  border-bottom-color: hsl(var(--xf-borderColorHeavy));
  border-left-color: hsl(var(--xf-borderColor));
  border-radius: 4px;
}
.block-rowMessage:before,
.block-rowMessage:after {
  content: " ";
  display: table;
}
.block-rowMessage:after {
  clear: both;
}
.block-rowMessage:first-child {
  margin-top: 0;
}
.block-rowMessage:last-child {
  margin-bottom: 0;
}
.block-rowMessage.block-rowMessage--small {
  font-size: 13px;
  padding: 3px 5px;
}
.block-rowMessage.block-rowMessage--center {
  text-align: center;
}
.block-rowMessage.block-rowMessage--limited {
  max-height: 100px;
  max-height: 25vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.block-rowMessage.block-rowMessage--highlight {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentHighlightBg));
}
.block-rowMessage--highlight.block-rowMessage--iconic:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/info-circle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/info-circle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.block-rowMessage.block-rowMessage--important {
  color: hsl(var(--xf-textColorAccentContent));
  background: hsl(var(--xf-contentAccentBg));
  border-left: 3px solid hsl(var(--xf-borderColorAttention));
}
.block-rowMessage.block-rowMessage--important a {
  color: hsl(var(--xf-textColorAttention));
}
.block-rowMessage--important.block-rowMessage--iconic:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/exclamation-circle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/exclamation-circle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  color: hsl(var(--xf-textColorAttention));
}
.block-rowMessage.block-rowMessage--alt {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentAltBg));
}
.block-rowMessage.block-rowMessage--success {
  border-left: 3px solid hsl(var(--xf-successFeatureColor));
  background: hsl(var(--xf-successBg));
  color: hsl(var(--xf-successColor));
}
.block-rowMessage.block-rowMessage--success a {
  color: inherit;
  text-decoration: underline;
}
.block-rowMessage--success.block-rowMessage--iconic:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/check-circle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/check-circle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  color: hsl(var(--xf-successFeatureColor));
}
.block-rowMessage.block-rowMessage--warning {
  border-left: 3px solid hsl(var(--xf-warningFeatureColor));
  background: hsl(var(--xf-warningBg));
  color: hsl(var(--xf-warningColor));
}
.block-rowMessage.block-rowMessage--warning a {
  color: inherit;
  text-decoration: underline;
}
.block-rowMessage--warning.block-rowMessage--iconic:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/exclamation-triangle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/exclamation-triangle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  color: hsl(var(--xf-warningFeatureColor));
}
.block-rowMessage.block-rowMessage--error {
  border-left: 3px solid hsl(var(--xf-errorFeatureColor));
  background: hsl(var(--xf-errorBg));
  color: hsl(var(--xf-errorColor));
}
.block-rowMessage.block-rowMessage--error a {
  color: inherit;
  text-decoration: underline;
}
.block-rowMessage--error.block-rowMessage--iconic:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/times-circle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/times-circle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  color: hsl(var(--xf-errorFeatureColor));
}
.blockMessage {
  margin-bottom: 20px;
  padding: 6px 10px;
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentBg));
  border-width: 1px;
  border-style: solid;
  border-top-color: hsl(var(--xf-borderColorLight));
  border-right-color: hsl(var(--xf-borderColor));
  border-bottom-color: hsl(var(--xf-borderColorHeavy));
  border-left-color: hsl(var(--xf-borderColor));
  border-radius: 4px;
}
.blockMessage:before,
.blockMessage:after {
  content: " ";
  display: table;
}
.blockMessage:after {
  clear: both;
}
.blockMessage.blockMessage--none {
  background: none;
  border: none;
  color: hsl(var(--xf-textColor));
  padding: 0;
}
.blockMessage.blockMessage--close {
  margin-top: 5px;
  margin-bottom: 5px;
}
.blockMessage.blockMessage--small {
  font-size: 13px;
  padding: 6px;
}
.blockMessage.blockMessage--center {
  text-align: center;
}
.blockMessage.blockMessage--limited {
  max-height: 100px;
  max-height: 25vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.blockMessage.blockMessage--highlight {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentHighlightBg));
}
.blockMessage--highlight.blockMessage--iconic:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/info-circle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/info-circle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.blockMessage.blockMessage--important {
  color: hsl(var(--xf-textColorAccentContent));
  background: hsl(var(--xf-contentAccentBg));
  border-left: 3px solid hsl(var(--xf-borderColorAttention));
}
.blockMessage.blockMessage--important a {
  color: hsl(var(--xf-textColorAttention));
}
.blockMessage--important.blockMessage--iconic:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/exclamation-circle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/exclamation-circle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  color: hsl(var(--xf-textColorAttention));
}
.blockMessage.blockMessage--alt {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentAltBg));
}
.blockMessage.blockMessage--success {
  border-left: 3px solid hsl(var(--xf-successFeatureColor));
  background: hsl(var(--xf-successBg));
  color: hsl(var(--xf-successColor));
}
.blockMessage.blockMessage--success a {
  color: inherit;
  text-decoration: underline;
}
.blockMessage--success.blockMessage--iconic:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/check-circle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/check-circle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  color: hsl(var(--xf-successFeatureColor));
}
.blockMessage.blockMessage--warning {
  border-left: 3px solid hsl(var(--xf-warningFeatureColor));
  background: hsl(var(--xf-warningBg));
  color: hsl(var(--xf-warningColor));
}
.blockMessage.blockMessage--warning a {
  color: inherit;
  text-decoration: underline;
}
.blockMessage--warning.blockMessage--iconic:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/exclamation-triangle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/exclamation-triangle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  color: hsl(var(--xf-warningFeatureColor));
}
.blockMessage.blockMessage--error {
  border-left: 3px solid hsl(var(--xf-errorFeatureColor));
  background: hsl(var(--xf-errorBg));
  color: hsl(var(--xf-errorColor));
}
.blockMessage.blockMessage--error a {
  color: inherit;
  text-decoration: underline;
}
.blockMessage--error.blockMessage--iconic:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/times-circle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/times-circle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  color: hsl(var(--xf-errorFeatureColor));
}
.blockMessage--iconic,
.block-rowMessage--iconic {
  text-align: left;
  position: relative;
  padding-left: 4em;
  min-height: 4em;
}
.blockMessage--iconic:before,
.block-rowMessage--iconic:before {
  font-size: 280%;
  position: absolute;
  top: 0.2em;
  left: 6px;
}
.blockStatus {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentAltBg));
  border-width: 1px;
  border-style: solid;
  border-top-color: hsl(var(--xf-borderColorLight));
  border-right-color: hsl(var(--xf-borderColor));
  border-bottom-color: hsl(var(--xf-borderColorHeavy));
  border-left-color: hsl(var(--xf-borderColor));
  border-left: 3px solid hsl(var(--xf-borderColorAttention));
  border-radius: 4px;
  margin: 0;
  padding: 6px 0;
  font-size: 13px;
  text-align: left;
}
.blockStatus &gt; dt {
  display: none;
}
.blockStatus.blockStatus--info {
  border-left-color: hsl(var(--xf-borderColorFeature));
}
.blockStatus.blockStatus--simple {
  border-width: 1px;
  border-style: solid;
  border-top-color: hsl(var(--xf-borderColorLight));
  border-right-color: hsl(var(--xf-borderColor));
  border-bottom-color: hsl(var(--xf-borderColorHeavy));
  border-left-color: hsl(var(--xf-borderColor));
}
.blockStatus.blockStatus--standalone {
  margin-bottom: 10px;
}
.blockStatus-message {
  display: block;
  padding: 0 6px;
  margin: .2em 0 0;
}
.blockStatus-message:first-of-type {
  margin-top: 0;
}
.blockStatus-message:before {
  display: inline-block;
  min-width: .8em;
  color: hsl(var(--xf-textColorAttention));
}
.blockStatus-message--deleted::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/trash-alt.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/trash-alt.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.blockStatus-message--locked::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/lock.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/lock.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.blockStatus-message--moderated::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/shield-alt.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/shield-alt.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.blockStatus-message--warning:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/exclamation-triangle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/exclamation-triangle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.blockStatus-message--ignored:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/microphone-slash.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/microphone-slash.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.blockLink {
  display: block;
  padding: 6px 10px;
  text-decoration: none;
  cursor: pointer;
}
.blockLink.is-selected {
  font-weight: 700;
  background: hsl(var(--xf-contentHighlightBg));
  border-left: 3px solid hsl(var(--xf-borderColorFeature));
  padding-left: 7px;
}
.blockLink:hover {
  background: hsl(var(--xf-contentHighlightBg));
  text-decoration: inherit;
}
.blockLink-desc {
  display: block;
  color: hsl(var(--xf-textColorMuted));
  font-size: 12px;
  font-weight: 400;
}
.blockLinkSplitToggle {
  display: flex;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
}
.blockLinkSplitToggle.is-selected {
  font-weight: 700;
  background: hsl(var(--xf-contentHighlightBg));
}
.blockLinkSplitToggle:hover {
  background: hsl(var(--xf-contentHighlightBg));
  text-decoration: inherit;
}
.blockLinkSplitToggle-link {
  display: block;
  padding: 6px 10px;
  text-decoration: none;
  flex-grow: 1;
}
.blockLinkSplitToggle-link:hover {
  text-decoration: none;
}
.blockLinkSplitToggle.is-selected .blockLinkSplitToggle-link {
  border-left: 3px solid hsl(var(--xf-borderColorFeature));
  padding-left: 7px;
}
.blockLinkSplitToggle-toggle {
  display: inline-block;
  padding: 6px 10px;
  text-decoration: none;
  flex-grow: 0;
  line-height: 1;
}
.blockLinkSplitToggle-toggle:hover {
  text-decoration: none;
}
.blockLinkSplitToggle-toggle:after {
  font-size: 80%;
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/chevron-down.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/chevron-down.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.blockLinkSplitToggle-toggle.is-active:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/chevron-up.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/chevron-up.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.blockLink--iconic i:after {
  display: inline-block;
  min-width: 1em;
  position: absolute;
  left: 10px;
  top: 8px;
  display: none !important;
}
.blockLink--iconic--started i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/file-alt.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/file-alt.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.blockLink--iconic--contributed i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/comments.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/comments.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.blockLink--iconic--watched i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/bookmark.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/bookmark.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.blockLink--iconic--unanswered i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/question-circle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/question-circle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.fauxBlockLink {
  position: relative;
}
.fauxBlockLink a,
.fauxBlockLink .fauxBlockLink-link {
  position: relative;
  z-index: 2;
}
.fauxBlockLink .fauxBlockLink-blockLink {
  position: static;
}
.fauxBlockLink .fauxBlockLink-blockLink:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.fauxBlockLink.fauxBlockLink--noHover .fauxBlockLink-blockLink:hover {
  text-decoration: none;
}
.blockMessage p:first-child,
.blockStatus p:first-child,
.block-row p:first-child {
  margin-top: 0;
}
.blockMessage p:last-child,
.blockStatus p:last-child,
.block-row p:last-child {
  margin-bottom: 0;
}
@media (max-width: 650px) {
  .block-container,
  .blockMessage {
    margin-left: -10px;
    margin-right: -10px;
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
  .blockStatus {
    margin-left: -10px;
    margin-right: -10px;
    border-radius: 0;
    border-right: none;
  }
  .blockMessage.blockMessage--none {
    margin-left: 0;
    margin-right: 0;
  }
}
.fixedMessageBar {
  color: hsl(
    var(--xf-paletteNeutral2--h), 
    var(--xf-paletteNeutral2--s), 
    calc((var(--xf-paletteNeutral2--l) - 67%) * -100), 
    var(--xf-paletteNeutral2--a)
  );
  background: hsl(var(--xf-paletteNeutral2));
  border-top: 1px solid hsl(
    var(--xf-paletteNeutral2--h), 
    var(--xf-paletteNeutral2--s), 
    calc(var(--xf-paletteNeutral2--l) - (var(--xf-color-adjust, 1) * 10%)), 
    var(--xf-paletteNeutral2--a)
  );
  border-bottom: 1px solid hsl(
    var(--xf-paletteNeutral2--h), 
    var(--xf-paletteNeutral2--s), 
    calc(var(--xf-paletteNeutral2--l) - (var(--xf-color-adjust, 1) * 10%)), 
    var(--xf-paletteNeutral2--a)
  );
  padding: 10px;
  display: none;
  opacity: 0;
  -webkit-transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  overflow-y: hidden;
  height: 0;
  -webkit-transition-property: all, -xf-height;
  transition-property: all, -xf-height;
}
.fixedMessageBar.is-active {
  display: block;
  opacity: 1;
}
.fixedMessageBar.is-transitioning {
  display: block;
}
.fixedMessageBar.is-active {
  height: auto;
  overflow-y: visible;
}
.fixedMessageBar.is-transitioning {
  overflow-y: hidden;
}
.fixedMessageBar:before,
.fixedMessageBar:after {
  content: " ";
  display: table;
}
.fixedMessageBar:after {
  clear: both;
}
.fixedMessageBar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fixedMessageBar-message {
  order: 1;
}
.fixedMessageBar-close {
  float: right;
  margin-left: 1em;
  order: 2;
  color: inherit;
}
.fixedMessageBar-close:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/times.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/times.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.fixedMessageBar-close:hover {
  text-decoration: none;
  color: hsl(
    var(--xf-paletteNeutral2--h), 
    var(--xf-paletteNeutral2--s), 
    calc(((var(--xf-paletteNeutral2--l) - 67%) * -100) - (var(--xf-color-adjust, 1) * 10%)), 
    var(--xf-paletteNeutral2--a)
  );
}
.button,
a.button {
  display: inline-block;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-transition:  background-color 0.125s ease, border-color 0.125s ease, color 0.125s ease;
  transition:  background-color 0.125s ease, border-color 0.125s ease, color 0.125s ease;
  font-size: 13px;
  border-radius: 4px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  text-align: center;
  color: hsl(var(--xf-buttonTextColor));
  background: hsl(var(--xf-buttonBg));
  border-color: hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    calc(var(--xf-buttonBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonBg--a)
  ) hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    calc(var(--xf-buttonBg--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonBg--a)
  ) hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    calc(var(--xf-buttonBg--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonBg--a)
  ) hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    calc(var(--xf-buttonBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonBg--a)
  );
}
.button a,
a.button a {
  color: inherit;
  text-decoration: none;
}
.button.button--splitTrigger &gt; .button-text,
a.button.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    calc(var(--xf-buttonBg--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonBg--a)
  );
}
.button.button--splitTrigger &gt; .button-menu,
a.button.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    calc(var(--xf-buttonBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonBg--a)
  );
}
.button:not(.button--splitTrigger):hover,
a.button:not(.button--splitTrigger):hover,
.button.button--splitTrigger &gt; .button-text:hover,
a.button.button--splitTrigger &gt; .button-text:hover,
.button.button--splitTrigger &gt; .button-menu:hover,
a.button.button--splitTrigger &gt; .button-menu:hover,
.button:not(.button--splitTrigger):focus,
a.button:not(.button--splitTrigger):focus,
.button.button--splitTrigger &gt; .button-text:focus,
a.button.button--splitTrigger &gt; .button-text:focus,
.button.button--splitTrigger &gt; .button-menu:focus,
a.button.button--splitTrigger &gt; .button-menu:focus,
.button:not(.button--splitTrigger):active,
a.button:not(.button--splitTrigger):active,
.button.button--splitTrigger &gt; .button-text:active,
a.button.button--splitTrigger &gt; .button-text:active,
.button.button--splitTrigger &gt; .button-menu:active,
a.button.button--splitTrigger &gt; .button-menu:active {
  background-color: hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    calc(var(--xf-buttonBg--l) - (var(--xf-color-adjust, 1) * 8%)), 
    var(--xf-buttonBg--a)
  );
}
.button.button--primary,
a.button.button--primary {
  color: hsl(
    var(--xf-buttonPrimaryBg--h), 
    var(--xf-buttonPrimaryBg--s), 
    calc((var(--xf-buttonPrimaryBg--l) - 67%) * -100), 
    var(--xf-buttonPrimaryBg--a)
  );
  background: hsl(var(--xf-buttonPrimaryBg));
  min-width: 80px;
  border-color: hsl(
    var(--xf-buttonPrimaryBg--h), 
    var(--xf-buttonPrimaryBg--s), 
    calc(var(--xf-buttonPrimaryBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonPrimaryBg--a)
  ) hsl(
    var(--xf-buttonPrimaryBg--h), 
    var(--xf-buttonPrimaryBg--s), 
    calc(var(--xf-buttonPrimaryBg--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonPrimaryBg--a)
  ) hsl(
    var(--xf-buttonPrimaryBg--h), 
    var(--xf-buttonPrimaryBg--s), 
    calc(var(--xf-buttonPrimaryBg--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonPrimaryBg--a)
  ) hsl(
    var(--xf-buttonPrimaryBg--h), 
    var(--xf-buttonPrimaryBg--s), 
    calc(var(--xf-buttonPrimaryBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonPrimaryBg--a)
  );
}
.button.button--primary.button--splitTrigger &gt; .button-text,
a.button.button--primary.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    var(--xf-buttonPrimaryBg--h), 
    var(--xf-buttonPrimaryBg--s), 
    calc(var(--xf-buttonPrimaryBg--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonPrimaryBg--a)
  );
}
.button.button--primary.button--splitTrigger &gt; .button-menu,
a.button.button--primary.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    var(--xf-buttonPrimaryBg--h), 
    var(--xf-buttonPrimaryBg--s), 
    calc(var(--xf-buttonPrimaryBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonPrimaryBg--a)
  );
}
.button.button--primary:not(.button--splitTrigger):hover,
a.button.button--primary:not(.button--splitTrigger):hover,
.button.button--primary.button--splitTrigger &gt; .button-text:hover,
a.button.button--primary.button--splitTrigger &gt; .button-text:hover,
.button.button--primary.button--splitTrigger &gt; .button-menu:hover,
a.button.button--primary.button--splitTrigger &gt; .button-menu:hover,
.button.button--primary:not(.button--splitTrigger):focus,
a.button.button--primary:not(.button--splitTrigger):focus,
.button.button--primary.button--splitTrigger &gt; .button-text:focus,
a.button.button--primary.button--splitTrigger &gt; .button-text:focus,
.button.button--primary.button--splitTrigger &gt; .button-menu:focus,
a.button.button--primary.button--splitTrigger &gt; .button-menu:focus,
.button.button--primary:not(.button--splitTrigger):active,
a.button.button--primary:not(.button--splitTrigger):active,
.button.button--primary.button--splitTrigger &gt; .button-text:active,
a.button.button--primary.button--splitTrigger &gt; .button-text:active,
.button.button--primary.button--splitTrigger &gt; .button-menu:active,
a.button.button--primary.button--splitTrigger &gt; .button-menu:active {
  background-color: hsl(
    var(--xf-buttonPrimaryBg--h), 
    var(--xf-buttonPrimaryBg--s), 
    calc(var(--xf-buttonPrimaryBg--l) - (var(--xf-color-adjust, 1) * 8%)), 
    var(--xf-buttonPrimaryBg--a)
  );
}
.button.button--cta,
a.button.button--cta {
  color: hsl(
    var(--xf-buttonCtaBg--h), 
    var(--xf-buttonCtaBg--s), 
    calc((var(--xf-buttonCtaBg--l) - 67%) * -100), 
    var(--xf-buttonCtaBg--a)
  );
  background: hsl(var(--xf-buttonCtaBg));
  border-color: hsl(
    var(--xf-buttonCtaBg--h), 
    var(--xf-buttonCtaBg--s), 
    calc(var(--xf-buttonCtaBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonCtaBg--a)
  ) hsl(
    var(--xf-buttonCtaBg--h), 
    var(--xf-buttonCtaBg--s), 
    calc(var(--xf-buttonCtaBg--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonCtaBg--a)
  ) hsl(
    var(--xf-buttonCtaBg--h), 
    var(--xf-buttonCtaBg--s), 
    calc(var(--xf-buttonCtaBg--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonCtaBg--a)
  ) hsl(
    var(--xf-buttonCtaBg--h), 
    var(--xf-buttonCtaBg--s), 
    calc(var(--xf-buttonCtaBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonCtaBg--a)
  );
}
.button.button--cta.button--splitTrigger &gt; .button-text,
a.button.button--cta.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    var(--xf-buttonCtaBg--h), 
    var(--xf-buttonCtaBg--s), 
    calc(var(--xf-buttonCtaBg--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonCtaBg--a)
  );
}
.button.button--cta.button--splitTrigger &gt; .button-menu,
a.button.button--cta.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    var(--xf-buttonCtaBg--h), 
    var(--xf-buttonCtaBg--s), 
    calc(var(--xf-buttonCtaBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonCtaBg--a)
  );
}
.button.button--cta:not(.button--splitTrigger):hover,
a.button.button--cta:not(.button--splitTrigger):hover,
.button.button--cta.button--splitTrigger &gt; .button-text:hover,
a.button.button--cta.button--splitTrigger &gt; .button-text:hover,
.button.button--cta.button--splitTrigger &gt; .button-menu:hover,
a.button.button--cta.button--splitTrigger &gt; .button-menu:hover,
.button.button--cta:not(.button--splitTrigger):focus,
a.button.button--cta:not(.button--splitTrigger):focus,
.button.button--cta.button--splitTrigger &gt; .button-text:focus,
a.button.button--cta.button--splitTrigger &gt; .button-text:focus,
.button.button--cta.button--splitTrigger &gt; .button-menu:focus,
a.button.button--cta.button--splitTrigger &gt; .button-menu:focus,
.button.button--cta:not(.button--splitTrigger):active,
a.button.button--cta:not(.button--splitTrigger):active,
.button.button--cta.button--splitTrigger &gt; .button-text:active,
a.button.button--cta.button--splitTrigger &gt; .button-text:active,
.button.button--cta.button--splitTrigger &gt; .button-menu:active,
a.button.button--cta.button--splitTrigger &gt; .button-menu:active {
  background-color: hsl(
    var(--xf-buttonCtaBg--h), 
    var(--xf-buttonCtaBg--s), 
    calc(var(--xf-buttonCtaBg--l) - (var(--xf-color-adjust, 1) * 8%)), 
    var(--xf-buttonCtaBg--a)
  );
}
.button.button--link,
a.button.button--link {
  background: hsl(var(--xf-contentBg));
  color: hsl(var(--xf-linkColor));
  border-color: hsl(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    calc(var(--xf-borderColor--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-borderColor--a)
  ) hsl(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    calc(var(--xf-borderColor--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-borderColor--a)
  ) hsl(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    calc(var(--xf-borderColor--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-borderColor--a)
  ) hsl(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    calc(var(--xf-borderColor--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-borderColor--a)
  );
}
.button.button--link.button--splitTrigger &gt; .button-text,
a.button.button--link.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    calc(var(--xf-borderColor--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-borderColor--a)
  );
}
.button.button--link.button--splitTrigger &gt; .button-menu,
a.button.button--link.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    calc(var(--xf-borderColor--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-borderColor--a)
  );
}
.button.button--link:hover,
a.button.button--link:hover,
.button.button--link:active,
a.button.button--link:active,
.button.button--link:focus,
a.button.button--link:focus {
  text-decoration: none;
  background: hsl(var(--xf-contentHighlightBg));
}
.button.button--plain,
a.button.button--plain {
  background: none;
  color: hsl(var(--xf-linkColor));
  border: none;
}
.button.button--plain:hover,
a.button.button--plain:hover,
.button.button--plain:active,
a.button.button--plain:active,
.button.button--plain:focus,
a.button.button--plain:focus {
  text-decoration: none;
  background: none;
}
.button.button--alt,
a.button.button--alt {
  background-color: hsl(var(--xf-paletteColor1));
  color: hsl(var(--xf-linkColor));
  border-color: hsl(
    var(--xf-paletteColor2--h), 
    var(--xf-paletteColor2--s), 
    calc(var(--xf-paletteColor2--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-paletteColor2--a)
  ) hsl(
    var(--xf-paletteColor2--h), 
    var(--xf-paletteColor2--s), 
    calc(var(--xf-paletteColor2--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-paletteColor2--a)
  ) hsl(
    var(--xf-paletteColor2--h), 
    var(--xf-paletteColor2--s), 
    calc(var(--xf-paletteColor2--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-paletteColor2--a)
  ) hsl(
    var(--xf-paletteColor2--h), 
    var(--xf-paletteColor2--s), 
    calc(var(--xf-paletteColor2--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-paletteColor2--a)
  );
}
.button.button--alt.button--splitTrigger &gt; .button-text,
a.button.button--alt.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    var(--xf-paletteColor2--h), 
    var(--xf-paletteColor2--s), 
    calc(var(--xf-paletteColor2--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-paletteColor2--a)
  );
}
.button.button--alt.button--splitTrigger &gt; .button-menu,
a.button.button--alt.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    var(--xf-paletteColor2--h), 
    var(--xf-paletteColor2--s), 
    calc(var(--xf-paletteColor2--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-paletteColor2--a)
  );
}
.button.button--alt:hover,
a.button.button--alt:hover,
.button.button--alt:active,
a.button.button--alt:active,
.button.button--alt:focus,
a.button.button--alt:focus {
  background-color: hsl(var(--xf-paletteColor1));
  color: hsl(var(--xf-linkColor));
}
.button.button--longText,
a.button.button--longText {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
}
.button.is-disabled,
a.button.is-disabled {
  color: hsl(var(--xf-textColorMuted));
  background: hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc(var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)), 
    var(--xf-contentBg--a)
  );
  cursor: default;
  border-color: hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc((var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentBg--a)
  ) hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc((var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentBg--a)
  ) hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc((var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentBg--a)
  ) hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc((var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentBg--a)
  );
}
.button.is-disabled.button--splitTrigger &gt; .button-text,
a.button.is-disabled.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc((var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentBg--a)
  );
}
.button.is-disabled.button--splitTrigger &gt; .button-menu,
a.button.is-disabled.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc((var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentBg--a)
  );
}
.button.is-disabled:hover,
a.button.is-disabled:hover,
.button.is-disabled:active,
a.button.is-disabled:active,
.button.is-disabled:focus,
a.button.is-disabled:focus {
  background: hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc(var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)), 
    var(--xf-contentBg--a)
  ) !important;
}
.button.is-hidden,
a.button.is-hidden {
  display: none;
}
.button.button--scroll,
a.button.button--scroll {
  background: hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    var(--xf-buttonBg--l), 
    75%
  );
  padding: 5px 8px;
  box-shadow: 1px 2px 2px 0 hsl(0, 0%, 0%, 0.25);
}
.button.button--normal,
a.button.button--normal {
  font-size: 15px;
}
.button.button--small,
a.button.button--small {
  font-size: 13px;
  padding: 3px 6px;
}
.button.button--smaller,
a.button.button--smaller {
  font-size: 12px;
  padding: 2px 5px;
}
.button.button--padded,
a.button.button--padded {
  padding: 7px 10px;
}
.button.button--fullWidth,
a.button.button--fullWidth {
  display: block;
  width: 100%;
}
.button.button--adminStyleAsset.is-disabled,
a.button.button--adminStyleAsset.is-disabled {
  visibility: hidden;
}
.button.button--adminStyleAsset.is-modify &gt; .button-text::before,
a.button.button--adminStyleAsset.is-modify &gt; .button-text::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/pencil-alt.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/pencil-alt.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  vertical-align: .025em;
}
.button.button--adminStyleAsset.is-revert &gt; .button-text::before,
a.button.button--adminStyleAsset.is-revert &gt; .button-text::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/history.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/history.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  vertical-align: .025em;
}
.button.button--wrap,
a.button.button--wrap {
  white-space: normal;
}
.button.button--icon &gt; .button-text:before,
a.button.button--icon &gt; .button-text:before,
.button.button--icon &gt; .fa--xf:before,
a.button.button--icon &gt; .fa--xf:before,
.button.button--icon &gt; .fa--xf svg,
a.button.button--icon &gt; .fa--xf svg,
.button.button--icon .button-icon,
a.button.button--icon .button-icon {
  font-size: 120%;
  vertical-align: .04em;
  display: inline-block;
  margin: -0.255em 6px -0.255em 0;
}
.button.button--icon &gt; .fa--xf,
a.button.button--icon &gt; .fa--xf {
  line-height: inherit;
}
.button.button--icon .button-icon,
a.button.button--icon .button-icon {
  height: 1em;
  vertical-align: 0;
}
.button.button--icon.button--iconOnly &gt; .button-text:before,
a.button.button--icon.button--iconOnly &gt; .button-text:before,
.button.button--icon.button--iconOnly &gt; i.fa--xf:before,
a.button.button--icon.button--iconOnly &gt; i.fa--xf:before,
.button.button--icon.button--iconOnly &gt; i.fa--xf svg,
a.button.button--icon.button--iconOnly &gt; i.fa--xf svg,
.button.button--icon.button--iconOnly .button-icon,
a.button.button--icon.button--iconOnly .button-icon {
  margin-left: 0;
  margin-right: 0;
}
.button.button--icon--add &gt; .fa--xf svg,
a.button.button--icon--add &gt; .fa--xf svg {
  width: 0.88em;
}
.button.button--icon--confirm &gt; .fa--xf svg,
a.button.button--icon--confirm &gt; .fa--xf svg {
  width: 1em;
}
.button.button--icon--write &gt; .fa--xf svg,
a.button.button--icon--write &gt; .fa--xf svg {
  width: 1.13em;
}
.button.button--icon--import &gt; .fa--xf svg,
a.button.button--icon--import &gt; .fa--xf svg {
  width: 1.13em;
}
.button.button--icon--export &gt; .fa--xf svg,
a.button.button--icon--export &gt; .fa--xf svg {
  width: 1.13em;
}
.button.button--icon--download &gt; .fa--xf svg,
a.button.button--icon--download &gt; .fa--xf svg {
  width: 1.13em;
}
.button.button--icon--redirect &gt; .fa--xf svg,
a.button.button--icon--redirect &gt; .fa--xf svg {
  width: 1em;
}
.button.button--icon--disable &gt; .fa--xf svg,
a.button.button--icon--disable &gt; .fa--xf svg {
  width: 1em;
}
.button.button--icon--edit &gt; .fa--xf svg,
a.button.button--icon--edit &gt; .fa--xf svg {
  width: 1.13em;
}
.button.button--icon--save &gt; .fa--xf svg,
a.button.button--icon--save &gt; .fa--xf svg {
  width: 0.88em;
}
.button.button--icon--reply &gt; .fa--xf svg,
a.button.button--icon--reply &gt; .fa--xf svg {
  width: 1.13em;
}
.button.button--icon--quote &gt; .fa--xf svg,
a.button.button--icon--quote &gt; .fa--xf svg {
  width: 1.13em;
}
.button.button--icon--purchase &gt; .fa--xf svg,
a.button.button--icon--purchase &gt; .fa--xf svg {
  width: 1.13em;
}
.button.button--icon--payment &gt; .fa--xf svg,
a.button.button--icon--payment &gt; .fa--xf svg {
  width: 1.13em;
}
.button.button--icon--convert &gt; .fa--xf svg,
a.button.button--icon--convert &gt; .fa--xf svg {
  width: 0.75em;
}
.button.button--icon--search &gt; .fa--xf svg,
a.button.button--icon--search &gt; .fa--xf svg {
  width: 1em;
}
.button.button--icon--sort &gt; .fa--xf svg,
a.button.button--icon--sort &gt; .fa--xf svg {
  width: 0.63em;
}
.button.button--icon--upload &gt; .fa--xf svg,
a.button.button--icon--upload &gt; .fa--xf svg {
  width: 1.13em;
}
.button.button--icon--attach &gt; .fa--xf svg,
a.button.button--icon--attach &gt; .fa--xf svg {
  width: 1em;
}
.button.button--icon--login &gt; .fa--xf svg,
a.button.button--icon--login &gt; .fa--xf svg {
  width: 0.88em;
}
.button.button--icon--rate &gt; .fa--xf svg,
a.button.button--icon--rate &gt; .fa--xf svg {
  width: 1.13em;
}
.button.button--icon--config &gt; .fa--xf svg,
a.button.button--icon--config &gt; .fa--xf svg {
  width: 1em;
}
.button.button--icon--refresh &gt; .fa--xf svg,
a.button.button--icon--refresh &gt; .fa--xf svg {
  width: 1em;
}
.button.button--icon--translate &gt; .fa--xf svg,
a.button.button--icon--translate &gt; .fa--xf svg {
  width: 0.97em;
}
.button.button--icon--vote &gt; .fa--xf svg,
a.button.button--icon--vote &gt; .fa--xf svg {
  width: 1em;
}
.button.button--icon--result &gt; .fa--xf svg,
a.button.button--icon--result &gt; .fa--xf svg {
  width: 1em;
}
.button.button--icon--history &gt; .fa--xf svg,
a.button.button--icon--history &gt; .fa--xf svg {
  width: 1em;
}
.button.button--icon--cancel &gt; .fa--xf svg,
a.button.button--icon--cancel &gt; .fa--xf svg {
  width: 1em;
}
.button.button--icon--close &gt; .fa--xf svg,
a.button.button--icon--close &gt; .fa--xf svg {
  width: 0.6899999999999999em;
}
.button.button--icon--preview &gt; .fa--xf svg,
a.button.button--icon--preview &gt; .fa--xf svg {
  width: 1.13em;
}
.button.button--icon--conversation &gt; .fa--xf svg,
a.button.button--icon--conversation &gt; .fa--xf svg {
  width: 1.13em;
}
.button.button--icon--bolt &gt; .fa--xf svg,
a.button.button--icon--bolt &gt; .fa--xf svg {
  width: 0.75em;
}
.button.button--icon--list &gt; .fa--xf svg,
a.button.button--icon--list &gt; .fa--xf svg {
  width: 1em;
}
.button.button--icon--prev &gt; .fa--xf svg,
a.button.button--icon--prev &gt; .fa--xf svg {
  width: 0.63em;
}
.button.button--icon--next &gt; .fa--xf svg,
a.button.button--icon--next &gt; .fa--xf svg {
  width: 0.63em;
}
.button.button--icon--markRead &gt; .fa--xf svg,
a.button.button--icon--markRead &gt; .fa--xf svg {
  width: 0.88em;
}
.button.button--icon--user &gt; .fa--xf svg,
a.button.button--icon--user &gt; .fa--xf svg {
  width: 0.88em;
}
.button.button--icon--userCircle &gt; .fa--xf svg,
a.button.button--icon--userCircle &gt; .fa--xf svg {
  width: 0.97em;
}
.button.button--icon--notificationsOn &gt; .fa--xf svg,
a.button.button--icon--notificationsOn &gt; .fa--xf svg {
  width: 1.25em;
}
.button.button--icon--notificationsOff &gt; .fa--xf svg,
a.button.button--icon--notificationsOff &gt; .fa--xf svg {
  width: 1.25em;
}
.button.button--icon--show &gt; .fa--xf svg,
a.button.button--icon--show &gt; .fa--xf svg {
  width: 1.25em;
}
.button.button--icon--hide &gt; .fa--xf svg,
a.button.button--icon--hide &gt; .fa--xf svg {
  width: 1.25em;
}
.button.button--icon--merge &gt; .fa--xf svg,
a.button.button--icon--merge &gt; .fa--xf svg {
  width: 0.88em;
}
.button.button--icon--move &gt; .fa--xf svg,
a.button.button--icon--move &gt; .fa--xf svg {
  width: 1.13em;
}
.button.button--icon--copy &gt; .fa--xf svg,
a.button.button--icon--copy &gt; .fa--xf svg {
  width: 0.88em;
}
.button.button--icon--approve &gt; .fa--xf svg,
a.button.button--icon--approve &gt; .fa--xf svg,
.button.button--icon--unapprove &gt; .fa--xf svg,
a.button.button--icon--unapprove &gt; .fa--xf svg {
  width: 1em;
}
.button.button--icon--delete &gt; .fa--xf svg,
a.button.button--icon--delete &gt; .fa--xf svg,
.button.button--icon--undelete &gt; .fa--xf svg,
a.button.button--icon--undelete &gt; .fa--xf svg {
  width: 0.88em;
}
.button.button--icon--stick &gt; .fa--xf svg,
a.button.button--icon--stick &gt; .fa--xf svg,
.button.button--icon--unstick &gt; .fa--xf svg,
a.button.button--icon--unstick &gt; .fa--xf svg {
  width: 0.75em;
}
.button.button--icon--lock &gt; .fa--xf svg,
a.button.button--icon--lock &gt; .fa--xf svg {
  width: 0.88em;
}
.button.button--icon--unlock &gt; .fa--xf svg,
a.button.button--icon--unlock &gt; .fa--xf svg {
  width: 0.88em;
}
.button.button--icon--bookmark &gt; .button-text::before,
a.button.button--icon--bookmark &gt; .button-text::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/bookmark.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/bookmark.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  vertical-align: .025em;
}
.button.button--icon--bookmark.is-bookmarked,
a.button.button--icon--bookmark.is-bookmarked {
  color: hsl(var(--xf-textColorAttention));
}
.button.button--icon--bookmark.is-bookmarked &gt; .button-text::before,
a.button.button--icon--bookmark.is-bookmarked &gt; .button-text::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/solid/bookmark.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/bookmark.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  vertical-align: .025em;
}
.button.button--provider &gt; .button-text:before,
a.button.button--provider &gt; .button-text:before,
.button.button--provider .button-icon,
a.button.button--provider .button-icon {
  font-size: 120%;
  vertical-align: middle;
  display: inline-block;
  margin: -4px 6px -4px 0;
}
.button.button--provider .button-icon,
a.button.button--provider .button-icon {
  height: 1em;
  vertical-align: 0;
}
.button.button--provider--facebook,
a.button.button--provider--facebook {
  color: hsl(0, 0%, 100%);
  background-color: hsl(221, 44%, 41%);
  border-color: hsl(
    221, 
    44%, 
    calc(41% + (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    221, 
    44%, 
    calc(41% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    221, 
    44%, 
    calc(41% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    221, 
    44%, 
    calc(41% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--facebook.button--splitTrigger &gt; .button-text,
a.button.button--provider--facebook.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    221, 
    44%, 
    calc(41% - (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--facebook.button--splitTrigger &gt; .button-menu,
a.button.button--provider--facebook.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    221, 
    44%, 
    calc(41% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--facebook:hover,
a.button.button--provider--facebook:hover,
.button.button--provider--facebook:active,
a.button.button--provider--facebook:active,
.button.button--provider--facebook:focus,
a.button.button--provider--facebook:focus {
  background-color: hsl(
    221, 
    44%, 
    calc(41% - (var(--xf-color-adjust, 1) * 8%))
  );
}
.button.button--provider--twitter,
a.button.button--provider--twitter {
  color: hsl(0, 0%, 100%);
  background-color: hsl(203, 90%, 53%);
  border-color: hsl(
    203, 
    90%, 
    calc(53% + (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    203, 
    90%, 
    calc(53% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    203, 
    90%, 
    calc(53% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    203, 
    90%, 
    calc(53% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--twitter.button--splitTrigger &gt; .button-text,
a.button.button--provider--twitter.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    203, 
    90%, 
    calc(53% - (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--twitter.button--splitTrigger &gt; .button-menu,
a.button.button--provider--twitter.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    203, 
    90%, 
    calc(53% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--twitter:hover,
a.button.button--provider--twitter:hover,
.button.button--provider--twitter:active,
a.button.button--provider--twitter:active,
.button.button--provider--twitter:focus,
a.button.button--provider--twitter:focus {
  background-color: hsl(
    203, 
    90%, 
    calc(53% - (var(--xf-color-adjust, 1) * 8%))
  );
}
.button.button--provider--google,
a.button.button--provider--google {
  color: hsl(0, 0%, 27%);
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(
    0, 
    0%, 
    calc(100% + (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    0, 
    0%, 
    calc(100% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    0, 
    0%, 
    calc(100% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    0, 
    0%, 
    calc(100% + (var(--xf-color-adjust, 1) * 5%))
  );
  border-color: #e9e9e9;
}
.button.button--provider--google.button--splitTrigger &gt; .button-text,
a.button.button--provider--google.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    0, 
    0%, 
    calc(100% - (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--google.button--splitTrigger &gt; .button-menu,
a.button.button--provider--google.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    0, 
    0%, 
    calc(100% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--google:hover,
a.button.button--provider--google:hover,
.button.button--provider--google:active,
a.button.button--provider--google:active,
.button.button--provider--google:focus,
a.button.button--provider--google:focus {
  background-color: hsl(
    0, 
    0%, 
    calc(100% - (var(--xf-color-adjust, 1) * 8%))
  );
}
.button.button--provider--google &gt; .button-text:before,
a.button.button--provider--google &gt; .button-text:before {
  display: none;
}
.button.button--provider--github,
a.button.button--provider--github {
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 40%);
  border-color: hsl(
    0, 
    0%, 
    calc(40% + (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    0, 
    0%, 
    calc(40% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    0, 
    0%, 
    calc(40% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    0, 
    0%, 
    calc(40% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--github.button--splitTrigger &gt; .button-text,
a.button.button--provider--github.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    0, 
    0%, 
    calc(40% - (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--github.button--splitTrigger &gt; .button-menu,
a.button.button--provider--github.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    0, 
    0%, 
    calc(40% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--github:hover,
a.button.button--provider--github:hover,
.button.button--provider--github:active,
a.button.button--provider--github:active,
.button.button--provider--github:focus,
a.button.button--provider--github:focus {
  background-color: hsl(
    0, 
    0%, 
    calc(40% - (var(--xf-color-adjust, 1) * 8%))
  );
}
.button.button--provider--linkedin,
a.button.button--provider--linkedin {
  color: hsl(0, 0%, 100%);
  background-color: hsl(201, 100%, 35%);
  border-color: hsl(
    201, 
    100%, 
    calc(35% + (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    201, 
    100%, 
    calc(35% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    201, 
    100%, 
    calc(35% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    201, 
    100%, 
    calc(35% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--linkedin.button--splitTrigger &gt; .button-text,
a.button.button--provider--linkedin.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    201, 
    100%, 
    calc(35% - (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--linkedin.button--splitTrigger &gt; .button-menu,
a.button.button--provider--linkedin.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    201, 
    100%, 
    calc(35% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--linkedin:hover,
a.button.button--provider--linkedin:hover,
.button.button--provider--linkedin:active,
a.button.button--provider--linkedin:active,
.button.button--provider--linkedin:focus,
a.button.button--provider--linkedin:focus {
  background-color: hsl(
    201, 
    100%, 
    calc(35% - (var(--xf-color-adjust, 1) * 8%))
  );
}
.button.button--provider--microsoft,
a.button.button--provider--microsoft {
  color: hsl(0, 0%, 100%);
  background-color: hsl(193, 100%, 47%);
  border-color: hsl(
    193, 
    100%, 
    calc(47% + (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    193, 
    100%, 
    calc(47% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    193, 
    100%, 
    calc(47% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    193, 
    100%, 
    calc(47% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--microsoft.button--splitTrigger &gt; .button-text,
a.button.button--provider--microsoft.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    193, 
    100%, 
    calc(47% - (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--microsoft.button--splitTrigger &gt; .button-menu,
a.button.button--provider--microsoft.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    193, 
    100%, 
    calc(47% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--microsoft:hover,
a.button.button--provider--microsoft:hover,
.button.button--provider--microsoft:active,
a.button.button--provider--microsoft:active,
.button.button--provider--microsoft:focus,
a.button.button--provider--microsoft:focus {
  background-color: hsl(
    193, 
    100%, 
    calc(47% - (var(--xf-color-adjust, 1) * 8%))
  );
}
.button.button--provider--yahoo,
a.button.button--provider--yahoo {
  color: hsl(0, 0%, 100%);
  background-color: hsl(267, 100%, 29%);
  border-color: hsl(
    267, 
    100%, 
    calc(29% + (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    267, 
    100%, 
    calc(29% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    267, 
    100%, 
    calc(29% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    267, 
    100%, 
    calc(29% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--yahoo.button--splitTrigger &gt; .button-text,
a.button.button--provider--yahoo.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    267, 
    100%, 
    calc(29% - (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--yahoo.button--splitTrigger &gt; .button-menu,
a.button.button--provider--yahoo.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    267, 
    100%, 
    calc(29% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--yahoo:hover,
a.button.button--provider--yahoo:hover,
.button.button--provider--yahoo:active,
a.button.button--provider--yahoo:active,
.button.button--provider--yahoo:focus,
a.button.button--provider--yahoo:focus {
  background-color: hsl(
    267, 
    100%, 
    calc(29% - (var(--xf-color-adjust, 1) * 8%))
  );
}
.button.button--provider--apple,
a.button.button--provider--apple {
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 0%);
  border-color: hsl(
    0, 
    0%, 
    calc(0% + (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    0, 
    0%, 
    calc(0% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    0, 
    0%, 
    calc(0% - (var(--xf-color-adjust, 1) * 5%))
  ) hsl(
    0, 
    0%, 
    calc(0% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--apple.button--splitTrigger &gt; .button-text,
a.button.button--provider--apple.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    0, 
    0%, 
    calc(0% - (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--apple.button--splitTrigger &gt; .button-menu,
a.button.button--provider--apple.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    0, 
    0%, 
    calc(0% + (var(--xf-color-adjust, 1) * 5%))
  );
}
.button.button--provider--apple:hover,
a.button.button--provider--apple:hover,
.button.button--provider--apple:active,
a.button.button--provider--apple:active,
.button.button--provider--apple:focus,
a.button.button--provider--apple:focus {
  background-color: hsl(
    0, 
    0%, 
    calc(0% - (var(--xf-color-adjust, 1) * 8%))
  );
}
.button.button--provider--apple &gt; .button-text::before,
a.button.button--provider--apple &gt; .button-text::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.88em;
  mask-image: url('../styles/fa/brands/apple.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/brands/apple.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  vertical-align: .025em;
}
.button.button--splitTrigger,
a.button.button--splitTrigger {
  padding: 0;
  font-size: 0;
  display: inline-block;
}
.button.button--splitTrigger &gt; .button-text,
a.button.button--splitTrigger &gt; .button-text {
  border-right: 1px solid transparent;
}
.button.button--splitTrigger &gt; .button-menu,
a.button.button--splitTrigger &gt; .button-menu {
  border-left: 1px solid transparent;
}
.button.button--splitTrigger:before,
a.button.button--splitTrigger:before,
.button.button--splitTrigger:after,
a.button.button--splitTrigger:after {
  content: " ";
  display: table;
}
.button.button--splitTrigger:after,
a.button.button--splitTrigger:after {
  clear: both;
}
.button.button--splitTrigger button.button-text,
a.button.button--splitTrigger button.button-text {
  background: transparent;
  border: none;
  border-right: 1px solid transparent;
  color: inherit;
}
.button.button--splitTrigger &gt; .button-text,
a.button.button--splitTrigger &gt; .button-text,
.button.button--splitTrigger &gt; .button-menu,
a.button.button--splitTrigger &gt; .button-menu {
  font-size: 13px;
  border-radius: 4px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  text-align: center;
  display: inline-block;
}
.button.button--splitTrigger &gt; .button-text:hover:after,
a.button.button--splitTrigger &gt; .button-text:hover:after,
.button.button--splitTrigger &gt; .button-menu:hover:after,
a.button.button--splitTrigger &gt; .button-menu:hover:after {
  opacity: 1;
}
.button.button--splitTrigger &gt; .button-text,
a.button.button--splitTrigger &gt; .button-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button.button--splitTrigger &gt; .button-menu,
a.button.button--splitTrigger &gt; .button-menu {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-right: 10px;
  padding-left: 10px;
}
.button.button--splitTrigger &gt; .button-menu:after,
a.button.button--splitTrigger &gt; .button-menu:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.2em;
  mask-image: url('../styles/fa/solid/caret-down.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/caret-down.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  opacity: .5;
}
.buttonGroup {
  display: inline-block;
  vertical-align: top;
}
.buttonGroup:before,
.buttonGroup:after {
  content: " ";
  display: table;
}
.buttonGroup:after {
  clear: both;
}
.buttonGroup.buttonGroup--aligned {
  vertical-align: middle;
}
.buttonGroup &gt; .button {
  float: left;
}
.buttonGroup &gt; .button:not(:first-child) {
  border-left: none;
}
.buttonGroup &gt; .button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.buttonGroup &gt; .button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.buttonGroup &gt; .button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.buttonGroup &gt; .buttonGroup-buttonWrapper {
  float: left;
}
.buttonGroup &gt; .buttonGroup-buttonWrapper:not(:first-child) &gt; .button {
  border-left: none;
}
.buttonGroup &gt; .buttonGroup-buttonWrapper:not(:first-child):not(:last-child) &gt; .button {
  border-radius: 0;
}
.buttonGroup &gt; .buttonGroup-buttonWrapper:first-child:not(:last-child) &gt; .button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.buttonGroup &gt; .buttonGroup-buttonWrapper:last-child:not(:first-child) &gt; .button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.toggleButton &gt; input {
  display: none;
}
.toggleButton &gt; span {
  color: hsl(var(--xf-textColorMuted));
  background: hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc(var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)), 
    var(--xf-contentBg--a)
  );
  cursor: default;
  border-color: hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc((var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentBg--a)
  ) hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc((var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentBg--a)
  ) hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc((var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentBg--a)
  ) hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc((var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentBg--a)
  );
}
.toggleButton &gt; span.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc((var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentBg--a)
  );
}
.toggleButton &gt; span.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc((var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentBg--a)
  );
}
.toggleButton.toggleButton--small &gt; span {
  font-size: 12px;
  padding: 3px;
}
.toggleButton &gt; input:checked + span {
  color: hsl(var(--xf-buttonTextColor));
  background: hsl(var(--xf-buttonBg));
  border-color: hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    calc(var(--xf-buttonBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonBg--a)
  ) hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    calc(var(--xf-buttonBg--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonBg--a)
  ) hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    calc(var(--xf-buttonBg--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonBg--a)
  ) hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    calc(var(--xf-buttonBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonBg--a)
  );
}
.toggleButton &gt; input:checked + span.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    calc(var(--xf-buttonBg--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonBg--a)
  );
}
.toggleButton &gt; input:checked + span.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    calc(var(--xf-buttonBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-buttonBg--a)
  );
}
.toggleButton &gt; input:checked + span:not(.button--splitTrigger):hover,
.toggleButton &gt; input:checked + span.button--splitTrigger &gt; .button-text:hover,
.toggleButton &gt; input:checked + span.button--splitTrigger &gt; .button-menu:hover,
.toggleButton &gt; input:checked + span:not(.button--splitTrigger):focus,
.toggleButton &gt; input:checked + span.button--splitTrigger &gt; .button-text:focus,
.toggleButton &gt; input:checked + span.button--splitTrigger &gt; .button-menu:focus,
.toggleButton &gt; input:checked + span:not(.button--splitTrigger):active,
.toggleButton &gt; input:checked + span.button--splitTrigger &gt; .button-text:active,
.toggleButton &gt; input:checked + span.button--splitTrigger &gt; .button-menu:active {
  background-color: hsl(
    var(--xf-buttonBg--h), 
    var(--xf-buttonBg--s), 
    calc(var(--xf-buttonBg--l) - (var(--xf-color-adjust, 1) * 8%)), 
    var(--xf-buttonBg--a)
  );
}
.u-scrollButtons {
  position: fixed;
  bottom: 30px;
  right: 5px;
  z-index: 900;
  -webkit-transition:  opacity 0.25s ease;
  transition:  opacity 0.25s ease;
  opacity: 0;
  display: none;
}
.has-hiddenscroll .u-scrollButtons {
  right: 20px;
}
.u-scrollButtons.is-transitioning {
  display: block;
}
.u-scrollButtons.is-active {
  display: block;
  opacity: 1;
}
.u-scrollButtons .button {
  display: block;
}
.u-scrollButtons .button + .button {
  margin-top: 5px;
}
.u-navButtons {
  position: fixed;
  bottom: 30px;
  left: (10px) / 2;
  z-index: 900;
  -webkit-transition:  opacity 0.25s ease;
  transition:  opacity 0.25s ease;
  opacity: 0;
  display: none;
}
.has-hiddenscroll .u-navButtons {
  left: 20px;
}
.u-navButtons.is-transitioning {
  display: block;
}
.u-navButtons.is-active {
  display: block;
  opacity: 1;
}
.u-navButtons .button {
  display: block;
}
.u-navButtons .button + .button {
  margin-top: (10px) / 2;
}
meter.meterBar {
  margin: 3px auto 3px;
  width: 100%;
  height: 10px;
}
meter.meterBar::-webkit-meter-bar {
  background: none;
  background-color: hsl(
    var(--xf-paletteNeutral1--h), 
    var(--xf-paletteNeutral1--s), 
    calc(var(--xf-paletteNeutral1--l) - (var(--xf-color-adjust, 1) * 6%)), 
    var(--xf-paletteNeutral1--a)
  );
}
meter.meterBar::-webkit-meter-optimum-value {
  background: hsl(122, 34%, 54%);
}
meter.meterBar::-webkit-meter-suboptimum-value {
  background: hsl(59, 66%, 60%);
}
meter.meterBar::-webkit-meter-even-less-good-value {
  background: hsl(358, 55%, 53%);
}
:-moz-meter-optimum::-moz-meter-bar {
  background: hsl(122, 34%, 54%);
}
:-moz-meter-sub-optimum::-moz-meter-bar {
  background: hsl(59, 66%, 60%);
}
:-moz-meter-sub-sub-optimum::-moz-meter-bar {
  background: hsl(358, 55%, 53%);
}
.meterBarLabel {
  font-size: 13px;
}
:root {
  --input-border-heavy: hsl(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    calc(var(--xf-borderColor--l) - 4%), 
    var(--xf-borderColor--a)
  );
  --input-border-light: hsl(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    calc(var(--xf-borderColor--l) + 4%), 
    var(--xf-borderColor--a)
  );
}
.input:focus,
.input.is-focused,
.inputGroup:focus-within,
#XF .fr-box.fr-basic.is-focused,
.codeEditor.CodeMirror.CodeMirror-focused,
.input.tagify--focus {
  --input-border-heavy: hsl(
    var(--xf-borderColorHighlight--h), 
    var(--xf-borderColorHighlight--s), 
    calc(var(--xf-borderColorHighlight--l) - 5%), 
    var(--xf-borderColorHighlight--a)
  );
  --input-border-light: hsl(
    var(--xf-borderColorHighlight--h), 
    var(--xf-borderColorHighlight--s), 
    calc(var(--xf-borderColorHighlight--l) + 3%), 
    var(--xf-borderColorHighlight--a)
  );
}
.input {
  font-size: 15px;
  color: hsl(var(--xf-inputTextColor));
  background: hsl(var(--xf-inputBgColor));
  border: 1px solid hsl(var(--xf-borderColor));
  border-top-color: var(--input-border-heavy);
  border-right-color: var(--input-border-light);
  border-bottom-color: var(--input-border-light);
  border-left-color: var(--input-border-heavy);
  border-radius: 4px;
  padding: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  vertical-align: top;
  line-height: 1.4;
  text-align: left;
  word-wrap: break-word;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition:  all 0.25s ease;
  transition:  all 0.25s ease;
}
.input::-webkit-input-placeholder {
  color: hsl(
    var(--xf-inputTextColor--h), 
    var(--xf-inputTextColor--s), 
    var(--xf-inputTextColor--l), 
    40%
  );
}
.input::-moz-placeholder {
  color: hsl(
    var(--xf-inputTextColor--h), 
    var(--xf-inputTextColor--s), 
    var(--xf-inputTextColor--l), 
    40%
  );
}
.input:-moz-placeholder {
  color: hsl(
    var(--xf-inputTextColor--h), 
    var(--xf-inputTextColor--s), 
    var(--xf-inputTextColor--l), 
    40%
  );
}
.input:-ms-input-placeholder {
  color: hsl(
    var(--xf-inputTextColor--h), 
    var(--xf-inputTextColor--s), 
    var(--xf-inputTextColor--l), 
    40%
  );
}
.input:focus,
.input.is-focused {
  outline: 0;
  background: hsl(var(--xf-inputFocusBgColor));
  --o-border-heavy: hsl(
    var(--xf-borderColorHighlight--h), 
    var(--xf-borderColorHighlight--s), 
    calc(var(--xf-borderColorHighlight--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-borderColorHighlight--a)
  );
  --o-border-light: hsl(
    var(--xf-borderColorHighlight--h), 
    var(--xf-borderColorHighlight--s), 
    calc(var(--xf-borderColorHighlight--l) + (var(--xf-color-adjust, 1) * 3%)), 
    var(--xf-borderColorHighlight--a)
  );
}
.input:focus::-webkit-input-placeholder,
.input.is-focused::-webkit-input-placeholder {
  color: hsl(
    var(--xf-inputTextColor--h), 
    var(--xf-inputTextColor--s), 
    var(--xf-inputTextColor--l), 
    50%
  );
}
.input:focus::-moz-placeholder,
.input.is-focused::-moz-placeholder {
  color: hsl(
    var(--xf-inputTextColor--h), 
    var(--xf-inputTextColor--s), 
    var(--xf-inputTextColor--l), 
    50%
  );
}
.input:focus:-moz-placeholder,
.input.is-focused:-moz-placeholder {
  color: hsl(
    var(--xf-inputTextColor--h), 
    var(--xf-inputTextColor--s), 
    var(--xf-inputTextColor--l), 
    50%
  );
}
.input:focus:-ms-input-placeholder,
.input.is-focused:-ms-input-placeholder {
  color: hsl(
    var(--xf-inputTextColor--h), 
    var(--xf-inputTextColor--s), 
    var(--xf-inputTextColor--l), 
    50%
  );
}
.input[readonly],
.input.is-readonly {
  color: hsl(
    calc((var(--xf-inputTextColor--h) * 0.5) + (var(--xf-textColorMuted--h) * 0.5)), 
    calc((var(--xf-inputTextColor--s) * 0.5) + (var(--xf-textColorMuted--s) * 0.5)), 
    calc((var(--xf-inputTextColor--l) * 0.5) + (var(--xf-textColorMuted--l) * 0.5)), 
    calc((var(--xf-inputTextColor--a) * 0.5) + (var(--xf-textColorMuted--a) * 0.5))
  );
  background: hsl(
    calc((var(--xf-inputBgColor--h) * 0.5) + (var(--xf-contentBg--h) * 0.5)), 
    calc((var(--xf-inputBgColor--s) * 0.5) + (var(--xf-contentBg--s) * 0.5)), 
    calc((var(--xf-inputBgColor--l) * 0.5) + ((var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)) * 0.5)), 
    calc((var(--xf-inputBgColor--a) * 0.5) + (var(--xf-contentBg--a) * 0.5))
  );
}
.input[disabled] {
  color: hsl(var(--xf-textColorMuted));
  background: hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc(var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)), 
    var(--xf-contentBg--a)
  );
}
.input[type=number],
.input.input--number {
  text-align: right;
  max-width: 150px;
}
.input[type=number].input--numberNarrow,
.input.input--number.input--numberNarrow {
  width: 90px;
}
.input.input--date,
.input.input--datetime-local,
.input.input--time {
  height: 2.4em;
  max-width: 200px;
  position: relative;
}
.input.input--date::-webkit-calendar-picker-indicator,
.input.input--datetime-local::-webkit-calendar-picker-indicator,
.input.input--time::-webkit-calendar-picker-indicator {
  right: 6px;
  position: absolute;
}
.input.input--flipped {
  text-align: right;
}
textarea.input {
  min-height: 0;
  max-height: 400px;
  max-height: 75vh;
  resize: vertical;
}
textarea.input.input--fitHeight {
  height: auto;
  resize: none;
}
textarea.input.input--fitHeight.input--fitHeight--short {
  max-height: 200px;
  max-height: 35vh;
}
textarea.input.input--code {
  overflow-x: auto;
  text-align: left;
}
textarea.input.input--maxHeight-300px {
  max-height: 300px;
}
.has-js textarea.input[rows="1"][data-single-line] {
  overflow: hidden;
  resize: none;
}
select.input,
.input.input--select {
  padding-right: 1em !important;
  background-size: 1em !important;
  background-repeat: no-repeat !important;
  background-position: 100% !important;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.9 10'%3E%3Cstyle%3E._xfG%7Bfill:hsl%280, 0%25, 8%25%29;%7D%3C/style%3E%3Cpath class='_xfG' d='M1.4 4.7l1.1-1.5 1 1.5m0 .6l-1 1.5-1.1-1.5'/%3E%3C/svg%3E") !important;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-variation]) select.input,
  :root:not([data-variation]) .input.input--select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.9 10'%3E%3Cstyle%3E._xfG%7Bfill:hsl%280, 0%25, 88%25%29;%7D%3C/style%3E%3Cpath class='_xfG' d='M1.4 4.7l1.1-1.5 1 1.5m0 .6l-1 1.5-1.1-1.5'/%3E%3C/svg%3E") !important;
  }
}
:root[data-color-scheme="dark"] select.input,
:root[data-color-scheme="dark"] .input.input--select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.9 10'%3E%3Cstyle%3E._xfG%7Bfill:hsl%280, 0%25, 88%25%29;%7D%3C/style%3E%3Cpath class='_xfG' d='M1.4 4.7l1.1-1.5 1 1.5m0 .6l-1 1.5-1.1-1.5'/%3E%3C/svg%3E") !important;
}
select.input[disabled],
.input.input--select[disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.9 10'%3E%3Cstyle%3E._xfG%7Bfill:hsl%280, 0%25, 54%25%29;%7D%3C/style%3E%3Cpath class='_xfG' d='M1.4 4.7l1.1-1.5 1 1.5m0 .6l-1 1.5-1.1-1.5'/%3E%3C/svg%3E") !important;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-variation]) select.input[disabled],
  :root:not([data-variation]) .input.input--select[disabled] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.9 10'%3E%3Cstyle%3E._xfG%7Bfill:hsl%280, 0%25, 53%25%29;%7D%3C/style%3E%3Cpath class='_xfG' d='M1.4 4.7l1.1-1.5 1 1.5m0 .6l-1 1.5-1.1-1.5'/%3E%3C/svg%3E") !important;
  }
}
:root[data-color-scheme="dark"] select.input[disabled],
:root[data-color-scheme="dark"] .input.input--select[disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.9 10'%3E%3Cstyle%3E._xfG%7Bfill:hsl%280, 0%25, 53%25%29;%7D%3C/style%3E%3Cpath class='_xfG' d='M1.4 4.7l1.1-1.5 1 1.5m0 .6l-1 1.5-1.1-1.5'/%3E%3C/svg%3E") !important;
}
select.input[size],
.input.input--select[size],
select.input[multiple],
.input.input--select[multiple] {
  background-image: none !important;
  padding-right: 6px !important;
}
select.input[multiple],
.input.input--select[multiple] {
  height: initial;
}
.input.input--autoSize {
  width: auto;
}
.input.input--inline {
  display: inline;
  width: auto;
}
.input.input--block {
  display: block;
}
.input.input--code {
  font-family: Monaco, Menlo, Consolas, 'Roboto Mono', 'Andale Mono', 'Ubuntu Mono', monospace;
  direction: ltr;
  word-wrap: normal;
}
.input.input--title {
  font-size: 24px;
}
.input.input--avatarSizeS {
  min-height: 48px;
}
.input.input--passwordHideShow ::-ms-reveal,
.input.input--passwordHideShow ::-ms-clear {
  display: none !important;
}
@media (max-width: 568px) {
  .input {
    font-size: 16px;
  }
}
.fa--inputOverlay + .input {
  padding-left: 1.7em;
}
.fa--xf.fa--inputOverlay {
  position: absolute;
  padding: 8px 6px 6px;
  line-height: 1.4;
  color: var(--input-border-heavy);
}
.iconic {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.iconic &gt; input {
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: absolute;
  left: 0;
  width: auto;
  height: auto;
}
.iconic &gt; input + i {
  display: inline-block;
  min-width: 1em;
  height: .9em;
  text-align: left;
}
.iconic &gt; input + i:before,
.iconic &gt; input + i:after {
  position: absolute;
  left: 0;
  top: 0.2em;
  opacity: 1;
}
.iconic &gt; input + i:after {
  opacity: 0;
}
.iconic &gt; input:disabled + i:before,
.iconic &gt; input[readonly] + i:before {
  opacity: .3;
}
.iconic &gt; input:disabled:checked + i:after,
.iconic &gt; input[readonly]:checked + i:after {
  opacity: .3;
}
.iconic &gt; input:checked + i:before {
  opacity: 0;
}
.iconic &gt; input:checked + i:after {
  opacity: 1;
}
.iconic &gt; input:focus + i:before,
.iconic &gt; input:focus + i:after {
  outline: Highlight solid 2px;
  -moz-outline-radius: 5px;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .iconic &gt; input:focus + i:before,
  .iconic &gt; input:focus + i:after {
    outline: -webkit-focus-ring-color auto 5px;
  }
}
.iconic .iconic-label:before {
  content: '';
  display: inline-block;
  width: 0.5em;
}
.iconic.iconic--hideShow {
  min-width: 56px;
  cursor: pointer;
}
.iconic.iconic--hideShow &gt; input[type=checkbox] + i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/eye.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/eye.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.iconic.iconic--hideShow &gt; input[type=checkbox] + i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/eye-slash.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/eye-slash.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.iconic.iconic--hideShow .iconic-label {
  font-size: 13px;
  vertical-align: text-top;
}
.iconic.iconic--hiddenLabel .iconic-label:before {
  display: none;
}
.iconic &gt; input[type=checkbox] + i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.88em;
  mask-image: url('../styles/fa/regular/square.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/square.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.iconic &gt; input[type=checkbox] + i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.88em;
  mask-image: url('../styles/fa/regular/check-square.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/check-square.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.iconic &gt; input[type=radio] + i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask-image: url('../styles/fa/regular/circle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/circle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.iconic &gt; input[type=radio] + i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask-image: url('../styles/fa/regular/check-circle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/check-circle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.iconic.iconic--toggle &gt; input[type=checkbox] + i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask-image: url('../styles/fa/regular/toggle-off.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/toggle-off.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.iconic.iconic--toggle &gt; input[type=checkbox] + i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask-image: url('../styles/fa/regular/toggle-on.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/toggle-on.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.inputChoices &gt; .inputChoices-choice {
  position: relative;
}
.inputChoices &gt; .inputChoices-choice .iconic {
  position: static;
}
.inputChoices &gt; .inputChoices-choice .iconic &gt; input + i {
  position: absolute;
  left: 0;
}
.inputChoices &gt; .inputChoices-choice .iconic.iconic--noLabel {
  display: inline;
}
.inputChoices &gt; .inputChoices-choice .iconic-label:before {
  display: none;
}
.formRow .iconic &gt; i,
.inputGroup .iconic &gt; i,
.inputChoices .iconic &gt; i,
.block-footer .iconic &gt; i,
.dataList-cell .iconic &gt; i,
.message-cell--extra .iconic &gt; i,
.formRow.dataList-cell--fa &gt; a &gt; i,
.inputGroup.dataList-cell--fa &gt; a &gt; i,
.inputChoices.dataList-cell--fa &gt; a &gt; i,
.block-footer.dataList-cell--fa &gt; a &gt; i,
.dataList-cell.dataList-cell--fa &gt; a &gt; i,
.message-cell--extra.dataList-cell--fa &gt; a &gt; i,
.formRow .iconic svg,
.inputGroup .iconic svg,
.inputChoices .iconic svg,
.block-footer .iconic svg,
.dataList-cell .iconic svg,
.message-cell--extra .iconic svg,
.formRow.dataList-cell--fa &gt; a svg,
.inputGroup.dataList-cell--fa &gt; a svg,
.inputChoices.dataList-cell--fa &gt; a svg,
.block-footer.dataList-cell--fa &gt; a svg,
.dataList-cell.dataList-cell--fa &gt; a svg,
.message-cell--extra.dataList-cell--fa &gt; a svg {
  color: hsl(var(--xf-buttonPrimaryBg));
  fill: currentColor;
}
.formRow .iconic:hover &gt; i,
.inputGroup .iconic:hover &gt; i,
.inputChoices .iconic:hover &gt; i,
.block-footer .iconic:hover &gt; i,
.dataList-cell .iconic:hover &gt; i,
.message-cell--extra .iconic:hover &gt; i,
.formRow.dataList-cell--fa &gt; a:hover &gt; i,
.inputGroup.dataList-cell--fa &gt; a:hover &gt; i,
.inputChoices.dataList-cell--fa &gt; a:hover &gt; i,
.block-footer.dataList-cell--fa &gt; a:hover &gt; i,
.dataList-cell.dataList-cell--fa &gt; a:hover &gt; i,
.message-cell--extra.dataList-cell--fa &gt; a:hover &gt; i,
.formRow .iconic:hover svg,
.inputGroup .iconic:hover svg,
.inputChoices .iconic:hover svg,
.block-footer .iconic:hover svg,
.dataList-cell .iconic:hover svg,
.message-cell--extra .iconic:hover svg,
.formRow.dataList-cell--fa &gt; a:hover svg,
.inputGroup.dataList-cell--fa &gt; a:hover svg,
.inputChoices.dataList-cell--fa &gt; a:hover svg,
.block-footer.dataList-cell--fa &gt; a:hover svg,
.dataList-cell.dataList-cell--fa &gt; a:hover svg,
.message-cell--extra.dataList-cell--fa &gt; a:hover svg {
  color: hsl(
    var(--xf-buttonPrimaryBg--h), 
    var(--xf-buttonPrimaryBg--s), 
    calc(var(--xf-buttonPrimaryBg--l) - (var(--xf-color-adjust, 1) * 25%)), 
    var(--xf-buttonPrimaryBg--a)
  );
  fill: currentColor;
}
.u-inputSpacer {
  margin-top: 6px;
}
.inputGroup {
  display: flex;
  align-items: stretch;
  max-width: 100%;
}
.inputGroup .inputGroup-text {
  flex-grow: 0;
  display: flex;
  align-items: center;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 6px;
}
.inputGroup .inputGroup-text:first-child {
  padding-left: 0;
}
.inputGroup .inputGroup-text:last-child {
  padding-right: 0;
}
.inputGroup .inputGroup-splitter {
  display: inline-block;
  width: 6px;
  flex-shrink: 0;
}
.inputGroup .input {
  flex-shrink: 1;
  min-width: 0;
}
.inputGroup &gt; .inputGroup,
.inputGroup &gt; .inputChoices {
  flex: 1;
}
.inputGroup .button {
  flex-shrink: 0;
}
.inputGroup:not(.inputGroup--joined) .input + .input,
.inputGroup:not(.inputGroup--joined) .button + .input,
.inputGroup:not(.inputGroup--joined) .input + .button,
.inputGroup:not(.inputGroup--joined) .button + .button {
  margin-left: 6px;
}
.inputGroup .inputGroup-label {
  flex-shrink: 1;
  width: 100%;
  padding: 0 0 6px;
}
.inputGroup .inputGroup-label:after {
  content: ":";
}
.inputGroup .inputGroup-label.is-sentence:after {
  content: "";
}
@media (max-width: 540px) {
  .inputGroup .input:not(.input--autoSize):not(.input--numberNarrow) {
    width: 100%;
  }
}
.inputGroup.inputGroup--inline {
  display: inline-flex;
}
.inputGroup.inputGroup--auto .input {
  width: auto;
}
.inputGroup.inputGroup--joined .input {
  border-radius: 0;
}
.inputGroup.inputGroup--joined .input:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
}
.inputGroup.inputGroup--joined .input:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
}
.inputGroup.inputGroup--joined .inputGroup-text {
  border: 1px solid hsl(var(--xf-borderColor));
  border-top-color: var(--input-border-heavy);
  border-right-color: var(--input-border-light);
  border-bottom-color: var(--input-border-light);
  border-left-color: var(--input-border-heavy);
  background: hsl(var(--xf-inputBgColor));
  text-align: center;
  padding: 3px 6px;
}
.inputGroup.inputGroup--joined .inputGroup-text.inputGroup-text--disabled,
.inputGroup.inputGroup--joined .inputGroup-text.is-disabled,
.inputGroup.inputGroup--joined .inputGroup-text[disabled] {
  color: hsl(var(--xf-textColorMuted));
  background: hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc(var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)), 
    var(--xf-contentBg--a)
  );
}
.inputGroup.inputGroup--joined .inputGroup-text.inputGroup-text--disabled a,
.inputGroup.inputGroup--joined .inputGroup-text.is-disabled a,
.inputGroup.inputGroup--joined .inputGroup-text[disabled] a {
  text-decoration: none;
}
.inputGroup.inputGroup--joined .inputGroup-text:first-child {
  border-right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.inputGroup.inputGroup--joined .inputGroup-text:last-child {
  border-left: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.inputGroup.inputGroup--joined .input + .inputGroup-text,
.inputGroup.inputGroup--joined .input + .input,
.inputGroup.inputGroup--joined .inputGroup-text + .input {
  border-left: 1px solid var(--input-border-light);
}
.inputGroup.inputGroup--joined .inputGroup-text + .inputGroup-text,
.inputGroup.inputGroup--joined .inputGroup-text + select.input {
  border-left: 0;
}
.inputGroup-container &gt; .inputGroup {
  margin-top: 6px;
}
.inputGroup-container &gt; .inputGroup:first-child {
  margin-top: 0;
}
.inputNumber .input--number {
  -moz-appearance: textfield !important;
}
.inputNumber .input--number::-webkit-inner-spin-button,
.inputNumber .input--number::-webkit-outer-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
}
@media (max-width: 540px) {
  .inputNumber .input--number {
    min-width: auto;
    max-width: 120px;
  }
}
.inputNumber-button {
  position: relative;
  color: hsl(var(--xf-buttonPrimaryBg));
  font-size: 1.0em;
  font-style: normal !important;
  line-height: .75em;
  vertical-align: -15%;
  width: 45px;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.inputNumber-button.inputNumber-button--smaller {
  vertical-align: 0;
  width: 35px;
}
.inputNumber-button--up::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.88em;
  mask-image: url('../styles/fa/regular/plus.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/plus.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.inputNumber-button--down::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.88em;
  mask-image: url('../styles/fa/regular/minus.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/minus.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.inputGroup.inputGroup--joined .inputNumber-button:hover,
.inputGroup.inputGroup--joined .inputNumber-button:active,
.inputGroup.inputGroup--joined .inputNumber-button:focus {
  background-color: hsl(var(--xf-contentHighlightBg));
  color: hsl(
    var(--xf-buttonPrimaryBg--h), 
    var(--xf-buttonPrimaryBg--s), 
    calc(var(--xf-buttonPrimaryBg--l) - (var(--xf-color-adjust, 1) * 25%)), 
    var(--xf-buttonPrimaryBg--a)
  );
}
.input.input--number[readonly] ~ .inputNumber-button {
  color: hsl(
    calc((var(--xf-inputTextColor--h) * 0.5) + (var(--xf-textColorMuted--h) * 0.5)), 
    calc((var(--xf-inputTextColor--s) * 0.5) + (var(--xf-textColorMuted--s) * 0.5)), 
    calc((var(--xf-inputTextColor--l) * 0.5) + (var(--xf-textColorMuted--l) * 0.5)), 
    calc((var(--xf-inputTextColor--a) * 0.5) + (var(--xf-textColorMuted--a) * 0.5))
  );
  background: hsl(
    calc((var(--xf-inputBgColor--h) * 0.5) + (var(--xf-contentBg--h) * 0.5)), 
    calc((var(--xf-inputBgColor--s) * 0.5) + (var(--xf-contentBg--s) * 0.5)), 
    calc((var(--xf-inputBgColor--l) * 0.5) + ((var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)) * 0.5)), 
    calc((var(--xf-inputBgColor--a) * 0.5) + (var(--xf-contentBg--a) * 0.5))
  );
}
.input.input--number[disabled] ~ .inputNumber-button {
  cursor: default;
  color: hsl(var(--xf-textColorMuted));
  background: hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    calc(var(--xf-contentBg--l) - (var(--xf-color-adjust, 1) * 6%)), 
    var(--xf-contentBg--a)
  );
}
.inputDate .inputDate-icon {
  position: relative;
  color: hsl(var(--xf-linkColor));
  font-size: 1.0em;
  font-style: normal !important;
  line-height: .75em;
  vertical-align: -15%;
  cursor: pointer;
  width: 45px;
  justify-content: center;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 540px) {
  .inputDate .inputDate-icon {
    vertical-align: 0;
    width: 25px;
  }
}
.inputDate .inputDate-icon::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.88em;
  mask-image: url('../styles/fa/regular/calendar-alt.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/calendar-alt.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.inputUploadButton {
  position: relative;
  color: hsl(var(--xf-buttonPrimaryBg));
  font-size: 1.0em;
  font-style: normal !important;
  line-height: .75em;
  vertical-align: -15%;
  width: 45px;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.inputGroup.inputGroup--joined .inputUploadButton:hover,
.inputGroup.inputGroup--joined .inputUploadButton:active,
.inputGroup.inputGroup--joined .inputUploadButton:focus {
  background-color: hsl(
    var(--xf-paletteColor1--h), 
    calc(var(--xf-paletteColor1--s) + 12%), 
    calc(var(--xf-paletteColor1--l) - (var(--xf-color-adjust, 1) * 4%)), 
    var(--xf-paletteColor1--a)
  );
  color: hsl(
    var(--xf-buttonPrimaryBg--h), 
    var(--xf-buttonPrimaryBg--s), 
    calc(var(--xf-buttonPrimaryBg--l) - (var(--xf-color-adjust, 1) * 25%)), 
    var(--xf-buttonPrimaryBg--a)
  );
}
.inputUploadButton:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.25em;
  mask-image: url('../styles/fa/regular/upload.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/upload.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.inputUploadButton input[type="file"] {
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  left: -1000px;
  z-index: -1;
  opacity: 0;
}
.inputList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.inputList &gt; li {
  margin-top: 6px;
}
.inputList &gt; li:first-child {
  margin-top: 0;
}
.inputPair:before,
.inputPair:after {
  content: " ";
  display: table;
}
.inputPair:after {
  clear: both;
}
.inputPair &gt; .input,
.inputPair .inputPair-input {
  float: right;
  width: 49%;
  width: calc(50% - 2px);
}
.inputPair &gt; .input:first-child,
.inputPair .inputPair-input:first-child {
  float: left;
}
.inputPair-container &gt; .inputPair {
  margin-top: 6px;
}
.inputPair-container &gt; .inputPair:first-child {
  margin-top: 0;
}
.inputLabelPair {
  margin: 6px 0;
  padding: 0;
}
.inputLabelPair:before,
.inputLabelPair:after {
  content: " ";
  display: table;
}
.inputLabelPair:after {
  clear: both;
}
.inputLabelPair &gt; dt,
.inputLabelPair &gt; dd {
  float: left;
  margin: 0;
  padding: 0;
}
.inputLabelPair &gt; dt {
  width: 65%;
  padding-right: 6px;
  padding-top: .6em;
}
.inputLabelPair &gt; dt &gt; label:after {
  content: ":";
}
.inputLabelPair &gt; dt &gt; label.is-sentence:after {
  content: "";
}
.inputLabelPair &gt; dd {
  width: 35%;
  text-align: right;
}
.inputLabelPair &gt; dd .input {
  width: 100%;
  max-width: none;
}
@media (max-width: 480px) {
  .inputLabelPair &gt; dt,
  .inputLabelPair &gt; dd {
    width: 50%;
  }
}
.inputChoices {
  list-style: none;
  padding: 0;
  margin: 0;
}
.inputChoices &gt; .inputChoices-choice {
  margin-bottom: 6px;
  padding-left: 1.5em;
}
.inputChoices &gt; .inputChoices-choice:last-child {
  margin-bottom: 0;
}
.inputChoices &gt; .inputChoices-choice &gt; .inputChoices,
.inputChoices &gt; .inputChoices-choice .inputChoices-spacer {
  margin-top: 6px;
}
.inputChoices.inputChoices--expanded &gt; .inputChoices-choice {
  margin-bottom: 12px;
}
.inputChoices.inputChoices--expanded &gt; .inputChoices-choice:last-child {
  margin-bottom: 0;
}
.inputChoices.inputChoices--noChoice &gt; .inputChoices-choice,
.inputChoices .inputChoices-plainChoice {
  padding-left: 0;
}
.inputChoices.inputChoices--inline &gt; .inputChoices-choice {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 0;
}
.inputChoices.inputChoices--inline &gt; .inputChoices-choice:last-child {
  margin-right: 0;
}
.inputChoices .inputChoices-label {
  padding-left: 0;
  font-size: 13px;
  color: hsl(var(--xf-textColorMuted));
}
.inputChoices + .inputChoices:not(.inputChoices--inline) {
  margin-top: 6px;
}
.inputChoices-group + .inputChoices-group,
.inputChoices-choice + .inputChoices-group {
  margin-top: 12px;
}
.inputChoices-spacer + .inputChoices {
  margin-top: 6px;
}
.inputChoices-heading {
  color: hsl(var(--xf-textColorMuted));
  padding-bottom: 3px;
  border-bottom: 1px solid hsl(var(--xf-borderColorFaint));
  margin-bottom: 6px;
  position: relative;
}
.inputChoices-heading.inputChoices-heading--checkAll .iconic {
  position: static;
}
.inputChoices-heading.inputChoices-heading--checkAll .iconic &gt; input + i {
  position: absolute;
  right: 0;
  left: auto;
  width: auto;
}
.inputChoices-explain {
  display: block;
  font-style: normal;
  font-size: 13px;
  color: hsl(var(--xf-textColorMuted));
}
.inputChoices-explain a {
  color: inherit;
  text-decoration: underline;
}
.inputChoices-explain.inputChoices-explain--after {
  margin-top: 6px;
}
.inputChoices-dependencies {
  list-style: none;
  padding: 0;
  margin: 0;
}
.inputChoices-dependencies &gt; li {
  margin-top: 6px;
}
.inputChoices-dependencies &gt; li &gt; label {
  display: block;
  padding: 3px 0;
}
.inputChoices-dependencies &gt; li &gt; label.iconic--labelled &gt; input + i {
  margin-left: 0;
}
.inputValidationError {
  margin-top: 6px;
  padding: 6px 10px;
  border-width: 1px;
  border-style: solid;
  border-top-color: hsl(var(--xf-borderColorLight));
  border-right-color: hsl(var(--xf-borderColor));
  border-bottom-color: hsl(var(--xf-borderColorHeavy));
  border-left-color: hsl(var(--xf-borderColor));
  border-radius: 4px;
  border-left: 3px solid hsl(var(--xf-errorFeatureColor));
  background: hsl(var(--xf-errorBg));
  color: hsl(var(--xf-errorColor));
  display: none;
  opacity: 0;
  -webkit-transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  overflow-y: hidden;
  height: 0;
  -webkit-transition-property: all, -xf-height;
  transition-property: all, -xf-height;
}
.inputValidationError a {
  color: inherit;
  text-decoration: underline;
}
.inputValidationError.is-active {
  display: block;
}
.inputValidationError.is-active {
  display: block;
  opacity: 1;
}
.inputValidationError.is-transitioning {
  display: block;
}
.inputValidationError.is-active {
  height: auto;
  overflow-y: visible;
}
.inputValidationError.is-transitioning {
  overflow-y: hidden;
}
.inputValidationError:empty {
  display: none;
}
.inputValidationError &gt; ul,
.inputValidationError &gt; ol {
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .input.input--title {
    font-size: 17px;
  }
}
.formRow {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  position: relative;
}
.formRow &gt; dt,
.formRow &gt; dd {
  display: table-cell;
  vertical-align: top;
  margin: 0;
}
.formRow &gt; dt {
  border-right: 1px solid transparent;
  background: hsl(var(--xf-contentAltBg));
  border-color: hsl(var(--xf-borderColorLight));
  text-align: right;
  width: 33%;
  padding: 15px 10px 15px 10px;
}
.formRow &gt; dd {
  width: 67%;
  padding: 15px 10px 15px 10px;
}
.formRow.formRow--input &gt; dt {
  padding-top: 22px;
}
.formRow.formRow--button &gt; dt {
  padding-top: 20px;
}
.formRow.formRow--inputLabelPair &gt; dt {
  padding-top: 30px;
}
.formRow.formRow--valueToEdge &gt; dd {
  padding-left: 0;
  padding-right: 0;
}
.formRow.formRow--noValuePadding &gt; dd {
  padding: 0;
}
.formRow.formRow--fullWidth,
.menu .formRow {
  display: block;
}
.formRow.formRow--fullWidth &gt; dt,
.menu .formRow &gt; dt,
.formRow.formRow--fullWidth &gt; dd,
.menu .formRow &gt; dd {
  width: auto;
  display: block;
  padding: 7.5px 10px 15px;
}
.formRow.formRow--fullWidth &gt; dt,
.menu .formRow &gt; dt {
  background: none;
  border: none;
  text-align: left;
  padding-bottom: 0;
}
.formRow.formRow--fullWidth &gt; dt .formRow-hint,
.menu .formRow &gt; dt .formRow-hint {
  display: inline;
}
.formRow.formRow--fullWidth.formRow--input &gt; dt,
.menu .formRow.formRow--input &gt; dt,
.formRow.formRow--fullWidth.formRow--button &gt; dt,
.menu .formRow.formRow--button &gt; dt {
  padding-top: 7.5px;
}
.formRow.formRow--fullWidth &gt; dd,
.menu .formRow &gt; dd {
  padding-top: 7.5px;
}
.formRow.formRow--fullWidth &gt; dd &gt; .inputChoices:first-child,
.menu .formRow &gt; dd &gt; .inputChoices:first-child {
  padding-top: 0;
}
.formRow.formRow--fullWidth + .formRow,
.menu .formRow + .formRow,
.formRow + .formRow.formRow--fullWidth,
.formRow + .menu .formRow,
.formRow.formRow--fullWidth + * &gt; .formRow:first-of-type,
.menu .formRow + * &gt; .formRow:first-of-type,
.formRow + * &gt; .formRow.formRow--fullWidth:first-of-type,
.formRow + * &gt; .menu .formRow:first-of-type {
  border-top: 1px solid hsl(var(--xf-borderColorLight));
}
.formRow.formRow--fullWidth.formRow--noLabel &gt; dt,
.menu .formRow.formRow--noLabel &gt; dt {
  display: none;
}
.formRow.formRow--fullWidth.formRow--noLabel &gt; dd,
.menu .formRow.formRow--noLabel &gt; dd {
  padding-top: 15px;
}
.formRow.formRow--fullWidth + .formRow--mergePrev,
.menu .formRow + .formRow--mergePrev,
.formRow.formRow--fullWidth + * &gt; .formRow:first-of-type.formRow--mergePrev,
.menu .formRow + * &gt; .formRow:first-of-type.formRow--mergePrev,
.formRow.formRow--fullWidth.formRow--mergeNext + .formRow.formRow--fullWidth,
.formRow.formRow--fullWidth.formRow--mergeNext + .menu .formRow,
.menu .formRow.formRow--mergeNext + .formRow.formRow--fullWidth,
.menu .formRow.formRow--mergeNext + .menu .formRow,
.formRow.formRow--fullWidth.formRow--mergeNext + * &gt; .formRow.formRow--fullWidth:first-of-type,
.formRow.formRow--fullWidth.formRow--mergeNext + * &gt; .menu .formRow:first-of-type,
.menu .formRow.formRow--mergeNext + * &gt; .formRow.formRow--fullWidth:first-of-type,
.menu .formRow.formRow--mergeNext + * &gt; .menu .formRow:first-of-type {
  border-top: 0;
}
.formRow.formRow--fullWidth + .formRow--mergePrev &gt; dt,
.menu .formRow + .formRow--mergePrev &gt; dt,
.formRow.formRow--fullWidth + * &gt; .formRow:first-of-type.formRow--mergePrev &gt; dt,
.menu .formRow + * &gt; .formRow:first-of-type.formRow--mergePrev &gt; dt,
.formRow.formRow--fullWidth.formRow--mergeNext + .formRow.formRow--fullWidth &gt; dt,
.formRow.formRow--fullWidth.formRow--mergeNext + .menu .formRow &gt; dt,
.menu .formRow.formRow--mergeNext + .formRow.formRow--fullWidth &gt; dt,
.menu .formRow.formRow--mergeNext + .menu .formRow &gt; dt,
.formRow.formRow--fullWidth.formRow--mergeNext + * &gt; .formRow.formRow--fullWidth:first-of-type &gt; dt,
.formRow.formRow--fullWidth.formRow--mergeNext + * &gt; .menu .formRow:first-of-type &gt; dt,
.menu .formRow.formRow--mergeNext + * &gt; .formRow.formRow--fullWidth:first-of-type &gt; dt,
.menu .formRow.formRow--mergeNext + * &gt; .menu .formRow:first-of-type &gt; dt {
  padding-top: 0;
}
.formRow.formRow--fullWidth.formRow--noGutter &gt; dt,
.menu .formRow.formRow--noGutter &gt; dt,
.formRow.formRow--fullWidth.formRow--noGutter &gt; dd,
.menu .formRow.formRow--noGutter &gt; dd {
  padding-left: 0;
  padding-right: 0;
}
.formRow.formRow--fullWidth.formRow--noPadding &gt; dt,
.menu .formRow.formRow--noPadding &gt; dt,
.formRow.formRow--fullWidth.formRow--noPadding &gt; dd,
.menu .formRow.formRow--noPadding &gt; dd {
  padding: 0;
}
.formRow.formRow--fullWidth.formRow--noTopPadding &gt; dt,
.menu .formRow.formRow--noTopPadding &gt; dt,
.formRow.formRow--fullWidth.formRow--noTopPadding &gt; dd,
.menu .formRow.formRow--noTopPadding &gt; dd {
  padding-top: 0;
}
.formRow.formRow--fullWidth.formRow--noBottomPadding &gt; dt,
.menu .formRow.formRow--noBottomPadding &gt; dt,
.formRow.formRow--fullWidth.formRow--noBottomPadding &gt; dd,
.menu .formRow.formRow--noBottomPadding &gt; dd {
  padding-bottom: 0;
}
.formRow.formRow--fullWidth.formRow--noPadding + .formRow.formRow--fullWidth &gt; dt,
.formRow.formRow--fullWidth.formRow--noPadding + .menu .formRow &gt; dt,
.menu .formRow.formRow--noPadding + .formRow.formRow--fullWidth &gt; dt,
.menu .formRow.formRow--noPadding + .menu .formRow &gt; dt,
.formRow.formRow--fullWidth.formRow--noPadding + * &gt; .formRow.formRow--fullWidth:first-of-type &gt; dt,
.formRow.formRow--fullWidth.formRow--noPadding + * &gt; .menu .formRow:first-of-type &gt; dt,
.menu .formRow.formRow--noPadding + * &gt; .formRow.formRow--fullWidth:first-of-type &gt; dt,
.menu .formRow.formRow--noPadding + * &gt; .menu .formRow:first-of-type &gt; dt {
  padding-top: 15px;
}
.formRow.formRow--limited {
  display: none;
}
.formRow.formRow--inputMultiLine &gt; dd &gt; .input,
.formRow.formRow--inputMultiLine &gt; dd &gt; .inputGroup {
  margin-bottom: 6px;
}
.formRow.formRow--inputMultiLine &gt; dd &gt; .input:last-child,
.formRow.formRow--inputMultiLine &gt; dd &gt; .inputGroup:last-child {
  margin-bottom: 0;
}
.formRow .formRow-label:after {
  content: ":";
}
.formRow .formRow-label.is-sentence:after {
  content: "";
}
.formRow.formRow--noColon .formRow-label:after {
  content: "";
}
.formRow.formRow--boldLabel .formRow-label {
  font-weight: bold;
}
.formRow .formRow-error {
  padding: 6px 0;
  color: hsl(var(--xf-warningColor));
  font-weight: bold;
}
.formRow .formRow-error:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/exclamation-triangle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/exclamation-triangle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.formRow .formRow-explain {
  margin: 6px 0 0;
  display: block;
  font-style: normal;
  font-size: 13px;
  color: hsl(var(--xf-textColorMuted));
}
.formRow .formRow-explain a {
  color: inherit;
  text-decoration: underline;
}
.formRow.formRow--explainOffset .formRow-explain {
  margin-top: 12px;
}
.formRow .formRow-hint {
  display: block;
  font-style: normal;
  font-size: 12px;
  color: hsl(var(--xf-textColorMuted));
}
.formRow .formRow-hint a {
  color: inherit;
  text-decoration: underline;
}
.formRow .formRow-hint .formRow-hint-featured {
  display: block;
  color: hsl(var(--xf-textColorFeature));
}
.formRow + .formInfoRow {
  border-top: 1px solid hsl(var(--xf-borderColorLight));
}
@media (max-width: 540px) {
  .formRow {
    display: block;
  }
  .formRow &gt; dt,
  .formRow &gt; dd {
    width: auto;
    display: block;
    padding: 7.5px 10px 15px;
  }
  .formRow &gt; dt {
    background: none;
    border: none;
    text-align: left;
    padding-bottom: 0;
  }
  .formRow &gt; dt .formRow-hint {
    display: inline;
  }
  .formRow.formRow--input &gt; dt,
  .formRow.formRow--button &gt; dt {
    padding-top: 7.5px;
  }
  .formRow &gt; dd {
    padding-top: 7.5px;
  }
  .formRow &gt; dd &gt; .inputChoices:first-child {
    padding-top: 0;
  }
}
.formButtonGroup {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: -5px;
}
.formButtonGroup.formButtonGroup--close {
  margin-top: 0;
}
.formButtonGroup-primary {
  order: 2;
  margin-left: auto;
  margin-bottom: 5px;
}
.formButtonGroup--simple .formButtonGroup-primary {
  order: 1;
  margin-left: 0;
}
.formButtonGroup-extra {
  order: 1;
  margin-bottom: 5px;
}
.formButtonGroup--simple .formButtonGroup-extra {
  order: 2;
  margin-left: 3px;
}
.formInfoRow {
  padding: 15px 10px;
}
.formInfoRow.formInfoRow--close {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}
.formInfoRow.formInfoRow--noPadding {
  padding: 0;
}
.formInfoRow.formInfoRow--confirm {
  text-align: center;
}
.formInfoRow.formInfoRow--confirm strong {
  display: block;
  margin: .5em 0;
  font-size: 20px;
}
.formInfoRow.formInfoRow--confirm strong:last-child {
  margin-bottom: 0;
}
.formInfoRow + .formRow {
  border-top: 1px solid hsl(var(--xf-borderColorLight));
}
.formInfoRow.u-hidden:not(.is-active) + .formRow {
  border-top: none;
}
.formInfoRow &gt; .blockMessage:first-child {
  margin-top: 0;
}
.formInfoRow &gt; .blockMessage:last-child {
  margin-bottom: 0;
}
.formSubmitRow {
  position: relative;
}
.formSubmitRow &gt; dt {
  display: none;
}
.formSubmitRow &gt; dd {
  width: 100%;
  padding: 0;
}
.formSubmitRow.formSubmitRow--sticky.is-sticky .formSubmitRow-main {
  position: fixed;
  bottom: 0;
  z-index: 200;
}
.formSubmitRow.formSubmitRow--sticky.is-sticky .formSubmitRow-bar {
  box-shadow: 0px -5px 15px hsl(0, 0%, 0%, 15%);
}
@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
  .formSubmitRow.formSubmitRow--sticky.is-sticky .formSubmitRow-bar {
    box-shadow: none;
  }
  @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .formSubmitRow.formSubmitRow--sticky.is-sticky .formSubmitRow-bar {
      --backdrop-filter: blur(10px);
      -webkit-backdrop-filter: var(--backdrop-filter);
      backdrop-filter: var(--backdrop-filter);
    }
  }
  @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .formSubmitRow.formSubmitRow--sticky.is-sticky .formSubmitRow-bar {
      background: none;
    }
  }
}
.formSubmitRow.formSubmitRow--simple &gt; dt,
.formSubmitRow.formSubmitRow--standalone &gt; dt {
  visibility: hidden;
}
.formSubmitRow.formSubmitRow--simple .formSubmitRow-controls,
.formSubmitRow.formSubmitRow--standalone .formSubmitRow-controls {
  text-align: center;
  padding-left: 0;
  margin-left: 0;
}
.formSubmitRow.formSubmitRow--standalone .formSubmitRow-bar {
  border: 1px solid hsl(var(--xf-borderColor));
  border-radius: 3px;
}
@media (max-width: 650px) {
  .formSubmitRow.formSubmitRow--standalone .formSubmitRow-bar {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
}
.formSubmitRow.formSubmitRow--standalone.is-sticky .formSubmitRow-bar {
  border-bottom: 0;
}
.block-body--collapsible:not(.is-active) + .formSubmitRow:not(.formSubmitRow--simple, .formSubmitRow--standalone) &gt; dt {
  visibility: hidden;
}
.menu .formSubmitRow dt {
  display: none;
}
.menu .formSubmitRow dd {
  padding: 0;
}
.formSubmitRow-main {
  position: relative;
}
.formSubmitRow-bar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: hsl(
    var(--xf-contentHighlightBg--h), 
    var(--xf-contentHighlightBg--s), 
    var(--xf-contentHighlightBg--l), 
    90%
  );
  border-top: 1px solid hsl(var(--xf-borderColorHeavy));
}
.formSubmitRow-controls {
  position: relative;
  padding-left: 33%;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-left: 10px;
  margin-right: 10px;
}
.formSubmitRow-controls &gt; .button:first-child:last-child {
  min-width: 120px;
}
@media (max-width: 540px) {
  .formSubmitRow-controls {
    padding-left: 0;
    text-align: center;
  }
}
.formRowSep {
  margin: -1px 10px 0;
  border: none;
  border-top: 1px solid hsl(var(--xf-borderColor));
}
.formRowSep.formRowSep--noGutter {
  margin-left: 0;
  margin-right: 0;
}
.formRowSep + .formRowSep,
.formRowSep:last-child {
  display: none;
}
.block-body &gt; .formRowSep:first-child {
  display: none;
}
.formRow-linkList {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  top: -.25em;
  left: -.25em;
  margin-right: 1em;
}
.formRow-linkList &gt; li {
  position: relative;
}
.formRow-linkList &gt; li &gt; a {
  display: block;
  padding: .25em;
}
.formRow-linkList &gt; li &gt; a:hover {
  text-decoration: none;
  background: hsl(var(--xf-contentHighlightBg));
}
.formRow-linkList .link-delete {
  position: absolute;
  right: .25em;
}
.formRow-linkList .link-title {
  font-weight: bold;
}
.formRow-linkList .link-hint {
  color: hsl(var(--xf-textColorMuted));
  font-size: 12px;
}
.toggleTarget {
  display: none;
  -webkit-transition:  all 0.25s ease, -xf-height 0.25s ease;
  transition:  all 0.25s ease, -xf-height 0.25s ease;
  overflow: hidden;
  height: 0;
  opacity: 0;
}
.toggleTarget.is-transitioning {
  display: block;
}
.toggleTarget.is-active {
  display: block;
  height: auto;
  opacity: 1;
}
.collapseTrigger:not(.button) {
  cursor: pointer;
}
.collapseTrigger:not(.button):before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/solid/caret-right.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/caret-right.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  font-size: 80%;
  margin-right: .2em;
}
.collapseTrigger:not(.button).is-active:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/solid/caret-down.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/caret-down.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.collapseTrigger:not(.button).collapseTrigger--block {
  display: block;
}
.collapseTrigger:not(.button).collapseTrigger--block:before {
  float: right;
  margin-top: 0.2em;
  margin-right: 0;
  margin-left: 5px;
  font-size: 100%;
  line-height: inherit;
}
.collapseTrigger.button--icon &gt; .button-text::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.63em;
  mask-image: url('../styles/fa/regular/angle-right.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/angle-right.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  vertical-align: .025em;
}
.collapseTrigger.button--icon.is-active &gt; .button-text::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.63em;
  mask-image: url('../styles/fa/regular/angle-down.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/angle-down.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  vertical-align: .025em;
}
.badge,
.badgeContainer:after {
  display: inline-block;
  padding: 2px 4px;
  margin: -2px 0;
  font-size: 80%;
  line-height: 1;
  font-weight: 400;
  color: hsl(var(--xf-paletteColor1));
  background: hsl(var(--xf-paletteColor5));
  border-radius: 2px;
}
.badgeContainer:after {
  content: attr(data-badge);
  display: none;
}
.badgeContainer.badgeContainer--visible:after {
  display: inline-block;
}
.badge.badge--highlighted,
.badgeContainer.badgeContainer--highlighted:after {
  display: inline-block;
  color: white;
  background: hsl(0, 74%, 53%);
}
.tooltip {
  position: absolute;
  z-index: 300;
  line-height: 1.4;
  padding: 0 5px;
  display: none;
}
.tooltip.tooltip--basic {
  max-width: 300px;
}
.tooltip.tooltip--basic.tooltip--top {
  margin-bottom: 3px;
  padding-bottom: 5px;
}
.tooltip.tooltip--basic.tooltip--right {
  margin-left: 3px;
  padding-left: 5px;
}
.tooltip.tooltip--basic.tooltip--bottom {
  margin-top: 3px;
  padding-top: 5px;
}
.has-touchevents .tooltip.tooltip--basic.tooltip--bottom.tooltip--selectToQuote {
  margin-top: .75em;
}
.tooltip.tooltip--basic.tooltip--left {
  margin-right: 3px;
  padding-right: 5px;
}
.tooltip.tooltip--basic a {
  color: inherit;
  text-decoration: underline;
}
.tooltip.tooltip--noninteractive {
  pointer-events: none;
}
.tooltip.tooltip--description {
  max-width: 350px;
}
.tooltip.tooltip--selectToQuote a {
  color: inherit;
  text-decoration: none;
}
.tooltip.tooltip--selectToQuote a:hover {
  text-decoration: underline;
}
.tooltip.tooltip--preview {
  max-width: 100%;
  width: 400px;
}
.tooltip.tooltip--member {
  max-width: 100%;
  width: 450px;
  padding: 0 10px;
}
.tooltip.tooltip--reaction {
  max-width: 100%;
  padding: 0 15px;
  margin: 5px 0;
}
.tooltip.tooltip--bookmark,
.tooltip.tooltip--share {
  max-width: 100%;
  width: 340px;
  padding: 0 15px;
}
.tooltip.tooltip--bookmark.tooltip--top,
.tooltip.tooltip--member.tooltip--top,
.tooltip.tooltip--preview.tooltip--top,
.tooltip.tooltip--share.tooltip--top {
  padding-bottom: 10px;
}
.tooltip.tooltip--bookmark.tooltip--right,
.tooltip.tooltip--member.tooltip--right,
.tooltip.tooltip--preview.tooltip--right,
.tooltip.tooltip--share.tooltip--right {
  padding-left: 10px;
}
.tooltip.tooltip--bookmark.tooltip--bottom,
.tooltip.tooltip--member.tooltip--bottom,
.tooltip.tooltip--preview.tooltip--bottom,
.tooltip.tooltip--share.tooltip--bottom {
  padding-top: 10px;
}
.tooltip.tooltip--bookmark.tooltip--left,
.tooltip.tooltip--member.tooltip--left,
.tooltip.tooltip--preview.tooltip--left,
.tooltip.tooltip--share.tooltip--left {
  padding-right: 10px;
}
.tooltip--basic .tooltip-content {
  text-align: center;
  font-size: 12px;
  color: hsl(
    var(--xf-paletteNeutral3--h), 
    var(--xf-paletteNeutral3--s), 
    calc(((var(--xf-paletteNeutral3--l) - 8%) - 67%) * -100), 
    var(--xf-paletteNeutral3--a)
  );
  background: hsl(
    var(--xf-paletteNeutral3--h), 
    var(--xf-paletteNeutral3--s), 
    calc(var(--xf-paletteNeutral3--l) - 8%), 
    80%
  );
  border-radius: 4px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.tooltip--description .tooltip-content {
  text-align: left;
}
.tooltip--preview .tooltip-content {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentBg));
  padding: 6px;
  text-align: left;
  border: 1px solid hsl(var(--xf-borderColor));
  box-shadow: 0 5px 10px 0 hsl(0, 0%, 0%, 0.35);
}
.tooltip--bookmark .tooltip-content,
.tooltip--member .tooltip-content,
.tooltip--share .tooltip-content {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentBg));
  padding: 0;
  text-align: left;
  border: 1px solid hsl(var(--xf-borderColor));
  box-shadow: 0 5px 10px 0 hsl(0, 0%, 0%, 0.35);
}
.tooltip--reaction .tooltip-content {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentBg));
  padding: 0;
  text-align: center;
  border: 1px solid hsl(var(--xf-borderColor));
  border-radius: 6px;
}
.tooltip-content-inner {
  position: relative;
}
.tooltip--basic .tooltip-content-inner {
  max-height: 200px;
  overflow: hidden;
}
.tooltip--preview .tooltip-content-inner {
  max-height: 200px;
  overflow: hidden;
}
.tooltip--preview .tooltip-content-inner .tooltip-content-cover {
  background: hsl(0, 0%, 0%, 0);
  background: linear-gradient(to bottom, hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    0%
  ) 160px, hsl(var(--xf-contentBg)) 200px);
}
.tooltip-content-inner .tooltip-content-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 0 solid transparent;
}
.tooltip--basic.tooltip--top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border: 5px solid hsl(0, 0%, 0%, 0);
  border-bottom-width: 0;
  border-top-color: hsl(
    var(--xf-paletteNeutral3--h), 
    var(--xf-paletteNeutral3--s), 
    calc(var(--xf-paletteNeutral3--l) - 8%), 
    80%
  );
}
.tooltip--basic.tooltip--bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border: 5px solid hsl(0, 0%, 0%, 0);
  border-top-width: 0;
  border-bottom-color: hsl(
    var(--xf-paletteNeutral3--h), 
    var(--xf-paletteNeutral3--s), 
    calc(var(--xf-paletteNeutral3--l) - 8%), 
    80%
  );
}
.tooltip--basic.tooltip--right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border: 5px solid hsl(0, 0%, 0%, 0);
  border-left-width: 0;
  border-right-color: hsl(
    var(--xf-paletteNeutral3--h), 
    var(--xf-paletteNeutral3--s), 
    calc(var(--xf-paletteNeutral3--l) - 8%), 
    80%
  );
}
.tooltip--basic.tooltip--left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border: 5px solid hsl(0, 0%, 0%, 0);
  border-right-width: 0;
  border-left-color: hsl(
    var(--xf-paletteNeutral3--h), 
    var(--xf-paletteNeutral3--s), 
    calc(var(--xf-paletteNeutral3--l) - 8%), 
    80%
  );
}
.tooltip--preview.tooltip--top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-bottom-width: 0;
  border-top-color: hsl(var(--xf-borderColor));
}
.tooltip--preview.tooltip--bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-top-width: 0;
  border-bottom-color: hsl(var(--xf-borderColor));
}
.tooltip--preview.tooltip--right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-left-width: 0;
  border-right-color: hsl(var(--xf-borderColor));
}
.tooltip--preview.tooltip--left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-right-width: 0;
  border-left-color: hsl(var(--xf-borderColor));
}
.tooltip--member.tooltip--top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-bottom-width: 0;
  border-top-color: hsl(var(--xf-borderColor));
}
.tooltip--member.tooltip--bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-top-width: 0;
  border-bottom-color: hsl(var(--xf-borderColor));
}
.tooltip--member.tooltip--right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-left-width: 0;
  border-right-color: hsl(var(--xf-borderColor));
}
.tooltip--member.tooltip--left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-right-width: 0;
  border-left-color: hsl(var(--xf-borderColor));
}
.tooltip--share.tooltip--top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-bottom-width: 0;
  border-top-color: hsl(var(--xf-borderColor));
}
.tooltip--share.tooltip--bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-top-width: 0;
  border-bottom-color: hsl(var(--xf-borderColor));
}
.tooltip--share.tooltip--right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-left-width: 0;
  border-right-color: hsl(var(--xf-borderColor));
}
.tooltip--share.tooltip--left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-right-width: 0;
  border-left-color: hsl(var(--xf-borderColor));
}
.tooltip--bookmark.tooltip--top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-bottom-width: 0;
  border-top-color: hsl(var(--xf-borderColor));
}
.tooltip--bookmark.tooltip--bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-top-width: 0;
  border-bottom-color: hsl(var(--xf-borderColor));
}
.tooltip--bookmark.tooltip--right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-left-width: 0;
  border-right-color: hsl(var(--xf-borderColor));
}
.tooltip--bookmark.tooltip--left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -11px;
  border: 11px solid hsl(0, 0%, 0%, 0);
  border-right-width: 0;
  border-left-color: hsl(var(--xf-borderColor));
}
.tooltip--member.tooltip--bottom .tooltip-arrow:after {
  border: 10px solid hsl(0, 0%, 0%, 0);
  border-top-width: 0;
  border-bottom-color: hsl(var(--xf-contentHighlightBg));
}
.tooltipCover {
  display: none;
  position: absolute;
  opacity: 0;
  z-index: 299;
  -webkit-tap-highlight-color: hsl(0, 0%, 0%, 0);
}
.tooltipCover.is-active {
  display: block;
}
.menuTrigger {
  cursor: pointer;
}
.menuTrigger:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.2em;
  mask-image: url('../styles/fa/solid/caret-down.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/caret-down.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.menuOutsideClicker {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.menuOutsideClicker.is-active {
  display: block;
  -webkit-tap-highlight-color: hsl(0, 0%, 0%, 0);
}
.menu {
  display: none;
  opacity: 0;
  -webkit-transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  position: absolute;
  z-index: 200;
  margin: 8px 0 0;
  min-width: 240px;
  max-width: 320px;
  border-radius: 3px;
  box-shadow: 0 5px 10px 0 hsl(0, 0%, 0%, 0.35);
}
.menu.is-active {
  display: block;
  opacity: 1;
}
.menu.is-transitioning {
  display: block;
}
.menu.menu--structural {
  margin-top: 0;
}
.menu.menu--structural.menu--left {
  border-top-left-radius: 0;
}
.menu.menu--structural.menu--right {
  border-top-right-radius: 0;
}
.menu.menu--superWide {
  width: 75%;
  max-width: calc(100% - 10px);
}
.menu.menu--veryWide {
  width: 500px;
  max-width: calc(100% - 10px);
}
.menu.menu--wide {
  width: 350px;
  max-width: calc(100% - 10px);
}
.menu.menu--medium {
  width: 300px;
  max-width: calc(100% - 10px);
}
.menu.menu--potentialFixed {
  z-index: 400;
}
.menu-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  top: -8px;
  left: 50%;
  margin-left: -8px;
  border: 8px solid hsl(0, 0%, 0%, 0);
  border-top-width: 0;
  border-bottom-color: hsl(var(--xf-menuFeatureBorderColor));
}
.menu--structural .menu-arrow {
  top: -8px;
}
.menu--up .menu-arrow {
  display: none;
}
.menu-content {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  font-size: 13px;
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentBg));
  border-radius: 3px;
  border-top: 3px solid hsl(var(--xf-menuFeatureBorderColor));
}
.menu--structural.menu--left .menu-content {
  border-top-left-radius: 0;
}
.menu--structural.menu--right .menu-content {
  border-top-right-radius: 0;
}
.menu--potentialFixed .menu-content {
  overflow: auto;
  max-height: 450px;
  max-height: 80vh;
}
.menu-content &gt; :last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.menu--pageJump {
  width: auto;
  min-width: 0;
}
.menu-header {
  padding: 6px 15px;
  margin: 0;
  font-weight: 400;
  text-decoration: none;
  font-size: 17px;
  color: hsl(var(--xf-majorHeadingTextColor));
  background: hsl(var(--xf-majorHeadingBg));
  border-bottom: 1px solid hsl(var(--xf-borderColorLight));
  background: linear-gradient(0deg, hsl(var(--xf-contentHighlightBg)), hsl(
    var(--xf-contentHighlightBg--h), 
    var(--xf-contentHighlightBg--s), 
    calc(var(--xf-contentHighlightBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentHighlightBg--a)
  ));
}
.menu-header:before,
.menu-header:after {
  content: " ";
  display: table;
}
.menu-header:after {
  clear: both;
}
.menu-header a {
  color: inherit;
  text-decoration: none;
}
.menu-header a:hover {
  text-decoration: underline;
}
.menu-header.menu-header--small {
  font-size: 15px;
}
.menu-header.menu-header--sticky {
  position: sticky;
  top: 0;
}
.menu-header .menu-desc {
  color: hsl(
    var(--xf-majorHeadingTextColor--h), 
    var(--xf-majorHeadingTextColor--s), 
    var(--xf-majorHeadingTextColor--l), 
    70
  );
}
.menu-header .menu-desc a {
  color: inherit;
  text-decoration: underline;
}
.menu-desc {
  display: block;
  font-size: 12px;
  font-weight: 400;
}
.menu-tabHeader {
  padding: 0;
  margin: 0;
  font-weight: 400;
  text-decoration: none;
  font-size: 15px;
  color: hsl(var(--xf-majorHeadingTextColor));
  background: hsl(var(--xf-majorHeadingBg));
  border-bottom: 1px solid hsl(var(--xf-borderColorLight));
  background: linear-gradient(0deg, hsl(var(--xf-contentHighlightBg)), hsl(
    var(--xf-contentHighlightBg--h), 
    var(--xf-contentHighlightBg--s), 
    calc(var(--xf-contentHighlightBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-contentHighlightBg--a)
  ));
  font-size: 0;
}
.menu-tabHeader .tabs-tab,
.menu-tabHeader .tabs-text,
.menu-tabHeader .tabs-extra,
.menu-tabHeader .hScroller-action {
  font-size: 15px;
}
.menu-tabHeader .tabs-tab {
  padding: 6px 15px 3px;
  border-bottom: 3px solid transparent;
}
.menu-tabHeader .tabs-tab:hover {
  color: hsl(var(--xf-minorHeadingTextColor));
}
.menu-tabHeader .tabs-tab.is-active {
  color: hsl(var(--xf-textColorFeature));
  border-color: hsl(var(--xf-borderColorFeature));
}
.menu-tabHeader .tabs-text {
  padding: 6px 15px 3px;
  border-bottom: 3px solid transparent;
}
.menu-tabHeader .hScroller-action {
  color: hsl(var(--xf-majorHeadingTextColor));
}
.menu-tabHeader .hScroller-action:hover {
  color: hsl(var(--xf-minorHeadingTextColor));
}
.menu-tabHeader .hScroller-action.hScroller-action--start {
  background: hsl(var(--xf-majorHeadingBg));
  background: linear-gradient(to right, hsl(var(--xf-majorHeadingBg)) 66%, hsl(
    var(--xf-majorHeadingBg--h), 
    var(--xf-majorHeadingBg--s), 
    var(--xf-majorHeadingBg--l), 
    0%
  ) 100%);
}
.menu-tabHeader .hScroller-action.hScroller-action--end {
  background: hsl(var(--xf-majorHeadingBg));
  background: linear-gradient(to right, hsl(
    var(--xf-majorHeadingBg--h), 
    var(--xf-majorHeadingBg--s), 
    var(--xf-majorHeadingBg--l), 
    0%
  ) 0%, hsl(var(--xf-majorHeadingBg)) 33%);
}
.menu-scroller {
  overflow: auto;
  max-height: 300px;
  max-height: 60vh;
  -webkit-overflow-scrolling: touch;
}
.menu-row + .menu-scroller {
  border-top: 1px solid hsl(var(--xf-borderColorLight));
}
.menu-row {
  margin: 0;
  padding: 6px 15px;
}
.menu-row:before,
.menu-row:after {
  content: " ";
  display: table;
}
.menu-row:after {
  clear: both;
}
.menu-row.menu-row--alt {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentAltBg));
}
.menu-row.menu-row--highlighted {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentHighlightBg));
}
.menu-row.menu-row--close {
  padding-left: 10px;
  padding-right: 10px;
}
.menu-row.menu-row--separated + .menu-row {
  border-top: 1px solid hsl(var(--xf-borderColorLight));
}
.menu-row.menu-row--clickable:hover {
  background: hsl(var(--xf-contentHighlightBg));
}
.menu-row:empty {
  padding: 0;
}
.menu-linkRow {
  display: block;
  padding: 6px 15px 6px 12px;
  border-left: 3px solid transparent;
  color: hsl(var(--xf-textColor));
  text-decoration: none;
}
.menu-linkRow.menu-linkRow--alt {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentAltBg));
}
.menu-linkRow.is-selected,
.menu-linkRow:hover,
.menu-linkRow:focus {
  color: hsl(var(--xf-linkHoverColor));
  text-decoration: none;
  background: hsl(var(--xf-contentHighlightBg));
  border-left-color: hsl(
    var(--xf-borderColorFeature--h), 
    var(--xf-borderColorFeature--s), 
    var(--xf-borderColorFeature--l), 
    50%
  );
}
.menu-linkRow.is-selected:focus,
.menu-linkRow:hover:focus,
.menu-linkRow:focus:focus {
  outline: 0;
}
.menu-linkRow.is-selected.is-selected,
.menu-linkRow:hover.is-selected,
.menu-linkRow:focus.is-selected {
  border-left-color: hsl(var(--xf-borderColorFeature));
}
.menu-linkRow.is-hidden {
  display: none;
}
.menu-linkRow i.fa--xf {
  font-size: 13px;
  display: inline-block;
  width: 23px;
}
.menu-linkRow i.fa--xf ~ .menu-linkRow-hint {
  padding-left: 23px;
}
.menu-linkRow:hover i.fa--xf:after {
  color: hsl(var(--xf-linkHoverColor));
}
.menu-linkRow-hint {
  font-style: inherit;
  font-size: 11px;
  color: hsl(var(--xf-textColorMuted));
  display: block;
}
.menu-separator {
  margin: 0 7.5px;
  padding: 0;
  border: none;
  border-top: 1px solid hsl(var(--xf-borderColorLight));
}
.menu-separator.menu-separator--hard {
  margin: 0;
}
.menu-separator + .menu-separator,
.menu-separator:last-child {
  display: none;
}
.menu-footer {
  padding: 6px 15px;
  font-size: 12px;
  color: hsl(var(--xf-blockFooterTextColor));
  background: hsl(var(--xf-blockFooterBg));
  border-top: 1px solid hsl(var(--xf-borderColorLight));
  background: linear-gradient(180deg, hsl(var(--xf-blockFooterBg)), hsl(
    calc((var(--xf-blockFooterBg--h) * 0.5) + (var(--xf-contentBg--h) * 0.5)), 
    calc((var(--xf-blockFooterBg--s) * 0.5) + (var(--xf-contentBg--s) * 0.5)), 
    calc((var(--xf-blockFooterBg--l) * 0.5) + (var(--xf-contentBg--l) * 0.5)), 
    calc((var(--xf-blockFooterBg--a) * 0.5) + (var(--xf-contentBg--a) * 0.5))
  ));
}
.menu-footer:before,
.menu-footer:after {
  content: " ";
  display: table;
}
.menu-footer:after {
  clear: both;
}
.menu-footer.menu-footer--close {
  padding-left: 10px;
  padding-right: 10px;
}
.menu-footer:not(.menu-footer--split) .menu-footer-counter {
  float: left;
}
.menu-footer:not(.menu-footer--split) .menu-footer-controls {
  float: right;
}
.menu-footer.menu-footer--split {
  display: flex;
  align-items: center;
}
.menu-footer.menu-footer--split .menu-footer-main,
.menu-footer.menu-footer--split .menu-footer-counter {
  flex-grow: 1;
}
.menu-footer.menu-footer--split .menu-footer-select:not(:last-child) {
  margin: 0 1em;
}
.menu-footer.menu-footer--split .menu-footer-opposite,
.menu-footer.menu-footer--split .menu-footer-controls {
  margin-left: auto;
}
.menu .block {
  margin: 0;
}
.menu .block .block-container {
  color: inherit;
  background: none;
  border: none;
  border-radius: 0;
}
.menu .block .block-container &gt; .block-header:first-child {
  display: none;
}
.menu .block .block-body {
  border-radius: 0;
}
.offCanvasMenu {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
  -webkit-transition:  none 0.5s ease;
  transition:  none 0.5s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-tap-highlight-color: hsl(0, 0%, 0%, 0);
}
.offCanvasMenu a {
  -webkit-tap-highlight-color: initial;
}
.offCanvasMenu.is-transitioning {
  display: block;
}
.offCanvasMenu.is-active {
  display: block;
}
.offCanvasMenu .offCanvasMenu-hidden {
  display: none;
}
.offCanvasMenu .offCanvasMenu-shown {
  display: block;
}
.offCanvasMenu .offCanvasMenu-closer {
  float: right;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: initial;
  padding: 10px;
  margin: -10px;
}
.offCanvasMenu .offCanvasMenu-closer:hover {
  text-decoration: none;
}
.offCanvasMenu .offCanvasMenu-closer:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/times.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/times.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.offCanvasMenu .block-container,
.offCanvasMenu .blockMessage {
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.offCanvasMenu-shown {
  display: none;
}
.offCanvasMenu-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: hsl(0, 0%, 0%, 0.25);
  opacity: 0;
  -webkit-transition:  all 0.5s ease-in-out;
  transition:  all 0.5s ease-in-out;
}
.is-active .offCanvasMenu-backdrop {
  opacity: 1;
}
.offCanvasMenu-content {
  position: relative;
  width: 280px;
  max-width: 85%;
  height: 100%;
  overflow: auto;
  -webkit-transition:  all 0.5s ease-in-out;
  transition:  all 0.5s ease-in-out;
  -webkit-overflow-scrolling: touch;
  box-shadow: 2px 0 5px 0 hsl(0, 0%, 0%, 0.25);
  -webkit-transform: translateX(-280px);
  -ms-transform: translateX(-280px);
  transform: translateX(-280px);
}
.has-os-ios .offCanvasMenu-content {
  padding-bottom: 44px;
}
.offCanvasMenu--fromOpposite .offCanvasMenu-content {
  position: absolute;
  right: 0;
  box-shadow: -2px 0 5px 0 hsl(0, 0%, 0%, 0.25);
  -webkit-transform: translateX(280px);
  -ms-transform: translateX(280px);
  transform: translateX(280px);
}
.is-active .offCanvasMenu-content {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.offCanvasMenu-content .p-nav-content {
  margin-bottom: 96px;
}
.offCanvasMenu-header {
  padding: 10px;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
}
.offCanvasMenu-header:before,
.offCanvasMenu-header:after {
  content: " ";
  display: table;
}
.offCanvasMenu-header:after {
  clear: both;
}
.offCanvasMenu-header a {
  color: inherit;
  text-decoration: none;
}
.offCanvasMenu-header a:hover {
  text-decoration: underline;
}
.offCanvasMenu-header.offCanvasMenu-header--separated {
  margin-bottom: 10px;
}
.offCanvasMenu-row {
  padding: 10px;
}
.offCanvasMenu-separator {
  padding: 0;
  margin: 0;
  border: none;
  border-top: 1px solid transparent;
}
.offCanvasMenu-link {
  display: block;
  padding: 10px;
  font-size: 17px;
  text-decoration: inherit;
}
.offCanvasMenu-link:hover {
  text-decoration: inherit;
}
.offCanvasMenu-link.offCanvasMenu-link--splitToggle {
  position: relative;
  text-decoration: inherit;
}
.offCanvasMenu-link.offCanvasMenu-link--splitToggle:before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 0;
  border-left: 1px solid currentColor;
}
.offCanvasMenu-link.offCanvasMenu-link--splitToggle:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.88em;
  mask-image: url('../styles/fa/regular/chevron-down.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/chevron-down.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.offCanvasMenu-link.offCanvasMenu-link--splitToggle.is-active:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.88em;
  mask-image: url('../styles/fa/regular/chevron-up.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/chevron-up.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.offCanvasMenu-linkHolder {
  display: flex;
}
.offCanvasMenu-linkHolder.is-selected a {
  color: inherit;
}
.offCanvasMenu-linkHolder.is-selected .offCanvasMenu-link:first-child {
  padding-left: 10px;
}
.offCanvasMenu-linkHolder .offCanvasMenu-link {
  flex-grow: 1;
}
.offCanvasMenu-linkHolder .offCanvasMenu-link.offCanvasMenu-link--splitToggle {
  flex-grow: 0;
}
.offCanvasMenu-linkHolder .offCanvasMenu-link:hover {
  background: none;
}
.offCanvasMenu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.offCanvasMenu-list &gt; li {
  border-top: 1px solid transparent;
}
.offCanvasMenu-list:first-child &gt; li:first-child {
  border-top: none;
}
.offCanvasMenu-subList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  opacity: 0;
  -webkit-transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  overflow-y: hidden;
  height: 0;
  -webkit-transition-property: all, -xf-height;
  transition-property: all, -xf-height;
  padding-bottom: 15px;
}
.offCanvasMenu-subList.is-active {
  display: block;
  opacity: 1;
}
.offCanvasMenu-subList.is-transitioning {
  display: block;
}
.offCanvasMenu-subList.is-active {
  height: auto;
  overflow-y: visible;
}
.offCanvasMenu-subList.is-transitioning {
  overflow-y: hidden;
}
.offCanvasMenu-subList .offCanvasMenu-link {
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 13px;
}
.offCanvasMenu-installBanner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 6px;
  font-size: 17px;
}
.offCanvasMenu--blocks .offCanvasMenu-content {
  background: hsl(var(--xf-pageBg));
  color: hsl(var(--xf-textColor));
}
.offCanvasMenu--blocks .offCanvasMenu-header {
  color: hsl(var(--xf-textColorEmphasized));
  background: hsl(var(--xf-contentHighlightBg));
  border-bottom: 1px solid hsl(var(--xf-borderColorHeavy));
}
.offCanvasMenu--blocks .offCanvasMenu-separator {
  border-top-color: hsl(var(--xf-borderColor));
}
.offCanvasMenu--blocks .offCanvasMenu-list &gt; li {
  border-top-color: hsl(var(--xf-borderColor));
}
.offCanvasMenu--nav .offCanvasMenu-content {
  color: hsl(var(--xf-chromeTextColor));
  background: hsl(var(--xf-chromeBg));
  display: flex;
  flex-direction: column;
}
.offCanvasMenu--nav .offCanvasMenu-content a {
  color: inherit;
}
.offCanvasMenu--nav .offCanvasMenu-header {
  background: hsl(var(--xf-publicHeaderAdjustColor));
  border-bottom: 1px solid hsl(
    var(--xf-publicHeaderAdjustColor--h), 
    var(--xf-publicHeaderAdjustColor--s), 
    var(--xf-publicHeaderAdjustColor--l), 
    calc(var(--xf-publicHeaderAdjustColor--a) + 10%)
  );
}
.offCanvasMenu--nav .offCanvasMenu-list {
  border-bottom: 1px solid hsl(
    var(--xf-publicHeaderAdjustColor--h), 
    var(--xf-publicHeaderAdjustColor--s), 
    var(--xf-publicHeaderAdjustColor--l), 
    calc(var(--xf-publicHeaderAdjustColor--a) + 10%)
  );
}
.offCanvasMenu--nav .offCanvasMenu-separator {
  border-top-color: hsl(
    var(--xf-publicHeaderAdjustColor--h), 
    var(--xf-publicHeaderAdjustColor--s), 
    var(--xf-publicHeaderAdjustColor--l), 
    calc(var(--xf-publicHeaderAdjustColor--a) + 10%)
  );
}
.offCanvasMenu--nav .offCanvasMenu-link.offCanvasMenu-link--splitToggle:before {
  border-left-color: hsl(
    var(--xf-publicHeaderAdjustColor--h), 
    var(--xf-publicHeaderAdjustColor--s), 
    var(--xf-publicHeaderAdjustColor--l), 
    calc(var(--xf-publicHeaderAdjustColor--a) + 1%)
  );
}
.offCanvasMenu--nav .offCanvasMenu-linkHolder {
  text-decoration: none;
}
.offCanvasMenu--nav .offCanvasMenu-linkHolder:hover {
  background: hsl(
    var(--xf-publicHeaderAdjustColor--h), 
    var(--xf-publicHeaderAdjustColor--s), 
    var(--xf-publicHeaderAdjustColor--l), 
    calc(var(--xf-publicHeaderAdjustColor--a) - 6%)
  );
}
.offCanvasMenu--nav .offCanvasMenu-linkHolder.is-selected {
  color: hsl(var(--xf-subNavTextColor));
  font-weight: 700;
  background: hsl(var(--xf-subNavBg));
}
.offCanvasMenu--nav .offCanvasMenu-linkHolder.is-selected .offCanvasMenu-link.offCanvasMenu-link--splitToggle:before {
  border-left-color: hsl(
    var(--xf-subNavTextColor--h), 
    var(--xf-subNavTextColor--s), 
    var(--xf-subNavTextColor--l), 
    20%
  );
}
.offCanvasMenu--nav .offCanvasMenu-subList {
  background: hsl(var(--xf-publicHeaderAdjustColor));
}
.offCanvasMenu--nav .offCanvasMenu-subList .offCanvasMenu-link:hover {
  text-decoration: none;
  background: hsl(var(--xf-publicHeaderAdjustColor));
}
.offCanvasMenu--nav .offCanvasMenu-list &gt; li {
  border-top-color: hsl(var(--xf-publicHeaderAdjustColor));
}
.offCanvasMenu--nav .offCanvasMenu-installBanner {
  margin-top: auto;
  background: hsl(var(--xf-publicHeaderAdjustColor));
  border-top: 1px solid hsl(
    var(--xf-publicHeaderAdjustColor--h), 
    var(--xf-publicHeaderAdjustColor--s), 
    var(--xf-publicHeaderAdjustColor--l), 
    calc(var(--xf-publicHeaderAdjustColor--a) + 10%)
  );
}
.tabs {
  display: flex;
}
.tabs.tabs--wrappable {
  flex-wrap: wrap;
}
.tabs.tabs--right {
  float: right;
  position: relative;
  margin-left: auto;
  align-self: center;
  white-space: nowrap;
}
.tabs-tab {
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
  -webkit-transition:  all 0.25s ease;
  transition:  all 0.25s ease;
}
.tabs-tab:hover {
  text-decoration: none;
}
.tabs-extra {
  position: relative;
  margin-left: auto;
  padding: 0 10px 0 6px;
  align-self: center;
  white-space: nowrap;
}
.tabs-extra.tabs-extra--minor {
  font-size: 13px;
}
.tabs-extra a {
  color: inherit;
  text-decoration: none;
  display: block;
  padding: 6px;
  margin-right: -6px;
}
.tabPanes {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabPanes &gt; li {
  display: none;
}
.tabPanes &gt; li.is-active {
  display: block;
}
.tabs--standalone {
  padding: 0;
  margin-bottom: 20px;
  font-weight: 400;
  border-width: 1px;
  border-style: solid;
  border-top-color: hsl(var(--xf-borderColorLight));
  border-right-color: hsl(var(--xf-borderColor));
  border-bottom-color: hsl(var(--xf-borderColorHeavy));
  border-left-color: hsl(var(--xf-borderColor));
  font-size: 15px;
  color: hsl(
    var(--xf-textColorFeature--h), 
    var(--xf-textColorFeature--s), 
    calc(var(--xf-textColorFeature--l) - (var(--xf-color-adjust, 1) * 20%)), 
    var(--xf-textColorFeature--a)
  );
  background: hsl(var(--xf-contentAltBg));
  font-size: 0;
}
.tabs--standalone .tabs-tab,
.tabs--standalone .tabs-text,
.tabs--standalone .tabs-extra,
.tabs--standalone .hScroller-action {
  font-size: 15px;
}
.tabs--standalone.tabs--standalone--closer {
  margin-bottom: 6px;
}
.tabs--standalone.tabs--standalone--small {
  font-size: 0;
}
.tabs--standalone.tabs--standalone--small .tabs-tab,
.tabs--standalone.tabs--standalone--small .tabs-text,
.tabs--standalone.tabs--standalone--small .tabs-extra,
.tabs--standalone.tabs--standalone--small .hScroller-action {
  font-size: 13px;
}
.tabs--standalone.tabs--standalone--inline {
  display: inline-block;
  margin-bottom: 0;
}
.tabs--standalone .tabs-tab {
  padding: 6px 10px 3px;
  border-bottom: 3px solid transparent;
}
.tabs--standalone .tabs-tab:hover {
  color: hsl(
    var(--xf-textColorFeature--h), 
    var(--xf-textColorFeature--s), 
    calc((var(--xf-textColorFeature--l) - (var(--xf-color-adjust, 1) * 20%)) - (var(--xf-color-adjust, 1) * 10%)), 
    var(--xf-textColorFeature--a)
  );
}
.tabs--standalone .tabs-tab.is-active {
  color: hsl(
    var(--xf-textColorFeature--h), 
    var(--xf-textColorFeature--s), 
    calc((var(--xf-textColorFeature--l) - (var(--xf-color-adjust, 1) * 20%)) - (var(--xf-color-adjust, 1) * 10%)), 
    var(--xf-textColorFeature--a)
  );
  border-color: hsl(var(--xf-borderColorFeature));
}
.tabs--standalone .hScroller-action {
  color: hsl(
    var(--xf-textColorFeature--h), 
    var(--xf-textColorFeature--s), 
    calc(var(--xf-textColorFeature--l) - (var(--xf-color-adjust, 1) * 20%)), 
    var(--xf-textColorFeature--a)
  );
}
.tabs--standalone .hScroller-action:hover {
  color: hsl(
    var(--xf-textColorFeature--h), 
    var(--xf-textColorFeature--s), 
    calc((var(--xf-textColorFeature--l) - (var(--xf-color-adjust, 1) * 20%)) - (var(--xf-color-adjust, 1) * 10%)), 
    var(--xf-textColorFeature--a)
  );
}
.tabs--standalone .hScroller-action.hScroller-action--start {
  background: hsl(var(--xf-contentAltBg));
  background: linear-gradient(to right, hsl(var(--xf-contentAltBg)) 66%, hsl(
    var(--xf-contentAltBg--h), 
    var(--xf-contentAltBg--s), 
    var(--xf-contentAltBg--l), 
    0%
  ) 100%);
}
.tabs--standalone .hScroller-action.hScroller-action--end {
  background: hsl(var(--xf-contentAltBg));
  background: linear-gradient(to right, hsl(
    var(--xf-contentAltBg--h), 
    var(--xf-contentAltBg--s), 
    var(--xf-contentAltBg--l), 
    0%
  ) 0%, hsl(var(--xf-contentAltBg)) 33%);
}
@media (max-width: 650px) {
  .tabs--standalone {
    margin-left: -10px;
    margin-right: -10px;
    border-radius: 0;
  }
  .tabs--standalone .tabs--standalone:not(.tabs--right) {
    border-left: none;
    border-right: none;
  }
  .tabs--right.tabs--standalone {
    margin: 0;
  }
}
.overlay-container {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 900;
  background: hsl(var(--xf-overlayMaskColor));
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  -webkit-transition:  all 0.25s ease;
  transition:  all 0.25s ease;
}
.overlay-container.is-transitioning {
  display: block;
}
.overlay-container.is-active {
  display: block;
  opacity: 1;
  backdrop-filter: blur(5px);
}
.overlay {
  position: relative;
  margin: 40px auto 10px;
  margin-top: 4vh;
  width: 100%;
  max-width: 800px;
  background: hsl(var(--xf-pageBg));
  color: hsl(var(--xf-textColor));
  border-width: 1px;
  border-style: solid;
  border-top-color: hsl(var(--xf-borderColorLight));
  border-right-color: hsl(var(--xf-borderColor));
  border-bottom-color: hsl(var(--xf-borderColorHeavy));
  border-left-color: hsl(var(--xf-borderColor));
  border-radius: 4px;
  box-shadow: 0 5px 15px 0 hsl(0, 0%, 0%, 0.5);
  outline: none;
}
.overlay &gt; .overlay-title:first-child,
.overlay .overlay-firstChild {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.overlay &gt; .overlay-content &gt; *:last-child,
.overlay .overlay-lastChild {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media (max-width: 820px) {
  .overlay {
    max-width: calc(100% - 20px);
  }
}
.overlay-title {
  display: none;
  margin: 0;
  font-weight: 400;
  font-size: 24px;
  color: hsl(var(--xf-majorHeadingTextColor));
  background: hsl(var(--xf-majorHeadingBg));
  border-bottom: 1px solid hsl(var(--xf-borderColorLight));
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  background: linear-gradient(0deg, hsl(var(--xf-majorHeadingBg)), hsl(
    var(--xf-majorHeadingBg--h), 
    var(--xf-majorHeadingBg--s), 
    calc(var(--xf-majorHeadingBg--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-majorHeadingBg--a)
  ));
}
.overlay-title:before,
.overlay-title:after {
  content: " ";
  display: table;
}
.overlay-title:after {
  clear: both;
}
.overlay .overlay-title {
  display: block;
}
.overlay-titleCloser {
  float: right;
  cursor: pointer;
  margin-left: 5px;
  text-decoration: none;
  opacity: .5;
  -webkit-transition:  all 0.25s ease;
  transition:  all 0.25s ease;
}
.overlay-titleCloser:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/times.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/times.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.overlay-titleCloser:hover {
  text-decoration: none;
  opacity: 1;
}
.overlay-content:before,
.overlay-content:after {
  content: " ";
  display: table;
}
.overlay-content:after {
  clear: both;
}
body.is-modalOpen {
  overflow: hidden !important;
}
body.is-modalOpen .overlay-container,
body.is-modalOpen .offCanvasMenu {
  overflow-y: scroll !important;
}
@media (max-width: 480px) {
  .overlay-title {
    font-size: 20px;
  }
}
.block-container &gt; .tabPanes &gt; li &gt; .blocks &gt; .block &gt; .block-container,
.block-container &gt; .block-body &gt; .blocks &gt; .block &gt; .block-container,
.block-container &gt; .block-body &gt; .block-row &gt; .blocks &gt; .block &gt; .block-container,
.overlay-content &gt; .blocks &gt; .block &gt; .block-container,
.block-container &gt; .tabPanes &gt; li &gt; .block &gt; .block-container,
.block-container &gt; .block-body &gt; .block &gt; .block-container,
.block-container &gt; .block-body &gt; .block-row &gt; .block &gt; .block-container,
.overlay-content &gt; .block &gt; .block-container,
.block-container &gt; .tabPanes &gt; li &gt; .blockMessage,
.block-container &gt; .block-body &gt; .blockMessage,
.block-container &gt; .block-body &gt; .block-row &gt; .blockMessage,
.overlay-content &gt; .blockMessage {
  margin-left: 0;
  margin-right: 0;
  border-radius: 4px;
  border-left: none;
  border-right: none;
}
.block-container &gt; .tabPanes &gt; li &gt; .blocks &gt; .block:first-child,
.block-container &gt; .block-body &gt; .blocks &gt; .block:first-child,
.block-container &gt; .block-body &gt; .block-row &gt; .blocks &gt; .block:first-child,
.overlay-content &gt; .blocks &gt; .block:first-child,
.block-container &gt; .tabPanes &gt; li &gt; .block:first-child,
.block-container &gt; .block-body &gt; .block:first-child,
.block-container &gt; .block-body &gt; .block-row &gt; .block:first-child,
.overlay-content &gt; .block:first-child,
.block-container &gt; .tabPanes &gt; li &gt; .blockMessage:first-child,
.block-container &gt; .block-body &gt; .blockMessage:first-child,
.block-container &gt; .block-body &gt; .block-row &gt; .blockMessage:first-child,
.overlay-content &gt; .blockMessage:first-child {
  margin-top: 0;
}
.block-container &gt; .tabPanes &gt; li &gt; .blocks &gt; .block:first-child .block-outer:not(.block-outer--after),
.block-container &gt; .block-body &gt; .blocks &gt; .block:first-child .block-outer:not(.block-outer--after),
.block-container &gt; .block-body &gt; .block-row &gt; .blocks &gt; .block:first-child .block-outer:not(.block-outer--after),
.overlay-content &gt; .blocks &gt; .block:first-child .block-outer:not(.block-outer--after),
.block-container &gt; .tabPanes &gt; li &gt; .block:first-child .block-outer:not(.block-outer--after),
.block-container &gt; .block-body &gt; .block:first-child .block-outer:not(.block-outer--after),
.block-container &gt; .block-body &gt; .block-row &gt; .block:first-child .block-outer:not(.block-outer--after),
.overlay-content &gt; .block:first-child .block-outer:not(.block-outer--after),
.block-container &gt; .tabPanes &gt; li &gt; .blockMessage:first-child .block-outer:not(.block-outer--after),
.block-container &gt; .block-body &gt; .blockMessage:first-child .block-outer:not(.block-outer--after),
.block-container &gt; .block-body &gt; .block-row &gt; .blockMessage:first-child .block-outer:not(.block-outer--after),
.overlay-content &gt; .blockMessage:first-child .block-outer:not(.block-outer--after) {
  border-bottom: 1px solid hsl(var(--xf-borderColorLight));
  padding: 6px;
}
.block-container &gt; .tabPanes &gt; li &gt; .blocks &gt; .block:last-child,
.block-container &gt; .block-body &gt; .blocks &gt; .block:last-child,
.block-container &gt; .block-body &gt; .block-row &gt; .blocks &gt; .block:last-child,
.overlay-content &gt; .blocks &gt; .block:last-child,
.block-container &gt; .tabPanes &gt; li &gt; .block:last-child,
.block-container &gt; .block-body &gt; .block:last-child,
.block-container &gt; .block-body &gt; .block-row &gt; .block:last-child,
.overlay-content &gt; .block:last-child,
.block-container &gt; .tabPanes &gt; li &gt; .blockMessage:last-child,
.block-container &gt; .block-body &gt; .blockMessage:last-child,
.block-container &gt; .block-body &gt; .block-row &gt; .blockMessage:last-child,
.overlay-content &gt; .blockMessage:last-child {
  margin-bottom: 0;
}
.block-container &gt; .tabPanes &gt; li &gt; .blocks &gt; .block:last-child .block-outer.block-outer--after,
.block-container &gt; .block-body &gt; .blocks &gt; .block:last-child .block-outer.block-outer--after,
.block-container &gt; .block-body &gt; .block-row &gt; .blocks &gt; .block:last-child .block-outer.block-outer--after,
.overlay-content &gt; .blocks &gt; .block:last-child .block-outer.block-outer--after,
.block-container &gt; .tabPanes &gt; li &gt; .block:last-child .block-outer.block-outer--after,
.block-container &gt; .block-body &gt; .block:last-child .block-outer.block-outer--after,
.block-container &gt; .block-body &gt; .block-row &gt; .block:last-child .block-outer.block-outer--after,
.overlay-content &gt; .block:last-child .block-outer.block-outer--after,
.block-container &gt; .tabPanes &gt; li &gt; .blockMessage:last-child .block-outer.block-outer--after,
.block-container &gt; .block-body &gt; .blockMessage:last-child .block-outer.block-outer--after,
.block-container &gt; .block-body &gt; .block-row &gt; .blockMessage:last-child .block-outer.block-outer--after,
.overlay-content &gt; .blockMessage:last-child .block-outer.block-outer--after {
  border-top: 1px solid hsl(var(--xf-borderColorLight));
  padding: 6px;
}
.block-container &gt; .tabPanes &gt; li &gt; .blocks &gt; .block:first-child &gt; .block-container,
.block-container &gt; .block-body &gt; .blocks &gt; .block:first-child &gt; .block-container,
.block-container &gt; .block-body &gt; .block-row &gt; .blocks &gt; .block:first-child &gt; .block-container,
.overlay-content &gt; .blocks &gt; .block:first-child &gt; .block-container,
.block-container &gt; .tabPanes &gt; li &gt; .block:first-child &gt; .block-container,
.block-container &gt; .block-body &gt; .block:first-child &gt; .block-container,
.block-container &gt; .block-body &gt; .block-row &gt; .block:first-child &gt; .block-container,
.overlay-content &gt; .block:first-child &gt; .block-container,
.block-container &gt; .tabPanes &gt; li &gt; .blockMessage:first-child,
.block-container &gt; .block-body &gt; .blockMessage:first-child,
.block-container &gt; .block-body &gt; .block-row &gt; .blockMessage:first-child,
.overlay-content &gt; .blockMessage:first-child {
  border-top: none;
}
.block-container &gt; .tabPanes &gt; li &gt; .blocks &gt; .block:last-child &gt; .block-container,
.block-container &gt; .block-body &gt; .blocks &gt; .block:last-child &gt; .block-container,
.block-container &gt; .block-body &gt; .block-row &gt; .blocks &gt; .block:last-child &gt; .block-container,
.overlay-content &gt; .blocks &gt; .block:last-child &gt; .block-container,
.block-container &gt; .tabPanes &gt; li &gt; .block:last-child &gt; .block-container,
.block-container &gt; .block-body &gt; .block:last-child &gt; .block-container,
.block-container &gt; .block-body &gt; .block-row &gt; .block:last-child &gt; .block-container,
.overlay-content &gt; .block:last-child &gt; .block-container,
.block-container &gt; .tabPanes &gt; li &gt; .blockMessage:last-child,
.block-container &gt; .block-body &gt; .blockMessage:last-child,
.block-container &gt; .block-body &gt; .block-row &gt; .blockMessage:last-child,
.overlay-content &gt; .blockMessage:last-child {
  border-bottom: none;
}
.block-container &gt; .tabPanes &gt; li &gt; .blocks &gt; .block:not(:first-child) &gt; .block-container,
.block-container &gt; .block-body &gt; .blocks &gt; .block:not(:first-child) &gt; .block-container,
.block-container &gt; .block-body &gt; .block-row &gt; .blocks &gt; .block:not(:first-child) &gt; .block-container,
.overlay-content &gt; .blocks &gt; .block:not(:first-child) &gt; .block-container,
.block-container &gt; .tabPanes &gt; li &gt; .block:not(:first-child) &gt; .block-container,
.block-container &gt; .block-body &gt; .block:not(:first-child) &gt; .block-container,
.block-container &gt; .block-body &gt; .block-row &gt; .block:not(:first-child) &gt; .block-container,
.overlay-content &gt; .block:not(:first-child) &gt; .block-container,
.block-container &gt; .tabPanes &gt; li &gt; .blockMessage:not(:first-child),
.block-container &gt; .block-body &gt; .blockMessage:not(:first-child),
.block-container &gt; .block-body &gt; .block-row &gt; .blockMessage:not(:first-child),
.overlay-content &gt; .blockMessage:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.block-container &gt; .tabPanes &gt; li &gt; .blocks &gt; .block:not(:last-child) &gt; .block-container,
.block-container &gt; .block-body &gt; .blocks &gt; .block:not(:last-child) &gt; .block-container,
.block-container &gt; .block-body &gt; .block-row &gt; .blocks &gt; .block:not(:last-child) &gt; .block-container,
.overlay-content &gt; .blocks &gt; .block:not(:last-child) &gt; .block-container,
.block-container &gt; .tabPanes &gt; li &gt; .block:not(:last-child) &gt; .block-container,
.block-container &gt; .block-body &gt; .block:not(:last-child) &gt; .block-container,
.block-container &gt; .block-body &gt; .block-row &gt; .block:not(:last-child) &gt; .block-container,
.overlay-content &gt; .block:not(:last-child) &gt; .block-container,
.block-container &gt; .tabPanes &gt; li &gt; .blockMessage:not(:last-child),
.block-container &gt; .block-body &gt; .blockMessage:not(:last-child),
.block-container &gt; .block-body &gt; .block-row &gt; .blockMessage:not(:last-child),
.overlay-content &gt; .blockMessage:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.overlay-content &gt; .blocks &gt; .block &gt; .block-container,
.overlay-content &gt; .block &gt; .block-container,
.overlay-content &gt; .blockMessage {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.overlay-content &gt; .blocks &gt; .block &gt; .block-container &gt; :first-child,
.overlay-content &gt; .block &gt; .block-container &gt; :first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.overlay-content &gt; .blocks &gt; .block &gt; .block-container &gt; .block-body:first-child &gt; .formRow:first-child &gt; dt,
.overlay-content &gt; .block &gt; .block-container &gt; .block-body:first-child &gt; .formRow:first-child &gt; dt {
  border-top-left-radius: 0;
}
.overlay-content &gt; .blocks &gt; .block &gt; .block-container &gt; .block-body:first-child &gt; .formRow:first-child &gt; dd,
.overlay-content &gt; .block &gt; .block-container &gt; .block-body:first-child &gt; .formRow:first-child &gt; dd {
  border-top-right-radius: 0;
}
.overlay-content &gt; .blocks &gt; .block &gt; .block-container &gt; .dataList:first-child tbody:first-child .dataList-row:first-child &gt; .dataList-cell:first-child,
.overlay-content &gt; .block &gt; .block-container &gt; .dataList:first-child tbody:first-child .dataList-row:first-child &gt; .dataList-cell:first-child,
.overlay-content &gt; .blocks &gt; .block &gt; .block-container &gt; .dataList:first-child thead:first-child .dataList-row:first-child &gt; .dataList-cell:first-child,
.overlay-content &gt; .block &gt; .block-container &gt; .dataList:first-child thead:first-child .dataList-row:first-child &gt; .dataList-cell:first-child {
  border-top-left-radius: 0;
}
.overlay-content &gt; .blocks &gt; .block &gt; .block-container &gt; .dataList:first-child tbody:first-child .dataList-row:first-child &gt; .dataList-cell:last-child,
.overlay-content &gt; .block &gt; .block-container &gt; .dataList:first-child tbody:first-child .dataList-row:first-child &gt; .dataList-cell:last-child,
.overlay-content &gt; .blocks &gt; .block &gt; .block-container &gt; .dataList:first-child thead:first-child .dataList-row:first-child &gt; .dataList-cell:last-child,
.overlay-content &gt; .block &gt; .block-container &gt; .dataList:first-child thead:first-child .dataList-row:first-child &gt; .dataList-cell:last-child {
  border-top-right-radius: 0;
}
.overlay-content &gt; .block:last-child &gt; .block-container &gt; .formSubmitRow:not(.is-sticky):last-child .formSubmitRow-bar {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.globalAction {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 900;
  opacity: 0;
  -webkit-transition:  opacity 0.25s ease;
  transition:  opacity 0.25s ease;
  pointer-events: none;
}
.globalAction.is-active {
  opacity: 1;
}
.globalAction-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 33%;
  height: 3px;
  background: hsl(var(--xf-globalActionColor));
  pointer-events: none;
  transform: translateX(-33vw);
  -webkit-animation: 1.5s ease-in-out infinite globalActionBar;
  animation: 1.5s ease-in-out infinite globalActionBar;
}
.globalAction-bar:before {
  content: '';
  position: absolute;
  right: 0;
  height: 100%;
  width: 100px;
  box-shadow: 0 0 10px 2px hsl(var(--xf-globalActionColor));
  transform: rotate(2deg) translate(0px, -3px);
}
@-webkit-keyframes globalActionBar {
  from {
    transform: translateX(-33vw);
  }
  to {
    transform: translateX(100vw);
  }
}
@keyframes globalActionBar {
  from {
    transform: translateX(-33vw);
  }
  to {
    transform: translateX(100vw);
  }
}
.globalAction-block {
  position: fixed;
  top: 20px;
  right: 10px;
  pointer-events: none;
}
.globalAction-block i {
  display: inline-block;
  content: ' ';
  font-size: 10px;
  width: 1em;
  height: 2.5em;
  margin-right: .3em;
  background-color: hsl(var(--xf-globalActionColor));
  box-shadow: 1px 1px 2px hsl(0, 0%, 0%, 0.5);
  -webkit-animation: 1s ease infinite globalActionPulse;
  animation: 1s ease infinite globalActionPulse;
  opacity: .35;
}
.globalAction-block i:last-child {
  margin-right: 0;
}
.globalAction-block i:nth-child(2) {
  animation-delay: .2s;
}
.globalAction-block i:nth-child(3) {
  animation-delay: .4s;
}
@media (max-width: 480px) {
  .globalAction-block {
    display: none;
  }
}
@-webkit-keyframes globalActionPulse {
  from {
    -webkit-transform: scaleY(1.5);
    -ms-transform: scaleY(1.5);
    transform: scaleY(1.5);
    opacity: 1;
  }
  to {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: .35;
  }
}
@keyframes globalActionPulse {
  from {
    -webkit-transform: scaleY(1.5);
    -ms-transform: scaleY(1.5);
    transform: scaleY(1.5);
    opacity: 1;
  }
  to {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: .35;
  }
}
.avatar {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  vertical-align: top;
  overflow: hidden;
}
.avatar img {
  background-color: hsl(var(--xf-avatarBg));
}
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
  font-family: 'Arial', sans-serif;
  font-weight: normal;
  text-align: center;
  text-decoration: none !important;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.avatar.avatar--default.avatar--default--text {
  color: hsl(var(--xf-textColorMuted)) !important;
  background: hsl(
    calc((var(--xf-textColorMuted--h) * 0.25) + (var(--xf-avatarBg--h) * 0.75)), 
    calc((var(--xf-textColorMuted--s) * 0.25) + (var(--xf-avatarBg--s) * 0.75)), 
    calc((var(--xf-textColorMuted--l) * 0.25) + (var(--xf-avatarBg--l) * 0.75)), 
    calc((var(--xf-textColorMuted--a) * 0.25) + (var(--xf-avatarBg--a) * 0.75))
  ) !important;
}
.avatar.avatar--default.avatar--default--text &gt; span:before {
  content: '?';
}
.avatar.avatar--default.avatar--default--image {
  background-color: hsl(var(--xf-avatarBg));
  background-image: url();
  background-size: cover;
}
.avatar.avatar--default.avatar--default--image &gt; span {
  display: none;
}
.avatar:hover {
  text-decoration: none;
}
.avatar.avatar--updateLink {
  position: relative;
}
.avatar.avatar--separated {
  border: 1px solid hsl(var(--xf-avatarBg));
}
.avatar.avatar--square {
  border-radius: 0;
}
.avatar.avatar--xxs {
  width: 24px;
  height: 24px;
  font-size: 14px;
}
.avatar.avatar--xs {
  width: 32px;
  height: 32px;
  font-size: 19px;
}
.avatar.avatar--s {
  width: 48px;
  height: 48px;
  font-size: 29px;
}
.avatar.avatar--m {
  width: 96px;
  height: 96px;
  font-size: 58px;
}
.avatar.avatar--l {
  width: 192px;
  height: 192px;
  font-size: 115px;
}
.avatar.avatar--o {
  width: 384px;
  height: 384px;
  font-size: 230px;
}
.avatar img:not(.cropImage) {
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.avatar:not(a) {
  cursor: inherit;
}
.avatar-update {
  width: 100%;
  height: 30px;
  bottom: -30px;
  position: absolute;
  background: hsl(0, 0%, 0%);
  background: linear-gradient(to bottom, hsl(0, 0%, 0%, 0) 0%, hsl(0, 0%, 0%, 0.3) 100%);
  -webkit-transition:  all 0.25s ease;
  transition:  all 0.25s ease;
  padding: 3px;
  overflow: hidden;
  font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
  font-size: 12px;
  line-height: 1.4;
  display: none;
  align-items: center;
  justify-content: center;
}
.avatar-update a {
  color: inherit;
  text-decoration: none;
}
.avatar-update a:hover {
  text-decoration: underline;
}
.avatar--updateLink .avatar-update {
  display: flex;
}
.has-touchevents .avatar-update,
.avatar:hover .avatar-update {
  bottom: 0;
}
.avatar-update a {
  text-shadow: 0 0 2px hsl(0, 0%, 0%, 0.6);
  color: #fff;
}
.avatar-update a:hover {
  text-decoration: none;
}
.avatarWrapper {
  display: inline-block;
  position: relative;
}
.avatarWrapper-update {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: .8em;
  color: #fff;
  text-decoration: none;
  opacity: 0;
  -webkit-transition:  opacity 0.25s ease;
  transition:  opacity 0.25s ease;
}
.avatarWrapper-update:before {
  content: '';
  position: absolute;
  top: -100%;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  background: hsl(0, 0%, 0%);
  background: linear-gradient(to bottom, hsl(0, 0%, 0%, 0) 60%, hsl(0, 0%, 0%, 0.9) 100%);
  opacity: .75;
  -webkit-transition:  opacity 0.25s ease;
  transition:  opacity 0.25s ease;
  pointer-events: none;
}
.avatarWrapper-update span {
  position: relative;
}
.avatarWrapper-update:hover {
  color: #fff;
  text-decoration: none;
}
.avatarWrapper-update:hover:before {
  opacity: 1;
}
.avatarWrapper:hover .avatarWrapper-update,
.has-touchevents .avatarWrapper-update {
  opacity: 1;
}
.avatarWrapper-update.avatarWrapper-update--small {
  font-size: 13px;
}
.dataList {
  max-width: 100%;
  --imageBgWidth: 64px;
}
.dataList.dataList--separated {
  border-top: 1px solid hsl(var(--xf-borderColorLight));
  border-bottom: 1px solid hsl(var(--xf-borderColorLight));
}
.dataList.dataList--separatedTop {
  border-top: 1px solid hsl(var(--xf-borderColorLight));
}
.dataList.dataList--separatedBottom {
  border-bottom: 1px solid hsl(var(--xf-borderColorLight));
}
.dataList.dataList--contained {
  overflow-x: auto;
  max-height: 300px;
  max-height: 85vh;
}
.dataList.dataList--containedFixed {
  overflow-x: auto;
  max-height: 300px;
}
.dataList.dataList--autoSize {
  display: table;
  width: auto;
  margin: 0 auto;
}
@media (max-width: 650px) {
  .dataList {
    overflow-x: auto;
  }
}
.dataList-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.dataList-rowGroup.is-hidden {
  display: none;
}
.dataList-row:hover:not(.dataList-row--noHover):not(.dataList-row--header):not(.is-spHovered),
.is-spActive .dataList-row.is-spChecked {
  background: hsl(
    var(--xf-contentHighlightBg--h), 
    var(--xf-contentHighlightBg--s), 
    var(--xf-contentHighlightBg--l), 
    50%
  );
}
.is-spActive .dataList-row.is-spHovered {
  background: hsl(
    var(--xf-contentHighlightBg--h), 
    var(--xf-contentHighlightBg--s), 
    var(--xf-contentHighlightBg--l), 
    75%
  );
}
.is-spActive .dataList-row:not(.dataList-row--noHover):not(.dataList-row--header):not(.is-spChecked) * {
  color: hsl(var(--xf-textColorMuted));
}
.dataList-row.dataList-row--header .dataList-cell {
  font-size: 12px;
  color: hsl(var(--xf-majorHeadingTextColor));
  font-weight: 700;
  background: hsl(
    var(--xf-majorHeadingBg--h), 
    var(--xf-majorHeadingBg--s), 
    var(--xf-majorHeadingBg--l), 
    50%
  );
  border-bottom: 1px solid hsl(var(--xf-borderColorHeavy));
  text-transform: none;
  padding: 5px 10px;
  text-align: left;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .dataList-row.dataList-row--header .dataList-cell {
    --backdrop-filter: blur(5px);
    -webkit-backdrop-filter: var(--backdrop-filter);
    backdrop-filter: var(--backdrop-filter);
  }
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .dataList-row.dataList-row--header .dataList-cell {
    background: none;
  }
}
.dataList-row.dataList-row--header .dataList-cell.dataList-cell--action,
.dataList-row.dataList-row--header .dataList-cell.dataList-cell--link {
  padding: 0;
}
.dataList-row.dataList-row--header .dataList-cell.dataList-cell--action a,
.dataList-row.dataList-row--header .dataList-cell.dataList-cell--link a,
.dataList-row.dataList-row--header .dataList-cell.dataList-cell--action label,
.dataList-row.dataList-row--header .dataList-cell.dataList-cell--link label,
.dataList-row.dataList-row--header .dataList-cell.dataList-cell--action .dataList-blockLink,
.dataList-row.dataList-row--header .dataList-cell.dataList-cell--link .dataList-blockLink {
  padding: 5px 10px;
}
.dataList-row.dataList-row--header .dataList-cell a {
  color: inherit;
  text-decoration: underline;
}
.dataList-row.dataList-row--header .dataList-cell.dataList-cell--min {
  text-align: center;
}
.dataList-row.dataList-row--subSection .dataList-cell {
  font-size: 17px;
  color: hsl(var(--xf-majorHeadingTextColor));
  background: hsl(var(--xf-majorHeadingBg));
  border-bottom: 1px solid hsl(var(--xf-borderColorLight));
  padding: 5px 10px;
}
.dataList-row.dataList-row--subSection .dataList-cell.dataList-cell--action,
.dataList-row.dataList-row--subSection .dataList-cell.dataList-cell--link {
  padding: 0;
}
.dataList-row.dataList-row--subSection .dataList-cell.dataList-cell--action a,
.dataList-row.dataList-row--subSection .dataList-cell.dataList-cell--link a,
.dataList-row.dataList-row--subSection .dataList-cell.dataList-cell--action label,
.dataList-row.dataList-row--subSection .dataList-cell.dataList-cell--link label,
.dataList-row.dataList-row--subSection .dataList-cell.dataList-cell--action .dataList-blockLink,
.dataList-row.dataList-row--subSection .dataList-cell.dataList-cell--link .dataList-blockLink {
  padding: 5px 10px;
}
.dataList-row.dataList-row--subSection .dataList-cell a {
  color: inherit;
}
.dataList-row.dataList-row--subSection:hover:not(.dataList-row--noHover) .dataList-cell {
  background: hsl(var(--xf-majorHeadingBg));
}
.dataList-row.dataList-row--note .dataList-cell {
  text-align: center;
}
.dataList-row.dataList-row--deleted .dataList-cell {
  opacity: .5;
}
.dataList-row.dataList-row--highlighted {
  font-weight: 700;
}
.dataList-row.dataList-row--custom &gt; .dataList-cell:first-child {
  border-left: 3px solid red;
}
.dataList-row.dataList-row--custom .dataList-cell--link a {
  color: red;
}
.dataList-row.dataList-row--parentCustom &gt; .dataList-cell:first-child {
  border-left: 3px solid orange;
}
.dataList-row.dataList-row--parentCustom .dataList-cell--link a {
  color: orange;
}
.dataList-row.dataList-row--protected &gt; .dataList-cell:first-child {
  border-left: 3px solid hsl(var(--xf-borderColorFeature));
}
.dataList-row.is-hidden {
  display: none;
}
.dataList-row.dataList-row--disabled .dataList-cell--link a {
  color: hsl(var(--xf-textColorMuted));
  -webkit-transition:  all 0.25s ease;
  transition:  all 0.25s ease;
}
.dataList-row.dataList-row--invalid {
  opacity: 0.5;
  -webkit-transition:  opacity 0.25s ease;
  transition:  opacity 0.25s ease;
}
.dataList-row.dataList-row--invalid:hover {
  opacity: 1;
}
.dataList-row.dataList-row--opposite .dataList-cell,
.dataList-row.dataList-row--header.dataList-row--opposite .dataList-cell {
  text-align: right;
}
.dataList-row.dataList-row--opposite .dataList-cell:first-of-type,
.dataList-row.dataList-row--header.dataList-row--opposite .dataList-cell:first-of-type {
  text-align: left;
}
tbody:last-child .dataList-row:last-child .dataList-cell {
  border-bottom: none;
}
.dataList-cell {
  vertical-align: middle;
  padding: 10px 10px;
  border-bottom: 1px solid hsl(var(--xf-borderColorFaint));
}
.dataList-cell.dataList-cell--main {
  min-width: 180px;
}
.dataList-cell.dataList-cell--minWidth {
  min-width: 17vw;
  min-width: min(17vw, 250px);
}
.dataList-cell.dataList-cell--link,
.dataList-cell.dataList-cell--action {
  padding: 0;
}
.dataList-cell.dataList-cell--alt,
.dataList-cell.dataList-cell--action {
  background: hsl(var(--xf-contentAltBg));
}
.dataList-cell.dataList-cell--highlighted {
  background: hsl(var(--xf-contentHighlightBg));
}
.dataList-cell.dataList-cell--separated {
  border-left: 1px solid hsl(var(--xf-borderColorFaint));
}
.dataList-cell.dataList-cell--min,
.dataList-cell.dataList-cell--action,
.dataList-cell.dataList-cell--iconic,
.dataList-cell.dataList-cell-fa {
  width: 1%;
  white-space: nowrap;
  word-wrap: normal;
  text-align: center;
}
.dataList-cell.dataList-cell--opposite,
.dataList-row.dataList-row--header .dataList-cell.dataList-cell--opposite {
  text-align: right;
}
.dataList-cell.dataList-cell--number {
  text-align: right !important;
}
.dataList-cell.dataList-cell--action {
  font-size: 12px;
}
.dataList-cell.dataList-cell--action,
.dataList-cell.dataList-cell--link {
  cursor: pointer;
  text-decoration: none;
}
.dataList-cell.dataList-cell--action.dataList-cell--alt:hover,
.dataList-cell.dataList-cell--link.dataList-cell--alt:hover,
.dataList-cell.dataList-cell--action.dataList-cell--action:hover,
.dataList-cell.dataList-cell--link.dataList-cell--action:hover {
  background: hsl(var(--xf-contentHighlightBg));
}
.dataList-cell.dataList-cell--action a,
.dataList-cell.dataList-cell--link a,
.dataList-cell.dataList-cell--action label,
.dataList-cell.dataList-cell--link label,
.dataList-cell.dataList-cell--action .dataList-blockLink,
.dataList-cell.dataList-cell--link .dataList-blockLink {
  padding: 10px 10px;
  display: block;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
}
.dataList-cell.dataList-cell--action input,
.dataList-cell.dataList-cell--link input {
  cursor: pointer;
}
.dataList-cell.dataList-cell--iconic,
.dataList-cell.dataList-cell--fa {
  padding: 0;
  font-size: 125%;
  min-width: 2.5em;
  position: relative;
  text-align: center;
}
.dataList-cell.dataList-cell--iconic &gt; a.iconic &gt; i {
  display: inline-block;
  min-width: 1em;
  height: .9em;
  text-align: left;
}
.dataList-cell.dataList-cell--iconic &gt; a.iconic &gt; i:before,
.dataList-cell.dataList-cell--iconic &gt; a.iconic &gt; i:after {
  position: absolute;
  opacity: 1;
}
.dataList-cell.dataList-cell--iconic &gt; .iconic {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.dataList-cell.dataList-cell--iconic &gt; .iconic &gt; i:before,
.dataList-cell.dataList-cell--iconic &gt; .iconic &gt; i:after {
  left: 50%;
  margin-left: -.5em;
  top: 50%;
  margin-top: -.5em;
}
.dataList-cell.dataList-cell--iconic &gt; .iconic &gt; input[type=checkbox] + i:before,
.dataList-cell.dataList-cell--iconic &gt; .iconic &gt; input[type=checkbox] + i:after {
  margin-left: -.4375em;
}
.dataList-cell.dataList-cell--iconic &gt; .iconic &gt; input[type=radio] + i:before,
.dataList-cell.dataList-cell--iconic &gt; .iconic &gt; input[type=radio] + i:after {
  margin-left: -.5em;
}
.dataList-cell.dataList-cell--iconic &gt; .iconic.iconic--toggle &gt; input[type=checkbox] + i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.125em;
  mask-image: url('../styles/fa/regular/toggle-off.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/toggle-off.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.dataList-cell.dataList-cell--iconic &gt; .iconic.iconic--toggle &gt; input[type=checkbox] + i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.125em;
  mask-image: url('../styles/fa/regular/toggle-on.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/toggle-on.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.dataList-cell.dataList-cell--iconic &gt; .iconic.iconic--toggle &gt; input[type=checkbox] + i:before,
.dataList-cell.dataList-cell--iconic &gt; .iconic.iconic--toggle &gt; input[type=checkbox] + i:after {
  font-size: 120%;
  margin-left: -.5625em;
}
.dataList-cell.dataList-cell--iconic &gt; .iconic.iconic--delete &gt; i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.875em;
  mask-image: url('../styles/fa/regular/trash-alt.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/trash-alt.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.dataList-cell.dataList-cell--iconic &gt; .iconic.iconic--delete &gt; i:before,
.dataList-cell.dataList-cell--iconic &gt; .iconic.iconic--delete &gt; i:after {
  margin-left: -.4375em;
}
.dataList-cell.dataList-cell--attachment {
  background: center / cover hsl(var(--xf-contentAltBg)) no-repeat;
  --size: 120px;
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  text-align: center;
}
.dataList-cell.dataList-cell--attachment a {
  display: block;
  padding: 0;
}
.dataList-cell.dataList-cell--attachment .tooltip-element {
  display: none;
}
.dataList-cell.dataList-cell--image {
  padding: 0;
}
.dataList-cell.dataList-cell--image a {
  padding: 0;
}
.dataList-cell.dataList-cell--image img,
.dataList-cell.dataList-cell--image .dataList-imagePlaceholder {
  display: block;
  margin: auto;
  font-size: 30px;
}
.dataList-cell.dataList-cell--imageSmall img,
.dataList-cell.dataList-cell--imageSmall .dataList-imagePlaceholder {
  height: 41px;
  max-width: 41px;
  line-height: 41px;
}
.dataList-cell.dataList-cell--imageSmall .avatar {
  width: 41px;
  height: 41px;
  font-size: 25px;
  border-radius: 2px;
}
.dataList-cell.dataList-cell--imageSmallWide img,
.dataList-cell.dataList-cell--imageSmallWide .dataList-imagePlaceholder {
  height: 41px;
  max-width: 82px;
  line-height: 41px;
}
.dataList-cell.dataList-cell--imageSmallWide .avatar {
  width: 41px;
  height: 41px;
  font-size: 25px;
  border-radius: 0;
}
.dataList-cell.dataList-cell--imageMedium img,
.dataList-cell.dataList-cell--imageMedium .dataList-imagePlaceholder {
  height: 54px;
  max-width: 54px;
  line-height: 54px;
}
.dataList-cell.dataList-cell--imageMedium .avatar {
  width: 54px;
  height: 54px;
  font-size: 32px;
  border-radius: 0;
}
.dataList-cell.dataList-cell--imageMediumWide img,
.dataList-cell.dataList-cell--imageMediumWide .dataList-imagePlaceholder {
  height: 54px;
  max-width: 108px;
  line-height: 54px;
}
.dataList-cell.dataList-cell--imageMediumWide .avatar {
  width: 54px;
  height: 54px;
  font-size: 32px;
  border-radius: 0;
}
.dataList-cell.dataList-cell--imageBg {
  --bg: url('data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=');
  width: var(--imageBgWidth);
  background: top left / cover var(--bg);
}
.dataList-row--disabled .dataList-cell.dataList-cell--imageBg {
  background-image: linear-gradient(hsl(0, 0%, 0%), hsl(0, 0%, 0%)), var(--bg);
  background-blend-mode: saturation;
}
.dataList-cell.dataList-cell--responsiveMenuTrigger,
.dataList-cell.dataList-cell--fauxResponsiveMenuTrigger {
  display: none;
}
.dataList-cell.dataList-cell--breakWord {
  word-break: break-word;
}
.dataList-cell.dataList-cell--hint,
.dataList-row--subSection .dataList-cell.dataList-cell--hint {
  text-align: right;
  font-size: 12px;
  color: hsl(var(--xf-textColorMuted));
}
.dataList-cell.dataList-cell--d1 {
  text-indent: 0px;
}
.dataList-cell.dataList-cell--d2 {
  text-indent: 25px;
}
.dataList-cell.dataList-cell--d3 {
  text-indent: 50px;
}
.dataList-cell.dataList-cell--d4 {
  text-indent: 75px;
}
.dataList-cell.dataList-cell--d5 {
  text-indent: 100px;
}
.dataList-cell.dataList-cell--d6 {
  text-indent: 125px;
}
.dataList-cell.dataList-cell--d7 {
  text-indent: 150px;
}
.dataList-cell.dataList-cell--d8 {
  text-indent: 175px;
}
.dataList-cell.dataList-cell--d9 {
  text-indent: 200px;
}
.dataList-cell.dataList-cell--d10 {
  text-indent: 225px;
}
.dataList-cell .is-match {
  text-decoration: underline;
  color: red;
}
@media (max-width: 650px) {
  .dataList-cell.dataList-cell--responsiveMenuItem,
  .dataList-cell.dataList-cell--fauxResponsiveMenuItem {
    display: none !important;
  }
  .dataList-cell.dataList-cell--responsiveMenuTrigger,
  .dataList-cell.dataList-cell--fauxResponsiveMenuTrigger {
    display: table-cell;
  }
}
.dataList-imagePlaceholder:after {
  content: '?';
}
.dataList-mainRow,
.dataList-textRow,
.dataList-subRow {
  width: 0;
  display: block;
  min-width: 100%;
  line-height: 1.4;
  overflow: hidden;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.dataList-mainRow:empty,
.dataList-textRow:empty,
.dataList-subRow:empty {
  display: none;
}
.dataList-mainRow {
  font-weight: 700;
}
.dataList-row--subSection .dataList-mainRow {
  font-weight: 400;
}
.dataList-secondRow {
  display: block;
  font-size: 11px;
}
.dataList-hint,
.dataList-subRow {
  color: hsl(var(--xf-textColorMuted));
  font-size: 12px;
  font-weight: 400;
}
.dataList-hint {
  display: inline;
}
.dataList-row--footer .dataList-cell {
  padding: 5px 10px;
  border-bottom: none;
  font-size: 12px;
  color: hsl(var(--xf-blockFooterTextColor));
  background: hsl(var(--xf-blockFooterBg));
  border-top: 1px solid hsl(var(--xf-borderColorLight));
}
.dataList--responsive .dataList-table,
.dataList--responsive tbody,
.dataList--responsive thead,
.dataList--responsive tfoot {
  display: block;
}
.dataList--responsive .dataList-row {
  display: block;
}
.dataList--responsive .dataList-row.dataList-row--headerResponsive {
  display: none;
}
.dataList--responsive .dataList-cell {
  display: block;
  width: auto;
}
.dataList--responsive .dataList-cell[data-cell-label] {
  display: flex;
  align-items: center;
}
.dataList--responsive .dataList-cell[data-cell-label] &gt; * {
  min-width: 0;
  text-align: right;
}
.dataList--responsive .dataList-cell[data-cell-label]:before {
  display: table-cell;
  content: attr(data-cell-label) ":";
  padding-right: 10px;
  margin-right: auto;
  word-break: normal;
  white-space: normal;
  text-align: left;
}
.dataList--responsive .dataList-cell[data-cell-label] &gt; .input:first-child:last-child {
  display: inline;
}
.dataList--responsive .dataList-cell[data-cell-label] a {
  min-width: 0;
}
.dataList--responsive .dataList-cell.dataList-cell--iconic {
  padding: 10px 10px;
}
.dataList--responsive .dataList-cell.dataList-cell--iconic:not([data-cell-label]):before {
  content: "";
  display: inline-block;
  height: 1em;
}
.dataList--responsive .dataList-cell.dataList-cell--link[data-cell-label]:before,
.dataList--responsive .dataList-cell.dataList-cell--action[data-cell-label]:before {
  padding: 10px 10px;
}
.dataList--responsive .dataList-cell.dataList-cell--iconic,
.dataList--responsive .dataList-cell.dataList-cell--fa {
  display: table-cell;
  width: 1%;
}
.dataList--responsive .dataList-cell.dataList-cell--iconic[data-cell-label] {
  display: flex;
  width: auto;
  font-size: 100%;
}
.dataList--responsive .dataList-cell.dataList-cell--iconic[data-cell-label] .iconic {
  position: relative;
}
.dataList--responsive .dataList-row:not(.dataList-row--header):not(.dataList-row--subSection) {
  border-bottom: 1px solid hsl(var(--xf-borderColorLight));
}
.dataList--responsive .dataList-row:not(.dataList-row--header):not(.dataList-row--subSection) .dataList-cell {
  border-bottom: none;
}
.dataList--responsive tbody:last-child .dataList-row:not(.dataList-row--header):not(.dataList-row--subSection):last-child {
  border-bottom: none;
}
.dataList--responsive .dataList-mainRow,
.dataList--responsive .dataList-textRow,
.dataList--responsive .dataList-subRow {
  width: auto;
  min-width: 0;
}
.filterBlock {
  padding: 6px;
  font-size: 12px;
  float: right;
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentBg));
  border-width: 1px;
  border-style: solid;
  border-top-color: hsl(var(--xf-borderColorLight));
  border-right-color: hsl(var(--xf-borderColor));
  border-bottom-color: hsl(var(--xf-borderColorHeavy));
  border-left-color: hsl(var(--xf-borderColor));
  border-radius: 4px;
}
.filterBlock:before,
.filterBlock:after {
  content: " ";
  display: table;
}
.filterBlock:after {
  clear: both;
}
.filterBlock .filterBlock-input {
  width: 150px;
  font-size: 12px;
}
.filterBlock .filterBlock-input.filterBlock-input--small {
  width: 100px;
}
.filterBlock select.filterBlock-input {
  width: auto;
}
.quickFilter {
  position: relative;
}
.quickFilter .input {
  width: 180px;
  font-size: 12px;
}
.quickFilter label {
  font-size: 12px;
}
.quickFilter input[type=checkbox] {
  vertical-align: -2px;
}
.quickFilter .js-filterClear {
  color: hsl(var(--xf-buttonPrimaryBg));
}
.quickFilter .js-filterClear:hover {
  color: hsl(
    var(--xf-buttonPrimaryBg--h), 
    var(--xf-buttonPrimaryBg--s), 
    calc(var(--xf-buttonPrimaryBg--l) - (var(--xf-color-adjust, 1) * 25%)), 
    var(--xf-buttonPrimaryBg--a)
  );
}
.quickFilter .js-filterClear:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/times.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/times.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.filterBar {
  display: flex;
}
.filterBar-filters {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.filterBar-filterToggle {
  display: flex;
  text-decoration: none;
  color: inherit;
  padding: 1px 8px;
  border-radius: 4px;
  -webkit-transition:  all 0.25s ease;
  transition:  all 0.25s ease;
  column-gap: 2px;
  margin-right: 6px;
}
.filterBar-filterToggle i.fa--xf {
  align-self: center;
}
.filterBar-filterToggle:after {
  font-size: 80%;
  vertical-align: bottom;
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/times.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/times.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  opacity: .5;
  -webkit-transition:  opacity 0.25s ease;
  transition:  opacity 0.25s ease;
  position: relative;
  bottom: -4px;
}
.filterBar-filterToggle:hover {
  text-decoration: none;
}
.filterBar-filterToggle:hover:after {
  opacity: 1;
}
.filterBar-filterToggle-label {
  opacity: .75;
  margin-right: 2px;
}
.filterBar-filterToggle-value {
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.filterBar-filterToggle-value:not(:last-of-type):after {
  content: ", ";
}
.filterBar-menuTrigger {
  flex: 0 0 auto;
  margin-left: auto;
  white-space: nowrap;
  border-radius: 4px;
  text-decoration: none;
  padding: 1px  5px;
}
.filterBar-menuTrigger:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.2em;
  mask-image: url('../styles/fa/solid/caret-down.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/caret-down.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
@media (max-width: 650px) {
  .filterBar-filterToggle-label {
    display: none;
  }
}
.contentRow {
  display: flex;
}
.contentRow.contentRow--alignMiddle {
  align-items: center;
}
.contentRow.is-deleted {
  opacity: .7;
}
.contentRow.is-deleted .contentRow-header,
.contentRow.is-deleted .contentRow-title {
  text-decoration: line-through;
}
.contentRow-figure {
  vertical-align: top;
  white-space: nowrap;
  word-wrap: normal;
  text-align: center;
}
.contentRow-figure img,
.contentRow-figure i.fa,
.contentRow-figure i.fal,
.contentRow-figure i.far,
.contentRow-figure i.fas,
.contentRow-figure i.fab,
.contentRow-figure i.fad,
.contentRow-figure .avatar {
  vertical-align: bottom;
}
.contentRow-figure.contentRow-figure--fixedBookmarkIcon {
  width: 48px;
}
.contentRow-figure.contentRow-figure--fixedBookmarkIcon img,
.contentRow-figure.contentRow-figure--fixedBookmarkIcon i.fa,
.contentRow-figure.contentRow-figure--fixedBookmarkIcon i.fal,
.contentRow-figure.contentRow-figure--fixedBookmarkIcon i.far,
.contentRow-figure.contentRow-figure--fixedBookmarkIcon i.fas,
.contentRow-figure.contentRow-figure--fixedBookmarkIcon i.fab,
.contentRow-figure.contentRow-figure--fixedBookmarkIcon i.fad,
.contentRow-figure.contentRow-figure--fixedBookmarkIcon .avatar {
  max-height: 48px;
}
.contentRow-figure.contentRow-figure--fixedSmall {
  width: 60px;
}
.contentRow-figure.contentRow-figure--fixedSmall img,
.contentRow-figure.contentRow-figure--fixedSmall i.fa,
.contentRow-figure.contentRow-figure--fixedSmall i.fal,
.contentRow-figure.contentRow-figure--fixedSmall i.far,
.contentRow-figure.contentRow-figure--fixedSmall i.fas,
.contentRow-figure.contentRow-figure--fixedSmall i.fab,
.contentRow-figure.contentRow-figure--fixedSmall i.fad,
.contentRow-figure.contentRow-figure--fixedSmall .avatar {
  max-height: 60px;
}
.contentRow-figure.contentRow-figure--fixedMedium {
  width: 100px;
}
.contentRow-figure.contentRow-figure--fixedMedium img,
.contentRow-figure.contentRow-figure--fixedMedium i.fa,
.contentRow-figure.contentRow-figure--fixedMedium i.fal,
.contentRow-figure.contentRow-figure--fixedMedium i.far,
.contentRow-figure.contentRow-figure--fixedMedium i.fas,
.contentRow-figure.contentRow-figure--fixedMedium i.fab,
.contentRow-figure.contentRow-figure--fixedMedium i.fad,
.contentRow-figure.contentRow-figure--fixedMedium .avatar {
  max-height: 100px;
}
.contentRow-figure.contentRow-figure--fixedMedium.contentRow-figure--fixedMedium--fluidWidth {
  width: auto;
  max-width: 200px;
}
.contentRow-figure.contentRow-figure--fixedLarge {
  width: 200px;
}
.contentRow-figure.contentRow-figure--fixedLarge img,
.contentRow-figure.contentRow-figure--fixedLarge i.fa,
.contentRow-figure.contentRow-figure--fixedLarge i.fal,
.contentRow-figure.contentRow-figure--fixedLarge i.far,
.contentRow-figure.contentRow-figure--fixedLarge i.fas,
.contentRow-figure.contentRow-figure--fixedLarge i.fab,
.contentRow-figure.contentRow-figure--fixedLarge i.fad,
.contentRow-figure.contentRow-figure--fixedLarge .avatar {
  max-height: 200px;
}
.contentRow-figure.contentRow-figure--text {
  font-size: 24px;
}
.contentRow-figureContainer {
  position: relative;
}
.contentRow-figureContainer .contentRow-figureSeparated {
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 26px;
  height: 26px;
  font-size: 16px;
}
.contentRow-figureIcon {
  text-align: center;
  color: hsl(var(--xf-textColorFeature));
}
.contentRow-figureIcon img,
.contentRow-figureIcon i.fa,
.contentRow-figureIcon i.fal,
.contentRow-figureIcon i.far,
.contentRow-figureIcon i.fas,
.contentRow-figureIcon i.fab,
.contentRow-figureIcon i.fad {
  width: 64px;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  border-radius: 4px;
}
.contentRow-figure--fixedBookmarkIcon .contentRow-figureIcon img,
.contentRow-figure--fixedBookmarkIcon .contentRow-figureIcon i.fa,
.contentRow-figure--fixedBookmarkIcon .contentRow-figureIcon i.fal,
.contentRow-figure--fixedBookmarkIcon .contentRow-figureIcon i.far,
.contentRow-figure--fixedBookmarkIcon .contentRow-figureIcon i.fas,
.contentRow-figure--fixedBookmarkIcon .contentRow-figureIcon i.fab,
.contentRow-figure--fixedBookmarkIcon .contentRow-figureIcon i.fad {
  width: 48px;
}
.contentRow-main {
  flex: 1;
  min-width: 0;
  vertical-align: top;
  padding-left: 10px;
}
.contentRow-main:before {
  content: '';
  display: block;
  margin-top: -.18em;
}
.contentRow-main.contentRow-main--close {
  padding-left: 6px;
}
.contentRow-main:first-child {
  padding-left: 0;
}
.contentRow-header {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 17px;
}
.contentRow-title {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 17px;
}
.contentRow-cover {
  display: block;
  margin: 10px 0;
}
.contentRow-cover img {
  max-height: 65vw;
  object-fit: cover;
}
.contentRow-snippet {
  margin: .25em 0;
}
.contentRow-muted {
  color: hsl(var(--xf-textColorMuted));
}
.contentRow-lesser {
  font-size: 13px;
}
.contentRow-suffix {
  padding-left: 6px;
  white-space: nowrap;
  word-wrap: normal;
}
.contentRow-faderContainer {
  position: relative;
  overflow: hidden;
}
.contentRow-faderContent {
  max-height: 150px;
  overflow: hidden;
}
.contentRow-fader {
  position: absolute;
  top: 87px;
  left: 0;
  right: 0;
  height: 75px;
  background: hsl(0, 0%, 0%, 0);
  background: linear-gradient(to bottom, hsl(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    0%
  ) 0%, hsl(var(--xf-contentBg)) 80%);
}
.contentRow-minor {
  font-size: 13px;
  color: hsl(var(--xf-textColorMuted));
}
.contentRow-minor.contentRow-minor--hideLinks a {
  color: inherit;
  text-decoration: none;
}
.contentRow-minor.contentRow-minor--hideLinks a:hover {
  text-decoration: underline;
}
.contentRow-minor.contentRow-minor--smaller {
  font-size: 12px;
}
.contentRow-minor.contentRow-minor--singleLine {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.contentRow-spaced {
  margin: .5em 0;
}
.contentRow-spaced:last-child {
  margin-bottom: 0;
}
.contentRow-extra {
  float: right;
  padding-left: 6px;
  font-size: 11px;
}
.contentRow-extra.contentRow-extra--small {
  font-size: 13px;
  color: hsl(var(--xf-textColorMuted));
}
.contentRow-extra.contentRow-extra--normal {
  font-size: 15px;
  color: hsl(var(--xf-textColorMuted));
}
.contentRow-extra.contentRow-extra--large {
  font-size: 17px;
  color: hsl(var(--xf-textColorMuted));
}
.contentRow-extra.contentRow-extra--larger {
  font-size: 20px;
  color: hsl(var(--xf-textColorMuted));
}
.contentRow-extra.contentRow-extra--largest {
  font-size: 24px;
  color: hsl(var(--xf-textColorMuted));
}
@media (max-width: 480px) {
  .contentRow-figure.contentRow-figure--fixedBookmarkIcon {
    width: 32px;
  }
  .contentRow-figure .avatar--s {
    width: 32px;
    height: 32px;
    font-size: 19px;
  }
  .contentRow--hideFigureNarrow .contentRow-figure {
    display: none;
  }
  .contentRow--hideFigureNarrow .contentRow-main {
    padding-left: 0;
  }
}
.pageNav-jump {
  display: inline-block;
  white-space: nowrap;
  border-width: 1px;
  border-style: solid;
  border-top-color: hsl(var(--xf-borderColorLight));
  border-right-color: hsl(var(--xf-borderColor));
  border-bottom-color: hsl(var(--xf-borderColorHeavy));
  border-left-color: hsl(var(--xf-borderColor));
  font-size: 13px;
  color: hsl(var(--xf-linkColor));
  text-decoration: none;
  background: hsl(var(--xf-contentHighlightBg));
  border-radius: 2px;
  padding: 5px 8px;
}
.pageNav-jump:hover,
.pageNav-jump:active {
  background: hsl(
    var(--xf-contentHighlightBg--h), 
    var(--xf-contentHighlightBg--s), 
    calc(var(--xf-contentHighlightBg--l) - (var(--xf-color-adjust, 1) * 3%)), 
    var(--xf-contentHighlightBg--a)
  );
  text-decoration: none;
}
.pageNav-jump.pageNav-jump--prev:before,
.pageNav-jump.pageNav-jump--next:after {
  font-size: 80%;
  unicode-bidi: isolate;
}
.pageNav-jump.pageNav-jump--prev:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/solid/caret-left.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/caret-left.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  margin-right: .15em;
}
.pageNav-jump.pageNav-jump--next:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/solid/caret-right.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/caret-right.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  margin-left: .15em;
}
.pageNav-main {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-table;
}
.pageNav-page {
  display: table-cell;
  white-space: nowrap;
  border-width: 1px;
  border-style: solid;
  border-top-color: hsl(var(--xf-borderColorLight));
  border-right-color: hsl(var(--xf-borderColor));
  border-bottom-color: hsl(var(--xf-borderColorHeavy));
  border-left-color: hsl(var(--xf-borderColor));
  font-size: 13px;
  color: hsl(var(--xf-linkColor));
  text-decoration: none;
  background: hsl(var(--xf-contentHighlightBg));
}
.pageNav-page:hover,
.pageNav-page:active {
  background: hsl(
    var(--xf-contentHighlightBg--h), 
    var(--xf-contentHighlightBg--s), 
    calc(var(--xf-contentHighlightBg--l) - (var(--xf-color-adjust, 1) * 3%)), 
    var(--xf-contentHighlightBg--a)
  );
  text-decoration: none;
}
.pageNav-page:not(:last-child) {
  border-right: none;
}
.pageNav-page:not(:first-child) {
  border-left-color: hsl(var(--xf-borderColorLight));
}
.pageNav-page:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.pageNav-page:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.pageNav-page &gt; a {
  display: block;
  padding: 5px 8px;
  text-decoration: none;
  color: inherit;
}
.pageNav-page.pageNav-page--current {
  color: hsl(var(--xf-selectedItemColor));
  background: hsl(var(--xf-selectedItemBgColor));
  border: 1px solid hsl(var(--xf-selectedItemBorderColor));
  cursor: pointer;
}
.pageNav-page.pageNav-page--current:hover,
.pageNav-page.pageNav-page--current:active {
  background: hsl(
    var(--xf-contentAccentBg--h), 
    var(--xf-contentAccentBg--s), 
    calc(var(--xf-contentAccentBg--l) - (var(--xf-color-adjust, 1) * 3%)), 
    var(--xf-contentAccentBg--a)
  );
}
.pageNav-page.pageNav-page--current + .pageNav-page {
  border-left: none;
}
@media (max-width: 480px) {
  .pageNav--skipStart .pageNav-page.pageNav-page--earlier {
    display: none;
  }
  .pageNav--skipEnd .pageNav-page.pageNav-page--later {
    display: none;
  }
  .pageNav--skipEnd .pageNav-page.pageNav-page--skipEnd {
    border-left: none;
  }
}
.pageNavSimple {
  display: inline-flex;
}
.pageNavSimple-el {
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  border-top-color: hsl(var(--xf-borderColorLight));
  border-right-color: hsl(var(--xf-borderColor));
  border-bottom-color: hsl(var(--xf-borderColorHeavy));
  border-left-color: hsl(var(--xf-borderColor));
  border-radius: 2px;
  padding: 5px 10px;
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
  margin-right: 4px;
}
.pageNavSimple-el:last-child {
  margin-right: 0;
}
.pageNavSimple-el.pageNavSimple-el--current {
  color: hsl(var(--xf-textColorAccentContent));
  background: hsl(var(--xf-contentAccentBg));
}
.pageNavSimple-el.pageNavSimple-el--current:hover,
.pageNavSimple-el.pageNavSimple-el--current:active {
  background: hsl(
    var(--xf-contentAccentBg--h), 
    var(--xf-contentAccentBg--s), 
    calc(var(--xf-contentAccentBg--l) - (var(--xf-color-adjust, 1) * 3%)), 
    var(--xf-contentAccentBg--a)
  );
  text-decoration: none;
}
.pageNavSimple-el.pageNavSimple-el--prev,
.pageNavSimple-el.pageNavSimple-el--next {
  background: linear-gradient(0deg, hsl(var(--xf-contentHighlightBg)), hsl(
    calc((var(--xf-contentHighlightBg--h) * 0.25) + (var(--xf-contentBg--h) * 0.75)), 
    calc((var(--xf-contentHighlightBg--s) * 0.25) + (var(--xf-contentBg--s) * 0.75)), 
    calc((var(--xf-contentHighlightBg--l) * 0.25) + (var(--xf-contentBg--l) * 0.75)), 
    calc((var(--xf-contentHighlightBg--a) * 0.25) + (var(--xf-contentBg--a) * 0.75))
  ));
  color: hsl(var(--xf-linkColor));
  min-width: 75px;
}
@media (max-width: 350px) {
  .pageNavSimple-el.pageNavSimple-el--prev,
  .pageNavSimple-el.pageNavSimple-el--next {
    min-width: 0;
  }
}
.pageNavSimple-el.pageNavSimple-el--prev:hover,
.pageNavSimple-el.pageNavSimple-el--next:hover,
.pageNavSimple-el.pageNavSimple-el--prev:active,
.pageNavSimple-el.pageNavSimple-el--next:active {
  background: hsl(
    var(--xf-contentHighlightBg--h), 
    var(--xf-contentHighlightBg--s), 
    calc(var(--xf-contentHighlightBg--l) - (var(--xf-color-adjust, 1) * 3%)), 
    var(--xf-contentHighlightBg--a)
  );
  text-decoration: none;
}
.pageNavSimple-el.pageNavSimple-el--prev i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/solid/caret-left.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/caret-left.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.pageNavSimple-el.pageNavSimple-el--next i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/solid/caret-right.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/caret-right.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.pageNavSimple-el.pageNavSimple-el--first,
.pageNavSimple-el.pageNavSimple-el--last {
  border-color: transparent;
  padding-left: 5px;
  padding-right: 5px;
  color: hsl(
    var(--xf-linkColor--h), 
    var(--xf-linkColor--s), 
    var(--xf-linkColor--l), 
    60%
  );
}
.pageNavSimple-el.pageNavSimple-el--first:hover,
.pageNavSimple-el.pageNavSimple-el--last:hover,
.pageNavSimple-el.pageNavSimple-el--first:active,
.pageNavSimple-el.pageNavSimple-el--last:active {
  border-width: 1px;
  border-style: solid;
  border-top-color: hsl(var(--xf-borderColorLight));
  border-right-color: hsl(var(--xf-borderColor));
  border-bottom-color: hsl(var(--xf-borderColorHeavy));
  border-left-color: hsl(var(--xf-borderColor));
  background: hsl(
    var(--xf-contentHighlightBg--h), 
    var(--xf-contentHighlightBg--s), 
    calc(var(--xf-contentHighlightBg--l) - (var(--xf-color-adjust, 1) * 3%)), 
    var(--xf-contentHighlightBg--a)
  );
  color: hsl(var(--xf-linkColor));
  text-decoration: none;
}
.pageNavSimple-el.pageNavSimple-el--first i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/solid/backward.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/backward.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.pageNavSimple-el.pageNavSimple-el--last i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/solid/forward.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/forward.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.pageNavSimple-el.is-disabled {
  border-color: transparent;
  background: none;
  color: hsl(var(--xf-textColorMuted));
  text-decoration: none;
  pointer-events: none;
}
.pageNavSimple-el.is-disabled:hover {
  background: none;
  color: hsl(var(--xf-textColorMuted));
}
.pageNavWrapper--simple .pageNav {
  display: none;
}
.pageNavWrapper--full .pageNavSimple {
  display: none;
}
.pageNavWrapper--mixed .pageNavSimple {
  display: none;
}
@media (max-width: 650px) {
  .pageNavWrapper--mixed .pageNav {
    display: none;
  }
  .pageNavWrapper--mixed .pageNavSimple {
    display: inline-flex;
  }
}
@media (max-width: 480px) {
  .block-outer:not(.block-outer--after) .pageNavWrapper:not(.pageNavWrapper--forceShow) {
    display: none;
  }
  .block-container + .block-outer .pageNavWrapper {
    display: block;
  }
}
.hScroller {
  overflow-y: hidden;
  position: relative;
  -webkit-tap-highlight-color: hsl(0, 0%, 0%, 0);
  -webkit-overflow-scrolling: touch;
}
.hScroller.hScroller--scrollHidden .hScroller-action {
  opacity: 0;
  -webkit-transition:  all 0.25s ease;
  transition:  all 0.25s ease;
}
html:not(.has-touchevents) .hScroller.hScroller--scrollHidden:hover .hScroller-action {
  opacity: 1;
}
.hScroller-scroll {
  display: block;
  white-space: nowrap;
  word-wrap: normal;
  overflow-x: hidden;
}
.hScroller-scroll.is-calculated {
  overflow-x: scroll;
  padding-bottom: 30px;
  margin-bottom: -30px;
}
.hScroller-action {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  padding: 0 5px;
  display: none;
  cursor: pointer;
}
.hScroller-action.is-active {
  display: block;
  display: flex;
  align-items: center;
}
.hScroller-action:after {
  font-size: 120%;
}
.hScroller-action.hScroller-action--start {
  left: 0;
  justify-content: flex-start;
  text-align: left;
}
.hScroller-action.hScroller-action--start:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.63em;
  mask-image: url('../styles/fa/regular/chevron-left.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/chevron-left.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.hScroller-action.hScroller-action--end {
  right: 0;
  justify-content: flex-end;
  text-align: right;
}
.hScroller-action.hScroller-action--end:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.63em;
  mask-image: url('../styles/fa/regular/chevron-right.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/chevron-right.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.scrollMeasure {
  position: absolute;
  top: -1000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
  visibility: hidden;
}
.flashMessage {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 900;
  font-size: 24px;
  color: #202020;
  background: hsl(0, 0%, 89%, 90%);
  padding: 15px;
  text-align: center;
  box-shadow: 0 5px 5px 0 hsl(0, 0%, 0%, 0.25);
  display: none;
  opacity: 0;
  -webkit-transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  overflow-y: hidden;
  height: 0;
  -webkit-transition-property: all, -xf-height;
  transition-property: all, -xf-height;
}
.flashMessage.is-active {
  display: block;
  opacity: 1;
}
.flashMessage.is-transitioning {
  display: block;
}
.flashMessage.is-active {
  height: auto;
  overflow-y: visible;
}
.flashMessage.is-transitioning {
  overflow-y: hidden;
}
.autoCompleteList {
  list-style: none;
  margin: 0;
  padding: 0;
  cursor: default;
  font-size: 13px;
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentBg));
  min-width: 180px;
  max-width: 95%;
  border: 1px solid hsl(var(--xf-borderColor));
  box-shadow: 0 3px 5px 0 hsl(0, 0%, 0%, 0.3);
  margin-top: 2px;
}
.autoCompleteList li {
  padding: 6px;
  line-height: 24px;
}
.autoCompleteList li:before,
.autoCompleteList li:after {
  content: " ";
  display: table;
}
.autoCompleteList li:after {
  clear: both;
}
.autoCompleteList li.is-selected {
  background: hsl(var(--xf-contentHighlightBg));
}
.autoCompleteList li .autoCompleteList-icon {
  float: left;
  margin-right: 6px;
  width: 24px;
  height: 24px;
}
.autoCompleteList.autoCompleteList--inherit {
  font-size: inherit;
}
.autoCompleteList.autoCompleteList--inherit li {
  padding: 10px;
  line-height: inherit;
}
.tagList,
.tagList &gt; dt,
.tagList &gt; dd {
  display: inline;
  padding: 0;
  margin: 0;
}
.tagItem {
  display: inline-block;
  max-width: 100%;
  padding: 0 6px 1px;
  margin: 0 0 2px;
  border-radius: 4px;
  font-size: 12px;
  color: hsl(var(--xf-textColorDimmed));
  background: hsl(var(--xf-contentAltBg));
  border: 1px solid hsl(var(--xf-borderColor));
}
a.tagItem:hover {
  text-decoration: none;
  color: hsl(var(--xf-textColorDimmed));
  background: hsl(var(--xf-contentBg));
}
.recaptcha.input {
  box-sizing: content-box;
  max-width: 100%;
}
.recaptcha img {
  max-width: 100%;
}
.likesBar {
  display: none;
  opacity: 0;
  -webkit-transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  overflow-y: hidden;
  height: 0;
  -webkit-transition-property: all, -xf-height;
  transition-property: all, -xf-height;
  background: hsl(var(--xf-contentAltBg));
  border: 1px solid hsl(var(--xf-borderColorLight));
  border-left: 2px solid hsl(var(--xf-borderColorFeature));
  padding: 6px;
  font-size: 12px;
  margin-top: 6px;
}
.likesBar.is-active {
  display: flex;
  opacity: 1;
}
.likesBar.is-transitioning {
  display: flex;
}
.likesBar.is-active {
  height: auto;
  overflow-y: visible;
}
.likesBar.is-transitioning {
  overflow-y: hidden;
}
.likeIcon:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/thumbs-up.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/thumbs-up.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  color: hsl(var(--xf-textColorFeature));
}
.reactionsBar {
  display: none;
  opacity: 0;
  -webkit-transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  overflow-y: hidden;
  height: 0;
  -webkit-transition-property: all, -xf-height;
  transition-property: all, -xf-height;
  background: hsl(var(--xf-contentAltBg));
  border: 1px solid hsl(var(--xf-borderColorLight));
  border-left: 2px solid hsl(var(--xf-borderColorFeature));
  padding: 6px;
  font-size: 12px;
  margin-top: 6px;
}
.reactionsBar.is-active {
  display: flex;
  opacity: 1;
}
.reactionsBar.is-transitioning {
  display: flex;
}
.reactionsBar.is-active {
  height: auto;
  overflow-y: visible;
}
.reactionsBar.is-transitioning {
  overflow-y: hidden;
}
.reactionsBar-link {
  padding-left: 3px;
}
.reactionSummary {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 16px;
  height: 16px;
  margin: 0 -2px;
  vertical-align: text-top;
}
.reactionSummary &gt; li {
  display: inline-block;
  height: 20px;
  width: 20px;
  padding: 2px;
  margin: -2px 0;
  background: hsl(var(--xf-contentBg));
  border-radius: 50%;
  position: relative;
  margin-left: -6px;
}
.reactionSummary &gt; li:nth-child(1) {
  z-index: 3;
  margin-left: 0;
}
.reactionSummary &gt; li:nth-child(2) {
  z-index: 2;
}
.reactionSummary &gt; li:nth-child(3) {
  z-index: 1;
}
.reactionSummary .reaction {
  position: absolute;
  top: 0;
}
.reactionSummary .reaction.reaction {
  display: block;
}
.reactionsBar .reactionSummary &gt; li,
.message-responseRow .reactionSummary &gt; li {
  background: hsl(var(--xf-contentAltBg));
}
.reactionsBar .reactionSummary .reaction,
.message-responseRow .reactionSummary .reaction {
  top: 2px;
}
.reactTooltip {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
}
.reactTooltip .reaction {
  margin: 3px;
  -webkit-transition:  transform 0.25s ease;
  transition:  transform 0.25s ease;
}
.reactTooltip .reaction:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.colorChip {
  display: inline-block;
  border: 1px solid hsl(var(--xf-borderColor));
  border-radius: 4px;
  padding: 1px;
  width: 100px;
}
.colorChip-inner {
  display: block;
  background-color: transparent;
  border-radius: 2px;
  height: 1em;
}
.colorChip-value {
  display: none;
}
pre.sf-dump {
  z-index: 100 !important;
}
.grecaptcha-badge {
  z-index: 500;
}
.bookmarkLink:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/bookmark.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/bookmark.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.bookmarkLink.is-bookmarked:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/solid/bookmark.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/bookmark.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.bookmarkLink.bookmarkLink--highlightable.is-bookmarked {
  color: hsl(var(--xf-textColorAttention));
}
.bookmarkLink.bookmarkLink--highlightable.is-bookmarked:hover {
  color: hsl(var(--xf-textColorAccentContent));
}
.bookmarkLink span {
  margin-left: .35em;
}
.p-breadcrumbs &gt; li &gt; a,
a.ui {
  --ui-pad: .2em;
  --ui-pad-h: 2;
  display: inline-block;
  padding: var(--ui-pad) calc(var(--ui-pad) * var(--ui-pad-h));
  margin: calc(var(--ui-pad) * -1) calc(var(--ui-pad) * var(--ui-pad-h) * -1);
  border-radius: 5px;
  background-color: transparent;
  -webkit-transition:  background-color 0.25s ease;
  transition:  background-color 0.25s ease;
}
.p-breadcrumbs &gt; li &gt; a:hover,
a.ui:hover {
  background-color: hsl(
    var(--xf-paletteNeutral3--h), 
    var(--xf-paletteNeutral3--s), 
    var(--xf-paletteNeutral3--l), 
    5%
  );
  text-decoration: none;
}
.hoverLink {
  font-weight: normal;
  font-size: 75%;
  opacity: 0;
  -webkit-transition:  color 0.25s ease, opacity 0.25s ease;
  transition:  color 0.25s ease, opacity 0.25s ease;
}
.hoverLink:not(:hover) {
  color: inherit;
}
.hoverLink:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/link.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/link.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  position: relative;
  left: .5em;
  bottom: .1em;
}
*:hover &gt; .hoverLink {
  opacity: 0.5;
}
*:hover &gt; .hoverLink:hover {
  opacity: 1;
}
.hoverLink:first-child:after {
  left: 0;
  right: .5em;
  background: pink;
}
.dragHandle {
  cursor: move;
  touch-action: none;
}
.dragHandle:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/bars.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/bars.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.is-undraggable .dragHandle {
  visibility: hidden;
  cursor: default;
}
.memberProfileBanner {
  background-size: cover !important;
  background-position-x: center !important;
  background-repeat: no-repeat !important;
}
.memberProfileBanner.memberProfileBanner--small {
  height: 150px;
  margin-bottom: 6px;
}
.memberProfileBanner.memberProfileBanner--empty {
  display: none;
}
.solutionIcon {
  display: inline-flex;
  padding: 6px;
  font-size: 24px;
  line-height: 1;
  color: hsl(var(--xf-textColorMuted));
  -webkit-transition:  all 0.25s ease;
  transition:  all 0.25s ease;
}
a.solutionIcon {
  color: hsl(var(--xf-textColorMuted));
  text-decoration: none;
}
.solutionIcon:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/check-circle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/check-circle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.solutionIcon.is-solution {
  color: hsl(var(--xf-votePositiveColor));
  opacity: 1;
}
.solutionIcon.is-solution:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/solid/check-circle.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/check-circle.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.actionBar:before,
.actionBar:after {
  content: " ";
  display: table;
}
.actionBar:after {
  clear: both;
}
.actionBar-set.actionBar-set--internal {
  float: left;
  margin-left: -3px;
}
.actionBar-set.actionBar-set--internal &gt; .actionBar-action:first-child {
  margin-left: 0;
}
.actionBar-set.actionBar-set--external {
  float: right;
  margin-right: -3px;
}
.actionBar-set.actionBar-set--external &gt; .actionBar-action:last-child {
  margin-right: 0;
}
.actionBar-action {
  display: inline-block;
  padding: 3px;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-left: 5px;
}
.actionBar-action:before {
  font-size: 90%;
}
.actionBar-action.actionBar-action--menuTrigger {
  display: none;
}
.actionBar-action.actionBar-action--menuTrigger.is-displayed {
  display: inline;
}
.actionBar-action.actionBar-action--menuTrigger:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.2em;
  mask-image: url('../styles/fa/solid/caret-down.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/solid/caret-down.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.actionBar-action.actionBar-action--menuTrigger.is-menuOpen {
  text-decoration: none;
}
.actionBar-action.actionBar-action--inlineMod label {
  color: hsl(var(--xf-linkColor));
  font-size: 120%;
  vertical-align: -2px;
}
.actionBar-action.actionBar-action--inlineMod input {
  vertical-align: -2px;
}
.actionBar-action.actionBar-action--mq:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.75em;
  mask-image: url('../styles/fa/regular/plus.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/plus.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  margin-right: 3px;
}
.actionBar-action.actionBar-action--mq.is-selected {
  background-color: hsl(var(--xf-contentHighlightBg));
  border-color: hsl(var(--xf-borderColorHighlight));
}
.actionBar-action.actionBar-action--mq.is-selected:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.75em;
  mask-image: url('../styles/fa/regular/minus.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/minus.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.actionBar-action.actionBar-action--postLink {
  text-decoration: inherit !important;
  color: inherit !important;
}
.actionBar-action.actionBar-action--reply:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.125em;
  mask-image: url('../styles/fa/regular/reply.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/reply.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  margin-right: 3px;
}
.actionBar-action.actionBar-action--like:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask-image: url('../styles/fa/regular/thumbs-up.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/thumbs-up.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  margin-right: 3px;
}
.actionBar-action.actionBar-action--reaction:not(.has-reaction) .reaction-text {
  color: inherit;
}
.actionBar-action.actionBar-action--view {
  background: hsl(var(--xf-contentBg));
  color: hsl(var(--xf-linkColor));
  border-color: hsl(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    calc(var(--xf-borderColor--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-borderColor--a)
  ) hsl(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    calc(var(--xf-borderColor--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-borderColor--a)
  ) hsl(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    calc(var(--xf-borderColor--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-borderColor--a)
  ) hsl(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    calc(var(--xf-borderColor--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-borderColor--a)
  );
  padding-left: 10px;
  padding-right: 10px;
}
.actionBar-action.actionBar-action--view.button--splitTrigger &gt; .button-text {
  border-right-color: hsl(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    calc(var(--xf-borderColor--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-borderColor--a)
  );
}
.actionBar-action.actionBar-action--view.button--splitTrigger &gt; .button-menu {
  border-left-color: hsl(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    calc(var(--xf-borderColor--l) + (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-borderColor--a)
  );
}
.actionBar-action.actionBar-action--view:hover,
.actionBar-action.actionBar-action--view:active,
.actionBar-action.actionBar-action--view:focus {
  text-decoration: none;
  background: hsl(var(--xf-contentHighlightBg));
}
@media (max-width: 480px) {
  .actionBar-action.actionBar-action--menuItem {
    display: none !important;
  }
  .actionBar-action.actionBar-action--menuTrigger {
    display: inline;
  }
}
.label {
  display: inline-block;
  padding: 1px .35em;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 80%;
  line-height: 1.26;
  text-decoration: none;
}
.label:hover,
a:hover .label {
  text-decoration: none;
}
.label.label--fullSize {
  font-size: 100%;
}
.label.label--small {
  font-size: 13px;
}
.label.label--smallest {
  font-size: 11px;
}
.label.label--hidden {
  padding: inherit;
  border: none;
  font-size: inherit;
  line-height: inherit;
  text-decoration: inherit;
}
.label.label--hidden:hover {
  text-decoration: underline;
}
.label.label--subtle {
  color: hsl(var(--xf-textColorMuted));
  background: hsl(var(--xf-contentAltBg));
  border-color: hsl(
    var(--xf-contentAltBg--h), 
    var(--xf-contentAltBg--s), 
    calc(var(--xf-contentAltBg--l) - (var(--xf-color-adjust, 1) * 10%)), 
    var(--xf-contentAltBg--a)
  );
}
a.label.label--subtle:hover,
a:hover .label.label--subtle {
  background: hsl(
    var(--xf-contentAltBg--h), 
    var(--xf-contentAltBg--s), 
    calc(var(--xf-contentAltBg--l) - (var(--xf-color-adjust, 1) * 4%)), 
    var(--xf-contentAltBg--a)
  );
  border-color: hsl(
    var(--xf-contentAltBg--h), 
    var(--xf-contentAltBg--s), 
    calc(var(--xf-contentAltBg--l) - (var(--xf-color-adjust, 1) * 14%)), 
    var(--xf-contentAltBg--a)
  );
}
.label.label--primary {
  color: hsl(var(--xf-linkColor));
  background: hsl(var(--xf-contentHighlightBg));
  border-color: hsl(
    var(--xf-contentHighlightBg--h), 
    var(--xf-contentHighlightBg--s), 
    calc(var(--xf-contentHighlightBg--l) - (var(--xf-color-adjust, 1) * 10%)), 
    var(--xf-contentHighlightBg--a)
  );
}
a.label.label--primary:hover,
a:hover .label.label--primary {
  background: hsl(
    var(--xf-contentHighlightBg--h), 
    var(--xf-contentHighlightBg--s), 
    calc(var(--xf-contentHighlightBg--l) - (var(--xf-color-adjust, 1) * 4%)), 
    var(--xf-contentHighlightBg--a)
  );
  border-color: hsl(
    var(--xf-contentHighlightBg--h), 
    var(--xf-contentHighlightBg--s), 
    calc(var(--xf-contentHighlightBg--l) - (var(--xf-color-adjust, 1) * 14%)), 
    var(--xf-contentHighlightBg--a)
  );
}
.label.label--accent {
  color: hsl(var(--xf-textColorAccentContent));
  background: hsl(var(--xf-contentAccentBg));
  border-color: hsl(
    var(--xf-contentAccentBg--h), 
    var(--xf-contentAccentBg--s), 
    calc(var(--xf-contentAccentBg--l) - (var(--xf-color-adjust, 1) * 10%)), 
    var(--xf-contentAccentBg--a)
  );
}
a.label.label--accent:hover,
a:hover .label.label--accent {
  background: hsl(
    var(--xf-contentAccentBg--h), 
    var(--xf-contentAccentBg--s), 
    calc(var(--xf-contentAccentBg--l) - (var(--xf-color-adjust, 1) * 4%)), 
    var(--xf-contentAccentBg--a)
  );
  border-color: hsl(
    var(--xf-contentAccentBg--h), 
    var(--xf-contentAccentBg--s), 
    calc(var(--xf-contentAccentBg--l) - (var(--xf-color-adjust, 1) * 14%)), 
    var(--xf-contentAccentBg--a)
  );
}
.label.label--red {
  color: hsl(0, 0%, 100%);
  background: hsl(0, 100%, 44%);
  border-color: hsl(
    0, 
    100%, 
    calc(44% - (var(--xf-color-adjust, 1) * 10%))
  );
}
a.label.label--red:hover,
a:hover .label.label--red {
  background: hsl(
    0, 
    100%, 
    calc(44% - (var(--xf-color-adjust, 1) * 4%))
  );
  border-color: hsl(
    0, 
    100%, 
    calc(44% - (var(--xf-color-adjust, 1) * 14%))
  );
}
.label.label--green {
  color: hsl(0, 0%, 100%);
  background: hsl(120, 100%, 25%);
  border-color: hsl(
    120, 
    100%, 
    calc(25% - (var(--xf-color-adjust, 1) * 10%))
  );
}
a.label.label--green:hover,
a:hover .label.label--green {
  background: hsl(
    120, 
    100%, 
    calc(25% - (var(--xf-color-adjust, 1) * 4%))
  );
  border-color: hsl(
    120, 
    100%, 
    calc(25% - (var(--xf-color-adjust, 1) * 14%))
  );
}
.label.label--olive {
  color: hsl(0, 0%, 100%);
  background: hsl(60, 100%, 25%);
  border-color: hsl(
    60, 
    100%, 
    calc(25% - (var(--xf-color-adjust, 1) * 10%))
  );
}
a.label.label--olive:hover,
a:hover .label.label--olive {
  background: hsl(
    60, 
    100%, 
    calc(25% - (var(--xf-color-adjust, 1) * 4%))
  );
  border-color: hsl(
    60, 
    100%, 
    calc(25% - (var(--xf-color-adjust, 1) * 14%))
  );
}
.label.label--lightGreen {
  color: hsl(0, 0%, 0%);
  background: hsl(115, 80%, 88%);
  border-color: hsl(
    115, 
    80%, 
    calc(88% - (var(--xf-color-adjust, 1) * 10%))
  );
}
a.label.label--lightGreen:hover,
a:hover .label.label--lightGreen {
  background: hsl(
    115, 
    80%, 
    calc(88% - (var(--xf-color-adjust, 1) * 4%))
  );
  border-color: hsl(
    115, 
    80%, 
    calc(88% - (var(--xf-color-adjust, 1) * 14%))
  );
}
.label.label--blue {
  color: hsl(0, 0%, 100%);
  background: hsl(238, 100%, 45%);
  border-color: hsl(
    238, 
    100%, 
    calc(45% - (var(--xf-color-adjust, 1) * 10%))
  );
}
a.label.label--blue:hover,
a:hover .label.label--blue {
  background: hsl(
    238, 
    100%, 
    calc(45% - (var(--xf-color-adjust, 1) * 4%))
  );
  border-color: hsl(
    238, 
    100%, 
    calc(45% - (var(--xf-color-adjust, 1) * 14%))
  );
}
.label.label--royalBlue {
  color: hsl(0, 0%, 100%);
  background: hsl(225, 73%, 57%);
  border-color: hsl(
    225, 
    73%, 
    calc(57% - (var(--xf-color-adjust, 1) * 10%))
  );
}
a.label.label--royalBlue:hover,
a:hover .label.label--royalBlue {
  background: hsl(
    225, 
    73%, 
    calc(57% - (var(--xf-color-adjust, 1) * 4%))
  );
  border-color: hsl(
    225, 
    73%, 
    calc(57% - (var(--xf-color-adjust, 1) * 14%))
  );
}
.label.label--skyBlue {
  color: hsl(0, 0%, 100%);
  background: hsl(197, 62%, 68%);
  border-color: hsl(
    197, 
    62%, 
    calc(68% - (var(--xf-color-adjust, 1) * 10%))
  );
}
a.label.label--skyBlue:hover,
a:hover .label.label--skyBlue {
  background: hsl(
    197, 
    62%, 
    calc(68% - (var(--xf-color-adjust, 1) * 4%))
  );
  border-color: hsl(
    197, 
    62%, 
    calc(68% - (var(--xf-color-adjust, 1) * 14%))
  );
}
.label.label--gray {
  color: hsl(0, 0%, 100%);
  background: hsl(0, 0%, 50%);
  border-color: hsl(
    0, 
    0%, 
    calc(50% - (var(--xf-color-adjust, 1) * 10%))
  );
}
a.label.label--gray:hover,
a:hover .label.label--gray {
  background: hsl(
    0, 
    0%, 
    calc(50% - (var(--xf-color-adjust, 1) * 4%))
  );
  border-color: hsl(
    0, 
    0%, 
    calc(50% - (var(--xf-color-adjust, 1) * 14%))
  );
}
.label.label--silver {
  color: hsl(0, 0%, 0%);
  background: hsl(0, 0%, 75%);
  border-color: hsl(
    0, 
    0%, 
    calc(75% - (var(--xf-color-adjust, 1) * 10%))
  );
}
a.label.label--silver:hover,
a:hover .label.label--silver {
  background: hsl(
    0, 
    0%, 
    calc(75% - (var(--xf-color-adjust, 1) * 4%))
  );
  border-color: hsl(
    0, 
    0%, 
    calc(75% - (var(--xf-color-adjust, 1) * 14%))
  );
}
.label.label--yellow {
  color: hsl(0, 0%, 0%);
  background: hsl(60, 100%, 78%);
  border-color: hsl(
    60, 
    100%, 
    calc(78% - (var(--xf-color-adjust, 1) * 10%))
  );
}
a.label.label--yellow:hover,
a:hover .label.label--yellow {
  background: hsl(
    60, 
    100%, 
    calc(78% - (var(--xf-color-adjust, 1) * 4%))
  );
  border-color: hsl(
    60, 
    100%, 
    calc(78% - (var(--xf-color-adjust, 1) * 14%))
  );
}
.label.label--orange {
  color: hsl(0, 0%, 0%);
  background: hsl(48, 100%, 50%);
  border-color: hsl(
    48, 
    100%, 
    calc(50% - (var(--xf-color-adjust, 1) * 10%))
  );
}
a.label.label--orange:hover,
a:hover .label.label--orange {
  background: hsl(
    48, 
    100%, 
    calc(50% - (var(--xf-color-adjust, 1) * 4%))
  );
  border-color: hsl(
    48, 
    100%, 
    calc(50% - (var(--xf-color-adjust, 1) * 14%))
  );
}
.label.label--error {
  color: hsl(358, 55%, 53%);
  background: hsl(0, 83%, 95%);
  border-color: hsl(
    0, 
    83%, 
    calc(95% - (var(--xf-color-adjust, 1) * 10%))
  );
}
a.label.label--error:hover,
a:hover .label.label--error {
  background: hsl(
    0, 
    83%, 
    calc(95% - (var(--xf-color-adjust, 1) * 4%))
  );
  border-color: hsl(
    0, 
    83%, 
    calc(95% - (var(--xf-color-adjust, 1) * 14%))
  );
}
.label-append {
  display: inline-block;
}
.labelLink,
.labelLink:hover {
  text-decoration: none;
}
.reaction {
  display: flex;
  -webkit-touch-callout: none;
}
.reaction.reaction--imageHidden img {
  display: none;
}
.reaction.reaction--imageHidden.reaction--1 i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask-image: url('../styles/fa/regular/thumbs-up.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/thumbs-up.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.reaction.reaction--small,
.reaction.reaction--medium {
  display: inline-block;
}
.reaction.reaction--small .reaction-text,
.reaction.reaction--medium .reaction-text {
  margin-left: 0;
}
.reaction.reaction--right {
  justify-content: flex-end;
}
.reaction.reaction--inline {
  display: inline-flex;
}
a.reaction:hover,
a.reaction:focus {
  text-decoration: none;
}
a.reaction:hover .reaction-text,
a.reaction:focus .reaction-text {
  text-decoration: underline;
}
.reactionScore {
  display: inline-block;
  padding: 2px 3px;
  min-width: 16px;
  text-align: center;
  vertical-align: text-bottom;
  border-radius: 4px;
  font-size: 11px;
  color: hsl(var(--xf-textColorDimmed));
  background: hsl(var(--xf-contentAltBg));
  border: 1px solid hsl(var(--xf-borderColor));
}
.reactionScore:hover {
  background: hsl(var(--xf-contentBg));
}
.reaction-image {
  vertical-align: text-bottom;
}
.reaction-image.reaction-image--emoji {
  width: 32px;
}
.reaction--small .reaction-image {
  max-width: 16px;
  max-height: 16px;
}
.reaction--medium .reaction-image {
  max-width: 21px;
  max-height: 21px;
}
.reaction-sprite {
  vertical-align: text-bottom;
}
.reaction-text {
  margin-left: 10px;
  align-self: center;
}
.reaction-text::after {
  content: " ";
  font-weight: 700;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
.has-reaction .reaction-text {
  font-weight: 700;
}
.reaction--small .reaction-text {
  margin-left: 0;
}
.smilie {
  vertical-align: text-bottom;
  max-width: none;
}
img.smilie.smilie--emoji {
  width: 1.467em;
}
span.smilie.smilie--emoji {
  display: inline-block;
  line-height: 1.2;
  font-size: 1.2em;
  vertical-align: 0;
}
.smilie.is-clicked {
  transform: rotate(45deg);
  transition: all 0.25s;
}
.contentRow-figure--emoji {
  font-size: 18px;
}
.contentRow-figure--emoji img {
  max-width: 24px;
  max-height: 24px;
  vertical-align: top;
}
.contentRow-figure--emoji img.smilie--emoji {
  width: 22px;
}
.contentRow-figure--emoji span.smilie--emoji {
  font-size: 1em;
}
.bbWrapper ol:not(.is-structureList),
.bbWrapper ul:not(.is-structureList) {
  margin-top: 1em;
  margin-bottom: 1em;
  overflow: hidden;
}
.bbWrapper ol:not(.is-structureList) ol:not(.is-structureList),
.bbWrapper ol:not(.is-structureList) ul:not(.is-structureList),
.bbWrapper ul:not(.is-structureList) ol:not(.is-structureList),
.bbWrapper ul:not(.is-structureList) ul:not(.is-structureList) {
  margin-top: 0;
  margin-bottom: 0;
}
.bbWrapper .bbHeading {
  margin: .5em 0;
  clear: both;
}
.bbWrapper h2.bbHeading {
  font-size: 24px;
}
.bbWrapper h3.bbHeading {
  font-size: 20px;
}
.bbWrapper h4.bbHeading {
  font-size: 17px;
}
.bbWrapper hr {
  border: none;
  border-top: 1px solid hsl(var(--xf-borderColorHeavy));
  clear: both;
}
.bbWrapper &gt; :first-child {
  margin-top: 0;
}
.bbWrapper a.link {
  color: hsl(var(--xf-linkUgcColor));
}
.bbWrapper a.link:hover {
  color: hsl(var(--xf-linkUgcHoverColor));
}
.bbImage {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
}
.bbImageWrapper {
  display: inline-block;
  max-width: 100%;
}
.bbImage.bbImageAligned--left,
.bbImageWrapper.bbImageAligned--left {
  float: left;
  margin: 0.25em 1.35em 1.35em 0;
}
.bbImage.bbImageAligned--right,
.bbImageWrapper.bbImageAligned--right {
  float: right;
  margin: 0.25em 0 1.35em 1.35em;
}
.bbMediaWrapper,
.bbMediaJustifier,
.bbOembed {
  width: 560px;
  max-width: 100%;
  margin: 0;
}
.bbMediaWrapper.fb_iframe_widget,
.bbMediaJustifier.fb_iframe_widget,
.bbOembed.fb_iframe_widget {
  display: block;
}
[style="text-align: center"] .bbMediaWrapper,
[style="text-align: center"] .bbMediaJustifier,
[style="text-align: center"] .bbOembed {
  margin-left: auto;
  margin-right: auto;
}
[style="text-align: left"] .bbMediaWrapper,
[style="text-align: left"] .bbMediaJustifier,
[style="text-align: left"] .bbOembed {
  margin-left: 0;
  margin-right: auto;
}
[style="text-align: right"] .bbMediaWrapper,
[style="text-align: right"] .bbMediaJustifier,
[style="text-align: right"] .bbOembed {
  margin-left: auto;
  margin-right: 0;
}
.bbMediaWrapper.bbImageAligned--left,
.bbMediaJustifier.bbImageAligned--left,
.bbOembed.bbImageAligned--left {
  float: left;
  margin: 0.25em 1.35em 1.35em 0;
}
.bbMediaWrapper.bbImageAligned--right,
.bbMediaJustifier.bbImageAligned--right,
.bbOembed.bbImageAligned--right {
  float: right;
  margin: 0.25em 0 1.35em 1.35em;
}
.fb_iframe_widget &gt; span,
.fb_iframe_widget iframe {
  max-width: 100%;
}
.bbMediaWrapper.bbMediaWrapper--inline {
  display: inline-block;
}
.bbMediaWrapper-inner {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 ratio */
  height: 0;
}
.bbMediaWrapper-inner.bbMediaWrapper-inner--4to3 {
  padding-bottom: 75%;
  /* 4:3 ratio */
}
.bbMediaWrapper-inner.bbMediaWrapper-inner--104px {
  padding-bottom: 104px;
}
.bbMediaWrapper-inner.bbMediaWrapper-inner--110px {
  padding-bottom: 110px;
}
.bbMediaWrapper-inner.bbMediaWrapper-inner--150px {
  padding-bottom: 150px;
}
.bbMediaWrapper-inner.bbMediaWrapper-inner--232px {
  padding-bottom: 232px;
}
.bbMediaWrapper-inner.bbMediaWrapper-inner--500px {
  padding-bottom: 500px;
}
.bbMediaWrapper-inner.bbMediaWrapper-inner--audio {
  padding-bottom: 60px;
}
.bbMediaWrapper-inner.bbMediaWrapper-inner--audio audio {
  outline: none;
}
.bbMediaWrapper-inner iframe,
.bbMediaWrapper-inner object,
.bbMediaWrapper-inner embed,
.bbMediaWrapper-inner video,
.bbMediaWrapper-inner audio,
.bbMediaWrapper-inner .bbMediaWrapper-fallback {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bbMediaWrapper-fallback {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  background: hsl(var(--xf-contentAltBg));
  border: 1px solid hsl(var(--xf-borderColorLight));
}
.bbOembed.bbOembed--loaded {
  display: block;
}
.bbOembed iframe,
.bbOembed object,
.bbOembed embed,
.bbOembed video,
.bbOembed audio {
  max-width: 100%;
}
.bbOembed .embedly-card {
  margin: 0;
  background: white;
}
.bbTable {
  max-width: 100%;
  overflow: auto;
}
.bbTable &gt; table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
}
.bbTable &gt; table &gt; thead &gt; tr &gt; th,
.bbTable &gt; table &gt; tbody &gt; tr &gt; th {
  background: hsl(var(--xf-contentHighlightBg));
  border: 1px solid hsl(var(--xf-borderColor));
  border-bottom-color: hsl(var(--xf-borderColorFeature));
  border-bottom-width: 2px;
  padding: 3px;
}
.bbTable &gt; table &gt; thead &gt; tr &gt; td,
.bbTable &gt; table &gt; tbody &gt; tr &gt; td {
  background: hsl(var(--xf-contentBg));
  border: 1px solid hsl(var(--xf-borderColor));
  padding: 3px;
}
.bbCodePlainUnfurl.link {
  display: block;
}
.debugResolution .debugResolution-output:before {
  content: "Full 900px - 1200px";
}
@media (min-width: 1200px) {
  .debugResolution .debugResolution-output:before {
    content: "Max &gt; 1200px";
  }
}
@media (max-width: 900px) {
  .debugResolution .debugResolution-output:before {
    content: "Wide &lt; 900px";
  }
}
@media (max-width: 650px) {
  .debugResolution .debugResolution-output:before {
    content: "Medium &lt; 650px";
  }
}
@media (max-width: 480px) {
  .debugResolution .debugResolution-output:before {
    content: "Narrow &lt; 480px";
  }
}
.xfmgThumbnail {
  display: flex;
  position: relative;
  width: 100px;
  vertical-align: top;
  white-space: nowrap;
  word-wrap: normal;
  text-align: center;
}
.xfmgThumbnail.xfmgThumbnail.is-selected {
  border: 2px solid hsl(var(--xf-borderColorFeature));
}
.xfmgThumbnail.xfmgThumbnail--fluid {
  width: inherit;
}
.xfmgThumbnail.xfmgThumbnail--smallest {
  width: 50px;
}
.xfmgThumbnail.xfmgThumbnail--small {
  width: 60px;
}
.xfmgThumbnail.xfmgThumbnail--noThumb {
  color: hsl(var(--xf-textColor));
  background: hsl(var(--xf-contentAltBg));
}
.xfmgThumbnail.xfmgThumbnail--noThumb .xfmgThumbnail-icon::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/ellipsis-h.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/ellipsis-h.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.xfmgThumbnail--upload.xfmgThumbnail.xfmgThumbnail--noThumb .xfmgThumbnail-icon::before {
  display: inline-block !important;
  content: "" !important;
  height: 1em !important;
  vertical-align: -0.125em !important;
  background-color: currentColor !important;
  width: 1.28571429em !important;
  mask-image: url('../styles/fa/regular/upload.svg?v=5.15.3') !important;
  -webkit-mask-image: url('../styles/fa/regular/upload.svg?v=5.15.3') !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-position: center !important;
  -webkit-mask-position: center !important;
}
.xfmgThumbnail--audio.xfmgThumbnail.xfmgThumbnail--noThumb .xfmgThumbnail-icon::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/music.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/music.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.xfmgThumbnail--image.xfmgThumbnail.xfmgThumbnail--noThumb .xfmgThumbnail-icon::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/image.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/image.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.xfmgThumbnail--video.xfmgThumbnail.xfmgThumbnail--noThumb .xfmgThumbnail-icon::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/video.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/video.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.xfmgThumbnail--embed.xfmgThumbnail.xfmgThumbnail--noThumb .xfmgThumbnail-icon::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/brands/youtube.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/brands/youtube.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.xfmgThumbnail--album.xfmgThumbnail.xfmgThumbnail--noThumb .xfmgThumbnail-icon::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/folder-open.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/folder-open.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.xfmgThumbnail.xfmgThumbnail--notVisible .xfmgThumbnail-image {
  opacity: 0.3;
  z-index: 200;
}
.xfmgThumbnail.xfmgThumbnail--notVisible.xfmgThumbnail--notVisible--deleted .xfmgThumbnail-icon::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/trash-alt.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/trash-alt.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.xfmgThumbnail.xfmgThumbnail--notVisible.xfmgThumbnail--notVisible--moderated .xfmgThumbnail-icon::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/shield-alt.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/shield-alt.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.xfmgThumbnail-image {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.xfmgThumbnail-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: hsl(var(--xf-textColorMuted));
  -webkit-text-fill-color: hsl(var(--xf-textColorMuted));
  -webkit-text-stroke-color: hsl(
    var(--xf-textColorMuted--h), 
    var(--xf-textColorMuted--s), 
    calc(var(--xf-textColorMuted--l) - (var(--xf-color-adjust, 1) * 20%)), 
    var(--xf-textColorMuted--a)
  );
  -webkit-text-stroke-width: 1px;
  font-size: 60px;
}
.xfmgThumbnail--upload .xfmgThumbnail-icon.xfmgThumbnail-icon {
  font-size: 60px;
}
.xfmgThumbnail--embed:not(.xfmgThumbnail--notVisible, .xfmgThumbnail--upload) .xfmgThumbnail-icon {
  font-size: 60px;
}
.xfmgThumbnail--smallest .xfmgThumbnail-icon,
.xfmgThumbnail--iconSmallest .xfmgThumbnail-icon {
  font-size: 25px;
}
.xfmgThumbnail--small .xfmgThumbnail-icon,
.xfmgThumbnail--iconSmall .xfmgThumbnail-icon {
  font-size: 30px;
}
@media (max-width: 650px) {
  .xfmgThumbnail-icon {
    font-size: 50px;
  }
}
@media (max-width: 480px) {
  .xfmgThumbnail-icon {
    font-size: 30px;
  }
}
.avatar.avatar--resourceIconDefault {
  color: hsl(var(--xf-textColorMuted)) !important;
  background: hsl(
    calc((var(--xf-textColorMuted--h) * 0.25) + (var(--xf-avatarBg--h) * 0.75)), 
    calc((var(--xf-textColorMuted--s) * 0.25) + (var(--xf-avatarBg--s) * 0.75)), 
    calc((var(--xf-textColorMuted--l) * 0.25) + (var(--xf-avatarBg--l) * 0.75)), 
    calc((var(--xf-textColorMuted--a) * 0.25) + (var(--xf-avatarBg--a) * 0.75))
  ) !important;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.avatar.avatar--resourceIconDefault &gt; span:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask-image: url('../styles/fa/regular/cog.svg?v=5.15.3');
  -webkit-mask-image: url('../styles/fa/regular/cog.svg?v=5.15.3');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}

/********* admin:install_app.less ********/
.p-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  line-height: 40px;
  z-index: 400;
  background: hsl(var(--xf-paletteColor5));
  color: hsl(
    var(--xf-paletteColor5--h), 
    var(--xf-paletteColor5--s), 
    calc((var(--xf-paletteColor5--l) - 67%) * -100), 
    var(--xf-paletteColor5--a)
  );
  text-align: center;
  box-shadow: 0 0 8px 3px hsl(0, 0%, 0%, 0.3);
}
.p-header:before,
.p-header:after {
  content: " ";
  display: table;
}
.p-header:after {
  clear: both;
}
.p-header-logo {
  vertical-align: middle;
  margin-right: auto;
}
.p-header-logo img {
  height: 36px;
}
.p-pageWrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.p-body {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
}
.p-main {
  vertical-align: top;
  padding-top: 40px;
  flex-grow: 1;
  min-width: 0;
}
.p-main-inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 10px 10px;
}
.p-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin-bottom: 5px;
}
.p-title-value {
  padding: 0;
  margin: 0 0 3px 0;
  font-size: 24px;
  font-weight: 400;
  min-width: 0;
}
.p-description {
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: hsl(var(--xf-textColorMuted));
}
.p-content {
  margin: 10px 0;
}
.p-content &gt; :first-child {
  margin-top: 0;
}
.p-content &gt; :last-child {
  margin-bottom: 0;
}
.p-footer {
  background: hsl(
    var(--xf-paletteColor5--h), 
    var(--xf-paletteColor5--s), 
    calc(var(--xf-paletteColor5--l) - 8%), 
    var(--xf-paletteColor5--a)
  );
  border-top: 1px solid hsl(
    var(--xf-paletteColor5--h), 
    var(--xf-paletteColor5--s), 
    calc((var(--xf-paletteColor5--l) - 8%) - 4%), 
    var(--xf-paletteColor5--a)
  );
  color: hsl(var(--xf-paletteColor2));
  font-size: 13px;
  padding: 10px 10px;
}
.p-footer a {
  color: hsl(var(--xf-paletteColor1));
}
.p-footer-row {
  margin-bottom: -10px;
}
.p-footer-row:before,
.p-footer-row:after {
  content: " ";
  display: table;
}
.p-footer-row:after {
  clear: both;
}
.p-footer-row a {
  padding: 2px 4px;
  border-radius: 2px;
}
.p-footer-row a:hover {
  text-decoration: none;
  background-color: hsl(
    var(--xf-paletteColor1--h), 
    var(--xf-paletteColor1--s), 
    var(--xf-paletteColor1--l), 
    10%
  );
}
.p-footer-row-main {
  float: left;
  margin-bottom: 10px;
  margin-left: -2px;
}
.p-footer-row-opposite {
  float: right;
  margin-bottom: 10px;
  margin-right: -2px;
}
.p-footer-copyright {
  margin-top: 10px;
  text-align: center;
  font-size: 11px;
}</pre></body></html>