span#sfumato-version[role=status]::after {
  content: "3.0";
}

.cs-color-transparent {
  color: transparent;
}

:root {
  --cs-color-transparent: transparent;
  --cs-color-transparent-contrast: #000000;
  --cs-color-transparent-contrast-rgb: 0,0,0;
  --cs-color-transparent-shade: rgba(0, 0, 0, 0.25);
  --cs-color-transparent-tint: rgba(255, 255, 255, 0.25);
  --cs-color-transparent-accent-opacity: 0.3;
  --cs-color-transparent-overlay-opacity: 0.65;
  /* CLIENT APP COLORS ARE IN THE STATESERVICE */
  /* BACK OFFICE COLORS */
  --cs-color-bo-primary: #1366c7;
  --cs-color-bo-primary-contrast: white;
  --cs-color-bo-primary-shade: #0e4d95;
  --cs-color-bo-primary-tint: #4492ed;
  --cs-color-bo-primary-border: white;
  --cs-color-bo-primary-accent-opacity: 0.3;
  --cs-color-bo-primary-overlay-opacity: 0.65;
  --cs-color-bo-primary-rgb: 19,102,199;
  --cs-color-bo-primary-contrast-rgb: 255,255,255;
  --cs-color-bo-primary-shade-rgb: 14,77,149;
  --cs-color-bo-primary-tint-rgb: 68,146,237;
  --cs-color-bo-secondary: #3dc1f3;
  --cs-color-bo-secondary-contrast: white;
  --cs-color-bo-secondary-shade: #12b3f0;
  --cs-color-bo-secondary-tint: #64cdf5;
  --cs-color-bo-secondary-border: white;
  --cs-color-bo-secondary-accent-opacity: 0.3;
  --cs-color-bo-secondary-overlay-opacity: 0.65;
  --cs-color-bo-secondary-rgb: 61,193,243;
  --cs-color-bo-secondary-contrast-rgb: 255,255,255;
  --cs-color-bo-secondary-shade-rgb: 18,179,240;
  --cs-color-bo-secondary-tint-rgb: 100,205,245;
  --cs-color-bo-tertiary: #54b357;
  --cs-color-bo-tertiary-contrast: white;
  --cs-color-bo-tertiary-shade: #459b47;
  --cs-color-bo-tertiary-tint: #76c279;
  --cs-color-bo-tertiary-border: white;
  --cs-color-bo-tertiary-accent-opacity: 0.3;
  --cs-color-bo-tertiary-overlay-opacity: 0.65;
  --cs-color-bo-tertiary-rgb: 84,179,87;
  --cs-color-bo-tertiary-contrast-rgb: 255,255,255;
  --cs-color-bo-tertiary-shade-rgb: 69,155,71;
  --cs-color-bo-tertiary-tint-rgb: 118,194,121;
  --cs-color-bo-quaternary: #ff5600;
  --cs-color-bo-quaternary-contrast: white;
  --cs-color-bo-quaternary-shade: #d94900;
  --cs-color-bo-quaternary-tint: #ff7833;
  --cs-color-bo-quaternary-border: white;
  --cs-color-bo-quaternary-accent-opacity: 0.3;
  --cs-color-bo-quaternary-overlay-opacity: 0.65;
  --cs-color-bo-quaternary-rgb: 255,86,0;
  --cs-color-bo-quaternary-contrast-rgb: 255,255,255;
  --cs-color-bo-quaternary-shade-rgb: 217,73,0;
  --cs-color-bo-quaternary-tint-rgb: 255,120,51;
  --cs-color-bo-buttons: #1366c7;
  --cs-color-bo-buttons-contrast: white;
  --cs-color-bo-buttons-shade: #1057a9;
  --cs-color-bo-buttons-tint: #2a83eb;
  --cs-color-bo-buttons-border: #1366c7;
  --cs-color-bo-buttons-accent-opacity: 0.3;
  --cs-color-bo-buttons-overlay-opacity: 0.65;
  --cs-color-bo-buttons-rgb: 19,102,199;
  --cs-color-bo-buttons-contrast-rgb: 255,255,255;
  --cs-color-bo-buttons-shade-rgb: 16,87,169;
  --cs-color-bo-buttons-tint-rgb: 42,131,235;
  --cs-color-bo-anchors: #0089ff;
  --cs-color-bo-anchors-contrast: white;
  --cs-color-bo-anchors-shade: #0074d9;
  --cs-color-bo-anchors-tint: #33a1ff;
  --cs-color-bo-anchors-border: white;
  --cs-color-bo-anchors-accent-opacity: 0.3;
  --cs-color-bo-anchors-overlay-opacity: 0.65;
  --cs-color-bo-anchors-rgb: 0,137,255;
  --cs-color-bo-anchors-contrast-rgb: 255,255,255;
  --cs-color-bo-anchors-shade-rgb: 0,116,217;
  --cs-color-bo-anchors-tint-rgb: 51,161,255;
  --cs-color-bo-success: #00af4e;
  --cs-color-bo-success-contrast: white;
  --cs-color-bo-success-shade: #009542;
  --cs-color-bo-success-tint: #00f26c;
  --cs-color-bo-success-border: white;
  --cs-color-bo-success-accent-opacity: 0.3;
  --cs-color-bo-success-overlay-opacity: 0.65;
  --cs-color-bo-success-rgb: 0,175,78;
  --cs-color-bo-success-contrast-rgb: 255,255,255;
  --cs-color-bo-success-shade-rgb: 0,149,66;
  --cs-color-bo-success-tint-rgb: 0,242,108;
  /* GLOBAL COLOR VARIABLES */
  --cs-color-dimmed-text: rgba(0, 0, 0, 0.35);
  --cs-disabled-field-bg-color: var(--cs-color-light);
  --cs-disabled-field-color: #000000;
  --cs-color-form-field-line: rgba(0, 0, 0, 0.15);
  --cs-color-check-background: rgba(255, 255, 255, 0.05);
  --cs-color-line: rgba(0, 0, 0, 0.10);
}
:root .cs-color-bo-primary {
  color: var(--cs-color-bo-primary);
}
:root .cs-color-bo-secondary {
  color: var(--cs-color-bo-secondary);
}
:root .cs-color-bo-tertiary {
  color: var(--cs-color-bo-tertiary);
}
:root .cs-color-bo-quaternary {
  color: var(--cs-color-bo-quaternary);
}
:root .cs-color-bo-buttons {
  color: var(--cs-color-bo-buttons);
}
:root .cs-color-bo-anchors {
  color: var(--cs-color-bo-anchors);
}
:root .cs-color-bo-success {
  color: var(--cs-color-bo-success);
}

@font-face {
  font-family: "Segoe UI";
  font-style: normal;
  font-weight: 300;
  src: local("Segoe UI Light"), url(../webfonts/segoeuil.ttf) format("truetype");
}
@font-face {
  font-family: "Segoe UI";
  font-style: normal;
  font-weight: 400;
  src: local("Segoe UI"), local("Segoe UI Regular"), url(../webfonts/segoeui.ttf) format("truetype");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 400;
  src: local("Segoe UI Italic"), url(../webfonts/segoeui.ttf) format("truetype");
}
@font-face {
  font-family: "Segoe UI";
  font-style: normal;
  font-weight: 500;
  src: local("Segoe UI Semibold"), url(../webfonts/seguisb.ttf) format("truetype");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 500;
  src: local("Segoe UI Semibold Italic"), url(../webfonts/seguisbi.ttf) format("truetype");
}
@font-face {
  font-family: "Segoe UI";
  font-style: normal;
  font-weight: 700;
  src: local("Segoe UI Bold"), url(../webfonts/segoeuib.ttf) format("truetype");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 700;
  src: local("Segoe UI Bold Italic"), url(../webfonts/segoeuiz.ttf) format("truetype");
}
@font-face {
  font-family: "LearningCurve";
  font-style: normal;
  font-weight: 600;
  src: local("Learning Curve Regular"), url(../webfonts/learning_curve_regular.ttf) format("truetype");
}
:root {
  --zero-font-size: 4.3vw;
  --zero-line-height: 1.4;
  --phablet-font-size: false;
  --phablet-line-height: false;
  --tablet-portrait-font-size: 1.65vw;
  --tablet-portrait-line-height: 1.4;
  --tablet-landscape-font-size: 0.9vw;
  --tablet-landscape-line-height: 1.4;
  --notebook-font-size: false;
  --notebook-line-height: false;
  --desktop-font-size: false;
  --desktop-line-height: false;
  --font-body: "Segoe UI", -apple-system, BlinkMacSystemFont, Calibri, Helvetica, Arial, sans-serif;
  --font-mono: -apple-system-mono, "Menlo", "Consolas", "Monaco", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier", "Courier New", monospace;
  --font-head: var(--font-body);
  --font-cursive: "LearningCurve", "Comic Sans MS", cursive;
  --mono-font-size: 1rem;
  --mono-line-height: 1.4;
  --headline-top-margin-stacked: 2rem;
  --headline-top-margin: 3rem;
  --headline-bottom-margin: 1.5rem;
  --paragraph-bottom-margin: 1.5rem;
  --line-height: 1.4;
  --h1-font-size: 1.75rem;
  --h1-line-height: 1.35;
  --h2-font-size: 1.45rem;
  --h2-line-height: 1.35;
  --h3-font-size: 1.3rem;
  --h3-line-height: 1.35;
  --h4-font-size: 1.15rem;
  --h4-line-height: 1.35;
  --h5-font-size: 1rem;
  --h5-line-height: 1.35;
  --h6-font-size: 0.9rem;
  --h6-line-height: 1.35;
  --h1-multiplier: 1.0;
  --phablet-h1-multiplier: 1.0;
  --tablet-portrait-h1-multiplier: 1.0;
  --tablet-landscape-h1-multiplier: 1.0;
  --notebook-h1-multiplier: 1.0;
  --desktop-h1-multiplier: 1.0;
  --elastic-h1-multiplier: 1.0;
  --h2-multiplier: 1.0;
  --phablet-h2-multiplier: 1.0;
  --tablet-portrait-h2-multiplier: 1.0;
  --tablet-landscape-h2-multiplier: 1.0;
  --notebook-h2-multiplier: 1.0;
  --desktop-h2-multiplier: 1.0;
  --elastic-h2-multiplier: 1.0;
  --h3-multiplier: 1.0;
  --phablet-h3-multiplier: 1.0;
  --tablet-portrait-h3-multiplier: 1.0;
  --tablet-landscape-h3-multiplier: 1.0;
  --notebook-h3-multiplier: 1.0;
  --desktop-h3-multiplier: 1.0;
  --elastic-h3-multiplier: 1.0;
  --h4-multiplier: 1.0;
  --phablet-h4-multiplier: 1.0;
  --tablet-portrait-h4-multiplier: 1.0;
  --tablet-landscape-h4-multiplier: 1.0;
  --notebook-h4-multiplier: 1.0;
  --desktop-h4-multiplier: 1.0;
  --elastic-h4-multiplier: 1.0;
  --h5-multiplier: 1.0;
  --phablet-h5-multiplier: 1.0;
  --tablet-portrait-h5-multiplier: 1.0;
  --tablet-landscape-h5-multiplier: 1.0;
  --notebook-h5-multiplier: 1.0;
  --desktop-h5-multiplier: 1.0;
  --elastic-h5-multiplier: 1.0;
  --h6-multiplier: 1.0;
  --phablet-h6-multiplier: 1.0;
  --tablet-portrait-h6-multiplier: 1.0;
  --tablet-landscape-h6-multiplier: 1.0;
  --notebook-h6-multiplier: 1.0;
  --desktop-h6-multiplier: 1.0;
  --elastic-h6-multiplier: 1.0;
}

:root {
  --cs-line-width: 1px;
  --cs-field-line-width: 1px;
  --top-unit-multiplier: 1.0;
  --bottom-unit-multiplier: 1.0;
  --zero-horizontal-unit-padding: 0.75rem;
  --zero-vertical-unit-padding: 2.5rem;
  --phablet-horizontal-unit-padding: 1rem;
  --phablet-vertical-unit-padding: 2.5rem;
  --tablet-portrait-horizontal-unit-padding: 2rem;
  --tablet-portrait-vertical-unit-padding: 3.5rem;
  --tablet-landscape-horizontal-unit-padding: 3.5rem;
  --tablet-landscape-vertical-unit-padding: 3.5rem;
  --notebook-horizontal-unit-padding: 3.5rem;
  --notebook-vertical-unit-padding: 3.5rem;
  --desktop-horizontal-unit-padding: 3.5rem;
  --desktop-vertical-unit-padding: 3.5rem;
  --elastic-horizontal-unit-padding: 3.5rem;
  --elastic-vertical-unit-padding: 3.5rem;
  --zero-vertical-subunit-padding: 2rem;
  --phablet-vertical-subunit-padding: 3rem;
  --tablet-portrait-vertical-subunit-padding: 3rem;
  --tablet-landscape-vertical-subunit-padding: 3rem;
  --notebook-vertical-subunit-padding: 3rem;
  --desktop-vertical-subunit-padding: 3rem;
  --elastic-vertical-subunit-padding: 3rem;
  --fieldset-row-spacing: 1.5rem;
}

#components-reconnect-modal {
  z-index: 999999 !important;
  opacity: 0.9 !important;
}

img, h1, h2, h3, h4, h5, h6, .no-page-break {
  page-break-inside: avoid;
}

:root {
  --cs-search-icon: url("/_asset-cache/images/magnifying-glass.png");
  --cs-select-icon: url("/_asset-cache/images/dropdown-mark.jpg");
}

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 0 0 1.5rem 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.no-pointer-events {
  pointer-events: none !important;
}

* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -webkit-font-size-adjust: none;
  word-spacing: initial;
  letter-spacing: initial;
  word-break: break-word;
}
*, *:before, *:after {
  box-sizing: border-box;
}
* > * {
  font-weight: inherit;
}

html {
  font-family: var(--font-body);
  font-size: 4.3vw;
  line-height: var(--line-height);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  --cs-h1-size: calc(var(--h1-font-size) * var(--h1-multiplier));
  --cs-h2-size: calc(var(--h2-font-size) * var(--h2-multiplier));
  --cs-h3-size: calc(var(--h3-font-size) * var(--h3-multiplier));
  --cs-h4-size: calc(var(--h4-font-size) * var(--h4-multiplier));
  --cs-h5-size: calc(var(--h5-font-size) * var(--h5-multiplier));
  --cs-h6-size: calc(var(--h6-font-size) * var(--h6-multiplier));
}
@media (min-width: 33.75em) {
  html {
    font-size: var(--tablet-portrait-font-size);
    line-height: var(--tablet-portrait-line-height);
  }
}
@media (min-width: 52.1875em) {
  html {
    font-size: var(--tablet-landscape-font-size);
    line-height: var(--tablet-landscape-line-height);
  }
}
@media (min-width: 90em) {
  html {
    font-size: 12.96px;
    line-height: 1.4;
  }
}
html h1, html h2, html h3, html h4, html h5, html h6,
html .h1, html .h2, html .h3, html .h4, html .h5, html .h6 {
  font-family: var(--font-head);
}
html h1, html .h1 {
  font-size: calc(var(--h1-font-size) * var(--h1-multiplier));
  line-height: var(--h1-line-height);
}
@media (min-width: 33.75em) {
  html h1, html .h1 {
    font-size: calc(var(--tablet-portrait-h1-multiplier) * var(--h1-font-size));
  }
}
@media (min-width: 52.1875em) {
  html h1, html .h1 {
    font-size: calc(var(--tablet-landscape-h1-multiplier) * var(--h1-font-size));
  }
}
@media (min-width: 90em) {
  html h1, html .h1 {
    font-size: calc(var(--elastic-h1-multiplier) * var(--h1-font-size));
  }
}
html h2, html .h2 {
  font-size: calc(var(--h2-font-size) * var(--h2-multiplier));
  line-height: var(--h2-line-height);
}
@media (min-width: 33.75em) {
  html h2, html .h2 {
    font-size: calc(var(--tablet-portrait-h2-multiplier) * var(--h2-font-size));
  }
}
@media (min-width: 52.1875em) {
  html h2, html .h2 {
    font-size: calc(var(--tablet-landscape-h2-multiplier) * var(--h2-font-size));
  }
}
@media (min-width: 90em) {
  html h2, html .h2 {
    font-size: calc(var(--elastic-h2-multiplier) * var(--h2-font-size));
  }
}
html h3, html .h3 {
  font-size: calc(var(--h3-font-size) * var(--h3-multiplier));
  line-height: var(--h3-line-height);
}
@media (min-width: 33.75em) {
  html h3, html .h3 {
    font-size: calc(var(--tablet-portrait-h3-multiplier) * var(--h3-font-size));
  }
}
@media (min-width: 52.1875em) {
  html h3, html .h3 {
    font-size: calc(var(--tablet-landscape-h3-multiplier) * var(--h3-font-size));
  }
}
@media (min-width: 90em) {
  html h3, html .h3 {
    font-size: calc(var(--elastic-h3-multiplier) * var(--h3-font-size));
  }
}
html h4, html .h4 {
  font-size: calc(var(--h4-font-size) * var(--h4-multiplier));
  line-height: var(--h4-line-height);
}
@media (min-width: 33.75em) {
  html h4, html .h4 {
    font-size: calc(var(--tablet-portrait-h4-multiplier) * var(--h4-font-size));
  }
}
@media (min-width: 52.1875em) {
  html h4, html .h4 {
    font-size: calc(var(--tablet-landscape-h4-multiplier) * var(--h4-font-size));
  }
}
@media (min-width: 90em) {
  html h4, html .h4 {
    font-size: calc(var(--elastic-h4-multiplier) * var(--h4-font-size));
  }
}
html h5, html .h5 {
  font-size: calc(var(--h5-font-size) * var(--h5-multiplier));
  line-height: var(--h5-line-height);
}
@media (min-width: 33.75em) {
  html h5, html .h5 {
    font-size: calc(var(--tablet-portrait-h5-multiplier) * var(--h5-font-size));
  }
}
@media (min-width: 52.1875em) {
  html h5, html .h5 {
    font-size: calc(var(--tablet-landscape-h5-multiplier) * var(--h5-font-size));
  }
}
@media (min-width: 90em) {
  html h5, html .h5 {
    font-size: calc(var(--elastic-h5-multiplier) * var(--h5-font-size));
  }
}
html h6, html .h6 {
  font-size: calc(var(--h6-font-size) * var(--h6-multiplier));
  line-height: var(--h6-line-height);
}
@media (min-width: 33.75em) {
  html h6, html .h6 {
    font-size: calc(var(--tablet-portrait-h6-multiplier) * var(--h6-font-size));
  }
}
@media (min-width: 52.1875em) {
  html h6, html .h6 {
    font-size: calc(var(--tablet-landscape-h6-multiplier) * var(--h6-font-size));
  }
}
@media (min-width: 90em) {
  html h6, html .h6 {
    font-size: calc(var(--elastic-h6-multiplier) * var(--h6-font-size));
  }
}
html pre, html code {
  font-family: var(--font-mono);
}
html code {
  vertical-align: top;
}

button,
input,
optgroup,
select,
textarea,
option,
[contenteditable] {
  font-family: var(--font-body);
}

button,
input,
optgroup,
select,
textarea,
option, a[role=button] {
  outline: none;
}

form {
  margin: 0;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
}

input[type=radio],
input[type=checkbox] {
  width: 1rem;
  height: 1rem;
}

input[type=range] {
  display: inline-block;
  min-width: 50%;
}

select[multiple],
select[size] {
  height: auto;
}

[cs-row] {
  display: block;
  margin-bottom: var(--fieldset-row-spacing);
}
[cs-row][cs-list] {
  margin-bottom: var(--fieldset-row-spacing)/2;
}
[cs-row]:last-of-type, [cs-row]:last-child {
  margin-bottom: 0;
}

form, [role=form] {
  position: relative;
}
form [cs-label][cs-bold] *, form [cs-filebox][cs-bold] *, [role=form] [cs-label][cs-bold] *, [role=form] [cs-filebox][cs-bold] * {
  font-weight: bold;
}

ul, dl {
  margin-left: calc(var(--horizontal-unit-padding) * 2);
  padding: 0;
  margin-right: 0;
  margin-bottom: 1.5rem;
  margin-top: 1.75rem;
  list-style: square;
}
@media (min-width: 33.75em) {
  ul, dl {
    margin-left: 2.75rem;
  }
}
@media (min-width: 33.75em) {
  ul, dl {
    margin-right: 0;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}
ul:last-child, dl:last-child {
  margin-bottom: 0;
}

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  margin-bottom: 1.5rem;
  padding: 0;
  margin-left: 0.1rem;
}
ol > li {
  display: table;
  counter-increment: item;
}
ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.75rem;
  white-space: nowrap;
  min-width: 2rem;
  text-align: right;
}
ol > li > ol > li {
  margin: 0;
}
ol > li > ol > li:before {
  content: counters(item, ".") " ";
}
ol:last-child {
  margin-bottom: 0;
}

ul li, ul dd, ul dt, ol li, ol dd, ol dt, dl li, dl dd, dl dt {
  padding-top: 0.75rem;
}
ul li:first-child, ul dd:first-child, ul dt:first-child, ol li:first-child, ol dd:first-child, ol dt:first-child, dl li:first-child, dl dd:first-child, dl dt:first-child {
  padding-top: 0;
}
ul li > ol, ul li > ul, ul dd > ol, ul dd > ul, ul dt > ol, ul dt > ul, ol li > ol, ol li > ul, ol dd > ol, ol dd > ul, ol dt > ol, ol dt > ul, dl li > ol, dl li > ul, dl dd > ol, dl dd > ul, dl dt > ol, dl dt > ul {
  margin-top: 1rem;
}
ul li > ol > li:first-child, ul li > ul > li:first-child, ul dd > ol > li:first-child, ul dd > ul > li:first-child, ul dt > ol > li:first-child, ul dt > ul > li:first-child, ol li > ol > li:first-child, ol li > ul > li:first-child, ol dd > ol > li:first-child, ol dd > ul > li:first-child, ol dt > ol > li:first-child, ol dt > ul > li:first-child, dl li > ol > li:first-child, dl li > ul > li:first-child, dl dd > ol > li:first-child, dl dd > ul > li:first-child, dl dt > ol > li:first-child, dl dt > ul > li:first-child {
  padding-top: 0;
}
ul[expanded], ol[expanded], dl[expanded] {
  margin-top: 2rem;
}
@media (min-width: 33.75em) {
  ul[expanded], ol[expanded], dl[expanded] {
    margin-top: 2rem;
  }
}
ul[expanded] > li, ul[expanded] > dd, ul[expanded] > dt, ol[expanded] > li, ol[expanded] > dd, ol[expanded] > dt, dl[expanded] > li, dl[expanded] > dd, dl[expanded] > dt {
  padding-top: 2rem;
}
ul[expanded] > li:first-child, ul[expanded] > dd:first-child, ul[expanded] > dt:first-child, ol[expanded] > li:first-child, ol[expanded] > dd:first-child, ol[expanded] > dt:first-child, dl[expanded] > li:first-child, dl[expanded] > dd:first-child, dl[expanded] > dt:first-child {
  padding-top: 0;
}
ul[tight], ol[tight], dl[tight] {
  margin-top: 0;
}
@media (min-width: 33.75em) {
  ul[tight], ol[tight], dl[tight] {
    margin-top: 0;
  }
}
ul[tight] > li, ul[tight] > dd, ul[tight] > dt, ol[tight] > li, ol[tight] > dd, ol[tight] > dt, dl[tight] > li, dl[tight] > dd, dl[tight] > dt {
  padding-top: 0.5rem;
}
ul[tight] > li:first-child, ul[tight] > dd:first-child, ul[tight] > dt:first-child, ol[tight] > li:first-child, ol[tight] > dd:first-child, ol[tight] > dt:first-child, dl[tight] > li:first-child, dl[tight] > dd:first-child, dl[tight] > dt:first-child {
  padding-top: 0;
}

a {
  text-decoration: underline;
}
a:hover {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: var(--headline-bottom-margin);
  font-weight: 400;
}
h1[tight], h2[tight], h3[tight], h4[tight], h5[tight], h6[tight] {
  margin-bottom: var(--headline-bottom-margin)/3;
}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  font-weight: 400;
}

h2, h3, h4, h5, h6 {
  font-weight: 400;
}

* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
  margin-top: var(--headline-top-margin-stacked);
}
@media (min-width: 33.75em) {
  * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
    margin-top: var(--headline-top-margin);
  }
}

h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6,
h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6,
h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6,
h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6,
h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 {
  margin-top: 0;
}

p {
  margin-top: 0;
  margin-bottom: var(--paragraph-bottom-margin);
}
p[tight] {
  margin-bottom: var(--paragraph-bottom-margin)/3;
}
p:last-child {
  margin-bottom: 0;
}

blockquote {
  border-left: solid 0px cs-get-background-color(graylightest);
  border-left-width: 0.75rem;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 2.25rem;
  margin-top: 2.5rem;
  padding-left: 1.3344rem;
  padding-right: 1.3344rem;
  font-style: italic;
}
@media (min-width: 33.75em) {
  blockquote {
    margin-left: 3.5rem;
    margin-right: 2.5rem;
    margin-bottom: 3rem;
    margin-top: 3rem;
    padding-left: 1.5rem;
    padding-right: 4rem;
  }
}
blockquote:last-child {
  margin-bottom: 0;
}
blockquote cite {
  display: block;
  margin-top: 1.5rem;
  font-size: 85%;
}
@media (min-width: 33.75em) {
  blockquote cite {
    margin-top: 1.25rem;
  }
}

.strong, strong {
  font-weight: 700;
}
.strong em, strong em {
  font-weight: 700;
}

small {
  font-size: 0.8rem;
  line-height: 1.3rem;
}

:not(pre) > code, :not(pre) > code[class*=language-] {
  display: inline-block;
  margin: 0;
  padding: 0.1rem 0.5rem;
  border-radius: 0.1rem;
  font-size: 0.8rem;
  font-family: var(--font-mono);
}
:not(pre) > code[feature], :not(pre) > code[class*=language-][feature] {
  font-size: 1rem;
}
:not(pre) > code {
  background: var(--cs-color-code);
  color: var(--cs-color-code-contrast);
}

@media (max-width: 33.74em) {
  li pre, li pre[class*=language-], dd pre, dd pre[class*=language-], dt pre, dt pre[class*=language-] {
    margin-left: calc(var(--horizontal-unit-padding) * 2 * -1);
    margin-right: calc(var(--horizontal-unit-padding) * 2 * -1);
  }
}

code[class*=language-] {
  font-family: var(--font-mono);
  text-shadow: none !important;
}

hr {
  margin: 0;
  margin-bottom: 2rem;
  height: 0.15rem;
  min-height: 0.15rem;
  border: none;
  border-color: var(--cs-color-line);
  border-bottom-width: 0.15rem;
  border-bottom-style: solid;
}
@media (min-width: 33.75em) {
  hr {
    height: 0.15rem;
    min-height: 0.15rem;
    border-bottom-width: 0.15rem;
  }
}
hr:last-child {
  margin-bottom: 0;
}

[nowrap] {
  white-space: nowrap;
}

[cs-error] {
  color: var(--cs-color-danger);
}

canvas,
img,
svg {
  vertical-align: middle;
}

img, object, svg {
  position: relative;
  width: 100%;
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
}

svg {
  height: auto;
}

object[width],
object[height],
img[width],
img[height] {
  width: auto;
  max-width: none;
}

span[role=img], span[role=icon] {
  display: inline-block;
  line-height: 0;
}

object[type="image/svg+xml"] {
  display: inline-block;
  line-height: 0;
  pointer-events: none;
}

@media (max-width: 33.74em) {
  [image-wrapper] {
    margin-left: calc(var(--horizontal-unit-padding) * -1);
    margin-right: calc(var(--horizontal-unit-padding) * -1);
  }
  [image-wrapper] img {
    max-width: 100vw;
    width: 100vw;
  }
}
[image-wrapper] small {
  display: block;
  margin-top: 0.75rem;
}
@media (max-width: 33.74em) {
  [image-wrapper] small {
    margin-left: var(--horizontal-unit-padding);
    margin-right: var(--horizontal-unit-padding);
  }
}

video {
  vertical-align: middle;
}

@media (max-width: 33.74em) {
  [video-container], [audio-container] {
    margin-left: calc(var(--horizontal-unit-padding) * -1);
    margin-right: calc(var(--horizontal-unit-padding) * -1);
  }
}
[video-container] small, [audio-container] small {
  display: block;
  margin-top: 0.75rem;
}
@media (max-width: 33.74em) {
  [video-container] small, [audio-container] small {
    margin-left: var(--horizontal-unit-padding);
    margin-right: var(--horizontal-unit-padding);
  }
}

@media (max-width: 33.74em) {
  [video-wrapper] {
    margin-left: calc(var(--horizontal-unit-padding) * -1);
    margin-right: calc(var(--horizontal-unit-padding) * -1);
  }
}
[video-wrapper] [role=video], [video-wrapper] video {
  background-color: var(--cs-color-light);
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
@media (min-width: 33.75em) {
  [video-wrapper] [role=video], [video-wrapper] video {
    border-radius: 0.15rem;
    overflow: hidden;
  }
}
[video-wrapper] [role=video] iframe, [video-wrapper] [role=video] object, [video-wrapper] [role=video] embed, [video-wrapper] video iframe, [video-wrapper] video object, [video-wrapper] video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[video-wrapper] small {
  display: block;
  margin-top: 0.75rem;
}
@media (max-width: 33.74em) {
  [video-wrapper] small {
    margin-left: var(--horizontal-unit-padding);
    margin-right: var(--horizontal-unit-padding);
  }
}

[cs-button], button, input[type=button], input[type=submit], input[type=cancel], a[role=button] {
  display: inline-block;
  margin: 0;
  border: 0;
  padding: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  background-color: var(--cs-color-buttons);
  color: var(--cs-color-buttons-contrast);
  border-radius: 0.15rem;
  cursor: pointer;
  font-size: 1rem;
  line-height: 3;
  font-weight: 500;
  vertical-align: middle;
  width: 100%;
  border: solid var(--cs-line-width) var(--cs-color-buttons);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
@media (min-width: 33.75em) {
  [cs-button], button, input[type=button], input[type=submit], input[type=cancel], a[role=button] {
    width: auto;
    line-height: 2.5;
  }
}
[cs-button].block, button.block, input[type=button].block, input[type=submit].block, input[type=cancel].block, a[role=button].block {
  display: block;
  width: 100%;
}
[cs-button]:hover, [cs-button]:focus, button:hover, button:focus, input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus, input[type=cancel]:hover, input[type=cancel]:focus, a[role=button]:hover, a[role=button]:focus {
  text-decoration: none;
}
[cs-button]:hover, button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=cancel]:hover, a[role=button]:hover {
  text-decoration: none;
  background-color: var(--cs-color-buttons-tint);
  border: solid var(--cs-line-width) var(--cs-color-buttons-tint);
}
[cs-button].thin, button.thin, input[type=button].thin, input[type=submit].thin, input[type=cancel].thin, a[role=button].thin {
  line-height: 2;
  font-size: 0.9rem;
}
[cs-button].primary, button.primary, input[type=button].primary, input[type=submit].primary, input[type=cancel].primary, a[role=button].primary {
  color: var(--cs-color-primary-contrast);
  background-color: var(--cs-color-primary);
  border: solid var(--cs-line-width) var(--cs-color-primary);
}
[cs-button].primary:hover, button.primary:hover, input[type=button].primary:hover, input[type=submit].primary:hover, input[type=cancel].primary:hover, a[role=button].primary:hover {
  text-decoration: none;
  background-color: var(--cs-color-primary-tint);
  border: solid var(--cs-line-width) var(--cs-color-primary-tint);
}
[cs-button].secondary, button.secondary, input[type=button].secondary, input[type=submit].secondary, input[type=cancel].secondary, a[role=button].secondary {
  color: var(--cs-color-secondary-contrast);
  background-color: var(--cs-color-secondary);
  border: solid var(--cs-line-width) var(--cs-color-secondary);
}
[cs-button].secondary:hover, button.secondary:hover, input[type=button].secondary:hover, input[type=submit].secondary:hover, input[type=cancel].secondary:hover, a[role=button].secondary:hover {
  text-decoration: none;
  background-color: var(--cs-color-secondary-tint);
  border: solid var(--cs-line-width) var(--cs-color-secondary-tint);
}
[cs-button].tertiary, button.tertiary, input[type=button].tertiary, input[type=submit].tertiary, input[type=cancel].tertiary, a[role=button].tertiary {
  color: var(--cs-color-tertiary-contrast);
  background-color: var(--cs-color-tertiary);
  border: solid var(--cs-line-width) var(--cs-color-tertiary);
}
[cs-button].tertiary:hover, button.tertiary:hover, input[type=button].tertiary:hover, input[type=submit].tertiary:hover, input[type=cancel].tertiary:hover, a[role=button].tertiary:hover {
  text-decoration: none;
  background-color: var(--cs-color-tertiary-tint);
  border: solid var(--cs-line-width) var(--cs-color-tertiary-tint);
}
[cs-button][disabled], [cs-button].disabled, button[disabled], button.disabled, input[type=button][disabled], input[type=button].disabled, input[type=submit][disabled], input[type=submit].disabled, input[type=cancel][disabled], input[type=cancel].disabled, a[role=button][disabled], a[role=button].disabled {
  cursor: not-allowed !important;
  pointer-events: none !important;
  opacity: 0.35;
}
[cs-button] i, button i, input[type=button] i, input[type=submit] i, input[type=cancel] i, a[role=button] i {
  margin-right: 0.35rem;
}

html, body {
  overflow-x: hidden;
  max-width: 100vw;
}

body {
  position: relative;
}
body [elastic-wrapper] {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

[hide] {
  display: none !important;
}

@media (min-width: 33.75em) {
  [style~="--cs-hide-tabp-and-up:"] {
    display: none !important;
  }

  .hide-tabp-and-up {
    display: none !important;
  }
}
@media (max-width: 33.74em) {
  [style~="--cs-hide-below-tabp:"] {
    display: none !important;
  }

  .hide-below-tabp {
    display: none !important;
  }
}
@media (min-width: 52.1875em) {
  [style~="--cs-hide-tabl-and-up:"] {
    display: none !important;
  }

  .hide-tabl-and-up {
    display: none !important;
  }
}
@media (max-width: 52.1775em) {
  [style~="--cs-hide-below-tabl:"] {
    display: none !important;
  }

  .hide-below-tabl {
    display: none !important;
  }
}
@media (min-width: 90em) {
  [style~="--cs-hide-elas-and-up:"] {
    display: none !important;
  }

  .hide-elas-and-up {
    display: none !important;
  }
}
@media (max-width: 89.99em) {
  [style~="--cs-hide-below-elas:"] {
    display: none !important;
  }

  .hide-below-elas {
    display: none !important;
  }
}
[cs-unit] {
  display: block;
  --vertical-unit-padding: 0;
  padding-bottom: calc(var(--vertical-unit-padding) * var(--bottom-unit-multiplier));
  --vertical-unit-padding: var(--zero-vertical-unit-padding);
}
@media (min-width: 33.75em) {
  [cs-unit] {
    --vertical-unit-padding: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  [cs-unit] {
    --vertical-unit-padding: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  [cs-unit] {
    --vertical-unit-padding: var(--elastic-vertical-unit-padding);
  }
}
[cs-unit] > [cs-outer-wrapper] {
  display: block;
  margin-left: auto;
  margin-right: auto;
  --horizontal-unit-padding: 0;
  padding-left: var(--horizontal-unit-padding);
  padding-right: var(--horizontal-unit-padding);
  --horizontal-unit-padding: var(--zero-horizontal-unit-padding);
}
@media (min-width: 33.75em) {
  [cs-unit] > [cs-outer-wrapper] {
    --horizontal-unit-padding: var(--tablet-portrait-horizontal-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  [cs-unit] > [cs-outer-wrapper] {
    --horizontal-unit-padding: var(--tablet-landscape-horizontal-unit-padding);
  }
}
@media (min-width: 90em) {
  [cs-unit] > [cs-outer-wrapper] {
    --horizontal-unit-padding: var(--elastic-horizontal-unit-padding);
  }
}
[cs-unit] > [cs-outer-wrapper] > [cs-inner-wrapper] {
  display: block;
  --vertical-unit-padding: 0;
  padding-top: calc(var(--vertical-unit-padding) * var(--top-unit-multiplier));
  --vertical-unit-padding: var(--zero-vertical-unit-padding);
}
@media (min-width: 33.75em) {
  [cs-unit] > [cs-outer-wrapper] > [cs-inner-wrapper] {
    --vertical-unit-padding: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  [cs-unit] > [cs-outer-wrapper] > [cs-inner-wrapper] {
    --vertical-unit-padding: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  [cs-unit] > [cs-outer-wrapper] > [cs-inner-wrapper] {
    --vertical-unit-padding: var(--elastic-vertical-unit-padding);
  }
}
[cs-unit] > [cs-outer-wrapper] > [cs-inner-wrapper] > *:not([css-grid]):not(cs-padded-wrapper):first-child {
  margin-top: 0;
}
[cs-unit] > [cs-outer-wrapper] > [cs-inner-wrapper] [cs-padded-wrapper] {
  display: block;
  --vertical-unit-padding: 0;
  padding-top: calc(var(--vertical-unit-padding) * var(--top-unit-multiplier));
  --vertical-unit-padding: var(--zero-vertical-unit-padding);
  --vertical-unit-padding: 0;
  padding-bottom: calc(var(--vertical-unit-padding) * var(--bottom-unit-multiplier));
  --vertical-unit-padding: var(--zero-vertical-unit-padding);
}
@media (min-width: 33.75em) {
  [cs-unit] > [cs-outer-wrapper] > [cs-inner-wrapper] [cs-padded-wrapper] {
    --vertical-unit-padding: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  [cs-unit] > [cs-outer-wrapper] > [cs-inner-wrapper] [cs-padded-wrapper] {
    --vertical-unit-padding: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  [cs-unit] > [cs-outer-wrapper] > [cs-inner-wrapper] [cs-padded-wrapper] {
    --vertical-unit-padding: var(--elastic-vertical-unit-padding);
  }
}
@media (min-width: 33.75em) {
  [cs-unit] > [cs-outer-wrapper] > [cs-inner-wrapper] [cs-padded-wrapper] {
    --vertical-unit-padding: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  [cs-unit] > [cs-outer-wrapper] > [cs-inner-wrapper] [cs-padded-wrapper] {
    --vertical-unit-padding: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  [cs-unit] > [cs-outer-wrapper] > [cs-inner-wrapper] [cs-padded-wrapper] {
    --vertical-unit-padding: var(--elastic-vertical-unit-padding);
  }
}

[cs-subunit] {
  display: block;
  --vertical-subunit-padding: 0;
  margin-bottom: var(--vertical-subunit-padding);
  --vertical-subunit-padding: var(--zero-vertical-subunit-padding);
}
@media (min-width: 33.75em) {
  [cs-subunit] {
    --vertical-subunit-padding: var(--tablet-portrait-vertical-subunit-padding);
  }
}
@media (min-width: 52.1875em) {
  [cs-subunit] {
    --vertical-subunit-padding: var(--tablet-landscape-vertical-subunit-padding);
  }
}
@media (min-width: 90em) {
  [cs-subunit] {
    --vertical-subunit-padding: var(--elastic-vertical-subunit-padding);
  }
}
[cs-subunit]:last-child {
  margin-bottom: 0;
}

.print-table {
  width: 100%;
  border: none;
}
.print-table tr td {
  text-align: left;
  vertical-align: top;
  padding: 0.5rem;
  page-break-inside: avoid;
}
.print-table tr td.print-center {
  text-align: center;
}
.print-table tr td.print-right {
  text-align: right;
}

[cs-table] {
  display: grid;
}

span#sfumato-version[role=status]::after {
  content: "3.0";
}

[page-footer] {
  --vertical-unit-padding: 0;
  padding-top: calc(var(--vertical-unit-padding) * var(--top-unit-multiplier));
  --vertical-unit-padding: var(--zero-vertical-unit-padding);
}
@media (min-width: 33.75em) {
  [page-footer] {
    --vertical-unit-padding: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  [page-footer] {
    --vertical-unit-padding: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  [page-footer] {
    --vertical-unit-padding: var(--elastic-vertical-unit-padding);
  }
}
[page-footer]:last-of-type {
  background-color: var(--cs-color-light);
  color: var(--cs-color-medium);
}
[page-footer]:last-of-type .logo {
  margin: 0 auto;
  text-align: center;
  max-width: 74rem;
}
[page-footer]:last-of-type .logo svg {
  width: 3rem;
}
[page-footer]:last-of-type .logo svg, [page-footer]:last-of-type .logo svg .mark {
  fill: var(--cs-color-medium);
}
[page-footer]:last-of-type .logo p {
  margin-bottom: 0.75rem;
}
[page-footer]:last-of-type .logo p:last-of-type {
  margin-bottom: 0;
}
[page-footer] .overlay {
  z-index: 12000;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.5s ease;
}
[page-footer] .overlay.show {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
[page-footer] .api-modal {
  color: var(--cs-color-black);
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--cs-color-white);
  padding: 2.5rem 1.5rem;
  z-index: 12001;
  width: 100vw;
  max-height: 66.6666666667vh;
  overflow-y: auto;
}
@media (min-width: 33.75em) {
  [page-footer] .api-modal {
    border-radius: 0.25rem;
    width: 90vw;
  }
}
@media (min-width: 52.1875em) {
  [page-footer] .api-modal {
    width: 75vw;
  }
}
[page-footer] .api-modal.show {
  display: block;
}

[content-panel] [page-footer] {
  --vertical-unit-padding: 0;
  padding-bottom: calc(var(--vertical-unit-padding) * var(--bottom-unit-multiplier));
  --vertical-unit-padding: var(--zero-vertical-unit-padding);
}
@media (min-width: 33.75em) {
  [content-panel] [page-footer] {
    --vertical-unit-padding: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  [content-panel] [page-footer] {
    --vertical-unit-padding: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  [content-panel] [page-footer] {
    --vertical-unit-padding: var(--elastic-vertical-unit-padding);
  }
}

header[primary] {
  position: relative;
}
header[primary] > div[content-layout] {
  visibility: hidden;
}
header[primary], header[primary] [floating-header] {
  --zero-vertical-unit-padding: 1rem;
  --tablet-portrait-vertical-unit-padding: 1.5rem;
  --tablet-landscape-vertical-unit-padding: 1.5rem;
  --desktop-vertical-unit-padding: 1.5rem;
  --elastic-vertical-unit-padding: 1.5rem;
  width: 100%;
}
header[primary] [floating-header] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 9001;
  box-shadow: 0 var(--cs-line-width) 0.25rem rgba(0, 0, 0, 0.1);
  will-change: transform;
  transition: transform linear 0.15s, width linear 0.15s, margin-left linear 0.15s;
  transform: translateY(calc(var(--header-height) * -1));
}
@media (min-width: 33.75em) {
  header[primary] [floating-header] {
    width: 100vw;
  }
}
@media (min-width: 52.1875em) {
  header[primary] [floating-header] {
    z-index: 9999;
    padding-right: var(--scrollbar-width);
  }
}
header[primary] [floating-header].show {
  transform: translateY(0);
}
header[primary] [floating-header] [css-grid-cell] {
  font-size: 0;
  overflow: visible;
}
header[primary] #logo-bar {
  --zero-vertical-unit-padding: 1.25rem;
  --tablet-portrait-vertical-unit-padding: 1.75rem;
  --tablet-landscape-vertical-unit-padding: 1.75rem;
  --desktop-vertical-unit-padding: 1.75rem;
  --elastic-vertical-unit-padding: 1.75rem;
  --zero-horizontal-unit-padding: 1.25rem;
  --tablet-portrait-horizontal-unit-padding: 1.75rem;
  --tablet-landscape-horizontal-unit-padding: 1.75rem;
  --desktop-horizontal-unit-padding: 1.75rem;
  --elastic-horizontal-unit-padding: 1.75rem;
  --horizontal-unit-padding: 0;
  padding-left: var(--horizontal-unit-padding);
  padding-right: var(--horizontal-unit-padding);
  --horizontal-unit-padding: var(--zero-horizontal-unit-padding);
  --vertical-unit-padding: 0;
  padding-top: calc(var(--vertical-unit-padding) * var(--top-unit-multiplier));
  padding-bottom: calc(var(--vertical-unit-padding) * var(--bottom-unit-multiplier));
  --vertical-unit-padding: var(--zero-vertical-unit-padding);
  background-color: rgba(255, 255, 255, 0.95);
  color: var(--cs-color-white-contrast);
  width: 100%;
}
@media (min-width: 33.75em) {
  header[primary] #logo-bar {
    --horizontal-unit-padding: var(--tablet-portrait-horizontal-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  header[primary] #logo-bar {
    --horizontal-unit-padding: var(--tablet-landscape-horizontal-unit-padding);
  }
}
@media (min-width: 90em) {
  header[primary] #logo-bar {
    --horizontal-unit-padding: var(--elastic-horizontal-unit-padding);
  }
}
@media (min-width: 33.75em) {
  header[primary] #logo-bar {
    --vertical-unit-padding: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  header[primary] #logo-bar {
    --vertical-unit-padding: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  header[primary] #logo-bar {
    --vertical-unit-padding: var(--elastic-vertical-unit-padding);
  }
}
header[primary] #logo-bar .logo-widget {
  white-space: nowrap;
  position: relative;
  font-size: 0;
}
header[primary] #logo-bar .logo-widget .menu-button {
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin-right: 1rem;
  color: var(--cs-color-primary);
  font-size: 2rem;
  line-height: 1;
  vertical-align: bottom;
  bottom: -0.08rem;
}
@media (min-width: 52.1875em) {
  header[primary] #logo-bar .logo-widget .menu-button {
    display: none;
  }
}
header[primary] #logo-bar .logo-widget img.logo {
  position: relative;
  display: inline-block;
  height: 2.6rem;
  width: auto;
  max-width: 15rem;
  top: 0.05rem;
}
header[primary] #logo-bar .charm {
  cursor: pointer;
  display: none;
  text-align: center;
  color: var(--cs-color-light-contrast);
}
@media (min-width: 33.75em) {
  header[primary] #logo-bar .charm {
    display: block;
  }
}
header[primary] #logo-bar .charm .icon {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--cs-color-light);
  color: var(--cs-color-light-contrast);
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  vertical-align: middle;
  text-align: center;
  font-size: 1rem;
}
header[primary] #logo-bar .charm .icon span {
  position: absolute;
  top: 0;
  right: -1rem;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--cs-color-hot);
  color: var(--cs-color-hot-contrast);
  width: 1.3rem;
  height: 1.3rem;
  line-height: 1.3rem;
  font-size: 0.6rem;
  font-weight: 600;
  vertical-align: middle;
  text-align: center;
}
header[primary] #logo-bar .charm .text {
  display: block;
  padding-top: 0.35rem;
  font-size: 0.75rem;
  line-height: 1.2;
}
header[primary] #logo-bar .expand-widget {
  transition: none;
  display: inline-block;
  color: var(--cs-color-bo-primary);
  font-size: 1.9rem;
  text-align: right;
  line-height: 0.75;
  cursor: pointer;
}
header[primary] #logo-bar .expand-widget.hide {
  display: none;
}
header[primary] #logo-bar span.stacked {
  display: inline-block;
  padding: 0.35rem 0.5rem;
  text-align: center;
  min-width: 3rem;
  background-color: var(--cs-color-bo-primary);
  color: var(--cs-color-primary-contrast);
  border-radius: 0.15rem;
  overflow: hidden;
  font-size: 0;
  cursor: pointer;
}
header[primary] #logo-bar span.stacked:hover {
  background-color: var(--cs-color-bo-primary-tint);
  color: var(--cs-color-bo-primary-contrast);
}
header[primary] #logo-bar span.stacked .icon {
  font-size: 1rem;
  line-height: 1.1rem;
}
header[primary] #logo-bar span.stacked .icon i {
  margin-right: 0;
}
header[primary] #logo-bar span.stacked .exit {
  font-size: 0.9rem;
  vertical-align: middle;
  line-height: 1.1rem;
  font-weight: 500;
}
header[primary] [course-progress-bar] {
  display: block;
  overflow: hidden;
  padding: 0.75rem 1rem;
  padding-top: 0;
  background-color: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  --horizontal-unit-padding: 0;
  padding-left: var(--horizontal-unit-padding);
  padding-right: var(--horizontal-unit-padding);
  --horizontal-unit-padding: var(--zero-horizontal-unit-padding);
}
@media (min-width: 33.75em) {
  header[primary] [course-progress-bar] {
    --horizontal-unit-padding: var(--tablet-portrait-horizontal-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  header[primary] [course-progress-bar] {
    --horizontal-unit-padding: var(--tablet-landscape-horizontal-unit-padding);
  }
}
@media (min-width: 90em) {
  header[primary] [course-progress-bar] {
    --horizontal-unit-padding: var(--elastic-horizontal-unit-padding);
  }
}
@media (max-width: 33.74em) {
  header[primary] [course-progress-bar] > [css-grid] > [css-grid-cell]:first-of-type {
    display: none;
  }
}
header[primary] [course-progress-bar] [css-grid-cell] {
  font-size: 0;
  overflow: visible;
}
@media (min-width: 33.75em) {
  header[primary] [course-progress-bar] {
    display: block;
    top: var(--header-height);
  }
}
header[primary] [course-progress-bar] span {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin-right: 0;
  cursor: pointer;
}
header[primary] [course-progress-bar] span.separator {
  font-size: 0.65rem;
  opacity: 0.5;
  margin-top: 0.175rem;
}
header[primary] [course-progress-bar] span.separator, header[primary] [course-progress-bar] span.home, header[primary] [course-progress-bar] span.textual {
  line-height: 1.6;
}
header[primary] [course-progress-bar] span.separator i, header[primary] [course-progress-bar] span.home i, header[primary] [course-progress-bar] span.textual i {
  line-height: 1.6;
  margin-right: 0;
}
header[primary] [course-progress-bar] span.home i {
  font-size: 1rem;
}
header[primary] [course-progress-bar] span.textual {
  width: 100%;
  min-width: 0;
  max-width: 14rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
}
header[primary] [course-progress-bar] span:last-of-type {
  margin-right: 0;
}
header[primary] [course-progress-bar] span:hover {
  text-decoration: underline;
}
header[primary] [course-progress-bar] span i {
  display: inline-block;
  margin-right: 0.5rem;
}
header[primary] [course-progress-bar] span.search-button {
  overflow: hidden;
  border-radius: 0.25rem;
  background-color: var(--cs-color-bo-primary);
  color: var(--cs-color-bo-primary-contrast);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
  line-height: 1.5rem;
  text-align: center;
}
header[primary] [course-progress-bar] span.search-button i {
  margin-right: 0;
  color: white;
}
header[primary] [course-progress-bar] span.search-button:hover {
  background-color: var(--cs-color-bo-primary-tint);
  text-decoration: none;
}
header[primary] [course-progress-bar] span.charms {
  white-space: nowrap;
}
header[primary] [course-progress-bar] span.charms > span {
  display: inline-block;
  vertical-align: text-top;
  font-size: 0.65rem;
}
header[primary] [course-progress-bar] span.charms.shopping-cart:hover {
  color: var(--cs-color-bo-primary);
}
header[primary] [course-progress-bar] span.charms.alerts {
  line-height: 1;
  color: var(--cs-color-hot);
}
header[primary] [course-progress-bar] span.charms.alerts .badge {
  font-weight: bold;
  vertical-align: top;
  background-color: var(--cs-color-hot-tint);
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  overflow: hidden;
}
header[primary] [course-progress-bar] span.previous-button, header[primary] [course-progress-bar] span.next-button, header[primary] [course-progress-bar] span.exit-button {
  display: block;
  width: 100%;
  color: var(--cs-color-bo-secondary-contrast);
  text-decoration: none;
}
header[primary] [course-progress-bar] span.previous-button button, header[primary] [course-progress-bar] span.next-button button, header[primary] [course-progress-bar] span.exit-button button {
  line-height: 2;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
header[primary] [course-progress-bar] span.previous-button button, header[primary] [course-progress-bar] span.previous-button button:hover, header[primary] [course-progress-bar] span.next-button button, header[primary] [course-progress-bar] span.next-button button:hover, header[primary] [course-progress-bar] span.exit-button button, header[primary] [course-progress-bar] span.exit-button button:hover {
  display: block;
  width: 100%;
  font-size: 0.75rem;
}
header[primary] [course-progress-bar] span.exit-button button {
  background-color: var(--cs-color-danger);
  border-color: var(--cs-color-danger);
  color: var(--cs-color-danger-contrast);
}
header[primary] [course-progress-bar] span.exit-button button:hover {
  background-color: var(--cs-color-danger-tint);
  border-color: var(--cs-color-danger-tint);
}
header[primary] [course-progress-bar] span.previous-button i, header[primary] [course-progress-bar] span.exit-button i {
  margin-left: 0;
  margin-right: 0.5rem;
}
header[primary] [course-progress-bar] span.next-button i {
  margin-right: 0;
  margin-left: 0.5rem;
}

@media (min-width: 52.1875em) {
  div[tree-content-layout].pinned-tree header[primary] #logo-bar .scroll-container .expand-widget, div[tree-content-layout].pinned-tree [floating-header] #logo-bar .scroll-container .expand-widget {
    display: none;
  }
}

div[tree-content-layout] header[primary] [cs-app-menu-button] {
  display: none;
}
@media (max-width: 52.1775em) {
  div[tree-content-layout] header[primary] [cs-app-menu-button] {
    display: none;
  }
}

@media (max-width: 33.74em) {
  html[preview] app [floating-header], html[preview] .page [floating-header], html[preview] app div[tree-content-layout] [content-panel] [floating-header] {
    width: calc(100vw - 0.5rem);
  }
}

[nav-categories] {
  margin-top: 0.5rem;
}
[nav-categories] .category-header {
  padding-bottom: 0.5rem !important;
}
[nav-categories] .categories {
  padding-left: 1.7rem;
}
[nav-categories] .categories .indexed-categories {
  margin-top: 0.5rem;
}
[nav-categories] .categories .indexed-categories .index-list {
  border-right: solid 1px rgba(255, 255, 255, 0.25);
  padding-bottom: 0.5rem;
}

#mobile-menu {
  --zero-vertical-unit-padding: 1.25rem;
  --tablet-portrait-vertical-unit-padding: 1.75rem;
  --tablet-landscape-vertical-unit-padding: 1.75rem;
  --desktop-vertical-unit-padding: 1.75rem;
  --elastic-vertical-unit-padding: 1.75rem;
  --zero-horizontal-unit-padding: 1.25rem;
  --tablet-portrait-horizontal-unit-padding: 1.75rem;
  --tablet-landscape-horizontal-unit-padding: 1.75rem;
  --desktop-horizontal-unit-padding: 1.75rem;
  --elastic-horizontal-unit-padding: 1.75rem;
  will-change: transition;
  transition: left linear 0.15s;
  position: fixed;
  top: 0;
  left: -85vw;
  z-index: 10001;
  background-color: var(--cs-color-bo-primary);
  color: var(--cs-color-bo-primary-contrast);
  width: 85vw;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 10rem;
}
@media (min-width: 52.1875em) {
  #mobile-menu {
    padding-bottom: 2rem;
  }
}
@media (min-width: 33.75em) {
  #mobile-menu::-webkit-scrollbar {
    width: var(--scrollbar-width);
  }
  #mobile-menu::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.15);
  }
  #mobile-menu::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
@media (min-width: 33.75em) {
  #mobile-menu {
    left: -24rem;
    width: 24rem;
  }
}
#mobile-menu.static {
  z-index: 9001;
}
@media (min-width: 52.1875em) {
  #mobile-menu.static {
    left: 0;
  }
}
#mobile-menu .title {
  --horizontal-unit-padding: 0;
  padding-left: var(--horizontal-unit-padding);
  padding-right: var(--horizontal-unit-padding);
  --horizontal-unit-padding: var(--zero-horizontal-unit-padding);
  --vertical-unit-padding: 0;
  padding-top: calc(var(--vertical-unit-padding) * var(--top-unit-multiplier));
  padding-bottom: calc(var(--vertical-unit-padding) * var(--bottom-unit-multiplier));
  --vertical-unit-padding: var(--zero-vertical-unit-padding);
}
@media (min-width: 33.75em) {
  #mobile-menu .title {
    --horizontal-unit-padding: var(--tablet-portrait-horizontal-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  #mobile-menu .title {
    --horizontal-unit-padding: var(--tablet-landscape-horizontal-unit-padding);
  }
}
@media (min-width: 90em) {
  #mobile-menu .title {
    --horizontal-unit-padding: var(--elastic-horizontal-unit-padding);
  }
}
@media (min-width: 33.75em) {
  #mobile-menu .title {
    --vertical-unit-padding: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  #mobile-menu .title {
    --vertical-unit-padding: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  #mobile-menu .title {
    --vertical-unit-padding: var(--elastic-vertical-unit-padding);
  }
}
#mobile-menu .title img {
  position: relative;
  display: inline-block;
  height: 2.6rem;
  width: auto;
  max-width: 15rem;
  top: 0.05rem;
}
#mobile-menu .nav-items .nav-item {
  --horizontal-unit-padding: 0;
  padding-left: var(--horizontal-unit-padding);
  padding-right: var(--horizontal-unit-padding);
  --horizontal-unit-padding: var(--zero-horizontal-unit-padding);
  --vertical-unit-padding: 0;
  padding-top: calc(var(--vertical-unit-padding) * var(--top-unit-multiplier));
  --vertical-unit-padding: var(--zero-vertical-unit-padding);
}
@media (min-width: 33.75em) {
  #mobile-menu .nav-items .nav-item {
    --horizontal-unit-padding: var(--tablet-portrait-horizontal-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  #mobile-menu .nav-items .nav-item {
    --horizontal-unit-padding: var(--tablet-landscape-horizontal-unit-padding);
  }
}
@media (min-width: 90em) {
  #mobile-menu .nav-items .nav-item {
    --horizontal-unit-padding: var(--elastic-horizontal-unit-padding);
  }
}
@media (min-width: 33.75em) {
  #mobile-menu .nav-items .nav-item {
    --vertical-unit-padding: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  #mobile-menu .nav-items .nav-item {
    --vertical-unit-padding: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  #mobile-menu .nav-items .nav-item {
    --vertical-unit-padding: var(--elastic-vertical-unit-padding);
  }
}
#mobile-menu .nav-items .nav-item > .nav-item {
  display: none;
}
#mobile-menu .nav-items .nav-item.expanded > .nav-item {
  display: block;
}
#mobile-menu .nav-items .nav-item.current {
  background-color: var(--cs-color-bo-primary-shade);
  --vertical-unit-padding: 0;
  padding-bottom: calc(var(--vertical-unit-padding) * var(--bottom-unit-multiplier));
  --vertical-unit-padding: var(--zero-vertical-unit-padding);
  --vertical-unit-margin: 0;
  margin-top: calc(var(--vertical-unit-margin) * var(--top-unit-multiplier));
  --vertical-unit-margin: var(--zero-vertical-unit-padding);
}
@media (min-width: 33.75em) {
  #mobile-menu .nav-items .nav-item.current {
    --vertical-unit-padding: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  #mobile-menu .nav-items .nav-item.current {
    --vertical-unit-padding: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  #mobile-menu .nav-items .nav-item.current {
    --vertical-unit-padding: var(--elastic-vertical-unit-padding);
  }
}
@media (min-width: 33.75em) {
  #mobile-menu .nav-items .nav-item.current {
    --vertical-unit-margin: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  #mobile-menu .nav-items .nav-item.current {
    --vertical-unit-margin: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  #mobile-menu .nav-items .nav-item.current {
    --vertical-unit-margin: var(--elastic-vertical-unit-padding);
  }
}
#mobile-menu .nav-items .nav-item.current > nav {
  margin-top: 0.75rem;
}
#mobile-menu .nav-items .nav-item.current > .nav-item {
  display: block;
}
#mobile-menu .nav-items .nav-item.expanded > nav {
  margin-top: 0.75rem;
}
#mobile-menu .nav-items .nav-item.expanded > .nav-item {
  display: block;
}
#mobile-menu .nav-items .nav-item.top-divider:not(.current) {
  --vertical-unit-margin: 0;
  margin-top: calc(var(--vertical-unit-margin) * var(--top-unit-multiplier));
  --vertical-unit-margin: var(--zero-vertical-unit-padding);
  border-top: solid var(--cs-line-width) rgba(255, 255, 255, 0.15);
}
@media (min-width: 33.75em) {
  #mobile-menu .nav-items .nav-item.top-divider:not(.current) {
    --vertical-unit-margin: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  #mobile-menu .nav-items .nav-item.top-divider:not(.current) {
    --vertical-unit-margin: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  #mobile-menu .nav-items .nav-item.top-divider:not(.current) {
    --vertical-unit-margin: var(--elastic-vertical-unit-padding);
  }
}
#mobile-menu .nav-items .nav-item > .nav-item.current {
  background-color: var(--cs-color-bo-primary-shade);
  --vertical-unit-padding: 0;
  padding-top: var(--vertical-unit-padding);
  padding-bottom: var(--vertical-unit-padding);
  --vertical-unit-padding: 0;
}
@media (min-width: 33.75em) {
  #mobile-menu .nav-items .nav-item > .nav-item.current {
    --vertical-unit-padding: 0;
  }
}
@media (min-width: 52.1875em) {
  #mobile-menu .nav-items .nav-item > .nav-item.current {
    --vertical-unit-padding: 0;
  }
}
@media (min-width: 90em) {
  #mobile-menu .nav-items .nav-item > .nav-item.current {
    --vertical-unit-padding: 0;
  }
}
#mobile-menu .nav-items .nav-item a {
  display: block;
  padding: 0.5rem 0rem;
  color: var(--cs-color-bo-primary-contrast);
  line-height: 1.3;
  opacity: 0.75;
  font-size: 0.9rem;
}
@media (min-width: 33.75em) {
  #mobile-menu .nav-items .nav-item a {
    font-size: 1rem;
  }
}
#mobile-menu .nav-items .nav-item a:last-of-type {
  padding-bottom: 0;
}
#mobile-menu .nav-items .nav-item a i {
  margin-right: 0.5rem;
}
#mobile-menu .nav-items .nav-item a.selected {
  font-weight: 600;
  opacity: 1;
}
#mobile-menu .nav-items .nav-item a .badge {
  position: relative;
  display: inline-block;
  margin-left: 0.5rem;
  overflow: hidden;
  border-radius: 0.15rem;
  background-color: var(--cs-color-bo-primary-contrast);
  color: var(--cs-color-bo-primary);
  line-height: 1.2rem;
  padding: 0 0.5rem;
  font-size: 0.8rem;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  top: -0.1rem;
}
#mobile-menu .nav-items .nav-item > a {
  padding-top: 0;
  padding-bottom: 0;
}
#mobile-menu .nav-items .nav-item > a + a {
  padding-top: 1rem;
}
#mobile-menu .nav-items .nav-item > nav {
  padding-left: 1.5rem;
  overflow: hidden;
  height: 0;
}
#mobile-menu .nav-items .nav-item > nav a {
  padding: 0.5rem 0rem;
  font-size: 0.9rem;
}
@media (min-width: 33.75em) {
  #mobile-menu .nav-items .nav-item > nav a {
    font-size: 1rem;
  }
}
#mobile-menu .nav-items .nav-item > nav a i {
  margin-right: 0.25rem;
}
#mobile-menu .nav-items .nav-item.current > nav, #mobile-menu .nav-items .nav-item.expanded > nav {
  height: auto;
}
#mobile-menu .nav-items > .nav-item:first-of-type.current {
  margin-top: 0;
}
#mobile-menu .nav-item.current + .nav-item.top-divider {
  --vertical-unit-margin: 0;
  margin-top: 0;
  --vertical-unit-margin: 0;
}
@media (min-width: 33.75em) {
  #mobile-menu .nav-item.current + .nav-item.top-divider {
    --vertical-unit-margin: 0;
  }
}
@media (min-width: 52.1875em) {
  #mobile-menu .nav-item.current + .nav-item.top-divider {
    --vertical-unit-margin: 0;
  }
}
@media (min-width: 90em) {
  #mobile-menu .nav-item.current + .nav-item.top-divider {
    --vertical-unit-margin: 0;
  }
}

.show-menu + [cs-overlay] + #mobile-menu {
  left: 0;
}

[cs-achievement-badge] {
  cursor: default !important;
  height: 4.5rem !important;
}
[cs-achievement-badge].clickable {
  cursor: pointer !important;
}
[cs-achievement-badge] .cs-content-card-inner {
  height: 4.5rem !important;
}
[cs-achievement-badge] .cs-content-card-inner .cs-preview-cell {
  height: 3.8rem !important;
  line-height: 2.5rem;
  font-size: 2.5rem;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
[cs-achievement-badge] .cs-content-card-inner .cs-preview-cell img {
  width: auto;
  height: auto;
  max-height: 3rem;
  max-width: 3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
[cs-achievement-badge] .cs-content-card-inner .cs-preview-cell i {
  margin-top: 0.5rem;
}
[cs-achievement-badge] .cs-content-card-inner .cs-content {
  margin: 0 !important;
}
[cs-achievement-badge] .cs-content-card-inner .cs-content .cs-subtitle {
  font-size: 0.8rem;
  font-style: italic;
}

[cs-achievement-certificate] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 99999;
}
[cs-achievement-certificate] .mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: 0.5;
}
[cs-achievement-certificate] .achievement-modal {
  position: absolute;
  width: 100vw;
  background: white;
  padding: 1.5rem;
  top: 0;
  left: 0;
  height: 100vh;
  overflow-y: auto;
}
@media (min-width: 33.75em) {
  [cs-achievement-certificate] .achievement-modal {
    width: 80vw;
    max-width: 60rem;
    padding: 3rem;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: auto !important;
    max-height: 90vh;
  }
}
[cs-achievement-certificate] .achievement-modal [cs-course-complete-block] {
  text-align: center;
}
[cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .summary {
  font-size: 1.25rem;
}
[cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .summary h1 {
  text-align: center;
  font-size: 3rem;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
[cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .summary h2 {
  text-align: center;
  margin-top: 1rem;
  font-size: 1.75rem;
  text-transform: uppercase;
}
[cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .summary h3 {
  text-align: center;
  margin-top: 1rem;
  font-size: 1.75rem;
}
[cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .badge-area {
  margin-top: 2rem;
}
@media (min-width: 33.75em) {
  [cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .badge-area {
    margin-top: 3rem;
  }
}
[cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .badge-area .status {
  text-align: center;
  font-size: 8rem;
  line-height: 1;
}
[cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .badge-area .status i {
  color: var(--cs-color-success);
}
[cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .badge-area .footer-left, [cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .badge-area .footer-right {
  text-align: center;
}
[cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .badge-area .footer-left p, [cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .badge-area .footer-right p {
  margin-bottom: 1rem;
}
[cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .badge-area .footer-left p.signature, [cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .badge-area .footer-right p.signature {
  font-family: var(--font-cursive);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1;
}
[cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .badge-area .footer-left a, [cs-achievement-certificate] .achievement-modal [cs-course-complete-block] .badge-area .footer-right a {
  font-size: 1.25rem;
}
[cs-achievement-certificate] .achievement-modal [cs-course-complete-block] a[role=button] {
  background-color: var(--cs-color-primary);
  border-color: var(--cs-color-primary);
  color: var(--cs-color-primary-contrast);
}

[cs-agreement] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 99999;
}
[cs-agreement] .mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: 0.5;
}
[cs-agreement] .agreement-modal {
  position: absolute;
  width: 100vw;
  background: white;
  padding: 1.5rem;
  top: 0;
  left: 0;
  height: 100vh;
  overflow-y: auto;
}
@media (min-width: 33.75em) {
  [cs-agreement] .agreement-modal {
    width: 80vw;
    max-width: 60rem;
    padding: 3rem;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: 80vh;
  }
}
[cs-agreement] .agreement-modal.terms-overrides {
  top: 50%;
  height: auto;
  transform: translateY(-50%);
}
@media (min-width: 33.75em) {
  [cs-agreement] .agreement-modal.terms-overrides {
    transform: translate(-50%, -50%);
  }
}

[cs-avatar] {
  --avatar-size: 2.25rem;
  --tabp-avatar-size: 3.25rem;
  --tabl-avatar-size: 3.25rem;
  display: inline-block;
  position: relative;
  width: var(--avatar-size);
  height: var(--avatar-size);
  font-size: 0;
}
@media (min-width: 33.75em) {
  [cs-avatar] {
    width: var(--tabp-avatar-size);
    height: var(--tabp-avatar-size);
  }
}
[cs-avatar] .admin-badge {
  position: absolute;
  top: 0;
  right: -1rem;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--cs-color-user);
  color: var(--cs-color-user-contrast);
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.45rem;
  font-weight: 600;
  vertical-align: middle;
  text-align: center;
}
@media (min-width: 33.75em) {
  [cs-avatar] .admin-badge {
    right: -1rem;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: 0.6rem;
  }
}
[cs-avatar] .avatar {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: var(--avatar-size);
  height: var(--avatar-size);
  line-height: var(--avatar-size);
  vertical-align: middle;
  text-align: center;
  background-color: var(--cs-color-secondary);
  color: var(--cs-color-secondary-contrast);
  font-size: calc(var(--avatar-size) / 2.75);
  font-weight: 400;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.05);
}
@media (min-width: 33.75em) {
  [cs-avatar] .avatar {
    width: var(--tabp-avatar-size);
    height: var(--tabp-avatar-size);
    line-height: var(--tabp-avatar-size);
    font-size: calc(var(--tabp-avatar-size) / 2.75);
  }
}
@media (min-width: 52.1875em) {
  [cs-avatar] .avatar {
    width: var(--tabl-avatar-size);
    height: var(--tabl-avatar-size);
    line-height: var(--tabl-avatar-size);
    font-size: calc(var(--tabl-avatar-size) / 2.75);
  }
}
[cs-avatar] .avatar.photo {
  background-color: transparent;
}

[cs-complete-signup] .result {
  border-radius: 0.25rem;
  background-color: var(--cs-color-light);
  color: var(--cs-color-light-contrast);
  padding: 0.75rem 1.5rem;
  margin-top: 1.5rem;
  overflow: hidden;
  text-align: center;
  font-weight: bold;
}
[cs-complete-signup] .result.success {
  background-color: var(--cs-color-success);
  color: var(--cs-color-success-contrast);
}
[cs-complete-signup] .result.failure {
  background-color: var(--cs-color-danger);
  color: var(--cs-color-danger-contrast);
}
[cs-complete-signup] .result.fadeout {
  transition: opacity linear 1s;
  opacity: 0;
}

[cs-profile] .result {
  border-radius: 0.25rem;
  background-color: var(--cs-color-light);
  color: var(--cs-color-light-contrast);
  padding: 0.75rem 1.5rem;
  margin-top: 1.5rem;
  overflow: hidden;
  text-align: center;
  font-weight: bold;
}
[cs-profile] .result.success {
  background-color: var(--cs-color-success);
  color: var(--cs-color-success-contrast);
}
[cs-profile] .result.failure {
  background-color: var(--cs-color-danger);
  color: var(--cs-color-danger-contrast);
}
[cs-profile] .result.fadeout {
  transition: opacity linear 1s;
  opacity: 0;
}
[cs-profile] .button-row {
  padding-top: 1rem;
}
[cs-profile] .cs-system-panel {
  height: 100%;
}

[cs-profile-change-email] h2 {
  margin-bottom: 0.5rem;
}

[cs-submit-password-reset] .result {
  border-radius: 0.25rem;
  background-color: var(--cs-color-light);
  color: var(--cs-color-light-contrast);
  padding: 0.75rem 1.5rem;
  margin-top: 1.5rem;
  overflow: hidden;
  text-align: center;
  font-weight: bold;
}
[cs-submit-password-reset] .result.success {
  background-color: var(--cs-color-success);
  color: var(--cs-color-success-contrast);
}
[cs-submit-password-reset] .result.failure {
  background-color: var(--cs-color-danger);
  color: var(--cs-color-danger-contrast);
}
[cs-submit-password-reset] .result.fadeout {
  transition: opacity linear 1s;
  opacity: 0;
}

[cs-assignment] h1 i {
  margin-right: 0.75rem;
}
[cs-assignment] [cs-content-edit] .error {
  color: var(--cs-color-danger);
}
[cs-assignment] [cs-content-edit] .cs-course-assignment-list > [css-grid-cell] {
  border-top: solid 1px rgba(0, 0, 0, 0.085);
  padding-top: 2rem;
}
[cs-assignment] [cs-content-edit] .cs-course-assignment-list > [css-grid-cell].new-section {
  border-top: none;
  padding-top: 1.5rem;
}
[cs-assignment] [cs-content-edit] .cs-course-assignment-list > [css-grid-cell].no-line {
  border-top: none;
  padding-top: 0;
}
[cs-assignment] [cs-content-edit] .cs-course-assignment-list > [css-grid-cell].add-space {
  padding-top: 1.5rem;
}
[cs-assignment] [cs-content-edit] .cs-course-assignment-list > [css-grid-cell] .editor-separator h2 {
  margin-bottom: 0.5rem;
}

[cs-quick-item] .error {
  color: var(--cs-color-danger);
  font-weight: 600;
}

[cs-dashboard-settings] .dashboard-list > [css-grid-cell] {
  border-top: solid 1px rgba(0, 0, 0, 0.085);
  padding-top: 2rem;
}
[cs-dashboard-settings] .dashboard-list > [css-grid-cell].no-line {
  border-top: none;
  padding-top: 0;
}
[cs-dashboard-settings] .dashboard-list > [css-grid-cell].add-space {
  padding-top: 1.5rem;
}
[cs-dashboard-settings] .success {
  color: green;
}

[cs-setup] .intro {
  text-align: center;
}
[cs-setup] .intro .logo img {
  width: 21rem;
}
@media (min-width: 33.75em) {
  [cs-setup] .intro .logo img {
    width: 31rem;
  }
}
[cs-setup] .intro h1 {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
[cs-setup] .intro p {
  margin-bottom: 1rem;
}
[cs-setup], [cs-setup] a {
  background-color: var(--cs-color-bo-primary);
  color: var(--cs-color-bo-primary-contrast);
}
[cs-setup] button#setup-button {
  width: 100%;
  margin-top: calc(var(--fieldset-row-spacing) * 0.5);
  border-color: var(--cs-color-bo-secondary);
  background-color: var(--cs-color-bo-secondary);
  color: var(--cs-color-bo-secondary-contrast);
}
[cs-setup] button#setup-button:hover {
  border-color: var(--cs-color-bo-secondary-contrast);
}
[cs-setup] .setup-panel-wrapper {
  width: 100vw;
  min-height: 100vh;
  padding: 1.5rem 0;
}
[cs-setup] .setup-panel {
  width: 100vw;
}
[cs-setup] .setup-panel .attribution {
  border-top: solid var(--cs-line-width) var(--cs-color-bo-primary-tint);
  padding-top: 1.5rem;
  text-align: center;
}
@media (max-width: 33.74em) {
  [cs-setup] .setup-panel .attribution {
    margin-top: 1rem;
  }
}
[cs-setup] .setup-panel .attribution p {
  font-size: 0.8rem;
}
[cs-setup] .setup-panel .attribution .powered-by p {
  margin-bottom: 1rem;
}
[cs-setup] .setup-panel .attribution .powered-by img {
  width: 3rem;
}
[cs-setup] .setup-panel [cs-row].error {
  margin-top: 2.5rem;
}
[cs-setup] .setup-panel [cs-textbox][invalid] {
  border-color: var(--cs-color-yield);
}
[cs-setup] .setup-panel [cs-textbox][invalid] label, [cs-setup] .setup-panel [cs-textbox][invalid] [cs-validation-message] {
  color: var(--cs-color-yield);
}
[cs-setup] .setup-panel [cs-textbox] > [css-grid] > [css-grid-cell] > [cs-wrapper] {
  border-color: var(--cs-color-bo-primary-contrast);
}

[cs-shortcode-picker] .overlay {
  z-index: 12000;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.5s ease;
}
[cs-shortcode-picker] .overlay.show {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
[cs-shortcode-picker] h1 {
  line-height: 1;
}
[cs-shortcode-picker] .close {
  color: var(--cs-color-dark);
  cursor: pointer;
}
[cs-shortcode-picker] .close:hover {
  color: var(--cs-color-primary);
}
[cs-shortcode-picker] .close i {
  margin-right: 0;
  vertical-align: top;
}
[cs-shortcode-picker] .cs-picker-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--cs-color-white);
  padding: 1.5rem 1rem;
  z-index: 12001;
  width: 100vw;
  max-width: 65rem;
  height: 100vh;
  overflow-y: auto;
}
@media (min-width: 33.75em) {
  [cs-shortcode-picker] .cs-picker-modal {
    padding: 1.5rem 2rem;
    border-radius: 0.25rem;
    width: 90vw;
    height: 40vh;
    min-height: 40rem;
  }
}
@media (min-width: 52.1875em) {
  [cs-shortcode-picker] .cs-picker-modal {
    width: 75vw;
    height: 50vh;
  }
}
[cs-shortcode-picker] .cs-picker-modal.show {
  display: block;
}
[cs-shortcode-picker] .categories {
  border-bottom: solid 1px var(--cs-color-light);
}
@media (min-width: 33.75em) {
  [cs-shortcode-picker] .categories {
    border-right: solid 1px var(--cs-color-light);
    border-bottom: none;
  }
}
[cs-shortcode-picker] .categories a {
  display: block;
  margin-bottom: 1rem;
}
@media (min-width: 33.75em) {
  [cs-shortcode-picker] .categories a {
    font-size: 1.2rem;
  }
}
[cs-shortcode-picker] .categories a.selected {
  font-weight: bold;
  color: var(--cs-color-light-contrast);
  cursor: default;
}
[cs-shortcode-picker] [cs-textbox] [cs-wrapper] {
  background-color: var(--cs-color-white) !important;
  cursor: default !important;
}
[cs-shortcode-picker] [cs-textbox] [cs-wrapper] textarea {
  cursor: default;
}
[cs-shortcode-picker] .copy {
  text-transform: uppercase;
  font-weight: bold;
}

[cs-block-add] {
  display: block;
  background-color: transparent;
  height: auto;
  cursor: default;
  margin: 0 auto;
}
[cs-block-add].is-section {
  margin: 0 auto;
}
@media (min-width: 33.75em) {
  [cs-block-add].is-section {
    max-width: 100%;
  }
}
[cs-block-add] * {
  pointer-events: none;
}
[cs-block-add] .add-charm {
  display: block;
  font-size: 0;
  line-height: 0;
}
[cs-block-add] .add-charm a {
  display: block;
  pointer-events: all;
}
[cs-block-add] .add-charm a svg {
  width: 1.5rem;
  height: 1.5rem;
}
[cs-block-add] .add-charm a:hover svg #Filling, [cs-block-add] .add-charm a:hover svg #Ring {
  fill: var(--cs-color-bo-primary);
  fill-opacity: 1;
}
[cs-block-add] .add-charm a:hover svg #Plus {
  fill: var(--cs-color-bo-primary-contrast);
  fill-opacity: 1;
}
[cs-block-add] .drop-zone {
  height: calc(100% - 0.5rem);
  margin: 0.25rem 0;
}
[cs-block-add].dragging .drop-zone, [cs-block-add].dropping .drop-zone {
  border-radius: 0.25rem;
  background-color: var(--cs-color-primary);
}

[cs-block-add-picker] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
}
[cs-block-add-picker] .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color 0.5s ease;
}
[cs-block-add-picker] .drawer-wrapper {
  position: absolute;
  width: 100vw;
  height: 80vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--cs-color-white);
  color: var(--cs-color-white-contrast);
  transition: all 0.5s ease;
}
[cs-block-add-picker] .drawer-wrapper::-webkit-scrollbar {
  width: var(--scrollbar-width);
}
[cs-block-add-picker] .drawer-wrapper::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.15);
}
[cs-block-add-picker] .drawer-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
}
@media (min-width: 33.75em) {
  [cs-block-add-picker] .drawer-wrapper {
    width: 56rem;
    height: 40rem;
    border-radius: 0.5rem;
  }
}
@media (min-width: 52.1875em) {
  [cs-block-add-picker] .drawer-wrapper {
    width: 70rem;
    height: 50rem;
  }
}
[cs-block-add-picker] .drawer-wrapper .drawer {
  padding: 2.5rem;
  transition: all 0.5s ease;
  overflow-y: scroll;
  height: 100%;
}
[cs-block-add-picker] .drawer-wrapper .drawer .block-panel {
  border-radius: 0.25rem;
  padding: 1rem;
  border: solid var(--cs-line-width) var(--cs-color-medium);
  cursor: pointer;
}
[cs-block-add-picker] .drawer-wrapper .drawer .block-panel:hover {
  border-color: var(--cs-color-primary);
}
[cs-block-add-picker] .drawer-wrapper .drawer .block-panel h3 {
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-block-add-picker] .drawer-wrapper .drawer .block-panel p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-block-add-picker] .drawer-wrapper .drawer .block-panel .icon {
  font-size: 4rem;
  line-height: 1;
  color: var(--cs-color-medium);
}
[cs-block-add-picker] .drawer-wrapper .drawer .block-panel .add-icon {
  font-size: 2rem;
  line-height: 1;
  color: var(--cs-color-primary);
}
[cs-block-add-picker] .drawer-wrapper .drawer .text-panel {
  margin-top: 0.5rem;
  text-align: center;
}
[cs-block-add-picker] .drawer-wrapper .drawer .text-panel p {
  margin-bottom: 0.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-block-add-picker] .drawer-wrapper .drawer .text-panel small {
  display: block;
  font-size: 0.8rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-block-add-picker] .drawer-wrapper h4 {
  font-size: 1rem;
  font-weight: normal;
  text-align: left;
  margin-bottom: 1rem;
  cursor: pointer;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-block-add-picker] .drawer-wrapper h4.current {
  font-weight: 600;
}
[cs-block-add-picker] .drawer-wrapper h4:last-of-type {
  margin-bottom: 0;
}
[cs-block-add-picker].collapsed {
  max-height: 0;
  z-index: 0;
  overflow: hidden;
}
[cs-block-add-picker].collapsed .overlay {
  max-height: 0;
  background-color: rgba(0, 0, 0, 0);
}

[cs-block-editor] {
  position: relative;
  background-color: var(--cs-color-white);
  border-bottom-left-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem;
  transition: max-height 0.25s ease;
  margin: 0 auto;
}
[cs-block-editor].is-section {
  max-width: 100%;
  background-color: transparent;
}
[cs-block-editor].is-spacer {
  background-color: transparent;
  border: dashed var(--cs-line-width) var(--cs-color-medium);
  border-top: none;
}
[cs-block-editor].disabled {
  opacity: 0.4 !important;
}
[cs-block-editor].collapsed {
  max-height: 0 !important;
  border: none;
  overflow: hidden;
}
[cs-block-editor] [cs-block-editor] {
  background-color: var(--cs-color-light);
  color: var(--cs-color-light-contrast);
  margin: 0 0 0 0;
  max-width: 100%;
}
[cs-block-editor] [cs-block-editor] .content-block-tabs > [css-grid-cell] > a {
  background-color: var(--cs-color-white);
  color: var(--cs-color-white-contrast);
}
[cs-block-editor] [cs-block-editor] [cs-block-editor] {
  background-color: var(--cs-color-white);
  color: var(--cs-color-white-contrast);
}
[cs-block-editor] [cs-block-editor] [cs-block-editor] [cs-block-editor] {
  background-color: var(--cs-color-light);
  color: var(--cs-color-light-contrast);
}
[cs-block-editor] [cs-block-editor] [cs-block-editor] [cs-block-editor] [cs-block-editor] {
  background-color: var(--cs-color-white);
  color: var(--cs-color-white-contrast);
}
[cs-block-editor] [cs-block-editor] [cs-block-editor] [cs-block-editor] [cs-block-editor] [cs-block-editor] {
  background-color: var(--cs-color-light);
  color: var(--cs-color-light-contrast);
}
[cs-block-editor] .editor-row.name {
  padding-top: 0;
  border-top: none;
  margin-top: 0;
}
[cs-block-editor] .editor-row label[cs-control-label] {
  font-weight: 500;
}
[cs-block-editor] .editor-row small[cs-control-label] {
  font-size: 0.9rem;
  line-height: 1.4;
}
[cs-block-editor] .new-section + .editor-row {
  border-top: none;
  margin-top: 0;
}
[cs-block-editor] .new-section .editor-separator {
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--cs-color-light-contrast);
  padding: 1rem 2rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
[cs-block-editor] .new-section .editor-separator.collapsed {
  margin-bottom: 0;
}
@media (min-width: 33.75em) {
  [cs-block-editor] .new-section .editor-separator {
    padding: 1rem 3rem;
    margin-left: -3rem;
    margin-right: -3rem;
  }
}
[cs-block-editor] .new-section .editor-separator h5 {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
}
[cs-block-editor] .new-section .editor-separator p {
  margin-top: 0.25rem;
  margin-bottom: 0;
  font-size: 0.75rem;
  font-style: italic;
  line-height: 1.2;
}
[cs-block-editor] .block-info {
  font-size: 0.75rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 33.75em) {
  [cs-block-editor] .block-info {
    padding-bottom: 2rem;
  }
}
[cs-block-editor] .block-info label {
  font-weight: 600;
}
[cs-block-editor] [cs-checkbox].checked.delete-option > [css-grid] > [css-grid-cell] > [cs-wrapper] svg path.recolor, [cs-block-editor] [cs-checkbox].checked.delete-option > [css-grid] > [css-grid-cell] > [cs-wrapper] svg path.border {
  fill: var(--cs-color-danger);
}
[cs-block-editor] .delete-button {
  background-color: var(--cs-color-danger);
  border-color: var(--cs-color-danger);
  color: var(--cs-color-danger-contrast);
  margin-top: 1rem;
  font-size: 0.75rem;
  line-height: 2;
}
[cs-block-editor] .delete-button[disabled] {
  opacity: 0.25;
}
[cs-block-editor] > [block-property-wrapper] {
  position: relative;
  padding: 0 1.5rem 0rem 1.5rem;
}
@media (min-width: 33.75em) {
  [cs-block-editor] > [block-property-wrapper] {
    padding: 0 1.5rem 0rem 1.5rem;
  }
}
[cs-block-editor] > [block-property-wrapper].name + div {
  padding-top: 0;
}
[cs-block-editor] > [block-property-wrapper].name + div > [css-grid] > [css-grid-cell].new-section:first-child > .editor-separator {
  margin-top: 0;
}
[cs-block-editor] .new-section:first-child .editor-separator {
  margin-top: 0;
}

[cs-block-dragbar].is-section {
  background-color: transparent;
}
[cs-block-dragbar].is-section [cs-block-editor] {
  top: calc(var(--cs-line-width) * -2);
}

[cs-block-dragbar].is-spacer + [cs-block-editor] {
  background-color: var(--cs-color-light);
}

[cs-block-editor] > [block-property-wrapper] > [block-properties] > [css-grid] > [css-grid-cell] {
  margin-bottom: 2rem;
  border-top: solid 1px rgba(0, 0, 0, 0.085);
  padding-top: 2rem;
}
[cs-block-editor] > [block-property-wrapper] > [block-properties] > [css-grid] > [css-grid-cell].no-line {
  border-top: none;
  padding-top: 0;
}
[cs-block-editor] > [block-property-wrapper] > [block-properties] > [css-grid] > [css-grid-cell].add-space {
  padding-top: 1.5rem;
}
[cs-block-editor] > [block-property-wrapper] > [block-properties] > [css-grid] > [css-grid-cell].new-section {
  padding-top: 1rem;
}
[cs-block-editor] > [block-property-wrapper] > [block-properties] > [css-grid] > [css-grid-cell].new-section.no-space {
  padding-top: 0;
}

[cs-block-editor].showing-content > [block-property-wrapper] > [block-properties] > [css-grid] > [css-grid-cell].settings-group, [cs-block-editor].showing-content > [block-property-wrapper] > [block-properties] > [css-grid] > [css-grid-cell].tools-group {
  overflow-y: hidden !important;
  padding: 0 !important;
  height: 0 !important;
  margin-bottom: 0 !important;
  border-top: none !important;
  padding-top: 0 !important;
}
[cs-block-editor].showing-settings > [block-property-wrapper] > [block-properties] > [css-grid] > [css-grid-cell].content-group, [cs-block-editor].showing-settings > [block-property-wrapper] > [block-properties] > [css-grid] > [css-grid-cell].tools-group {
  overflow-y: hidden !important;
  padding: 0 !important;
  height: 0 !important;
  margin-bottom: 0 !important;
  border-top: none !important;
  padding-top: 0 !important;
}
[cs-block-editor].showing-tools > [block-property-wrapper] > [block-properties] > [css-grid] > [css-grid-cell].content-group, [cs-block-editor].showing-tools > [block-property-wrapper] > [block-properties] > [css-grid] > [css-grid-cell].settings-group {
  overflow-y: hidden !important;
  padding: 0 !important;
  height: 0 !important;
  margin-bottom: 0 !important;
  border-top: none !important;
}

[cs-block-dragbar] {
  position: relative;
  overflow: hidden;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  padding: 1rem 1.5rem 0 1.5rem;
  background-color: var(--cs-color-white);
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
  cursor: move;
}
[cs-block-dragbar].disabled {
  opacity: 0.4 !important;
}
[cs-block-dragbar] .title-bar {
  --icon-width: 1.5rem;
  line-height: 1;
}
[cs-block-dragbar] .title-bar .disclosure {
  display: inline-block;
  font-size: 1.25rem;
  line-height: var(--icon-width);
  cursor: pointer;
  padding-left: 0.25rem;
}
[cs-block-dragbar] .title-bar .disclosure i {
  display: inline-block;
  vertical-align: baseline;
}
[cs-block-dragbar] .title-bar .icon {
  display: inline-block;
  border-radius: 0.15rem;
  overflow: hidden;
  text-align: center;
  border: solid var(--cs-line-width) rgba(0, 0, 0, 0.07);
  height: var(--icon-width);
  width: var(--icon-width);
}
[cs-block-dragbar] .title-bar .icon i {
  font-size: calc(var(--icon-width) * 0.5);
  line-height: calc(var(--icon-width) - var(--cs-line-width));
}
[cs-block-dragbar] .title-bar .label {
  text-align: left;
  font-size: 1rem;
  line-height: var(--icon-width);
  cursor: move;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-block-dragbar] .title-bar .label-edit {
  text-align: left;
  font-size: 1rem;
  line-height: var(--icon-width);
}
[cs-block-dragbar] .title-bar .label-edit i {
  cursor: pointer;
}
[cs-block-dragbar] .title-bar .content-block-tabs {
  position: relative;
  width: 100%;
  margin-top: -1rem;
}
[cs-block-dragbar] .title-bar .content-block-tabs > [css-grid-cell] > a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 1.25rem 1rem 0.25rem 1rem;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  line-height: 1.3;
  color: var(--cs-color-black);
  border-right: solid 1px rgba(0, 0, 0, 0.1);
}
[cs-block-dragbar] .title-bar .content-block-tabs > [css-grid-cell] > a:hover {
  text-decoration: none;
}
[cs-block-dragbar] .title-bar .content-block-tabs > [css-grid-cell] > a.active {
  font-weight: 600;
}
[cs-block-dragbar] .title-bar .content-block-tabs > [css-grid-cell] > a i {
  margin-right: 0.35rem;
}
[cs-block-dragbar] .title-bar .content-block-tabs > [css-grid-cell]:first-child a {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
[cs-block-dragbar] .title-bar .content-block-tabs > [css-grid-cell]:last-child a {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-right: none;
}
@media (min-width: 33.75em) {
  [cs-block-dragbar] .title-bar .content-block-tabs > [css-grid-cell]:last-child a {
    padding-right: 0;
  }
}
[cs-block-dragbar].collapsed {
  border-bottom-left-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem;
}
[cs-block-dragbar].collapsed .title-bar .content-block-tabs {
  visibility: hidden;
}
[cs-block-dragbar].is-spacer {
  background-color: transparent;
  color: var(--cs-color-light-contrast);
  border: dashed var(--cs-line-width) var(--cs-color-medium);
  border-bottom: none;
}
[cs-block-dragbar].is-spacer.collapsed {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border: dashed var(--cs-line-width) var(--cs-color-medium);
}
[cs-block-dragbar].is-spacer .title-bar .label {
  font-style: italic;
}
[cs-block-dragbar].is-spacer .title-bar .content-block-tabs > [css-grid-cell] > a {
  background-color: var(--cs-color-white);
  color: var(--cs-color-white-contrast);
}
[cs-block-dragbar].draggable.dragging {
  opacity: 0.75;
  z-index: 99999;
  user-select: none;
}
[cs-block-dragbar].draggable.is-section.dragging {
  background-color: rgba(0, 0, 0, 0.2);
}

[cs-block-editor] [cs-block-dragbar] {
  background-color: var(--cs-color-light);
  color: var(--cs-color-light-contrast);
  margin: 0 0 0 0;
  max-width: 100%;
}
[cs-block-editor] [cs-block-editor] [cs-block-dragbar] {
  background-color: var(--cs-color-white);
  color: var(--cs-color-white-contrast);
}
[cs-block-editor] [cs-block-editor] [cs-block-editor] [cs-block-dragbar] {
  background-color: var(--cs-color-light);
  color: var(--cs-color-light-contrast);
}
[cs-block-editor] [cs-block-editor] [cs-block-editor] [cs-block-editor] [cs-block-dragbar] {
  background-color: var(--cs-color-white);
  color: var(--cs-color-white-contrast);
}
[cs-block-editor] [cs-block-editor] [cs-block-editor] [cs-block-editor] [cs-block-editor] [cs-block-dragbar] {
  background-color: var(--cs-color-light);
  color: var(--cs-color-light-contrast);
}

[cs-block-dragbar] + .overlay {
  z-index: 12000;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.5s ease;
}
[cs-block-dragbar] + .overlay.show {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
[cs-block-dragbar] + .overlay + .name-input {
  display: none;
  position: fixed;
  background-color: var(--cs-color-white);
  padding: 2.5rem 1.5rem;
  border-radius: 0.25rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 12001;
  width: calc(100vw - var(--horizontal-unit-padding) * 2);
}
@media (min-width: 33.75em) {
  [cs-block-dragbar] + .overlay + .name-input {
    width: 50rem;
  }
}
@media (min-width: 52.1875em) {
  [cs-block-dragbar] + .overlay + .name-input {
    width: 50rem;
  }
}
[cs-block-dragbar] + .overlay + .name-input.show {
  display: block;
}

.invert-controls [cs-block-editor], .invert-controls [cs-block-dragbar] {
  background-color: var(--cs-color-light);
}

[cs-content-edit] {
  --border-size: var(--cs-field-line-width);
  --border-color: var(--cs-color-form-field-line);
}
[cs-content-edit] h1 {
  margin-top: 0;
  margin-bottom: 1rem;
}
[cs-content-edit] h1 i {
  display: inline-block;
  margin-right: 0.5rem;
}
[cs-content-edit] .editor-title {
  font-size: 1.75rem;
}
[cs-content-edit] .editor-title i {
  display: inline-block;
  margin-right: 0.5rem;
}
[cs-content-edit] .clickable {
  cursor: pointer;
}
[cs-content-edit] .last-update {
  font-style: italic;
}
[cs-content-edit] .content-tabs {
  width: 100%;
  margin-bottom: 1.5rem;
}
@media (min-width: 33.75em) {
  [cs-content-edit] .content-tabs {
    margin-bottom: 0;
  }
}
[cs-content-edit] .content-tabs > [css-grid-cell] {
  border-right: solid 1px rgba(0, 0, 0, 0.07);
}
[cs-content-edit] .content-tabs > [css-grid-cell]:last-child {
  border-right: none;
}
[cs-content-edit] .content-tabs > [css-grid-cell] > a {
  display: block;
  width: 100%;
  text-align: center;
  background-color: var(--cs-color-white);
  color: var(--cs-color-white-contrast);
  padding: 0.75rem 1rem 0.75rem 1rem;
  line-height: 1.3;
}
[cs-content-edit] .content-tabs > [css-grid-cell] > a:hover {
  text-decoration: none;
}
[cs-content-edit] .content-tabs > [css-grid-cell] > a.active {
  background-color: var(--cs-color-bo-primary);
  color: var(--cs-color-bo-primary-contrast);
  font-weight: 600;
}
[cs-content-edit] .content-tabs > [css-grid-cell] > a i {
  margin-right: 0.35rem;
}
[cs-content-edit] .content-tabs > [css-grid-cell]:first-child a {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
[cs-content-edit] .content-tabs > [css-grid-cell]:last-child a {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
[cs-content-edit] .content-edit-unit-wrapper {
  position: relative;
}
@media (max-width: 33.74em) {
  [cs-content-edit] .content-edit-unit-wrapper {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
[cs-content-edit] .content-edit-unit-wrapper h3 {
  --headline-bottom-margin: 0.5rem;
  margin-top: 1.5rem;
}
[cs-content-edit] .content-edit-unit-wrapper h3 a {
  vertical-align: text-top;
}
[cs-content-edit] .content-edit-unit-wrapper h3 a i {
  font-size: 80%;
}
[cs-content-edit] .content-edit-unit-wrapper h3 + p {
  --paragraph-bottom-margin: 0.5rem;
}

.content-edit-unit-wrapper .blocks-vertical-line {
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) no-repeat right/var(--cs-line-width) 100%;
}
.content-edit-unit-wrapper .blocks-vertical-line-half {
  height: 50%;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) no-repeat right/var(--cs-line-width) 100%;
}
.content-edit-unit-wrapper .blocks-horizontal-line {
  height: 50%;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
}
.content-edit-unit-wrapper .new-block-placeholder {
  padding: 0.75rem 1rem;
  border: dashed var(--cs-line-width) rgba(0, 0, 0, 0.65);
  border-radius: 0.15rem;
  opacity: 0.25;
}

[cs-content-edit] .editor-separator.units, [cs-content-edit] .editor-separator-collapsible.units, [cs-generic-panel] .editor-separator.units, [cs-generic-panel] .editor-separator-collapsible.units {
  margin-bottom: 0;
}
[cs-content-edit] .editor-separator .separator, [cs-content-edit] .editor-separator-collapsible .separator, [cs-generic-panel] .editor-separator .separator, [cs-generic-panel] .editor-separator-collapsible .separator {
  margin-top: 0;
}
[cs-content-edit] .editor-separator .separator h5, [cs-content-edit] .editor-separator-collapsible .separator h5, [cs-generic-panel] .editor-separator .separator h5, [cs-generic-panel] .editor-separator-collapsible .separator h5 {
  position: relative;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
}
[cs-content-edit] .editor-separator .separator hr, [cs-content-edit] .editor-separator-collapsible .separator hr, [cs-generic-panel] .editor-separator .separator hr, [cs-generic-panel] .editor-separator-collapsible .separator hr {
  border-bottom: var(--cs-line-width) solid rgba(0, 0, 0, 0.1);
  margin-top: calc(var(--cs-line-width) / -2);
}
[cs-content-edit] .editor-separator .separator + p, [cs-content-edit] .editor-separator-collapsible .separator + p, [cs-generic-panel] .editor-separator .separator + p, [cs-generic-panel] .editor-separator-collapsible .separator + p {
  margin-top: 0.75rem;
}
[cs-content-edit] .editor-separator p, [cs-content-edit] .editor-separator-collapsible p, [cs-generic-panel] .editor-separator p, [cs-generic-panel] .editor-separator-collapsible p {
  margin-bottom: 0;
  font-size: 0.9rem;
  font-style: italic;
  line-height: 1.2;
}
[cs-content-edit] .editor-separator-collapsible .separator h5, [cs-generic-panel] .editor-separator-collapsible .separator h5 {
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1.4;
  text-transform: none;
  cursor: pointer;
  text-transform: uppercase;
}
[cs-content-edit] .editor-separator-collapsible .separator h5 .disclosure, [cs-generic-panel] .editor-separator-collapsible .separator h5 .disclosure {
  display: inline-block;
  margin-right: 0.5rem;
  font-size: 1rem;
  padding-left: 0.25rem;
}
[cs-content-edit] .editor-separator-collapsible .separator h5.closed .disclosure, [cs-generic-panel] .editor-separator-collapsible .separator h5.closed .disclosure {
  font-size: 0.75rem;
}

[cs-content-edit] > [css-grid] > [css-grid-cell] {
  margin-bottom: 2rem;
  border-top: solid 1px rgba(0, 0, 0, 0.085);
  padding-top: 2rem;
}
[cs-content-edit] > [css-grid] > [css-grid-cell].no-line {
  border-top: none;
  padding-top: 0;
}
[cs-content-edit] > [css-grid] > [css-grid-cell].add-space {
  padding-top: 1.5rem;
}
[cs-content-edit] > [css-grid] > [css-grid-cell].new-section {
  padding-top: 2rem;
}
[cs-content-edit] > [css-grid] > [css-grid-cell].new-section.no-space {
  padding-top: 0;
}

[cs-content-edit]:not(.showing-settings) > [css-grid] > [css-grid-cell].settings-group {
  overflow-y: hidden !important;
  padding: 0 !important;
  height: 0 !important;
  margin-bottom: 0 !important;
  border-top: none !important;
  padding-top: 0 !important;
}
[cs-content-edit]:not(.showing-content) > [css-grid] > [css-grid-cell].content-group {
  overflow-y: hidden !important;
  padding: 0 !important;
  height: 0 !important;
  margin-bottom: 0 !important;
  border-top: none !important;
  padding-top: 0 !important;
}

[cs-content-edit-render] .cs-column-head.not-sortable {
  cursor: default;
  background-color: transparent;
  color: var(--cs-color-dark);
  border: dashed 1px var(--cs-color-medium);
}
[cs-content-edit-render] .cs-column-head.not-sortable:hover, [cs-content-edit-render] .cs-column-head.not-sortable:active {
  background-color: transparent;
  border-color: var(--cs-color-medium);
  text-decoration: none;
}
[cs-content-edit-render] .cs-grid-value {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
[cs-content-edit-render] hr {
  min-height: 0;
  height: 0;
  border-bottom-width: 1px;
}
[cs-content-edit-render] .cs-value-thumbnail, [cs-content-edit-render] .cs-prop-thumbnail, [cs-content-edit-render] .cs-value-avatar, [cs-content-edit-render] .cs-prop-avatar, [cs-content-edit-render] .cs-edit-link {
  width: 100%;
  height: 100%;
}
[cs-content-edit-render] .cs-prop-thumbnail, [cs-content-edit-render] .cs-prop-avatar {
  border-radius: 0.25rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[cs-content-edit-render] .cs-prop-thumbnail {
  min-height: 3.5rem;
  max-height: 5.5rem;
}
[cs-content-edit-render] .list-preview {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
}
[cs-content-edit-render] .list-preview i {
  font-size: 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
[cs-content-edit-render] .cs-prop-avatar .list-preview {
  min-width: 3rem;
  max-height: 3rem;
}
[cs-content-edit-render] .list-batch {
  background-color: var(--cs-color-white);
  border-radius: 0.25rem;
  padding: 1.25rem 1.25rem;
}
[cs-content-edit-render] .list-batch h2 {
  margin-bottom: 0;
}
[cs-content-edit-render] .list-batch .batch-options {
  display: none;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: solid 1px #eeeeee;
}
[cs-content-edit-render] .list-batch .batch-options.show {
  display: block;
}
[cs-content-edit-render] .list-tools, [cs-content-edit-render] .list-tools-menu {
  display: inline-block;
}
[cs-content-edit-render] .list-tools-wrapper {
  font-size: 0;
}
[cs-content-edit-render] .list-tools-wrapper .list-tools-menu {
  padding: 0 0.75rem;
  line-height: 1.65rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 0.15rem;
  vertical-align: top;
  font-size: 1rem;
}
[cs-content-edit-render] .list-tools-wrapper .list-tools-menu, [cs-content-edit-render] .list-tools-wrapper .list-tools-menu:active, [cs-content-edit-render] .list-tools-wrapper .list-tools-menu:visited {
  color: var(--cs-color-medium);
}
[cs-content-edit-render] .list-tools-wrapper .list-tools-menu:hover {
  background-color: var(--cs-color-bo-primary);
  color: var(--cs-color-bo-primary-contrast);
}
[cs-content-edit-render] .list-tools-wrapper .list-tools {
  -moz-transition-property: "max-width,margin-right";
  -o-transition-property: "max-width,margin-right";
  -webkit-transition-property: "max-width,margin-right";
  transition-property: "max-width,margin-right";
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  overflow: hidden;
  margin-left: 0.5rem;
  margin-right: -0.5rem;
  max-width: 0;
  white-space: nowrap;
}
[cs-content-edit-render] .list-tools-wrapper .list-tools .cs-list-link {
  font-size: 0.75rem;
  line-height: 1.65rem;
  white-space: nowrap;
}
[cs-content-edit-render] .list-tools-wrapper .list-tools.show {
  margin-right: 0;
  max-width: 20rem;
}

[cs-content-list] {
  --mobile-multiplier: 0;
}
@media (min-width: 33.75em) {
  [cs-content-list] {
    --mobile-multiplier: 1;
  }
}
[cs-content-list] .fa-caret-up, [cs-content-list] .fa-caret-down {
  margin-left: 0.25rem;
}
[cs-content-list] .cs-column-head {
  display: block;
  background-color: var(--cs-color-medium);
  border: solid 1px var(--cs-color-medium);
  color: var(--cs-color-medium-contrast);
  padding: 0 0.75rem;
  line-height: 2;
  font-weight: 600;
  border-radius: 0.15rem;
  white-space: nowrap;
  text-align: center;
}
[cs-content-list] .cs-column-head:hover {
  background-color: var(--cs-color-bo-primary-tint);
  border-color: var(--cs-color-bo-primary-tint);
  text-decoration: none;
}
[cs-content-list] .cs-column-head.active {
  background-color: var(--cs-color-bo-primary-tint);
  border-color: var(--cs-color-bo-primary-tint);
  color: var(--cs-color-bo-primary-contrast);
}
[cs-content-list] .cs-edit-link {
  font-weight: 500;
}
[cs-content-list] .cs-prop-name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-content-list] .cs-prop-name + .cs-prop-excerpt {
  margin-top: 0.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-content-list] .cs-prop-firstname, [cs-content-list] .cs-prop-lastname {
  display: inline-block;
}
[cs-content-list] .cs-prop-lastname:after {
  display: inline-block;
  margin-right: 0.35rem;
  content: ",";
}
[cs-content-list] .cs-prop-avatar {
  width: 3rem;
  height: 3rem;
  max-width: 3rem;
  max-height: 3rem;
}
[cs-content-list] .cs-list-link {
  display: inline-block;
  border-radius: 0.15rem;
  padding: 0 0.5rem;
  line-height: 2.1;
  background-color: var(--cs-color-bo-primary);
  color: var(--cs-color-bo-primary-contrast);
  font-size: 75%;
  font-weight: 500;
}
[cs-content-list] .cs-list-link:hover {
  text-decoration: none;
  background-color: var(--cs-color-bo-primary-tint);
}
[cs-content-list] .cs-list-link + .cs-list-link {
  margin-left: 0.5rem;
}
[cs-content-list] .cs-list-delete-link {
  background-color: var(--cs-color-danger);
  color: var(--cs-color-danger-contrast);
}
[cs-content-list] .cs-list-delete-link:hover {
  background-color: var(--cs-color-danger-tint);
}
[cs-content-list] .cs-prop-published, [cs-content-list] .cs-prop-enabled {
  color: var(--cs-color-success);
}
[cs-content-list] [cs-content-paging] {
  margin-left: calc(6rem * var(--mobile-multiplier) * var(--level));
}

[purge] .overlay {
  z-index: 12000;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.5s ease;
}
[purge] .overlay.show {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
[purge] .purge-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--cs-color-white);
  padding: 2.5rem 1.5rem;
  z-index: 12001;
  width: 100vw;
  max-height: 66.6666666667vh;
  max-width: 600px;
  overflow-y: auto;
}
@media (min-width: 33.75em) {
  [purge] .purge-modal {
    border-radius: 0.25rem;
    width: 90vw;
  }
}
@media (min-width: 52.1875em) {
  [purge] .purge-modal {
    width: 75vw;
  }
}
[purge] .purge-modal.show {
  display: block;
}

[cs-content-move] .move-tree-panel {
  display: inline-block;
  background-color: var(--cs-color-light);
  border-radius: 0.15rem;
  padding: 1rem;
}

[cs-section-wrapper] {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 0.15rem;
}
[cs-section-wrapper] [cs-block-editor].showing-content:not(.collapsed) + [cs-section-block-wrapper] {
  height: auto;
  padding: 0 1.5rem 1.5rem 1.5rem;
}
[cs-section-wrapper] [cs-block-editor].collapsed + [cs-section-block-wrapper], [cs-section-wrapper] [cs-block-editor]:not(.showing-content) + [cs-section-block-wrapper] {
  height: 0;
  overflow: hidden;
}
[cs-content-publish-status] .unit-publish-status {
  display: block;
  width: 100%;
  font-size: 0.9rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.15rem;
  text-align: center;
  background-color: var(--cs-color-white);
  color: var(--cs-color-white-contrast);
}
[cs-content-publish-status] .unit-publish-status.published {
  background-color: var(--cs-color-success);
  color: var(--cs-color-success-contrast);
}
[cs-content-publish-status] .unit-publish-status.pending i.fa-check-circle {
  color: var(--cs-color-success);
}
[cs-content-publish-status] .unit-publish-status i.fa-pen-square {
  color: var(--cs-color-danger);
}

.cs-content-save {
  margin-top: 1rem;
}
.cs-content-save [cs-save-bar-wrapper] [cs-save-bar-notification] {
  position: relative;
  background-color: var(--cs-color-bo-primary);
  color: var(--cs-color-bo-primary-contrast);
  text-align: center;
  font-weight: 600;
  height: 3rem;
  overflow: hidden;
  -moz-transition-property: "margin-left,width,height";
  -o-transition-property: "margin-left,width,height";
  -webkit-transition-property: "margin-left,width,height";
  transition-property: "margin-left,width,height";
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
.cs-content-save [cs-save-bar-wrapper] [cs-save-bar-notification].danger {
  background-color: var(--cs-color-danger);
  color: var(--cs-color-danger-contrast);
}
.cs-content-save [cs-save-bar-wrapper] [cs-save-bar-notification].success {
  background-color: var(--cs-color-success);
  color: var(--cs-color-success-contrast);
}
.cs-content-save [cs-save-bar-wrapper] [cs-save-bar-notification].hidden {
  height: 0;
}
.cs-content-save [cs-save-bar-wrapper] [cs-save-bar-notification] p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 2rem;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-content-save [cs-save-bar-wrapper] [cs-save-bar] .cell {
  padding: 0 1rem 1rem 1rem;
}
.cs-content-save [cs-save-bar-wrapper] [cs-save-bar] .line {
  border-top: solid 1px var(--cs-color-supermedium);
  padding-top: 1rem;
}
@media (min-width: 33.75em) {
  .cs-content-save [cs-save-bar-wrapper] [cs-save-bar] {
    -moz-transition-property: "margin-left,width";
    -o-transition-property: "margin-left,width";
    -webkit-transition-property: "margin-left,width";
    transition-property: "margin-left,width";
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -moz-animation-delay: 0;
    -o-animation-delay: 0;
    -webkit-animation-delay: 0;
    animation-delay: 0;
  }
}
@media (min-width: 33.75em) and (min-width: 33.75em) {
  .cs-content-save [cs-save-bar-wrapper] [cs-save-bar] .cell {
    padding: 0 1rem 0 0;
  }
}
@media (min-width: 33.75em) and (min-width: 52.1875em) {
  .cs-content-save [cs-save-bar-wrapper] [cs-save-bar] .cell {
    padding: 0 1.25rem 0 0;
  }
}
@media (min-width: 33.75em) and (min-width: 33.75em) {
  .cs-content-save [cs-save-bar-wrapper] [cs-save-bar] .line {
    border-top: none;
    padding-top: 0;
    border-left: solid 1px var(--cs-color-supermedium);
    padding-right: 1rem;
  }
}
@media (min-width: 33.75em) and (min-width: 52.1875em) {
  .cs-content-save [cs-save-bar-wrapper] [cs-save-bar] .line {
    padding-right: 1.25rem;
  }
}
@media (min-width: 33.75em) {
  .cs-content-save [cs-save-bar-wrapper].floating {
    position: fixed;
    z-index: 8000;
    left: 0;
    bottom: 0;
    width: 100vw;
  }
  .cs-content-save [cs-save-bar-wrapper].floating [cs-save-bar] {
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.07);
    width: 100vw;
  }
}
@media (min-width: 33.75em) and (min-width: 33.75em) {
  .cs-content-save [cs-save-bar-wrapper].floating [cs-save-bar] {
    padding-left: 1rem;
  }
}
@media (min-width: 33.75em) and (min-width: 52.1875em) {
  .cs-content-save [cs-save-bar-wrapper].floating [cs-save-bar] {
    padding-left: 1.25rem;
  }
}
@media (min-width: 33.75em) and (min-width: 33.75em) {
  .cs-content-save [cs-save-bar-wrapper].floating .cell {
    padding: 1rem 1rem 1rem 0;
  }
}
@media (min-width: 33.75em) and (min-width: 52.1875em) {
  .cs-content-save [cs-save-bar-wrapper].floating .cell {
    padding: 1.25rem 1.25rem 1.25rem 0;
  }
}
.cs-content-save .charms {
  overflow: visible;
  max-height: 2.65rem;
}
@media (max-width: 33.74em) {
  .cs-content-save .charms {
    margin-bottom: 2rem;
  }
}
.cs-content-save .charms .preview-widget, .cs-content-save .charms .expand-widget, .cs-content-save .charms .contract-widget, .cs-content-save .charms .published-widget, .cs-content-save .charms .unpublished-widget {
  display: inline-block;
  font-size: 1.5rem;
  color: var(--cs-color-bo-primary-tint);
  line-height: 1;
  cursor: pointer;
}
.cs-content-save .charms .preview-widget.published-widget, .cs-content-save .charms .expand-widget.published-widget, .cs-content-save .charms .contract-widget.published-widget, .cs-content-save .charms .published-widget.published-widget, .cs-content-save .charms .unpublished-widget.published-widget {
  vertical-align: middle;
  font-size: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  overflow: visible;
  text-align: center;
  line-height: 1.6rem;
  cursor: default;
  border-radius: 50%;
  color: var(--cs-color-white);
  background-color: var(--cs-color-bo-success);
}
.cs-content-save .charms .preview-widget.published-widget.saved, .cs-content-save .charms .expand-widget.published-widget.saved, .cs-content-save .charms .contract-widget.published-widget.saved, .cs-content-save .charms .published-widget.published-widget.saved, .cs-content-save .charms .unpublished-widget.published-widget.saved {
  color: var(--cs-color-bo-success);
  background-color: var(--cs-color-white);
  border: solid calc(var(--cs-line-width) * 1.5) var(--cs-color-bo-success);
  line-height: 1.7;
}
.cs-content-save .charms .preview-widget.unpublished-widget, .cs-content-save .charms .expand-widget.unpublished-widget, .cs-content-save .charms .contract-widget.unpublished-widget, .cs-content-save .charms .published-widget.unpublished-widget, .cs-content-save .charms .unpublished-widget.unpublished-widget {
  vertical-align: middle;
  font-size: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  overflow: visible;
  text-align: center;
  line-height: 1.6rem;
  cursor: default;
  color: var(--cs-color-white);
  border-radius: 12%;
  background-color: var(--cs-color-danger);
}
.cs-content-save .charms .preview-widget.disabled, .cs-content-save .charms .expand-widget.disabled, .cs-content-save .charms .contract-widget.disabled, .cs-content-save .charms .published-widget.disabled, .cs-content-save .charms .unpublished-widget.disabled {
  opacity: 0.35;
}
@media (min-width: 52.1875em) {
  .cs-content-save .charms .preview-widget, .cs-content-save .charms .expand-widget, .cs-content-save .charms .contract-widget, .cs-content-save .charms .published-widget, .cs-content-save .charms .unpublished-widget {
    font-size: 2rem;
  }
  .cs-content-save .charms .preview-widget.published-widget, .cs-content-save .charms .expand-widget.published-widget, .cs-content-save .charms .contract-widget.published-widget, .cs-content-save .charms .published-widget.published-widget, .cs-content-save .charms .unpublished-widget.published-widget {
    font-size: 1.2rem;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
  }
  .cs-content-save .charms .preview-widget.published-widget.saved, .cs-content-save .charms .expand-widget.published-widget.saved, .cs-content-save .charms .contract-widget.published-widget.saved, .cs-content-save .charms .published-widget.published-widget.saved, .cs-content-save .charms .unpublished-widget.published-widget.saved {
    line-height: 1.45;
    border: solid calc(var(--cs-line-width) * 2) var(--cs-color-bo-success);
  }
  .cs-content-save .charms .preview-widget.unpublished-widget, .cs-content-save .charms .expand-widget.unpublished-widget, .cs-content-save .charms .contract-widget.unpublished-widget, .cs-content-save .charms .published-widget.unpublished-widget, .cs-content-save .charms .unpublished-widget.unpublished-widget {
    font-size: 1.2rem;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
  }
}
.cs-content-save button, .cs-content-save a[role=button], .cs-content-save [cs-button] {
  width: 100%;
}
@media (min-width: 33.75em) {
  .cs-content-save button, .cs-content-save a[role=button], .cs-content-save [cs-button] {
    font-size: 0.65rem;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
  }
}
@media (min-width: 52.1875em) {
  .cs-content-save button, .cs-content-save a[role=button], .cs-content-save [cs-button] {
    font-size: 0.9rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.cs-content-save button.disabled, .cs-content-save a[role=button].disabled, .cs-content-save [cs-button].disabled {
  opacity: 0.35;
}

@media (min-width: 33.75em) and (min-width: 52.1875em) {
  [tree-content-layout] .cs-content-save [cs-save-bar-wrapper].floating [cs-save-bar], [tree-content-layout] .cs-content-save [cs-save-bar-wrapper].floating [cs-save-bar-notification] {
    margin-left: 0;
    width: 100vw;
  }
}
@media (min-width: 52.1875em) {
  [tree-content-layout].show-tree .cs-content-save [cs-save-bar-wrapper].floating [cs-save-bar], [tree-content-layout].show-tree .cs-content-save [cs-save-bar-wrapper].floating [cs-save-bar-notification] {
    margin-left: var(--tree-width);
    width: calc(100vw - var(--tree-width));
  }
}
@media (min-width: 52.1875em) {
  [tree-content-layout].show-nav .cs-content-save [cs-save-bar-wrapper].floating [cs-save-bar], [tree-content-layout].show-nav .cs-content-save [cs-save-bar-wrapper].floating [cs-save-bar-notification] {
    margin-left: 24rem;
    width: calc(100vw - 24rem);
  }
}

[content-save-overlay] {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 99999;
  background-color: transparent;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
[content-save-overlay] i {
  display: none;
}
[content-save-overlay].busy {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.25);
}
[content-save-overlay].busy i {
  color: var(--cs-color-white);
  display: block;
  position: absolute;
  font-size: 3rem;
  width: 3rem;
  height: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

[export-options] .overlay {
  z-index: 12000;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.5s ease;
}
[export-options] .overlay.show {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
[export-options] .export-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--cs-color-white);
  padding: 2.5rem 1.5rem;
  z-index: 12001;
  width: 100vw;
  max-height: 66.6666666667vh;
  overflow-y: auto;
}
@media (min-width: 33.75em) {
  [export-options] .export-modal {
    border-radius: 0.25rem;
    width: 90vw;
  }
}
@media (min-width: 52.1875em) {
  [export-options] .export-modal {
    width: 75vw;
  }
}
[export-options] .export-modal.show {
  display: block;
}

[cs-content-sort] div.sort-list div[draggable] i, [cs-content-sort] div.sort-list div.parent i {
  display: inline-block;
  margin-right: 0.25rem;
}
[cs-content-sort] div.sort-list div.parent {
  font-weight: bold;
  margin-bottom: 1rem;
}
[cs-content-sort] div.sort-list div[draggable] {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 0.15rem;
  background-color: var(--cs-color-light);
  margin-left: 1.5rem;
  cursor: pointer;
}
[cs-content-sort] div.sort-list div[draggable].bold {
  font-weight: bold;
}
[cs-content-sort] div.sort-list div.dropzone {
  margin: 0.5rem 0;
  margin-left: 1.5rem;
  transition: height linear 0.15s;
  height: 1rem;
  overflow: hidden;
  border-radius: 0.25rem;
  border: dashed calc(var(--cs-line-width) * 1) var(--cs-color-medium);
  color: var(--cs-color-light);
  text-align: center;
  font-weight: bold;
  font-size: 0.9rem;
}
[cs-content-sort] div.sort-list div.dropzone.active {
  height: 2rem;
  line-height: 1.8rem;
  background-color: var(--cs-color-bo-primary);
  border-color: var(--cs-color-bo-primary);
  color: var(--cs-color-white);
}

[cs-content-table] .cs-column-head.not-sortable {
  cursor: default;
  background-color: transparent;
  color: var(--cs-color-dark);
  border: dashed 1px var(--cs-color-medium);
}
[cs-content-table] .cs-column-head.not-sortable:hover, [cs-content-table] .cs-column-head.not-sortable:active {
  background-color: transparent;
  border-color: var(--cs-color-medium);
  text-decoration: none;
}
[cs-content-table] .cs-grid-value {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
[cs-content-table] hr {
  min-height: 0;
  height: 0;
  border-bottom-width: 1px;
}
[cs-content-table] .cs-value-thumbnail, [cs-content-table] .cs-prop-thumbnail, [cs-content-table] .cs-value-avatar, [cs-content-table] .cs-prop-avatar, [cs-content-table] .cs-edit-link {
  width: 100%;
  height: 100%;
}
[cs-content-table] .cs-prop-thumbnail, [cs-content-table] .cs-prop-avatar {
  border-radius: 0.25rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[cs-content-table] .cs-prop-thumbnail {
  min-height: 3.5rem;
  max-height: 5.5rem;
}
[cs-content-table] .list-preview {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
}
[cs-content-table] .list-preview i {
  font-size: 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
[cs-content-table] .cs-prop-avatar .list-preview {
  min-width: 3rem;
  max-height: 3rem;
}
[cs-content-table] .list-batch {
  background-color: var(--cs-color-white);
  border-radius: 0.25rem;
  padding: 1.25rem 1.25rem;
}
[cs-content-table] .list-batch h2 {
  margin-bottom: 0;
}
[cs-content-table] .list-batch .batch-options {
  display: none;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: solid 1px #eeeeee;
}
[cs-content-table] .list-batch .batch-options.show {
  display: block;
}
[cs-content-table] .list-tools, [cs-content-table] .list-tools-menu {
  display: inline-block;
}
[cs-content-table] .list-tools-wrapper {
  font-size: 0;
}
[cs-content-table] .list-tools-wrapper .list-tools-menu {
  padding: 0 0.75rem;
  line-height: 1.65rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 0.15rem;
  vertical-align: top;
  font-size: 1rem;
}
[cs-content-table] .list-tools-wrapper .list-tools-menu, [cs-content-table] .list-tools-wrapper .list-tools-menu:active, [cs-content-table] .list-tools-wrapper .list-tools-menu:visited {
  color: var(--cs-color-medium);
}
[cs-content-table] .list-tools-wrapper .list-tools-menu:hover {
  background-color: var(--cs-color-bo-primary);
  color: var(--cs-color-bo-primary-contrast);
}
[cs-content-table] .list-tools-wrapper .list-tools {
  -moz-transition-property: "max-width,margin-right";
  -o-transition-property: "max-width,margin-right";
  -webkit-transition-property: "max-width,margin-right";
  transition-property: "max-width,margin-right";
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  overflow: hidden;
  margin-left: 0.5rem;
  margin-right: -0.5rem;
  max-width: 0;
  white-space: nowrap;
}
[cs-content-table] .list-tools-wrapper .list-tools .cs-list-link {
  font-size: 0.75rem;
  line-height: 1.65rem;
  white-space: nowrap;
}
[cs-content-table] .list-tools-wrapper .list-tools.show {
  margin-right: 0;
  max-width: 20rem;
}

[cs-content-versions] h1 i {
  margin-left: 0.75rem;
}
[cs-content-versions] i.fa-check-circle {
  color: var(--cs-color-bo-success);
}
[cs-content-versions] i.fa-pen-square {
  color: var(--cs-color-danger);
}
[cs-content-versions] div.version-list ul[cs-radios] li {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
[cs-content-versions] [cs-version] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 99999;
}
[cs-content-versions] [cs-version] .mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: 0.5;
}
[cs-content-versions] [cs-version] .version-modal {
  position: absolute;
  width: 100vw;
  background: white;
  padding: 1.5rem;
  top: 0;
  left: 0;
  height: 100vh;
  overflow-y: auto;
}
@media (min-width: 33.75em) {
  [cs-content-versions] [cs-version] .version-modal {
    width: 80vw;
    max-width: 60rem;
    padding: 3rem;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: 50vh;
  }
}
[cs-content-versions] [cs-version] .version-modal .close {
  position: absolute;
  Bottom: 3rem;
  left: 48%;
}

[cs-event-lists] hr {
  margin-top: 2rem;
}
[cs-event-lists] [cs-attendance-notification] {
  position: relative;
  background-color: var(--cs-color-success);
  color: var(--cs-color-success-contrast);
  text-align: center;
  font-weight: 600;
  height: 3rem;
  overflow: hidden;
  -moz-transition-property: "margin-left,width,height";
  -o-transition-property: "margin-left,width,height";
  -webkit-transition-property: "margin-left,width,height";
  transition-property: "margin-left,width,height";
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
[cs-event-lists] [cs-attendance-notification].hidden {
  height: 0;
}
[cs-event-lists] [cs-attendance-notification] p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 2rem;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

[cs-member-lists] .learning-grid button {
  font-size: 0.7rem;
  line-height: 1.4rem;
  padding: 0 0.5rem;
}
[cs-member-lists] hr {
  margin-top: 2rem;
}
[cs-member-lists] [cs-progress] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 99999;
}
[cs-member-lists] [cs-progress] .mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: 0.5;
}
[cs-member-lists] [cs-progress] .progress-modal {
  position: absolute;
  width: 100vw;
  background: white;
  padding: 1.5rem;
  top: 0;
  left: 0;
  height: 100vh;
  overflow-y: auto;
}
@media (min-width: 33.75em) {
  [cs-member-lists] [cs-progress] .progress-modal {
    width: 80vw;
    max-width: 60rem;
    padding: 3rem;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: 80vh;
  }
}

[cs-generic-panel].cs-settings-panel {
  cursor: default;
  margin-bottom: 2rem;
}
[cs-generic-panel].cs-settings-panel.cs-settings-panel ~ [cs-generic-panel].cs-settings-panel.cs-settings-panel {
  margin-top: 1.5rem;
}
[cs-generic-panel].cs-settings-panel h2 {
  margin-bottom: 0;
}
[cs-generic-panel].cs-settings-panel .platform-setting {
  font-size: 1rem;
  font-weight: 500;
  font-style: italic;
  display: inline-block;
}
[cs-generic-panel].cs-settings-panel .editor-separator {
  margin-top: 0;
  margin-bottom: 0;
}
[cs-generic-panel].cs-settings-panel .editor-separator .separator {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
[cs-generic-panel].cs-settings-panel .editor-separator .separator h5 {
  color: var(--cs-color-medium);
}
[cs-generic-panel].cs-settings-panel .invert-controls [cs-date-picker] [cs-wrapper], [cs-generic-panel].cs-settings-panel .invert-controls [cs-textbox] [cs-wrapper], [cs-generic-panel].cs-settings-panel .invert-controls [cs-listbox] [cs-wrapper], [cs-generic-panel].cs-settings-panel .invert-controls [cs-numeric-input] [cs-wrapper], [cs-generic-panel].cs-settings-panel .invert-controls [cs-tag-input] [cs-wrapper] {
  background-color: var(--cs-color-superlight);
}
[cs-generic-panel].cs-settings-panel .invert-controls [cs-date-picker] [cs-wrapper] input:focus, [cs-generic-panel].cs-settings-panel .invert-controls [cs-date-picker] [cs-wrapper] textarea:focus, [cs-generic-panel].cs-settings-panel .invert-controls [cs-textbox] [cs-wrapper] input:focus, [cs-generic-panel].cs-settings-panel .invert-controls [cs-textbox] [cs-wrapper] textarea:focus, [cs-generic-panel].cs-settings-panel .invert-controls [cs-listbox] [cs-wrapper] input:focus, [cs-generic-panel].cs-settings-panel .invert-controls [cs-listbox] [cs-wrapper] textarea:focus, [cs-generic-panel].cs-settings-panel .invert-controls [cs-numeric-input] [cs-wrapper] input:focus, [cs-generic-panel].cs-settings-panel .invert-controls [cs-numeric-input] [cs-wrapper] textarea:focus, [cs-generic-panel].cs-settings-panel .invert-controls [cs-tag-input] [cs-wrapper] input:focus, [cs-generic-panel].cs-settings-panel .invert-controls [cs-tag-input] [cs-wrapper] textarea:focus {
  background-color: transparent;
}
[cs-generic-panel].cs-settings-panel .invert-controls [cs-rich-text-editor] .note-toolbar {
  background-color: var(--cs-color-superlight);
}
[cs-generic-panel].cs-settings-panel .invert-controls [cs-rich-text-editor] .note-editor .note-editing-area {
  background-color: var(--cs-color-superlight);
}
[cs-generic-panel].cs-settings-panel .new-section {
  grid-column: 1/-1;
}

[cs-settings-section] .cs-content-save [cs-save-bar-wrapper] [cs-save-bar-notification]:not(.hidden) {
  height: 2.5rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

[cs-single-value-pie-chart] {
  --zero-chart-size: 10rem;
  --tabp-chart-size: 8rem;
  --tabl-chart-size: 10rem;
  --zero-label-size: 2.4rem;
  --tabp-label-size: 2rem;
  --tabl-label-size: 2.4rem;
}
[cs-single-value-pie-chart] [cs-chart-container] {
  position: relative;
}
[cs-single-value-pie-chart] [cs-chart-container] [cs-chart] {
  width: var(--zero-chart-size);
  height: var(--zero-chart-size);
  margin: auto;
}
@media (min-width: 33.75em) {
  [cs-single-value-pie-chart] [cs-chart-container] [cs-chart] {
    width: var(--tabp-chart-size);
    height: var(--tabp-chart-size);
  }
}
@media (min-width: 52.1875em) {
  [cs-single-value-pie-chart] [cs-chart-container] [cs-chart] {
    width: var(--tabl-chart-size);
    height: var(--tabl-chart-size);
  }
}
[cs-single-value-pie-chart] [cs-chart-container] [cs-pie-value] {
  position: absolute;
  width: var(--zero-chart-size);
  height: var(--zero-label-size);
  font-size: var(--zero-label-size);
  line-height: 1;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 33.75em) {
  [cs-single-value-pie-chart] [cs-chart-container] [cs-pie-value] {
    width: var(--tabp-chart-size);
    height: var(--tabp-label-size);
    font-size: var(--tabp-label-size);
  }
}
@media (min-width: 52.1875em) {
  [cs-single-value-pie-chart] [cs-chart-container] [cs-pie-value] {
    width: var(--tabl-chart-size);
    height: var(--tabl-label-size);
    font-size: var(--tabl-label-size);
  }
}
[cs-single-value-pie-chart] [cs-chart-container] [cs-pie-value].labeled-pie {
  height: 3rem;
  line-height: 1.5rem;
}
[cs-single-value-pie-chart] [cs-chart-container] [cs-pie-value].labeled-pie .value-label {
  font-size: 1rem;
}
[cs-single-value-pie-chart] [cs-chart-container] + h3 {
  font-size: 1rem;
  margin-top: 1rem;
  margin-bottom: 0;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

[cs-trend-line-chart] [cs-chart-container] {
  position: relative;
}
[cs-article-links] .text {
  font-weight: 600;
  margin-bottom: 0.5rem;
}
[cs-article-links] a.url {
  display: block;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

[cs-article-related-articles] p {
  margin-bottom: 0.5rem;
}
[cs-article-related-articles] p a {
  font-weight: 600;
  color: var(--cs-color-dark);
}
[cs-article-related-articles] .byline {
  line-height: 1;
}

[cs-article-tags] .tags {
  font-size: 0;
}
[cs-article-tags] .tags a.tag {
  display: inline-block;
  border-radius: 0.15rem;
  padding: 0.3rem 0.75rem 0.35rem 0.75rem;
  background-color: var(--cs-color-secondary);
  color: var(--cs-color-secondary-contrast);
  white-space: nowrap;
  font-size: 0.9rem;
  line-height: 1.3;
}
[cs-article-tags] .tags a.tag + a, [cs-article-tags] .tags a.tag:first-child {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

[cs-community-discussion-header] .cs-header-parent {
  font-size: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}

[cs-community-discussion-panel].deleted [cs-generic-panel] {
  background-color: #f9f9f9;
  border-color: #e6e6e6;
}
[cs-community-discussion-panel].deleted [cs-generic-panel] [cs-heading], [cs-community-discussion-panel].deleted [cs-generic-panel] .byline, [cs-community-discussion-panel].deleted [cs-generic-panel] .description, [cs-community-discussion-panel].deleted [cs-generic-panel] .discussion-likes, [cs-community-discussion-panel].deleted [cs-generic-panel] .discussion-dislikes {
  opacity: 0.5;
}
[cs-community-discussion-panel] [cs-generic-panel] .byline {
  margin-bottom: 1rem;
  font-size: 0.75rem;
  line-height: 1;
}
[cs-community-discussion-panel] [cs-generic-panel] .description {
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 33.75em) {
  [cs-community-discussion-panel] [cs-generic-panel] .description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
[cs-community-discussion-panel] [cs-generic-panel] a {
  color: var(--cs-color-dark);
}
[cs-community-discussion-panel] [cs-generic-panel] a i {
  margin-right: 0.5rem;
}

[cs-community-group-discussions-sidebar] h2 {
  margin-bottom: 0.5rem;
}
[cs-community-group-discussions-sidebar] h2 + p {
  margin-bottom: 0.75rem;
}
[cs-community-group-discussions-sidebar] hr {
  margin-bottom: 1.5rem;
}
[cs-community-group-discussions-sidebar] a:not(.see-all) {
  color: var(--cs-color-dark);
}
[cs-community-group-discussions-sidebar] a i {
  margin-right: 0.5rem;
}
[cs-community-group-discussions-sidebar] p a {
  display: block;
}
[cs-community-group-discussions-sidebar] p a + span {
  display: block;
}
[cs-community-group-discussions-sidebar] p .members {
  display: block;
  margin-top: 0.5rem;
  font-size: 0;
}
[cs-community-group-discussions-sidebar] p span.badge {
  display: inline-block;
  border-radius: 0.125rem;
  padding: 0 0.35rem;
  font-size: 0.55rem;
  font-weight: 500;
  line-height: 1rem;
  text-transform: uppercase;
  vertical-align: text-top;
  margin-left: 0.5rem;
  margin-top: 0.3rem;
}
[cs-community-group-discussions-sidebar] p span.badge.new {
  background-color: var(--cs-color-primary);
  color: var(--cs-color-primary-contrast);
}
[cs-community-group-discussions-sidebar] p span.badge.replies {
  background-color: var(--cs-color-secondary);
  color: var(--cs-color-secondary-contrast);
}
[cs-community-group-discussions-sidebar] [cs-avatar] + [cs-avatar] {
  margin-left: 0.5rem;
}

[cs-community-likes] i {
  margin-right: 0.5rem;
}
[cs-community-likes].likes {
  color: var(--cs-color-primary);
}
[cs-community-likes].dislikes {
  color: var(--cs-color-danger);
}

[cs-community-post] {
  --multiplier: 0;
  --level: 0;
  --indent: 3rem;
  /*
  .reply-tablet {
      display: none;
  }

  .reply-mobile {
      display: block;
  }

  @include cs-media($from: tablet-portrait) {
  */
}
[cs-community-post] .panel {
  margin-top: 1rem;
  width: calc(100vw - var(--cs-line-width) * 2 - var(--zero-horizontal-unit-padding) * 2);
}
@media (min-width: 33.75em) {
  [cs-community-post] .panel {
    width: auto;
    margin-top: 1.5rem;
  }
}
[cs-community-post].deleted .panel {
  background-color: #f9f9f9;
  border-color: #e6e6e6;
}
[cs-community-post].deleted .panel .post-member, [cs-community-post].deleted .panel .post-counts, [cs-community-post].deleted .panel .post {
  opacity: 0.5;
}
[cs-community-post].deleted .panel.cs-no-panel {
  background-color: transparent;
}
[cs-community-post] .connector, [cs-community-post] .vertical, [cs-community-post] .full-vertical {
  --margin: 1.25rem;
  --height: 4.25rem;
  position: relative;
  overflow: hidden;
  margin-left: var(--margin);
  height: calc(var(--height) * var(--multiplier));
  width: var(--margin);
  border-left: solid calc(var(--cs-line-width) * var(--multiplier)) rgba(0, 0, 0, 0.25);
  border-bottom: solid calc(var(--cs-line-width) * var(--multiplier)) rgba(0, 0, 0, 0.25);
}
@media (min-width: 33.75em) {
  [cs-community-post] .connector, [cs-community-post] .vertical, [cs-community-post] .full-vertical {
    --margin: 3.25rem;
    --height: 5rem;
  }
}
[cs-community-post] .connector.button, [cs-community-post] .vertical.button, [cs-community-post] .full-vertical.button {
  --height: 2.25rem;
}
@media (min-width: 33.75em) {
  [cs-community-post] .connector.button, [cs-community-post] .vertical.button, [cs-community-post] .full-vertical.button {
    --height: 2.75rem;
  }
}
[cs-community-post] .vertical {
  height: calc(100% - 3.5rem * var(--multiplier));
  border-bottom: none;
}
@media (min-width: 33.75em) {
  [cs-community-post] .vertical {
    height: calc(100% - 5rem * var(--multiplier));
  }
}
[cs-community-post] .vertical.hidden {
  display: none;
}
[cs-community-post] .full-vertical {
  height: 100%;
  border-bottom: none;
}
[cs-community-post] a {
  color: var(--cs-color-dark);
}
[cs-community-post] a i {
  margin-right: 0.5rem;
}
[cs-community-post] .charms {
  margin-top: 1rem;
}
[cs-community-post] .cs-replies, [cs-community-post] .cs-prev-replies {
  display: inline-block;
  padding: 0.5rem 1rem;
  width: auto;
  /*
  .show-replies-tablet {
      display: none;
  }

  .show-replies-mobile {
      display: block;
  }

  @include cs-media($from: tablet-portrait) {
  */
  /*
  }

  @include cs-media($upto: tablet-portrait) {
      display: block;
      margin: 1rem 2rem;
      text-align: center;
  }
  */
}
[cs-community-post] .cs-replies .show-replies-tablet, [cs-community-post] .cs-prev-replies .show-replies-tablet {
  display: block;
}
[cs-community-post] .cs-replies .show-replies-mobile, [cs-community-post] .cs-prev-replies .show-replies-mobile {
  display: none;
}
[cs-community-post] .reply-tablet {
  display: block;
  margin-top: 0.5rem;
}
[cs-community-post] .reply-mobile {
  display: none;
}
[cs-community-post].primary {
  margin-bottom: 1rem;
}
[cs-community-post].primary h1 {
  margin-bottom: 0.5rem;
}
[cs-community-post].primary a {
  color: var(--cs-color-dark);
}
[cs-community-post].primary a i {
  margin-right: 0.5rem;
}
@media (min-width: 33.75em) {
  [cs-community-post].primary [cs-generic-panel] {
    padding: 0;
  }
}
[cs-community-post].mobile-primary .panel {
  border-top: solid 1rem var(--cs-color-buttons);
  border-bottom: solid 1rem var(--cs-color-buttons);
}

[cs-community-reply] h3 {
  margin-top: 0;
  margin-bottom: 0;
}
[cs-community-reply] [cs-button] {
  margin-top: 1rem;
}

[cs-community-topic-header] p {
  margin-top: 0.75rem;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-community-topic-header] button {
  margin-top: 1.5rem;
}

[cs-community-topic-panel] h2, [cs-community-topic-panel] h3, [cs-community-topic-panel] h4, [cs-community-topic-panel] h5 {
  margin-bottom: 1rem;
}
[cs-community-topic-panel] i {
  margin-right: 0.5rem;
}
[cs-community-topic-panel] .dimmed {
  opacity: 0.65;
}
[cs-community-topic-panel] .pipe {
  display: inline-block;
  margin: 0 1rem;
}
[cs-community-topic-panel] .topic-excerpt {
  margin-bottom: 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

[cs-community-topics-sidebar] h2 {
  margin-bottom: 0.75rem;
}
[cs-community-topics-sidebar] hr {
  margin-bottom: 1.5rem;
}
[cs-community-topics-sidebar] a, [cs-community-topics-sidebar] span {
  display: block;
}
[cs-community-topics-sidebar] a strong {
  margin-bottom: 0.25rem;
}
[cs-community-topics-sidebar] a:not(.see-all) {
  color: var(--cs-color-dark);
}
[cs-community-topics-sidebar] a i {
  margin-right: 0.5rem;
}
[cs-community-topics-sidebar] .topic-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-community-topics-sidebar] p.badge {
  display: inline-block;
  border-radius: 0.125rem;
  padding: 0 0.35rem;
  font-size: 0.55rem;
  font-weight: 500;
  line-height: 1rem;
  text-transform: uppercase;
  vertical-align: text-top;
  margin-left: 0.5rem;
  margin-top: 0.3rem;
}
[cs-community-topics-sidebar] p.badge.new {
  background-color: var(--cs-color-primary);
  color: var(--cs-color-primary-contrast);
}
[cs-community-topics-sidebar] p.badge.replies {
  background-color: var(--cs-color-secondary);
  color: var(--cs-color-secondary-contrast);
}

[cs-community-trending] h1 {
  margin-bottom: 1.5rem;
}
[cs-community-trending] .post-preview {
  cursor: pointer;
}
[cs-community-trending] .post-preview p {
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-community-trending] .metadata {
  font-size: 0.75rem;
}

[cs-conference-edit] [cs-save-bar] {
  margin-left: 24rem;
  width: calc(100vw - 24rem);
}

[cs-conference-history-detail] .details .icon {
  margin-top: 0.5rem;
}
[cs-conference-history-detail] .details .attendees h5 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

[cs-conference-meeting] #videolist {
  display: block;
  text-align: center;
}
[cs-conference-meeting] #videolist .video-tile {
  border: solid 1px black;
  position: relative;
  display: inline-block;
  background-color: var(--cs-color-primary);
  background-position: center center;
  background-size: cover;
  width: auto;
  min-width: 25rem;
  min-height: 20rem;
}
[cs-conference-meeting] #videolist .video-tile.has-video {
  aspect-ratio: auto !important;
}
[cs-conference-meeting] #videolist .video-tile .attendee-name {
  color: var(--cs-color-primary-contrast);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0.5rem;
  background-color: black;
  opacity: 0.5;
  text-align: center;
}
[cs-conference-meeting] #videolist .video-tile video {
  display: block;
  width: 100%;
}

[cs-conference-view] .join-button {
  text-align: right;
  color: red;
}
[cs-conference-view] .response > [css-grid] > [css-grid-cell]:first-child {
  --cs-vertical-align-items: center !important;
}
[cs-conference-view] .details .icon {
  margin-top: 0.5rem;
}
[cs-conference-view] .details .attendees h5 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
[cs-conference-view] video {
  width: 100%;
  background-color: black;
  border: solid 1px black;
}
[cs-conference-view] .device-checkbox {
  margin-top: 0.5rem;
}

[cs-upcoming-conferences] .calendar-feed {
  margin-bottom: 3rem;
}
[cs-upcoming-conferences] .calendar-feed .copy-icon i {
  font-size: 1.3rem;
  cursor: pointer;
}

[cs-content-block] {
  --background-color: transparent;
  --background-color-rgb: 255,255,255;
  --color: #000000;
  --foreground-color: var(--color);
  --accent-opacity: 0.3;
  --overlay-opacity: 0.5;
  --callout-unit-width: 85%;
  --border-color: var(--cs-color-form-field-line);
  --slide-background-color: var(--cs-color-white);
  --slide-color: var(--cs-color-white-contrast);
  --widget-background-color: var(--cs-color-anchors);
  --zero-horizontal-unit-padding: 0.75rem;
  --phablet-horizontal-unit-padding: 1rem;
  --tablet-portrait-horizontal-unit-padding: calc((100% - 55rem) / 2);
  --tablet-landscape-horizontal-unit-padding: calc((100% - 63rem) / 2);
  --notebook-horizontal-unit-padding: calc((100% - 63rem) / 2);
  --desktop-horizontal-unit-padding: calc((100% - 63rem) / 2);
  --elastic-horizontal-unit-padding: calc((100% - 63rem) / 2);
  overflow: visible;
  background-color: var(--background-color);
}
[cs-content-block] cs-outer-wrapper {
  margin: 0 auto;
}
@media (min-width: 52.1875em) {
  [cs-content-block] cs-outer-wrapper {
    max-width: calc(100vw - var(--tree-width));
  }
}
[cs-content-block] cs-inner-wrapper {
  overflow: visible;
  max-width: 100%;
}
@media (min-width: 52.1875em) {
  [cs-content-block] cs-inner-wrapper {
    max-width: calc(100% - var(--scrollbar-width));
  }
}
[cs-content-block] [cs-block].tiny-margins {
  padding: 0 5%;
}
[cs-content-block] [cs-block].small-margins {
  padding: 0 15%;
}
[cs-content-block] [cs-block].medium-margins {
  padding: 0 25%;
}
[cs-content-block] [cs-block].large-margins {
  padding: 0 35%;
}
[cs-content-block] [cs-block].extra-large-margins {
  padding: 0 40%;
}
[cs-content-block] blockquote, [cs-content-block] table, [cs-content-block] p, [cs-content-block] ul, [cs-content-block] ol, [cs-content-block] dl, [cs-content-block] h1, [cs-content-block] h2, [cs-content-block] h3, [cs-content-block] h4, [cs-content-block] h5, [cs-content-block] h6 {
  color: var(--foreground-color);
}
[cs-content-block] blockquote:first-child, [cs-content-block] table:first-child, [cs-content-block] p:first-child, [cs-content-block] ul:first-child, [cs-content-block] ol:first-child, [cs-content-block] dl:first-child, [cs-content-block] h1:first-child, [cs-content-block] h2:first-child, [cs-content-block] h3:first-child, [cs-content-block] h4:first-child, [cs-content-block] h5:first-child, [cs-content-block] h6:first-child {
  margin-top: 0;
}
[cs-content-block] blockquote:last-child, [cs-content-block] table:last-child, [cs-content-block] p:last-child, [cs-content-block] ul:last-child, [cs-content-block] ol:last-child, [cs-content-block] dl:last-child, [cs-content-block] h1:last-child, [cs-content-block] h2:last-child, [cs-content-block] h3:last-child, [cs-content-block] h4:last-child, [cs-content-block] h5:last-child, [cs-content-block] h6:last-child {
  margin-bottom: 0;
}
[cs-content-block] blockquote li > ol:first-child, [cs-content-block] blockquote li > ul:first-child, [cs-content-block] table li > ol:first-child, [cs-content-block] table li > ul:first-child, [cs-content-block] p li > ol:first-child, [cs-content-block] p li > ul:first-child, [cs-content-block] ul li > ol:first-child, [cs-content-block] ul li > ul:first-child, [cs-content-block] ol li > ol:first-child, [cs-content-block] ol li > ul:first-child, [cs-content-block] dl li > ol:first-child, [cs-content-block] dl li > ul:first-child, [cs-content-block] h1 li > ol:first-child, [cs-content-block] h1 li > ul:first-child, [cs-content-block] h2 li > ol:first-child, [cs-content-block] h2 li > ul:first-child, [cs-content-block] h3 li > ol:first-child, [cs-content-block] h3 li > ul:first-child, [cs-content-block] h4 li > ol:first-child, [cs-content-block] h4 li > ul:first-child, [cs-content-block] h5 li > ol:first-child, [cs-content-block] h5 li > ul:first-child, [cs-content-block] h6 li > ol:first-child, [cs-content-block] h6 li > ul:first-child {
  margin-top: 0.5rem;
}
[cs-content-block] h1, [cs-content-block] h2, [cs-content-block] h3, [cs-content-block] h4, [cs-content-block] h5, [cs-content-block] h6 {
  margin-bottom: 1.5rem;
}
[cs-content-block] a {
  color: var(--widget-background-color);
}

[cs-content-block-shadow-top] {
  display: block;
  height: 0.5rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.025) 25%, rgba(0, 0, 0, 0) 100%);
  border-bottom: solid 1px rgba(0, 0, 0, 0.07);
}
[cs-content-block-shadow-top].gap {
  margin-top: 2rem;
}

[cs-content-block-shadow-bottom] {
  display: block;
  height: 0.5rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.025) 25%, rgba(0, 0, 0, 0) 100%);
  border-top: solid 1px rgba(0, 0, 0, 0.07);
}
[cs-content-block-shadow-bottom].gap {
  margin-bottom: 2rem;
}

[cs-widget] {
  text-align: center;
  border: solid 1px var(--cs-color-line);
  border-radius: 0.5rem;
  background-color: var(--widget-panel-background-color);
  color: var(--widget-panel-color);
  padding: 2rem;
}
@media (min-width: 33.75em) {
  [cs-widget] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 15rem;
  }
}
[cs-widget].linked {
  cursor: pointer;
}
[cs-widget] > [cs-widget-content] {
  width: 100%;
}
[cs-widget] > [cs-widget-content] h2, [cs-widget] > [cs-widget-content] h3, [cs-widget] > [cs-widget-content] h4, [cs-widget] > [cs-widget-content] h5 {
  color: var(--widget-panel--color);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-widget] > [cs-widget-content] h2 {
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 1.25rem;
}
[cs-widget] > [cs-widget-content] a {
  color: var(--widget-panel-anchor-color);
}
[cs-widget] > [cs-widget-content] .report-number {
  font-size: 3rem;
  margin: 0;
  line-height: 1;
}
@media (min-width: 33.75em) {
  [cs-widget] > [cs-widget-content] .report-number {
    font-size: 4rem;
  }
}
[cs-widget] > [cs-widget-content] .multi-report-number {
  font-size: 2rem;
  margin: 0;
  line-height: 1;
}
@media (min-width: 33.75em) {
  [cs-widget] > [cs-widget-content] .multi-report-number {
    font-size: 3rem;
  }
}
[cs-widget] > [cs-widget-content] [cs-label] {
  margin-top: 0.75rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-widget] > [cs-widget-content] .table-data {
  text-align: left;
  font-size: 0.9rem;
}
[cs-widget] > [cs-widget-content] .table-data .heading {
  font-size: 1rem;
  font-weight: bold;
}
[cs-widget] > [cs-widget-content] .more {
  margin-top: 3rem;
  display: block;
}

[cs-course-complete-block] {
  text-align: center;
}
[cs-course-complete-block] .summary {
  font-size: 1.25rem;
}
[cs-course-complete-block] .summary h1 {
  text-align: center;
  font-size: 3rem;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
[cs-course-complete-block] .summary h2 {
  text-align: center;
  margin-top: 1rem;
  font-size: 1.75rem;
  text-transform: uppercase;
}
[cs-course-complete-block] .summary h3 {
  text-align: center;
  margin-top: 1rem;
  font-size: 1.75rem;
}
[cs-course-complete-block] .badge-area {
  margin-top: 2rem;
}
@media (min-width: 33.75em) {
  [cs-course-complete-block] .badge-area {
    margin-top: 3rem;
  }
}
[cs-course-complete-block] .badge-area .status {
  text-align: center;
  font-size: 8rem;
  line-height: 1;
}
[cs-course-complete-block] .badge-area .status i {
  color: var(--cs-color-success);
}
[cs-course-complete-block] .badge-area .footer-left, [cs-course-complete-block] .badge-area .footer-right {
  text-align: center;
}
[cs-course-complete-block] .badge-area .footer-left p, [cs-course-complete-block] .badge-area .footer-right p {
  margin-bottom: 1rem;
}
[cs-course-complete-block] .badge-area .footer-left p.signature, [cs-course-complete-block] .badge-area .footer-right p.signature {
  font-family: var(--font-cursive);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1;
}
[cs-course-complete-block] .badge-area .footer-left a, [cs-course-complete-block] .badge-area .footer-right a {
  font-size: 1.25rem;
}
[cs-course-complete-block] a[role=button] {
  background-color: var(--cs-color-primary);
  border-color: var(--cs-color-primary);
  color: var(--cs-color-primary-contrast);
}

[cs-file-attachment-block] .file .file-icon {
  font-size: 3.25rem;
  color: var(--color);
  line-height: 1;
}
[cs-file-attachment-block] .file .file-name {
  line-height: 1.5;
  color: var(--color);
  font-size: 0.8rem;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-file-attachment-block] .file .file-type, [cs-file-attachment-block] .file .links {
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--color);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-file-attachment-block] .file .file-type a, [cs-file-attachment-block] .file .links a {
  display: inline-block;
  font-weight: 500;
}
[cs-file-attachment-block] .file .links > span {
  padding: 0 0.5rem;
}
[cs-file-attachment-block] .file:hover {
  color: var(--color);
}
@media (min-width: 33.75em) {
  [cs-file-attachment-block] .file .file-icon {
    font-size: 3.75rem;
  }
  [cs-file-attachment-block] .file .file-name {
    font-size: 1rem;
  }
  [cs-file-attachment-block] .file .file-type, [cs-file-attachment-block] .file .links {
    font-size: 0.85rem;
  }
}

[cs-flashcard-content-block] {
  perspective: 1000px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  height: 22rem;
  width: 22rem;
  padding: 1rem 0;
  overflow: visible;
  margin: auto;
  cursor: pointer;
}
[cs-flashcard-content-block] .flashcard-inner {
  position: absolute;
  height: 20rem;
  width: 20rem;
  will-change: transform;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  margin: auto;
  overflow: visible;
  white-space: normal;
}
[cs-flashcard-content-block] .flashcard-inner * {
  will-change: opacity;
  transition: opacity 0.8s;
}
[cs-flashcard-content-block] .flashcard-inner.flipped {
  transform: rotateY(-180deg);
}
[cs-flashcard-content-block] .flashcard-inner.flipped .flashcard-box:first-child * {
  opacity: 0;
}
[cs-flashcard-content-block] .flashcard-inner .flashcard-flip {
  position: absolute;
  right: 0.25rem;
  bottom: 0.3rem;
  padding: 0.15rem 0.25rem;
  border-radius: 0.15rem;
  line-height: 1;
}
[cs-flashcard-content-block] .flashcard-inner .flashcard-flip i {
  color: rgba(0, 0, 0, 0.25);
}
[cs-flashcard-content-block] .flashcard-inner .flashcard-flip.flip-back {
  transform: scaleX(-1);
  left: 0.25rem;
  right: auto;
}
[cs-flashcard-content-block] .flashcard-inner .flashcard-flip:hover i {
  color: var(--cs-color-dark);
}
[cs-flashcard-content-block] .flashcard-inner .flashcard-box {
  font-size: 1rem;
  margin: auto;
  background-color: white !important;
  border-radius: 0.15rem;
  padding: 2rem;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.07);
  position: absolute;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
  border: solid var(--cs-line-width) var(--cs-color-line);
}
[cs-flashcard-content-block] .flashcard-inner .flashcard-box.flashcard-back {
  transform: rotateY(-180deg);
}
[cs-flashcard-content-block] .flashcard-inner .flashcard-box .flashcard-text {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}
[cs-flashcard-content-block] .flashcard-inner .flashcard-box .flashcard-text blockquote, [cs-flashcard-content-block] .flashcard-inner .flashcard-box .flashcard-text table, [cs-flashcard-content-block] .flashcard-inner .flashcard-box .flashcard-text p, [cs-flashcard-content-block] .flashcard-inner .flashcard-box .flashcard-text i, [cs-flashcard-content-block] .flashcard-inner .flashcard-box .flashcard-text ul, [cs-flashcard-content-block] .flashcard-inner .flashcard-box .flashcard-text ol, [cs-flashcard-content-block] .flashcard-inner .flashcard-box .flashcard-text dl, [cs-flashcard-content-block] .flashcard-inner .flashcard-box .flashcard-text h1, [cs-flashcard-content-block] .flashcard-inner .flashcard-box .flashcard-text h2, [cs-flashcard-content-block] .flashcard-inner .flashcard-box .flashcard-text h3, [cs-flashcard-content-block] .flashcard-inner .flashcard-box .flashcard-text h4, [cs-flashcard-content-block] .flashcard-inner .flashcard-box .flashcard-text h5, [cs-flashcard-content-block] .flashcard-inner .flashcard-box .flashcard-text h6 {
  color: var(--cs-color-dark);
}
[cs-flashcard-content-block] .flashcard-inner .flashcard-box.full {
  border: solid var(--cs-line-width) rgba(0, 0, 0, 0.75);
}
[cs-flashcard-content-block] .flashcard-inner .flashcard-box.full .flashcard-flip {
  background-color: rgba(0, 0, 0, 0.25);
}
[cs-flashcard-content-block] .flashcard-inner .flashcard-box.full .flashcard-flip i {
  color: rgba(255, 255, 255, 0.35);
}
[cs-flashcard-content-block] .flashcard-inner .flashcard-box.full .flashcard-flip:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
[cs-flashcard-content-block] .flashcard-inner .flashcard-box.full .flashcard-flip:hover i {
  color: var(--cs-color-white);
}
[cs-flashcard-content-block].export {
  width: auto;
  height: auto;
  position: relative;
  display: block;
}
[cs-flashcard-content-block].export .flashcard-inner {
  width: auto;
  height: auto;
  position: relative;
  display: block;
}
[cs-flashcard-content-block].export .flashcard-inner .flashcard-box {
  position: relative;
  display: inline-block;
  width: 22rem;
  height: 22rem;
}
[cs-flashcard-content-block].export .flashcard-inner .flashcard-box.flashcard-back {
  transform: rotateY(0deg);
}

.units-flashcard.flipped [cs-flashcard-content-block] .flashcard-inner {
  transform: rotateY(-180deg);
}
.units-flashcard.flipped [cs-flashcard-content-block] .flashcard-inner .flashcard-box:first-child * {
  opacity: 0;
}

[cs-flashcard-list-block] [cs-flashcard-list-block-wrapper] {
  overflow-y: visible;
  margin: auto;
  width: 100%;
}
[cs-flashcard-list-block] [cs-flashcard-list-block-wrapper] [carousel-wrapper] {
  overflow-y: hidden;
}
[cs-flashcard-list-block] [cs-flashcard-list-block-wrapper] [carousel-wrapper] [carousel] {
  height: 24rem;
  overflow-y: hidden;
}
[cs-flashcard-list-block] [cs-flashcard-list-block-wrapper].grid {
  margin: auto;
  width: min-content;
}
[cs-flashcard-list-block] [cs-flashcard-list-block-wrapper].grid [cs-flashcard-content-block] {
  height: 20rem;
  width: 20rem;
  padding: 0;
  cursor: pointer;
}
[cs-flashcard-list-block] [cs-flashcard-list-block-wrapper].grid [cs-flashcard-content-block] .flashcard-inner {
  height: 20rem;
  width: 20rem;
}
[cs-flashcard-list-block] [cs-flashcard-list-block-wrapper].grid [cs-flashcard-content-block].export {
  height: auto;
  width: auto;
  padding: 0;
  cursor: pointer;
}
[cs-flashcard-list-block] [cs-flashcard-list-block-wrapper].grid [cs-flashcard-content-block].export .flashcard-inner {
  height: auto;
  width: auto;
}
[cs-flashcard-list-block] [cs-flashcard-list-block-wrapper] [carousel-nodes] {
  position: relative;
  margin-top: 1rem !important;
  z-index: 9999;
}
[cs-flashcard-list-block] [cs-flashcard-list-block-wrapper] [carousel-nodes] a {
  background-color: rgba(0, 0, 0, 0.25);
  color: var(--cs-color-dark-contrast);
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}
[cs-flashcard-list-block] [cs-flashcard-list-block-wrapper] [carousel-nodes] a.current {
  background-color: var(--widget-background-color);
  color: var(--widget-color);
}

[cs-heading-block] h1, [cs-heading-block] h2, [cs-heading-block] h3, [cs-heading-block] h4, [cs-heading-block] h5, [cs-heading-block] h6 {
  color: var(--foreground-color);
}

[cs-image-carousel-block] {
  --height: 3rem;
  --tabpHeight: 20rem;
  --tablHeight: 20rem;
}
@media (max-width: 33.74em) {
  [cs-image-carousel-block] {
    margin-left: calc(var(--horizontal-unit-padding) * -1);
    margin-right: calc(var(--horizontal-unit-padding) * -1);
  }
}
@media (min-width: 33.75em) {
  [cs-image-carousel-block] [carousel] {
    border-radius: 0.25rem;
  }
}
[cs-image-carousel-block] [image-wrapper] {
  margin: 0;
  overflow: hidden;
  height: var(--height);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 33.75em) {
  [cs-image-carousel-block] [image-wrapper] {
    height: var(--tabpHeight);
  }
}
@media (min-width: 52.1875em) {
  [cs-image-carousel-block] [image-wrapper] {
    height: var(--tablHeight);
  }
}
[cs-image-carousel-block] [cs-image-caption] {
  margin-top: 0.75rem;
  font-size: 0.75rem;
}
[cs-image-carousel-block] [carousel-nodes] a {
  background-color: rgba(0, 0, 0, 0.65);
  color: var(--cs-color-dark-contrast);
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}
[cs-image-carousel-block] [carousel-nodes] a.current {
  background-color: var(--widget-background-color);
  color: var(--widget-color);
}

[cs-image-full-width-block] {
  --height: 3rem;
  --tabpHeight: 20rem;
  --tablHeight: 20rem;
  --rounded-corners: 0;
}
[cs-image-full-width-block] [cs-image-full-width-block-wrapper] {
  overflow: hidden;
  height: var(--height);
}
@media (min-width: 33.75em) {
  [cs-image-full-width-block] [cs-image-full-width-block-wrapper] {
    height: var(--tabpHeight);
    border-radius: var(--rounded-corners);
  }
}
@media (min-width: 52.1875em) {
  [cs-image-full-width-block] [cs-image-full-width-block-wrapper] {
    height: var(--tablHeight);
  }
}
[cs-image-full-width-block] [cs-image-caption] {
  margin-top: 0.75rem;
  font-size: 0.75rem;
}

@media (max-width: 33.74em) {
  [cs-block].no-margins [cs-image-full-width-block] [cs-image-full-width-block-wrapper] {
    margin-left: calc(var(--horizontal-unit-padding) * -1);
    margin-right: calc(var(--horizontal-unit-padding) * -1);
  }
}

[cs-image-grid-block] {
  --height: 3rem;
  --tabpHeight: 20rem;
  --tablHeight: 20rem;
}
[cs-image-grid-block] [image-wrapper] {
  height: var(--height);
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 33.74em) {
  [cs-image-grid-block] [image-wrapper] {
    margin-left: calc(var(--horizontal-unit-padding) * -1);
    margin-right: calc(var(--horizontal-unit-padding) * -1);
  }
}
@media (min-width: 33.75em) {
  [cs-image-grid-block] [image-wrapper] {
    height: var(--tabpHeight);
    border-radius: 0.25rem;
  }
}
@media (min-width: 52.1875em) {
  [cs-image-grid-block] [image-wrapper] {
    height: var(--tablHeight);
  }
}
[cs-image-grid-block] [cs-image-caption] {
  margin-top: 0.75rem;
  font-size: 0.75rem;
}

[cs-list-block] {
  --bullet-height: calc(var(--font-size) * 2);
  margin: 0 auto;
}
[cs-list-block] .number {
  display: inline-block;
  vertical-align: text-top;
  width: var(--bullet-height);
  height: var(--bullet-height);
  border-radius: var(--font-size);
  overflow: hidden;
  text-align: center;
  line-height: var(--bullet-height);
  font-weight: 500;
  background-color: var(--bullet-color);
  color: var(--bullet-color-contrast);
}
[cs-list-block] .bullet {
  display: inline-block;
  width: calc(var(--font-size));
  height: calc(var(--font-size));
  background-color: var(--bullet-color);
  border-radius: calc(var(--font-size) / 2);
  margin-top: calc((1rem * var(--line-height) - var(--font-size)) / 2);
}
[cs-list-block] .checkbox, [cs-list-block] .checkbox * {
  font-size: calc(var(--font-size) * var(--line-height));
  line-height: 1;
  background-color: transparent;
  color: var(--bullet-color);
}
[cs-list-block].number .text-item {
  --real-line-height: calc(var(--font-size) * var(--line-height));
  --diff: calc(var(--bullet-height) - var(--real-line-height));
  padding-top: calc(var(--diff) / 2);
}

[cs-note-block] {
  background-color: var(--background-color);
  color: var(--color);
  width: 100%;
  position: relative;
  border: solid 0.15rem var(--border-color);
  border-radius: 0.25rem;
  padding: 1rem;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
[cs-note-block] .icon {
  vertical-align: top;
  color: var(--color);
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1;
  width: 2rem;
  text-align: left;
}
[cs-note-block] .note {
  vertical-align: top;
  display: inline-block;
  padding-top: 0.125rem;
  width: calc(100% - 2.5rem);
}
[cs-note-block] .note > *:last-child {
  margin-bottom: 0;
}
[cs-note-block] .text-tiny {
  font-size: 0.7em;
}
[cs-note-block] .text-small {
  font-size: 0.85em;
}
[cs-note-block] .text-big {
  font-size: 1.4em;
}
[cs-note-block] .text-huge {
  font-size: 1.8em;
}

[cs-quiz-block] {
  --callout-unit-width: 100%;
}
[cs-quiz-block] [cs-quiz-block-wrapper] [carousel] {
  --widget-background-color: var(--cs-color-secondary);
  --widget-color: var(--cs-color-secondary-contrast);
  --widget-background-color-tint: var(--cs-color-secondary-tint);
}
[cs-quiz-block] [cs-quiz-block-wrapper] [carousel] blockquote, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] table, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] p, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] ul, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] ol, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] dl, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] h1, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] h2, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] h3, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] h4, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] h5, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] h6 {
  color: var(--cs-color-white-contrast);
}
[cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-roll] {
  white-space: normal;
}
[cs-quiz-block] [cs-quiz-block-wrapper] [carousel] .error {
  color: red;
  display: block;
  margin-top: 0.5rem;
}
[cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] {
  --slide-num: 1;
  --slide-margin: 1rem;
  /* First visible slide uses left and right margin to align with page margins */
}
[cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper {
  border: solid var(--cs-line-width) var(--cs-color-line);
  margin-left: var(--slide-margin);
  margin-right: var(--slide-margin);
  padding: 2rem;
  background-color: var(--widget-color);
  border-radius: 0.5rem;
  text-align: left;
}
[cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper .question-answers {
  text-align: left;
}
[cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper .question-text, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper .question-image, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper .answer-image {
  margin-bottom: 1.5rem;
}
[cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper .question-text, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper .question-text *, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper .question-image, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper .question-image *, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper .answer-image, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper .answer-image * {
  font-size: 1.3rem;
}
[cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper .submit-answer, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper .submit-quiz, [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper .submitted-answer {
  margin-top: 2rem;
}
[cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper .submitted-answer {
  color: var(--cs-color-black);
  background: var(--cs-color-white);
  border: dashed 2px var(--cs-color-black);
  cursor: default;
}
[cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item][selected="0"] .slide-wrapper {
  margin-left: var(--cs-line-width);
  margin-right: var(--cs-line-width);
}
[cs-quiz-block] [cs-quiz-block-wrapper] .quiz-status {
  padding: 0rem var(--zero-horizontal-unit-padding) 1rem var(--zero-horizontal-unit-padding);
}
@media (min-width: 33.75em) {
  [cs-quiz-block] [cs-quiz-block-wrapper] .quiz-status {
    display: none;
  }
}
[cs-quiz-block] [cs-quiz-block-wrapper] .quiz-complete .status {
  text-align: center;
  margin-bottom: 1rem;
  font-size: 2.5rem;
}
[cs-quiz-block] [cs-quiz-block-wrapper] .quiz-complete .status i {
  font-size: 5rem;
  display: block;
  margin-bottom: 1rem;
}
[cs-quiz-block] [cs-quiz-block-wrapper] .quiz-complete .status i.passed {
  color: var(--cs-color-success);
}
[cs-quiz-block] [cs-quiz-block-wrapper] .quiz-complete .status i.failed {
  color: var(--cs-color-danger);
}
[cs-quiz-block] [cs-quiz-block-wrapper] .quiz-complete .grade {
  text-align: center;
  font-size: 1.5rem;
}
[cs-quiz-block] [cs-quiz-block-wrapper] .quiz-complete .retake {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 1rem;
}
[cs-quiz-block] [cs-quiz-block-wrapper] .quiz-complete .retake .retake-quiz {
  margin-top: 1.5rem;
}
[cs-quiz-block] [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] {
  padding: 0;
}
[cs-quiz-block] [cs-quiz-block] [cs-quiz-block-wrapper] [carousel] [carousel-item] .slide-wrapper {
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

[cs-quote-a-block] {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (min-width: 33.75em) {
  [cs-quote-a-block] {
    width: var(--callout-unit-width);
  }
}
[cs-quote-a-block] > * {
  margin: 0;
}
[cs-quote-a-block] .top-bar, [cs-quote-a-block] .bottom-bar {
  width: 100%;
  height: 0.25rem;
  background-color: rgba(var(--color-rgb), var(--accent-opacity));
}
[cs-quote-a-block] .top-bar {
  margin-bottom: 2rem;
}
[cs-quote-a-block] .bottom-bar {
  margin-top: 2rem;
}
[cs-quote-a-block] .photo {
  display: block;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.05);
  border-radius: 4rem;
  overflow: hidden;
  width: 8rem;
  height: 8rem;
  background-size: cover;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}
[cs-quote-a-block] .quote {
  font-size: 1.25rem;
  color: var(--color);
}
[cs-quote-a-block] .attribution {
  margin-top: 1.5rem;
  font-size: 1rem;
  font-style: italic;
  color: var(--color);
}

[cs-quote-b-block] {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (min-width: 33.75em) {
  [cs-quote-b-block] {
    width: var(--callout-unit-width);
  }
}
[cs-quote-b-block] > * {
  margin: 0;
}
[cs-quote-b-block] .top-bar, [cs-quote-b-block] .bottom-bar {
  width: 100%;
  height: 0.25rem;
  background-color: rgba(var(--color-rgb), var(--accent-opacity));
}
[cs-quote-b-block] .top-bar {
  margin-bottom: 2rem;
}
[cs-quote-b-block] .bottom-bar {
  margin-top: 2rem;
}
[cs-quote-b-block] .photo {
  display: block;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.05);
  border-radius: 4rem;
  overflow: hidden;
  width: 8rem;
  height: 8rem;
  background-size: cover;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}
[cs-quote-b-block] .quote {
  font-size: 1.25rem;
  color: var(--color);
}
[cs-quote-b-block] .attribution {
  margin-top: 1.5rem;
  font-size: 1rem;
  font-style: italic;
  color: var(--color);
}
[cs-quote-b-block] .attribution {
  --attribution-color: var(--cs-color-light-contrast);
  margin-top: 1.5rem;
  font-size: 1rem;
  font-weight: bold;
  color: var(--attribution-color);
}

[cs-quote-carousel-block] [carousel-item] {
  padding: 0 0.5rem;
}
[cs-quote-carousel-block] .quote-slide-wrapper {
  margin: 0 auto;
}
[cs-quote-carousel-block] .quote-slide-wrapper .quote-slide {
  background-color: var(--slide-background-color);
  border: solid var(--cs-line-width) var(--cs-color-line);
  color: var(--slide-color);
  border-radius: 0.25rem;
  padding: 1.5rem 2.5rem;
  white-space: normal;
  text-align: center;
}
[cs-quote-carousel-block] .quote-slide-wrapper .quote-slide .photo {
  display: block;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.05);
  border-radius: 4rem;
  overflow: hidden;
  width: 8rem;
  height: 8rem;
  background-size: cover;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}
[cs-quote-carousel-block] .quote-slide-wrapper .quote-slide .quote, [cs-quote-carousel-block] .quote-slide-wrapper .quote-slide .quote * {
  font-size: 1.25rem;
  color: var(--slide-color);
}
[cs-quote-carousel-block] .quote-slide-wrapper .quote-slide .attribution {
  margin-top: 1.5rem;
  font-size: 1rem;
  font-style: italic;
  color: var(--attribution-color);
}
[cs-quote-carousel-block] [carousel-nodes] a {
  background-color: rgba(0, 0, 0, 0.65);
  color: var(--cs-color-dark-contrast);
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}
[cs-quote-carousel-block] [carousel-nodes] a.current {
  background-color: var(--widget-background-color);
  color: var(--widget-color);
}

[cs-quote-c-block] {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
@media (min-width: 33.75em) {
  [cs-quote-c-block] {
    width: var(--callout-unit-width);
  }
}
[cs-quote-c-block] > * {
  margin: 0;
}
[cs-quote-c-block] .top-bar, [cs-quote-c-block] .bottom-bar {
  width: 100%;
  height: 0.25rem;
  background-color: rgba(var(--color-rgb), var(--accent-opacity));
}
[cs-quote-c-block] .top-bar {
  margin-bottom: 2rem;
}
[cs-quote-c-block] .bottom-bar {
  margin-top: 2rem;
}
[cs-quote-c-block] .photo {
  display: block;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.05);
  overflow: hidden;
  width: 8rem;
  height: 8rem;
  background-size: cover;
  background-position: center;
  border-radius: 0.25rem;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
[cs-quote-c-block] .quote {
  font-size: 1.25rem;
  color: var(--color);
}
[cs-quote-c-block] .attribution {
  margin-top: 1.5rem;
  font-size: 1rem;
  font-style: italic;
  color: var(--color);
}

[cs-quote-d-block] {
  text-align: left;
}
[cs-quote-d-block] .quote {
  font-size: 1.25rem;
}
[cs-quote-d-block] .quote, [cs-quote-d-block] .quote i {
  color: var(--color);
}
[cs-quote-d-block] .photo {
  display: block;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.05);
  border-radius: 4rem;
  overflow: hidden;
  width: 6rem;
  height: 6rem;
  background-size: cover;
  background-position: center;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 2rem;
}
[cs-quote-d-block] .attribution {
  color: var(--color);
  font-weight: bold;
}

[cs-rich-text-block] {
  --heading-background-color: var(--cs-color-light);
  --heading-color: var(--cs-color-light-contrast);
  --heading-border-color: var(--cs-color-light);
  --footer-background-color: var(--cs-color-light);
  --footer-color: var(--cs-color-light-contrast);
  --footer-border-color: var(--cs-color-light);
  --cell-background-color: var(--cs-color-white);
  --cell-color: var(--cs-color-white-contrast);
  --cell-border-color: var(--cs-color-light);
  --border-size: 0.15rem;
  --cell-padding: 1rem;
}
[cs-rich-text-block] .text-tiny {
  font-size: 0.7em;
}
[cs-rich-text-block] .text-small {
  font-size: 0.85em;
}
[cs-rich-text-block] .text-big {
  font-size: 1.4em;
}
[cs-rich-text-block] .text-huge {
  font-size: 1.8em;
}
[cs-rich-text-block] figure {
  margin-top: 0;
  margin-bottom: var(--paragraph-bottom-margin);
}
[cs-rich-text-block] figure:last-child {
  margin-bottom: 0;
}
[cs-rich-text-block] table {
  width: 100%;
  margin-top: 0;
  margin-bottom: var(--paragraph-bottom-margin);
  border-spacing: 0;
  background-color: var(--cell-background-color);
  color: var(--cell-color);
}
[cs-rich-text-block] table:last-child {
  margin-bottom: 0;
}
[cs-rich-text-block] table, [cs-rich-text-block] table tbody, [cs-rich-text-block] table tr, [cs-rich-text-block] table thead, [cs-rich-text-block] table tfoot {
  border: none;
}
[cs-rich-text-block] table td {
  border-right: solid var(--border-size) var(--cell-border-color);
  border-bottom: solid var(--border-size) var(--cell-border-color);
}
[cs-rich-text-block] table td:first-of-type {
  border-left: solid var(--border-size) var(--cell-border-color);
}
[cs-rich-text-block] table td, [cs-rich-text-block] table td p, [cs-rich-text-block] table td ul, [cs-rich-text-block] table td ol, [cs-rich-text-block] table td dl {
  color: var(--cell-color);
}
[cs-rich-text-block] table td, [cs-rich-text-block] table th {
  text-align: left;
  padding: var(--cell-padding);
  min-width: 10rem;
  background-color: var(--cell-background-color);
}
[cs-rich-text-block] table td ul, [cs-rich-text-block] table td ol, [cs-rich-text-block] table td dl, [cs-rich-text-block] table td p, [cs-rich-text-block] table td h1, [cs-rich-text-block] table td h2, [cs-rich-text-block] table td h3, [cs-rich-text-block] table td h4, [cs-rich-text-block] table td h5, [cs-rich-text-block] table td h6, [cs-rich-text-block] table th ul, [cs-rich-text-block] table th ol, [cs-rich-text-block] table th dl, [cs-rich-text-block] table th p, [cs-rich-text-block] table th h1, [cs-rich-text-block] table th h2, [cs-rich-text-block] table th h3, [cs-rich-text-block] table th h4, [cs-rich-text-block] table th h5, [cs-rich-text-block] table th h6 {
  margin-top: 0;
  margin-bottom: 0;
}
[cs-rich-text-block] table td ul, [cs-rich-text-block] table td ol, [cs-rich-text-block] table td dl, [cs-rich-text-block] table th ul, [cs-rich-text-block] table th ol, [cs-rich-text-block] table th dl {
  margin-left: calc(var(--font-size) * 1.5);
}
[cs-rich-text-block] table td.no-bottom-border, [cs-rich-text-block] table th.no-bottom-border {
  border-bottom: none;
}
[cs-rich-text-block] table thead:first-child > tr:first-of-type > th {
  border-top: solid var(--border-size) var(--heading-border-color);
}
[cs-rich-text-block] table tbody:first-child > tr:first-of-type > td {
  border-top: solid var(--border-size) var(--cell-border-color);
}
[cs-rich-text-block] table tfoot:first-child > tr:first-of-type > th {
  border-top: solid var(--border-size) var(--footer-border-color);
}
[cs-rich-text-block] table thead th {
  background-color: var(--heading-background-color);
  font-weight: 600;
  vertical-align: bottom;
  border-right: solid var(--border-size) var(--heading-border-color);
  border-bottom: solid var(--border-size) var(--heading-border-color);
}
[cs-rich-text-block] table thead th, [cs-rich-text-block] table thead th p, [cs-rich-text-block] table thead th ul, [cs-rich-text-block] table thead th ol, [cs-rich-text-block] table thead th dl {
  color: var(--heading-color);
}
[cs-rich-text-block] table thead th:first-of-type {
  border-left: solid var(--border-size) var(--heading-border-color);
}
[cs-rich-text-block] table tfoot th {
  background-color: var(--footer-background-color);
  border-right: solid var(--border-size) var(--footer-border-color);
  border-bottom: solid var(--border-size) var(--footer-border-color);
}
[cs-rich-text-block] table tfoot th, [cs-rich-text-block] table tfoot th p, [cs-rich-text-block] table tfoot th ul, [cs-rich-text-block] table tfoot th ol, [cs-rich-text-block] table tfoot th dl {
  color: var(--footer-color);
}
[cs-rich-text-block] table tfoot th:first-of-type {
  border-left: solid var(--border-size) var(--footer-border-color);
}

[cs-signature-block] p.signature {
  font-family: var(--font-cursive);
  font-size: 3rem;
  font-weight: 600;
}

[cs-spacer-block] {
  --height: var(--paragraph-bottom-margin);
  --tabpHeight: var(--paragraph-bottom-margin);
  --tablHeight: var(--paragraph-bottom-margin);
  padding-top: var(--height);
  padding-bottom: var(--height);
}
@media (min-width: 33.75em) {
  [cs-spacer-block] {
    padding-top: var(--tabpHeight);
    padding-bottom: var(--tabpHeight);
  }
}
@media (min-width: 52.1875em) {
  [cs-spacer-block] {
    padding-top: var(--tablHeight);
    padding-bottom: var(--tablHeight);
  }
}
[cs-spacer-block] hr {
  margin-bottom: 0;
}
[cs-spacer-block].no-line hr {
  display: none;
}

[cs-statement-a-block] {
  --callout-unit-width: 75%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (min-width: 33.75em) {
  [cs-statement-a-block] {
    width: var(--callout-unit-width);
  }
}
[cs-statement-a-block] > * {
  margin: 0;
}
[cs-statement-a-block] .top-bar, [cs-statement-a-block] .bottom-bar {
  width: 100%;
  height: 0.25rem;
  background-color: rgba(var(--color-rgb), var(--accent-opacity));
}
[cs-statement-a-block] .top-bar {
  margin-bottom: 2rem;
}
[cs-statement-a-block] .bottom-bar {
  margin-top: 2rem;
}
[cs-statement-a-block] .statement {
  margin-left: auto;
  margin-right: auto;
  font-size: 1.5rem;
}
@media (min-width: 33.75em) {
  [cs-statement-a-block] .statement {
    width: 80%;
  }
}
[cs-statement-a-block] .statement > *:last-child {
  margin-bottom: 0;
}

[cs-statement-b-block] {
  --callout-unit-width: 75%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (min-width: 33.75em) {
  [cs-statement-b-block] {
    width: var(--callout-unit-width);
  }
}
[cs-statement-b-block] > * {
  margin: 0;
}
[cs-statement-b-block] .top-bar, [cs-statement-b-block] .bottom-bar {
  width: 100%;
  height: 0.25rem;
  background-color: rgba(var(--color-rgb), var(--accent-opacity));
}
[cs-statement-b-block] .top-bar {
  width: 20%;
  height: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  background-color: rgba(var(--bar-color), 1);
}
[cs-statement-b-block] .bottom-bar {
  margin-top: 2rem;
}
[cs-statement-b-block] .statement {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-size: 1.5rem;
}
@media (min-width: 33.75em) {
  [cs-statement-b-block] .statement {
    width: 80%;
  }
}
[cs-statement-b-block] .statement > *:last-child {
  margin-bottom: 0;
}

[cs-table-block] {
  --heading-background-color: var(--cs-color-light);
  --heading-color: var(--cs-color-light-contrast);
  --heading-border-color: var(--cs-color-light);
  --footer-background-color: var(--cs-color-light);
  --footer-color: var(--cs-color-light-contrast);
  --footer-border-color: var(--cs-color-light);
  --cell-background-color: var(--cs-color-white);
  --cell-color: var(--cs-color-white-contrast);
  --cell-border-color: var(--cs-color-light);
  --border-size: 0.15rem;
  --cell-padding: 1rem;
}
[cs-table-block] table {
  width: 100%;
  margin-top: 0;
  margin-bottom: var(--paragraph-bottom-margin);
  border-spacing: 0;
  background-color: var(--cell-background-color);
  color: var(--cell-color);
}
[cs-table-block] table:last-child {
  margin-bottom: 0;
}
[cs-table-block] table, [cs-table-block] table tbody, [cs-table-block] table tr, [cs-table-block] table thead, [cs-table-block] table tfoot {
  border: none;
}
[cs-table-block] table td {
  border-right: solid var(--border-size) var(--cell-border-color);
  border-bottom: solid var(--border-size) var(--cell-border-color);
}
[cs-table-block] table td:first-of-type {
  border-left: solid var(--border-size) var(--cell-border-color);
}
[cs-table-block] table td, [cs-table-block] table td p, [cs-table-block] table td ul, [cs-table-block] table td ol, [cs-table-block] table td dl {
  color: var(--cell-color);
}
[cs-table-block] table td, [cs-table-block] table th {
  text-align: left;
  vertical-align: top;
  padding: var(--cell-padding);
  min-width: 10rem;
  background-color: var(--cell-background-color);
}
[cs-table-block] table td ul, [cs-table-block] table td ol, [cs-table-block] table td dl, [cs-table-block] table td p, [cs-table-block] table td h1, [cs-table-block] table td h2, [cs-table-block] table td h3, [cs-table-block] table td h4, [cs-table-block] table td h5, [cs-table-block] table td h6, [cs-table-block] table th ul, [cs-table-block] table th ol, [cs-table-block] table th dl, [cs-table-block] table th p, [cs-table-block] table th h1, [cs-table-block] table th h2, [cs-table-block] table th h3, [cs-table-block] table th h4, [cs-table-block] table th h5, [cs-table-block] table th h6 {
  margin-top: 0;
  margin-bottom: 0;
}
[cs-table-block] table td ul, [cs-table-block] table td ol, [cs-table-block] table td dl, [cs-table-block] table th ul, [cs-table-block] table th ol, [cs-table-block] table th dl {
  margin-left: calc(var(--font-size) * 1.5);
}
[cs-table-block] table td.no-bottom-border, [cs-table-block] table th.no-bottom-border {
  border-bottom: none;
}
[cs-table-block] table thead:first-child > tr:first-of-type > th {
  border-top: solid var(--border-size) var(--heading-border-color);
}
[cs-table-block] table tbody:first-child > tr:first-of-type > td {
  border-top: solid var(--border-size) var(--cell-border-color);
}
[cs-table-block] table tfoot:first-child > tr:first-of-type > th {
  border-top: solid var(--border-size) var(--footer-border-color);
}
[cs-table-block] table thead th {
  background-color: var(--heading-background-color);
  font-weight: 600;
  vertical-align: bottom;
  border-right: solid var(--border-size) var(--heading-border-color);
  border-bottom: solid var(--border-size) var(--heading-border-color);
}
[cs-table-block] table thead th, [cs-table-block] table thead th p, [cs-table-block] table thead th ul, [cs-table-block] table thead th ol, [cs-table-block] table thead th dl {
  color: var(--heading-color);
}
[cs-table-block] table thead th:first-of-type {
  border-left: solid var(--border-size) var(--heading-border-color);
}
[cs-table-block] table tfoot th {
  background-color: var(--footer-background-color);
  border-right: solid var(--border-size) var(--footer-border-color);
  border-bottom: solid var(--border-size) var(--footer-border-color);
}
[cs-table-block] table tfoot th, [cs-table-block] table tfoot th p, [cs-table-block] table tfoot th ul, [cs-table-block] table tfoot th ol, [cs-table-block] table tfoot th dl {
  color: var(--footer-color);
}
[cs-table-block] table tfoot th:first-of-type {
  border-left: solid var(--border-size) var(--footer-border-color);
}

@media (max-width: 33.74em) {
  [cs-vimeo-block] {
    margin: 0 calc(var(--horizontal-unit-padding) * -1);
    width: 100vw;
  }
}
@media (min-width: 33.75em) {
  [cs-vimeo-block] {
    overflow: hidden;
    border-radius: 0.25rem;
  }
}
[cs-vimeo-block] [cs-vimeo-block-wrapper] .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
[cs-vimeo-block] [cs-vimeo-block-wrapper] .embed-container iframe, [cs-vimeo-block] [cs-vimeo-block-wrapper] .embed-container object, [cs-vimeo-block] [cs-vimeo-block-wrapper] .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[cs-event-detail] .sidebar {
  height: 100%;
}
[cs-event-detail] .sidebar h4 {
  margin-bottom: 1rem;
}
[cs-event-detail] .sidebar p.index-item {
  margin-bottom: 0.5rem;
}
[cs-event-detail] .sidebar p.index-item:last-of-type {
  margin-bottom: 0;
}
[cs-event-detail] .preview-image {
  overflow: hidden;
}
@media (min-width: 33.75em) {
  [cs-event-detail] .preview-image {
    border-radius: 0.25rem;
  }
}

[cs-form-detail] .attribution-grid {
  margin-top: 1rem;
}
[cs-form-detail] .error {
  font-weight: bold;
  color: var(--cs-color-danger);
}

[cs-like-dislike] {
  display: inline-block;
}
[cs-like-dislike] a.read-only {
  color: var(--cs-color-medium);
}
[cs-like-dislike] a + a {
  margin-left: 1rem;
}
[cs-like-dislike] i.icon-only {
  font-size: 1.25rem;
}
[cs-like-dislike] .liked {
  color: var(--cs-color-like);
}
[cs-like-dislike] .disliked {
  color: var(--cs-color-dislike);
}

[cs-certificate-list] .expired {
  opacity: 0.35;
}

[cs-content-export] .lesson-divider {
  page-break-before: always;
}
[cs-content-export] .lesson-divider [cs-unit] {
  --vertical-unit-padding: 0;
}
[cs-content-export] .lesson-divider [cs-unit] [cs-outer-wrapper] {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: var(--cs-color-dark);
  color: var(--cs-color-dark-contrast);
  font-size: 2rem;
  font-weight: bold;
}

[cs-content-panel] {
  padding: 0;
  text-align: left;
  height: 25rem;
  width: 21.5rem;
  overflow: hidden;
  cursor: pointer;
  border-radius: 0.25rem;
  position: relative;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
[cs-content-panel].disabled {
  opacity: 0.35;
  cursor: default;
}
@media (min-width: 33.75em) {
  [cs-content-panel] {
    margin: 0 0;
    width: 27.25rem;
    height: 27.25rem;
  }
}
@media (min-width: 52.1875em) {
  [cs-content-panel] {
    width: 26rem;
    height: 26rem;
  }
}
[cs-content-panel] .preview-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 12.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 33.75em) {
  [cs-content-panel] .preview-image {
    height: 13.625rem;
  }
}
@media (min-width: 52.1875em) {
  [cs-content-panel] .preview-image {
    height: 13rem;
  }
}
[cs-content-panel] .completed-badge {
  display: none;
}
[cs-content-panel] .slide-content {
  padding: 1rem 1.25rem;
}
[cs-content-panel] p {
  margin-bottom: 0;
}
[cs-content-panel] p.title {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0.35rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-content-panel] p.excerpt {
  font-size: 0.9rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-content-panel] p.badge {
  display: inline-block;
  height: auto;
  width: auto;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.15rem;
}
[cs-content-panel] p:last-child {
  margin-bottom: 0;
}
[cs-content-panel].in-progress .percentage {
  font-size: 0.75rem;
}
[cs-content-panel].in-progress p.excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-content-panel].completed .check {
  font-size: 2rem;
  line-height: 1;
}
[cs-content-panel].completed p.title {
  margin-top: 2rem;
}
[cs-content-panel].completed p.excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-content-panel].completed .completed-badge {
  --badge-color: var(--cs-color-certificate);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--cs-color-white);
  display: inline-block;
  width: 5rem;
  height: 5rem;
  border-radius: 2.5rem;
}
[cs-content-panel].completed .completed-badge i.fas {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3.75rem;
  height: 3.75rem;
  font-size: 3.75rem;
  color: var(--badge-color);
}
[cs-content-panel] .bar-value {
  line-height: 1;
}
[cs-content-panel] .progress-bar {
  width: 100%;
  height: 0.25rem;
  overflow: hidden;
  border-radius: 0.125rem;
  background-color: var(--cs-color-light);
  margin-top: 0.25rem;
}
[cs-content-panel] .progress-bar .progress-value {
  width: 1%;
  height: 0.25rem;
  overflow: hidden;
  background-color: var(--cs-color-secondary);
}
[cs-content-panel] .category-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 2.5rem);
  margin: 1.25rem 1rem 1.25rem 1.25rem;
}

@media (min-width: 52.1875em) {
  [cs-content-render] .article, [cs-content-render] .form, [cs-content-render] .audio, [cs-content-render] .video, [cs-content-render] .event {
    margin-left: 24rem;
  }
}
@media (min-width: 52.1875em) {
  [cs-content-render] .article.preview, [cs-content-render] .article.export, [cs-content-render] .form.preview, [cs-content-render] .form.export, [cs-content-render] .audio.preview, [cs-content-render] .audio.export, [cs-content-render] .video.preview, [cs-content-render] .video.export, [cs-content-render] .event.preview, [cs-content-render] .event.export {
    margin-left: 0;
  }
}
[cs-content-render] .article.preview a, [cs-content-render] .article.preview button, [cs-content-render] .article.export a, [cs-content-render] .article.export button, [cs-content-render] .form.preview a, [cs-content-render] .form.preview button, [cs-content-render] .form.export a, [cs-content-render] .form.export button, [cs-content-render] .audio.preview a, [cs-content-render] .audio.preview button, [cs-content-render] .audio.export a, [cs-content-render] .audio.export button, [cs-content-render] .video.preview a, [cs-content-render] .video.preview button, [cs-content-render] .video.export a, [cs-content-render] .video.export button, [cs-content-render] .event.preview a, [cs-content-render] .event.preview button, [cs-content-render] .event.export a, [cs-content-render] .event.export button {
  pointer-events: none;
}
[cs-content-render] .article h2, [cs-content-render] .form h2, [cs-content-render] .audio h2, [cs-content-render] .video h2, [cs-content-render] .event h2 {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
[cs-content-render] .article h2 i, [cs-content-render] .form h2 i, [cs-content-render] .audio h2 i, [cs-content-render] .video h2 i, [cs-content-render] .event h2 i {
  margin-right: 0.5rem;
}
[cs-content-render] .article main, [cs-content-render] .form main, [cs-content-render] .audio main, [cs-content-render] .video main, [cs-content-render] .event main {
  max-width: 100%;
  margin: auto;
}
[cs-content-render] .article hr + h2 i, [cs-content-render] .form hr + h2 i, [cs-content-render] .audio hr + h2 i, [cs-content-render] .video hr + h2 i, [cs-content-render] .event hr + h2 i {
  margin-right: 0.5rem;
}
[cs-content-render] .article .form-attribution, [cs-content-render] .form .form-attribution, [cs-content-render] .audio .form-attribution, [cs-content-render] .video .form-attribution, [cs-content-render] .event .form-attribution {
  font-style: italic;
  font-size: 1.1rem;
}
[cs-content-render] .article .form-status, [cs-content-render] .form .form-status, [cs-content-render] .audio .form-status, [cs-content-render] .video .form-status, [cs-content-render] .event .form-status {
  font-size: 1.1rem;
}
[cs-content-render] .event main {
  max-width: 80rem;
}

[cs-content-view] .unit-publish-status {
  display: block;
  width: 100%;
  font-size: 0.9rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.15rem;
  text-align: center;
}
[cs-content-view] .unit-publish-status.published {
  background-color: var(--cs-color-success);
  color: var(--cs-color-success-contrast);
}
[cs-content-view] .unit-publish-status.pending i.fa-check-circle {
  color: var(--cs-color-success);
}
[cs-content-view] .unit-publish-status i.fa-pen-square {
  color: var(--cs-color-danger);
}

[cs-course-detail] .sidebar {
  height: 100%;
}
[cs-course-detail] .sidebar h4 {
  margin-bottom: 1rem;
}
[cs-course-detail] .sidebar p.index-item {
  margin-bottom: 0.5rem;
}
[cs-course-detail] .sidebar p.index-item:last-of-type {
  margin-bottom: 0;
}
[cs-course-detail] .preview-image {
  overflow: hidden;
}
@media (min-width: 33.75em) {
  [cs-course-detail] .preview-image {
    border-radius: 0.25rem;
  }
}
[cs-course-detail] a.open-course {
  text-transform: uppercase;
  font-weight: 600;
}
[cs-course-detail] a.open-course i {
  display: inline-block;
  margin-right: 0.5rem;
}
[cs-course-detail] a.open-course.in-progress {
  border-color: var(--cs-color-tertiary);
  background-color: var(--cs-color-tertiary);
  color: var(--cs-color-tertiary-contrast);
}

[cs-course-navigation] {
  display: block;
  overflow: visible;
  --horizontal-unit-padding: 0;
  padding-left: var(--horizontal-unit-padding);
  padding-right: var(--horizontal-unit-padding);
  --horizontal-unit-padding: var(--zero-horizontal-unit-padding);
  --vertical-unit-padding: 0;
  padding-top: calc(var(--vertical-unit-padding) * var(--top-unit-multiplier));
  padding-bottom: calc(var(--vertical-unit-padding) * var(--bottom-unit-multiplier));
  --vertical-unit-padding: var(--zero-vertical-unit-padding);
}
@media (min-width: 33.75em) {
  [cs-course-navigation] {
    --horizontal-unit-padding: var(--tablet-portrait-horizontal-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  [cs-course-navigation] {
    --horizontal-unit-padding: var(--tablet-landscape-horizontal-unit-padding);
  }
}
@media (min-width: 90em) {
  [cs-course-navigation] {
    --horizontal-unit-padding: var(--elastic-horizontal-unit-padding);
  }
}
@media (min-width: 33.75em) {
  [cs-course-navigation] {
    --vertical-unit-padding: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  [cs-course-navigation] {
    --vertical-unit-padding: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  [cs-course-navigation] {
    --vertical-unit-padding: var(--elastic-vertical-unit-padding);
  }
}
[cs-course-navigation] > [cs-course-navigation-inner] {
  overflow: hidden;
}
[cs-course-navigation] > [cs-course-navigation-inner] [css-grid-cell] {
  font-size: 0;
  overflow: visible;
}
[cs-course-navigation] > [cs-course-navigation-inner] span {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin-right: 0;
  line-height: 1;
}
[cs-course-navigation] > [cs-course-navigation-inner] span.previous-button, [cs-course-navigation] > [cs-course-navigation-inner] span.next-button, [cs-course-navigation] > [cs-course-navigation-inner] span.exit-button {
  display: block;
  width: 100%;
  color: var(--cs-color-secondary-contrast);
  text-decoration: none;
}
[cs-course-navigation] > [cs-course-navigation-inner] span.previous-button button, [cs-course-navigation] > [cs-course-navigation-inner] span.next-button button, [cs-course-navigation] > [cs-course-navigation-inner] span.exit-button button {
  line-height: 2.5;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
[cs-course-navigation] > [cs-course-navigation-inner] span.previous-button button, [cs-course-navigation] > [cs-course-navigation-inner] span.previous-button button:hover, [cs-course-navigation] > [cs-course-navigation-inner] span.next-button button, [cs-course-navigation] > [cs-course-navigation-inner] span.next-button button:hover, [cs-course-navigation] > [cs-course-navigation-inner] span.exit-button button, [cs-course-navigation] > [cs-course-navigation-inner] span.exit-button button:hover {
  font-size: 0.9rem;
  display: block;
  width: 100%;
}
[cs-course-navigation] > [cs-course-navigation-inner] span.exit-button button {
  font-size: 0.9rem;
  background-color: var(--cs-color-danger);
  border-color: var(--cs-color-danger);
  color: var(--cs-color-danger-contrast);
}
[cs-course-navigation] > [cs-course-navigation-inner] span.exit-button button:hover {
  background-color: var(--cs-color-danger-tint);
  border-color: var(--cs-color-danger-tint);
}
[cs-course-navigation] > [cs-course-navigation-inner] span.previous-button i, [cs-course-navigation] > [cs-course-navigation-inner] span.exit-button i {
  margin-left: 0;
  margin-right: 0.5rem;
}
[cs-course-navigation] > [cs-course-navigation-inner] span.next-button i {
  margin-right: 0;
  margin-left: 0.5rem;
}
[cs-course-navigation] > [cs-course-navigation-inner] span.stacked {
  padding: 0.35rem 0.5rem;
  background-color: var(--cs-color-primary);
  color: var(--cs-color-primary-contrast);
  border-radius: 0.15rem;
  overflow: hidden;
  margin-right: 1rem;
  width: auto;
  font-size: 0;
  cursor: pointer;
}
[cs-course-navigation] > [cs-course-navigation-inner] span.stacked:hover {
  background-color: var(--cs-color-primary-tint);
  color: var(--cs-color-primary-contrast);
}
[cs-course-navigation] > [cs-course-navigation-inner] span.stacked .mobile-tree i {
  font-size: 0.92rem;
  line-height: 1;
  margin-right: 0;
}

[cs-external-course-view] {
  width: 100vw;
  height: calc(100vh - var(--tablet-landscape-vertical-unit-padding) - 1.9rem);
  border: 0;
  overflow-y: scroll;
}

[cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item] {
  --slide-num: 1;
  --slide-margin: 0.125rem;
  /* Allow room for shadow */
  padding: var(--slide-margin);
  /* Default gap between slides */
}
[cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item] .content-slide {
  margin-left: var(--slide-margin);
  margin-right: var(--slide-margin);
}
@media (max-width: 33.74em) {
  [cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item] {
    /* First visible slide uses left and right margin to align with page margins */
  }
  [cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item][selected="0"] {
    margin-left: 0;
    /* First unselected slide is pulled left to give the illusion of continuation */
  }
  [cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item][selected="0"] + [carousel-item] {
    margin-left: 0;
  }
  [cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item][selected="0"] + [carousel-item] .content-slide {
    margin-right: var(--slide-margin);
  }
}
@media (min-width: 33.75em) and (max-width: 52.1775em) {
  [cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item] {
    --slide-num: 2;
    --slide-margin: 0.6rem;
    --total-gutter: calc((var(--horizontal-unit-padding) * 2) + ((var(--slide-num) - 1) * (var(--slide-margin) * 2)));
    --gutter-per-slide: 0;
    --gutter-per-side: calc(var(--gutter-per-slide) / 2);
    /* Allow room for shadow */
    padding: var(--slide-margin);
    margin-left: 0;
    margin-right: 0;
  }
  [cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item] .content-slide {
    margin-left: var(--gutter-per-side);
    margin-right: var(--gutter-per-side);
  }
  [cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item][selected="0"] {
    padding-left: 0;
  }
  [cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item][selected="1"] {
    padding-right: 0;
  }
}
@media (min-width: 52.1875em) {
  [cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item] {
    --slide-num: 3;
    --slide-margin: 0.6rem;
    --total-gutter: calc((var(--horizontal-unit-padding) * 2) + ((var(--slide-num) - 1) * (var(--slide-margin) * 2)));
    --gutter-per-slide: 0;
    --gutter-per-side: calc(var(--gutter-per-slide) / 2);
    /* Allow room for shadow */
    padding: var(--slide-margin);
    margin-left: 0;
    margin-right: 0;
  }
  [cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item] .content-slide {
    margin-left: var(--gutter-per-side);
    margin-right: var(--gutter-per-side);
  }
  [cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item][selected="0"] {
    padding-left: 0;
  }
  [cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item][selected="1"] {
    padding-left: calc(var(--slide-margin) / 2);
    padding-right: calc(var(--slide-margin) / 2);
  }
  [cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item][selected="2"] {
    padding-right: 0;
  }
}
[cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item] .content-slide {
  cursor: pointer;
  padding: 0;
  text-align: left;
  height: 100%;
}
[cs-carousel] [carousel-wrapper].content-carousel-wrapper [carousel] [carousel-roll] [carousel-item] .content-slide .no-slide-content {
  padding: 1rem 1.25rem 1rem 1.25rem;
}
[cs-carousel] [carousel-wrapper].content-carousel-wrapper [css-grid-cell].display-grid {
  display: grid;
}

[cs-on-boarding-quiz] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 99999;
}
[cs-on-boarding-quiz] .mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: 0.5;
}
[cs-on-boarding-quiz] .on-boarding-quiz-modal {
  position: absolute;
  width: 100vw;
  background: white;
  padding: 1.5rem;
  top: 0;
  left: 0;
  height: 100vh;
  overflow-y: auto;
}
@media (min-width: 33.75em) {
  [cs-on-boarding-quiz] .on-boarding-quiz-modal {
    width: 80vw;
    max-width: 60rem;
    padding: 3rem;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: auto !important;
    max-height: 90vh;
  }
}

[cs-audio] .tags {
  font-size: 0;
}
[cs-audio] .tags a.tag {
  display: inline-block;
  border-radius: 0.15rem;
  padding: 0.3rem 0.75rem 0.35rem 0.75rem;
  background-color: var(--cs-color-secondary);
  color: var(--cs-color-secondary-contrast);
  white-space: nowrap;
  font-size: 0.9rem;
  line-height: 1.3;
}
[cs-audio] .tags a.tag + a, [cs-audio] .tags a.tag:first-child {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
[cs-audio] .related p {
  margin-bottom: 0.5rem;
}
[cs-audio] .related p a {
  font-weight: 600;
  color: var(--cs-color-dark);
}

[cs-media-player] {
  --frame-padding: var(--zero-horizontal-unit-padding);
  --tabp-frame-padding: 1rem;
  --tabl-frame-padding: 1.25rem;
  position: relative;
  background-size: cover;
  background-position: center center;
}
[cs-media-player][video-container].export:not(.with-thumbnail) {
  background-color: var(--cs-color-video);
  padding: var(--frame-padding);
}
@media (min-width: 33.75em) {
  [cs-media-player][video-container].export:not(.with-thumbnail) {
    border-radius: 0.25rem;
    padding: var(--tabp-frame-padding) calc(var(--tabp-frame-padding) * 1.5);
  }
}
@media (min-width: 52.1875em) {
  [cs-media-player][video-container].export:not(.with-thumbnail) {
    padding: var(--tabl-frame-padding) calc(var(--tabl-frame-padding) * 1.5);
  }
}
[cs-media-player][video-container].export:not(.with-thumbnail) .icon {
  display: none;
  font-size: 3.5rem;
  line-height: 1;
  color: var(--cs-color-video-contrast);
}
@media (min-width: 33.75em) {
  [cs-media-player][video-container].export:not(.with-thumbnail) .icon {
    display: block;
  }
}
[cs-media-player][video-container].export.with-thumbnail .icon {
  display: none;
}
[cs-media-player][video-container].export.with-thumbnail {
  min-height: 13rem;
  padding: var(--frame-padding);
}
@media (min-width: 33.75em) {
  [cs-media-player][video-container].export.with-thumbnail {
    min-height: 31rem;
    padding: var(--tabp-frame-padding);
  }
}
@media (min-width: 52.1875em) {
  [cs-media-player][video-container].export.with-thumbnail {
    min-height: 35rem;
    padding: var(--tabl-frame-padding);
  }
}
[cs-media-player][audio-container]:not(.with-thumbnail) {
  background-color: var(--cs-color-audio);
  padding: var(--frame-padding);
}
@media (min-width: 33.75em) {
  [cs-media-player][audio-container]:not(.with-thumbnail) {
    border-radius: 0.25rem;
    padding: var(--tabp-frame-padding) calc(var(--tabp-frame-padding) * 1.5);
  }
}
@media (min-width: 52.1875em) {
  [cs-media-player][audio-container]:not(.with-thumbnail) {
    padding: var(--tabl-frame-padding) calc(var(--tabl-frame-padding) * 1.5);
  }
}
[cs-media-player][audio-container]:not(.with-thumbnail) .icon {
  display: none;
  font-size: 3.5rem;
  line-height: 1;
  color: var(--cs-color-audio-contrast);
}
@media (min-width: 33.75em) {
  [cs-media-player][audio-container]:not(.with-thumbnail) .icon {
    display: block;
  }
}
[cs-media-player][audio-container].with-thumbnail .icon {
  display: none;
}
[cs-media-player][audio-container].with-thumbnail {
  min-height: 13rem;
  padding: var(--frame-padding);
}
@media (min-width: 33.75em) {
  [cs-media-player][audio-container].with-thumbnail {
    min-height: 31rem;
    padding: var(--tabp-frame-padding);
  }
}
@media (min-width: 52.1875em) {
  [cs-media-player][audio-container].with-thumbnail {
    min-height: 35rem;
    padding: var(--tabl-frame-padding);
  }
}
[cs-media-player][audio-container].with-thumbnail .player-grid {
  display: block;
  position: absolute;
  width: calc(100% - var(--frame-padding) * 2);
  bottom: var(--frame-padding);
  left: var(--frame-padding);
}
@media (min-width: 33.75em) {
  [cs-media-player][audio-container].with-thumbnail .player-grid {
    width: calc(100% - var(--tabp-frame-padding) * 2);
    bottom: var(--tabp-frame-padding);
    left: var(--tabp-frame-padding);
  }
}
@media (min-width: 52.1875em) {
  [cs-media-player][audio-container].with-thumbnail .player-grid {
    width: calc(100% - var(--tabl-frame-padding) * 2);
    bottom: var(--tabl-frame-padding);
    left: var(--tabl-frame-padding);
  }
}
[cs-media-player] .media-file {
  font-size: 1.8rem;
  color: var(--cs-color-white);
}
[cs-media-player] .player {
  display: block;
  width: 100%;
}
@media (min-width: 33.75em) {
  [cs-media-player] .player {
    border-radius: 0.25rem;
  }
}

[cs-upload] [cs-media-player][audio-container]:not(.with-thumbnail) {
  border-radius: 0.25rem;
  padding: var(--frame-padding);
}
@media (min-width: 33.75em) {
  [cs-upload] [cs-media-player][audio-container]:not(.with-thumbnail) {
    padding: var(--frame-padding);
  }
}
@media (min-width: 52.1875em) {
  [cs-upload] [cs-media-player][audio-container]:not(.with-thumbnail) {
    padding: var(--frame-padding);
  }
}

[cs-video] .tags {
  font-size: 0;
}
[cs-video] .tags a.tag {
  display: inline-block;
  border-radius: 0.15rem;
  padding: 0.25rem 0.75rem 0.35rem 0.75rem;
  background-color: var(--cs-color-secondary);
  color: var(--cs-color-secondary-contrast);
  white-space: nowrap;
  font-size: 0.9rem;
  line-height: 1.3;
}
[cs-video] .tags a.tag + a, [cs-video] .tags a.tag:first-child {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
[cs-video] .related p {
  margin-bottom: 0.5rem;
}
[cs-video] .related p a {
  font-weight: 600;
  color: var(--cs-color-dark);
}

[cs-learning-journey] .cs-learning-journey-header p {
  font-weight: 500;
}
[cs-learning-journey] .cs-learning-journey-header p i {
  margin-right: 0.5rem;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day {
  padding: 1rem;
  border-radius: 0;
  margin-left: calc(var(--zero-horizontal-unit-padding) * -1);
  margin-right: calc(var(--zero-horizontal-unit-padding) * -1);
  width: 100vw;
}
@media (min-width: 33.75em) {
  [cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day {
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    border-radius: 0.25rem;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .header {
  padding-top: 1rem;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .header h2 {
  top: -0.25rem;
  position: relative;
  margin-bottom: 1rem;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .header .time-left {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .header .time-left i {
  margin-right: 0.5rem;
}
@media (min-width: 33.75em) {
  [cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .header .time-left {
    margin-bottom: 0;
  }
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day.overdue {
  border-color: var(--cs-color-danger);
  border-width: 0.15rem;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day.overdue .header h2, [cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day.overdue .header .time-left {
  color: var(--cs-color-danger);
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day.today {
  border-color: var(--cs-color-primary);
  border-width: 0.15rem;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments > [css-grid-cell] + [css-grid-cell] {
  margin-top: 0.5rem;
  border-top: solid 1px var(--cs-color-light);
  padding-top: 0.5rem;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .cell-wrapper {
  padding: 1rem;
  margin: 0 -1rem;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .cell-wrapper:not(.collection):hover {
  cursor: pointer;
  background-color: var(--cs-color-superlight);
}
@media (min-width: 33.75em) {
  [cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .cell-wrapper:not(.collection):hover {
    border-radius: 0.35rem;
  }
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .cell-wrapper.disabled {
  opacity: 0.35;
  cursor: default;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .cell-wrapper.disabled:hover {
  cursor: default !important;
  background-color: none !important;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .assignment .name-grid {
  width: fit-content;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .assignment h5, [cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .assignment h6, [cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .assignment .excerpt {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.3;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .assignment h5 {
  font-weight: 600;
  margin-bottom: 0.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .assignment h5 small {
  display: inline-block;
  padding-left: 0.5rem;
  opacity: 0.5;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .assignment h6 {
  margin-bottom: 0.25rem;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .assignment .excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .assignment .progress {
  line-height: 1;
  font-size: 0.85rem;
  font-weight: 500;
}
@media (min-width: 33.75em) {
  [cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .assignment .progress {
    text-align: right;
  }
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .cell-wrapper.collection .assignment .excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 33.75em) {
  [cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .collection-content {
    margin-left: 5rem;
  }
}
[cs-learning-journey] [cs-learning-journey-day] [cs-generic-panel].journey-day .assignments .collection-content .pipe {
  width: 2rem;
  height: calc(100% + 0.6rem);
  position: absolute;
  left: -3rem;
  top: -3.75rem;
  border-bottom: solid var(--cs-line-width) rgba(0, 0, 0, 0.1);
  border-left: solid var(--cs-line-width) rgba(0, 0, 0, 0.1);
}

[cs-generic-panel].learning-stats .profile-info {
  text-align: center;
}
@media (min-width: 33.75em) {
  [cs-generic-panel].learning-stats .profile-info {
    text-align: left;
  }
}
[cs-generic-panel].learning-stats .profile-info h2 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}
[cs-generic-panel].learning-stats .profile-info p {
  font-size: 1rem;
  margin-bottom: 1rem;
}
[cs-generic-panel].learning-stats .profile-info a {
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 1rem;
}
@media (min-width: 33.75em) {
  [cs-generic-panel].learning-stats .profile-info a {
    margin-bottom: 0;
  }
}

[cs-connectivity-issues] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 99999;
}
[cs-connectivity-issues] .mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: 0.5;
}
[cs-connectivity-issues] .connectivity-modal {
  position: absolute;
  width: 80vw;
  max-width: 60rem;
  background: white;
  padding: 3rem;
  top: 50%;
  left: 50%;
  height: 16rem;
  text-align: center;
  overflow-y: auto;
  transform: translate(-50%, -50%);
}
@media (min-width: 33.75em) {
  [cs-connectivity-issues] .connectivity-modal {
    height: 11rem;
  }
}

[cs-button] {
  font-weight: 600;
  text-transform: uppercase;
  border-color: var(--cs-color-buttons);
  background-color: var(--cs-color-buttons);
  color: var(--cs-color-buttons-contrast);
}
[cs-button].full {
  width: 100%;
}
[cs-button] i {
  display: inline-block;
  margin-right: 0.25rem;
  color: var(--cs-color-buttons-contrast);
}
[cs-button].green {
  border-color: var(--cs-color-success);
  background-color: var(--cs-color-success);
}
[cs-button].primary {
  border-color: var(--cs-color-primary);
  background-color: var(--cs-color-primary);
}
[cs-button].bo-primary {
  border-color: var(--cs-color-bo-primary);
  background-color: var(--cs-color-bo-primary);
}
[cs-button][active], [cs-button].active {
  cursor: not-allowed !important;
  pointer-events: none !important;
  color: var(--cs-color-success-contrast);
  background-color: var(--cs-color-success);
  border: solid var(--cs-line-width) var(--cs-color-success);
}
[cs-button][error], [cs-button].error {
  cursor: not-allowed !important;
  pointer-events: none !important;
  color: var(--cs-color-danger-contrast);
  background-color: var(--cs-color-danger);
  border: solid var(--cs-line-width) var(--cs-color-danger);
}
[cs-button][dangerous], [cs-button].dangerous {
  color: var(--cs-color-danger-contrast);
  background-color: var(--cs-color-danger);
  border: solid var(--cs-line-width) var(--cs-color-danger);
}
[cs-button][dangerous]:hover, [cs-button].dangerous:hover {
  background-color: var(--cs-color-danger-shade);
  border-color: var(--cs-color-danger-shade);
}
[cs-button].delete {
  background-color: var(--cs-color-danger);
  border-color: var(--cs-color-danger);
}

[cs-checkbox] {
  --scale: 1.0;
  --switch-height: 1.4rem;
  --checkbox-label-font-family: var(--font-body);
  --checkbox-label-font-size: 1rem;
  --checkbox-label-font-color: var(--cs-color-dark);
  --checkbox-label-font-weight: 400;
  --checkbox-label-line-height: 1.4rem;
  --checkbox-label-padding-top: 0rem;
  --checkbox-label-padding-left: 3rem;
}
[cs-checkbox] input[type=checkbox] {
  display: none;
}
[cs-checkbox] svg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: calc(var(--switch-height) * var(--scale));
  padding: 0;
  cursor: pointer;
}
[cs-checkbox] svg path.unchecked {
  fill: var(--cs-color-supermedium);
}
[cs-checkbox] svg path.background {
  fill: var(--cs-color-light);
}
[cs-checkbox] svg path.knob {
  fill: rgba(0, 0, 0, 0.12);
}
[cs-checkbox] svg path.border {
  fill: rgba(0, 0, 0, 0.15);
}
[cs-checkbox] > [cs-wrapper], [cs-checkbox] > [css-grid] > [css-grid-cell] > [cs-wrapper] {
  display: block;
  position: relative;
}
[cs-checkbox] > [cs-wrapper] label[cs-checkbox-label], [cs-checkbox] > [css-grid] > [css-grid-cell] > [cs-wrapper] label[cs-checkbox-label] {
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  font-family: var(--checkbox-label-font-family);
  font-size: calc(var(--checkbox-label-font-size) * var(--scale));
  color: var(--checkbox-label-font-color);
  font-weight: var(--checkbox-label-font-weight);
  line-height: calc(var(--checkbox-label-line-height) * var(--scale));
  padding-top: calc(var(--checkbox-label-padding-top) * var(--scale));
  padding-left: calc(var(--checkbox-label-padding-left) * var(--scale));
}
[cs-checkbox] > [cs-wrapper] label[cs-checkbox-label].checkbox-mode, [cs-checkbox] > [css-grid] > [css-grid-cell] > [cs-wrapper] label[cs-checkbox-label].checkbox-mode {
  --checkbox-label-padding-left: 2rem;
}
[cs-checkbox] > [cs-wrapper] label[cs-checkbox-label]:hover, [cs-checkbox] > [css-grid] > [css-grid-cell] > [cs-wrapper] label[cs-checkbox-label]:hover {
  text-decoration: underline;
}
[cs-checkbox].checked svg g.recolor, [cs-checkbox].checked svg path.recolor, [cs-checkbox].checked svg path.border {
  fill: var(--cs-color-primary);
}
[cs-checkbox].checked label[cs-checkbox-label] {
  font-weight: bold;
}
[cs-checkbox].readonly label {
  cursor: default;
}
[cs-checkbox].readonly label:hover {
  text-decoration: none;
}
[cs-checkbox].readonly label input[type=checkbox] > [cs-wrapper] input[type=checkbox] {
  cursor: default;
}
[cs-checkbox].readonly label i.fa-check.correct {
  display: inline-block;
  margin-left: 0.25rem;
  font-size: calc(var(--radio-size) * 0.9);
}

ul[cs-checkboxes], ol[cs-checkboxes] {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  border: none;
  background: none;
}
ul[cs-checkboxes][cs-horizontal], ol[cs-checkboxes][cs-horizontal] {
  margin-right: -2rem;
  margin-bottom: -1rem;
}
ul[cs-checkboxes][cs-horizontal] li, ol[cs-checkboxes][cs-horizontal] li {
  display: inline-block;
  margin-right: 2rem;
  padding-top: 0;
  padding-bottom: 1rem;
}

[cs-colorpicker] {
  --width: 100%;
  --border-radius: 0.15rem;
  --border-color: transparent;
  --padding-vertical-multiplier: 0.5;
  --padding-horizontal-multiplier: 0.65;
  --background-color: #ffffff;
  --font-family: var(--font-body);
  --font-size: 1.1rem;
  --font-color: var(--cs-color-dark);
  --selection-size: 0.25rem;
  --chip-size: 2rem;
  --check-top: calc(var(--chip-size) * 0.05);
  --validation-label-font-size: 0.9rem;
  --validation-label-spacer: 0.5rem;
  --validation-label-font-weight: bold;
}
[cs-colorpicker] [css-grid-cell] > [chip-wrapper] {
  display: inline-block;
  position: relative;
  padding: 0;
}
[cs-colorpicker] [css-grid-cell] > [chip-wrapper], [cs-colorpicker] [css-grid-cell] > [chip-wrapper] > * {
  font-size: 0;
  line-height: 1;
}
[cs-colorpicker] [css-grid-cell] > [chip-wrapper] .choice {
  cursor: pointer;
  display: inline-block;
  border-radius: var(--border-radius);
  overflow: hidden;
}
[cs-colorpicker] [css-grid-cell] > [chip-wrapper] .choice .chip {
  display: block;
  font-size: 0;
  text-align: center;
  width: var(--chip-size);
  height: var(--chip-size);
  border-radius: var(--border-radius);
  overflow: hidden;
}
[cs-colorpicker] [css-grid-cell] > [chip-wrapper] .choice .chip i {
  visibility: hidden;
  line-height: calc(var(--chip-size) - var(--check-top));
  padding-top: var(--check-top);
  font-size: var(--font-size);
}
[cs-colorpicker] [css-grid-cell] > [chip-wrapper] .choice .chip.selected i {
  visibility: visible;
}
[cs-colorpicker] [css-grid-cell] > [chip-wrapper].none .choice .chip {
  border: 0.08rem dashed rgba(0, 0, 0, 0.25);
}
[cs-colorpicker] [css-grid-cell] > [chip-wrapper].white .choice .chip {
  border: 0.08rem solid rgba(0, 0, 0, 0.25);
}
[cs-colorpicker] [css-grid-cell] > [chip-wrapper]:hover:not(.selected) .choice .chip i {
  visibility: visible;
  opacity: 0.35;
}

[cs-content-card] {
  --card-height: 3.8rem;
  --card-outline-color: rgba(0, 0, 0, 0.07);
  --type-color: var(--cs-color-bo-primary);
  --type-tickness: 0.5rem;
  position: relative;
  font-size: 0;
  overflow: hidden;
  background-color: var(--cs-color-white);
  border-radius: 0.15rem;
  border: solid var(--cs-line-width) var(--card-outline-color);
  height: var(--card-height);
  min-height: var(--card-height);
  max-width: 30rem;
  cursor: move;
}
[cs-content-card].linked {
  cursor: pointer !important;
}
[cs-content-card].disabled {
  opacity: 0.25;
  cursor: default;
}
[cs-content-card] .cs-content-card-inner {
  height: var(--card-height);
}
[cs-content-card].add-card {
  --card-height: 1.5rem;
  display: inline-block;
  cursor: pointer;
  min-height: auto;
  background-color: transparent;
  border: none;
  color: var(--cs-color-anchors);
}
[cs-content-card].add-card .cs-add-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 1rem;
}
[cs-content-card].add-card .cs-add-content p i {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-right: 0.25rem;
}
[cs-content-card].add-card .cs-add-content p span {
  font-size: 0.9rem;
  line-height: 1.5rem;
  vertical-align: top;
}
[cs-content-card] .cs-preview-cell [cs-thumbnail] {
  --border: none !important;
  border-left: solid var(--type-tickness) var(--type-color);
}
[cs-content-card] .cs-preview-cell [cs-thumbnail].cs-preview {
  width: 100%;
  height: var(--card-height);
  background-size: cover;
  background-position: center center;
  border-radius: 0;
}
[cs-content-card] .cs-preview-cell [cs-thumbnail].cs-preview i {
  padding-right: var(--type-tickness);
}
[cs-content-card] .cs-preview-cell [cs-thumbnail].cs-preview.no-icon-padding i {
  padding-right: 0;
}
[cs-content-card] .cs-content {
  padding: 0 0.75rem 0 0;
  margin-top: -0.1rem;
}
[cs-content-card] .cs-content.no-preview {
  padding: 0.5rem 1rem 0.5rem 1rem;
}
[cs-content-card] .cs-content .cs-title {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-content-card] .cs-content .cs-excerpt {
  font-size: 0.75rem;
  line-height: 1.3;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-content-card] .cs-content .cs-excerpt i {
  margin-right: 0.25rem;
}
[cs-content-card] .select-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
}
[cs-content-card] .select-overlay i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  color: var(--cs-color-white);
  cursor: pointer;
}
[cs-content-card] .select-overlay.selected {
  display: block;
}
[cs-content-card].removable .select-overlay {
  left: calc(100% - var(--card-height));
  width: var(--card-height);
}
[cs-content-card].removable .select-overlay.full-width {
  left: 0;
  width: 100%;
}
[cs-content-card].compact {
  --card-height: 2.25rem;
}
[cs-content-card].compact.add-card {
  min-height: var(--card-height);
}
[cs-content-card].compact .cs-content .cs-title {
  font-size: 0.8rem;
  line-height: 1.3;
  overflow: visible;
}
[cs-content-card].compact .select-overlay i {
  font-size: 1.5rem;
}
[cs-content-card].disabled .select-overlay {
  background-color: rgba(0, 0, 0, 0.25);
}
[cs-content-card]:not(.view-mode):hover .select-overlay {
  display: block;
}
[cs-content-card].disabled .select-overlay i {
  cursor: default;
}
[cs-content-card].view-mode {
  cursor: default;
}

[cs-content-picker] .dragging {
  z-index: 9999;
}
[cs-content-picker] .dropping {
  opacity: 0.35;
}

[cs-content-selector] .overlay {
  z-index: 12000;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.5s ease;
}
[cs-content-selector] .overlay.show {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
[cs-content-selector] .cs-picker-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--cs-color-white);
  padding: 2.5rem 1.5rem;
  z-index: 12001;
  width: 100vw;
  max-height: 66.6666666667vh;
  overflow-y: auto;
}
@media (min-width: 33.75em) {
  [cs-content-selector] .cs-picker-modal {
    border-radius: 0.25rem;
    width: 90vw;
  }
}
@media (min-width: 52.1875em) {
  [cs-content-selector] .cs-picker-modal {
    width: 75vw;
  }
}
[cs-content-selector] .cs-picker-modal.show {
  display: block;
}
[cs-content-selector] .cs-picker-modal .tree-container {
  max-height: 33.3333333333vh;
  overflow-y: scroll;
}

[cs-date-picker] {
  --border-size: var(--cs-field-line-width);
  --border-color: var(--cs-color-form-field-line);
  --border-radius: 0.15rem;
  --padding-vertical-multiplier: 0.15;
  --padding-horizontal-multiplier: 0.50;
  --background-color: #ffffff;
  --font-family: var(--font-body);
  --font-size: 1rem;
  --line-height: 1.4;
  --font-color: var(--cs-color-dark);
  --placeholder-font-color: var(--cs-color-placeholder);
}
[cs-date-picker] [cs-wrapper] {
  position: relative;
  display: inline-block;
  width: 100%;
  background-color: var(--background-color);
  border: var(--border-size) solid var(--border-color);
  border-radius: var(--border-radius);
  padding: calc(var(--font-size) * var(--padding-vertical-multiplier)) calc(var(--font-size) * var(--padding-horizontal-multiplier));
  font-size: 0;
  min-height: 2.25rem;
}
@media (min-width: 33.75em) {
  [cs-date-picker] [cs-wrapper] {
    width: 16rem;
  }
}
[cs-date-picker] [cs-wrapper] > * {
  font-size: var(--font-size);
}
[cs-date-picker] [cs-wrapper] input {
  display: inline-block;
  font-family: var(--font-family);
  line-height: var(--line-height);
  color: var(--font-color);
  outline: none;
  background: transparent;
  width: calc(100% - var(--font-size) * 1.25 - 0.5rem);
  min-height: calc(var(--font-size) * 1.6);
  padding: 0;
  margin: 0;
  margin-right: 0.5rem;
  border: none;
  box-shadow: none;
  background-image: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: text;
  -webkit-touch-callout: default;
  /* iOS Safari */
  -webkit-user-select: text;
  /* Safari */
  -moz-user-select: text;
  /* Old versions of Firefox */
  -ms-user-select: text;
  /* Internet Explorer/Edge */
  user-select: text;
  /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
[cs-date-picker] [cs-wrapper] input:focus {
  outline: none;
  background-color: rgba(255, 255, 255, 0.5);
}
[cs-date-picker] [cs-wrapper] input::-moz-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
}
[cs-date-picker] [cs-wrapper] input:-ms-input-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
}
[cs-date-picker] [cs-wrapper] input::-ms-input-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
}
[cs-date-picker] [cs-wrapper] input::-webkit-input-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
}
[cs-date-picker] [cs-wrapper].time {
  margin-top: 0.5rem;
}
[cs-date-picker] [cs-wrapper].time input {
  width: calc(100% - var(--font-size) * 1.25 - 0.5rem);
}
@media (min-width: 33.75em) {
  [cs-date-picker] [cs-wrapper].time {
    margin-top: 0;
    margin-left: 0.5rem;
    width: 10rem;
  }
}
[cs-date-picker] [cs-wrapper] span.calendar-widget {
  overflow: hidden;
  display: inline-block;
  width: calc(var(--font-size) * 1.25);
  font-size: var(--font-size);
  line-height: 1.6;
  vertical-align: top;
  text-align: right;
  cursor: pointer;
}
[cs-date-picker] [cs-calendar] {
  --heading-background-color: var(--cs-color-primary);
  --heading-color: var(--cs-color-primary-contrast);
  --heading-border-color: var(--cs-color-primary);
  --footer-background-color: var(--cs-color-secondary);
  --footer-color: var(--cs-color-secondary-contrast);
  --footer-border-color: var(--cs-color-secondary);
  --cell-background-color: var(--cs-color-white);
  --cell-color: var(--cs-color-white-contrast);
  --cell-border-color: var(--cs-color-supermedium);
  --cell-dim-bg-color: var(--cs-color-light);
  --cell-dim-color: rgba(0, 0, 0, 0.5);
  --cell-selected-bg-color: var(--cs-color-tertiary);
  --cell-selected-color: var(--cs-color-tertiary-contrast);
  --cell-hover-bg-color: var(--cs-color-secondary);
  --cell-hover-color: var(--cs-color-secondary-contrast);
  --border-size: var(--cs-line-width);
  --cell-padding: 0.5rem;
  max-height: 0;
  overflow: hidden;
  -moz-transition-property: max-height;
  -o-transition-property: max-height;
  -webkit-transition-property: max-height;
  transition-property: max-height;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
@media (min-width: 33.75em) {
  [cs-date-picker] [cs-calendar] {
    width: 16rem;
  }
}
[cs-date-picker] [cs-calendar].open {
  max-height: calc((1rem + var(--cell-padding) * 2 + var(--border-size) * 2) * 8);
  overflow: visible;
}
[cs-date-picker] [cs-calendar] table {
  margin: 0;
  margin-top: 1rem;
  border-spacing: 0;
  color: var(--cell-color);
  font-size: 0;
}
@media (max-width: 33.74em) {
  [cs-date-picker] [cs-calendar] table {
    min-width: 100%;
  }
}
@media (min-width: 33.75em) {
  [cs-date-picker] [cs-calendar] table {
    width: 16rem;
  }
}
[cs-date-picker] [cs-calendar] table:last-child {
  margin-bottom: 0;
}
[cs-date-picker] [cs-calendar] table, [cs-date-picker] [cs-calendar] table tbody, [cs-date-picker] [cs-calendar] table tr, [cs-date-picker] [cs-calendar] table thead, [cs-date-picker] [cs-calendar] table tfoot {
  border: none;
}
[cs-date-picker] [cs-calendar] table td {
  border-right: solid var(--border-size) var(--cell-border-color);
  border-bottom: solid var(--border-size) var(--cell-border-color);
}
[cs-date-picker] [cs-calendar] table td.today {
  background-color: rgba(var(--cs-color-primary-rgb), 0.25);
}
[cs-date-picker] [cs-calendar] table td:first-of-type {
  border-left: solid var(--border-size) var(--cell-border-color);
}
[cs-date-picker] [cs-calendar] table td, [cs-date-picker] [cs-calendar] table td p, [cs-date-picker] [cs-calendar] table td ul, [cs-date-picker] [cs-calendar] table td ol, [cs-date-picker] [cs-calendar] table td dl {
  color: var(--cell-color);
}
[cs-date-picker] [cs-calendar] table td, [cs-date-picker] [cs-calendar] table th {
  text-align: center;
  vertical-align: middle;
  padding: calc(var(--cell-padding) * 1.25) var(--cell-padding);
  width: 2.25rem;
  font-size: 0.75rem;
  line-height: 1;
  background-color: var(--cell-background-color);
}
[cs-date-picker] [cs-calendar] table td ul, [cs-date-picker] [cs-calendar] table td ol, [cs-date-picker] [cs-calendar] table td dl, [cs-date-picker] [cs-calendar] table td p, [cs-date-picker] [cs-calendar] table td h1, [cs-date-picker] [cs-calendar] table td h2, [cs-date-picker] [cs-calendar] table td h3, [cs-date-picker] [cs-calendar] table td h4, [cs-date-picker] [cs-calendar] table td h5, [cs-date-picker] [cs-calendar] table td h6, [cs-date-picker] [cs-calendar] table th ul, [cs-date-picker] [cs-calendar] table th ol, [cs-date-picker] [cs-calendar] table th dl, [cs-date-picker] [cs-calendar] table th p, [cs-date-picker] [cs-calendar] table th h1, [cs-date-picker] [cs-calendar] table th h2, [cs-date-picker] [cs-calendar] table th h3, [cs-date-picker] [cs-calendar] table th h4, [cs-date-picker] [cs-calendar] table th h5, [cs-date-picker] [cs-calendar] table th h6 {
  margin-top: 0;
  margin-bottom: 0;
}
[cs-date-picker] [cs-calendar] table td ul, [cs-date-picker] [cs-calendar] table td ol, [cs-date-picker] [cs-calendar] table td dl, [cs-date-picker] [cs-calendar] table th ul, [cs-date-picker] [cs-calendar] table th ol, [cs-date-picker] [cs-calendar] table th dl {
  margin-left: calc(var(--font-size) * 1.5);
}
[cs-date-picker] [cs-calendar] table td.no-bottom-border, [cs-date-picker] [cs-calendar] table th.no-bottom-border {
  border-bottom: none;
}
[cs-date-picker] [cs-calendar] table td.month, [cs-date-picker] [cs-calendar] table th.month {
  font-size: 0.9rem;
  text-transform: uppercase;
  padding-bottom: 0;
  cursor: pointer;
}
[cs-date-picker] [cs-calendar] table td.back, [cs-date-picker] [cs-calendar] table td.next, [cs-date-picker] [cs-calendar] table th.back, [cs-date-picker] [cs-calendar] table th.next {
  font-size: 0.65rem;
  padding-bottom: 0;
  cursor: pointer;
}
[cs-date-picker] [cs-calendar] table td.back, [cs-date-picker] [cs-calendar] table th.back {
  border-top-left-radius: 0.25rem;
  text-align: left;
}
[cs-date-picker] [cs-calendar] table td.next, [cs-date-picker] [cs-calendar] table th.next {
  border-top-right-radius: 0.25rem;
  text-align: right;
}
[cs-date-picker] [cs-calendar] table td {
  cursor: pointer;
}
[cs-date-picker] [cs-calendar] table td.dim {
  background-color: var(--cell-dim-bg-color);
  color: var(--cell-dim-color);
}
[cs-date-picker] [cs-calendar] table td:hover {
  background-color: var(--cell-hover-bg-color);
  color: var(--cell-hover-color);
}
[cs-date-picker] [cs-calendar] table td.selected {
  background-color: var(--cell-selected-bg-color);
  color: var(--cell-selected-color);
  font-weight: 600;
}
[cs-date-picker] [cs-calendar] table td.cornl {
  border-bottom-left-radius: 0.25rem;
}
[cs-date-picker] [cs-calendar] table td.cornr {
  border-bottom-right-radius: 0.25rem;
}
[cs-date-picker] [cs-calendar] table thead:first-child > tr:first-of-type > th {
  border-top: solid var(--border-size) var(--heading-border-color);
}
[cs-date-picker] [cs-calendar] table tbody:first-child > tr:first-of-type > td {
  border-top: solid var(--border-size) var(--cell-border-color);
}
[cs-date-picker] [cs-calendar] table tfoot:first-child > tr:first-of-type > th {
  border-top: solid var(--border-size) var(--footer-border-color);
}
[cs-date-picker] [cs-calendar] table thead th {
  background-color: var(--heading-background-color);
  font-weight: 600;
  border-right: solid var(--border-size) var(--heading-border-color);
  border-bottom: solid var(--border-size) var(--heading-border-color);
}
[cs-date-picker] [cs-calendar] table thead th, [cs-date-picker] [cs-calendar] table thead th p, [cs-date-picker] [cs-calendar] table thead th ul, [cs-date-picker] [cs-calendar] table thead th ol, [cs-date-picker] [cs-calendar] table thead th dl {
  color: var(--heading-color);
}
[cs-date-picker] [cs-calendar] table thead th:first-of-type {
  border-left: solid var(--border-size) var(--heading-border-color);
}
[cs-date-picker] [cs-calendar] table tfoot th {
  background-color: var(--footer-background-color);
  border-right: solid var(--border-size) var(--footer-border-color);
  border-bottom: solid var(--border-size) var(--footer-border-color);
}
[cs-date-picker] [cs-calendar] table tfoot th, [cs-date-picker] [cs-calendar] table tfoot th p, [cs-date-picker] [cs-calendar] table tfoot th ul, [cs-date-picker] [cs-calendar] table tfoot th ol, [cs-date-picker] [cs-calendar] table tfoot th dl {
  color: var(--footer-color);
}
[cs-date-picker] [cs-calendar] table tfoot th:first-of-type {
  border-left: solid var(--border-size) var(--footer-border-color);
}

[cs-form-control] {
  --scale: 1.0;
  position: relative;
  --validation-label-font-size: 0.9rem;
  --validation-label-spacer: 0.5rem;
  --validation-label-font-weight: bold;
  --label-font-size: 1rem;
  --label-spacer: 0.2rem;
  --label-field-spacer: 0.65rem;
  --label-font-weight: 500;
  --label-line-height: 1.4;
  --help-label-font-weight: 400;
  --help-label-line-height: 1.4;
}
[cs-form-control] label[cs-control-label] {
  --scaled-font-size: calc(var(--label-font-size) * var(--scale));
  position: relative;
  display: block;
  font-size: var(--scaled-font-size);
  line-height: var(--label-line-height);
  font-weight: var(--label-font-weight);
  margin-top: calc((var(--scaled-font-size) * var(--label-line-height) - var(--scaled-font-size)) / 2 * -1);
}
[cs-form-control] label[cs-control-label] [cs-required] {
  display: inline-block;
  margin-left: 0.35rem;
  font-weight: bold;
  color: var(--cs-color-danger);
  font-size: 130%;
  line-height: 0;
}
[cs-form-control] small[cs-control-label] {
  display: block;
  font-size: calc(var(--label-font-size) * 0.9 * var(--scale));
  font-weight: var(--help-label-font-weight);
  line-height: var(--help-label-line-height);
}
[cs-form-control] small[cs-control-label] div {
  margin-top: 0.5rem;
}
[cs-form-control] [cs-validation-message] {
  display: block;
  padding-top: calc(var(--validation-label-spacer) * var(--scale));
  font-family: var(--font-family);
  font-size: calc(var(--validation-label-font-size) * var(--scale));
  font-weight: var(--validation-label-font-weight);
}
[cs-form-control] [cs-validation-message]:empty, [cs-form-control] [cs-validation-message][cs-empty] {
  display: none;
}
[cs-form-control] [cs-field-footnote] {
  display: block;
  padding-top: calc(var(--validation-label-spacer) * var(--scale));
  font-family: var(--font-family);
  font-size: 0.9rem;
  font-style: italic;
  opacity: 0.35;
}
[cs-form-control] [cs-field-footnote] i {
  margin-right: 0.5rem;
}
[cs-form-control] [cs-field-footnote]:empty, [cs-form-control] [cs-field-footnote][cs-empty] {
  display: none;
}
[cs-form-control][readonly] span, [cs-form-control][readonly] label, [cs-form-control][readonly] small, [cs-form-control][readonly] input, [cs-form-control][readonly] select, [cs-form-control][readonly] textarea {
  color: var(--cs-disabled-field-color);
}
[cs-form-control][readonly] > [cs-wrapper], [cs-form-control][readonly] > [css-grid] > [css-grid-cell] > [cs-wrapper],
[cs-form-control][readonly] input, [cs-form-control][readonly] textarea, [cs-form-control][readonly] select {
  background-color: var(--cs-disabled-field-bg-color);
  cursor: not-allowed;
}
[cs-form-control][valid] label, [cs-form-control][valid] small, [cs-form-control][valid] [cs-validation-message] {
  color: var(--cs-color-success);
}
[cs-form-control][valid] [cs-validation-message] {
  display: block;
}
[cs-form-control][valid] > [cs-wrapper], [cs-form-control][valid] > [css-grid] > [css-grid-cell] > [cs-wrapper] {
  border-color: var(--cs-color-success);
}
[cs-form-control][valid] > [cs-wrapper] input, [cs-form-control][valid] > [cs-wrapper] select, [cs-form-control][valid] > [cs-wrapper] textarea, [cs-form-control][valid] > [css-grid] > [css-grid-cell] > [cs-wrapper] input, [cs-form-control][valid] > [css-grid] > [css-grid-cell] > [cs-wrapper] select, [cs-form-control][valid] > [css-grid] > [css-grid-cell] > [cs-wrapper] textarea {
  color: var(--cs-color-success);
}
[cs-form-control][invalid] label, [cs-form-control][invalid] small, [cs-form-control][invalid] [cs-validation-message] {
  color: var(--cs-color-danger);
}
[cs-form-control][invalid] [cs-validation-message] {
  display: block;
}
[cs-form-control][invalid] > [cs-wrapper], [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] {
  border-color: var(--cs-color-danger);
}
[cs-form-control][invalid] > [cs-wrapper] input, [cs-form-control][invalid] > [cs-wrapper] select, [cs-form-control][invalid] > [cs-wrapper] textarea, [cs-form-control][invalid] > [cs-wrapper] option, [cs-form-control][invalid] > [cs-wrapper] ul > li > [cs-radio] > label > span, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] input, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] select, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] textarea, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] option, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] ul > li > [cs-radio] > label > span {
  color: var(--cs-color-danger);
}
[cs-form-control][invalid] > [cs-wrapper] input::-moz-placeholder, [cs-form-control][invalid] > [cs-wrapper] select::-moz-placeholder, [cs-form-control][invalid] > [cs-wrapper] textarea::-moz-placeholder, [cs-form-control][invalid] > [cs-wrapper] option::-moz-placeholder, [cs-form-control][invalid] > [cs-wrapper] ul > li > [cs-radio] > label > span::-moz-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] input::-moz-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] select::-moz-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] textarea::-moz-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] option::-moz-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] ul > li > [cs-radio] > label > span::-moz-placeholder {
  color: var(--cs-color-danger);
  opacity: 1;
}
[cs-form-control][invalid] > [cs-wrapper] input:-ms-input-placeholder, [cs-form-control][invalid] > [cs-wrapper] select:-ms-input-placeholder, [cs-form-control][invalid] > [cs-wrapper] textarea:-ms-input-placeholder, [cs-form-control][invalid] > [cs-wrapper] option:-ms-input-placeholder, [cs-form-control][invalid] > [cs-wrapper] ul > li > [cs-radio] > label > span:-ms-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] input:-ms-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] select:-ms-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] textarea:-ms-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] option:-ms-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] ul > li > [cs-radio] > label > span:-ms-input-placeholder {
  color: var(--cs-color-danger);
  opacity: 1;
}
[cs-form-control][invalid] > [cs-wrapper] input::-ms-input-placeholder, [cs-form-control][invalid] > [cs-wrapper] select::-ms-input-placeholder, [cs-form-control][invalid] > [cs-wrapper] textarea::-ms-input-placeholder, [cs-form-control][invalid] > [cs-wrapper] option::-ms-input-placeholder, [cs-form-control][invalid] > [cs-wrapper] ul > li > [cs-radio] > label > span::-ms-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] input::-ms-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] select::-ms-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] textarea::-ms-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] option::-ms-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] ul > li > [cs-radio] > label > span::-ms-input-placeholder {
  color: var(--cs-color-danger);
  opacity: 1;
}
[cs-form-control][invalid] > [cs-wrapper] input::-webkit-input-placeholder, [cs-form-control][invalid] > [cs-wrapper] select::-webkit-input-placeholder, [cs-form-control][invalid] > [cs-wrapper] textarea::-webkit-input-placeholder, [cs-form-control][invalid] > [cs-wrapper] option::-webkit-input-placeholder, [cs-form-control][invalid] > [cs-wrapper] ul > li > [cs-radio] > label > span::-webkit-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] input::-webkit-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] select::-webkit-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] textarea::-webkit-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] option::-webkit-input-placeholder, [cs-form-control][invalid] > [css-grid] > [css-grid-cell] > [cs-wrapper] ul > li > [cs-radio] > label > span::-webkit-input-placeholder {
  color: var(--cs-color-danger);
  opacity: 1;
}
[cs-form-control][invalid] ul > li > [cs-radio] > label > span {
  color: var(--cs-color-danger);
}
[cs-form-control][invalid]:empty {
  display: none;
}

[cs-image-cropper] {
  --width: 100%;
  --border-size: 1px;
  --border-color: var(--cs-color-form-field-line);
  --border-radius: 0.15rem;
  --padding-vertical-multiplier: 0.35;
  --padding-horizontal-multiplier: 0.65;
  --background-color: var(--cs-color-light);
  --marquee-border-size: calc(var(--border-size) * 2);
}
[cs-image-cropper].hide {
  display: none;
}
[cs-image-cropper] > [cs-wrapper], [cs-image-cropper] > [css-grid] > [css-grid-cell] > [cs-wrapper] {
  display: block;
  position: relative;
  border-radius: 0.25rem;
  padding: 0;
}
[cs-image-cropper] > [cs-wrapper] > .image-container, [cs-image-cropper] > [css-grid] > [css-grid-cell] > [cs-wrapper] > .image-container {
  display: block;
  position: relative;
  background-repeat: no-repeat;
  overflow: hidden;
}
[cs-image-cropper] > [cs-wrapper] > .image-container > img, [cs-image-cropper] > [css-grid] > [css-grid-cell] > [cs-wrapper] > .image-container > img {
  display: none;
}
[cs-image-cropper] > [cs-wrapper] > .image-container > .crop-mask, [cs-image-cropper] > [css-grid] > [css-grid-cell] > [cs-wrapper] > .image-container > .crop-mask {
  display: block;
  cursor: move;
  position: absolute;
  box-shadow: 0 0 999rem 999rem rgba(0, 0, 0, 0.5);
  outline: var(--border-size) inset magenta;
}
[cs-image-cropper] > [cs-wrapper] > .image-container > .crop-mask > .node, [cs-image-cropper] > [css-grid] > [css-grid-cell] > [cs-wrapper] > .image-container > .crop-mask > .node {
  display: block;
  position: absolute;
  cursor: nwse-resize;
  right: 0;
  bottom: 0;
  width: 0.5rem;
  height: 0.5rem;
  background-color: magenta;
}
[cs-image-cropper].modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 10000;
}
[cs-image-cropper].modal > [cs-wrapper], [cs-image-cropper].modal > [css-grid] > [css-grid-cell] > [cs-wrapper] {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

[cs-image-cropper] [cs-toolbar], [cs-upload] [cs-toolbar] {
  position: relative;
  margin-top: 0.75rem;
  color: white;
}
[cs-image-cropper] [cs-toolbar] small, [cs-upload] [cs-toolbar] small {
  display: block;
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
}
[cs-image-cropper] [cs-toolbar] button, [cs-upload] [cs-toolbar] button {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: 0.85rem;
  text-transform: none;
  line-height: 2;
  padding: 0 0.5rem;
  padding-right: 0.65rem;
  font-weight: 400;
  background-color: var(--cs-color-secondary);
  border-color: var(--cs-color-secondary);
}
@media (min-width: 33.75em) {
  [cs-image-cropper] [cs-toolbar] button, [cs-upload] [cs-toolbar] button {
    margin-top: 0;
  }
}
[cs-image-cropper] [cs-toolbar] button.save, [cs-upload] [cs-toolbar] button.save {
  background-color: var(--cs-color-success);
  border-color: var(--cs-color-success);
}
[cs-image-cropper] [cs-toolbar] button.remove, [cs-upload] [cs-toolbar] button.remove {
  background-color: var(--cs-color-danger);
  border-color: var(--cs-color-danger);
}
@media (min-width: 33.75em) {
  [cs-image-cropper] [cs-toolbar] button + button, [cs-upload] [cs-toolbar] button + button {
    margin-left: 0.5rem;
  }
}

[cs-listbox] {
  --width: 100%;
  --initial-width: 15rem;
  --search-active: 0;
  --border-size: var(--cs-field-line-width);
  --border-color: var(--cs-color-form-field-line);
  --border-radius: 0.15rem;
  --padding-vertical-multiplier: 0.35;
  --padding-horizontal-multiplier: 0.5;
  --background-color: #ffffff;
  --font-family: var(--font-body);
  --font-size: 1rem;
  --menu-font-size: 1rem;
  --font-color: var(--cs-color-dark);
  --placeholder-color: var(--cs-color-medium);
  --select-icon-indent: calc((var(--font-size) * 1) + (var(--font-size) * var(--padding-horizontal-multiplier)));
  --vertical-padding: calc(var(--font-size) * var(--padding-vertical-multiplier));
  --horizontal-padding: calc(var(--font-size) * var(--padding-horizontal-multiplier));
  --icon-indent: calc(var(--font-size) * 0.5);
  --validation-label-font-size: 0.9rem;
  --validation-label-spacer: 0.5rem;
  --validation-label-font-weight: bold;
  min-width: 10rem !important;
  position: relative;
  overflow: visible;
}
@media (min-width: 33.75em) {
  [cs-listbox] {
    --width: var(--initial-width);
  }
}
[cs-listbox] [css-grid-cell].innermost-wrapper {
  font-size: 0;
}
[cs-listbox] .cs-listbox-placeholder {
  position: relative;
  display: inline-block;
  min-width: 10rem !important;
  min-height: calc(var(--font-size) * 1.4 + var(--vertical-padding) * 2 + var(--cs-field-line-width) * 2);
  width: var(--width);
  max-width: 100%;
}
[cs-listbox] [cs-wrapper] {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  min-width: 10rem !important;
  min-height: 2.25rem;
  width: var(--width);
  max-width: 100%;
  background-color: var(--background-color);
  border: var(--border-size) solid var(--border-color);
  border-radius: var(--border-radius);
  padding: var(--vertical-padding) var(--horizontal-padding);
  padding-right: 0;
  font-size: 0;
}
[cs-listbox] [cs-wrapper].open {
  z-index: 8888;
}
[cs-listbox] [cs-wrapper] > * {
  font-size: var(--font-size);
}
[cs-listbox] [cs-wrapper] select::-ms-expand {
  display: none;
}
[cs-listbox] [cs-wrapper] input {
  display: block;
  padding: 0;
  width: 100%;
  background-color: transparent;
  border: none;
  line-height: 1.4;
  -webkit-touch-callout: default;
  /* iOS Safari */
  -webkit-user-select: text;
  /* Safari */
  -moz-user-select: text;
  /* Old versions of Firefox */
  -ms-user-select: text;
  /* Internet Explorer/Edge */
  user-select: text;
  /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
[cs-listbox] [cs-wrapper] input.placeholder {
  color: var(--placeholder-color);
}
[cs-listbox] [cs-wrapper] span.search-widget {
  overflow: hidden;
  display: block;
  line-height: 1.6;
  text-align: left;
  vertical-align: top;
}
[cs-listbox] [cs-wrapper] span.search-widget i {
  margin-left: 1px;
}
[cs-listbox] [cs-wrapper] span.widget {
  cursor: pointer;
  display: block;
  line-height: 1.4;
  text-align: right;
  padding: 0 var(--horizontal-padding);
}
[cs-listbox] [cs-wrapper] .choices {
  --menu-padding: calc(var(--menu-font-size) * 0.5);
  --menu-items: 5;
  --menu-line-height: 1.4;
  overflow-y: auto;
  max-height: 0rem;
  width: calc(100% + var(--horizontal-padding));
  margin-left: calc(var(--horizontal-padding) * -1);
  margin-right: calc(var(--horizontal-padding) * -1);
  margin-bottom: calc(var(--vertical-padding) * -1);
}
[cs-listbox] [cs-wrapper] .choices::-webkit-scrollbar {
  width: var(--scrollbar-width);
}
[cs-listbox] [cs-wrapper] .choices::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
}
[cs-listbox] [cs-wrapper] .choices::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
}
[cs-listbox] [cs-wrapper] .choices.open {
  max-height: calc((var(--menu-font-size) * var(--menu-line-height) + var(--menu-padding) * 3) * var(--menu-items) - var(--vertical-padding) * 1);
  margin-top: calc(var(--menu-padding));
}
[cs-listbox] [cs-wrapper] .choices .menu-item {
  display: block;
  position: relative;
  padding: var(--menu-padding) var(--horizontal-padding);
  font-size: var(--menu-font-size);
  line-height: var(--menu-line-height);
}
[cs-listbox] [cs-wrapper] .choices .menu-item:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
[cs-listbox] [cs-wrapper] .choices .menu-item.placeholder {
  color: var(--placeholder-color);
}
[cs-listbox] [cs-wrapper] span.select-widget {
  z-index: 98;
  position: absolute;
  display: block;
  line-height: 1.5;
  top: var(--vertical-padding);
  left: calc(100% - var(--select-icon-indent));
  width: var(--select-icon-indent);
  text-align: right;
  padding-right: var(--horizontal-padding);
}
@media (max-width: 33.74em) {
  [cs-listbox].mobile-use-full-width {
    --width: 100% !important;
  }
}

[cs-radiolist] {
  --radio-size: 1.4rem;
  --radio-color: var(--cs-color-primary);
  --radio-background-color: var(--cs-color-light);
  --radio-border-color: rgba(0, 0, 0, 0.15);
  --radio-label-font-family: var(--font-body);
  --radio-label-font-size: 1rem;
  --radio-label-font-color: var(--cs-color-dark);
  --radio-label-font-weight: 400;
  --radio-label-line-height: 1.4;
  --radio-label-padding-top: 0;
  --radio-label-padding-left: 0.5rem;
}
[cs-radiolist] ul, [cs-radiolist] ol {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
[cs-radiolist][cs-horizontal] ul, [cs-radiolist][cs-horizontal] ol {
  margin-right: -1.5rem;
  margin-bottom: -1rem;
}
[cs-radiolist][cs-horizontal] ul li, [cs-radiolist][cs-horizontal] ol li {
  display: inline-block;
  margin-right: 1.5rem;
  padding-top: 0;
  padding-bottom: 1rem;
}
[cs-radiolist] [cs-radio] label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left: calc(var(--radio-size) + var(--radio-label-padding-left));
  padding-top: var(--radio-label-padding-top);
  font-size: 0;
  line-height: 1.2;
}
[cs-radiolist] [cs-radio] label:hover {
  text-decoration: underline;
}
[cs-radiolist] [cs-radio] label span:not([cs-wrapper]) {
  display: inline;
  position: relative;
  font-family: var(--radio-label-font-family);
  font-size: var(--radio-label-font-size);
  color: var(--radio-label-font-color);
  font-weight: var(--radio-label-font-weight);
  line-height: var(--radio-label-line-height);
}
[cs-radiolist] [cs-radio] label > [cs-wrapper] {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: var(--radio-size);
  line-height: var(--radio-size);
  width: var(--radio-size);
  height: var(--radio-size);
  background-image: none;
  border-radius: 50%;
}
[cs-radiolist] [cs-radio] label > [cs-wrapper] i {
  color: var(--radio-border-color);
}
[cs-radiolist] [cs-radio] label > [cs-wrapper].checked {
  background-color: var(--cs-color-white);
}
[cs-radiolist] [cs-radio] label > [cs-wrapper].checked i {
  display: inline-block;
  margin: 0;
  font-size: var(--radio-size);
  color: var(--cs-color-primary);
}
[cs-radiolist] [cs-radio] label > [cs-wrapper].checked i.correct {
  color: var(--cs-color-success);
}
[cs-radiolist] [cs-radio] label > [cs-wrapper].checked i.incorrect {
  color: var(--cs-color-danger);
}
[cs-radiolist] [cs-radio] label > [cs-wrapper] span.fa-stack {
  display: inline-block;
  position: relative;
  margin: 0;
  height: var(--radio-size);
  line-height: var(--radio-size);
  vertical-align: top;
  width: var(--radio-size);
}
[cs-radiolist] [cs-radio] label > [cs-wrapper] span.fa-stack i {
  font-size: var(--radio-size);
}
[cs-radiolist] [cs-radio] label > [cs-wrapper] span.fa-stack i:nth-of-type(1) {
  color: var(--radio-background-color);
}
[cs-radiolist] [cs-radio] label > [cs-wrapper] span.fa-stack i:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
}
[cs-radiolist] [cs-radio] label > [cs-wrapper] input[type=radio] {
  display: block;
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  font-size: 0;
  line-height: 0;
  background-color: var(--radio-color);
  border-radius: 50%;
  border: none;
  cursor: pointer;
}
@supports (display: -ms-grid) {
  [cs-radiolist] [cs-radio] label > [cs-wrapper] input[type=radio] {
    top: 0.08rem;
  }
}
@media (min-width: 52.1875em) {
  [cs-radiolist] [cs-radio] label > [cs-wrapper] input[type=radio] {
    border-width: var(--cs-line-width);
  }
}
[cs-radiolist] [cs-radio].readonly label {
  cursor: default;
}
[cs-radiolist] [cs-radio].readonly label:hover {
  text-decoration: none;
}
[cs-radiolist] [cs-radio].readonly label input[type=radio] > [cs-wrapper] input[type=radio] {
  cursor: default;
}
[cs-radiolist] [cs-radio].readonly label i.fa-check.correct {
  display: inline-block;
  margin-left: 0.25rem;
  font-size: calc(var(--radio-size) * 0.9);
}

[cs-numeric-input] {
  --scale: 1.0;
  --width: 100%;
  --tabp-width: 100%;
  --display: block;
  --border-size: var(--cs-field-line-width);
  --border-color: var(--cs-color-form-field-line);
  --border-radius: 0.15rem;
  --padding-vertical-multiplier: 0.25;
  --padding-horizontal-multiplier: 0.50;
  --background-color: #ffffff;
  --font-family: var(--font-body);
  --font-size: 1rem;
  --line-height: 1.4;
  --font-color: var(--cs-color-dark);
  --placeholder-font-color: var(--cs-color-placeholder);
  --icon-indent: calc(var(--font-size) * 0.5);
  --prefix-suffix-indent: calc(var(--font-size) * 0.25);
  display: block;
}
@media (min-width: 33.75em) {
  [cs-numeric-input] {
    display: var(--display);
  }
}
[cs-numeric-input] [cs-wrapper] {
  position: relative;
  display: block;
  width: var(--width);
  min-width: calc(5rem * var(--scale));
  background-color: var(--background-color);
  border: calc(var(--border-size) * var(--scale)) solid var(--border-color);
  border-radius: calc(var(--border-radius) * var(--scale));
  padding: calc(var(--font-size) * var(--padding-vertical-multiplier) * var(--scale)) calc(var(--font-size) * var(--padding-horizontal-multiplier) * var(--scale));
  font-size: 0;
  min-height: 2.25rem;
}
@media (min-width: 33.75em) {
  [cs-numeric-input] [cs-wrapper] {
    width: var(--tabp-width);
  }
}
[cs-numeric-input] [cs-wrapper] > * {
  font-size: calc(var(--font-size) * var(--scale));
}
[cs-numeric-input] [cs-wrapper] input {
  display: block;
  min-width: calc(5rem * var(--scale));
  font-family: var(--font-family);
  line-height: var(--line-height);
  font-size: var(--font-size);
  color: var(--font-color);
  outline: none;
  background: transparent;
  width: 100%;
  max-width: 100%;
  min-height: calc(var(--font-size) * 1.6 * var(--scale));
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  background-image: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: text;
  -webkit-touch-callout: default;
  /* iOS Safari */
  -webkit-user-select: text;
  /* Safari */
  -moz-user-select: text;
  /* Old versions of Firefox */
  -ms-user-select: text;
  /* Internet Explorer/Edge */
  user-select: text;
  /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
[cs-numeric-input] [cs-wrapper] input:focus {
  outline: none;
  background-color: rgba(255, 255, 255, 0.5);
}
[cs-numeric-input] [cs-wrapper] input::-moz-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
}
[cs-numeric-input] [cs-wrapper] input:-ms-input-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
}
[cs-numeric-input] [cs-wrapper] input::-ms-input-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
}
[cs-numeric-input] [cs-wrapper] input::-webkit-input-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
}
[cs-numeric-input] [cs-wrapper] label {
  display: none;
  cursor: pointer;
}
[cs-numeric-input][appearance=percentage] > [cs-wrapper] span, [cs-numeric-input][appearance=percentage] > [css-grid] > [css-grid-cell] > [cs-wrapper] span {
  display: inline-block;
  width: calc(var(--font-size) * var(--scale));
  font-size: calc(var(--font-size) * var(--scale));
  color: var(--placeholder-font-color);
  text-align: right;
}
[cs-numeric-input][appearance=percentage] > [cs-wrapper] span::after, [cs-numeric-input][appearance=percentage] > [css-grid] > [css-grid-cell] > [cs-wrapper] span::after {
  content: "%";
}
[cs-numeric-input][appearance=percentage] > [cs-wrapper] [cs-textbox-input], [cs-numeric-input][appearance=percentage] > [css-grid] > [css-grid-cell] > [cs-wrapper] [cs-textbox-input] {
  display: inline-block;
  width: calc((100% - var(--font-size)) * var(--scale));
  padding-right: calc(var(--prefix-suffix-indent) * var(--scale));
  -moz-appearance: textfield;
}
[cs-numeric-input][appearance=percentage] > [cs-wrapper] [cs-textbox-input]::-webkit-outer-spin-button, [cs-numeric-input][appearance=percentage] > [cs-wrapper] [cs-textbox-input]::-webkit-inner-spin-button, [cs-numeric-input][appearance=percentage] > [css-grid] > [css-grid-cell] > [cs-wrapper] [cs-textbox-input]::-webkit-outer-spin-button, [cs-numeric-input][appearance=percentage] > [css-grid] > [css-grid-cell] > [cs-wrapper] [cs-textbox-input]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[cs-numeric-input][cs-center] input {
  text-align: center;
}
[cs-numeric-input][cs-right] input {
  text-align: right;
}

[cs-rich-text-editor] {
  --border-color: var(--cs-color-form-field-line);
  --placeholder-font-color: var(--cs-color-placeholder);
}
[cs-rich-text-editor] .preview {
  border: solid var(--cs-line-width) var(--border-color);
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  padding: 1rem 0.75rem 1rem 1rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
  max-height: 6rem;
  overflow: hidden;
  border-bottom: dashed var(--cs-line-width) var(--cs-color-medium);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
[cs-rich-text-editor] .preview p.ck-placeholder {
  color: var(--placeholder-font-color);
}
[cs-rich-text-editor] .preview + .invoke {
  font-weight: 500;
  font-size: 0.75rem;
  margin-top: 0.5rem;
  cursor: pointer;
}
[cs-rich-text-editor] .preview + .invoke i {
  margin-left: 0.35rem;
}
[cs-rich-text-editor] .ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
[cs-rich-text-editor] .ck-widget.table td.ck-editor__nested-editable:focus,
[cs-rich-text-editor] .ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,
[cs-rich-text-editor] .ck-widget.table th.ck-editor__nested-editable:focus {
  box-shadow: none;
  outline: none;
}
[cs-rich-text-editor] .ck.ck-editor__editable {
  --ck-color-engine-placeholder-text: var(--placeholder-font-color);
  min-height: 4rem;
}
[cs-rich-text-editor] .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
  box-shadow: none;
}
[cs-rich-text-editor] .preview h1, [cs-rich-text-editor] .ck-editor h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
[cs-rich-text-editor] .preview h2, [cs-rich-text-editor] .ck-editor h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
[cs-rich-text-editor] .preview h3, [cs-rich-text-editor] .ck-editor h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
[cs-rich-text-editor] .preview h4, [cs-rich-text-editor] .ck-editor h4 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
[cs-rich-text-editor] .preview ol, [cs-rich-text-editor] .preview ul, [cs-rich-text-editor] .preview blockquote, [cs-rich-text-editor] .ck-editor ol, [cs-rich-text-editor] .ck-editor ul, [cs-rich-text-editor] .ck-editor blockquote {
  margin: 1.5rem 1.5rem;
}
[cs-rich-text-editor] .preview ol li, [cs-rich-text-editor] .preview ul li, [cs-rich-text-editor] .preview blockquote li, [cs-rich-text-editor] .ck-editor ol li, [cs-rich-text-editor] .ck-editor ul li, [cs-rich-text-editor] .ck-editor blockquote li {
  margin-left: 1.5rem;
}
[cs-rich-text-editor] .preview h1:first-child, [cs-rich-text-editor] .preview h2:first-child, [cs-rich-text-editor] .preview h3:first-child, [cs-rich-text-editor] .preview h4:first-child, [cs-rich-text-editor] .ck-editor h1:first-child, [cs-rich-text-editor] .ck-editor h2:first-child, [cs-rich-text-editor] .ck-editor h3:first-child, [cs-rich-text-editor] .ck-editor h4:first-child {
  margin-top: 0;
}
[cs-rich-text-editor] .preview h1 + p, [cs-rich-text-editor] .preview h2 + p, [cs-rich-text-editor] .preview h3 + p, [cs-rich-text-editor] .preview h4 + p, [cs-rich-text-editor] .ck-editor h1 + p, [cs-rich-text-editor] .ck-editor h2 + p, [cs-rich-text-editor] .ck-editor h3 + p, [cs-rich-text-editor] .ck-editor h4 + p {
  --paragraph-bottom-margin: 1.5rem;
}
[cs-rich-text-editor] .ck-static {
  cursor: text;
}
[cs-rich-text-editor] .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) > :first-child,
[cs-rich-text-editor] .ck.ck-editor__main > .ck-editor__editable.ck-focused > :first-child {
  margin-top: 0.5rem;
}
[cs-rich-text-editor] .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) > :last-child,
[cs-rich-text-editor] .ck.ck-editor__main > .ck-editor__editable.ck-focused > :last-child {
  margin-bottom: 0.5rem;
}

[cs-rich-text-editor] + .overlay {
  z-index: 12000;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.5s ease;
}
[cs-rich-text-editor] + .overlay.show {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
[cs-rich-text-editor] + .overlay + .cs-picker-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--cs-color-white);
  padding: 2.5rem 1.5rem;
  z-index: 12001;
  max-width: 100vw;
}
@media (min-width: 33.75em) {
  [cs-rich-text-editor] + .overlay + .cs-picker-modal {
    border-radius: 0.25rem;
    max-width: 80vw;
  }
}
@media (min-width: 52.1875em) {
  [cs-rich-text-editor] + .overlay + .cs-picker-modal {
    max-width: 75vw;
  }
}
[cs-rich-text-editor] + .overlay + .cs-picker-modal.show {
  display: block;
}

[cs-tag-input] {
  --border-size: var(--cs-field-line-width);
  --border-color: var(--cs-color-form-field-line);
  --border-radius: 0.15rem;
  --padding-vertical-multiplier: 0.25;
  --padding-horizontal-multiplier: 0.50;
  --background-color: #ffffff;
  --width: 100%;
  --font-family: var(--font-body);
  --font-size: 1rem;
  --line-height: 1.4;
  --font-color: var(--cs-color-dark);
  --placeholder-font-color: var(--cs-color-placeholder);
  --tag-background-color: var(--cs-color-tertiary);
  --tag-color: var(--cs-color-tertiary-contrast);
}
[cs-tag-input] [cs-wrapper] {
  position: relative;
  background-color: var(--background-color);
  border: var(--border-size) solid var(--border-color);
  border-radius: var(--border-radius);
  padding: calc(var(--font-size) * var(--padding-vertical-multiplier)) calc(var(--font-size) * var(--padding-horizontal-multiplier));
  font-size: 0;
  min-height: 2.25rem;
}
@media (min-width: 33.75em) {
  [cs-tag-input] [cs-wrapper] {
    width: var(--width);
  }
}
[cs-tag-input] [cs-wrapper] > * {
  font-size: var(--font-size);
}
[cs-tag-input] [cs-wrapper] input {
  display: inline-block;
  font-family: var(--font-family);
  line-height: var(--line-height);
  color: var(--font-color);
  outline: none;
  background: transparent;
  width: calc(100% - var(--font-size) * 1.25 - 0.5rem);
  min-height: calc(var(--font-size) * 1.6);
  padding: 0;
  margin: 0;
  margin-right: 0.5rem;
  border: none;
  box-shadow: none;
  background-image: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: text;
  -webkit-touch-callout: default;
  /* iOS Safari */
  -webkit-user-select: text;
  /* Safari */
  -moz-user-select: text;
  /* Old versions of Firefox */
  -ms-user-select: text;
  /* Internet Explorer/Edge */
  user-select: text;
  /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
[cs-tag-input] [cs-wrapper] input:focus {
  outline: none;
  background-color: rgba(255, 255, 255, 0.5);
}
[cs-tag-input] [cs-wrapper] input::-moz-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
}
[cs-tag-input] [cs-wrapper] input:-ms-input-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
}
[cs-tag-input] [cs-wrapper] input::-ms-input-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
}
[cs-tag-input] [cs-wrapper] input::-webkit-input-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
}
[cs-tag-input] [cs-wrapper] span.tag-widget {
  overflow: hidden;
  display: inline-block;
  width: calc(var(--font-size) * 1.25);
  font-size: var(--font-size);
  line-height: 1.6;
  text-align: left;
  vertical-align: top;
  text-align: right;
  cursor: pointer;
}
[cs-tag-input] [cs-wrapper] [cs-tags] {
  font-size: 0;
}
[cs-tag-input] [cs-wrapper] [cs-tags] [cs-tag] {
  display: inline-block;
  margin-right: 0.3rem;
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
  padding: 0 0.5rem;
  font-size: calc(var(--font-size) * 0.75);
  font-weight: 500;
  line-height: calc(var(--font-size) * 1.3);
  border-radius: 0.1rem;
  background-color: var(--tag-background-color);
  color: var(--tag-color);
}
[cs-tag-input] [cs-wrapper] [cs-tags] [cs-tag] span.remove-tag-widget {
  display: inline-block;
  cursor: pointer;
  margin-left: 0.5rem;
}
[cs-tag-input] [cs-wrapper] [cs-tags].tag-search [cs-tag] {
  background-color: var(--cs-color-medium);
  cursor: pointer;
}
[cs-tag-input] .tag-help {
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.5rem;
}

[cs-textbox] {
  --scale: 1.0;
  --width: 100%;
  --tabp-width: 100%;
  --display: block;
  --border-size: var(--cs-field-line-width);
  --border-color: var(--cs-color-form-field-line);
  --border-radius: 0.15rem;
  --padding-vertical-multiplier: 0.35;
  --padding-horizontal-multiplier: 0.50;
  --background-color: #ffffff;
  --font-family: var(--font-body);
  --font-size: 1rem;
  --line-height: 1.25;
  --font-color: var(--cs-color-dark);
  --placeholder-font-color: var(--cs-color-placeholder);
  --icon-indent: calc(var(--font-size) * 0.5);
  --prefix-suffix-indent: calc(var(--font-size) * 0.25);
  display: block;
}
@media (min-width: 33.75em) {
  [cs-textbox] {
    display: var(--display);
  }
}
[cs-textbox] [cs-wrapper] {
  --padding-vertical: calc(var(--font-size) * var(--padding-vertical-multiplier) * var(--scale));
  --padding-horizontal: calc(var(--font-size) * var(--padding-horizontal-multiplier) * var(--scale));
  position: relative;
  display: block;
  width: var(--width);
  min-height: 2.25rem;
  min-width: calc(5rem * var(--scale));
  background-color: var(--background-color);
  border: calc(var(--border-size) * var(--scale)) solid var(--border-color);
  border-radius: calc(var(--border-radius) * var(--scale));
  padding: var(--padding-vertical) var(--padding-horizontal);
  font-size: 0;
}
@media (min-width: 33.75em) {
  [cs-textbox] [cs-wrapper] {
    width: var(--tabp-width);
  }
}
[cs-textbox] [cs-wrapper] > * {
  font-size: calc(var(--font-size) * var(--scale));
}
[cs-textbox] [cs-wrapper] textarea, [cs-textbox] [cs-wrapper] input {
  display: inline-block;
  font-family: var(--font-family);
  font-size: calc(var(--font-size) * var(--scale));
  line-height: var(--line-height);
  color: var(--font-color);
  outline: none;
  background: transparent;
  width: 100%;
  min-height: calc(var(--font-size) * var(--line-height) * var(--scale));
  max-height: 100vh;
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  overflow: hidden;
  resize: none;
  -webkit-touch-callout: default;
  /* iOS Safari */
  -webkit-user-select: text;
  /* Safari */
  -moz-user-select: text;
  /* Old versions of Firefox */
  -ms-user-select: text;
  /* Internet Explorer/Edge */
  user-select: text;
  /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
[cs-textbox] [cs-wrapper] textarea::-webkit-scrollbar, [cs-textbox] [cs-wrapper] input::-webkit-scrollbar {
  width: 0.5rem;
}
[cs-textbox] [cs-wrapper] textarea::-webkit-scrollbar-track, [cs-textbox] [cs-wrapper] input::-webkit-scrollbar-track {
  background-color: var(--cs-color-light);
}
[cs-textbox] [cs-wrapper] textarea::-webkit-scrollbar-thumb, [cs-textbox] [cs-wrapper] input::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
}
[cs-textbox] [cs-wrapper] textarea:focus, [cs-textbox] [cs-wrapper] input:focus {
  outline: none;
}
[cs-textbox] [cs-wrapper] textarea::-moz-placeholder, [cs-textbox] [cs-wrapper] input::-moz-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-textbox] [cs-wrapper] textarea:-ms-input-placeholder, [cs-textbox] [cs-wrapper] input:-ms-input-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-textbox] [cs-wrapper] textarea::-ms-input-placeholder, [cs-textbox] [cs-wrapper] input::-ms-input-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-textbox] [cs-wrapper] textarea::-webkit-input-placeholder, [cs-textbox] [cs-wrapper] input::-webkit-input-placeholder {
  color: var(--placeholder-font-color);
  font-style: italic;
  opacity: 1;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-textbox] [cs-wrapper] input {
  overflow: visible;
}
[cs-textbox] [cs-wrapper] label {
  display: none;
  cursor: pointer;
}
[cs-textbox] [cs-wrapper].no-frame, [cs-textbox] [cs-wrapper].label-mode {
  --background-color: transparent;
  --padding-vertical: 0;
  border: none;
}
[cs-textbox] [cs-wrapper].no-frame:not(.no-icon), [cs-textbox] [cs-wrapper].label-mode:not(.no-icon) {
  padding-left: calc(var(--font-size) * 1 * 1.5 * var(--scale));
}
[cs-textbox] [cs-wrapper].no-frame label, [cs-textbox] [cs-wrapper].label-mode label {
  display: block;
  position: absolute;
  font-size: calc(var(--font-size) * var(--scale));
  color: var(--cs-color-primary);
  width: calc(var(--font-size) * var(--scale));
  top: 0;
  left: 0;
  line-height: var(--line-height);
}
[cs-textbox] [cs-wrapper].no-frame, [cs-textbox] [cs-wrapper].label-mode {
  padding-left: 0;
  padding-right: 0;
}
[cs-textbox] .subtext {
  margin-top: 0.5rem;
  font-size: 0.9rem;
}
[cs-textbox][type=label] > [cs-wrapper], [cs-textbox][type=label] > [css-grid] > [css-grid-cell] > [cs-wrapper] {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: calc(var(--font-size) * var(--padding-vertical-multiplier) * var(--scale)) 0;
}
[cs-textbox][type=currency] > [cs-wrapper] span, [cs-textbox][type=currency] > [css-grid] > [css-grid-cell] > [cs-wrapper] span {
  display: inline-block;
  padding-right: calc(var(--prefix-suffix-indent) * var(--scale));
  font-size: calc(var(--font-size) * var(--scale));
  color: var(--placeholder-font-color);
}
[cs-textbox][type=currency] > [cs-wrapper] span::after, [cs-textbox][type=currency] > [css-grid] > [css-grid-cell] > [cs-wrapper] span::after {
  content: "$";
}
[cs-textbox][type=currency] > [cs-wrapper] [cs-textbox-input], [cs-textbox][type=currency] > [css-grid] > [css-grid-cell] > [cs-wrapper] [cs-textbox-input] {
  width: calc((100% - var(--font-size) - var(--prefix-suffix-indent)) * var(--scale));
}
[cs-textbox][type=hexcolor] > [cs-wrapper] span, [cs-textbox][type=hexcolor] > [css-grid] > [css-grid-cell] > [cs-wrapper] span {
  display: inline-block;
  padding-right: calc(var(--prefix-suffix-indent) * var(--scale));
  font-size: calc(var(--font-size) * var(--scale));
  color: var(--placeholder-font-color);
}
[cs-textbox][type=hexcolor] > [cs-wrapper] span::after, [cs-textbox][type=hexcolor] > [css-grid] > [css-grid-cell] > [cs-wrapper] span::after {
  content: "#";
}
[cs-textbox][type=hexcolor] > [cs-wrapper] [cs-textbox-input], [cs-textbox][type=hexcolor] > [css-grid] > [css-grid-cell] > [cs-wrapper] [cs-textbox-input] {
  width: calc((100% - var(--font-size) - var(--prefix-suffix-indent)) * var(--scale));
}
[cs-textbox][type=percentage] > [cs-wrapper] span, [cs-textbox][type=percentage] > [css-grid] > [css-grid-cell] > [cs-wrapper] span {
  display: inline-block;
  width: calc(var(--font-size) * var(--scale));
  font-size: calc(var(--font-size) * var(--scale));
  color: var(--placeholder-font-color);
  text-align: right;
}
[cs-textbox][type=percentage] > [cs-wrapper] span::after, [cs-textbox][type=percentage] > [css-grid] > [css-grid-cell] > [cs-wrapper] span::after {
  content: "%";
}
[cs-textbox][type=percentage] > [cs-wrapper] [cs-textbox-input], [cs-textbox][type=percentage] > [css-grid] > [css-grid-cell] > [cs-wrapper] [cs-textbox-input] {
  display: inline-block;
  width: calc((100% - var(--font-size)) * var(--scale));
  padding-right: calc(var(--prefix-suffix-indent) * var(--scale));
}
[cs-textbox][type=search] {
  --search-widget-width: calc((0.25rem + (var(--font-size) * 1.25)) * var(--scale));
}
[cs-textbox][type=search] .search-widget, [cs-textbox][type=search] .search-clear-widget {
  overflow: hidden;
  display: inline-block;
  width: var(--search-widget-width);
  font-size: calc(var(--font-size) * var(--scale));
  text-align: left;
  vertical-align: top;
  cursor: pointer;
}
[cs-textbox][type=search] .search-clear-widget {
  text-align: right;
}
[cs-textbox][type=search] [cs-textbox-input] {
  width: calc(100% - var(--search-widget-width) * 2);
}
[cs-textbox][type=url] {
  --preview-widget-width: calc((0.4rem + (var(--font-size) * 1.25)) * var(--scale));
}
[cs-textbox][type=url] .preview-widget {
  overflow: hidden;
  padding-right: 0.1rem;
  display: inline-block;
  width: var(--preview-widget-width);
  font-size: calc(var(--font-size) * var(--scale));
  text-align: right;
  vertical-align: top;
  cursor: pointer;
}
[cs-textbox][type=url] [cs-textbox-input] {
  width: calc(100% - var(--preview-widget-width) * 2);
}
[cs-textbox][type=url] .preview {
  margin-top: 1rem;
  border: calc(var(--border-size) * var(--scale)) solid var(--border-color);
  border-radius: calc(var(--border-radius) * var(--scale));
  max-height: 30rem;
  overflow-y: scroll;
}
[cs-textbox][cs-center] [cs-textbox-input] {
  text-align: center;
}
[cs-textbox][cs-right] [cs-textbox-input] {
  text-align: right;
}

.big-input-wrapper {
  padding: 0.55rem 0.5rem;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  background-color: white;
}
.big-input-wrapper [cs-wrapper] {
  min-height: 1.65rem;
}

[cs-upload] {
  --width: 100%;
  --border-size: var(--cs-field-line-width);
  --border-color: var(--cs-color-form-field-line);
  --border-radius: 0.15rem;
  --padding-vertical-multiplier: 0.35;
  --padding-horizontal-multiplier: 0.65;
  --background-color: var(--cs-color-light);
  --validation-label-font-size: 0.9rem;
  --validation-label-spacer: 0.5rem;
  --validation-label-font-weight: bold;
}
[cs-upload] .player {
  width: 100%;
}
[cs-upload] .player.audio {
  height: 4rem;
}
[cs-upload].hide {
  display: none;
}
[cs-upload] > [cs-wrapper], [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] {
  position: relative;
  width: var(--width);
  min-width: 10rem;
  min-height: 3rem;
  background-color: var(--background-color);
  border: var(--border-size) dashed var(--border-color);
  border-radius: var(--border-radius);
}
[cs-upload] > [cs-wrapper] > *, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] > * {
  font-size: var(--font-size);
}
[cs-upload] > [cs-wrapper] .dont-transcode, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .dont-transcode {
  vertical-align: middle;
}
[cs-upload] > [cs-wrapper] .dont-transcode input[type=checkbox], [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .dont-transcode input[type=checkbox] {
  vertical-align: middle;
}
[cs-upload] > [cs-wrapper] input[type=file], [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
  cursor: pointer;
}
[cs-upload] > [cs-wrapper] .content, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content {
  padding: 1rem;
  min-height: 1%;
  overflow: hidden;
}
[cs-upload] > [cs-wrapper] .content.open, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content.open {
  min-height: 100%;
  max-height: 100rem;
}
[cs-upload] > [cs-wrapper] .content .cloud, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content .cloud {
  position: relative;
  text-align: center;
  color: var(--cs-color-medium);
}
[cs-upload] > [cs-wrapper] .content .cloud i, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content .cloud i {
  display: inline-block;
  font-size: 3rem;
  margin-bottom: 0.25rem;
}
[cs-upload] > [cs-wrapper] .content .cloud p, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content .cloud p {
  font-size: 0.9rem;
  font-weight: 500;
}
[cs-upload] > [cs-wrapper] .content .cloud.hidden, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content .cloud.hidden {
  display: none;
}
[cs-upload] > [cs-wrapper] .content .files, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content .files {
  display: block;
  margin: 0 auto;
  margin-top: -0.75rem;
}
[cs-upload] > [cs-wrapper] .content .files .file, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content .files .file {
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.75rem;
  border-bottom: dashed var(--cs-line-width) var(--cs-color-supermedium);
}
[cs-upload] > [cs-wrapper] .content .files .file .filename, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content .files .file .filename {
  line-height: 1.5rem;
  font-size: 1rem;
  font-weight: 500;
}
[cs-upload] > [cs-wrapper] .content .files .file .file-icon, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content .files .file .file-icon {
  line-height: 1.5rem;
  font-size: 1.2rem;
}
[cs-upload] > [cs-wrapper] .content .files .file .file-icon i, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content .files .file .file-icon i {
  color: var(--cs-color-primary);
}
[cs-upload] > [cs-wrapper] .content .files .file .file-icon i.fa-check-circle, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content .files .file .file-icon i.fa-check-circle {
  color: var(--cs-color-success);
}
[cs-upload] > [cs-wrapper] .content .files .file .file-info, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content .files .file .file-info {
  line-height: 1.5;
  font-size: 0.9rem;
  font-style: italic;
}
[cs-upload] > [cs-wrapper] .content .files .file .file-info i, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content .files .file .file-info i {
  display: inline-block;
  margin-right: 0.5rem;
  color: var(--cs-color-primary);
}
[cs-upload] > [cs-wrapper] .content .files button, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content .files button {
  font-size: 0.8rem;
  line-height: 1.5rem;
  padding: 0 0.5rem;
  width: auto;
}
[cs-upload] > [cs-wrapper] .content .files .reset, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper] .content .files .reset {
  padding-top: 1rem;
}
[cs-upload] > [cs-wrapper].droptarget-drag, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper].droptarget-drag {
  border-color: var(--cs-color-primary);
  background-color: var(--cs-color-primary);
}
[cs-upload] > [cs-wrapper].droptarget-drag .content .cloud i, [cs-upload] > [cs-wrapper].droptarget-drag .content .cloud p, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper].droptarget-drag .content .cloud i, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper].droptarget-drag .content .cloud p {
  color: white;
}
[cs-upload] > [cs-wrapper].error-state, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper].error-state {
  border-color: var(--cs-color-danger);
  background-color: var(--cs-color-danger);
}
[cs-upload] > [cs-wrapper].error-state .content .cloud i, [cs-upload] > [cs-wrapper].error-state .content .cloud p, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper].error-state .content .cloud i, [cs-upload] > [css-grid] > [css-grid-cell] > [cs-wrapper].error-state .content .cloud p {
  color: white;
}

[cs-action-buttons] a.button-panel {
  --corner-radius: 0.25rem;
  --line-width: var(--cs-line-width);
  display: block;
  background-color: var(--cs-color-white);
  color: var(--cs-color-white-contrast);
  text-decoration: none;
  padding: 1rem var(--zero-horizontal-unit-padding);
  width: 100%;
  border-radius: var(--corner-radius);
  font-size: 0.9rem;
}
[cs-action-buttons] a.button-panel.assigned {
  background-color: var(--cs-color-bo-primary);
  color: var(--cs-color-bo-primary-contrast);
}
[cs-action-buttons] a.button-panel.assigned:hover {
  background-color: var(--cs-color-bo-primary-tint);
}
[cs-action-buttons] a.button-panel.in-progress {
  background-color: var(--cs-color-bo-primary);
  color: var(--cs-color-bo-primary-contrast);
}
[cs-action-buttons] a.button-panel.in-progress:hover {
  background-color: var(--cs-color-bo-primary-tint);
}
[cs-action-buttons] a.button-panel.courses {
  background-color: var(--cs-color-course);
  color: var(--cs-color-course-contrast);
}
[cs-action-buttons] a.button-panel.courses:hover {
  background-color: var(--cs-color-course-tint);
}
[cs-action-buttons] a.button-panel.articles {
  background-color: var(--cs-color-article);
  color: var(--cs-color-article-contrast);
}
[cs-action-buttons] a.button-panel.articles:hover {
  background-color: var(--cs-color-article-tint);
}
[cs-action-buttons] a.button-panel.audios {
  background-color: var(--cs-color-audio);
  color: var(--cs-color-audio-contrast);
}
[cs-action-buttons] a.button-panel.audios:hover {
  background-color: var(--cs-color-audio-tint);
}
[cs-action-buttons] a.button-panel.videos {
  background-color: var(--cs-color-video);
  color: var(--cs-color-video-contrast);
}
[cs-action-buttons] a.button-panel.videos:hover {
  background-color: var(--cs-color-video-tint);
}
[cs-action-buttons] a.button-panel.community {
  background-color: var(--cs-color-community);
  color: var(--cs-color-community-contrast);
}
[cs-action-buttons] a.button-panel.community:hover {
  background-color: var(--cs-color-community-tint);
}
[cs-action-buttons] a.button-panel span {
  text-align: center;
  display: block;
}
[cs-action-buttons] a.button-panel span i {
  font-size: 1.75rem;
}
[cs-action-buttons] a.button-panel span + span {
  margin-top: 0.25rem;
}
[cs-action-buttons] a.button-panel .small-text {
  display: none;
}
[cs-action-buttons] a.button-panel .full-text {
  display: block;
}
@media (min-width: 33.75em) {
  [cs-action-buttons] a.button-panel .small-text {
    display: block;
  }
  [cs-action-buttons] a.button-panel .full-text {
    display: none;
  }
}
@media (min-width: 52.1875em) {
  [cs-action-buttons] a.button-panel .small-text {
    display: none;
  }
  [cs-action-buttons] a.button-panel .full-text {
    display: block;
  }
}

[cs-back-link] {
  display: block;
  margin-bottom: 0.75rem;
}
[cs-back-link] a {
  display: inline-block;
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
}
[cs-back-link] a i {
  margin-right: 0.35rem;
}

[cs-paging] {
  margin-top: 1.5rem;
}
[cs-paging] .pages span {
  display: inline-block;
  margin: 0 0.5rem;
}
[cs-paging] a {
  cursor: pointer;
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: var(--cs-color-white);
  border: solid var(--cs-line-width) var(--cs-color-supermedium);
  color: var(--cs-color-dark);
  border-radius: 0.125rem;
  margin: 0 0.1rem;
  vertical-align: top;
}
[cs-paging] a:hover {
  text-decoration: none;
}
[cs-paging] a:hover:not(.disabled):not(.current) {
  background-color: var(--cs-color-secondary);
  border-color: var(--cs-color-secondary-shade);
  color: var(--cs-color-secondary-contrast);
  text-decoration: none;
}
[cs-paging] a.disabled {
  cursor: default;
  opacity: 0.35;
}
[cs-paging] a.current {
  background-color: var(--cs-color-primary);
  border-color: var(--cs-color-primary);
  color: var(--cs-color-primary-contrast);
  cursor: default;
}
[cs-paging].inverted a {
  background-color: var(--cs-color-superlight);
  border: solid var(--cs-line-width) var(--cs-color-supermedium);
}
[cs-paging].inverted a.current {
  background-color: var(--cs-color-primary);
  border-color: var(--cs-color-primary-shade);
  color: var(--cs-color-primary-contrast);
}

[cs-tree] {
  --icon-multiplier: 1;
  --zero-vertical-unit-padding: 1.25rem;
  --tablet-portrait-vertical-unit-padding: 1.75rem;
  --tablet-landscape-vertical-unit-padding: 1.75rem;
  --desktop-vertical-unit-padding: 1.75rem;
  --elastic-vertical-unit-padding: 1.75rem;
  --zero-horizontal-unit-padding: 1.25rem;
  --tablet-portrait-horizontal-unit-padding: 1.75rem;
  --tablet-landscape-horizontal-unit-padding: 1.75rem;
  --desktop-horizontal-unit-padding: 1.75rem;
  --elastic-horizontal-unit-padding: 1.75rem;
  --disclosure-size: 0.8rem;
  --disclosure-top: calc((var(--label-line-height) - var(--disclosure-size)) / 2);
  --disclosure-gap: 0rem;
  --icon-size: 1.4rem;
  --icon-top: calc((var(--label-line-height) - var(--icon-size)) / 2);
  --icon-gap: 0.5rem;
  --label-size: 0.8rem;
  --label-line-height: 1.2rem;
  --row-spacing: 0.75rem;
  --depth: 0;
  display: block;
  overflow: hidden;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
@media (min-width: 33.75em) {
  [cs-tree] {
    --disclosure-size: 1rem;
    --icon-size: 1.4rem;
    --icon-gap: 0.5rem;
    --label-size: 1rem;
    --label-line-height: 1.4rem;
    --row-spacing: 1rem;
  }
}
[cs-tree].cs-tree-padding {
  --horizontal-unit-padding: 0;
  padding-left: var(--horizontal-unit-padding);
  padding-right: var(--horizontal-unit-padding);
  --horizontal-unit-padding: var(--zero-horizontal-unit-padding);
  --vertical-unit-padding: 0;
  padding-top: calc(var(--vertical-unit-padding) * var(--top-unit-multiplier));
  padding-bottom: calc(var(--vertical-unit-padding) * var(--bottom-unit-multiplier));
  --vertical-unit-padding: var(--zero-vertical-unit-padding);
}
@media (min-width: 33.75em) {
  [cs-tree].cs-tree-padding {
    --horizontal-unit-padding: var(--tablet-portrait-horizontal-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  [cs-tree].cs-tree-padding {
    --horizontal-unit-padding: var(--tablet-landscape-horizontal-unit-padding);
  }
}
@media (min-width: 90em) {
  [cs-tree].cs-tree-padding {
    --horizontal-unit-padding: var(--elastic-horizontal-unit-padding);
  }
}
@media (min-width: 33.75em) {
  [cs-tree].cs-tree-padding {
    --vertical-unit-padding: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  [cs-tree].cs-tree-padding {
    --vertical-unit-padding: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  [cs-tree].cs-tree-padding {
    --vertical-unit-padding: var(--elastic-vertical-unit-padding);
  }
}
[cs-tree] [cs-tree-item] {
  display: block;
  position: relative;
  font-size: 0;
}
[cs-tree] [cs-tree-item].hidden {
  display: none;
}
[cs-tree] [cs-tree-item] * {
  color: var(--cs-color-text);
}
[cs-tree] [cs-tree-item] [css-grid], [cs-tree] [cs-tree-item] [css-grid-item] {
  font-size: 0;
  line-height: 0;
}
[cs-tree] [cs-tree-item] [cs-progress-icon] {
  display: inline-block;
  text-align: center;
  min-height: 1.6rem;
}
[cs-tree] [cs-tree-item] [cs-progress-icon] span i {
  font-size: var(--icon-size);
  line-height: var(--label-line-height);
  margin-right: 0;
}
[cs-tree] [cs-tree-item] [cs-progress-icon] span i.fa-check-circle, [cs-tree] [cs-tree-item] [cs-progress-icon] span i.fa-check-square, [cs-tree] [cs-tree-item] [cs-progress-icon] span i.fa-check {
  color: var(--cs-color-success);
}
[cs-tree] [cs-tree-item] [cs-progress-icon] > span, [cs-tree] [cs-tree-item] [cs-progress-icon] svg, [cs-tree] [cs-tree-item] [cs-progress-icon] img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
[cs-tree] [cs-tree-item] [cs-progress-icon] > span i, [cs-tree] [cs-tree-item] [cs-progress-icon] svg i, [cs-tree] [cs-tree-item] [cs-progress-icon] img i {
  display: inline-block;
}
[cs-tree] [cs-tree-item] [cs-progress-icon].disabled {
  color: var(--cs-color-medium);
}
[cs-tree] [cs-tree-item] [cs-progress-icon].disabled .fa-check-circle, [cs-tree] [cs-tree-item] [cs-progress-icon].disabled .fa-check-square, [cs-tree] [cs-tree-item] [cs-progress-icon].disabled .fa-check {
  color: var(--cs-color-medium);
}
[cs-tree] [cs-tree-item] > [cs-row], [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] {
  padding: calc(var(--row-spacing) / 2) 0;
  border-radius: 0.15rem;
  font-size: 0;
  margin-bottom: 0;
}
[cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container], [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container] {
  display: block;
  position: absolute;
  left: 0;
  font-size: 0;
  overflow: visible;
  line-height: var(--label-line-height);
  text-align: center;
}
[cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container], [cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container] > a, [cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container] > span, [cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container] > a > span, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container], [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container] > a, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container] > span, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container] > a > span {
  display: inline-block;
  line-height: var(--label-line-height);
  width: var(--label-line-height);
  height: var(--label-line-height);
}
[cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container].hidden, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container].hidden {
  visibility: hidden;
}
[cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container] > span, [cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container] svg, [cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container] img, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container] > span, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container] svg, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container] img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
[cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container] > span i, [cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container] svg i, [cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container] img i, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container] > span i, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container] svg i, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container] img i {
  position: absolute;
  display: block;
  line-height: 1;
}
[cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container][cs-triangle], [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container][cs-triangle] {
  cursor: pointer;
}
[cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container][cs-triangle] span i, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container][cs-triangle] span i {
  width: var(--disclosure-size);
  height: var(--disclosure-size);
  font-size: var(--disclosure-size);
  line-height: var(--label-line-height);
}
[cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container][cs-triangle] span i.fal.fa-chevron-right, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container][cs-triangle] span i.fal.fa-chevron-right {
  opacity: 0.3;
  cursor: default;
}
[cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container][cs-icon], [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container][cs-icon] {
  left: calc(var(--icon-size) + var(--disclosure-gap));
}
[cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container][cs-icon] span i, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container][cs-icon] span i {
  width: var(--icon-size);
  height: var(--icon-size);
  margin-top: 0.05rem;
  font-size: calc(var(--icon-size) * 0.95);
  line-height: var(--label-line-height);
}
[cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container][cs-icon] span i.fa-check-circle, [cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container][cs-icon] span i.fa-check-square, [cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container][cs-icon] span i.fa-check, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container][cs-icon] span i.fa-check-circle, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container][cs-icon] span i.fa-check-square, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container][cs-icon] span i.fa-check {
  color: var(--cs-color-success);
}
[cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container][cs-icon] span i.fa-sync, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container][cs-icon] span i.fa-sync {
  margin-top: 0;
  width: var(--label-line-height);
  height: var(--label-line-height);
}
[cs-tree] [cs-tree-item] > [cs-row] [cs-icon-container][cs-icon] span i.fa-badge-check, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] [cs-icon-container][cs-icon] span i.fa-badge-check {
  color: var(--cs-color-success);
}
[cs-tree] [cs-tree-item] > [cs-row] > [cs-label], [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-label] {
  --internal-padding: calc(var(--icon-size) + var(--icon-size) + var(--icon-gap) + var(--disclosure-gap));
  display: inline-block;
  vertical-align: text-top;
  width: 100%;
  font-size: var(--label-size);
  line-height: var(--label-line-height);
  color: var(--cs-color-text);
  padding-left: var(--internal-padding);
}
[cs-tree] [cs-tree-item] > [cs-row] > [cs-label] i.hidden, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-label] i.hidden {
  color: transparent;
  visibility: hidden;
}
[cs-tree] [cs-tree-item] > [cs-row] > [cs-label].show-reload, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-label].show-reload {
  width: calc(100% - 1.5rem);
}
[cs-tree] [cs-tree-item] > [cs-row] > [cs-label] .clickable, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-label] .clickable {
  cursor: pointer;
}
[cs-tree] [cs-tree-item] > [cs-row] > [cs-reload], [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-reload] {
  display: inline-block;
  width: var(--icon-size);
  padding-right: var(--icon-gap);
  font-size: var(--icon-size);
  line-height: var(--label-line-height);
  cursor: pointer;
}
[cs-tree] [cs-tree-item] > [cs-row] > [cs-reload] i, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-reload] i {
  color: var(--cs-color-medium);
}
[cs-tree] [cs-tree-item] > [cs-row] > [cs-reload] i.fa-spin, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-reload] i.fa-spin {
  color: var(--cs-color-text);
}
[cs-tree] [cs-tree-item] > [cs-row].showing-menu.has-menu-items, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row].showing-menu.has-menu-items {
  padding-bottom: 0;
}
[cs-tree] [cs-tree-item] > [cs-row].showing-menu > [cs-menu-panel], [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row].showing-menu > [cs-menu-panel] {
  margin-top: calc(var(--row-spacing) / 2);
  margin-left: calc(var(--icon-size) * var(--icon-multiplier) + var(--icon-size) / 2 - var(--cs-line-width) / 2);
  border-left: solid var(--cs-line-width) var(--cs-color-medium);
}
[cs-tree] [cs-tree-item] > [cs-row].showing-menu > [cs-menu-panel] [cs-icon], [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row].showing-menu > [cs-menu-panel] [cs-icon] {
  left: calc(var(--icon-size) - var(--icon-gap) / 2);
}
[cs-tree] [cs-tree-item] > [cs-row].showing-menu > [cs-menu-panel] [cs-label], [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row].showing-menu > [cs-menu-panel] [cs-label] {
  --internal-padding: calc(var(--icon-size) + var(--icon-size) + (var(--icon-gap) / 2));
}
[cs-tree] [cs-tree-item] > [cs-children] {
  margin-left: calc(var(--icon-size) + var(--disclosure-gap) + var(--icon-gap));
  height: 0;
  overflow: hidden;
}
[cs-tree] [cs-tree-item] > [cs-children].expanded {
  height: auto;
}
[cs-tree] [cs-tree-item].subdued > [cs-row] > [cs-icon-container][cs-icon] *, [cs-tree] [cs-tree-item].subdued > [cs-row] > [cs-label] * {
  color: var(--cs-color-medium) !important;
}
[cs-tree] > [cs-tree-item]:first-child > [cs-row]:first-child, [cs-tree] > [cs-tree-item]:first-child > [css-grid] > [css-grid-cell] > [cs-row]:first-child, [cs-tree] > [cs-tree-item]:first-child > [cs-row]:first-child, [cs-tree] > [cs-tree-item]:first-child > [css-grid] > [css-grid-cell] > [cs-row]:first-child {
  padding-top: 0;
}
[cs-tree] [cs-tree-item] > [cs-row] > [cs-icon].inaccessible, [cs-tree] [cs-tree-item] > [cs-row] > [cs-icon] span.disabled, [cs-tree] [cs-tree-item] > [cs-row] > [cs-label].inaccessible, [cs-tree] [cs-tree-item] > [cs-row] > [cs-label] span.disabled, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-icon].inaccessible, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-icon] span.disabled, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-label].inaccessible, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-label] span.disabled {
  color: var(--cs-color-medium);
}
[cs-tree] [cs-tree-item] > [cs-row] > [cs-icon].inaccessible *, [cs-tree] [cs-tree-item] > [cs-row] > [cs-icon] span.disabled *, [cs-tree] [cs-tree-item] > [cs-row] > [cs-label].inaccessible *, [cs-tree] [cs-tree-item] > [cs-row] > [cs-label] span.disabled *, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-icon].inaccessible *, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-icon] span.disabled *, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-label].inaccessible *, [cs-tree] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-label] span.disabled * {
  color: var(--cs-color-medium);
}
[cs-tree] [cs-menu-panel] [cs-tree-item] > [cs-row] > [cs-icon].inaccessible, [cs-tree] [cs-menu-panel] [cs-tree-item] > [cs-row] > [cs-label].inaccessible, [cs-tree] [cs-menu-panel] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-icon].inaccessible, [cs-tree] [cs-menu-panel] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-label].inaccessible {
  color: var(--cs-color-text);
}
[cs-tree] [cs-menu-panel] [cs-tree-item] > [cs-row] > [cs-icon].inaccessible *, [cs-tree] [cs-menu-panel] [cs-tree-item] > [cs-row] > [cs-label].inaccessible *, [cs-tree] [cs-menu-panel] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-icon].inaccessible *, [cs-tree] [cs-menu-panel] [cs-tree-item] > [css-grid] > [css-grid-cell] > [cs-row] > [cs-label].inaccessible * {
  color: var(--cs-color-text);
}
[cs-tree].loading {
  padding: 1rem;
  margin-left: 0;
  border-radius: 0.15rem;
  border: var(--cs-line-width) dashed var(--cs-color-supermedium);
}
[cs-tree].loading p {
  font-size: 1.5rem;
  color: var(--cs-color-medium);
  width: 100%;
  text-align: center;
}

[cs-notification-alert] {
  position: fixed;
  top: -5rem;
  left: 1rem;
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  z-index: 10000;
  width: calc(100vw - 2rem);
  border-radius: 0.25rem;
  cursor: pointer;
  -moz-transition-property: "top";
  -o-transition-property: "top";
  -webkit-transition-property: "top";
  transition-property: "top";
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
@media (min-width: 52.1875em) {
  [cs-notification-alert] {
    top: -3.5rem;
  }
}
[cs-notification-alert].green {
  background-color: rgba(0, 175, 0, 0.9);
}
[cs-notification-alert].red {
  background-color: var(--cs-color-danger);
}
[cs-notification-alert].show {
  top: 1rem;
}
[cs-notification-alert] [cs-alert-inner-wrapper] {
  position: relative;
  text-align: center;
  padding: 1rem 3rem 1rem 1rem;
  font-size: 1rem;
}
@media (min-width: 52.1875em) {
  [cs-notification-alert] [cs-alert-inner-wrapper] {
    padding: 1rem 4rem;
  }
}
[cs-notification-alert] [cs-alert-inner-wrapper] [cs-alert-close] {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
[cs-notification-alert] [cs-alert-inner-wrapper] [cs-alert-close] i {
  font-size: 1.3rem;
  line-height: 1;
}
[cs-notification-alert] [cs-alert-inner-wrapper] p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 0;
}
@media (min-width: 33.75em) {
  [cs-notification-alert] [cs-alert-inner-wrapper] p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 52.1875em) {
  [cs-notification-alert] [cs-alert-inner-wrapper] p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

[cs-notification-view] .sender p {
  line-height: 1.3;
}
[cs-notification-view] .title p {
  margin-bottom: 0.5rem;
}
[cs-notification-view] .title h1 {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 33.75em) {
  [cs-notification-view] .title h1 {
    font-size: 1.5rem;
  }
}
[cs-notification-view] button i {
  margin-right: 0.5rem;
}

[cs-notifications-list] [cs-generic-panel] {
  cursor: default;
}
[cs-notifications-list] [cs-content-list] {
  margin-top: 2.5rem;
}
@media (min-width: 33.75em) {
  [cs-notifications-list] .showing-new .read-panel {
    padding: 0 1.5rem;
  }
}
[cs-notifications-list] h2 {
  margin-bottom: 0;
}

[cs-notifications-list-item] {
  cursor: pointer;
}
[cs-notifications-list-item].new .sender, [cs-notifications-list-item].new .date {
  font-weight: 600;
}
[cs-notifications-list-item].new .excerpt a {
  font-weight: 600;
}
[cs-notifications-list-item] .sender {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
[cs-notifications-list-item] .sender p > small {
  display: block;
  font-size: 0.8rem;
  line-height: 1.1rem;
  padding-top: 0.25rem;
}
[cs-notifications-list-item] .excerpt p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--cs-color-dark);
}
@media (min-width: 33.75em) {
  [cs-notifications-list-item] .excerpt p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
[cs-notifications-list-item] .excerpt p a {
  color: var(--cs-color-anchors);
}
[cs-notifications-list-item] .date {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

[cs-report-board] [cs-generic-panel] {
  cursor: default;
}
[cs-report-board] [cs-generic-panel] [cs-download-icon] {
  font-size: 1.5rem;
}
[cs-report-board] [cs-generic-panel] .filter-fields {
  padding-top: 0.15rem;
}
[cs-report-board] [cs-generic-panel] .table-data {
  font-size: 0.9rem;
}
[cs-report-board] [cs-generic-panel] .table-data .heading {
  font-size: 1rem;
}
[cs-report-board] [cs-generic-panel] .table-data .heading a {
  color: var(--cs-color-dark);
  font-weight: bold;
  white-space: nowrap;
}
[cs-report-board] [cs-generic-panel] .table-data .heading a i {
  display: inline-block;
  margin-right: 0.5rem;
  font-size: 70%;
  top: -0.1rem;
  position: relative;
}
[cs-report-board] [cs-generic-panel] .table-data .fas.fa-badge-check {
  vertical-align: baseline;
  color: var(--cs-color-primary);
}
[cs-report-board] .report-status {
  margin-top: 0.5rem;
  margin-left: 0.5rem;
}
[cs-report-board] .report-status small {
  vertical-align: top;
  margin-right: 0.5rem;
}
[cs-report-board] .report-favorite {
  margin-top: 0.5rem;
  display: block;
}
[cs-report-board] strong.semi {
  font-weight: 500;
}

[cs-favorite-modal] .overlay {
  z-index: 12000;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.5s ease;
}
[cs-favorite-modal] .overlay.show {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
[cs-favorite-modal] h1 {
  line-height: 1;
}
[cs-favorite-modal] .close {
  color: var(--cs-color-dark);
  cursor: pointer;
}
[cs-favorite-modal] .close:hover {
  color: var(--cs-color-primary);
}
[cs-favorite-modal] .close i {
  margin-right: 0;
  vertical-align: top;
}
[cs-favorite-modal] .cs-picker-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--cs-color-white);
  padding: 1.5rem 1rem;
  z-index: 12001;
  width: 100vw;
  max-width: 65rem;
  height: 100vh;
  overflow-y: auto;
}
@media (min-width: 33.75em) {
  [cs-favorite-modal] .cs-picker-modal {
    padding: 1.5rem 2rem;
    border-radius: 0.25rem;
    width: 90vw;
    height: 20vh;
    min-height: 13rem;
  }
}
@media (min-width: 52.1875em) {
  [cs-favorite-modal] .cs-picker-modal {
    width: 75vw;
    height: 25vh;
  }
}
[cs-favorite-modal] .cs-picker-modal.show {
  display: block;
}

[cs-carousel] carousel-wrapper, [cs-carousel] [carousel-wrapper] {
  position: relative;
  overflow-y: hidden;
}
[cs-carousel] carousel-wrapper [carousel], [cs-carousel] [carousel-wrapper] [carousel] {
  display: block;
  position: relative;
  width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
}
[cs-carousel] carousel-wrapper [carousel] [carousel-roll], [cs-carousel] [carousel-wrapper] [carousel] [carousel-roll] {
  display: inline-block !important;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  will-change: left;
}
[cs-carousel] carousel-wrapper [carousel] [carousel-roll] [carousel-item], [cs-carousel] [carousel-wrapper] [carousel] [carousel-roll] [carousel-item] {
  white-space: normal;
  overflow: visible;
  display: inline-block !important;
  position: absolute;
}
[cs-carousel] carousel-wrapper [carousel-nodes], [cs-carousel] [carousel-wrapper] [carousel-nodes] {
  margin-top: 1rem;
  text-align: center;
}
[cs-carousel] carousel-wrapper [carousel-nodes] a, [cs-carousel] [carousel-wrapper] [carousel-nodes] a {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.75rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--cs-color-white);
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin: 0.5rem 0.5rem 0;
}
[cs-carousel] carousel-wrapper [carousel-nodes] a i, [cs-carousel] [carousel-wrapper] [carousel-nodes] a i {
  color: var(--cs-color-white);
}
[cs-carousel] carousel-wrapper [carousel-nodes] a:hover, [cs-carousel] [carousel-wrapper] [carousel-nodes] a:hover {
  text-decoration: none;
}
[cs-carousel] carousel-wrapper [carousel-nodes] a .correct, [cs-carousel] carousel-wrapper [carousel-nodes] a .incorrect, [cs-carousel] [carousel-wrapper] [carousel-nodes] a .correct, [cs-carousel] [carousel-wrapper] [carousel-nodes] a .incorrect {
  display: none;
}
[cs-carousel] carousel-wrapper [carousel-nodes] a.current, [cs-carousel] [carousel-wrapper] [carousel-nodes] a.current {
  background-color: var(--widget-background-color);
  color: var(--widget-color);
}
[cs-carousel] carousel-wrapper [carousel-nodes] a.current i, [cs-carousel] [carousel-wrapper] [carousel-nodes] a.current i {
  color: var(--widget-color);
}
[cs-carousel] carousel-wrapper [carousel-nodes].correctincorrect a, [cs-carousel] [carousel-wrapper] [carousel-nodes].correctincorrect a {
  border-radius: 0.25rem;
  width: 2rem;
  margin: 0 0.3rem;
}
[cs-carousel] carousel-wrapper [carousel-nodes].correctincorrect a.correct .num, [cs-carousel] [carousel-wrapper] [carousel-nodes].correctincorrect a.correct .num {
  display: none;
}
[cs-carousel] carousel-wrapper [carousel-nodes].correctincorrect a.correct .correct, [cs-carousel] [carousel-wrapper] [carousel-nodes].correctincorrect a.correct .correct {
  display: inline;
}
[cs-carousel] carousel-wrapper [carousel-nodes].correctincorrect a.incorrect .num, [cs-carousel] [carousel-wrapper] [carousel-nodes].correctincorrect a.incorrect .num {
  display: none;
}
[cs-carousel] carousel-wrapper [carousel-nodes].correctincorrect a.incorrect .incorrect, [cs-carousel] [carousel-wrapper] [carousel-nodes].correctincorrect a.incorrect .incorrect {
  display: inline;
}
[cs-carousel] carousel-wrapper [carousel-nodes].noreveal a.correct, [cs-carousel] carousel-wrapper [carousel-nodes].noreveal a.incorrect, [cs-carousel] [carousel-wrapper] [carousel-nodes].noreveal a.correct, [cs-carousel] [carousel-wrapper] [carousel-nodes].noreveal a.incorrect {
  opacity: 0.5;
}

[cs-code] {
  --border-radius: 0.15rem;
  --background-color: var(--cs-color-code);
  --text-color: var(--cs-color-code-contrast);
  position: relative;
  display: grid;
}
[cs-code] > div {
  padding-top: 0.5rem;
  text-align: left;
  color: rgba(0, 0, 0, 0.25);
  font-size: 0.8rem;
  line-height: 1;
}
[cs-code] > div i.fa-long-arrow-left {
  padding-right: 0.25rem;
  font-size: 0.6rem;
  line-height: 1;
}
@media (max-width: 33.74em) {
  [cs-code] > div {
    padding-right: var(--horizontal-unit-padding);
  }
}
@media (max-width: 33.74em) {
  [cs-code] {
    margin-left: calc(var(--horizontal-unit-padding) * -1);
    margin-right: calc(var(--horizontal-unit-padding) * -1);
  }
}
@media (min-width: 33.75em) {
  [cs-code] > div {
    display: none;
  }
}
[cs-code] > [cs-code-inner] {
  position: relative;
  display: block;
  background: var(--background-color);
  color: var(--text-color);
  overflow: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (max-width: 33.74em) {
  [cs-code] > [cs-code-inner] {
    margin-right: calc(var(--horizontal-unit-padding) * -1);
  }
}
@media (min-width: 33.75em) {
  [cs-code] > [cs-code-inner] {
    border-radius: var(--border-radius);
  }
}
[cs-code] > [cs-code-inner]::-webkit-scrollbar {
  display: none;
}
[cs-code] > [cs-code-inner] > [cs-code-content] {
  display: block;
  position: relative;
  min-width: 100%;
  width: 100%;
  width: max-content;
  width: -webkit-max-content;
}
@media (max-width: 33.74em) {
  [cs-code] > [cs-code-inner] > [cs-code-content] {
    padding-left: var(--horizontal-unit-padding);
    padding-right: calc(var(--horizontal-unit-padding) * 2);
  }
}
@media (min-width: 33.75em) {
  [cs-code] > [cs-code-inner] > [cs-code-content] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
[cs-code] > [cs-code-inner] > [cs-code-content] > pre {
  display: block;
  position: relative;
  min-width: 100%;
  width: 100%;
  width: max-content;
  width: -webkit-max-content;
}

[cs-generic-panel] {
  --corner-radius: 0.25rem;
  --line-width: var(--cs-line-width);
  background-color: var(--cs-color-white);
  padding: 1.5rem var(--zero-horizontal-unit-padding);
  width: 100%;
  border-radius: var(--corner-radius);
}
@media (max-width: 33.74em) {
  [cs-generic-panel].full-width-mobile {
    width: calc(100vw + var(--line-width) * 2);
    border-radius: 0;
    margin-left: calc((var(--zero-horizontal-unit-padding) + var(--line-width)) * -1);
    margin-right: calc((var(--zero-horizontal-unit-padding) + var(--line-width)) * -1);
  }
}
@media (min-width: 33.75em) {
  [cs-generic-panel] {
    width: auto;
    border-radius: 0;
    padding: 1.5rem var(--tablet-portrait-horizontal-unit-padding);
    margin-left: calc((var(--tablet-portrait-horizontal-unit-padding) + var(--line-width)) * -1);
    margin-right: calc((var(--tablet-portrait-horizontal-unit-padding) + var(--line-width)) * -1);
  }
}
@media (min-width: 52.1875em) {
  [cs-generic-panel] {
    padding: 1.5rem 1.5rem;
    margin-left: 0;
    margin-right: 0;
    border-radius: var(--corner-radius);
  }
}
@media (min-width: 33.75em) {
  [cs-generic-panel].float-tablet {
    padding: 1.5rem 1.5rem;
    margin-left: 0;
    margin-right: 0;
    border-radius: var(--corner-radius);
  }
}
[cs-generic-panel].full-height {
  height: 100%;
}
[cs-generic-panel].cs-no-panel {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
[cs-generic-panel] h3, [cs-generic-panel] h4 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-generic-panel] h4 {
  font-weight: 500;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
[cs-generic-panel] .metric {
  display: block;
  border-radius: 0.15rem;
  padding: 0.15rem 0.35rem;
  text-align: center;
}
[cs-generic-panel] span.text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
[cs-generic-panel].success .metric {
  background-color: var(--cs-color-success);
  color: var(--cs-color-success-contrast);
}
[cs-generic-panel].fail .metric {
  background-color: var(--cs-color-danger);
  color: var(--cs-color-danger-contrast);
}
[cs-generic-panel].ranked-list h3 {
  margin-bottom: 1.5rem;
}

[css-grid] {
  --cs-flow: initial;
  --cs-zero-flow: var(--cs-flow);
  --cs-phab-flow: var(--cs-zero-flow);
  --cs-tabp-flow: var(--cs-phab-flow);
  --cs-tabl-flow: var(--cs-tabp-flow);
  --cs-note-flow: var(--cs-tabl-flow);
  --cs-desk-flow: var(--cs-note-flow);
  --cs-elas-flow: var(--cs-desk-flow);
  --cs-grid-flow: var(--cs-zero-flow);
  --cs-cols: 1fr;
  --cs-zero-cols: var(--cs-cols);
  --cs-phab-cols: var(--cs-zero-cols);
  --cs-tabp-cols: var(--cs-phab-cols);
  --cs-tabl-cols: var(--cs-tabp-cols);
  --cs-note-cols: var(--cs-tabl-cols);
  --cs-desk-cols: var(--cs-note-cols);
  --cs-elas-cols: var(--cs-desk-cols);
  --cs-grid-cols: var(--cs-zero-cols);
  --cs-rows: initial;
  --cs-zero-rows: var(--cs-rows);
  --cs-phab-rows: var(--cs-zero-rows);
  --cs-tabp-rows: var(--cs-phab-rows);
  --cs-tabl-rows: var(--cs-tabp-rows);
  --cs-note-rows: var(--cs-tabl-rows);
  --cs-desk-rows: var(--cs-note-rows);
  --cs-elas-rows: var(--cs-desk-rows);
  --cs-grid-rows: var(--cs-zero-rows);
  --cs-col-gap: 0;
  --cs-zero-col-gap: var(--cs-col-gap);
  --cs-phab-col-gap: var(--cs-zero-col-gap);
  --cs-tabp-col-gap: var(--cs-phab-col-gap);
  --cs-tabl-col-gap: var(--cs-tabp-col-gap);
  --cs-note-col-gap: var(--cs-tabl-col-gap);
  --cs-desk-col-gap: var(--cs-note-col-gap);
  --cs-elas-col-gap: var(--cs-desk-col-gap);
  --cs-grid-col-gap: var(--cs-zero-col-gap);
  --cs-row-gap: 0;
  --cs-zero-row-gap: var(--cs-row-gap);
  --cs-phab-row-gap: var(--cs-zero-row-gap);
  --cs-tabp-row-gap: var(--cs-phab-row-gap);
  --cs-tabl-row-gap: var(--cs-tabp-row-gap);
  --cs-note-row-gap: var(--cs-tabl-row-gap);
  --cs-desk-row-gap: var(--cs-note-row-gap);
  --cs-elas-row-gap: var(--cs-desk-row-gap);
  --cs-grid-row-gap: var(--cs-zero-row-gap);
  --cs-top-gap: 0;
  --cs-zero-top-gap: var(--cs-top-gap);
  --cs-phab-top-gap: var(--cs-zero-top-gap);
  --cs-tabp-top-gap: var(--cs-phab-top-gap);
  --cs-tabl-top-gap: var(--cs-tabp-top-gap);
  --cs-note-top-gap: var(--cs-tabl-top-gap);
  --cs-desk-top-gap: var(--cs-note-top-gap);
  --cs-elas-top-gap: var(--cs-desk-top-gap);
  --cs-grid-top-gap: var(--cs-zero-top-gap);
  --cs-bottom-gap: 0;
  --cs-zero-bottom-gap: var(--cs-bottom-gap);
  --cs-phab-bottom-gap: var(--cs-zero-bottom-gap);
  --cs-tabp-bottom-gap: var(--cs-phab-bottom-gap);
  --cs-tabl-bottom-gap: var(--cs-tabp-bottom-gap);
  --cs-note-bottom-gap: var(--cs-tabl-bottom-gap);
  --cs-desk-bottom-gap: var(--cs-note-bottom-gap);
  --cs-elas-bottom-gap: var(--cs-desk-bottom-gap);
  --cs-grid-bottom-gap: var(--cs-zero-bottom-gap);
  --cs-auto-columns: 1fr;
  --cs-zero-auto-columns: var(--cs-auto-columns);
  --cs-phab-auto-columns: var(--cs-zero-auto-columns);
  --cs-tabp-auto-columns: var(--cs-phab-auto-columns);
  --cs-tabl-auto-columns: var(--cs-tabp-auto-columns);
  --cs-note-auto-columns: var(--cs-tabl-auto-columns);
  --cs-desk-auto-columns: var(--cs-note-auto-columns);
  --cs-elas-auto-columns: var(--cs-desk-auto-columns);
  --cs-grid-auto-columns: var(--cs-zero-auto-columns);
  --cs-auto-rows: auto;
  --cs-zero-auto-rows: var(--cs-auto-rows);
  --cs-phab-auto-rows: var(--cs-zero-auto-rows);
  --cs-tabp-auto-rows: var(--cs-phab-auto-rows);
  --cs-tabl-auto-rows: var(--cs-tabp-auto-rows);
  --cs-note-auto-rows: var(--cs-tabl-auto-rows);
  --cs-desk-auto-rows: var(--cs-note-auto-rows);
  --cs-elas-auto-rows: var(--cs-desk-auto-rows);
  --cs-grid-auto-rows: var(--cs-zero-auto-rows);
  --cs-align-items: normal;
  --cs-zero-align-items: var(--cs-align-items);
  --cs-phab-align-items: var(--cs-zero-align-items);
  --cs-tabp-align-items: var(--cs-phab-align-items);
  --cs-tabl-align-items: var(--cs-tabp-align-items);
  --cs-note-align-items: var(--cs-tabl-align-items);
  --cs-desk-align-items: var(--cs-note-align-items);
  --cs-elas-align-items: var(--cs-desk-align-items);
  --cs-grid-align-items: var(--cs-zero-align-items);
  --cs-vertical-align-items: normal;
  --cs-zero-vertical-align-items: var(--cs-vertical-align-items);
  --cs-phab-vertical-align-items: var(--cs-zero-vertical-align-items);
  --cs-tabp-vertical-align-items: var(--cs-phab-vertical-align-items);
  --cs-tabl-vertical-align-items: var(--cs-tabp-vertical-align-items);
  --cs-note-vertical-align-items: var(--cs-tabl-vertical-align-items);
  --cs-desk-vertical-align-items: var(--cs-note-vertical-align-items);
  --cs-elas-vertical-align-items: var(--cs-desk-vertical-align-items);
  --cs-grid-vertical-align-items: var(--cs-zero-vertical-align-items);
  --cs-collapse-whitespace: 0;
  --cs-zero-collapse-whitespace: var(--cs-collapse-whitespace);
  --cs-phab-collapse-whitespace: var(--cs-zero-collapse-whitespace);
  --cs-tabp-collapse-whitespace: var(--cs-phab-collapse-whitespace);
  --cs-tabl-collapse-whitespace: var(--cs-tabp-collapse-whitespace);
  --cs-note-collapse-whitespace: var(--cs-tabl-collapse-whitespace);
  --cs-desk-collapse-whitespace: var(--cs-note-collapse-whitespace);
  --cs-elas-collapse-whitespace: var(--cs-desk-collapse-whitespace);
  --cs-grid-collapse-whitespace: var(--cs-zero-collapse-whitespace);
  display: grid;
  grid-auto-flow: var(--cs-grid-flow);
  grid-template-columns: var(--cs-grid-cols);
  grid-template-rows: var(--cs-grid-rows);
  grid-column-gap: var(--cs-grid-col-gap);
  grid-row-gap: var(--cs-grid-row-gap);
  grid-auto-columns: var(--cs-grid-auto-columns);
  grid-auto-rows: var(--cs-grid-auto-rows);
  margin-top: var(--cs-grid-top-gap);
  margin-bottom: var(--cs-grid-bottom-gap);
  justify-items: var(--cs-grid-align-items);
  align-items: var(--cs-grid-vertical-align-items);
}
@media (min-width: 33.75em) {
  [css-grid] {
    --cs-grid-flow: var(--cs-tabp-flow);
    --cs-grid-cols: var(--cs-tabp-cols);
    --cs-grid-rows: var(--cs-tabp-rows);
    --cs-grid-col-gap: var(--cs-tabp-col-gap);
    --cs-grid-row-gap: var(--cs-tabp-row-gap);
    --cs-grid-top-gap: var(--cs-tabp-top-gap);
    --cs-grid-bottom-gap: var(--cs-tabp-bottom-gap);
    --cs-grid-auto-columns: var(--cs-tabp-auto-columns);
    --cs-grid-auto-rows: var(--cs-tabp-auto-rows);
    --cs-grid-align-items: var(--cs-tabp-align-items);
    --cs-grid-vertical-align-items: var(--cs-tabp-vertical-align-items);
    --cs-grid-collapse-whitespace: var(--cs-tabp-collapse-whitespace);
  }
}
@media (min-width: 52.1875em) {
  [css-grid] {
    --cs-grid-flow: var(--cs-tabl-flow);
    --cs-grid-cols: var(--cs-tabl-cols);
    --cs-grid-rows: var(--cs-tabl-rows);
    --cs-grid-col-gap: var(--cs-tabl-col-gap);
    --cs-grid-row-gap: var(--cs-tabl-row-gap);
    --cs-grid-top-gap: var(--cs-tabl-top-gap);
    --cs-grid-bottom-gap: var(--cs-tabl-bottom-gap);
    --cs-grid-auto-columns: var(--cs-tabl-auto-columns);
    --cs-grid-auto-rows: var(--cs-tabl-auto-rows);
    --cs-grid-align-items: var(--cs-tabl-align-items);
    --cs-grid-vertical-align-items: var(--cs-tabl-vertical-align-items);
    --cs-grid-collapse-whitespace: var(--cs-tabl-collapse-whitespace);
  }
}
@media (min-width: 90em) {
  [css-grid] {
    --cs-grid-flow: var(--cs-elas-flow);
    --cs-grid-cols: var(--cs-elas-cols);
    --cs-grid-rows: var(--cs-elas-rows);
    --cs-grid-col-gap: var(--cs-elas-col-gap);
    --cs-grid-row-gap: var(--cs-elas-row-gap);
    --cs-grid-top-gap: var(--cs-elas-top-gap);
    --cs-grid-bottom-gap: var(--cs-elas-bottom-gap);
    --cs-grid-auto-columns: var(--cs-elas-auto-columns);
    --cs-grid-auto-rows: var(--cs-elas-auto-rows);
    --cs-grid-align-items: var(--cs-elas-align-items);
    --cs-grid-vertical-align-items: var(--cs-elas-vertical-align-items);
    --cs-grid-collapse-whitespace: var(--cs-elas-collapse-whitespace);
  }
}
[css-grid] > [css-grid-cell] {
  --cs-col: span 1;
  --cs-zero-col: var(--cs-col);
  --cs-phab-col: var(--cs-zero-col);
  --cs-tabp-col: var(--cs-phab-col);
  --cs-tabl-col: var(--cs-tabp-col);
  --cs-note-col: var(--cs-tabl-col);
  --cs-desk-col: var(--cs-note-col);
  --cs-elas-col: var(--cs-desk-col);
  --cs-grid-col: var(--cs-zero-col);
  --cs-row: span 1;
  --cs-zero-row: var(--cs-row);
  --cs-phab-row: var(--cs-zero-row);
  --cs-tabp-row: var(--cs-phab-row);
  --cs-tabl-row: var(--cs-tabp-row);
  --cs-note-row: var(--cs-tabl-row);
  --cs-desk-row: var(--cs-note-row);
  --cs-elas-row: var(--cs-desk-row);
  --cs-grid-row: var(--cs-zero-row);
  --cs-align-items: initial;
  --cs-zero-align-items: var(--cs-align-items);
  --cs-phab-align-items: var(--cs-zero-align-items);
  --cs-tabp-align-items: var(--cs-phab-align-items);
  --cs-tabl-align-items: var(--cs-tabp-align-items);
  --cs-note-align-items: var(--cs-tabl-align-items);
  --cs-desk-align-items: var(--cs-note-align-items);
  --cs-elas-align-items: var(--cs-desk-align-items);
  --cs-grid-align-items: var(--cs-zero-align-items);
  --cs-vertical-align-items: initial;
  --cs-zero-vertical-align-items: var(--cs-vertical-align-items);
  --cs-phab-vertical-align-items: var(--cs-zero-vertical-align-items);
  --cs-tabp-vertical-align-items: var(--cs-phab-vertical-align-items);
  --cs-tabl-vertical-align-items: var(--cs-tabp-vertical-align-items);
  --cs-note-vertical-align-items: var(--cs-tabl-vertical-align-items);
  --cs-desk-vertical-align-items: var(--cs-note-vertical-align-items);
  --cs-elas-vertical-align-items: var(--cs-desk-vertical-align-items);
  --cs-grid-vertical-align-items: var(--cs-zero-vertical-align-items);
  --cs-overflow: initial;
  --cs-zero-overflow: var(--cs-overflow);
  --cs-phab-overflow: var(--cs-zero-overflow);
  --cs-tabp-overflow: var(--cs-phab-overflow);
  --cs-tabl-overflow: var(--cs-tabp-overflow);
  --cs-note-overflow: var(--cs-tabl-overflow);
  --cs-desk-overflow: var(--cs-note-overflow);
  --cs-elas-overflow: var(--cs-desk-overflow);
  --cs-grid-overflow: var(--cs-zero-overflow);
  display: block;
  position: relative;
  font-size: calc(1rem * (var(--cs-grid-collapse-whitespace) - 1) * -1);
  overflow: var(--cs-grid-overflow);
  justify-self: var(--cs-grid-align-items);
  align-self: var(--cs-grid-vertical-align-items);
  grid-column: var(--cs-grid-col);
  grid-row: var(--cs-grid-row);
}
@media (min-width: 33.75em) {
  [css-grid] > [css-grid-cell] {
    --cs-grid-col: var(--cs-tabp-col);
    --cs-grid-row: var(--cs-tabp-row);
    --cs-grid-align-items: var(--cs-tabp-align-items);
    --cs-grid-vertical-align-items: var(--cs-tabp-vertical-align-items);
    --cs-grid-overflow: var(--cs-tabp-overflow);
  }
}
@media (min-width: 52.1875em) {
  [css-grid] > [css-grid-cell] {
    --cs-grid-col: var(--cs-tabl-col);
    --cs-grid-row: var(--cs-tabl-row);
    --cs-grid-align-items: var(--cs-tabl-align-items);
    --cs-grid-vertical-align-items: var(--cs-tabl-vertical-align-items);
    --cs-grid-overflow: var(--cs-tabl-overflow);
  }
}
@media (min-width: 90em) {
  [css-grid] > [css-grid-cell] {
    --cs-grid-col: var(--cs-elas-col);
    --cs-grid-row: var(--cs-elas-row);
    --cs-grid-align-items: var(--cs-elas-align-items);
    --cs-grid-vertical-align-items: var(--cs-elas-vertical-align-items);
    --cs-grid-overflow: var(--cs-elas-overflow);
  }
}
[css-grid] > [css-grid-cell] > * {
  min-width: 0;
}

[cs-heading].h1-bottom-margin {
  margin-bottom: 1.25rem;
}
[cs-heading].h2-bottom-margin {
  margin-bottom: 1rem;
}
[cs-heading].h3-bottom-margin {
  margin-bottom: 0.75rem;
}
[cs-heading] h1, [cs-heading] h2, [cs-heading] h3 {
  line-height: 1.4;
  margin-bottom: 0;
}
[cs-heading] h1 > i:not(.inline), [cs-heading] h2 > i:not(.inline), [cs-heading] h3 > i:not(.inline) {
  font-size: 130%;
  vertical-align: text-bottom;
  margin-right: 0;
}
[cs-heading] h1 {
  font-size: 1.5rem;
}
@media (min-width: 33.75em) {
  [cs-heading] h1 {
    font-size: 1.75rem;
  }
}
[cs-heading] h2 {
  font-size: 1.35rem;
}
@media (min-width: 33.75em) {
  [cs-heading] h2 {
    font-size: 1.6rem;
  }
}
[cs-heading] h3 {
  font-size: 1.15rem;
}
@media (min-width: 33.75em) {
  [cs-heading] h3 {
    font-size: 1.3rem;
  }
}
[cs-heading] h1 > a > i, [cs-heading] h2 > a > i, [cs-heading] h3 > a > i {
  font-size: 90%;
  margin-left: 0.75rem;
  vertical-align: baseline;
}

.page [cs-unit][cs-loading], [cs-unit][cs-loading] {
  --display-type: block;
  --padding: 1rem;
  --spinner-size: 1.5rem;
  display: var(--display-type);
  background-color: transparent;
}
.page [cs-unit][cs-loading] .loading, [cs-unit][cs-loading] .loading {
  padding: var(--padding);
  border-radius: 0.15rem;
  border: var(--cs-line-width) dashed rgba(0, 0, 0, 0.25);
}
.page [cs-unit][cs-loading] .loading p, [cs-unit][cs-loading] .loading p {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0;
  line-height: 1;
}
.page [cs-unit][cs-loading] .loading p.align-left, [cs-unit][cs-loading] .loading p.align-left {
  text-align: left;
}
.page [cs-unit][cs-loading] .loading p.align-center, [cs-unit][cs-loading] .loading p.align-center {
  text-align: center;
}
.page [cs-unit][cs-loading] .loading p i, [cs-unit][cs-loading] .loading p i {
  font-size: var(--spinner-size);
  display: inline-block;
  margin-right: 0;
  color: rgba(0, 0, 0, 0.5);
}
.page [cs-unit][cs-loading].add-top-margin, [cs-unit][cs-loading].add-top-margin {
  padding-top: 1.5rem;
}
.page [cs-unit][cs-loading].invert .loading, [cs-unit][cs-loading].invert .loading {
  border-color: rgba(255, 255, 255, 0.25);
}
.page [cs-unit][cs-loading].invert .loading p, [cs-unit][cs-loading].invert .loading p {
  color: rgba(255, 255, 255, 0.75);
}
.page [cs-unit][cs-loading].invert .loading p i, [cs-unit][cs-loading].invert .loading p i {
  display: inline-block;
  margin-right: 0.25rem;
  color: rgba(255, 255, 255, 0.75);
}

[cs-metric] {
  --background-color: var(--cs-color-primary);
  --color: var(--cs-color-primary-contrast);
  --width: auto;
  --tabp-width: auto;
  --tabl-width: auto;
  --value-size: 1.5rem;
  --tabp-value-size: 1.5rem;
  --tabl-value-size: 2rem;
  display: inline-block;
  width: var(--width);
  text-align: center;
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  overflow: hidden;
  cursor: pointer;
  background-color: var(--background-color);
  font-size: 0;
}
@media (min-width: 33.75em) {
  [cs-metric] {
    width: var(--tabp-width);
    padding: 1rem;
  }
}
@media (min-width: 52.1875em) {
  [cs-metric] {
    width: var(--tabl-width);
  }
}
[cs-metric] .label {
  text-align: left;
  font-size: 0.75rem;
  line-height: 1;
  color: var(--color);
  margin-bottom: 0.25rem;
}
@media (min-width: 33.75em) {
  [cs-metric] .label {
    font-size: 0.75rem;
  }
}
@media (min-width: 52.1875em) {
  [cs-metric] .label {
    font-size: 0.9rem;
  }
}
[cs-metric] .value {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--value-size);
  margin-bottom: 0;
  line-height: 1;
  color: var(--color);
}
@media (min-width: 33.75em) {
  [cs-metric] .value {
    font-size: var(--tabp-value-size);
  }
}
@media (min-width: 52.1875em) {
  [cs-metric] .value {
    font-size: var(--tabl-value-size);
  }
}

[cs-overlay] {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.65);
  height: 100vh;
  z-index: 8999;
  will-change: transition;
  transition: opacity linear 0.15s;
  opacity: 0;
  width: 0;
}

.show-menu + [cs-overlay],
.show-tree [cs-overlay] {
  opacity: 0.65;
  width: 100vw;
}
@media (min-width: 52.1875em) {
  .show-menu + [cs-overlay],
.show-tree [cs-overlay] {
    opacity: 0;
    width: 0;
  }
}

[cs-photo-panel] {
  overflow: hidden;
  background-color: var(--cs-color-white);
  cursor: pointer;
  padding: 1rem 1rem;
  margin-left: calc((var(--zero-horizontal-unit-padding) + var(--cs-line-width) * 2) * -1);
  margin-right: calc((var(--zero-horizontal-unit-padding) + var(--cs-line-width) * 2) * -1);
}
@media (min-width: 33.75em) {
  [cs-photo-panel] {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0.25rem;
    overflow: hidden;
    padding: 1rem 1rem;
  }
}
[cs-photo-panel] [cs-photo-panel-photo] {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 0.25rem;
  overflow: hidden;
  height: 4rem;
  width: 4rem;
}
@media (min-width: 33.75em) {
  [cs-photo-panel] [cs-photo-panel-photo] {
    height: 6rem;
    width: 6rem;
  }
}

[cs-progress-bar] {
  --percentage: 0;
  --bar-background-color: rgba(0, 0, 0, 0.07);
  --progress-color: var(--cs-color-primary);
  --bar-height: 0.35rem;
  --bar-corner-radius: 0.125rem;
  --font-size: 0.75rem;
}
[cs-progress-bar] .bar {
  width: 100%;
  background-color: var(--bar-background-color);
}
[cs-progress-bar] .bar, [cs-progress-bar] .bar > div {
  border-radius: var(--bar-corner-radius);
}
[cs-progress-bar] .bar > div {
  height: var(--bar-height);
}
[cs-progress-bar] .bar > div {
  width: var(--percentage);
  background-color: var(--progress-color);
}
[cs-progress-bar] .bar > div.incomplete {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[cs-progress-bar] .value {
  font-size: var(--font-size);
  line-height: 1;
}
[cs-progress-bar] .done {
  font-size: 1rem;
  color: var(--cs-color-success);
}

[cs-scroll] {
  --scroll-width: 70rem;
  position: relative;
  display: grid;
}
[cs-scroll] [cs-arrow] {
  padding-top: 0.5rem;
  text-align: right;
  color: var(--color);
  font-size: 0.8rem;
  line-height: 1;
  opacity: 0.35;
}
[cs-scroll] [cs-arrow] i.fa-long-arrow-left {
  padding-right: 0.25rem;
  font-size: 0.6rem;
  line-height: 1;
}
@media (min-width: 33.75em) {
  [cs-scroll] [cs-arrow] {
    display: none;
  }
}
[cs-scroll] [cs-scroll-inner] {
  position: relative;
  display: block;
  overflow: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (max-width: 33.74em) {
  [cs-scroll] [cs-scroll-inner] {
    margin-right: calc(var(--horizontal-unit-padding) * -1);
    margin-left: calc(var(--horizontal-unit-padding) * -1);
  }
}
[cs-scroll] [cs-scroll-inner]::-webkit-scrollbar {
  display: none;
}
[cs-scroll] [cs-scroll-inner] > [cs-scroll-content] {
  display: block;
  position: relative;
  min-width: 100%;
  width: var(--scroll-width);
}
@media (max-width: 33.74em) {
  [cs-scroll] [cs-scroll-inner] > [cs-scroll-content] {
    padding-right: var(--zero-horizontal-unit-padding);
    padding-left: var(--zero-horizontal-unit-padding);
  }
}
@media (min-width: 33.75em) {
  [cs-scroll] [cs-scroll-inner] > [cs-scroll-content] {
    padding-right: 0;
    min-width: auto;
    width: auto;
  }
}

[cs-thumbnail] {
  --size: 3rem;
  --tabp-size: 4rem;
  --background-color: var(--cs-color-light);
  --corner-radius: 0.25rem;
  --border: none;
  --color: var(--cs-color-primary);
  --font-size: 2rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  width: var(--size);
  height: var(--size);
  background-color: var(--background-color);
  color: var(--color);
  font-size: var(--font-size);
  line-height: 1;
  border-radius: var(--corner-radius);
  border: var(--border);
}
@media (min-width: 33.75em) {
  [cs-thumbnail] {
    width: var(--tabp-size);
    height: var(--tabp-size);
  }
}
[cs-thumbnail] i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--color);
  font-size: var(--font-size);
  line-height: 1;
}

[cs-content-edit] {
  --border-size: var(--cs-field-line-width);
  --border-color: var(--cs-color-form-field-line);
}
[cs-content-edit] button, [cs-content-edit] a[role=button], [cs-content-edit] [cs-button] {
  border-color: var(--cs-color-bo-buttons);
  background-color: var(--cs-color-bo-buttons);
  color: var(--cs-color-bo-buttons-contrast);
}
[cs-content-edit] button.secondary, [cs-content-edit] a[role=button].secondary, [cs-content-edit] [cs-button].secondary {
  border-color: var(--cs-color-secondary);
  background-color: var(--cs-color-secondary);
  color: var(--cs-color-secondary-contrast);
}
[cs-content-edit] button.warning, [cs-content-edit] a[role=button].warning, [cs-content-edit] [cs-button].warning {
  border-color: var(--cs-color-warning);
  background-color: var(--cs-color-warning);
  color: var(--cs-color-warning-contrast);
}
[cs-content-edit] button.dangerous, [cs-content-edit] button.delete, [cs-content-edit] button.delete-button, [cs-content-edit] a[role=button].dangerous, [cs-content-edit] a[role=button].delete, [cs-content-edit] a[role=button].delete-button, [cs-content-edit] [cs-button].dangerous, [cs-content-edit] [cs-button].delete, [cs-content-edit] [cs-button].delete-button {
  border-color: var(--cs-color-danger);
  background-color: var(--cs-color-danger);
  color: var(--cs-color-danger-contrast);
}
[cs-content-edit] button.success, [cs-content-edit] a[role=button].success, [cs-content-edit] [cs-button].success {
  border-color: var(--cs-color-bo-success);
  background-color: var(--cs-color-bo-success);
  color: var(--cs-color-bo-success-contrast);
}
[cs-content-edit] button.primary-outline, [cs-content-edit] button.primary-outline.active, [cs-content-edit] button.primary-outline:hover, [cs-content-edit] a[role=button].primary-outline, [cs-content-edit] a[role=button].primary-outline.active, [cs-content-edit] a[role=button].primary-outline:hover, [cs-content-edit] [cs-button].primary-outline, [cs-content-edit] [cs-button].primary-outline.active, [cs-content-edit] [cs-button].primary-outline:hover {
  color: var(--cs-color-bo-primary);
  background-color: var(--cs-color-white);
  border: solid var(--cs-line-width) var(--cs-color-bo-primary);
}
[cs-content-edit] button.primary-outline i, [cs-content-edit] button.primary-outline.active i, [cs-content-edit] button.primary-outline:hover i, [cs-content-edit] a[role=button].primary-outline i, [cs-content-edit] a[role=button].primary-outline.active i, [cs-content-edit] a[role=button].primary-outline:hover i, [cs-content-edit] [cs-button].primary-outline i, [cs-content-edit] [cs-button].primary-outline.active i, [cs-content-edit] [cs-button].primary-outline:hover i {
  color: var(--cs-color-bo-primary);
}

[cs-content-paging] a:hover:not(.disabled):not(.current) {
  background-color: var(--cs-color-bo-primary-shade);
  border-color: var(--cs-color-bo-primary-shade);
  color: var(--cs-color-bo-primary-contrast);
}
[cs-content-paging] a.current {
  background-color: var(--cs-color-bo-primary);
  border-color: var(--cs-color-bo-primary);
  color: var(--cs-color-bo-primary-contrast);
}

[cs-checkbox].checked svg g.recolor, [cs-checkbox].checked svg path.recolor, [cs-checkbox].checked svg path.border {
  fill: var(--cs-color-bo-primary);
}

[cs-radiolist] [cs-radio] label > [cs-wrapper].checked {
  background-color: var(--cs-color-white);
}
[cs-radiolist] [cs-radio] label > [cs-wrapper].checked i {
  color: var(--cs-color-bo-primary);
}
[cs-radiolist] [cs-radio] label > [cs-wrapper].checked i.correct {
  color: var(--cs-color-bo-success);
}
[cs-radiolist] [cs-radio] label > [cs-wrapper].checked i.incorrect {
  color: var(--cs-color-danger);
}

[cs-upload] [cs-toolbar] button, [cs-image-cropper] [cs-toolbar] button {
  background-color: var(--cs-color-bo-secondary);
  border-color: var(--cs-color-bo-secondary);
}
[cs-upload] [cs-toolbar] button.save, [cs-image-cropper] [cs-toolbar] button.save {
  background-color: var(--cs-color-bo-success);
  border-color: var(--cs-color-bo-success);
}
[cs-upload] [cs-toolbar] button.remove, [cs-image-cropper] [cs-toolbar] button.remove {
  background-color: var(--cs-color-danger);
  border-color: var(--cs-color-danger);
}

.page {
  padding-bottom: 0;
}
.page.page-view main {
  margin: 0 auto;
  max-width: 74rem;
}
.page.page-view main[cs-full-width], .page.page-view main.cs-full-width {
  max-width: 100vw;
}
.page button, .page a[role=button] {
  border-color: var(--cs-color-bo-buttons);
  background-color: var(--cs-color-bo-buttons);
  color: var(--cs-color-bo-buttons-contrast);
}
.page.elastic [cs-outer-wrapper] {
  margin: 0 auto;
}
@media (min-width: 52.1875em) {
  .page.elastic [cs-outer-wrapper] {
    --tree-width: 30rem;
    max-width: calc(100vw - var(--tree-width));
    padding: 0;
  }
}
@media (min-width: 52.1875em) {
  .page.uses-menu {
    margin-left: 24rem;
  }
}

.page-index.page .logo img {
  width: 21rem;
}
.page-index.page h1 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.page-index.page, .page-index.page a {
  background-color: var(--cs-color-bo-primary);
  color: var(--cs-color-bo-primary-contrast);
}
.page-index.page button {
  width: 100%;
  margin-top: calc(var(--fieldset-row-spacing) * 0.5);
  border-color: var(--cs-color-bo-secondary);
  background-color: var(--cs-color-bo-secondary);
  color: var(--cs-color-bo-secondary-contrast);
}
.page-index.page button:hover {
  border-color: var(--cs-color-bo-secondary-contrast);
}
.page-index.page .signin-panel-wrapper {
  width: 100vw;
  min-height: 100vh;
  padding: 1.5rem 0;
}
.page-index.page .signin-panel {
  width: 100vw;
  text-align: center;
}
.page-index.page .signin-panel .attribution {
  border-top: solid var(--cs-line-width) var(--cs-color-bo-primary-tint);
  padding-top: 1.5rem;
}
@media (max-width: 33.74em) {
  .page-index.page .signin-panel .attribution {
    margin-top: 1rem;
  }
}
.page-index.page .signin-panel .attribution p {
  font-size: 0.8rem;
}
.page-index.page .signin-panel .attribution .powered-by p {
  margin-bottom: 1rem;
}
.page-index.page .signin-panel .attribution .powered-by img {
  width: 3rem;
}
@media (max-width: 33.74em) {
  .page-index.page .signin-panel .attribution .powered-by {
    display: none;
  }
}
.page-index.page .signin-panel [cs-row].error {
  margin-top: 2.5rem;
}
.page-index.page .signin-panel [cs-textbox][invalid] {
  border-color: var(--cs-color-yield);
}
.page-index.page .signin-panel [cs-textbox][invalid] label, .page-index.page .signin-panel [cs-textbox][invalid] [cs-validation-message] {
  color: var(--cs-color-yield);
}
.page-index.page .signin-panel [cs-textbox] > [css-grid] > [css-grid-cell] > [cs-wrapper] {
  border-color: var(--cs-color-bo-primary-contrast);
}
.page-index.page .signin-panel [cs-textbox] > [css-grid] > [css-grid-cell] > [cs-wrapper] input, .page-index.page .signin-panel [cs-textbox] > [css-grid] > [css-grid-cell] > [cs-wrapper] textarea {
  text-align: center;
}

:root {
  --header-height: 9rem;
  --font-size: 1rem;
  --scrollbar-width: 0.5rem;
  --tree-width: 22rem;
}
@supports (-webkit-touch-callout: none) {
  :root {
    --scrollbar-width: 0rem;
  }
}

body, app {
  min-height: 100vh;
  color: var(--cs-color-light-contrast);
  font-weight: 400;
}
body a, app a {
  color: var(--cs-color-anchors);
  text-decoration: none;
}
body a:hover, app a:hover {
  text-decoration: underline;
}

@media (max-width: 52.1775em) {
  body.menu-open {
    position: fixed;
    height: 100vh;
    overflow-y: scroll;
  }
}
@media (max-width: 33.74em) {
  body.menu-open header[primary] [floating-header] #logo-bar {
    background-color: white;
  }
}

html {
  background-color: var(--cs-color-light);
  height: 100%;
}
@media (min-width: 33.75em) {
  html::-webkit-scrollbar {
    width: var(--scrollbar-width);
  }
  html::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.15);
  }
  html::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.25);
  }
}

app .expand-widget, app .hamburger {
  transition: none;
  display: inline-block;
  border-radius: 0.25rem;
  color: var(--cs-color-primary-contrast);
  font-size: 2rem;
  text-align: center;
  line-height: 1;
  cursor: pointer;
}
app .expand-widget.hide, app .hamburger.hide {
  display: none;
}
app .expand-widget {
  display: none;
}
app > [cs-unit] {
  background-color: var(--cs-color-light);
  color: var(--cs-color-light-contrast);
  overflow: hidden;
}
app > [cs-unit] > [cs-outer-wrapper] > [cs-inner-wrapper] [cs-padded-wrapper] {
  margin-top: var(--header-height);
}
app .show-menu [content-panel] {
  border-left: none;
  width: 100vw;
  margin-left: 0;
}
app div[tree-content-layout] {
  display: block;
  position: relative;
  background-color: var(--cs-color-light);
  color: var(--cs-color-light-contrast);
  overflow: hidden;
  padding-bottom: 3rem;
  --tree-width: 22rem;
  --progress-bar-height: 0rem;
}
@media (min-width: 33.75em) {
  app div[tree-content-layout] {
    --tree-width: 30rem;
  }
}
@media (min-width: 52.1875em) {
  app div[tree-content-layout] {
    --tree-width: 30rem;
  }
}
app div[tree-content-layout] [content-panel] {
  display: block;
  width: 100vw;
  margin-left: 0;
  --horizontal-unit-padding: 0;
  padding-left: var(--horizontal-unit-padding);
  padding-right: var(--horizontal-unit-padding);
  --horizontal-unit-padding: 0;
  --vertical-unit-padding: 0;
  padding-top: var(--vertical-unit-padding);
  padding-bottom: var(--vertical-unit-padding);
  --vertical-unit-padding: 0;
  will-change: margin-left, width;
  transition: margin-left linear 0.15s, width linear 0.15s;
}
@media (min-width: 33.75em) {
  app div[tree-content-layout] [content-panel] {
    --horizontal-unit-padding: 0;
  }
}
@media (min-width: 52.1875em) {
  app div[tree-content-layout] [content-panel] {
    --horizontal-unit-padding: 0;
  }
}
@media (min-width: 90em) {
  app div[tree-content-layout] [content-panel] {
    --horizontal-unit-padding: 0;
  }
}
@media (min-width: 33.75em) {
  app div[tree-content-layout] [content-panel] {
    --vertical-unit-padding: 0;
  }
}
@media (min-width: 52.1875em) {
  app div[tree-content-layout] [content-panel] {
    --vertical-unit-padding: 0;
  }
}
@media (min-width: 90em) {
  app div[tree-content-layout] [content-panel] {
    --vertical-unit-padding: 0;
  }
}
app div[tree-content-layout] [content-panel] [course-progress-bar] {
  display: block;
  padding: 1rem;
  overflow: hidden;
  background-color: var(--cs-color-light);
}
@media (min-width: 33.75em) {
  app div[tree-content-layout] [content-panel] [course-progress-bar] {
    top: var(--header-height);
  }
}
app div[tree-content-layout] main.add-padding {
  --horizontal-unit-padding: 0;
  padding-left: var(--horizontal-unit-padding);
  padding-right: var(--horizontal-unit-padding);
  --horizontal-unit-padding: var(--zero-horizontal-unit-padding);
  --vertical-unit-padding: 0;
  padding-top: calc(var(--vertical-unit-padding) * var(--top-unit-multiplier));
  padding-bottom: calc(var(--vertical-unit-padding) * var(--bottom-unit-multiplier));
  --vertical-unit-padding: var(--zero-vertical-unit-padding);
  margin: 0 auto;
}
@media (min-width: 33.75em) {
  app div[tree-content-layout] main.add-padding {
    --horizontal-unit-padding: var(--tablet-portrait-horizontal-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  app div[tree-content-layout] main.add-padding {
    --horizontal-unit-padding: var(--tablet-landscape-horizontal-unit-padding);
  }
}
@media (min-width: 90em) {
  app div[tree-content-layout] main.add-padding {
    --horizontal-unit-padding: var(--elastic-horizontal-unit-padding);
  }
}
@media (min-width: 33.75em) {
  app div[tree-content-layout] main.add-padding {
    --vertical-unit-padding: var(--tablet-portrait-vertical-unit-padding);
  }
}
@media (min-width: 52.1875em) {
  app div[tree-content-layout] main.add-padding {
    --vertical-unit-padding: var(--tablet-landscape-vertical-unit-padding);
  }
}
@media (min-width: 90em) {
  app div[tree-content-layout] main.add-padding {
    --vertical-unit-padding: var(--elastic-vertical-unit-padding);
  }
}
app div[tree-content-layout] main.elastic {
  margin: 0 auto;
}
@media (min-width: 52.1875em) {
  app div[tree-content-layout] main.elastic {
    max-width: calc(100vw - var(--tree-width));
  }
}
app div[tree-content-layout] .expand-widget {
  display: inline-block;
}
app div[tree-content-layout] .tree-pin-widget {
  display: none;
  position: fixed;
  top: 1.75rem;
  right: 1.9rem;
  font-size: 1.5rem;
  cursor: pointer;
  color: var(--cs-color-bo-primary);
  z-index: 12000;
}
@media (min-width: 52.1875em) {
  app div[tree-content-layout] .tree-pin-widget {
    display: inline-block;
  }
}
app div[tree-content-layout] [tree-panel] {
  transition: none;
  display: block;
  position: fixed;
  top: 0;
  width: var(--tree-width);
  height: 100vh;
  min-height: 100vh;
  height: 100%;
  z-index: 9000;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: var(--cs-color-white);
  color: var(--cs-color-white-contrast);
  border-right: solid var(--cs-line-width) var(--cs-color-supermedium);
  will-change: transform, transition;
  transition: transform linear 0.15s;
  transform: translateX(calc(var(--tree-width) * -1));
  padding-bottom: 6rem;
}
@media (min-width: 33.75em) {
  app div[tree-content-layout] [tree-panel]::-webkit-scrollbar {
    width: var(--scrollbar-width);
  }
  app div[tree-content-layout] [tree-panel]::-webkit-scrollbar-track {
    background-color: var(--cs-color-light);
  }
  app div[tree-content-layout] [tree-panel]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 52.1875em) {
  app div[tree-content-layout] [tree-panel] {
    z-index: 8999;
  }
}
app div[tree-content-layout].show-tree [tree-panel] {
  transform: translateX(0);
}
app div[tree-content-layout].show-tree .tree-hide-widget {
  transform: translateX(calc(var(--tree-width) * -1));
}
app div[tree-content-layout].show-tree [content-panel] {
  margin-left: 0;
  width: 100vw;
}
@media (min-width: 52.1875em) {
  app div[tree-content-layout].show-tree [content-panel] {
    margin-left: var(--tree-width);
    width: calc(100vw - var(--tree-width));
  }
}
@media (min-width: 52.1875em) {
  app div[tree-content-layout].pinned-tree [tree-panel] {
    transition: none;
    transform: translateX(0);
    z-index: 9999;
  }
  app div[tree-content-layout].pinned-tree .expand-widget {
    display: none;
  }
  app div[tree-content-layout].pinned-tree [content-panel] {
    transition: none;
    margin-left: var(--tree-width);
    min-width: calc(100vw - var(--tree-width));
    width: calc(100vw - var(--tree-width));
  }
}
@media (min-width: 52.1875em) {
  app div[tree-content-layout].show-nav [tree-panel] {
    display: none;
  }
  app div[tree-content-layout].show-nav .expand-widget {
    display: none;
  }
  app div[tree-content-layout].show-nav [content-panel] {
    transition: none;
    margin-left: 24rem;
    min-width: calc(100vw - 24rem);
    width: calc(100vw - 24rem);
  }
}
@media (min-width: 52.1875em) {
  app div[tree-content-layout].show-tree [floating-header], app div[tree-content-layout].pinned-tree [floating-header] {
    left: var(--tree-width);
    width: calc(100vw - var(--tree-width));
  }
}

.hide {
  display: none !important;
}

#blazor-error-ui {
  background: #ffffe0;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem;
  position: fixed;
  width: 100vw;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

/*# sourceMappingURL=application.css.map */