/* apps/digitale-praxis/src/styles.scss */
*,
::before,
::after {
  box-sizing: border-box;
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
}
body {
  margin: 0;
  line-height: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
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;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
}
[readonly] button,
[readonly] input,
[readonly] optgroup,
[readonly] select,
[readonly] textarea {
  cursor: default;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
[slot=label] {
  cursor: var(--label-Cursor);
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
}
button,
[role=button] {
  cursor: pointer;
}
[readonly] button,
[readonly] [role=button] {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none !important;
}
.u-align-items-start {
  align-items: flex-start;
}
.u-align-items-end {
  align-items: flex-end;
}
.u-align-items-center {
  align-items: center;
}
.u-align-items-stretch {
  align-items: stretch;
}
.u-align-items-baseline {
  align-items: baseline;
}
.u-align-self-start {
  align-self: flex-start;
}
.u-align-self-end {
  align-self: flex-end;
}
.u-align-self-center {
  align-self: center;
}
.u-align-self-stretch {
  align-self: stretch;
}
.u-align-self-baseline {
  align-self: baseline;
}
.u-align-content-start {
  align-content: flex-start;
}
.u-align-content-end {
  align-content: flex-end;
}
.u-align-content-center {
  align-content: center;
}
.u-align-content-stretch {
  align-content: stretch;
}
.u-align-content-between {
  align-content: space-between;
}
.u-align-content-around {
  align-content: space-around;
}
.u-justify-content-start {
  justify-content: flex-start;
}
.u-justify-content-end {
  justify-content: flex-end;
}
.u-justify-content-center {
  justify-content: center;
}
.u-justify-content-between {
  justify-content: space-between;
}
.u-justify-content-around {
  justify-content: space-around;
}
.u-justify-content-evenly {
  justify-content: space-evenly;
}
.u-justify-self-start {
  justify-self: flex-start;
}
.u-justify-self-end {
  justify-self: flex-end;
}
.u-justify-self-center {
  justify-self: center;
}
.u-justify-self-stretch {
  justify-self: stretch;
}
.u-justify-self-baseline {
  justify-self: baseline;
}
.u-flex-center {
  align-items: center;
  justify-content: center;
}
[data-page-size=A5] {
  --appointment-overview-print-page__padding-block: var(--SPACING-200);
  --appointment-overview-print-page__header__padding-block: var(--SPACING-200);
  --appointment-overview-print-page__header__font-size: var(--FONTSIZE-100);
  --appointment-overview-print-page__appointments-of__font-size: var(--FONTSIZE-100);
  --appointment-overview-print-page__appointments-of__padding-block: var(--SPACING-200);
  --appointment-overview-print-page__appointments-of--bold__font-size: var(--FONTSIZE-200);
  --appointment-overview-print-page__appointments-list__padding-inline: var(--SPACING-700);
  --appointment-overview-print-page__footer-icon: block;
  height: 209mm;
  width: 148mm;
}
[data-page-size=A6] {
  height: 148mm;
  width: 105mm;
}
[data-status=reserved] {
  --appointment__statusbar-BackgroundColor: var(--THEME-COLOR-EXTENDED-GREY-050);
}
[data-status=scheduled] {
  --appointment__statusbar-BackgroundColor: var(--THEME-COLOR-EXTENDED-BLUE-050);
}
[data-status=cancelled] {
  --appointment__statusbar-BackgroundColor: var(--THEME-COLOR-EXTENDED-OCHER-050);
}
[data-status=failed] {
  --appointment__statusbar-BackgroundColor: var(--THEME-COLOR-EXTENDED-RED-050);
}
[data-status=performed] {
  --appointment__statusbar-BackgroundColor: var(--THEME-COLOR-EXTENDED-GREY-100);
}
[data-status=confirmed] {
  --appointment__statusbar-BackgroundColor: var(--THEME-COLOR-EXTENDED-GREEN-050);
}
[data-status=billed] {
  --appointment__statusbar-BackgroundColor: var(--THEME-COLOR-EXTENDED-PETROL-050);
}
[data-type=admin] {
  --appointment__statusbar-BackgroundColor: "transparent";
}
[data-type="adhoc absence"] {
  --appointment-BackgroundColor: var(--THEME-COLOR-INFORMATION-100);
  --appointment-Color: var(--THEME-COLOR-INFORMATION-400);
}
[data-type="appointment gap"] {
  --appointment-BackgroundColor: var(--THEME-COLOR-WARNING-100);
  --appointment__statusbar-BackgroundColor: transparent;
  --appointment-Color: var(--THEME-COLOR-WARNING-400);
  --appointment-Border: 1px dashed var(--THEME-COLOR-WARNING-400);
  --appointment__header-Margin: calc(var(--SPACING-050) - 1px) 0 0 0;
}
.u-border-0 {
  border-width: 0;
}
.u-radius-050 {
  border-radius: var(--SIZE-050, 4px);
}
.u-radius-100 {
  border-radius: var(--SIZE-100, 8px);
}
.u-radius-150 {
  border-radius: var(--SIZE-150, 12px);
}
.u-radius-200 {
  border-radius: var(--SIZE-200, 16px);
}
.u-radius-250 {
  border-radius: var(--SIZE-250, 20px);
}
.u-radius-300 {
  border-radius: var(--SIZE-300, 24px);
}
.u-radius-350 {
  border-radius: var(--SIZE-350, 28px);
}
.u-radius-400 {
  border-radius: var(--SIZE-400, 32px);
}
.u-radius-500 {
  border-radius: var(--SIZE-500, 40px);
}
.u-radius-550 {
  border-radius: var(--SIZE-550, 48px);
}
.u-radius-600 {
  border-radius: var(--SIZE-600, 56px);
}
.u-radius-700 {
  border-radius: var(--SIZE-700, 80px);
}
.u-radius-750 {
  border-radius: var(--SIZE-750, 96px);
}
.u-radius-800 {
  border-radius: var(--SIZE-800, 160px);
}
.u-radius-900 {
  border-radius: var(--SIZE-900, 160px);
}
.u-radius-950 {
  border-radius: var(--SIZE-950, 200px);
}
.u-radius-COL-MAXWIDTH {
  border-radius: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-radius-CONTENT-MAXWIDTH {
  border-radius: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-radius-0 {
  border-radius: 0;
}
.u-radius-50\% {
  border-radius: 50%;
}
.u-radius-top-050 {
  border-top-left-radius: var(--SIZE-050, 4px);
  border-top-right-radius: var(--SIZE-050, 4px);
}
.u-radius-top-100 {
  border-top-left-radius: var(--SIZE-100, 8px);
  border-top-right-radius: var(--SIZE-100, 8px);
}
.u-radius-top-150 {
  border-top-left-radius: var(--SIZE-150, 12px);
  border-top-right-radius: var(--SIZE-150, 12px);
}
.u-radius-top-200 {
  border-top-left-radius: var(--SIZE-200, 16px);
  border-top-right-radius: var(--SIZE-200, 16px);
}
.u-radius-top-250 {
  border-top-left-radius: var(--SIZE-250, 20px);
  border-top-right-radius: var(--SIZE-250, 20px);
}
.u-radius-top-300 {
  border-top-left-radius: var(--SIZE-300, 24px);
  border-top-right-radius: var(--SIZE-300, 24px);
}
.u-radius-top-350 {
  border-top-left-radius: var(--SIZE-350, 28px);
  border-top-right-radius: var(--SIZE-350, 28px);
}
.u-radius-top-400 {
  border-top-left-radius: var(--SIZE-400, 32px);
  border-top-right-radius: var(--SIZE-400, 32px);
}
.u-radius-top-500 {
  border-top-left-radius: var(--SIZE-500, 40px);
  border-top-right-radius: var(--SIZE-500, 40px);
}
.u-radius-top-550 {
  border-top-left-radius: var(--SIZE-550, 48px);
  border-top-right-radius: var(--SIZE-550, 48px);
}
.u-radius-top-600 {
  border-top-left-radius: var(--SIZE-600, 56px);
  border-top-right-radius: var(--SIZE-600, 56px);
}
.u-radius-top-700 {
  border-top-left-radius: var(--SIZE-700, 80px);
  border-top-right-radius: var(--SIZE-700, 80px);
}
.u-radius-top-750 {
  border-top-left-radius: var(--SIZE-750, 96px);
  border-top-right-radius: var(--SIZE-750, 96px);
}
.u-radius-top-800 {
  border-top-left-radius: var(--SIZE-800, 160px);
  border-top-right-radius: var(--SIZE-800, 160px);
}
.u-radius-top-900 {
  border-top-left-radius: var(--SIZE-900, 160px);
  border-top-right-radius: var(--SIZE-900, 160px);
}
.u-radius-top-950 {
  border-top-left-radius: var(--SIZE-950, 200px);
  border-top-right-radius: var(--SIZE-950, 200px);
}
.u-radius-top-COL-MAXWIDTH {
  border-top-left-radius: var(--SIZE-COL-MAXWIDTH, 432px);
  border-top-right-radius: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-radius-top-CONTENT-MAXWIDTH {
  border-top-left-radius: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
  border-top-right-radius: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-radius-top-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.u-radius-top-50\% {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}
.u-radius-right-050 {
  border-top-right-radius: var(--SIZE-050, 4px);
  border-bottom-right-radius: var(--SIZE-050, 4px);
}
.u-radius-right-100 {
  border-top-right-radius: var(--SIZE-100, 8px);
  border-bottom-right-radius: var(--SIZE-100, 8px);
}
.u-radius-right-150 {
  border-top-right-radius: var(--SIZE-150, 12px);
  border-bottom-right-radius: var(--SIZE-150, 12px);
}
.u-radius-right-200 {
  border-top-right-radius: var(--SIZE-200, 16px);
  border-bottom-right-radius: var(--SIZE-200, 16px);
}
.u-radius-right-250 {
  border-top-right-radius: var(--SIZE-250, 20px);
  border-bottom-right-radius: var(--SIZE-250, 20px);
}
.u-radius-right-300 {
  border-top-right-radius: var(--SIZE-300, 24px);
  border-bottom-right-radius: var(--SIZE-300, 24px);
}
.u-radius-right-350 {
  border-top-right-radius: var(--SIZE-350, 28px);
  border-bottom-right-radius: var(--SIZE-350, 28px);
}
.u-radius-right-400 {
  border-top-right-radius: var(--SIZE-400, 32px);
  border-bottom-right-radius: var(--SIZE-400, 32px);
}
.u-radius-right-500 {
  border-top-right-radius: var(--SIZE-500, 40px);
  border-bottom-right-radius: var(--SIZE-500, 40px);
}
.u-radius-right-550 {
  border-top-right-radius: var(--SIZE-550, 48px);
  border-bottom-right-radius: var(--SIZE-550, 48px);
}
.u-radius-right-600 {
  border-top-right-radius: var(--SIZE-600, 56px);
  border-bottom-right-radius: var(--SIZE-600, 56px);
}
.u-radius-right-700 {
  border-top-right-radius: var(--SIZE-700, 80px);
  border-bottom-right-radius: var(--SIZE-700, 80px);
}
.u-radius-right-750 {
  border-top-right-radius: var(--SIZE-750, 96px);
  border-bottom-right-radius: var(--SIZE-750, 96px);
}
.u-radius-right-800 {
  border-top-right-radius: var(--SIZE-800, 160px);
  border-bottom-right-radius: var(--SIZE-800, 160px);
}
.u-radius-right-900 {
  border-top-right-radius: var(--SIZE-900, 160px);
  border-bottom-right-radius: var(--SIZE-900, 160px);
}
.u-radius-right-950 {
  border-top-right-radius: var(--SIZE-950, 200px);
  border-bottom-right-radius: var(--SIZE-950, 200px);
}
.u-radius-right-COL-MAXWIDTH {
  border-top-right-radius: var(--SIZE-COL-MAXWIDTH, 432px);
  border-bottom-right-radius: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-radius-right-CONTENT-MAXWIDTH {
  border-top-right-radius: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
  border-bottom-right-radius: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-radius-right-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.u-radius-right-50\% {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.u-radius-bottom-050 {
  border-bottom-right-radius: var(--SIZE-050, 4px);
  border-bottom-left-radius: var(--SIZE-050, 4px);
}
.u-radius-bottom-100 {
  border-bottom-right-radius: var(--SIZE-100, 8px);
  border-bottom-left-radius: var(--SIZE-100, 8px);
}
.u-radius-bottom-150 {
  border-bottom-right-radius: var(--SIZE-150, 12px);
  border-bottom-left-radius: var(--SIZE-150, 12px);
}
.u-radius-bottom-200 {
  border-bottom-right-radius: var(--SIZE-200, 16px);
  border-bottom-left-radius: var(--SIZE-200, 16px);
}
.u-radius-bottom-250 {
  border-bottom-right-radius: var(--SIZE-250, 20px);
  border-bottom-left-radius: var(--SIZE-250, 20px);
}
.u-radius-bottom-300 {
  border-bottom-right-radius: var(--SIZE-300, 24px);
  border-bottom-left-radius: var(--SIZE-300, 24px);
}
.u-radius-bottom-350 {
  border-bottom-right-radius: var(--SIZE-350, 28px);
  border-bottom-left-radius: var(--SIZE-350, 28px);
}
.u-radius-bottom-400 {
  border-bottom-right-radius: var(--SIZE-400, 32px);
  border-bottom-left-radius: var(--SIZE-400, 32px);
}
.u-radius-bottom-500 {
  border-bottom-right-radius: var(--SIZE-500, 40px);
  border-bottom-left-radius: var(--SIZE-500, 40px);
}
.u-radius-bottom-550 {
  border-bottom-right-radius: var(--SIZE-550, 48px);
  border-bottom-left-radius: var(--SIZE-550, 48px);
}
.u-radius-bottom-600 {
  border-bottom-right-radius: var(--SIZE-600, 56px);
  border-bottom-left-radius: var(--SIZE-600, 56px);
}
.u-radius-bottom-700 {
  border-bottom-right-radius: var(--SIZE-700, 80px);
  border-bottom-left-radius: var(--SIZE-700, 80px);
}
.u-radius-bottom-750 {
  border-bottom-right-radius: var(--SIZE-750, 96px);
  border-bottom-left-radius: var(--SIZE-750, 96px);
}
.u-radius-bottom-800 {
  border-bottom-right-radius: var(--SIZE-800, 160px);
  border-bottom-left-radius: var(--SIZE-800, 160px);
}
.u-radius-bottom-900 {
  border-bottom-right-radius: var(--SIZE-900, 160px);
  border-bottom-left-radius: var(--SIZE-900, 160px);
}
.u-radius-bottom-950 {
  border-bottom-right-radius: var(--SIZE-950, 200px);
  border-bottom-left-radius: var(--SIZE-950, 200px);
}
.u-radius-bottom-COL-MAXWIDTH {
  border-bottom-right-radius: var(--SIZE-COL-MAXWIDTH, 432px);
  border-bottom-left-radius: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-radius-bottom-CONTENT-MAXWIDTH {
  border-bottom-right-radius: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
  border-bottom-left-radius: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-radius-bottom-0 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.u-radius-bottom-50\% {
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.u-radius-left-050 {
  border-bottom-left-radius: var(--SIZE-050, 4px);
  border-top-left-radius: var(--SIZE-050, 4px);
}
.u-radius-left-100 {
  border-bottom-left-radius: var(--SIZE-100, 8px);
  border-top-left-radius: var(--SIZE-100, 8px);
}
.u-radius-left-150 {
  border-bottom-left-radius: var(--SIZE-150, 12px);
  border-top-left-radius: var(--SIZE-150, 12px);
}
.u-radius-left-200 {
  border-bottom-left-radius: var(--SIZE-200, 16px);
  border-top-left-radius: var(--SIZE-200, 16px);
}
.u-radius-left-250 {
  border-bottom-left-radius: var(--SIZE-250, 20px);
  border-top-left-radius: var(--SIZE-250, 20px);
}
.u-radius-left-300 {
  border-bottom-left-radius: var(--SIZE-300, 24px);
  border-top-left-radius: var(--SIZE-300, 24px);
}
.u-radius-left-350 {
  border-bottom-left-radius: var(--SIZE-350, 28px);
  border-top-left-radius: var(--SIZE-350, 28px);
}
.u-radius-left-400 {
  border-bottom-left-radius: var(--SIZE-400, 32px);
  border-top-left-radius: var(--SIZE-400, 32px);
}
.u-radius-left-500 {
  border-bottom-left-radius: var(--SIZE-500, 40px);
  border-top-left-radius: var(--SIZE-500, 40px);
}
.u-radius-left-550 {
  border-bottom-left-radius: var(--SIZE-550, 48px);
  border-top-left-radius: var(--SIZE-550, 48px);
}
.u-radius-left-600 {
  border-bottom-left-radius: var(--SIZE-600, 56px);
  border-top-left-radius: var(--SIZE-600, 56px);
}
.u-radius-left-700 {
  border-bottom-left-radius: var(--SIZE-700, 80px);
  border-top-left-radius: var(--SIZE-700, 80px);
}
.u-radius-left-750 {
  border-bottom-left-radius: var(--SIZE-750, 96px);
  border-top-left-radius: var(--SIZE-750, 96px);
}
.u-radius-left-800 {
  border-bottom-left-radius: var(--SIZE-800, 160px);
  border-top-left-radius: var(--SIZE-800, 160px);
}
.u-radius-left-900 {
  border-bottom-left-radius: var(--SIZE-900, 160px);
  border-top-left-radius: var(--SIZE-900, 160px);
}
.u-radius-left-950 {
  border-bottom-left-radius: var(--SIZE-950, 200px);
  border-top-left-radius: var(--SIZE-950, 200px);
}
.u-radius-left-COL-MAXWIDTH {
  border-bottom-left-radius: var(--SIZE-COL-MAXWIDTH, 432px);
  border-top-left-radius: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-radius-left-CONTENT-MAXWIDTH {
  border-bottom-left-radius: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
  border-top-left-radius: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-radius-left-0 {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.u-radius-left-50\% {
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
}
.u-radius-top-left-050 {
  border-radius-top-left: var(--SIZE-050, 4px);
}
.u-radius-top-left-100 {
  border-radius-top-left: var(--SIZE-100, 8px);
}
.u-radius-top-left-150 {
  border-radius-top-left: var(--SIZE-150, 12px);
}
.u-radius-top-left-200 {
  border-radius-top-left: var(--SIZE-200, 16px);
}
.u-radius-top-left-250 {
  border-radius-top-left: var(--SIZE-250, 20px);
}
.u-radius-top-left-300 {
  border-radius-top-left: var(--SIZE-300, 24px);
}
.u-radius-top-left-350 {
  border-radius-top-left: var(--SIZE-350, 28px);
}
.u-radius-top-left-400 {
  border-radius-top-left: var(--SIZE-400, 32px);
}
.u-radius-top-left-500 {
  border-radius-top-left: var(--SIZE-500, 40px);
}
.u-radius-top-left-550 {
  border-radius-top-left: var(--SIZE-550, 48px);
}
.u-radius-top-left-600 {
  border-radius-top-left: var(--SIZE-600, 56px);
}
.u-radius-top-left-700 {
  border-radius-top-left: var(--SIZE-700, 80px);
}
.u-radius-top-left-750 {
  border-radius-top-left: var(--SIZE-750, 96px);
}
.u-radius-top-left-800 {
  border-radius-top-left: var(--SIZE-800, 160px);
}
.u-radius-top-left-900 {
  border-radius-top-left: var(--SIZE-900, 160px);
}
.u-radius-top-left-950 {
  border-radius-top-left: var(--SIZE-950, 200px);
}
.u-radius-top-left-COL-MAXWIDTH {
  border-radius-top-left: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-radius-top-left-CONTENT-MAXWIDTH {
  border-radius-top-left: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-radius-top-left-0 {
  border-radius-top-left: 0;
}
.u-radius-top-left-50\% {
  border-radius-top-left: 50%;
}
.u-radius-top-right-050 {
  border-radius-top-right: var(--SIZE-050, 4px);
}
.u-radius-top-right-100 {
  border-radius-top-right: var(--SIZE-100, 8px);
}
.u-radius-top-right-150 {
  border-radius-top-right: var(--SIZE-150, 12px);
}
.u-radius-top-right-200 {
  border-radius-top-right: var(--SIZE-200, 16px);
}
.u-radius-top-right-250 {
  border-radius-top-right: var(--SIZE-250, 20px);
}
.u-radius-top-right-300 {
  border-radius-top-right: var(--SIZE-300, 24px);
}
.u-radius-top-right-350 {
  border-radius-top-right: var(--SIZE-350, 28px);
}
.u-radius-top-right-400 {
  border-radius-top-right: var(--SIZE-400, 32px);
}
.u-radius-top-right-500 {
  border-radius-top-right: var(--SIZE-500, 40px);
}
.u-radius-top-right-550 {
  border-radius-top-right: var(--SIZE-550, 48px);
}
.u-radius-top-right-600 {
  border-radius-top-right: var(--SIZE-600, 56px);
}
.u-radius-top-right-700 {
  border-radius-top-right: var(--SIZE-700, 80px);
}
.u-radius-top-right-750 {
  border-radius-top-right: var(--SIZE-750, 96px);
}
.u-radius-top-right-800 {
  border-radius-top-right: var(--SIZE-800, 160px);
}
.u-radius-top-right-900 {
  border-radius-top-right: var(--SIZE-900, 160px);
}
.u-radius-top-right-950 {
  border-radius-top-right: var(--SIZE-950, 200px);
}
.u-radius-top-right-COL-MAXWIDTH {
  border-radius-top-right: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-radius-top-right-CONTENT-MAXWIDTH {
  border-radius-top-right: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-radius-top-right-0 {
  border-radius-top-right: 0;
}
.u-radius-top-right-50\% {
  border-radius-top-right: 50%;
}
.u-radius-bottom-right-050 {
  border-radius-bottom-right: var(--SIZE-050, 4px);
}
.u-radius-bottom-right-100 {
  border-radius-bottom-right: var(--SIZE-100, 8px);
}
.u-radius-bottom-right-150 {
  border-radius-bottom-right: var(--SIZE-150, 12px);
}
.u-radius-bottom-right-200 {
  border-radius-bottom-right: var(--SIZE-200, 16px);
}
.u-radius-bottom-right-250 {
  border-radius-bottom-right: var(--SIZE-250, 20px);
}
.u-radius-bottom-right-300 {
  border-radius-bottom-right: var(--SIZE-300, 24px);
}
.u-radius-bottom-right-350 {
  border-radius-bottom-right: var(--SIZE-350, 28px);
}
.u-radius-bottom-right-400 {
  border-radius-bottom-right: var(--SIZE-400, 32px);
}
.u-radius-bottom-right-500 {
  border-radius-bottom-right: var(--SIZE-500, 40px);
}
.u-radius-bottom-right-550 {
  border-radius-bottom-right: var(--SIZE-550, 48px);
}
.u-radius-bottom-right-600 {
  border-radius-bottom-right: var(--SIZE-600, 56px);
}
.u-radius-bottom-right-700 {
  border-radius-bottom-right: var(--SIZE-700, 80px);
}
.u-radius-bottom-right-750 {
  border-radius-bottom-right: var(--SIZE-750, 96px);
}
.u-radius-bottom-right-800 {
  border-radius-bottom-right: var(--SIZE-800, 160px);
}
.u-radius-bottom-right-900 {
  border-radius-bottom-right: var(--SIZE-900, 160px);
}
.u-radius-bottom-right-950 {
  border-radius-bottom-right: var(--SIZE-950, 200px);
}
.u-radius-bottom-right-COL-MAXWIDTH {
  border-radius-bottom-right: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-radius-bottom-right-CONTENT-MAXWIDTH {
  border-radius-bottom-right: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-radius-bottom-right-0 {
  border-radius-bottom-right: 0;
}
.u-radius-bottom-right-50\% {
  border-radius-bottom-right: 50%;
}
.u-radius-bottom-left-050 {
  border-radius-bottom-left: var(--SIZE-050, 4px);
}
.u-radius-bottom-left-100 {
  border-radius-bottom-left: var(--SIZE-100, 8px);
}
.u-radius-bottom-left-150 {
  border-radius-bottom-left: var(--SIZE-150, 12px);
}
.u-radius-bottom-left-200 {
  border-radius-bottom-left: var(--SIZE-200, 16px);
}
.u-radius-bottom-left-250 {
  border-radius-bottom-left: var(--SIZE-250, 20px);
}
.u-radius-bottom-left-300 {
  border-radius-bottom-left: var(--SIZE-300, 24px);
}
.u-radius-bottom-left-350 {
  border-radius-bottom-left: var(--SIZE-350, 28px);
}
.u-radius-bottom-left-400 {
  border-radius-bottom-left: var(--SIZE-400, 32px);
}
.u-radius-bottom-left-500 {
  border-radius-bottom-left: var(--SIZE-500, 40px);
}
.u-radius-bottom-left-550 {
  border-radius-bottom-left: var(--SIZE-550, 48px);
}
.u-radius-bottom-left-600 {
  border-radius-bottom-left: var(--SIZE-600, 56px);
}
.u-radius-bottom-left-700 {
  border-radius-bottom-left: var(--SIZE-700, 80px);
}
.u-radius-bottom-left-750 {
  border-radius-bottom-left: var(--SIZE-750, 96px);
}
.u-radius-bottom-left-800 {
  border-radius-bottom-left: var(--SIZE-800, 160px);
}
.u-radius-bottom-left-900 {
  border-radius-bottom-left: var(--SIZE-900, 160px);
}
.u-radius-bottom-left-950 {
  border-radius-bottom-left: var(--SIZE-950, 200px);
}
.u-radius-bottom-left-COL-MAXWIDTH {
  border-radius-bottom-left: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-radius-bottom-left-CONTENT-MAXWIDTH {
  border-radius-bottom-left: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-radius-bottom-left-0 {
  border-radius-bottom-left: 0;
}
.u-radius-bottom-left-50\% {
  border-radius-bottom-left: 50%;
}
.u-color-brand-primary {
  color: var(--COLOR-BRAND-PRIMARY, hsl(157, 93%, 28%));
}
.u-color-brand-secondary {
  color: var(--COLOR-BRAND-SECONDARY, hsl(47, 100%, 49%));
}
.u-color-brand-shade {
  color: var(--COLOR-BRAND-SHADE, hsl(210, 8%, 15%));
}
.u-color-primary-600 {
  color: var(--COLOR-PRIMARY-600, hsl(163, 60%, 20%));
}
.u-color-primary-500 {
  color: var(--COLOR-PRIMARY-500, hsl(163, 100%, 20%));
}
.u-color-primary-400 {
  color: var(--COLOR-PRIMARY-400, hsl(157, 93%, 28%));
}
.u-color-primary-300 {
  color: var(--COLOR-PRIMARY-300, hsl(157, 86%, 39%));
}
.u-color-primary-200 {
  color: var(--COLOR-PRIMARY-200, hsl(157, 51%, 67%));
}
.u-color-primary-100 {
  color: var(--COLOR-PRIMARY-100, hsl(158, 48%, 87%));
}
.u-color-primary-050 {
  color: var(--COLOR-PRIMARY-050, hsl(158, 50%, 94%));
}
.u-color-secondary-500 {
  color: var(--COLOR-SECONDARY-500, hsl(47, 90%, 28%));
}
.u-color-secondary-450 {
  color: var(--COLOR-SECONDARY-450, hsl(47, 95%, 38%));
}
.u-color-secondary-400 {
  color: var(--COLOR-SECONDARY-400, hsl(47, 100%, 49%));
}
.u-color-secondary-300 {
  color: var(--COLOR-SECONDARY-300, hsl(47, 100%, 65%));
}
.u-color-secondary-200 {
  color: var(--COLOR-SECONDARY-200, hsl(47, 100%, 80%));
}
.u-color-secondary-100 {
  color: var(--COLOR-SECONDARY-100, hsl(47, 100%, 95%));
}
.u-color-shade-900 {
  color: var(--COLOR-SHADE-900, hsl(204, 8%, 12%));
}
.u-color-shade-800 {
  color: var(--COLOR-SHADE-800, hsl(210, 8%, 15%));
}
.u-color-shade-800-dark {
  color: var(--COLOR-SHADE-800-DARK, hsl(204, 8%, 20%));
}
.u-color-shade-700 {
  color: var(--COLOR-SHADE-700, hsl(210, 8%, 20%));
}
.u-color-shade-700-dark {
  color: var(--COLOR-SHADE-700-DARK, hsl(210, 8%, 32%));
}
.u-color-shade-600 {
  color: var(--COLOR-SHADE-600, hsl(210, 8%, 33%));
}
.u-color-shade-600-dark {
  color: var(--COLOR-SHADE-600-DARK, hsl(210, 8%, 44%));
}
.u-color-shade-500 {
  color: var(--COLOR-SHADE-500, hsl(209, 9%, 55%));
}
.u-color-shade-400 {
  color: var(--COLOR-SHADE-400, hsl(210, 20%, 73%));
}
.u-color-shade-400-dark {
  color: var(--COLOR-SHADE-400-DARK, hsl(210, 20%, 76%));
}
.u-color-shade-300 {
  color: var(--COLOR-SHADE-300, hsl(208, 26%, 86%));
}
.u-color-shade-300-dark {
  color: var(--COLOR-SHADE-300-DARK, hsl(208, 26%, 89%));
}
.u-color-shade-200 {
  color: var(--COLOR-SHADE-200, hsl(207, 38%, 91%));
}
.u-color-shade-200-dark {
  color: var(--COLOR-SHADE-200-DARK, hsl(207, 38%, 94%));
}
.u-color-shade-100 {
  color: var(--COLOR-SHADE-100, hsl(210, 38%, 94%));
}
.u-color-shade-100-dark {
  color: var(--COLOR-SHADE-100-DARK, hsl(210, 38%, 97%));
}
.u-color-shade-white {
  color: var(--COLOR-SHADE-WHITE, hsl(0, 0%, 100%));
}
.u-color-danger-400 {
  color: var(--COLOR-DANGER-400, hsl(354, 60%, 33%));
}
.u-color-danger-300 {
  color: var(--COLOR-DANGER-300, hsl(354, 57%, 48%));
}
.u-color-danger-200 {
  color: var(--COLOR-DANGER-200, hsl(353, 81%, 65%));
}
.u-color-danger-200-dark {
  color: var(--COLOR-DANGER-200-DARK, hsl(353, 96%, 72%));
}
.u-color-danger-100 {
  color: var(--COLOR-DANGER-100, hsl(356, 100%, 97%));
}
.u-color-information-400 {
  color: var(--COLOR-INFORMATION-400, hsl(185, 71%, 22%));
}
.u-color-information-300 {
  color: var(--COLOR-INFORMATION-300, hsl(185, 70%, 29%));
}
.u-color-information-200 {
  color: var(--COLOR-INFORMATION-200, hsl(185, 54%, 44%));
}
.u-color-information-100 {
  color: var(--COLOR-INFORMATION-100, hsl(185, 100%, 93%));
}
.u-color-success-400 {
  color: var(--COLOR-SUCCESS-400, hsl(163, 100%, 20%));
}
.u-color-success-300 {
  color: var(--COLOR-SUCCESS-300, hsl(157, 93%, 28%));
}
.u-color-success-200 {
  color: var(--COLOR-SUCCESS-200, hsl(157, 86%, 39%));
}
.u-color-success-100 {
  color: var(--COLOR-SUCCESS-100, hsl(158, 48%, 87%));
}
.u-color-warning-400 {
  color: var(--COLOR-WARNING-400, hsl(47, 90%, 28%));
}
.u-color-warning-300 {
  color: var(--COLOR-WARNING-300, hsl(47, 100%, 49%));
}
.u-color-warning-200 {
  color: var(--COLOR-WARNING-200, hsl(47, 100%, 65%));
}
.u-color-warning-100 {
  color: var(--COLOR-WARNING-100, hsl(47, 100%, 95%));
}
.u-color-static-primary-400 {
  color: var(--COLOR-STATIC-PRIMARY-400, var(--COLOR-BRAND-PRIMARY, hsl(157, 93%, 28%)));
}
.u-color-static-shade-800 {
  color: var(--COLOR-STATIC-SHADE-800, var(--COLOR-BRAND-SHADE, hsl(210, 8%, 15%)));
}
.u-color-static-shade-600 {
  color: var(--COLOR-STATIC-SHADE-600, var(--COLOR-SHADE-600, hsl(210, 8%, 33%)));
}
.u-color-static-white {
  color: var(--COLOR-STATIC-WHITE, var(--COLOR-SHADE-WHITE, hsl(0, 0%, 100%)));
}
.u-color-static-danger-300 {
  color: var(--COLOR-STATIC-DANGER-300, var(--COLOR-DANGER-300, hsl(354, 57%, 48%)));
}
.u-color-static-white-t50 {
  color: var(--COLOR-STATIC-WHITE-T50, rgba(255, 255, 255, 0.5));
}
.u-color-static-blue-100 {
  color: var(--COLOR-STATIC-BLUE-100, hsl(200, 81%, 85%));
}
.u-color-static-shade-300 {
  color: var(--COLOR-STATIC-SHADE-300, hsl(208, 26%, 89%));
}
.u-color-static-petrol-150 {
  color: var(--COLOR-STATIC-PETROL-150, hsl(185, 33%, 76%));
}
.u-color-extended-blue-025-light {
  color: var(--COLOR-EXTENDED-BLUE-025-LIGHT, hsl(220, 61%, 86%));
}
.u-color-extended-blue-025-dark {
  color: var(--COLOR-EXTENDED-BLUE-025-DARK, hsl(225, 49%, 29%));
}
.u-color-extended-blue-050-light {
  color: var(--COLOR-EXTENDED-BLUE-050-LIGHT, hsl(220, 75%, 56%));
}
.u-color-extended-blue-050-dark {
  color: var(--COLOR-EXTENDED-BLUE-050-DARK, hsl(227, 100%, 69%));
}
.u-color-extended-blue-100-light {
  color: var(--COLOR-EXTENDED-BLUE-100-LIGHT, hsl(240, 68%, 53%));
}
.u-color-extended-blue-100-dark {
  color: var(--COLOR-EXTENDED-BLUE-100-DARK, hsl(220, 79%, 76%));
}
.u-color-extended-green-025-light {
  color: var(--COLOR-EXTENDED-GREEN-025-LIGHT, hsl(87, 30%, 79%));
}
.u-color-extended-green-025-dark {
  color: var(--COLOR-EXTENDED-GREEN-025-DARK, hsl(118, 20%, 24%));
}
.u-color-extended-green-050-light {
  color: var(--COLOR-EXTENDED-GREEN-050-LIGHT, hsl(87, 100%, 26%));
}
.u-color-extended-green-050-dark {
  color: var(--COLOR-EXTENDED-GREEN-050-DARK, hsl(107, 43%, 49%));
}
.u-color-extended-green-100-light {
  color: var(--COLOR-EXTENDED-GREEN-100-LIGHT, hsl(84, 100%, 20%));
}
.u-color-extended-green-100-dark {
  color: var(--COLOR-EXTENDED-GREEN-100-DARK, hsl(85, 45%, 64%));
}
.u-color-extended-grey-025-light {
  color: var(--COLOR-EXTENDED-GREY-025-LIGHT, hsl(0, 0%, 84%));
}
.u-color-extended-grey-025-dark {
  color: var(--COLOR-EXTENDED-GREY-025-DARK, hsl(213, 15%, 31%));
}
.u-color-extended-grey-050-light {
  color: var(--COLOR-EXTENDED-GREY-050-LIGHT, hsl(0, 0%, 46%));
}
.u-color-extended-grey-050-dark {
  color: var(--COLOR-EXTENDED-GREY-050-DARK, hsl(0, 0%, 55%));
}
.u-color-extended-grey-100-light {
  color: var(--COLOR-EXTENDED-GREY-100-LIGHT, hsl(210, 8%, 20%));
}
.u-color-extended-grey-100-dark {
  color: var(--COLOR-EXTENDED-GREY-100-DARK, hsl(0, 0%, 83%));
}
.u-color-extended-mint-025-light {
  color: var(--COLOR-EXTENDED-MINT-025-LIGHT, hsl(157, 53%, 78%));
}
.u-color-extended-mint-025-dark {
  color: var(--COLOR-EXTENDED-MINT-025-DARK, hsl(157, 54%, 33%));
}
.u-color-extended-ocher-025-light {
  color: var(--COLOR-EXTENDED-OCHER-025-LIGHT, hsl(34, 97%, 86%));
}
.u-color-extended-ocher-025-dark {
  color: var(--COLOR-EXTENDED-OCHER-025-DARK, hsl(24, 92%, 31%));
}
.u-color-extended-ocher-050-light {
  color: var(--COLOR-EXTENDED-OCHER-050-LIGHT, hsl(35, 68%, 53%));
}
.u-color-extended-ocher-050-dark {
  color: var(--COLOR-EXTENDED-OCHER-050-DARK, hsl(35, 60%, 50%));
}
.u-color-extended-ocher-100-light {
  color: var(--COLOR-EXTENDED-OCHER-100-LIGHT, hsl(33, 89%, 36%));
}
.u-color-extended-ocher-100-dark {
  color: var(--COLOR-EXTENDED-OCHER-100-DARK, hsl(40, 51%, 64%));
}
.u-color-extended-petrol-010-light {
  color: var(--COLOR-EXTENDED-PETROL-010-LIGHT, hsl(185, 100%, 93%));
}
.u-color-extended-petrol-010-dark {
  color: var(--COLOR-EXTENDED-PETROL-010-DARK, hsl(185, 86%, 22%));
}
.u-color-extended-petrol-025-light {
  color: var(--COLOR-EXTENDED-PETROL-025-LIGHT, hsl(180, 29%, 79%));
}
.u-color-extended-petrol-025-dark {
  color: var(--COLOR-EXTENDED-PETROL-025-DARK, hsl(185, 54%, 18%));
}
.u-color-extended-petrol-050-light {
  color: var(--COLOR-EXTENDED-PETROL-050-LIGHT, hsl(180, 90%, 27%));
}
.u-color-extended-petrol-050-dark {
  color: var(--COLOR-EXTENDED-PETROL-050-DARK, hsl(180, 74%, 40%));
}
.u-color-extended-petrol-075-light {
  color: var(--COLOR-EXTENDED-PETROL-075-LIGHT, hsl(180, 92%, 23%));
}
.u-color-extended-petrol-075-dark {
  color: var(--COLOR-EXTENDED-PETROL-075-DARK, hsl(180, 66%, 55%));
}
.u-color-extended-petrol-100-light {
  color: var(--COLOR-EXTENDED-PETROL-100-LIGHT, hsl(189, 100%, 21%));
}
.u-color-extended-petrol-100-dark {
  color: var(--COLOR-EXTENDED-PETROL-100-DARK, hsl(180, 41%, 66%));
}
.u-color-extended-pink-025-light {
  color: var(--COLOR-EXTENDED-PINK-025-LIGHT, hsl(321, 45%, 85%));
}
.u-color-extended-pink-025-dark {
  color: var(--COLOR-EXTENDED-PINK-025-DARK, hsl(310, 27%, 26%));
}
.u-color-extended-pink-050-light {
  color: var(--COLOR-EXTENDED-PINK-050-LIGHT, hsl(320, 54%, 51%));
}
.u-color-extended-pink-050-dark {
  color: var(--COLOR-EXTENDED-PINK-050-DARK, hsl(316, 86%, 64%));
}
.u-color-extended-pink-100-light {
  color: var(--COLOR-EXTENDED-PINK-100-LIGHT, hsl(320, 82%, 33%));
}
.u-color-extended-pink-100-dark {
  color: var(--COLOR-EXTENDED-PINK-100-DARK, hsl(319, 67%, 69%));
}
.u-color-extended-purple-025-light {
  color: var(--COLOR-EXTENDED-PURPLE-025-LIGHT, hsl(280, 61%, 86%));
}
.u-color-extended-purple-025-dark {
  color: var(--COLOR-EXTENDED-PURPLE-025-DARK, hsl(271, 30%, 28%));
}
.u-color-extended-purple-050-light {
  color: var(--COLOR-EXTENDED-PURPLE-050-LIGHT, hsl(280, 77%, 56%));
}
.u-color-extended-purple-050-dark {
  color: var(--COLOR-EXTENDED-PURPLE-050-DARK, hsl(275, 100%, 68%));
}
.u-color-extended-purple-100-light {
  color: var(--COLOR-EXTENDED-PURPLE-100-LIGHT, hsl(280, 100%, 34%));
}
.u-color-extended-purple-100-dark {
  color: var(--COLOR-EXTENDED-PURPLE-100-DARK, hsl(260, 100%, 83%));
}
.u-color-extended-red-010-light {
  color: var(--COLOR-EXTENDED-RED-010-LIGHT, hsl(356, 100%, 97%));
}
.u-color-extended-red-010-dark {
  color: var(--COLOR-EXTENDED-RED-010-DARK, hsl(352, 50%, 36%));
}
.u-color-extended-red-025-light {
  color: var(--COLOR-EXTENDED-RED-025-LIGHT, hsl(0, 51%, 86%));
}
.u-color-extended-red-025-dark {
  color: var(--COLOR-EXTENDED-RED-025-DARK, hsl(352, 58%, 22%));
}
.u-color-extended-red-050-light {
  color: var(--COLOR-EXTENDED-RED-050-LIGHT, hsl(0, 63%, 54%));
}
.u-color-extended-red-050-dark {
  color: var(--COLOR-EXTENDED-RED-050-DARK, hsl(0, 100%, 64%));
}
.u-color-extended-red-100-light {
  color: var(--COLOR-EXTENDED-RED-100-LIGHT, hsl(0, 100%, 33%));
}
.u-color-extended-red-100-dark {
  color: var(--COLOR-EXTENDED-RED-100-DARK, hsl(0, 100%, 72%));
}
.u-color-extended-violet-025-light {
  color: var(--COLOR-EXTENDED-VIOLET-025-LIGHT, hsl(240, 54%, 85%));
}
.u-color-extended-violet-025-dark {
  color: var(--COLOR-EXTENDED-VIOLET-025-DARK, hsl(274, 86%, 22%));
}
.u-color-extended-yellow-025-light {
  color: var(--COLOR-EXTENDED-YELLOW-025-LIGHT, hsl(47, 100%, 83%));
}
.u-color-extended-yellow-025-dark {
  color: var(--COLOR-EXTENDED-YELLOW-025-DARK, hsl(35, 77%, 33%));
}
.u-color-extended-blue-400 {
  color: var(--COLOR-EXTENDED-BLUE-400, hsl(200, 71%, 22%));
}
.u-color-extended-blue-300 {
  color: var(--COLOR-EXTENDED-BLUE-300, hsl(200, 66%, 39%));
}
.u-color-extended-blue-200 {
  color: var(--COLOR-EXTENDED-BLUE-200, hsl(200, 54%, 62%));
}
.u-color-extended-blue-100 {
  color: var(--COLOR-EXTENDED-BLUE-100, hsl(200, 100%, 93%));
}
.u-theme-color-primary-dark {
  color: var(--THEME-COLOR-PRIMARY-DARK);
}
.u-theme-color-primary-500 {
  color: var(--THEME-COLOR-PRIMARY-500);
}
.u-theme-color-primary-400 {
  color: var(--THEME-COLOR-PRIMARY-400);
}
.u-theme-color-primary-300 {
  color: var(--THEME-COLOR-PRIMARY-300);
}
.u-theme-color-primary-200 {
  color: var(--THEME-COLOR-PRIMARY-200);
}
.u-theme-color-primary-100 {
  color: var(--THEME-COLOR-PRIMARY-100);
}
.u-theme-color-primary-050 {
  color: var(--THEME-COLOR-PRIMARY-050);
}
.u-theme-color-secondary-500 {
  color: var(--THEME-COLOR-SECONDARY-500);
}
.u-theme-color-secondary-450 {
  color: var(--THEME-COLOR-SECONDARY-450);
}
.u-theme-color-secondary-400 {
  color: var(--THEME-COLOR-SECONDARY-400);
}
.u-theme-color-secondary-300 {
  color: var(--THEME-COLOR-SECONDARY-300);
}
.u-theme-color-secondary-200 {
  color: var(--THEME-COLOR-SECONDARY-200);
}
.u-theme-color-secondary-100 {
  color: var(--THEME-COLOR-SECONDARY-100);
}
.u-theme-color-shade-900 {
  color: var(--THEME-COLOR-SHADE-900);
}
.u-theme-color-shade-800 {
  color: var(--THEME-COLOR-SHADE-800);
}
.u-theme-color-shade-700 {
  color: var(--THEME-COLOR-SHADE-700);
}
.u-theme-color-shade-600 {
  color: var(--THEME-COLOR-SHADE-600);
}
.u-theme-color-shade-500 {
  color: var(--THEME-COLOR-SHADE-500);
}
.u-theme-color-shade-400 {
  color: var(--THEME-COLOR-SHADE-400);
}
.u-theme-color-shade-300 {
  color: var(--THEME-COLOR-SHADE-300);
}
.u-theme-color-shade-200 {
  color: var(--THEME-COLOR-SHADE-200);
}
.u-theme-color-shade-100 {
  color: var(--THEME-COLOR-SHADE-100);
}
.u-theme-color-shade-white {
  color: var(--THEME-COLOR-SHADE-WHITE);
}
.u-theme-color-danger-400 {
  color: var(--THEME-COLOR-DANGER-400);
}
.u-theme-color-danger-300 {
  color: var(--THEME-COLOR-DANGER-300);
}
.u-theme-color-danger-200 {
  color: var(--THEME-COLOR-DANGER-200);
}
.u-theme-color-danger-100 {
  color: var(--THEME-COLOR-DANGER-100);
}
.u-theme-color-information-400 {
  color: var(--THEME-COLOR-INFORMATION-400);
}
.u-theme-color-information-300 {
  color: var(--THEME-COLOR-INFORMATION-300);
}
.u-theme-color-information-200 {
  color: var(--THEME-COLOR-INFORMATION-200);
}
.u-theme-color-information-100 {
  color: var(--THEME-COLOR-INFORMATION-100);
}
.u-theme-color-success-400 {
  color: var(--THEME-COLOR-SUCCESS-400);
}
.u-theme-color-success-300 {
  color: var(--THEME-COLOR-SUCCESS-300);
}
.u-theme-color-success-200 {
  color: var(--THEME-COLOR-SUCCESS-200);
}
.u-theme-color-success-100 {
  color: var(--THEME-COLOR-SUCCESS-100);
}
.u-theme-color-warning-400 {
  color: var(--THEME-COLOR-WARNING-400);
}
.u-theme-color-warning-300 {
  color: var(--THEME-COLOR-WARNING-300);
}
.u-theme-color-warning-200 {
  color: var(--THEME-COLOR-WARNING-200);
}
.u-theme-color-warning-100 {
  color: var(--THEME-COLOR-WARNING-100);
}
.u-theme-color-extended-blue-025 {
  color: var(--THEME-COLOR-EXTENDED-BLUE-025);
}
.u-theme-color-extended-blue-050 {
  color: var(--THEME-COLOR-EXTENDED-BLUE-050);
}
.u-theme-color-extended-blue-100 {
  color: var(--THEME-COLOR-EXTENDED-BLUE-100);
}
.u-theme-color-extended-green-025 {
  color: var(--THEME-COLOR-EXTENDED-GREEN-025);
}
.u-theme-color-extended-green-050 {
  color: var(--THEME-COLOR-EXTENDED-GREEN-050);
}
.u-theme-color-extended-green-100 {
  color: var(--THEME-COLOR-EXTENDED-GREEN-100);
}
.u-theme-color-extended-grey-025 {
  color: var(--THEME-COLOR-EXTENDED-GREY-025);
}
.u-theme-color-extended-grey-050 {
  color: var(--THEME-COLOR-EXTENDED-GREY-050);
}
.u-theme-color-extended-grey-100 {
  color: var(--THEME-COLOR-EXTENDED-GREY-100);
}
.u-theme-color-extended-mint-025 {
  color: var(--THEME-COLOR-EXTENDED-MINT-025);
}
.u-theme-color-extended-ocher-025 {
  color: var(--THEME-COLOR-EXTENDED-OCHER-025);
}
.u-theme-color-extended-ocher-050 {
  color: var(--THEME-COLOR-EXTENDED-OCHER-050);
}
.u-theme-color-extended-ocher-100 {
  color: var(--THEME-COLOR-EXTENDED-OCHER-100);
}
.u-theme-color-extended-petrol-010 {
  color: var(--THEME-COLOR-EXTENDED-PETROL-010);
}
.u-theme-color-extended-petrol-025 {
  color: var(--THEME-COLOR-EXTENDED-PETROL-025);
}
.u-theme-color-extended-petrol-050 {
  color: var(--THEME-COLOR-EXTENDED-PETROL-050);
}
.u-theme-color-extended-petrol-075 {
  color: var(--THEME-COLOR-EXTENDED-PETROL-075);
}
.u-theme-color-extended-petrol-100 {
  color: var(--THEME-COLOR-EXTENDED-PETROL-100);
}
.u-theme-color-extended-pink-025 {
  color: var(--THEME-COLOR-EXTENDED-PINK-025);
}
.u-theme-color-extended-pink-050 {
  color: var(--THEME-COLOR-EXTENDED-PINK-050);
}
.u-theme-color-extended-pink-100 {
  color: var(--THEME-COLOR-EXTENDED-PINK-100);
}
.u-theme-color-extended-purple-025 {
  color: var(--THEME-COLOR-EXTENDED-PURPLE-025);
}
.u-theme-color-extended-purple-050 {
  color: var(--THEME-COLOR-EXTENDED-PURPLE-050);
}
.u-theme-color-extended-purple-100 {
  color: var(--THEME-COLOR-EXTENDED-PURPLE-100);
}
.u-theme-color-extended-red-010 {
  color: var(--THEME-COLOR-EXTENDED-RED-010);
}
.u-theme-color-extended-red-025 {
  color: var(--THEME-COLOR-EXTENDED-RED-025);
}
.u-theme-color-extended-red-050 {
  color: var(--THEME-COLOR-EXTENDED-RED-050);
}
.u-theme-color-extended-red-100 {
  color: var(--THEME-COLOR-EXTENDED-RED-100);
}
.u-theme-color-extended-violet-025 {
  color: var(--THEME-COLOR-EXTENDED-VIOLET-025);
}
.u-theme-color-extended-yellow-025 {
  color: var(--THEME-COLOR-EXTENDED-YELLOW-025);
}
.u-bg-color-brand-primary {
  background-color: var(--COLOR-BRAND-PRIMARY, hsl(157, 93%, 28%));
}
.u-bg-color-brand-secondary {
  background-color: var(--COLOR-BRAND-SECONDARY, hsl(47, 100%, 49%));
}
.u-bg-color-brand-shade {
  background-color: var(--COLOR-BRAND-SHADE, hsl(210, 8%, 15%));
}
.u-bg-color-primary-600 {
  background-color: var(--COLOR-PRIMARY-600, hsl(163, 60%, 20%));
}
.u-bg-color-primary-500 {
  background-color: var(--COLOR-PRIMARY-500, hsl(163, 100%, 20%));
}
.u-bg-color-primary-400 {
  background-color: var(--COLOR-PRIMARY-400, hsl(157, 93%, 28%));
}
.u-bg-color-primary-300 {
  background-color: var(--COLOR-PRIMARY-300, hsl(157, 86%, 39%));
}
.u-bg-color-primary-200 {
  background-color: var(--COLOR-PRIMARY-200, hsl(157, 51%, 67%));
}
.u-bg-color-primary-100 {
  background-color: var(--COLOR-PRIMARY-100, hsl(158, 48%, 87%));
}
.u-bg-color-primary-050 {
  background-color: var(--COLOR-PRIMARY-050, hsl(158, 50%, 94%));
}
.u-bg-color-secondary-500 {
  background-color: var(--COLOR-SECONDARY-500, hsl(47, 90%, 28%));
}
.u-bg-color-secondary-450 {
  background-color: var(--COLOR-SECONDARY-450, hsl(47, 95%, 38%));
}
.u-bg-color-secondary-400 {
  background-color: var(--COLOR-SECONDARY-400, hsl(47, 100%, 49%));
}
.u-bg-color-secondary-300 {
  background-color: var(--COLOR-SECONDARY-300, hsl(47, 100%, 65%));
}
.u-bg-color-secondary-200 {
  background-color: var(--COLOR-SECONDARY-200, hsl(47, 100%, 80%));
}
.u-bg-color-secondary-100 {
  background-color: var(--COLOR-SECONDARY-100, hsl(47, 100%, 95%));
}
.u-bg-color-shade-900 {
  background-color: var(--COLOR-SHADE-900, hsl(204, 8%, 12%));
}
.u-bg-color-shade-800 {
  background-color: var(--COLOR-SHADE-800, hsl(210, 8%, 15%));
}
.u-bg-color-shade-800-dark {
  background-color: var(--COLOR-SHADE-800-DARK, hsl(204, 8%, 20%));
}
.u-bg-color-shade-700 {
  background-color: var(--COLOR-SHADE-700, hsl(210, 8%, 20%));
}
.u-bg-color-shade-700-dark {
  background-color: var(--COLOR-SHADE-700-DARK, hsl(210, 8%, 32%));
}
.u-bg-color-shade-600 {
  background-color: var(--COLOR-SHADE-600, hsl(210, 8%, 33%));
}
.u-bg-color-shade-600-dark {
  background-color: var(--COLOR-SHADE-600-DARK, hsl(210, 8%, 44%));
}
.u-bg-color-shade-500 {
  background-color: var(--COLOR-SHADE-500, hsl(209, 9%, 55%));
}
.u-bg-color-shade-400 {
  background-color: var(--COLOR-SHADE-400, hsl(210, 20%, 73%));
}
.u-bg-color-shade-400-dark {
  background-color: var(--COLOR-SHADE-400-DARK, hsl(210, 20%, 76%));
}
.u-bg-color-shade-300 {
  background-color: var(--COLOR-SHADE-300, hsl(208, 26%, 86%));
}
.u-bg-color-shade-300-dark {
  background-color: var(--COLOR-SHADE-300-DARK, hsl(208, 26%, 89%));
}
.u-bg-color-shade-200 {
  background-color: var(--COLOR-SHADE-200, hsl(207, 38%, 91%));
}
.u-bg-color-shade-200-dark {
  background-color: var(--COLOR-SHADE-200-DARK, hsl(207, 38%, 94%));
}
.u-bg-color-shade-100 {
  background-color: var(--COLOR-SHADE-100, hsl(210, 38%, 94%));
}
.u-bg-color-shade-100-dark {
  background-color: var(--COLOR-SHADE-100-DARK, hsl(210, 38%, 97%));
}
.u-bg-color-shade-white {
  background-color: var(--COLOR-SHADE-WHITE, hsl(0, 0%, 100%));
}
.u-bg-color-danger-400 {
  background-color: var(--COLOR-DANGER-400, hsl(354, 60%, 33%));
}
.u-bg-color-danger-300 {
  background-color: var(--COLOR-DANGER-300, hsl(354, 57%, 48%));
}
.u-bg-color-danger-200 {
  background-color: var(--COLOR-DANGER-200, hsl(353, 81%, 65%));
}
.u-bg-color-danger-200-dark {
  background-color: var(--COLOR-DANGER-200-DARK, hsl(353, 96%, 72%));
}
.u-bg-color-danger-100 {
  background-color: var(--COLOR-DANGER-100, hsl(356, 100%, 97%));
}
.u-bg-color-information-400 {
  background-color: var(--COLOR-INFORMATION-400, hsl(185, 71%, 22%));
}
.u-bg-color-information-300 {
  background-color: var(--COLOR-INFORMATION-300, hsl(185, 70%, 29%));
}
.u-bg-color-information-200 {
  background-color: var(--COLOR-INFORMATION-200, hsl(185, 54%, 44%));
}
.u-bg-color-information-100 {
  background-color: var(--COLOR-INFORMATION-100, hsl(185, 100%, 93%));
}
.u-bg-color-success-400 {
  background-color: var(--COLOR-SUCCESS-400, hsl(163, 100%, 20%));
}
.u-bg-color-success-300 {
  background-color: var(--COLOR-SUCCESS-300, hsl(157, 93%, 28%));
}
.u-bg-color-success-200 {
  background-color: var(--COLOR-SUCCESS-200, hsl(157, 86%, 39%));
}
.u-bg-color-success-100 {
  background-color: var(--COLOR-SUCCESS-100, hsl(158, 48%, 87%));
}
.u-bg-color-warning-400 {
  background-color: var(--COLOR-WARNING-400, hsl(47, 90%, 28%));
}
.u-bg-color-warning-300 {
  background-color: var(--COLOR-WARNING-300, hsl(47, 100%, 49%));
}
.u-bg-color-warning-200 {
  background-color: var(--COLOR-WARNING-200, hsl(47, 100%, 65%));
}
.u-bg-color-warning-100 {
  background-color: var(--COLOR-WARNING-100, hsl(47, 100%, 95%));
}
.u-bg-color-static-primary-400 {
  background-color: var(--COLOR-STATIC-PRIMARY-400, var(--COLOR-BRAND-PRIMARY, hsl(157, 93%, 28%)));
}
.u-bg-color-static-shade-800 {
  background-color: var(--COLOR-STATIC-SHADE-800, var(--COLOR-BRAND-SHADE, hsl(210, 8%, 15%)));
}
.u-bg-color-static-shade-600 {
  background-color: var(--COLOR-STATIC-SHADE-600, var(--COLOR-SHADE-600, hsl(210, 8%, 33%)));
}
.u-bg-color-static-white {
  background-color: var(--COLOR-STATIC-WHITE, var(--COLOR-SHADE-WHITE, hsl(0, 0%, 100%)));
}
.u-bg-color-static-danger-300 {
  background-color: var(--COLOR-STATIC-DANGER-300, var(--COLOR-DANGER-300, hsl(354, 57%, 48%)));
}
.u-bg-color-static-white-t50 {
  background-color: var(--COLOR-STATIC-WHITE-T50, rgba(255, 255, 255, 0.5));
}
.u-bg-color-static-blue-100 {
  background-color: var(--COLOR-STATIC-BLUE-100, hsl(200, 81%, 85%));
}
.u-bg-color-static-shade-300 {
  background-color: var(--COLOR-STATIC-SHADE-300, hsl(208, 26%, 89%));
}
.u-bg-color-static-petrol-150 {
  background-color: var(--COLOR-STATIC-PETROL-150, hsl(185, 33%, 76%));
}
.u-bg-color-extended-blue-025-light {
  background-color: var(--COLOR-EXTENDED-BLUE-025-LIGHT, hsl(220, 61%, 86%));
}
.u-bg-color-extended-blue-025-dark {
  background-color: var(--COLOR-EXTENDED-BLUE-025-DARK, hsl(225, 49%, 29%));
}
.u-bg-color-extended-blue-050-light {
  background-color: var(--COLOR-EXTENDED-BLUE-050-LIGHT, hsl(220, 75%, 56%));
}
.u-bg-color-extended-blue-050-dark {
  background-color: var(--COLOR-EXTENDED-BLUE-050-DARK, hsl(227, 100%, 69%));
}
.u-bg-color-extended-blue-100-light {
  background-color: var(--COLOR-EXTENDED-BLUE-100-LIGHT, hsl(240, 68%, 53%));
}
.u-bg-color-extended-blue-100-dark {
  background-color: var(--COLOR-EXTENDED-BLUE-100-DARK, hsl(220, 79%, 76%));
}
.u-bg-color-extended-green-025-light {
  background-color: var(--COLOR-EXTENDED-GREEN-025-LIGHT, hsl(87, 30%, 79%));
}
.u-bg-color-extended-green-025-dark {
  background-color: var(--COLOR-EXTENDED-GREEN-025-DARK, hsl(118, 20%, 24%));
}
.u-bg-color-extended-green-050-light {
  background-color: var(--COLOR-EXTENDED-GREEN-050-LIGHT, hsl(87, 100%, 26%));
}
.u-bg-color-extended-green-050-dark {
  background-color: var(--COLOR-EXTENDED-GREEN-050-DARK, hsl(107, 43%, 49%));
}
.u-bg-color-extended-green-100-light {
  background-color: var(--COLOR-EXTENDED-GREEN-100-LIGHT, hsl(84, 100%, 20%));
}
.u-bg-color-extended-green-100-dark {
  background-color: var(--COLOR-EXTENDED-GREEN-100-DARK, hsl(85, 45%, 64%));
}
.u-bg-color-extended-grey-025-light {
  background-color: var(--COLOR-EXTENDED-GREY-025-LIGHT, hsl(0, 0%, 84%));
}
.u-bg-color-extended-grey-025-dark {
  background-color: var(--COLOR-EXTENDED-GREY-025-DARK, hsl(213, 15%, 31%));
}
.u-bg-color-extended-grey-050-light {
  background-color: var(--COLOR-EXTENDED-GREY-050-LIGHT, hsl(0, 0%, 46%));
}
.u-bg-color-extended-grey-050-dark {
  background-color: var(--COLOR-EXTENDED-GREY-050-DARK, hsl(0, 0%, 55%));
}
.u-bg-color-extended-grey-100-light {
  background-color: var(--COLOR-EXTENDED-GREY-100-LIGHT, hsl(210, 8%, 20%));
}
.u-bg-color-extended-grey-100-dark {
  background-color: var(--COLOR-EXTENDED-GREY-100-DARK, hsl(0, 0%, 83%));
}
.u-bg-color-extended-mint-025-light {
  background-color: var(--COLOR-EXTENDED-MINT-025-LIGHT, hsl(157, 53%, 78%));
}
.u-bg-color-extended-mint-025-dark {
  background-color: var(--COLOR-EXTENDED-MINT-025-DARK, hsl(157, 54%, 33%));
}
.u-bg-color-extended-ocher-025-light {
  background-color: var(--COLOR-EXTENDED-OCHER-025-LIGHT, hsl(34, 97%, 86%));
}
.u-bg-color-extended-ocher-025-dark {
  background-color: var(--COLOR-EXTENDED-OCHER-025-DARK, hsl(24, 92%, 31%));
}
.u-bg-color-extended-ocher-050-light {
  background-color: var(--COLOR-EXTENDED-OCHER-050-LIGHT, hsl(35, 68%, 53%));
}
.u-bg-color-extended-ocher-050-dark {
  background-color: var(--COLOR-EXTENDED-OCHER-050-DARK, hsl(35, 60%, 50%));
}
.u-bg-color-extended-ocher-100-light {
  background-color: var(--COLOR-EXTENDED-OCHER-100-LIGHT, hsl(33, 89%, 36%));
}
.u-bg-color-extended-ocher-100-dark {
  background-color: var(--COLOR-EXTENDED-OCHER-100-DARK, hsl(40, 51%, 64%));
}
.u-bg-color-extended-petrol-010-light {
  background-color: var(--COLOR-EXTENDED-PETROL-010-LIGHT, hsl(185, 100%, 93%));
}
.u-bg-color-extended-petrol-010-dark {
  background-color: var(--COLOR-EXTENDED-PETROL-010-DARK, hsl(185, 86%, 22%));
}
.u-bg-color-extended-petrol-025-light {
  background-color: var(--COLOR-EXTENDED-PETROL-025-LIGHT, hsl(180, 29%, 79%));
}
.u-bg-color-extended-petrol-025-dark {
  background-color: var(--COLOR-EXTENDED-PETROL-025-DARK, hsl(185, 54%, 18%));
}
.u-bg-color-extended-petrol-050-light {
  background-color: var(--COLOR-EXTENDED-PETROL-050-LIGHT, hsl(180, 90%, 27%));
}
.u-bg-color-extended-petrol-050-dark {
  background-color: var(--COLOR-EXTENDED-PETROL-050-DARK, hsl(180, 74%, 40%));
}
.u-bg-color-extended-petrol-075-light {
  background-color: var(--COLOR-EXTENDED-PETROL-075-LIGHT, hsl(180, 92%, 23%));
}
.u-bg-color-extended-petrol-075-dark {
  background-color: var(--COLOR-EXTENDED-PETROL-075-DARK, hsl(180, 66%, 55%));
}
.u-bg-color-extended-petrol-100-light {
  background-color: var(--COLOR-EXTENDED-PETROL-100-LIGHT, hsl(189, 100%, 21%));
}
.u-bg-color-extended-petrol-100-dark {
  background-color: var(--COLOR-EXTENDED-PETROL-100-DARK, hsl(180, 41%, 66%));
}
.u-bg-color-extended-pink-025-light {
  background-color: var(--COLOR-EXTENDED-PINK-025-LIGHT, hsl(321, 45%, 85%));
}
.u-bg-color-extended-pink-025-dark {
  background-color: var(--COLOR-EXTENDED-PINK-025-DARK, hsl(310, 27%, 26%));
}
.u-bg-color-extended-pink-050-light {
  background-color: var(--COLOR-EXTENDED-PINK-050-LIGHT, hsl(320, 54%, 51%));
}
.u-bg-color-extended-pink-050-dark {
  background-color: var(--COLOR-EXTENDED-PINK-050-DARK, hsl(316, 86%, 64%));
}
.u-bg-color-extended-pink-100-light {
  background-color: var(--COLOR-EXTENDED-PINK-100-LIGHT, hsl(320, 82%, 33%));
}
.u-bg-color-extended-pink-100-dark {
  background-color: var(--COLOR-EXTENDED-PINK-100-DARK, hsl(319, 67%, 69%));
}
.u-bg-color-extended-purple-025-light {
  background-color: var(--COLOR-EXTENDED-PURPLE-025-LIGHT, hsl(280, 61%, 86%));
}
.u-bg-color-extended-purple-025-dark {
  background-color: var(--COLOR-EXTENDED-PURPLE-025-DARK, hsl(271, 30%, 28%));
}
.u-bg-color-extended-purple-050-light {
  background-color: var(--COLOR-EXTENDED-PURPLE-050-LIGHT, hsl(280, 77%, 56%));
}
.u-bg-color-extended-purple-050-dark {
  background-color: var(--COLOR-EXTENDED-PURPLE-050-DARK, hsl(275, 100%, 68%));
}
.u-bg-color-extended-purple-100-light {
  background-color: var(--COLOR-EXTENDED-PURPLE-100-LIGHT, hsl(280, 100%, 34%));
}
.u-bg-color-extended-purple-100-dark {
  background-color: var(--COLOR-EXTENDED-PURPLE-100-DARK, hsl(260, 100%, 83%));
}
.u-bg-color-extended-red-010-light {
  background-color: var(--COLOR-EXTENDED-RED-010-LIGHT, hsl(356, 100%, 97%));
}
.u-bg-color-extended-red-010-dark {
  background-color: var(--COLOR-EXTENDED-RED-010-DARK, hsl(352, 50%, 36%));
}
.u-bg-color-extended-red-025-light {
  background-color: var(--COLOR-EXTENDED-RED-025-LIGHT, hsl(0, 51%, 86%));
}
.u-bg-color-extended-red-025-dark {
  background-color: var(--COLOR-EXTENDED-RED-025-DARK, hsl(352, 58%, 22%));
}
.u-bg-color-extended-red-050-light {
  background-color: var(--COLOR-EXTENDED-RED-050-LIGHT, hsl(0, 63%, 54%));
}
.u-bg-color-extended-red-050-dark {
  background-color: var(--COLOR-EXTENDED-RED-050-DARK, hsl(0, 100%, 64%));
}
.u-bg-color-extended-red-100-light {
  background-color: var(--COLOR-EXTENDED-RED-100-LIGHT, hsl(0, 100%, 33%));
}
.u-bg-color-extended-red-100-dark {
  background-color: var(--COLOR-EXTENDED-RED-100-DARK, hsl(0, 100%, 72%));
}
.u-bg-color-extended-violet-025-light {
  background-color: var(--COLOR-EXTENDED-VIOLET-025-LIGHT, hsl(240, 54%, 85%));
}
.u-bg-color-extended-violet-025-dark {
  background-color: var(--COLOR-EXTENDED-VIOLET-025-DARK, hsl(274, 86%, 22%));
}
.u-bg-color-extended-yellow-025-light {
  background-color: var(--COLOR-EXTENDED-YELLOW-025-LIGHT, hsl(47, 100%, 83%));
}
.u-bg-color-extended-yellow-025-dark {
  background-color: var(--COLOR-EXTENDED-YELLOW-025-DARK, hsl(35, 77%, 33%));
}
.u-bg-color-extended-blue-400 {
  background-color: var(--COLOR-EXTENDED-BLUE-400, hsl(200, 71%, 22%));
}
.u-bg-color-extended-blue-300 {
  background-color: var(--COLOR-EXTENDED-BLUE-300, hsl(200, 66%, 39%));
}
.u-bg-color-extended-blue-200 {
  background-color: var(--COLOR-EXTENDED-BLUE-200, hsl(200, 54%, 62%));
}
.u-bg-color-extended-blue-100 {
  background-color: var(--COLOR-EXTENDED-BLUE-100, hsl(200, 100%, 93%));
}
.u-theme-bg-color-primary-dark {
  background-color: var(--THEME-COLOR-PRIMARY-DARK);
}
.u-theme-bg-color-primary-500 {
  background-color: var(--THEME-COLOR-PRIMARY-500);
}
.u-theme-bg-color-primary-400 {
  background-color: var(--THEME-COLOR-PRIMARY-400);
}
.u-theme-bg-color-primary-300 {
  background-color: var(--THEME-COLOR-PRIMARY-300);
}
.u-theme-bg-color-primary-200 {
  background-color: var(--THEME-COLOR-PRIMARY-200);
}
.u-theme-bg-color-primary-100 {
  background-color: var(--THEME-COLOR-PRIMARY-100);
}
.u-theme-bg-color-primary-050 {
  background-color: var(--THEME-COLOR-PRIMARY-050);
}
.u-theme-bg-color-secondary-500 {
  background-color: var(--THEME-COLOR-SECONDARY-500);
}
.u-theme-bg-color-secondary-450 {
  background-color: var(--THEME-COLOR-SECONDARY-450);
}
.u-theme-bg-color-secondary-400 {
  background-color: var(--THEME-COLOR-SECONDARY-400);
}
.u-theme-bg-color-secondary-300 {
  background-color: var(--THEME-COLOR-SECONDARY-300);
}
.u-theme-bg-color-secondary-200 {
  background-color: var(--THEME-COLOR-SECONDARY-200);
}
.u-theme-bg-color-secondary-100 {
  background-color: var(--THEME-COLOR-SECONDARY-100);
}
.u-theme-bg-color-shade-900 {
  background-color: var(--THEME-COLOR-SHADE-900);
}
.u-theme-bg-color-shade-800 {
  background-color: var(--THEME-COLOR-SHADE-800);
}
.u-theme-bg-color-shade-700 {
  background-color: var(--THEME-COLOR-SHADE-700);
}
.u-theme-bg-color-shade-600 {
  background-color: var(--THEME-COLOR-SHADE-600);
}
.u-theme-bg-color-shade-500 {
  background-color: var(--THEME-COLOR-SHADE-500);
}
.u-theme-bg-color-shade-400 {
  background-color: var(--THEME-COLOR-SHADE-400);
}
.u-theme-bg-color-shade-300 {
  background-color: var(--THEME-COLOR-SHADE-300);
}
.u-theme-bg-color-shade-200 {
  background-color: var(--THEME-COLOR-SHADE-200);
}
.u-theme-bg-color-shade-100 {
  background-color: var(--THEME-COLOR-SHADE-100);
}
.u-theme-bg-color-shade-white {
  background-color: var(--THEME-COLOR-SHADE-WHITE);
}
.u-theme-bg-color-danger-400 {
  background-color: var(--THEME-COLOR-DANGER-400);
}
.u-theme-bg-color-danger-300 {
  background-color: var(--THEME-COLOR-DANGER-300);
}
.u-theme-bg-color-danger-200 {
  background-color: var(--THEME-COLOR-DANGER-200);
}
.u-theme-bg-color-danger-100 {
  background-color: var(--THEME-COLOR-DANGER-100);
}
.u-theme-bg-color-information-400 {
  background-color: var(--THEME-COLOR-INFORMATION-400);
}
.u-theme-bg-color-information-300 {
  background-color: var(--THEME-COLOR-INFORMATION-300);
}
.u-theme-bg-color-information-200 {
  background-color: var(--THEME-COLOR-INFORMATION-200);
}
.u-theme-bg-color-information-100 {
  background-color: var(--THEME-COLOR-INFORMATION-100);
}
.u-theme-bg-color-success-400 {
  background-color: var(--THEME-COLOR-SUCCESS-400);
}
.u-theme-bg-color-success-300 {
  background-color: var(--THEME-COLOR-SUCCESS-300);
}
.u-theme-bg-color-success-200 {
  background-color: var(--THEME-COLOR-SUCCESS-200);
}
.u-theme-bg-color-success-100 {
  background-color: var(--THEME-COLOR-SUCCESS-100);
}
.u-theme-bg-color-warning-400 {
  background-color: var(--THEME-COLOR-WARNING-400);
}
.u-theme-bg-color-warning-300 {
  background-color: var(--THEME-COLOR-WARNING-300);
}
.u-theme-bg-color-warning-200 {
  background-color: var(--THEME-COLOR-WARNING-200);
}
.u-theme-bg-color-warning-100 {
  background-color: var(--THEME-COLOR-WARNING-100);
}
.u-theme-bg-color-extended-blue-025 {
  background-color: var(--THEME-COLOR-EXTENDED-BLUE-025);
}
.u-theme-bg-color-extended-blue-050 {
  background-color: var(--THEME-COLOR-EXTENDED-BLUE-050);
}
.u-theme-bg-color-extended-blue-100 {
  background-color: var(--THEME-COLOR-EXTENDED-BLUE-100);
}
.u-theme-bg-color-extended-green-025 {
  background-color: var(--THEME-COLOR-EXTENDED-GREEN-025);
}
.u-theme-bg-color-extended-green-050 {
  background-color: var(--THEME-COLOR-EXTENDED-GREEN-050);
}
.u-theme-bg-color-extended-green-100 {
  background-color: var(--THEME-COLOR-EXTENDED-GREEN-100);
}
.u-theme-bg-color-extended-grey-025 {
  background-color: var(--THEME-COLOR-EXTENDED-GREY-025);
}
.u-theme-bg-color-extended-grey-050 {
  background-color: var(--THEME-COLOR-EXTENDED-GREY-050);
}
.u-theme-bg-color-extended-grey-100 {
  background-color: var(--THEME-COLOR-EXTENDED-GREY-100);
}
.u-theme-bg-color-extended-mint-025 {
  background-color: var(--THEME-COLOR-EXTENDED-MINT-025);
}
.u-theme-bg-color-extended-ocher-025 {
  background-color: var(--THEME-COLOR-EXTENDED-OCHER-025);
}
.u-theme-bg-color-extended-ocher-050 {
  background-color: var(--THEME-COLOR-EXTENDED-OCHER-050);
}
.u-theme-bg-color-extended-ocher-100 {
  background-color: var(--THEME-COLOR-EXTENDED-OCHER-100);
}
.u-theme-bg-color-extended-petrol-010 {
  background-color: var(--THEME-COLOR-EXTENDED-PETROL-010);
}
.u-theme-bg-color-extended-petrol-025 {
  background-color: var(--THEME-COLOR-EXTENDED-PETROL-025);
}
.u-theme-bg-color-extended-petrol-050 {
  background-color: var(--THEME-COLOR-EXTENDED-PETROL-050);
}
.u-theme-bg-color-extended-petrol-075 {
  background-color: var(--THEME-COLOR-EXTENDED-PETROL-075);
}
.u-theme-bg-color-extended-petrol-100 {
  background-color: var(--THEME-COLOR-EXTENDED-PETROL-100);
}
.u-theme-bg-color-extended-pink-025 {
  background-color: var(--THEME-COLOR-EXTENDED-PINK-025);
}
.u-theme-bg-color-extended-pink-050 {
  background-color: var(--THEME-COLOR-EXTENDED-PINK-050);
}
.u-theme-bg-color-extended-pink-100 {
  background-color: var(--THEME-COLOR-EXTENDED-PINK-100);
}
.u-theme-bg-color-extended-purple-025 {
  background-color: var(--THEME-COLOR-EXTENDED-PURPLE-025);
}
.u-theme-bg-color-extended-purple-050 {
  background-color: var(--THEME-COLOR-EXTENDED-PURPLE-050);
}
.u-theme-bg-color-extended-purple-100 {
  background-color: var(--THEME-COLOR-EXTENDED-PURPLE-100);
}
.u-theme-bg-color-extended-red-010 {
  background-color: var(--THEME-COLOR-EXTENDED-RED-010);
}
.u-theme-bg-color-extended-red-025 {
  background-color: var(--THEME-COLOR-EXTENDED-RED-025);
}
.u-theme-bg-color-extended-red-050 {
  background-color: var(--THEME-COLOR-EXTENDED-RED-050);
}
.u-theme-bg-color-extended-red-100 {
  background-color: var(--THEME-COLOR-EXTENDED-RED-100);
}
.u-theme-bg-color-extended-violet-025 {
  background-color: var(--THEME-COLOR-EXTENDED-VIOLET-025);
}
.u-theme-bg-color-extended-yellow-025 {
  background-color: var(--THEME-COLOR-EXTENDED-YELLOW-025);
}
.u-border-color-brand-primary {
  border-color: var(--COLOR-BRAND-PRIMARY, hsl(157, 93%, 28%));
}
.u-border-color-brand-secondary {
  border-color: var(--COLOR-BRAND-SECONDARY, hsl(47, 100%, 49%));
}
.u-border-color-brand-shade {
  border-color: var(--COLOR-BRAND-SHADE, hsl(210, 8%, 15%));
}
.u-border-color-primary-600 {
  border-color: var(--COLOR-PRIMARY-600, hsl(163, 60%, 20%));
}
.u-border-color-primary-500 {
  border-color: var(--COLOR-PRIMARY-500, hsl(163, 100%, 20%));
}
.u-border-color-primary-400 {
  border-color: var(--COLOR-PRIMARY-400, hsl(157, 93%, 28%));
}
.u-border-color-primary-300 {
  border-color: var(--COLOR-PRIMARY-300, hsl(157, 86%, 39%));
}
.u-border-color-primary-200 {
  border-color: var(--COLOR-PRIMARY-200, hsl(157, 51%, 67%));
}
.u-border-color-primary-100 {
  border-color: var(--COLOR-PRIMARY-100, hsl(158, 48%, 87%));
}
.u-border-color-primary-050 {
  border-color: var(--COLOR-PRIMARY-050, hsl(158, 50%, 94%));
}
.u-border-color-secondary-500 {
  border-color: var(--COLOR-SECONDARY-500, hsl(47, 90%, 28%));
}
.u-border-color-secondary-450 {
  border-color: var(--COLOR-SECONDARY-450, hsl(47, 95%, 38%));
}
.u-border-color-secondary-400 {
  border-color: var(--COLOR-SECONDARY-400, hsl(47, 100%, 49%));
}
.u-border-color-secondary-300 {
  border-color: var(--COLOR-SECONDARY-300, hsl(47, 100%, 65%));
}
.u-border-color-secondary-200 {
  border-color: var(--COLOR-SECONDARY-200, hsl(47, 100%, 80%));
}
.u-border-color-secondary-100 {
  border-color: var(--COLOR-SECONDARY-100, hsl(47, 100%, 95%));
}
.u-border-color-shade-900 {
  border-color: var(--COLOR-SHADE-900, hsl(204, 8%, 12%));
}
.u-border-color-shade-800 {
  border-color: var(--COLOR-SHADE-800, hsl(210, 8%, 15%));
}
.u-border-color-shade-800-dark {
  border-color: var(--COLOR-SHADE-800-DARK, hsl(204, 8%, 20%));
}
.u-border-color-shade-700 {
  border-color: var(--COLOR-SHADE-700, hsl(210, 8%, 20%));
}
.u-border-color-shade-700-dark {
  border-color: var(--COLOR-SHADE-700-DARK, hsl(210, 8%, 32%));
}
.u-border-color-shade-600 {
  border-color: var(--COLOR-SHADE-600, hsl(210, 8%, 33%));
}
.u-border-color-shade-600-dark {
  border-color: var(--COLOR-SHADE-600-DARK, hsl(210, 8%, 44%));
}
.u-border-color-shade-500 {
  border-color: var(--COLOR-SHADE-500, hsl(209, 9%, 55%));
}
.u-border-color-shade-400 {
  border-color: var(--COLOR-SHADE-400, hsl(210, 20%, 73%));
}
.u-border-color-shade-400-dark {
  border-color: var(--COLOR-SHADE-400-DARK, hsl(210, 20%, 76%));
}
.u-border-color-shade-300 {
  border-color: var(--COLOR-SHADE-300, hsl(208, 26%, 86%));
}
.u-border-color-shade-300-dark {
  border-color: var(--COLOR-SHADE-300-DARK, hsl(208, 26%, 89%));
}
.u-border-color-shade-200 {
  border-color: var(--COLOR-SHADE-200, hsl(207, 38%, 91%));
}
.u-border-color-shade-200-dark {
  border-color: var(--COLOR-SHADE-200-DARK, hsl(207, 38%, 94%));
}
.u-border-color-shade-100 {
  border-color: var(--COLOR-SHADE-100, hsl(210, 38%, 94%));
}
.u-border-color-shade-100-dark {
  border-color: var(--COLOR-SHADE-100-DARK, hsl(210, 38%, 97%));
}
.u-border-color-shade-white {
  border-color: var(--COLOR-SHADE-WHITE, hsl(0, 0%, 100%));
}
.u-border-color-danger-400 {
  border-color: var(--COLOR-DANGER-400, hsl(354, 60%, 33%));
}
.u-border-color-danger-300 {
  border-color: var(--COLOR-DANGER-300, hsl(354, 57%, 48%));
}
.u-border-color-danger-200 {
  border-color: var(--COLOR-DANGER-200, hsl(353, 81%, 65%));
}
.u-border-color-danger-200-dark {
  border-color: var(--COLOR-DANGER-200-DARK, hsl(353, 96%, 72%));
}
.u-border-color-danger-100 {
  border-color: var(--COLOR-DANGER-100, hsl(356, 100%, 97%));
}
.u-border-color-information-400 {
  border-color: var(--COLOR-INFORMATION-400, hsl(185, 71%, 22%));
}
.u-border-color-information-300 {
  border-color: var(--COLOR-INFORMATION-300, hsl(185, 70%, 29%));
}
.u-border-color-information-200 {
  border-color: var(--COLOR-INFORMATION-200, hsl(185, 54%, 44%));
}
.u-border-color-information-100 {
  border-color: var(--COLOR-INFORMATION-100, hsl(185, 100%, 93%));
}
.u-border-color-success-400 {
  border-color: var(--COLOR-SUCCESS-400, hsl(163, 100%, 20%));
}
.u-border-color-success-300 {
  border-color: var(--COLOR-SUCCESS-300, hsl(157, 93%, 28%));
}
.u-border-color-success-200 {
  border-color: var(--COLOR-SUCCESS-200, hsl(157, 86%, 39%));
}
.u-border-color-success-100 {
  border-color: var(--COLOR-SUCCESS-100, hsl(158, 48%, 87%));
}
.u-border-color-warning-400 {
  border-color: var(--COLOR-WARNING-400, hsl(47, 90%, 28%));
}
.u-border-color-warning-300 {
  border-color: var(--COLOR-WARNING-300, hsl(47, 100%, 49%));
}
.u-border-color-warning-200 {
  border-color: var(--COLOR-WARNING-200, hsl(47, 100%, 65%));
}
.u-border-color-warning-100 {
  border-color: var(--COLOR-WARNING-100, hsl(47, 100%, 95%));
}
.u-border-color-static-primary-400 {
  border-color: var(--COLOR-STATIC-PRIMARY-400, var(--COLOR-BRAND-PRIMARY, hsl(157, 93%, 28%)));
}
.u-border-color-static-shade-800 {
  border-color: var(--COLOR-STATIC-SHADE-800, var(--COLOR-BRAND-SHADE, hsl(210, 8%, 15%)));
}
.u-border-color-static-shade-600 {
  border-color: var(--COLOR-STATIC-SHADE-600, var(--COLOR-SHADE-600, hsl(210, 8%, 33%)));
}
.u-border-color-static-white {
  border-color: var(--COLOR-STATIC-WHITE, var(--COLOR-SHADE-WHITE, hsl(0, 0%, 100%)));
}
.u-border-color-static-danger-300 {
  border-color: var(--COLOR-STATIC-DANGER-300, var(--COLOR-DANGER-300, hsl(354, 57%, 48%)));
}
.u-border-color-static-white-t50 {
  border-color: var(--COLOR-STATIC-WHITE-T50, rgba(255, 255, 255, 0.5));
}
.u-border-color-static-blue-100 {
  border-color: var(--COLOR-STATIC-BLUE-100, hsl(200, 81%, 85%));
}
.u-border-color-static-shade-300 {
  border-color: var(--COLOR-STATIC-SHADE-300, hsl(208, 26%, 89%));
}
.u-border-color-static-petrol-150 {
  border-color: var(--COLOR-STATIC-PETROL-150, hsl(185, 33%, 76%));
}
.u-border-color-extended-blue-025-light {
  border-color: var(--COLOR-EXTENDED-BLUE-025-LIGHT, hsl(220, 61%, 86%));
}
.u-border-color-extended-blue-025-dark {
  border-color: var(--COLOR-EXTENDED-BLUE-025-DARK, hsl(225, 49%, 29%));
}
.u-border-color-extended-blue-050-light {
  border-color: var(--COLOR-EXTENDED-BLUE-050-LIGHT, hsl(220, 75%, 56%));
}
.u-border-color-extended-blue-050-dark {
  border-color: var(--COLOR-EXTENDED-BLUE-050-DARK, hsl(227, 100%, 69%));
}
.u-border-color-extended-blue-100-light {
  border-color: var(--COLOR-EXTENDED-BLUE-100-LIGHT, hsl(240, 68%, 53%));
}
.u-border-color-extended-blue-100-dark {
  border-color: var(--COLOR-EXTENDED-BLUE-100-DARK, hsl(220, 79%, 76%));
}
.u-border-color-extended-green-025-light {
  border-color: var(--COLOR-EXTENDED-GREEN-025-LIGHT, hsl(87, 30%, 79%));
}
.u-border-color-extended-green-025-dark {
  border-color: var(--COLOR-EXTENDED-GREEN-025-DARK, hsl(118, 20%, 24%));
}
.u-border-color-extended-green-050-light {
  border-color: var(--COLOR-EXTENDED-GREEN-050-LIGHT, hsl(87, 100%, 26%));
}
.u-border-color-extended-green-050-dark {
  border-color: var(--COLOR-EXTENDED-GREEN-050-DARK, hsl(107, 43%, 49%));
}
.u-border-color-extended-green-100-light {
  border-color: var(--COLOR-EXTENDED-GREEN-100-LIGHT, hsl(84, 100%, 20%));
}
.u-border-color-extended-green-100-dark {
  border-color: var(--COLOR-EXTENDED-GREEN-100-DARK, hsl(85, 45%, 64%));
}
.u-border-color-extended-grey-025-light {
  border-color: var(--COLOR-EXTENDED-GREY-025-LIGHT, hsl(0, 0%, 84%));
}
.u-border-color-extended-grey-025-dark {
  border-color: var(--COLOR-EXTENDED-GREY-025-DARK, hsl(213, 15%, 31%));
}
.u-border-color-extended-grey-050-light {
  border-color: var(--COLOR-EXTENDED-GREY-050-LIGHT, hsl(0, 0%, 46%));
}
.u-border-color-extended-grey-050-dark {
  border-color: var(--COLOR-EXTENDED-GREY-050-DARK, hsl(0, 0%, 55%));
}
.u-border-color-extended-grey-100-light {
  border-color: var(--COLOR-EXTENDED-GREY-100-LIGHT, hsl(210, 8%, 20%));
}
.u-border-color-extended-grey-100-dark {
  border-color: var(--COLOR-EXTENDED-GREY-100-DARK, hsl(0, 0%, 83%));
}
.u-border-color-extended-mint-025-light {
  border-color: var(--COLOR-EXTENDED-MINT-025-LIGHT, hsl(157, 53%, 78%));
}
.u-border-color-extended-mint-025-dark {
  border-color: var(--COLOR-EXTENDED-MINT-025-DARK, hsl(157, 54%, 33%));
}
.u-border-color-extended-ocher-025-light {
  border-color: var(--COLOR-EXTENDED-OCHER-025-LIGHT, hsl(34, 97%, 86%));
}
.u-border-color-extended-ocher-025-dark {
  border-color: var(--COLOR-EXTENDED-OCHER-025-DARK, hsl(24, 92%, 31%));
}
.u-border-color-extended-ocher-050-light {
  border-color: var(--COLOR-EXTENDED-OCHER-050-LIGHT, hsl(35, 68%, 53%));
}
.u-border-color-extended-ocher-050-dark {
  border-color: var(--COLOR-EXTENDED-OCHER-050-DARK, hsl(35, 60%, 50%));
}
.u-border-color-extended-ocher-100-light {
  border-color: var(--COLOR-EXTENDED-OCHER-100-LIGHT, hsl(33, 89%, 36%));
}
.u-border-color-extended-ocher-100-dark {
  border-color: var(--COLOR-EXTENDED-OCHER-100-DARK, hsl(40, 51%, 64%));
}
.u-border-color-extended-petrol-010-light {
  border-color: var(--COLOR-EXTENDED-PETROL-010-LIGHT, hsl(185, 100%, 93%));
}
.u-border-color-extended-petrol-010-dark {
  border-color: var(--COLOR-EXTENDED-PETROL-010-DARK, hsl(185, 86%, 22%));
}
.u-border-color-extended-petrol-025-light {
  border-color: var(--COLOR-EXTENDED-PETROL-025-LIGHT, hsl(180, 29%, 79%));
}
.u-border-color-extended-petrol-025-dark {
  border-color: var(--COLOR-EXTENDED-PETROL-025-DARK, hsl(185, 54%, 18%));
}
.u-border-color-extended-petrol-050-light {
  border-color: var(--COLOR-EXTENDED-PETROL-050-LIGHT, hsl(180, 90%, 27%));
}
.u-border-color-extended-petrol-050-dark {
  border-color: var(--COLOR-EXTENDED-PETROL-050-DARK, hsl(180, 74%, 40%));
}
.u-border-color-extended-petrol-075-light {
  border-color: var(--COLOR-EXTENDED-PETROL-075-LIGHT, hsl(180, 92%, 23%));
}
.u-border-color-extended-petrol-075-dark {
  border-color: var(--COLOR-EXTENDED-PETROL-075-DARK, hsl(180, 66%, 55%));
}
.u-border-color-extended-petrol-100-light {
  border-color: var(--COLOR-EXTENDED-PETROL-100-LIGHT, hsl(189, 100%, 21%));
}
.u-border-color-extended-petrol-100-dark {
  border-color: var(--COLOR-EXTENDED-PETROL-100-DARK, hsl(180, 41%, 66%));
}
.u-border-color-extended-pink-025-light {
  border-color: var(--COLOR-EXTENDED-PINK-025-LIGHT, hsl(321, 45%, 85%));
}
.u-border-color-extended-pink-025-dark {
  border-color: var(--COLOR-EXTENDED-PINK-025-DARK, hsl(310, 27%, 26%));
}
.u-border-color-extended-pink-050-light {
  border-color: var(--COLOR-EXTENDED-PINK-050-LIGHT, hsl(320, 54%, 51%));
}
.u-border-color-extended-pink-050-dark {
  border-color: var(--COLOR-EXTENDED-PINK-050-DARK, hsl(316, 86%, 64%));
}
.u-border-color-extended-pink-100-light {
  border-color: var(--COLOR-EXTENDED-PINK-100-LIGHT, hsl(320, 82%, 33%));
}
.u-border-color-extended-pink-100-dark {
  border-color: var(--COLOR-EXTENDED-PINK-100-DARK, hsl(319, 67%, 69%));
}
.u-border-color-extended-purple-025-light {
  border-color: var(--COLOR-EXTENDED-PURPLE-025-LIGHT, hsl(280, 61%, 86%));
}
.u-border-color-extended-purple-025-dark {
  border-color: var(--COLOR-EXTENDED-PURPLE-025-DARK, hsl(271, 30%, 28%));
}
.u-border-color-extended-purple-050-light {
  border-color: var(--COLOR-EXTENDED-PURPLE-050-LIGHT, hsl(280, 77%, 56%));
}
.u-border-color-extended-purple-050-dark {
  border-color: var(--COLOR-EXTENDED-PURPLE-050-DARK, hsl(275, 100%, 68%));
}
.u-border-color-extended-purple-100-light {
  border-color: var(--COLOR-EXTENDED-PURPLE-100-LIGHT, hsl(280, 100%, 34%));
}
.u-border-color-extended-purple-100-dark {
  border-color: var(--COLOR-EXTENDED-PURPLE-100-DARK, hsl(260, 100%, 83%));
}
.u-border-color-extended-red-010-light {
  border-color: var(--COLOR-EXTENDED-RED-010-LIGHT, hsl(356, 100%, 97%));
}
.u-border-color-extended-red-010-dark {
  border-color: var(--COLOR-EXTENDED-RED-010-DARK, hsl(352, 50%, 36%));
}
.u-border-color-extended-red-025-light {
  border-color: var(--COLOR-EXTENDED-RED-025-LIGHT, hsl(0, 51%, 86%));
}
.u-border-color-extended-red-025-dark {
  border-color: var(--COLOR-EXTENDED-RED-025-DARK, hsl(352, 58%, 22%));
}
.u-border-color-extended-red-050-light {
  border-color: var(--COLOR-EXTENDED-RED-050-LIGHT, hsl(0, 63%, 54%));
}
.u-border-color-extended-red-050-dark {
  border-color: var(--COLOR-EXTENDED-RED-050-DARK, hsl(0, 100%, 64%));
}
.u-border-color-extended-red-100-light {
  border-color: var(--COLOR-EXTENDED-RED-100-LIGHT, hsl(0, 100%, 33%));
}
.u-border-color-extended-red-100-dark {
  border-color: var(--COLOR-EXTENDED-RED-100-DARK, hsl(0, 100%, 72%));
}
.u-border-color-extended-violet-025-light {
  border-color: var(--COLOR-EXTENDED-VIOLET-025-LIGHT, hsl(240, 54%, 85%));
}
.u-border-color-extended-violet-025-dark {
  border-color: var(--COLOR-EXTENDED-VIOLET-025-DARK, hsl(274, 86%, 22%));
}
.u-border-color-extended-yellow-025-light {
  border-color: var(--COLOR-EXTENDED-YELLOW-025-LIGHT, hsl(47, 100%, 83%));
}
.u-border-color-extended-yellow-025-dark {
  border-color: var(--COLOR-EXTENDED-YELLOW-025-DARK, hsl(35, 77%, 33%));
}
.u-border-color-extended-blue-400 {
  border-color: var(--COLOR-EXTENDED-BLUE-400, hsl(200, 71%, 22%));
}
.u-border-color-extended-blue-300 {
  border-color: var(--COLOR-EXTENDED-BLUE-300, hsl(200, 66%, 39%));
}
.u-border-color-extended-blue-200 {
  border-color: var(--COLOR-EXTENDED-BLUE-200, hsl(200, 54%, 62%));
}
.u-border-color-extended-blue-100 {
  border-color: var(--COLOR-EXTENDED-BLUE-100, hsl(200, 100%, 93%));
}
.u-theme-border-color-primary-dark {
  border-color: var(--THEME-COLOR-PRIMARY-DARK);
}
.u-theme-border-color-primary-500 {
  border-color: var(--THEME-COLOR-PRIMARY-500);
}
.u-theme-border-color-primary-400 {
  border-color: var(--THEME-COLOR-PRIMARY-400);
}
.u-theme-border-color-primary-300 {
  border-color: var(--THEME-COLOR-PRIMARY-300);
}
.u-theme-border-color-primary-200 {
  border-color: var(--THEME-COLOR-PRIMARY-200);
}
.u-theme-border-color-primary-100 {
  border-color: var(--THEME-COLOR-PRIMARY-100);
}
.u-theme-border-color-primary-050 {
  border-color: var(--THEME-COLOR-PRIMARY-050);
}
.u-theme-border-color-secondary-500 {
  border-color: var(--THEME-COLOR-SECONDARY-500);
}
.u-theme-border-color-secondary-450 {
  border-color: var(--THEME-COLOR-SECONDARY-450);
}
.u-theme-border-color-secondary-400 {
  border-color: var(--THEME-COLOR-SECONDARY-400);
}
.u-theme-border-color-secondary-300 {
  border-color: var(--THEME-COLOR-SECONDARY-300);
}
.u-theme-border-color-secondary-200 {
  border-color: var(--THEME-COLOR-SECONDARY-200);
}
.u-theme-border-color-secondary-100 {
  border-color: var(--THEME-COLOR-SECONDARY-100);
}
.u-theme-border-color-shade-900 {
  border-color: var(--THEME-COLOR-SHADE-900);
}
.u-theme-border-color-shade-800 {
  border-color: var(--THEME-COLOR-SHADE-800);
}
.u-theme-border-color-shade-700 {
  border-color: var(--THEME-COLOR-SHADE-700);
}
.u-theme-border-color-shade-600 {
  border-color: var(--THEME-COLOR-SHADE-600);
}
.u-theme-border-color-shade-500 {
  border-color: var(--THEME-COLOR-SHADE-500);
}
.u-theme-border-color-shade-400 {
  border-color: var(--THEME-COLOR-SHADE-400);
}
.u-theme-border-color-shade-300 {
  border-color: var(--THEME-COLOR-SHADE-300);
}
.u-theme-border-color-shade-200 {
  border-color: var(--THEME-COLOR-SHADE-200);
}
.u-theme-border-color-shade-100 {
  border-color: var(--THEME-COLOR-SHADE-100);
}
.u-theme-border-color-shade-white {
  border-color: var(--THEME-COLOR-SHADE-WHITE);
}
.u-theme-border-color-danger-400 {
  border-color: var(--THEME-COLOR-DANGER-400);
}
.u-theme-border-color-danger-300 {
  border-color: var(--THEME-COLOR-DANGER-300);
}
.u-theme-border-color-danger-200 {
  border-color: var(--THEME-COLOR-DANGER-200);
}
.u-theme-border-color-danger-100 {
  border-color: var(--THEME-COLOR-DANGER-100);
}
.u-theme-border-color-information-400 {
  border-color: var(--THEME-COLOR-INFORMATION-400);
}
.u-theme-border-color-information-300 {
  border-color: var(--THEME-COLOR-INFORMATION-300);
}
.u-theme-border-color-information-200 {
  border-color: var(--THEME-COLOR-INFORMATION-200);
}
.u-theme-border-color-information-100 {
  border-color: var(--THEME-COLOR-INFORMATION-100);
}
.u-theme-border-color-success-400 {
  border-color: var(--THEME-COLOR-SUCCESS-400);
}
.u-theme-border-color-success-300 {
  border-color: var(--THEME-COLOR-SUCCESS-300);
}
.u-theme-border-color-success-200 {
  border-color: var(--THEME-COLOR-SUCCESS-200);
}
.u-theme-border-color-success-100 {
  border-color: var(--THEME-COLOR-SUCCESS-100);
}
.u-theme-border-color-warning-400 {
  border-color: var(--THEME-COLOR-WARNING-400);
}
.u-theme-border-color-warning-300 {
  border-color: var(--THEME-COLOR-WARNING-300);
}
.u-theme-border-color-warning-200 {
  border-color: var(--THEME-COLOR-WARNING-200);
}
.u-theme-border-color-warning-100 {
  border-color: var(--THEME-COLOR-WARNING-100);
}
.u-theme-border-color-extended-blue-025 {
  border-color: var(--THEME-COLOR-EXTENDED-BLUE-025);
}
.u-theme-border-color-extended-blue-050 {
  border-color: var(--THEME-COLOR-EXTENDED-BLUE-050);
}
.u-theme-border-color-extended-blue-100 {
  border-color: var(--THEME-COLOR-EXTENDED-BLUE-100);
}
.u-theme-border-color-extended-green-025 {
  border-color: var(--THEME-COLOR-EXTENDED-GREEN-025);
}
.u-theme-border-color-extended-green-050 {
  border-color: var(--THEME-COLOR-EXTENDED-GREEN-050);
}
.u-theme-border-color-extended-green-100 {
  border-color: var(--THEME-COLOR-EXTENDED-GREEN-100);
}
.u-theme-border-color-extended-grey-025 {
  border-color: var(--THEME-COLOR-EXTENDED-GREY-025);
}
.u-theme-border-color-extended-grey-050 {
  border-color: var(--THEME-COLOR-EXTENDED-GREY-050);
}
.u-theme-border-color-extended-grey-100 {
  border-color: var(--THEME-COLOR-EXTENDED-GREY-100);
}
.u-theme-border-color-extended-mint-025 {
  border-color: var(--THEME-COLOR-EXTENDED-MINT-025);
}
.u-theme-border-color-extended-ocher-025 {
  border-color: var(--THEME-COLOR-EXTENDED-OCHER-025);
}
.u-theme-border-color-extended-ocher-050 {
  border-color: var(--THEME-COLOR-EXTENDED-OCHER-050);
}
.u-theme-border-color-extended-ocher-100 {
  border-color: var(--THEME-COLOR-EXTENDED-OCHER-100);
}
.u-theme-border-color-extended-petrol-010 {
  border-color: var(--THEME-COLOR-EXTENDED-PETROL-010);
}
.u-theme-border-color-extended-petrol-025 {
  border-color: var(--THEME-COLOR-EXTENDED-PETROL-025);
}
.u-theme-border-color-extended-petrol-050 {
  border-color: var(--THEME-COLOR-EXTENDED-PETROL-050);
}
.u-theme-border-color-extended-petrol-075 {
  border-color: var(--THEME-COLOR-EXTENDED-PETROL-075);
}
.u-theme-border-color-extended-petrol-100 {
  border-color: var(--THEME-COLOR-EXTENDED-PETROL-100);
}
.u-theme-border-color-extended-pink-025 {
  border-color: var(--THEME-COLOR-EXTENDED-PINK-025);
}
.u-theme-border-color-extended-pink-050 {
  border-color: var(--THEME-COLOR-EXTENDED-PINK-050);
}
.u-theme-border-color-extended-pink-100 {
  border-color: var(--THEME-COLOR-EXTENDED-PINK-100);
}
.u-theme-border-color-extended-purple-025 {
  border-color: var(--THEME-COLOR-EXTENDED-PURPLE-025);
}
.u-theme-border-color-extended-purple-050 {
  border-color: var(--THEME-COLOR-EXTENDED-PURPLE-050);
}
.u-theme-border-color-extended-purple-100 {
  border-color: var(--THEME-COLOR-EXTENDED-PURPLE-100);
}
.u-theme-border-color-extended-red-010 {
  border-color: var(--THEME-COLOR-EXTENDED-RED-010);
}
.u-theme-border-color-extended-red-025 {
  border-color: var(--THEME-COLOR-EXTENDED-RED-025);
}
.u-theme-border-color-extended-red-050 {
  border-color: var(--THEME-COLOR-EXTENDED-RED-050);
}
.u-theme-border-color-extended-red-100 {
  border-color: var(--THEME-COLOR-EXTENDED-RED-100);
}
.u-theme-border-color-extended-violet-025 {
  border-color: var(--THEME-COLOR-EXTENDED-VIOLET-025);
}
.u-theme-border-color-extended-yellow-025 {
  border-color: var(--THEME-COLOR-EXTENDED-YELLOW-025);
}
.u-grid {
  grid-template-columns: repeat(var(--columns, 12), 1fr);
  grid-template-rows: repeat(var(--rows, 1), 1fr);
  gap: var(--gap, 1.5rem);
}
.u-grid-col-1 {
  grid-column: auto/span 1;
}
.u-grid-col-2 {
  grid-column: auto/span 2;
}
.u-grid-col-3 {
  grid-column: auto/span 3;
}
.u-grid-col-4 {
  grid-column: auto/span 4;
}
.u-grid-col-5 {
  grid-column: auto/span 5;
}
.u-grid-col-6 {
  grid-column: auto/span 6;
}
.u-grid-col-7 {
  grid-column: auto/span 7;
}
.u-grid-col-8 {
  grid-column: auto/span 8;
}
.u-grid-col-9 {
  grid-column: auto/span 9;
}
.u-grid-col-10 {
  grid-column: auto/span 10;
}
.u-grid-col-11 {
  grid-column: auto/span 11;
}
.u-grid-col-12 {
  grid-column: auto/span 12;
}
.u-grid-col-start-1 {
  grid-column-start: 1;
}
.u-grid-col-start-2 {
  grid-column-start: 2;
}
.u-grid-col-start-3 {
  grid-column-start: 3;
}
.u-grid-col-start-4 {
  grid-column-start: 4;
}
.u-grid-col-start-5 {
  grid-column-start: 5;
}
.u-grid-col-start-6 {
  grid-column-start: 6;
}
.u-grid-col-start-7 {
  grid-column-start: 7;
}
.u-grid-col-start-8 {
  grid-column-start: 8;
}
.u-grid-col-start-9 {
  grid-column-start: 9;
}
.u-grid-col-start-10 {
  grid-column-start: 10;
}
.u-grid-col-start-11 {
  grid-column-start: 11;
}
@media (min-width: 667px) {
  .u-grid-col-TabletPortrait-1 {
    grid-column: auto/span 1;
  }
  .u-grid-col-TabletPortrait-2 {
    grid-column: auto/span 2;
  }
  .u-grid-col-TabletPortrait-3 {
    grid-column: auto/span 3;
  }
  .u-grid-col-TabletPortrait-4 {
    grid-column: auto/span 4;
  }
  .u-grid-col-TabletPortrait-5 {
    grid-column: auto/span 5;
  }
  .u-grid-col-TabletPortrait-6 {
    grid-column: auto/span 6;
  }
  .u-grid-col-TabletPortrait-7 {
    grid-column: auto/span 7;
  }
  .u-grid-col-TabletPortrait-8 {
    grid-column: auto/span 8;
  }
  .u-grid-col-TabletPortrait-9 {
    grid-column: auto/span 9;
  }
  .u-grid-col-TabletPortrait-10 {
    grid-column: auto/span 10;
  }
  .u-grid-col-TabletPortrait-11 {
    grid-column: auto/span 11;
  }
  .u-grid-col-TabletPortrait-12 {
    grid-column: auto/span 12;
  }
  .u-grid-col-start-TabletPortrait-1 {
    grid-column-start: 1;
  }
  .u-grid-col-start-TabletPortrait-2 {
    grid-column-start: 2;
  }
  .u-grid-col-start-TabletPortrait-3 {
    grid-column-start: 3;
  }
  .u-grid-col-start-TabletPortrait-4 {
    grid-column-start: 4;
  }
  .u-grid-col-start-TabletPortrait-5 {
    grid-column-start: 5;
  }
  .u-grid-col-start-TabletPortrait-6 {
    grid-column-start: 6;
  }
  .u-grid-col-start-TabletPortrait-7 {
    grid-column-start: 7;
  }
  .u-grid-col-start-TabletPortrait-8 {
    grid-column-start: 8;
  }
  .u-grid-col-start-TabletPortrait-9 {
    grid-column-start: 9;
  }
  .u-grid-col-start-TabletPortrait-10 {
    grid-column-start: 10;
  }
  .u-grid-col-start-TabletPortrait-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1024px) {
  .u-grid-col-TabletLandscape-1 {
    grid-column: auto/span 1;
  }
  .u-grid-col-TabletLandscape-2 {
    grid-column: auto/span 2;
  }
  .u-grid-col-TabletLandscape-3 {
    grid-column: auto/span 3;
  }
  .u-grid-col-TabletLandscape-4 {
    grid-column: auto/span 4;
  }
  .u-grid-col-TabletLandscape-5 {
    grid-column: auto/span 5;
  }
  .u-grid-col-TabletLandscape-6 {
    grid-column: auto/span 6;
  }
  .u-grid-col-TabletLandscape-7 {
    grid-column: auto/span 7;
  }
  .u-grid-col-TabletLandscape-8 {
    grid-column: auto/span 8;
  }
  .u-grid-col-TabletLandscape-9 {
    grid-column: auto/span 9;
  }
  .u-grid-col-TabletLandscape-10 {
    grid-column: auto/span 10;
  }
  .u-grid-col-TabletLandscape-11 {
    grid-column: auto/span 11;
  }
  .u-grid-col-TabletLandscape-12 {
    grid-column: auto/span 12;
  }
  .u-grid-col-start-TabletLandscape-1 {
    grid-column-start: 1;
  }
  .u-grid-col-start-TabletLandscape-2 {
    grid-column-start: 2;
  }
  .u-grid-col-start-TabletLandscape-3 {
    grid-column-start: 3;
  }
  .u-grid-col-start-TabletLandscape-4 {
    grid-column-start: 4;
  }
  .u-grid-col-start-TabletLandscape-5 {
    grid-column-start: 5;
  }
  .u-grid-col-start-TabletLandscape-6 {
    grid-column-start: 6;
  }
  .u-grid-col-start-TabletLandscape-7 {
    grid-column-start: 7;
  }
  .u-grid-col-start-TabletLandscape-8 {
    grid-column-start: 8;
  }
  .u-grid-col-start-TabletLandscape-9 {
    grid-column-start: 9;
  }
  .u-grid-col-start-TabletLandscape-10 {
    grid-column-start: 10;
  }
  .u-grid-col-start-TabletLandscape-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1192px) {
  .u-grid-col-SmallDesktop-1 {
    grid-column: auto/span 1;
  }
  .u-grid-col-SmallDesktop-2 {
    grid-column: auto/span 2;
  }
  .u-grid-col-SmallDesktop-3 {
    grid-column: auto/span 3;
  }
  .u-grid-col-SmallDesktop-4 {
    grid-column: auto/span 4;
  }
  .u-grid-col-SmallDesktop-5 {
    grid-column: auto/span 5;
  }
  .u-grid-col-SmallDesktop-6 {
    grid-column: auto/span 6;
  }
  .u-grid-col-SmallDesktop-7 {
    grid-column: auto/span 7;
  }
  .u-grid-col-SmallDesktop-8 {
    grid-column: auto/span 8;
  }
  .u-grid-col-SmallDesktop-9 {
    grid-column: auto/span 9;
  }
  .u-grid-col-SmallDesktop-10 {
    grid-column: auto/span 10;
  }
  .u-grid-col-SmallDesktop-11 {
    grid-column: auto/span 11;
  }
  .u-grid-col-SmallDesktop-12 {
    grid-column: auto/span 12;
  }
  .u-grid-col-start-SmallDesktop-1 {
    grid-column-start: 1;
  }
  .u-grid-col-start-SmallDesktop-2 {
    grid-column-start: 2;
  }
  .u-grid-col-start-SmallDesktop-3 {
    grid-column-start: 3;
  }
  .u-grid-col-start-SmallDesktop-4 {
    grid-column-start: 4;
  }
  .u-grid-col-start-SmallDesktop-5 {
    grid-column-start: 5;
  }
  .u-grid-col-start-SmallDesktop-6 {
    grid-column-start: 6;
  }
  .u-grid-col-start-SmallDesktop-7 {
    grid-column-start: 7;
  }
  .u-grid-col-start-SmallDesktop-8 {
    grid-column-start: 8;
  }
  .u-grid-col-start-SmallDesktop-9 {
    grid-column-start: 9;
  }
  .u-grid-col-start-SmallDesktop-10 {
    grid-column-start: 10;
  }
  .u-grid-col-start-SmallDesktop-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1440px) {
  .u-grid-col-Desktop-1 {
    grid-column: auto/span 1;
  }
  .u-grid-col-Desktop-2 {
    grid-column: auto/span 2;
  }
  .u-grid-col-Desktop-3 {
    grid-column: auto/span 3;
  }
  .u-grid-col-Desktop-4 {
    grid-column: auto/span 4;
  }
  .u-grid-col-Desktop-5 {
    grid-column: auto/span 5;
  }
  .u-grid-col-Desktop-6 {
    grid-column: auto/span 6;
  }
  .u-grid-col-Desktop-7 {
    grid-column: auto/span 7;
  }
  .u-grid-col-Desktop-8 {
    grid-column: auto/span 8;
  }
  .u-grid-col-Desktop-9 {
    grid-column: auto/span 9;
  }
  .u-grid-col-Desktop-10 {
    grid-column: auto/span 10;
  }
  .u-grid-col-Desktop-11 {
    grid-column: auto/span 11;
  }
  .u-grid-col-Desktop-12 {
    grid-column: auto/span 12;
  }
  .u-grid-col-start-Desktop-1 {
    grid-column-start: 1;
  }
  .u-grid-col-start-Desktop-2 {
    grid-column-start: 2;
  }
  .u-grid-col-start-Desktop-3 {
    grid-column-start: 3;
  }
  .u-grid-col-start-Desktop-4 {
    grid-column-start: 4;
  }
  .u-grid-col-start-Desktop-5 {
    grid-column-start: 5;
  }
  .u-grid-col-start-Desktop-6 {
    grid-column-start: 6;
  }
  .u-grid-col-start-Desktop-7 {
    grid-column-start: 7;
  }
  .u-grid-col-start-Desktop-8 {
    grid-column-start: 8;
  }
  .u-grid-col-start-Desktop-9 {
    grid-column-start: 9;
  }
  .u-grid-col-start-Desktop-10 {
    grid-column-start: 10;
  }
  .u-grid-col-start-Desktop-11 {
    grid-column-start: 11;
  }
}
.u-grid-col-span-full {
  grid-column: 1/-1;
}
.u-grid-row-span-full {
  grid-row: 1/-1;
}
.u-block {
  display: block;
}
.u-inline {
  display: inline;
}
.u-inline-block {
  display: inline-block;
}
.u-flex {
  display: flex;
}
.u-inline-flex {
  display: inline-flex;
}
.u-grid {
  display: grid;
}
.u-inline-grid {
  display: inline-grid;
}
.u-table {
  display: table;
}
.u-inline-table {
  display: inline-table;
}
.u-display-none {
  display: none;
}
.u-visible {
  visibility: visible;
}
.u-invisible {
  visibility: hidden;
}
@media (min-width: 0) {
  .u-hide\@Smartphone {
    display: none !important;
  }
}
@media not all and (min-width: 0) {
  .u-display\@Smartphone {
    display: none !important;
  }
}
@media (min-width: 667px) {
  .u-hide\@TabletPortrait {
    display: none !important;
  }
}
@media not all and (min-width: 667px) {
  .u-display\@TabletPortrait {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .u-hide\@TabletLandscape {
    display: none !important;
  }
}
@media not all and (min-width: 1024px) {
  .u-display\@TabletLandscape {
    display: none !important;
  }
}
@media (min-width: 1192px) {
  .u-hide\@SmallDesktop {
    display: none !important;
  }
}
@media not all and (min-width: 1192px) {
  .u-display\@SmallDesktop {
    display: none !important;
  }
}
@media (min-width: 1440px) {
  .u-hide\@Desktop {
    display: none !important;
  }
}
@media not all and (min-width: 1440px) {
  .u-display\@Desktop {
    display: none !important;
  }
}
.u-flex-wrap {
  flex-wrap: wrap;
}
.u-flex-nowrap {
  flex-wrap: nowrap;
}
.u-flex-column {
  flex-direction: column;
}
.u-flex-column-reverse {
  flex-direction: column-reverse;
}
.u-flex-row {
  flex-direction: row;
}
.u-flex-row-reverse {
  flex-direction: row-reverse;
}
.u-flex-grow {
  flex-grow: 1;
}
.u-flex-no-grow {
  flex-grow: 0;
}
.u-flex-shrink {
  flex-shrink: 1;
}
.u-flex-no-shrink {
  flex-shrink: 0;
}
.u-flex-auto {
  flex: auto;
}
.u-flex-none {
  flex: none;
}
.u-flex-1 {
  flex: 1 1 0px;
}
.u-flex-basis-0 {
  flex-basis: 0px;
}
.u-flex-container {
  display: flex;
}
.u-flex-container > * {
  min-width: 0;
  min-height: 0;
}
.u-flex-container-vert {
  display: flex;
  flex-direction: column;
}
.u-flex-container-vert > * {
  min-width: 0;
  min-height: 0;
}
.u-fontsize-050 {
  font-size: var(--FONTSIZE-050, 12px);
}
.u-fontsize-075 {
  font-size: var(--FONTSIZE-075, 14px);
}
.u-fontsize-100 {
  font-size: var(--FONTSIZE-100, 16px);
}
.u-fontsize-200 {
  font-size: var(--FONTSIZE-200, 20px);
}
.u-fontsize-300 {
  font-size: var(--FONTSIZE-300, 24px);
}
.u-fontsize-400 {
  font-size: var(--FONTSIZE-400, 28px);
}
.u-fontsize-500 {
  font-size: var(--FONTSIZE-500, 32px);
}
.u-fontweight-regular {
  font-weight: var(--FONTWEIGHT-REGULAR, 400);
}
.u-fontweight-bold {
  font-weight: var(--FONTWEIGHT-BOLD, 700);
}
.u-gap-050 {
  gap: var(--SPACING-050, 4px);
}
.u-gap-100 {
  gap: var(--SPACING-100, 8px);
}
.u-gap-150 {
  gap: var(--SPACING-150, 12px);
}
.u-gap-200 {
  gap: var(--SPACING-200, 16px);
}
.u-gap-300 {
  gap: var(--SPACING-300, 24px);
}
.u-gap-400 {
  gap: var(--SPACING-400, 32px);
}
.u-gap-500 {
  gap: var(--SPACING-500, 40px);
}
.u-gap-550 {
  gap: var(--SPACING-550, 48px);
}
.u-gap-600 {
  gap: var(--SPACING-600, 56px);
}
.u-gap-700 {
  gap: var(--SPACING-700, 80px);
}
.u-gap-800 {
  gap: var(--SPACING-800, 160px);
}
.u-gap-900 {
  gap: var(--SPACING-900, 160px);
}
.u-gap-950 {
  gap: var(--SPACING-950, 200px);
}
.u-gap-0 {
  gap: 0;
}
.u-gap-auto {
  gap: auto;
}
.u-column-gap-050 {
  column-gap: var(--SPACING-050, 4px);
}
.u-column-gap-100 {
  column-gap: var(--SPACING-100, 8px);
}
.u-column-gap-150 {
  column-gap: var(--SPACING-150, 12px);
}
.u-column-gap-200 {
  column-gap: var(--SPACING-200, 16px);
}
.u-column-gap-300 {
  column-gap: var(--SPACING-300, 24px);
}
.u-column-gap-400 {
  column-gap: var(--SPACING-400, 32px);
}
.u-column-gap-500 {
  column-gap: var(--SPACING-500, 40px);
}
.u-column-gap-550 {
  column-gap: var(--SPACING-550, 48px);
}
.u-column-gap-600 {
  column-gap: var(--SPACING-600, 56px);
}
.u-column-gap-700 {
  column-gap: var(--SPACING-700, 80px);
}
.u-column-gap-800 {
  column-gap: var(--SPACING-800, 160px);
}
.u-column-gap-900 {
  column-gap: var(--SPACING-900, 160px);
}
.u-column-gap-950 {
  column-gap: var(--SPACING-950, 200px);
}
.u-column-gap-0 {
  column-gap: 0;
}
.u-column-gap-auto {
  column-gap: auto;
}
.u-row-gap-050 {
  row-gap: var(--SPACING-050, 4px);
}
.u-row-gap-100 {
  row-gap: var(--SPACING-100, 8px);
}
.u-row-gap-150 {
  row-gap: var(--SPACING-150, 12px);
}
.u-row-gap-200 {
  row-gap: var(--SPACING-200, 16px);
}
.u-row-gap-300 {
  row-gap: var(--SPACING-300, 24px);
}
.u-row-gap-400 {
  row-gap: var(--SPACING-400, 32px);
}
.u-row-gap-500 {
  row-gap: var(--SPACING-500, 40px);
}
.u-row-gap-550 {
  row-gap: var(--SPACING-550, 48px);
}
.u-row-gap-600 {
  row-gap: var(--SPACING-600, 56px);
}
.u-row-gap-700 {
  row-gap: var(--SPACING-700, 80px);
}
.u-row-gap-800 {
  row-gap: var(--SPACING-800, 160px);
}
.u-row-gap-900 {
  row-gap: var(--SPACING-900, 160px);
}
.u-row-gap-950 {
  row-gap: var(--SPACING-950, 200px);
}
.u-row-gap-0 {
  row-gap: 0;
}
.u-row-gap-auto {
  row-gap: auto;
}
.u-margin-050 {
  margin: var(--SPACING-050, 4px);
}
.u-margin-100 {
  margin: var(--SPACING-100, 8px);
}
.u-margin-150 {
  margin: var(--SPACING-150, 12px);
}
.u-margin-200 {
  margin: var(--SPACING-200, 16px);
}
.u-margin-300 {
  margin: var(--SPACING-300, 24px);
}
.u-margin-400 {
  margin: var(--SPACING-400, 32px);
}
.u-margin-500 {
  margin: var(--SPACING-500, 40px);
}
.u-margin-550 {
  margin: var(--SPACING-550, 48px);
}
.u-margin-600 {
  margin: var(--SPACING-600, 56px);
}
.u-margin-700 {
  margin: var(--SPACING-700, 80px);
}
.u-margin-800 {
  margin: var(--SPACING-800, 160px);
}
.u-margin-900 {
  margin: var(--SPACING-900, 160px);
}
.u-margin-950 {
  margin: var(--SPACING-950, 200px);
}
.u-margin-0 {
  margin: 0;
}
.u-margin-auto {
  margin: auto;
}
.u-margin-inline-050 {
  margin-inline: var(--SPACING-050, 4px);
}
.u-margin-inline-100 {
  margin-inline: var(--SPACING-100, 8px);
}
.u-margin-inline-150 {
  margin-inline: var(--SPACING-150, 12px);
}
.u-margin-inline-200 {
  margin-inline: var(--SPACING-200, 16px);
}
.u-margin-inline-300 {
  margin-inline: var(--SPACING-300, 24px);
}
.u-margin-inline-400 {
  margin-inline: var(--SPACING-400, 32px);
}
.u-margin-inline-500 {
  margin-inline: var(--SPACING-500, 40px);
}
.u-margin-inline-550 {
  margin-inline: var(--SPACING-550, 48px);
}
.u-margin-inline-600 {
  margin-inline: var(--SPACING-600, 56px);
}
.u-margin-inline-700 {
  margin-inline: var(--SPACING-700, 80px);
}
.u-margin-inline-800 {
  margin-inline: var(--SPACING-800, 160px);
}
.u-margin-inline-900 {
  margin-inline: var(--SPACING-900, 160px);
}
.u-margin-inline-950 {
  margin-inline: var(--SPACING-950, 200px);
}
.u-margin-inline-0 {
  margin-inline: 0;
}
.u-margin-inline-auto {
  margin-inline: auto;
}
.u-margin-inline-start-050 {
  margin-inline-start: var(--SPACING-050, 4px);
}
.u-margin-inline-start-100 {
  margin-inline-start: var(--SPACING-100, 8px);
}
.u-margin-inline-start-150 {
  margin-inline-start: var(--SPACING-150, 12px);
}
.u-margin-inline-start-200 {
  margin-inline-start: var(--SPACING-200, 16px);
}
.u-margin-inline-start-300 {
  margin-inline-start: var(--SPACING-300, 24px);
}
.u-margin-inline-start-400 {
  margin-inline-start: var(--SPACING-400, 32px);
}
.u-margin-inline-start-500 {
  margin-inline-start: var(--SPACING-500, 40px);
}
.u-margin-inline-start-550 {
  margin-inline-start: var(--SPACING-550, 48px);
}
.u-margin-inline-start-600 {
  margin-inline-start: var(--SPACING-600, 56px);
}
.u-margin-inline-start-700 {
  margin-inline-start: var(--SPACING-700, 80px);
}
.u-margin-inline-start-800 {
  margin-inline-start: var(--SPACING-800, 160px);
}
.u-margin-inline-start-900 {
  margin-inline-start: var(--SPACING-900, 160px);
}
.u-margin-inline-start-950 {
  margin-inline-start: var(--SPACING-950, 200px);
}
.u-margin-inline-start-0 {
  margin-inline-start: 0;
}
.u-margin-inline-start-auto {
  margin-inline-start: auto;
}
.u-margin-inline-end-050 {
  margin-inline-end: var(--SPACING-050, 4px);
}
.u-margin-inline-end-100 {
  margin-inline-end: var(--SPACING-100, 8px);
}
.u-margin-inline-end-150 {
  margin-inline-end: var(--SPACING-150, 12px);
}
.u-margin-inline-end-200 {
  margin-inline-end: var(--SPACING-200, 16px);
}
.u-margin-inline-end-300 {
  margin-inline-end: var(--SPACING-300, 24px);
}
.u-margin-inline-end-400 {
  margin-inline-end: var(--SPACING-400, 32px);
}
.u-margin-inline-end-500 {
  margin-inline-end: var(--SPACING-500, 40px);
}
.u-margin-inline-end-550 {
  margin-inline-end: var(--SPACING-550, 48px);
}
.u-margin-inline-end-600 {
  margin-inline-end: var(--SPACING-600, 56px);
}
.u-margin-inline-end-700 {
  margin-inline-end: var(--SPACING-700, 80px);
}
.u-margin-inline-end-800 {
  margin-inline-end: var(--SPACING-800, 160px);
}
.u-margin-inline-end-900 {
  margin-inline-end: var(--SPACING-900, 160px);
}
.u-margin-inline-end-950 {
  margin-inline-end: var(--SPACING-950, 200px);
}
.u-margin-inline-end-0 {
  margin-inline-end: 0;
}
.u-margin-inline-end-auto {
  margin-inline-end: auto;
}
.u-margin-block-050 {
  margin-block: var(--SPACING-050, 4px);
}
.u-margin-block-100 {
  margin-block: var(--SPACING-100, 8px);
}
.u-margin-block-150 {
  margin-block: var(--SPACING-150, 12px);
}
.u-margin-block-200 {
  margin-block: var(--SPACING-200, 16px);
}
.u-margin-block-300 {
  margin-block: var(--SPACING-300, 24px);
}
.u-margin-block-400 {
  margin-block: var(--SPACING-400, 32px);
}
.u-margin-block-500 {
  margin-block: var(--SPACING-500, 40px);
}
.u-margin-block-550 {
  margin-block: var(--SPACING-550, 48px);
}
.u-margin-block-600 {
  margin-block: var(--SPACING-600, 56px);
}
.u-margin-block-700 {
  margin-block: var(--SPACING-700, 80px);
}
.u-margin-block-800 {
  margin-block: var(--SPACING-800, 160px);
}
.u-margin-block-900 {
  margin-block: var(--SPACING-900, 160px);
}
.u-margin-block-950 {
  margin-block: var(--SPACING-950, 200px);
}
.u-margin-block-0 {
  margin-block: 0;
}
.u-margin-block-auto {
  margin-block: auto;
}
.u-margin-block-start-050 {
  margin-block-start: var(--SPACING-050, 4px);
}
.u-margin-block-start-100 {
  margin-block-start: var(--SPACING-100, 8px);
}
.u-margin-block-start-150 {
  margin-block-start: var(--SPACING-150, 12px);
}
.u-margin-block-start-200 {
  margin-block-start: var(--SPACING-200, 16px);
}
.u-margin-block-start-300 {
  margin-block-start: var(--SPACING-300, 24px);
}
.u-margin-block-start-400 {
  margin-block-start: var(--SPACING-400, 32px);
}
.u-margin-block-start-500 {
  margin-block-start: var(--SPACING-500, 40px);
}
.u-margin-block-start-550 {
  margin-block-start: var(--SPACING-550, 48px);
}
.u-margin-block-start-600 {
  margin-block-start: var(--SPACING-600, 56px);
}
.u-margin-block-start-700 {
  margin-block-start: var(--SPACING-700, 80px);
}
.u-margin-block-start-800 {
  margin-block-start: var(--SPACING-800, 160px);
}
.u-margin-block-start-900 {
  margin-block-start: var(--SPACING-900, 160px);
}
.u-margin-block-start-950 {
  margin-block-start: var(--SPACING-950, 200px);
}
.u-margin-block-start-0 {
  margin-block-start: 0;
}
.u-margin-block-start-auto {
  margin-block-start: auto;
}
.u-margin-block-end-050 {
  margin-block-end: var(--SPACING-050, 4px);
}
.u-margin-block-end-100 {
  margin-block-end: var(--SPACING-100, 8px);
}
.u-margin-block-end-150 {
  margin-block-end: var(--SPACING-150, 12px);
}
.u-margin-block-end-200 {
  margin-block-end: var(--SPACING-200, 16px);
}
.u-margin-block-end-300 {
  margin-block-end: var(--SPACING-300, 24px);
}
.u-margin-block-end-400 {
  margin-block-end: var(--SPACING-400, 32px);
}
.u-margin-block-end-500 {
  margin-block-end: var(--SPACING-500, 40px);
}
.u-margin-block-end-550 {
  margin-block-end: var(--SPACING-550, 48px);
}
.u-margin-block-end-600 {
  margin-block-end: var(--SPACING-600, 56px);
}
.u-margin-block-end-700 {
  margin-block-end: var(--SPACING-700, 80px);
}
.u-margin-block-end-800 {
  margin-block-end: var(--SPACING-800, 160px);
}
.u-margin-block-end-900 {
  margin-block-end: var(--SPACING-900, 160px);
}
.u-margin-block-end-950 {
  margin-block-end: var(--SPACING-950, 200px);
}
.u-margin-block-end-0 {
  margin-block-end: 0;
}
.u-margin-block-end-auto {
  margin-block-end: auto;
}
.u-cursor-pointer {
  cursor: pointer;
}
.u-cursor-default {
  cursor: default;
}
.u-overflow-hidden {
  overflow: hidden;
}
.u-overflow-auto {
  overflow: auto;
  overscroll-behavior: contain;
}
.u-momentum-scrolling {
  -webkit-overflow-scrolling: touch;
}
.u-overscroll-contain {
  overscroll-behavior: contain;
}
.u-scroll-smooth {
  scroll-behavior: smooth;
}
.u-pointer-events-auto {
  pointer-events: auto;
}
.u-pointer-events-none {
  pointer-events: none;
}
.u-position-relative {
  position: relative;
}
.u-position-absolute {
  position: absolute;
}
.u-position-fixed {
  position: fixed;
}
.u-position-sticky {
  position: sticky;
}
.u-inset-0 {
  inset: 0;
}
.u-top-0 {
  top: 0;
}
.u-top-50 {
  top: 50%;
}
.u-right-0 {
  right: 0;
}
.u-right-50 {
  right: 50%;
}
.u-bottom-0 {
  bottom: 0;
}
.u-bottom-50 {
  bottom: 50%;
}
.u-left-0 {
  left: 0;
}
.u-left-50 {
  left: 50%;
}
.u-no-select {
  -webkit-user-select: none;
  user-select: none;
}
.u-padding-050 {
  padding: var(--SPACING-050, 4px);
}
.u-padding-100 {
  padding: var(--SPACING-100, 8px);
}
.u-padding-150 {
  padding: var(--SPACING-150, 12px);
}
.u-padding-200 {
  padding: var(--SPACING-200, 16px);
}
.u-padding-300 {
  padding: var(--SPACING-300, 24px);
}
.u-padding-400 {
  padding: var(--SPACING-400, 32px);
}
.u-padding-500 {
  padding: var(--SPACING-500, 40px);
}
.u-padding-550 {
  padding: var(--SPACING-550, 48px);
}
.u-padding-600 {
  padding: var(--SPACING-600, 56px);
}
.u-padding-700 {
  padding: var(--SPACING-700, 80px);
}
.u-padding-800 {
  padding: var(--SPACING-800, 160px);
}
.u-padding-900 {
  padding: var(--SPACING-900, 160px);
}
.u-padding-950 {
  padding: var(--SPACING-950, 200px);
}
.u-padding-0 {
  padding: 0;
}
.u-padding-auto {
  padding: auto;
}
.u-padding-inline-050 {
  padding-inline: var(--SPACING-050, 4px);
}
.u-padding-inline-100 {
  padding-inline: var(--SPACING-100, 8px);
}
.u-padding-inline-150 {
  padding-inline: var(--SPACING-150, 12px);
}
.u-padding-inline-200 {
  padding-inline: var(--SPACING-200, 16px);
}
.u-padding-inline-300 {
  padding-inline: var(--SPACING-300, 24px);
}
.u-padding-inline-400 {
  padding-inline: var(--SPACING-400, 32px);
}
.u-padding-inline-500 {
  padding-inline: var(--SPACING-500, 40px);
}
.u-padding-inline-550 {
  padding-inline: var(--SPACING-550, 48px);
}
.u-padding-inline-600 {
  padding-inline: var(--SPACING-600, 56px);
}
.u-padding-inline-700 {
  padding-inline: var(--SPACING-700, 80px);
}
.u-padding-inline-800 {
  padding-inline: var(--SPACING-800, 160px);
}
.u-padding-inline-900 {
  padding-inline: var(--SPACING-900, 160px);
}
.u-padding-inline-950 {
  padding-inline: var(--SPACING-950, 200px);
}
.u-padding-inline-0 {
  padding-inline: 0;
}
.u-padding-inline-auto {
  padding-inline: auto;
}
.u-padding-inline-start-050 {
  padding-inline-start: var(--SPACING-050, 4px);
}
.u-padding-inline-start-100 {
  padding-inline-start: var(--SPACING-100, 8px);
}
.u-padding-inline-start-150 {
  padding-inline-start: var(--SPACING-150, 12px);
}
.u-padding-inline-start-200 {
  padding-inline-start: var(--SPACING-200, 16px);
}
.u-padding-inline-start-300 {
  padding-inline-start: var(--SPACING-300, 24px);
}
.u-padding-inline-start-400 {
  padding-inline-start: var(--SPACING-400, 32px);
}
.u-padding-inline-start-500 {
  padding-inline-start: var(--SPACING-500, 40px);
}
.u-padding-inline-start-550 {
  padding-inline-start: var(--SPACING-550, 48px);
}
.u-padding-inline-start-600 {
  padding-inline-start: var(--SPACING-600, 56px);
}
.u-padding-inline-start-700 {
  padding-inline-start: var(--SPACING-700, 80px);
}
.u-padding-inline-start-800 {
  padding-inline-start: var(--SPACING-800, 160px);
}
.u-padding-inline-start-900 {
  padding-inline-start: var(--SPACING-900, 160px);
}
.u-padding-inline-start-950 {
  padding-inline-start: var(--SPACING-950, 200px);
}
.u-padding-inline-start-0 {
  padding-inline-start: 0;
}
.u-padding-inline-start-auto {
  padding-inline-start: auto;
}
.u-padding-inline-end-050 {
  padding-inline-end: var(--SPACING-050, 4px);
}
.u-padding-inline-end-100 {
  padding-inline-end: var(--SPACING-100, 8px);
}
.u-padding-inline-end-150 {
  padding-inline-end: var(--SPACING-150, 12px);
}
.u-padding-inline-end-200 {
  padding-inline-end: var(--SPACING-200, 16px);
}
.u-padding-inline-end-300 {
  padding-inline-end: var(--SPACING-300, 24px);
}
.u-padding-inline-end-400 {
  padding-inline-end: var(--SPACING-400, 32px);
}
.u-padding-inline-end-500 {
  padding-inline-end: var(--SPACING-500, 40px);
}
.u-padding-inline-end-550 {
  padding-inline-end: var(--SPACING-550, 48px);
}
.u-padding-inline-end-600 {
  padding-inline-end: var(--SPACING-600, 56px);
}
.u-padding-inline-end-700 {
  padding-inline-end: var(--SPACING-700, 80px);
}
.u-padding-inline-end-800 {
  padding-inline-end: var(--SPACING-800, 160px);
}
.u-padding-inline-end-900 {
  padding-inline-end: var(--SPACING-900, 160px);
}
.u-padding-inline-end-950 {
  padding-inline-end: var(--SPACING-950, 200px);
}
.u-padding-inline-end-0 {
  padding-inline-end: 0;
}
.u-padding-inline-end-auto {
  padding-inline-end: auto;
}
.u-padding-block-050 {
  padding-block: var(--SPACING-050, 4px);
}
.u-padding-block-100 {
  padding-block: var(--SPACING-100, 8px);
}
.u-padding-block-150 {
  padding-block: var(--SPACING-150, 12px);
}
.u-padding-block-200 {
  padding-block: var(--SPACING-200, 16px);
}
.u-padding-block-300 {
  padding-block: var(--SPACING-300, 24px);
}
.u-padding-block-400 {
  padding-block: var(--SPACING-400, 32px);
}
.u-padding-block-500 {
  padding-block: var(--SPACING-500, 40px);
}
.u-padding-block-550 {
  padding-block: var(--SPACING-550, 48px);
}
.u-padding-block-600 {
  padding-block: var(--SPACING-600, 56px);
}
.u-padding-block-700 {
  padding-block: var(--SPACING-700, 80px);
}
.u-padding-block-800 {
  padding-block: var(--SPACING-800, 160px);
}
.u-padding-block-900 {
  padding-block: var(--SPACING-900, 160px);
}
.u-padding-block-950 {
  padding-block: var(--SPACING-950, 200px);
}
.u-padding-block-0 {
  padding-block: 0;
}
.u-padding-block-auto {
  padding-block: auto;
}
.u-padding-block-start-050 {
  padding-block-start: var(--SPACING-050, 4px);
}
.u-padding-block-start-100 {
  padding-block-start: var(--SPACING-100, 8px);
}
.u-padding-block-start-150 {
  padding-block-start: var(--SPACING-150, 12px);
}
.u-padding-block-start-200 {
  padding-block-start: var(--SPACING-200, 16px);
}
.u-padding-block-start-300 {
  padding-block-start: var(--SPACING-300, 24px);
}
.u-padding-block-start-400 {
  padding-block-start: var(--SPACING-400, 32px);
}
.u-padding-block-start-500 {
  padding-block-start: var(--SPACING-500, 40px);
}
.u-padding-block-start-550 {
  padding-block-start: var(--SPACING-550, 48px);
}
.u-padding-block-start-600 {
  padding-block-start: var(--SPACING-600, 56px);
}
.u-padding-block-start-700 {
  padding-block-start: var(--SPACING-700, 80px);
}
.u-padding-block-start-800 {
  padding-block-start: var(--SPACING-800, 160px);
}
.u-padding-block-start-900 {
  padding-block-start: var(--SPACING-900, 160px);
}
.u-padding-block-start-950 {
  padding-block-start: var(--SPACING-950, 200px);
}
.u-padding-block-start-0 {
  padding-block-start: 0;
}
.u-padding-block-start-auto {
  padding-block-start: auto;
}
.u-padding-block-end-050 {
  padding-block-end: var(--SPACING-050, 4px);
}
.u-padding-block-end-100 {
  padding-block-end: var(--SPACING-100, 8px);
}
.u-padding-block-end-150 {
  padding-block-end: var(--SPACING-150, 12px);
}
.u-padding-block-end-200 {
  padding-block-end: var(--SPACING-200, 16px);
}
.u-padding-block-end-300 {
  padding-block-end: var(--SPACING-300, 24px);
}
.u-padding-block-end-400 {
  padding-block-end: var(--SPACING-400, 32px);
}
.u-padding-block-end-500 {
  padding-block-end: var(--SPACING-500, 40px);
}
.u-padding-block-end-550 {
  padding-block-end: var(--SPACING-550, 48px);
}
.u-padding-block-end-600 {
  padding-block-end: var(--SPACING-600, 56px);
}
.u-padding-block-end-700 {
  padding-block-end: var(--SPACING-700, 80px);
}
.u-padding-block-end-800 {
  padding-block-end: var(--SPACING-800, 160px);
}
.u-padding-block-end-900 {
  padding-block-end: var(--SPACING-900, 160px);
}
.u-padding-block-end-950 {
  padding-block-end: var(--SPACING-950, 200px);
}
.u-padding-block-end-0 {
  padding-block-end: 0;
}
.u-padding-block-end-auto {
  padding-block-end: auto;
}
.u-theme-box-shadow-100 {
  box-shadow: var(--THEME-SHADOW-100);
}
.u-theme-box-shadow-top-100 {
  box-shadow: var(--THEME-SHADOW-TOP-100);
}
.u-theme-box-shadow-200 {
  box-shadow: var(--THEME-SHADOW-200);
}
.u-theme-box-shadow-300 {
  box-shadow: var(--THEME-SHADOW-300);
}
.u-theme-box-shadow-400 {
  box-shadow: var(--THEME-SHADOW-400);
}
.u-width-050 {
  width: var(--SIZE-050, 4px);
}
.u-width-100 {
  width: var(--SIZE-100, 8px);
}
.u-width-150 {
  width: var(--SIZE-150, 12px);
}
.u-width-200 {
  width: var(--SIZE-200, 16px);
}
.u-width-250 {
  width: var(--SIZE-250, 20px);
}
.u-width-300 {
  width: var(--SIZE-300, 24px);
}
.u-width-350 {
  width: var(--SIZE-350, 28px);
}
.u-width-400 {
  width: var(--SIZE-400, 32px);
}
.u-width-500 {
  width: var(--SIZE-500, 40px);
}
.u-width-550 {
  width: var(--SIZE-550, 48px);
}
.u-width-600 {
  width: var(--SIZE-600, 56px);
}
.u-width-700 {
  width: var(--SIZE-700, 80px);
}
.u-width-750 {
  width: var(--SIZE-750, 96px);
}
.u-width-800 {
  width: var(--SIZE-800, 160px);
}
.u-width-900 {
  width: var(--SIZE-900, 160px);
}
.u-width-950 {
  width: var(--SIZE-950, 200px);
}
.u-width-COL-MAXWIDTH {
  width: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-width-CONTENT-MAXWIDTH {
  width: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-width-0 {
  width: 0;
}
.u-width-50\% {
  width: 50%;
}
.u-width-100\% {
  width: 100%;
}
.u-minwidth-050 {
  min-width: var(--SIZE-050, 4px);
}
.u-minwidth-100 {
  min-width: var(--SIZE-100, 8px);
}
.u-minwidth-150 {
  min-width: var(--SIZE-150, 12px);
}
.u-minwidth-200 {
  min-width: var(--SIZE-200, 16px);
}
.u-minwidth-250 {
  min-width: var(--SIZE-250, 20px);
}
.u-minwidth-300 {
  min-width: var(--SIZE-300, 24px);
}
.u-minwidth-350 {
  min-width: var(--SIZE-350, 28px);
}
.u-minwidth-400 {
  min-width: var(--SIZE-400, 32px);
}
.u-minwidth-500 {
  min-width: var(--SIZE-500, 40px);
}
.u-minwidth-550 {
  min-width: var(--SIZE-550, 48px);
}
.u-minwidth-600 {
  min-width: var(--SIZE-600, 56px);
}
.u-minwidth-700 {
  min-width: var(--SIZE-700, 80px);
}
.u-minwidth-750 {
  min-width: var(--SIZE-750, 96px);
}
.u-minwidth-800 {
  min-width: var(--SIZE-800, 160px);
}
.u-minwidth-900 {
  min-width: var(--SIZE-900, 160px);
}
.u-minwidth-950 {
  min-width: var(--SIZE-950, 200px);
}
.u-minwidth-COL-MAXWIDTH {
  min-width: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-minwidth-CONTENT-MAXWIDTH {
  min-width: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-minwidth-0 {
  min-width: 0;
}
.u-minwidth-50\% {
  min-width: 50%;
}
.u-minwidth-100\% {
  min-width: 100%;
}
.u-maxwidth-050 {
  max-width: var(--SIZE-050, 4px);
}
.u-maxwidth-100 {
  max-width: var(--SIZE-100, 8px);
}
.u-maxwidth-150 {
  max-width: var(--SIZE-150, 12px);
}
.u-maxwidth-200 {
  max-width: var(--SIZE-200, 16px);
}
.u-maxwidth-250 {
  max-width: var(--SIZE-250, 20px);
}
.u-maxwidth-300 {
  max-width: var(--SIZE-300, 24px);
}
.u-maxwidth-350 {
  max-width: var(--SIZE-350, 28px);
}
.u-maxwidth-400 {
  max-width: var(--SIZE-400, 32px);
}
.u-maxwidth-500 {
  max-width: var(--SIZE-500, 40px);
}
.u-maxwidth-550 {
  max-width: var(--SIZE-550, 48px);
}
.u-maxwidth-600 {
  max-width: var(--SIZE-600, 56px);
}
.u-maxwidth-700 {
  max-width: var(--SIZE-700, 80px);
}
.u-maxwidth-750 {
  max-width: var(--SIZE-750, 96px);
}
.u-maxwidth-800 {
  max-width: var(--SIZE-800, 160px);
}
.u-maxwidth-900 {
  max-width: var(--SIZE-900, 160px);
}
.u-maxwidth-950 {
  max-width: var(--SIZE-950, 200px);
}
.u-maxwidth-COL-MAXWIDTH {
  max-width: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-maxwidth-CONTENT-MAXWIDTH {
  max-width: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-maxwidth-0 {
  max-width: 0;
}
.u-maxwidth-50\% {
  max-width: 50%;
}
.u-maxwidth-100\% {
  max-width: 100%;
}
.u-height-050 {
  height: var(--SIZE-050, 4px);
}
.u-height-100 {
  height: var(--SIZE-100, 8px);
}
.u-height-150 {
  height: var(--SIZE-150, 12px);
}
.u-height-200 {
  height: var(--SIZE-200, 16px);
}
.u-height-250 {
  height: var(--SIZE-250, 20px);
}
.u-height-300 {
  height: var(--SIZE-300, 24px);
}
.u-height-350 {
  height: var(--SIZE-350, 28px);
}
.u-height-400 {
  height: var(--SIZE-400, 32px);
}
.u-height-500 {
  height: var(--SIZE-500, 40px);
}
.u-height-550 {
  height: var(--SIZE-550, 48px);
}
.u-height-600 {
  height: var(--SIZE-600, 56px);
}
.u-height-700 {
  height: var(--SIZE-700, 80px);
}
.u-height-750 {
  height: var(--SIZE-750, 96px);
}
.u-height-800 {
  height: var(--SIZE-800, 160px);
}
.u-height-900 {
  height: var(--SIZE-900, 160px);
}
.u-height-950 {
  height: var(--SIZE-950, 200px);
}
.u-height-COL-MAXWIDTH {
  height: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-height-CONTENT-MAXWIDTH {
  height: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-height-0 {
  height: 0;
}
.u-height-50\% {
  height: 50%;
}
.u-height-100\% {
  height: 100%;
}
.u-minheight-050 {
  min-height: var(--SIZE-050, 4px);
}
.u-minheight-100 {
  min-height: var(--SIZE-100, 8px);
}
.u-minheight-150 {
  min-height: var(--SIZE-150, 12px);
}
.u-minheight-200 {
  min-height: var(--SIZE-200, 16px);
}
.u-minheight-250 {
  min-height: var(--SIZE-250, 20px);
}
.u-minheight-300 {
  min-height: var(--SIZE-300, 24px);
}
.u-minheight-350 {
  min-height: var(--SIZE-350, 28px);
}
.u-minheight-400 {
  min-height: var(--SIZE-400, 32px);
}
.u-minheight-500 {
  min-height: var(--SIZE-500, 40px);
}
.u-minheight-550 {
  min-height: var(--SIZE-550, 48px);
}
.u-minheight-600 {
  min-height: var(--SIZE-600, 56px);
}
.u-minheight-700 {
  min-height: var(--SIZE-700, 80px);
}
.u-minheight-750 {
  min-height: var(--SIZE-750, 96px);
}
.u-minheight-800 {
  min-height: var(--SIZE-800, 160px);
}
.u-minheight-900 {
  min-height: var(--SIZE-900, 160px);
}
.u-minheight-950 {
  min-height: var(--SIZE-950, 200px);
}
.u-minheight-COL-MAXWIDTH {
  min-height: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-minheight-CONTENT-MAXWIDTH {
  min-height: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-minheight-0 {
  min-height: 0;
}
.u-minheight-50\% {
  min-height: 50%;
}
.u-minheight-100\% {
  min-height: 100%;
}
.u-maxheight-050 {
  max-height: var(--SIZE-050, 4px);
}
.u-maxheight-100 {
  max-height: var(--SIZE-100, 8px);
}
.u-maxheight-150 {
  max-height: var(--SIZE-150, 12px);
}
.u-maxheight-200 {
  max-height: var(--SIZE-200, 16px);
}
.u-maxheight-250 {
  max-height: var(--SIZE-250, 20px);
}
.u-maxheight-300 {
  max-height: var(--SIZE-300, 24px);
}
.u-maxheight-350 {
  max-height: var(--SIZE-350, 28px);
}
.u-maxheight-400 {
  max-height: var(--SIZE-400, 32px);
}
.u-maxheight-500 {
  max-height: var(--SIZE-500, 40px);
}
.u-maxheight-550 {
  max-height: var(--SIZE-550, 48px);
}
.u-maxheight-600 {
  max-height: var(--SIZE-600, 56px);
}
.u-maxheight-700 {
  max-height: var(--SIZE-700, 80px);
}
.u-maxheight-750 {
  max-height: var(--SIZE-750, 96px);
}
.u-maxheight-800 {
  max-height: var(--SIZE-800, 160px);
}
.u-maxheight-900 {
  max-height: var(--SIZE-900, 160px);
}
.u-maxheight-950 {
  max-height: var(--SIZE-950, 200px);
}
.u-maxheight-COL-MAXWIDTH {
  max-height: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-maxheight-CONTENT-MAXWIDTH {
  max-height: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-maxheight-0 {
  max-height: 0;
}
.u-maxheight-50\% {
  max-height: 50%;
}
.u-maxheight-100\% {
  max-height: 100%;
}
.u-size-050 {
  width: var(--SIZE-050, 4px);
  height: var(--SIZE-050, 4px);
}
.u-size-100 {
  width: var(--SIZE-100, 8px);
  height: var(--SIZE-100, 8px);
}
.u-size-150 {
  width: var(--SIZE-150, 12px);
  height: var(--SIZE-150, 12px);
}
.u-size-200 {
  width: var(--SIZE-200, 16px);
  height: var(--SIZE-200, 16px);
}
.u-size-250 {
  width: var(--SIZE-250, 20px);
  height: var(--SIZE-250, 20px);
}
.u-size-300 {
  width: var(--SIZE-300, 24px);
  height: var(--SIZE-300, 24px);
}
.u-size-350 {
  width: var(--SIZE-350, 28px);
  height: var(--SIZE-350, 28px);
}
.u-size-400 {
  width: var(--SIZE-400, 32px);
  height: var(--SIZE-400, 32px);
}
.u-size-500 {
  width: var(--SIZE-500, 40px);
  height: var(--SIZE-500, 40px);
}
.u-size-550 {
  width: var(--SIZE-550, 48px);
  height: var(--SIZE-550, 48px);
}
.u-size-600 {
  width: var(--SIZE-600, 56px);
  height: var(--SIZE-600, 56px);
}
.u-size-700 {
  width: var(--SIZE-700, 80px);
  height: var(--SIZE-700, 80px);
}
.u-size-750 {
  width: var(--SIZE-750, 96px);
  height: var(--SIZE-750, 96px);
}
.u-size-800 {
  width: var(--SIZE-800, 160px);
  height: var(--SIZE-800, 160px);
}
.u-size-900 {
  width: var(--SIZE-900, 160px);
  height: var(--SIZE-900, 160px);
}
.u-size-950 {
  width: var(--SIZE-950, 200px);
  height: var(--SIZE-950, 200px);
}
.u-size-COL-MAXWIDTH {
  width: var(--SIZE-COL-MAXWIDTH, 432px);
  height: var(--SIZE-COL-MAXWIDTH, 432px);
}
.u-size-CONTENT-MAXWIDTH {
  width: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
  height: var(--SIZE-CONTENT-MAXWIDTH, 1392px);
}
.u-size-0 {
  width: 0;
  height: 0;
}
.u-size-50\% {
  width: 50%;
  height: 50%;
}
.u-size-100\% {
  width: 100%;
  height: 100%;
}
.u-text-500-slab,
.u-text-500-slab-bold {
  font-family: "Roboto Slab";
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -0.25px;
}
.u-text-500-slab-bold {
  font-weight: 700;
}
.u-text-400,
.u-text-400-bold {
  font-weight: 400;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: -0.25px;
}
.u-text-400-bold {
  font-weight: 700;
}
.u-text-300,
.u-text-300-bold {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
}
.u-text-300-bold {
  font-weight: 700;
}
.u-text-200,
.u-text-200-bold {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.15px;
}
.u-text-200-bold {
  font-weight: 700;
}
.u-text-100,
.u-text-100-bold {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.u-text-100-bold {
  font-weight: 700;
}
.u-text-075,
.u-text-075-bold {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.1px;
}
.u-text-075-bold {
  font-weight: 700;
}
.u-text-050,
.u-text-050-bold {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
}
.u-text-050-bold {
  font-weight: 700;
}
.u-text-light {
  font-weight: 300;
}
.u-text-regular {
  font-weight: 400;
}
.u-text-medium {
  font-weight: 500;
}
.u-text-bold {
  font-weight: 700;
}
.u-text-center {
  text-align: center;
}
.u-text-start {
  text-align: start;
}
.u-text-end {
  text-align: end;
}
.u-text-justify {
  text-align: justify;
}
.u-hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.u-underline {
  text-decoration: underline;
}
.u-uppercase {
  text-transform: uppercase;
}
.u-lowercase {
  text-transform: lowercase;
}
.u-capitalize {
  text-transform: capitalize;
}
.u-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-theme-dark {
  --THEME-COLOR-PRIMARY-DARK: var(--COLOR-PRIMARY-100, hsl(158, 48%, 87%));
  --THEME-COLOR-PRIMARY-500: var(--COLOR-PRIMARY-300, hsl(157, 86%, 39%));
  --THEME-COLOR-PRIMARY-400: var(--COLOR-PRIMARY-300, hsl(157, 86%, 39%));
  --THEME-COLOR-PRIMARY-300: var(--COLOR-PRIMARY-200, hsl(157, 51%, 67%));
  --THEME-COLOR-PRIMARY-200: var(--COLOR-PRIMARY-100, hsl(158, 48%, 87%));
  --THEME-COLOR-PRIMARY-100: var(--COLOR-PRIMARY-500, hsl(163, 100%, 20%));
  --THEME-COLOR-PRIMARY-050: var(--COLOR-PRIMARY-600, hsl(163, 60%, 20%));
  --THEME-COLOR-SECONDARY-500: var(--COLOR-SECONDARY-400, hsl(47, 100%, 49%));
  --THEME-COLOR-SECONDARY-450: var(--COLOR-SECONDARY-100, hsl(47, 100%, 95%));
  --THEME-COLOR-SECONDARY-400: var(--COLOR-SECONDARY-200, hsl(47, 100%, 80%));
  --THEME-COLOR-SECONDARY-300: var(--COLOR-SECONDARY-200, hsl(47, 100%, 80%));
  --THEME-COLOR-SECONDARY-200: var(--COLOR-SECONDARY-100, hsl(47, 100%, 95%));
  --THEME-COLOR-SECONDARY-100: var(--COLOR-SECONDARY-500, hsl(47, 90%, 28%));
  --THEME-COLOR-SHADE-900: var(--COLOR-SHADE-WHITE, hsl(0, 0%, 100%));
  --THEME-COLOR-SHADE-800: var(--COLOR-SHADE-200-DARK, hsl(207, 38%, 94%));
  --THEME-COLOR-SHADE-700: var(--COLOR-SHADE-100-DARK, hsl(210, 38%, 97%));
  --THEME-COLOR-SHADE-600: var(--COLOR-SHADE-400-DARK, hsl(210, 20%, 76%));
  --THEME-COLOR-SHADE-500: var(--COLOR-SHADE-500, hsl(209, 9%, 55%));
  --THEME-COLOR-SHADE-400: var(--COLOR-SHADE-300-DARK, hsl(208, 26%, 89%));
  --THEME-COLOR-SHADE-300: var(--COLOR-SHADE-600-DARK, hsl(210, 8%, 44%));
  --THEME-COLOR-SHADE-200: var(--COLOR-SHADE-700-DARK, hsl(210, 8%, 32%));
  --THEME-COLOR-SHADE-100: var(--COLOR-SHADE-900, hsl(204, 8%, 12%));
  --THEME-COLOR-SHADE-WHITE: var(--COLOR-SHADE-800-DARK, hsl(204, 8%, 20%));
  --THEME-COLOR-DANGER-400: var(--COLOR-DANGER-100, hsl(356, 100%, 97%));
  --THEME-COLOR-DANGER-300: var(--COLOR-DANGER-200-DARK, hsl(353, 96%, 72%));
  --THEME-COLOR-DANGER-200: var(--COLOR-DANGER-300, hsl(354, 57%, 48%));
  --THEME-COLOR-DANGER-100: var(--COLOR-DANGER-400, hsl(354, 60%, 33%));
  --THEME-COLOR-INFORMATION-400: var(--COLOR-INFORMATION-100, hsl(185, 100%, 93%));
  --THEME-COLOR-INFORMATION-300: var(--COLOR-INFORMATION-200, hsl(185, 54%, 44%));
  --THEME-COLOR-INFORMATION-200: var(--COLOR-INFORMATION-300, hsl(185, 70%, 29%));
  --THEME-COLOR-INFORMATION-100: var(--COLOR-INFORMATION-400, hsl(185, 71%, 22%));
  --THEME-COLOR-SUCCESS-400: var(--COLOR-SUCCESS-100, hsl(158, 48%, 87%));
  --THEME-COLOR-SUCCESS-300: var(--COLOR-SUCCESS-200, hsl(157, 86%, 39%));
  --THEME-COLOR-SUCCESS-200: var(--COLOR-SUCCESS-300, hsl(157, 93%, 28%));
  --THEME-COLOR-SUCCESS-100: var(--COLOR-SUCCESS-400, hsl(163, 100%, 20%));
  --THEME-COLOR-WARNING-400: var(--COLOR-WARNING-100, hsl(47, 100%, 95%));
  --THEME-COLOR-WARNING-300: var(--COLOR-WARNING-200, hsl(47, 100%, 65%));
  --THEME-COLOR-WARNING-200: var(--COLOR-WARNING-300, hsl(47, 100%, 49%));
  --THEME-COLOR-WARNING-100: var(--COLOR-WARNING-400, hsl(47, 90%, 28%));
  --THEME-COLOR-EXTENDED-BLUE-025: var(--COLOR-EXTENDED-BLUE-025-DARK, hsl(225, 49%, 29%));
  --THEME-COLOR-EXTENDED-BLUE-050: var(--COLOR-EXTENDED-BLUE-050-DARK, hsl(227, 100%, 69%));
  --THEME-COLOR-EXTENDED-BLUE-100: var(--COLOR-EXTENDED-BLUE-100-DARK, hsl(220, 79%, 76%));
  --THEME-COLOR-EXTENDED-GREEN-025: var(--COLOR-EXTENDED-GREEN-025-DARK, hsl(118, 20%, 24%));
  --THEME-COLOR-EXTENDED-GREEN-050: var(--COLOR-EXTENDED-GREEN-050-DARK, hsl(107, 43%, 49%));
  --THEME-COLOR-EXTENDED-GREEN-100: var(--COLOR-EXTENDED-GREEN-100-DARK, hsl(85, 45%, 64%));
  --THEME-COLOR-EXTENDED-GREY-025: var(--COLOR-EXTENDED-GREY-025-DARK, hsl(213, 15%, 31%));
  --THEME-COLOR-EXTENDED-GREY-050: var(--COLOR-EXTENDED-GREY-050-DARK, hsl(0, 0%, 55%));
  --THEME-COLOR-EXTENDED-GREY-100: var(--COLOR-EXTENDED-GREY-100-DARK, hsl(0, 0%, 83%));
  --THEME-COLOR-EXTENDED-MINT-025: var(--COLOR-EXTENDED-MINT-025-DARK, hsl(157, 54%, 33%));
  --THEME-COLOR-EXTENDED-OCHER-025: var(--COLOR-EXTENDED-OCHER-025-DARK, hsl(24, 92%, 31%));
  --THEME-COLOR-EXTENDED-OCHER-050: var(--COLOR-EXTENDED-OCHER-050-DARK, hsl(35, 60%, 50%));
  --THEME-COLOR-EXTENDED-OCHER-100: var(--COLOR-EXTENDED-OCHER-100-DARK, hsl(40, 51%, 64%));
  --THEME-COLOR-EXTENDED-PETROL-010: var(--COLOR-EXTENDED-PETROL-010-DARK, hsl(185, 86%, 22%));
  --THEME-COLOR-EXTENDED-PETROL-025: var(--COLOR-EXTENDED-PETROL-025-DARK, hsl(185, 54%, 18%));
  --THEME-COLOR-EXTENDED-PETROL-050: var(--COLOR-EXTENDED-PETROL-050-DARK, hsl(180, 74%, 40%));
  --THEME-COLOR-EXTENDED-PETROL-075: var(--COLOR-EXTENDED-PETROL-075-DARK, hsl(180, 66%, 55%));
  --THEME-COLOR-EXTENDED-PETROL-100: var(--COLOR-EXTENDED-PETROL-100-DARK, hsl(180, 41%, 66%));
  --THEME-COLOR-EXTENDED-PINK-025: var(--COLOR-EXTENDED-PINK-025-DARK, hsl(310, 27%, 26%));
  --THEME-COLOR-EXTENDED-PINK-050: var(--COLOR-EXTENDED-PINK-050-DARK, hsl(316, 86%, 64%));
  --THEME-COLOR-EXTENDED-PINK-100: var(--COLOR-EXTENDED-PINK-100-DARK, hsl(319, 67%, 69%));
  --THEME-COLOR-EXTENDED-PURPLE-025: var(--COLOR-EXTENDED-PURPLE-025-DARK, hsl(271, 30%, 28%));
  --THEME-COLOR-EXTENDED-PURPLE-050: var(--COLOR-EXTENDED-PURPLE-050-DARK, hsl(275, 100%, 68%));
  --THEME-COLOR-EXTENDED-PURPLE-100: var(--COLOR-EXTENDED-PURPLE-100-DARK, hsl(260, 100%, 83%));
  --THEME-COLOR-EXTENDED-RED-010: var(--COLOR-EXTENDED-RED-010-DARK, hsl(352, 50%, 36%));
  --THEME-COLOR-EXTENDED-RED-025: var(--COLOR-EXTENDED-RED-025-DARK, hsl(352, 58%, 22%));
  --THEME-COLOR-EXTENDED-RED-050: var(--COLOR-EXTENDED-RED-050-DARK, hsl(0, 100%, 64%));
  --THEME-COLOR-EXTENDED-RED-100: var(--COLOR-EXTENDED-RED-100-DARK, hsl(0, 100%, 72%));
  --THEME-COLOR-EXTENDED-VIOLET-025: var(--COLOR-EXTENDED-VIOLET-025-DARK, hsl(274, 86%, 22%));
  --THEME-COLOR-EXTENDED-YELLOW-025: var(--COLOR-EXTENDED-YELLOW-025-DARK, hsl(35, 77%, 33%));
  --THEME-FOCUS-COLOR: #058a57;
  --THEME-SHADOW-100:
    0 0 1px rgba(0, 0, 0, 0.08),
    0 0 2px rgba(0, 0, 0, 0.12),
    0 4px 8px rgba(0, 0, 0, 0.2);
  --THEME-SHADOW-TOP-100: 0 -1px 1px rgba(0, 0, 0, 0.08), 0 -2px 4px rgba(0, 0, 0, 0.24);
  --THEME-SHADOW-200:
    0 0 1px rgba(0, 0, 0, 0.08),
    0 2px 4px rgba(0, 0, 0, 0.12),
    0 8px 16px rgba(0, 0, 0, 0.2);
  --THEME-SHADOW-300:
    0 0 1px rgba(0, 0, 0, 0.08),
    0 4px 8px rgba(0, 0, 0, 0.12),
    0 12px 24px rgba(0, 0, 0, 0.4);
  --THEME-SHADOW-400:
    0 0 1px rgba(0, 0, 0, 0.08),
    0 8px 16px rgba(0, 0, 0, 0.12),
    0 24px 48px rgba(0, 0, 0, 0.6);
}
.u-theme-light {
  --THEME-COLOR-PRIMARY-DARK: var(--COLOR-PRIMARY-500, hsl(163, 100%, 20%));
  --THEME-COLOR-PRIMARY-500: var(--COLOR-PRIMARY-500, hsl(163, 100%, 20%));
  --THEME-COLOR-PRIMARY-400: var(--COLOR-PRIMARY-400, hsl(157, 93%, 28%));
  --THEME-COLOR-PRIMARY-300: var(--COLOR-PRIMARY-300, hsl(157, 86%, 39%));
  --THEME-COLOR-PRIMARY-200: var(--COLOR-PRIMARY-200, hsl(157, 51%, 67%));
  --THEME-COLOR-PRIMARY-100: var(--COLOR-PRIMARY-100, hsl(158, 48%, 87%));
  --THEME-COLOR-PRIMARY-050: var(--COLOR-PRIMARY-050, hsl(158, 50%, 94%));
  --THEME-COLOR-SECONDARY-500: var(--COLOR-SECONDARY-500, hsl(47, 90%, 28%));
  --THEME-COLOR-SECONDARY-450: var(--COLOR-SECONDARY-450, hsl(47, 95%, 38%));
  --THEME-COLOR-SECONDARY-400: var(--COLOR-SECONDARY-400, hsl(47, 100%, 49%));
  --THEME-COLOR-SECONDARY-300: var(--COLOR-SECONDARY-300, hsl(47, 100%, 65%));
  --THEME-COLOR-SECONDARY-200: var(--COLOR-SECONDARY-200, hsl(47, 100%, 80%));
  --THEME-COLOR-SECONDARY-100: var(--COLOR-SECONDARY-100, hsl(47, 100%, 95%));
  --THEME-COLOR-SHADE-900: var(--COLOR-SHADE-900, hsl(204, 8%, 12%));
  --THEME-COLOR-SHADE-800: var(--COLOR-SHADE-800, hsl(210, 8%, 15%));
  --THEME-COLOR-SHADE-700: var(--COLOR-SHADE-700, hsl(210, 8%, 20%));
  --THEME-COLOR-SHADE-600: var(--COLOR-SHADE-600, hsl(210, 8%, 33%));
  --THEME-COLOR-SHADE-500: var(--COLOR-SHADE-500, hsl(209, 9%, 55%));
  --THEME-COLOR-SHADE-400: var(--COLOR-SHADE-400, hsl(210, 20%, 73%));
  --THEME-COLOR-SHADE-300: var(--COLOR-SHADE-300, hsl(208, 26%, 86%));
  --THEME-COLOR-SHADE-200: var(--COLOR-SHADE-200, hsl(207, 38%, 91%));
  --THEME-COLOR-SHADE-100: var(--COLOR-SHADE-100, hsl(210, 38%, 94%));
  --THEME-COLOR-SHADE-WHITE: var(--COLOR-SHADE-WHITE, hsl(0, 0%, 100%));
  --THEME-COLOR-DANGER-400: var(--COLOR-DANGER-400, hsl(354, 60%, 33%));
  --THEME-COLOR-DANGER-300: var(--COLOR-DANGER-300, hsl(354, 57%, 48%));
  --THEME-COLOR-DANGER-200: var(--COLOR-DANGER-200, hsl(353, 81%, 65%));
  --THEME-COLOR-DANGER-100: var(--COLOR-DANGER-100, hsl(356, 100%, 97%));
  --THEME-COLOR-INFORMATION-400: var(--COLOR-INFORMATION-400, hsl(185, 71%, 22%));
  --THEME-COLOR-INFORMATION-300: var(--COLOR-INFORMATION-300, hsl(185, 70%, 29%));
  --THEME-COLOR-INFORMATION-200: var(--COLOR-INFORMATION-200, hsl(185, 54%, 44%));
  --THEME-COLOR-INFORMATION-100: var(--COLOR-INFORMATION-100, hsl(185, 100%, 93%));
  --THEME-COLOR-SUCCESS-400: var(--COLOR-SUCCESS-400, hsl(163, 100%, 20%));
  --THEME-COLOR-SUCCESS-300: var(--COLOR-SUCCESS-300, hsl(157, 93%, 28%));
  --THEME-COLOR-SUCCESS-200: var(--COLOR-SUCCESS-200, hsl(157, 86%, 39%));
  --THEME-COLOR-SUCCESS-100: var(--COLOR-SUCCESS-100, hsl(158, 48%, 87%));
  --THEME-COLOR-WARNING-400: var(--COLOR-WARNING-400, hsl(47, 90%, 28%));
  --THEME-COLOR-WARNING-300: var(--COLOR-WARNING-300, hsl(47, 100%, 49%));
  --THEME-COLOR-WARNING-200: var(--COLOR-WARNING-200, hsl(47, 100%, 65%));
  --THEME-COLOR-WARNING-100: var(--COLOR-WARNING-100, hsl(47, 100%, 95%));
  --THEME-COLOR-EXTENDED-BLUE-025: var(--COLOR-EXTENDED-BLUE-025-LIGHT, hsl(220, 61%, 86%));
  --THEME-COLOR-EXTENDED-BLUE-050: var(--COLOR-EXTENDED-BLUE-050-LIGHT, hsl(220, 75%, 56%));
  --THEME-COLOR-EXTENDED-BLUE-100: var(--COLOR-EXTENDED-BLUE-100-LIGHT, hsl(240, 68%, 53%));
  --THEME-COLOR-EXTENDED-GREEN-025: var(--COLOR-EXTENDED-GREEN-025-LIGHT, hsl(87, 30%, 79%));
  --THEME-COLOR-EXTENDED-GREEN-050: var(--COLOR-EXTENDED-GREEN-050-LIGHT, hsl(87, 100%, 26%));
  --THEME-COLOR-EXTENDED-GREEN-100: var(--COLOR-EXTENDED-GREEN-100-LIGHT, hsl(84, 100%, 20%));
  --THEME-COLOR-EXTENDED-GREY-025: var(--COLOR-EXTENDED-GREY-025-LIGHT, hsl(0, 0%, 84%));
  --THEME-COLOR-EXTENDED-GREY-050: var(--COLOR-EXTENDED-GREY-050-LIGHT, hsl(0, 0%, 46%));
  --THEME-COLOR-EXTENDED-GREY-100: var(--COLOR-EXTENDED-GREY-100-LIGHT, hsl(210, 8%, 20%));
  --THEME-COLOR-EXTENDED-MINT-025: var(--COLOR-EXTENDED-MINT-025-LIGHT, hsl(157, 53%, 78%));
  --THEME-COLOR-EXTENDED-OCHER-025: var(--COLOR-EXTENDED-OCHER-025-LIGHT, hsl(34, 97%, 86%));
  --THEME-COLOR-EXTENDED-OCHER-050: var(--COLOR-EXTENDED-OCHER-050-LIGHT, hsl(35, 68%, 53%));
  --THEME-COLOR-EXTENDED-OCHER-100: var(--COLOR-EXTENDED-OCHER-100-LIGHT, hsl(33, 89%, 36%));
  --THEME-COLOR-EXTENDED-PETROL-010: var(--COLOR-EXTENDED-PETROL-010-LIGHT, hsl(185, 100%, 93%));
  --THEME-COLOR-EXTENDED-PETROL-025: var(--COLOR-EXTENDED-PETROL-025-LIGHT, hsl(180, 29%, 79%));
  --THEME-COLOR-EXTENDED-PETROL-050: var(--COLOR-EXTENDED-PETROL-050-LIGHT, hsl(180, 90%, 27%));
  --THEME-COLOR-EXTENDED-PETROL-075: var(--COLOR-EXTENDED-PETROL-075-LIGHT, hsl(180, 92%, 23%));
  --THEME-COLOR-EXTENDED-PETROL-100: var(--COLOR-EXTENDED-PETROL-100-LIGHT, hsl(189, 100%, 21%));
  --THEME-COLOR-EXTENDED-PINK-025: var(--COLOR-EXTENDED-PINK-025-LIGHT, hsl(321, 45%, 85%));
  --THEME-COLOR-EXTENDED-PINK-050: var(--COLOR-EXTENDED-PINK-050-LIGHT, hsl(320, 54%, 51%));
  --THEME-COLOR-EXTENDED-PINK-100: var(--COLOR-EXTENDED-PINK-100-LIGHT, hsl(320, 82%, 33%));
  --THEME-COLOR-EXTENDED-PURPLE-025: var(--COLOR-EXTENDED-PURPLE-025-LIGHT, hsl(280, 61%, 86%));
  --THEME-COLOR-EXTENDED-PURPLE-050: var(--COLOR-EXTENDED-PURPLE-050-LIGHT, hsl(280, 77%, 56%));
  --THEME-COLOR-EXTENDED-PURPLE-100: var(--COLOR-EXTENDED-PURPLE-100-LIGHT, hsl(280, 100%, 34%));
  --THEME-COLOR-EXTENDED-RED-010: var(--COLOR-EXTENDED-RED-010-LIGHT, hsl(356, 100%, 97%));
  --THEME-COLOR-EXTENDED-RED-025: var(--COLOR-EXTENDED-RED-025-LIGHT, hsl(0, 51%, 86%));
  --THEME-COLOR-EXTENDED-RED-050: var(--COLOR-EXTENDED-RED-050-LIGHT, hsl(0, 63%, 54%));
  --THEME-COLOR-EXTENDED-RED-100: var(--COLOR-EXTENDED-RED-100-LIGHT, hsl(0, 100%, 33%));
  --THEME-COLOR-EXTENDED-VIOLET-025: var(--COLOR-EXTENDED-VIOLET-025-LIGHT, hsl(240, 54%, 85%));
  --THEME-COLOR-EXTENDED-YELLOW-025: var(--COLOR-EXTENDED-YELLOW-025-LIGHT, hsl(47, 100%, 83%));
  --THEME-FOCUS-COLOR: #058a57;
  --THEME-SHADOW-100:
    0 0 1px rgba(0, 0, 0, 0.04),
    0 0 2px rgba(0, 0, 0, 0.06),
    0 4px 8px rgba(0, 37, 112, 0.08);
  --THEME-SHADOW-TOP-100: 0 -1px 1px rgba(0, 0, 0, 0.01), 0 -2px 4px rgba(0, 37, 112, 0.04);
  --THEME-SHADOW-200:
    0 0 1px rgba(0, 0, 0, 0.04),
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 8px 16px rgba(0, 37, 112, 0.08);
  --THEME-SHADOW-300:
    0 0 1px rgba(0, 0, 0, 0.04),
    0 4px 8px rgba(0, 0, 0, 0.06),
    0 12px 24px rgba(0, 37, 112, 0.08);
  --THEME-SHADOW-400:
    0 0 1px rgba(0, 0, 0, 0.04),
    0 8px 16px rgba(0, 0, 0, 0.06),
    0 24px 48px rgba(0, 37, 112, 0.08);
}
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  src: url("./media/roboto-v29-latin-300.woff2") format("woff2"), url("./media/roboto-v29-latin-300.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  src: url("./media/roboto-v29-latin-regular.woff2") format("woff2"), url("./media/roboto-v29-latin-regular.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  src: url("./media/roboto-v29-latin-500.woff2") format("woff2"), url("./media/roboto-v29-latin-500.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  src: url("./media/roboto-v29-latin-700.woff2") format("woff2"), url("./media/roboto-v29-latin-700.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  font-weight: 700;
  src: url("./media/roboto-slab-v16-latin-700.woff2") format("woff2"), url("./media/roboto-slab-v16-latin-700.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
html,
body {
  height: 100%;
  overflow: hidden;
  overscroll-behavior-y: none;
}
body {
  color: var(--THEME-COLOR-SHADE-800, #222528);
  background-color: var(--THEME-COLOR-SHADE-100, #f4f7fa);
  font-family: var(--FONTFAMILY, Roboto, sans-serif);
}
* {
  -webkit-tap-highlight-color: transparent;
  overflow-x: var(--OverflowX, unset);
  overflow-y: var(--OverflowY, unset);
}
@media not all and (pointer: coarse) {
  * {
    --_scrollbar__track-Background: var(--scrollbar__track-Background, transparent);
    --_scrollbar__thumb-Background: var( --scrollbar__thumb-Background, var(--THEME-COLOR-SHADE-300, #dbe3ea) );
    --_scrollbar__thumb-BorderRadius: var(--scrollbar__thumb-BorderRadius, var(--SIZE-100, 8px));
    --_scrollbar-size: var(--scrollbar-size, var(--SIZE-100, 8px));
    scrollbar-width: thin;
    scrollbar-color: var(--_scrollbar__thumb-Background) var(--_scrollbar__track-Background);
  }
  *::-webkit-scrollbar {
    width: var(--_scrollbar-size);
    height: var(--_scrollbar-size);
  }
  *::-webkit-scrollbar-track {
    background: var(--_scrollbar__track-Background);
  }
  *::-webkit-scrollbar-thumb {
    background: var(--_scrollbar__thumb-Background);
    border-radius: var(--_scrollbar__thumb-BorderRadius);
  }
}
form {
  --_form-ZIndex: var(--form-ZIndex, var(--ZINDEX-100));
  position: relative;
  z-index: var(--_form-ZIndex);
}
textarea {
  border: 0;
}
@media print {
  html,
  body {
    height: min-content;
  }
}
input[type=time]::-webkit-calendar-picker-indicator {
  filter: invert(31%) sepia(12%) saturate(308%) hue-rotate(172deg) brightness(97%) contrast(92%);
  margin-right: -3px;
  margin-top: -20px;
  width: 24px;
  height: 24px;
}
input[type=time]::-webkit-calendar-picker-indicator::before {
  width: 22px;
  height: 22px;
}
body.dark input[type=time]::-webkit-calendar-picker-indicator {
  filter: invert(82%) sepia(9%) saturate(315%) hue-rotate(175deg) brightness(94%) contrast(90%);
}
ngx-datatable.buchner-datatable {
  --_datatable-Display: var(--datatable-Display, flex);
  --_datatable-FlexGrow: var(--datatable-FlexGrow, 1);
  --_datatable-MinHeight: var(--datatable-MinHeight, 0);
  display: var(--_datatable-Display);
  flex-grow: var(--_datatable-FlexGrow);
  min-height: var(--_datatable-MinHeight);
  height: var(--datatable-Height);
  --_datatable__body-row-BackgroundColor: var(--datatable__body-row-BackgroundColor, transparent);
  --_datatable__body-row-radius: var(--datatable__body-row-radius, 0);
  --_datatable__body-row-BackgroundColor--hover: var( --datatable__body-row-BackgroundColor--hover, var(--THEME-COLOR-SHADE-100, #f4f7fa) );
  --_datatable__body-row-radius--hover: var( --datatable__body-row-radius--hover, var(--SIZE-100, 8px) );
  --_datatable__body-row-BackgroundColor--active: var( --datatable__body-row-BackgroundColor--active, var(--THEME-COLOR-PRIMARY-100, #ceeee2) );
  --_datatable__body-row-radius--active: var( --datatable__body-row-radius--active, var(--SIZE-100, 8px) );
  --_datatable__body-row-BackgroundColor--focus: var( --datatable__body-row-BackgroundColor--focus, var(--THEME-COLOR-SHADE-100, #f4f7fa) );
  --_datatable__body-row-radius--focus: var( --datatable__body-row-radius--focus, var(--SIZE-100, 8px) );
  --_datatable__checkbox-Width: var(--datatable__checkbox-Width, var(--SIZE-400, 32px));
  font: var(--FONT-100);
  color: var(--THEME-COLOR-SHADE-800);
}
ngx-datatable.buchner-datatable > [visibilityobserver] {
  display: flex;
  flex-grow: 1;
  min-width: 0;
}
ngx-datatable.buchner-datatable.on-page-with-sidebar div[role=table] {
  flex-grow: 1;
}
ngx-datatable.buchner-datatable.on-page-with-sidebar div[role=table] > .datatable-header,
ngx-datatable.buchner-datatable.on-page-with-sidebar div[role=table] > .datatable-footer,
ngx-datatable.buchner-datatable.on-page-with-sidebar div[role=table] > .datatable-body {
  width: 100% !important;
}
ngx-datatable.buchner-datatable div[role=table] {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  max-height: 100%;
}
ngx-datatable.buchner-datatable div[role=table] > .datatable-header,
ngx-datatable.buchner-datatable div[role=table] > .datatable-footer {
  flex-shrink: 0;
}
ngx-datatable.buchner-datatable div[role=table] > .datatable-body {
  flex-grow: 1;
}
ngx-datatable.buchner-datatable.single-selection .datatable-row-wrapper:hover,
ngx-datatable.buchner-datatable.single-selection .datatable-row-wrapper:focus,
ngx-datatable.buchner-datatable.single-selection .datatable-row-wrapper:focus-within,
ngx-datatable.buchner-datatable.single-selection .datatable-row-wrapper.js-selected,
ngx-datatable.buchner-datatable.multi-selection .datatable-row-wrapper:hover,
ngx-datatable.buchner-datatable.multi-selection .datatable-row-wrapper:focus,
ngx-datatable.buchner-datatable.multi-selection .datatable-row-wrapper:focus-within,
ngx-datatable.buchner-datatable.multi-selection .datatable-row-wrapper.js-selected,
ngx-datatable.buchner-datatable.multi-click-selection .datatable-row-wrapper:hover,
ngx-datatable.buchner-datatable.multi-click-selection .datatable-row-wrapper:focus,
ngx-datatable.buchner-datatable.multi-click-selection .datatable-row-wrapper:focus-within,
ngx-datatable.buchner-datatable.multi-click-selection .datatable-row-wrapper.js-selected,
ngx-datatable.buchner-datatable.checkbox-selection .datatable-row-wrapper:hover,
ngx-datatable.buchner-datatable.checkbox-selection .datatable-row-wrapper:focus,
ngx-datatable.buchner-datatable.checkbox-selection .datatable-row-wrapper:focus-within,
ngx-datatable.buchner-datatable.checkbox-selection .datatable-row-wrapper.js-selected {
  --__datatable__body-row__divider-Visibility: hidden;
}
ngx-datatable.buchner-datatable.single-selection .datatable-row-wrapper:hover + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.single-selection .datatable-row-wrapper:focus + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.single-selection .datatable-row-wrapper:focus-within + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.single-selection .datatable-row-wrapper.js-selected + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.multi-selection .datatable-row-wrapper:hover + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.multi-selection .datatable-row-wrapper:focus + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.multi-selection .datatable-row-wrapper:focus-within + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.multi-selection .datatable-row-wrapper.js-selected + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.multi-click-selection .datatable-row-wrapper:hover + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.multi-click-selection .datatable-row-wrapper:focus + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.multi-click-selection .datatable-row-wrapper:focus-within + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.multi-click-selection .datatable-row-wrapper.js-selected + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.checkbox-selection .datatable-row-wrapper:hover + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.checkbox-selection .datatable-row-wrapper:focus + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.checkbox-selection .datatable-row-wrapper:focus-within + .datatable-row-wrapper,
ngx-datatable.buchner-datatable.checkbox-selection .datatable-row-wrapper.js-selected + .datatable-row-wrapper {
  --__datatable__body-row__divider-Visibility: hidden;
}
ngx-datatable.buchner-datatable.single-selection .datatable-row-wrapper:hover,
ngx-datatable.buchner-datatable.multi-selection .datatable-row-wrapper:hover,
ngx-datatable.buchner-datatable.multi-click-selection .datatable-row-wrapper:hover,
ngx-datatable.buchner-datatable.checkbox-selection .datatable-row-wrapper:hover {
  --_datatable__body-row-radius: var(--_datatable__body-row-radius--hover);
  --_datatable__body-row-BackgroundColor: var(--_datatable__body-row-BackgroundColor--hover);
}
ngx-datatable.buchner-datatable.single-selection .datatable-row-wrapper:focus:not(.js-selected),
ngx-datatable.buchner-datatable.single-selection .datatable-row-wrapper:focus-within:not(.js-selected),
ngx-datatable.buchner-datatable.multi-selection .datatable-row-wrapper:focus:not(.js-selected),
ngx-datatable.buchner-datatable.multi-selection .datatable-row-wrapper:focus-within:not(.js-selected),
ngx-datatable.buchner-datatable.multi-click-selection .datatable-row-wrapper:focus:not(.js-selected),
ngx-datatable.buchner-datatable.multi-click-selection .datatable-row-wrapper:focus-within:not(.js-selected),
ngx-datatable.buchner-datatable.checkbox-selection .datatable-row-wrapper:focus:not(.js-selected),
ngx-datatable.buchner-datatable.checkbox-selection .datatable-row-wrapper:focus-within:not(.js-selected) {
  --_datatable__body-row-radius: var(--_datatable__body-row-radius--focus);
  --_datatable__body-row-BackgroundColor: var(--_datatable__body-row-BackgroundColor--focus);
}
ngx-datatable.buchner-datatable.single-selection .datatable-row-wrapper.js-selected,
ngx-datatable.buchner-datatable.multi-selection .datatable-row-wrapper.js-selected,
ngx-datatable.buchner-datatable.multi-click-selection .datatable-row-wrapper.js-selected,
ngx-datatable.buchner-datatable.checkbox-selection .datatable-row-wrapper.js-selected {
  --_datatable__body-row-radius: var(--_datatable__body-row-radius--active);
  --_datatable__body-row-BackgroundColor: var(--_datatable__body-row-BackgroundColor--active);
}
ngx-datatable.buchner-datatable.cell-selection .datatable-body-cell:hover {
  --__datatable__body__cell-BackgroundColor: var(--_datatable__body__cell-BackgroundColor--hover);
}
ngx-datatable.buchner-datatable.cell-selection .datatable-body-cell:focus {
  --__datatable__body__cell-BackgroundColor: var(--_datatable__body__cell-BackgroundColor--focus);
}
ngx-datatable.buchner-datatable.cell-selection .datatable-body-cell.active {
  --__datatable__body__cell-BackgroundColor: var(--_datatable__body__cell-BackgroundColor--active);
}
ngx-datatable.buchner-datatable.checkbox-selection .datatable-header-cell:first-child,
ngx-datatable.buchner-datatable.checkbox-selection .datatable-body-cell:first-child {
  --_width: calc( var(--_datatable__checkbox-Width) + var(--_datatable__cell-PaddingInlineStart) + var(--_datatable__cell-PaddingInlineEnd) );
  width: var(--_width) !important;
  min-width: var(--_width) !important;
}
ngx-datatable.buchner-datatable .datatable-header .datatable-header-cell,
ngx-datatable.buchner-datatable .datatable-header .datatable-body-cell,
ngx-datatable.buchner-datatable .datatable-body .datatable-header-cell,
ngx-datatable.buchner-datatable .datatable-body .datatable-body-cell {
  --_datatable__cell-PaddingBlock: var( --datatable__cell-PaddingBlock, var(--SIZE-100, 8px) );
  --_datatable__cell-PaddingInlineStart: var( --datatable__cell-PaddingInlineStart, var(--SIZE-200, 16px) );
  --_datatable__cell-PaddingInlineEnd: var( --datatable__cell-PaddingInlineEnd, var(--SIZE-200, 16px) );
  --_datatable__cell-MinWidth: var(--datatable__cell-MinWidth, 0);
  display: flex;
  align-items: center;
  padding-block: var(--_datatable__cell-PaddingBlock);
  padding-inline: var(--_datatable__cell-PaddingInlineStart) var(--_datatable__cell-PaddingInlineEnd);
  min-width: var(--_datatable__cell-MinWidth);
  line-height: 1.5;
}
ngx-datatable.buchner-datatable .datatable-header {
  --_datatable__header-MinHeight: var( --datatable__header-MinHeight, var(--SIZE-600, 56px) );
  --_datatable__header-Color: var( --datatable__header-Color, var(--THEME-COLOR-PRIMARY-500, #006649) );
  --_datatable__header-BorderBottomColor: var( --datatable__header-BorderBottomColor, var(--THEME-COLOR-SHADE-300, #dbe3ea) );
  --_datatable__header-BorderBottomWidth: var(--datatable__header-BorderBottomWidth, 0);
  display: flex;
  align-items: center;
  color: var(--_datatable__header-Color);
  font: var(--FONT-075-BOLD);
  margin-block: var(--SPACING-150);
  border-bottom: var(--_datatable__header-BorderBottomWidth) solid var(--_datatable__header-BorderBottomColor);
  -webkit-user-select: none;
  user-select: none;
}
ngx-datatable.buchner-datatable .datatable-header:not([style*=height]) {
  min-height: var(--_datatable__header-MinHeight);
}
ngx-datatable.buchner-datatable .datatable-header .datatable-header-inner {
  height: 100%;
}
ngx-datatable.buchner-datatable .datatable-header .datatable-header-cell {
  display: flex;
  align-items: center;
}
ngx-datatable.buchner-datatable .datatable-header .datatable-header-cell .resize-handle {
  --_datatable__header-cell__resize-handle-Width: var(--datatable__header-cell__resize-handle-Width, 5px);
  --_datatable__header-cell__resize-handle-BackgroundColor: var( --datatable__header-cell__resize-handle-BackgroundColor, transparent );
  width: var(--_datatable__header-cell__resize-handle-Width);
  background-image:
    linear-gradient(
      to right,
      var(--_datatable__header-cell__resize-handle-BackgroundColor),
      var(--_datatable__header-cell__resize-handle-BackgroundColor));
  background-size: 1px 100%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: var(--datatable__header-cell__resize-handle-Cursor, initial);
  pointer-events: var(--datatable__header-cell__resize-handle-PointerEvents, none);
}
ngx-datatable.buchner-datatable .datatable-header .datatable-header-cell.sortable {
  --__datatable__header-cell__sort-btn-Display: inline-flex;
}
ngx-datatable.buchner-datatable .datatable-header .datatable-header-cell.sort-active {
  --_datatable__header-cell__sort-btn-color--active: var( --datatable__header-cell__sort-btn-color--active, var(--THEME-COLOR-PRIMARY-500, #006649) );
}
ngx-datatable.buchner-datatable .datatable-header .datatable-header-cell.sort-active.sort-asc {
  --__datatable__header-cell__sort-btn__asc-color: var(--_datatable__header-cell__sort-btn-color--active);
}
ngx-datatable.buchner-datatable .datatable-header .datatable-header-cell.sort-active.sort-desc {
  --__datatable__header-cell__sort-btn__desc-color: var(--_datatable__header-cell__sort-btn-color--active);
}
ngx-datatable.buchner-datatable .datatable-header .datatable-header-cell .sort-btn {
  --_datatable__header-cell__sort-btn-Display: var(--__datatable__header-cell__sort-btn-Display, none);
  --_datatable__header-cell__sort-btn-color: var( --datatable__header-cell__sort-btn-color, var(--THEME-COLOR-SHADE-300, #dbe3ea) );
  width: var(--SIZE-300, 24px);
  height: var(--SIZE-300, 24px);
  position: relative;
  display: var(--_datatable__header-cell__sort-btn-Display);
  justify-content: center;
}
ngx-datatable.buchner-datatable .datatable-header .datatable-header-cell .sort-btn::before,
ngx-datatable.buchner-datatable .datatable-header .datatable-header-cell .sort-btn::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px;
  border-color: transparent;
}
ngx-datatable.buchner-datatable .datatable-header .datatable-header-cell .sort-btn::before {
  --_datatable__header-cell__sort-btn__asc-color: var( --__datatable__header-cell__sort-btn__asc-color, var(--_datatable__header-cell__sort-btn-color) );
  border-top-width: 0;
  border-bottom-color: var(--_datatable__header-cell__sort-btn__asc-color);
  top: calc(50% - 3.5px);
  transform: translateY(-50%);
}
ngx-datatable.buchner-datatable .datatable-header .datatable-header-cell .sort-btn::after {
  --_datatable__header-cell__sort-btn__desc-color: var( --__datatable__header-cell__sort-btn__desc-color, var(--_datatable__header-cell__sort-btn-color) );
  border-bottom-width: 0;
  border-top-color: var(--_datatable__header-cell__sort-btn__desc-color);
  top: calc(50% + 3.5px);
  transform: translateY(-50%);
}
ngx-datatable.buchner-datatable .datatable-body {
  margin-block-end: var(--datatable__body-MarginBlockEnd, 0);
}
ngx-datatable.buchner-datatable datatable-selection {
  display: flex;
}
ngx-datatable.buchner-datatable datatable-selection > .datatable-scroll {
  flex-grow: 1;
}
ngx-datatable.buchner-datatable datatable-selection > .datatable-scroll .empty-row {
  padding-inline: 16px;
}
ngx-datatable.buchner-datatable .datatable-row-wrapper {
  justify-content: center;
  min-width: 100%;
}
ngx-datatable.buchner-datatable .datatable-row-group {
  width: auto !important;
}
ngx-datatable.buchner-datatable .datatable-body-row {
  --_datatable__body-row-MinHeight: var( --datatable__body-row-MinHeight, var(--SIZE-600, 56px) );
  width: 100% !important;
  background-color: var(--_datatable__body-row-BackgroundColor);
  -webkit-clip-path: inset(0 round var(--_datatable__body-row-radius));
  clip-path: inset(0 round var(--_datatable__body-row-radius));
  cursor: var(--__datatable-body-row-Cursor, var(--datatable-body-row-Cursor));
  position: relative;
}
ngx-datatable.buchner-datatable .datatable-body-row[class*=-cancelled] datatable-body-cell:not(.status) {
  position: inherit;
}
ngx-datatable.buchner-datatable .datatable-body-row[class*=-cancelled] datatable-body-cell:not(.status)::after {
  visibility: var(--datatable__body-row__LineThrough-Visibility, hidden);
  content: "";
  position: absolute;
  inset: 0;
  margin: auto 0;
  height: 1px;
  background-color: var(--THEME-COLOR-SHADE-600);
}
ngx-datatable.buchner-datatable .datatable-body-row.error {
  --__datatable-body-row-Cursor: default;
}
ngx-datatable.buchner-datatable .datatable-body-row::before {
  --_datatable__body-row__divider-Height: var(--datatable__body-row__divider-Height, 1px);
  --_datatable__body-row__divider-Visibility: var( --datatable__body-row__divider-Visibility, var(--__datatable__body-row__divider-Visibility, visible) );
  --_datatable__body-row__divider-BackgroundColor: var( --datatable__body-row__divider-BackgroundColor, var(--THEME-COLOR-SHADE-300, #dbe3ea) );
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: var(--_datatable__body-row__divider-Height);
  background-color: var(--_datatable__body-row__divider-BackgroundColor);
  visibility: var(--_datatable__body-row__divider-Visibility);
}
ngx-datatable.buchner-datatable .datatable-body-row:not([style*=height]) {
  min-height: var(--_datatable__body-row-MinHeight);
}
ngx-datatable.buchner-datatable .datatable-body-cell {
  --_datatable__body__cell-BackgroundColor: var( --__datatable__body__cell-BackgroundColor, var(--datatable__body__cell-BackgroundColor, transparent) );
  --_datatable__body__cell-BackgroundColor--hover: var( --datatable__body__cell-BackgroundColor--hover, var(--THEME-COLOR-SHADE-100, #f4f7fa) );
  --_datatable__body__cell-BackgroundColor--focus: var( --datatable__body__cell-BackgroundColor--focus, var(--THEME-COLOR-SHADE-100, #f4f7fa) );
  --_datatable__body__cell-BackgroundColor--active: var( --datatable__body__cell-BackgroundColor--active, var(--THEME-COLOR-PRIMARY-100, #ceeee2) );
  background-color: var(--_datatable__body__cell-BackgroundColor);
  min-height: 100%;
}
ngx-datatable.buchner-datatable .datatable-body-cell-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
ngx-datatable.buchner-datatable .datatable-body-cell-label div {
  text-overflow: ellipsis;
  overflow: hidden;
}
ngx-datatable.buchner-datatable .datatable-pager {
  --_datatable__pager-Display: var(--datatable__pager-Display, none);
  display: var(--_datatable__pager-Display);
}
.loading-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: var(--THEME-COLOR-SHADE-100);
  opacity: 0.7;
  z-index: 50;
}
#overlay-content-node-wrapper[data-context=lion-input-datepicker] {
  --calendar-overlay-frame-Background: var(--THEME-COLOR-SHADE-WHITE);
  --calendar-overlay-frame-BorderRadius: var(--SIZE-200);
  --calendar-overlay-frame-BoxShadow: none;
  --_arrow-width: 12px;
  --_arrow-height: 8px;
  --_input-datepicker__overlay-Display: var(--__input-datepicker__overlay-Display, flex);
  --_input-datepicker__overlay-AlignItems: var(--__input-datepicker__overlay-AlignItems, center);
  --_input-datepicker__overlay-JustifyContent: var(--__input-datepicker__overlay-JustifyContent, center);
  --_input-datepicker__overlay-DropShadow: var( --__input-datepicker__overlay-DropShadow, 0 4px 8px rgba(0, 37, 112, 0.3) );
  --_input-datepicker__overlay-Inset: var(--__input-datepicker__overlay-Inset, 0);
  --_input-datepicker__overlay-PointerEvents: var(--__input-datepicker__overlay-PointerEvents, none);
  display: var(--_input-datepicker__overlay-Display);
  align-items: center;
  justify-content: center;
  filter: drop-shadow(var(--_input-datepicker__overlay-DropShadow));
  border-radius: var(--calendar-overlay-frame-BorderRadius);
  position: fixed !important;
  z-index: var(--ZINDEX-900) !important;
  inset: var(--_input-datepicker__overlay-Inset) !important;
  pointer-events: var(--_input-datepicker__overlay-PointerEvents);
}
#overlay-content-node-wrapper[data-context=lion-input-datepicker] lion-calendar-overlay-frame {
  position: relative;
  pointer-events: auto;
}
#overlay-content-node-wrapper[data-context=lion-input-datepicker] lion-calendar-overlay-frame::before {
  --_input-datepicker__overlay__backdrop-Display: var(--__input-datepicker__overlay__backdrop-Display, block);
  content: "";
  display: var(--_input-datepicker__overlay__backdrop-Display);
  position: fixed;
  z-index: -1;
  inset: 0;
  background-color: rgba(22, 26, 32, 0.75);
  pointer-events: none;
}
#overlay-content-node-wrapper[data-context=lion-input-datepicker] .arrow {
  --_input-datepicker__overlay__arrow-Display: var(--__input-datepicker__overlay__arrow-Display, none);
  --_input-datepicker__overlay__arrow-Color: var( --input-datepicker__overlay-arrow-Color, var(--calendar-overlay-frame-Background) );
  display: var(--_input-datepicker__overlay__arrow-Display);
  position: absolute;
  width: var(--_arrow-width);
  height: var(--_arrow-height);
  color: var(--_input-datepicker__overlay__arrow-Color);
}
#overlay-content-node-wrapper[data-context=lion-input-datepicker] .arrow__graphic {
  display: block;
  fill: currentColor;
}
#overlay-content-node-wrapper[data-context=lion-input-datepicker][data-popper-placement^=top] .arrow {
  bottom: calc(-1 * var(--_arrow-height));
}
#overlay-content-node-wrapper[data-context=lion-input-datepicker][data-popper-placement^=bottom] .arrow {
  top: calc(-1 * var(--_arrow-height));
}
#overlay-content-node-wrapper[data-context=lion-input-datepicker][data-popper-placement^=bottom] .arrow__graphic {
  transform: rotate(180deg);
}
#overlay-content-node-wrapper[data-context=lion-input-datepicker][data-popper-placement^=left] .arrow {
  right: calc(-1 * (var(--_arrow-height) + (var(--_arrow-width) - var(--_arrow-height)) / 2));
}
#overlay-content-node-wrapper[data-context=lion-input-datepicker][data-popper-placement^=left] .arrow__graphic {
  transform: rotate(270deg);
}
#overlay-content-node-wrapper[data-context=lion-input-datepicker][data-popper-placement^=right] .arrow {
  left: calc(-1 * (var(--_arrow-height) + (var(--_arrow-width) - var(--_arrow-height)) / 2));
}
#overlay-content-node-wrapper[data-context=lion-input-datepicker][data-popper-placement^=right] .arrow__graphic {
  transform: rotate(90deg);
}
@media (max-width: 666.98px) {
  #overlay-content-node-wrapper[data-context=lion-input-datepicker] {
    transform: unset !important;
  }
}
@media (min-width: 667px) {
  #overlay-content-node-wrapper[data-context=lion-input-datepicker] {
    --__input-datepicker__overlay-Display: block;
    --__input-datepicker__overlay-AlignItems: unset;
    --__input-datepicker__overlay-JustfifyContent: unset;
    --__input-datepicker__overlay-PointerEvents: auto;
    --__input-datepicker__overlay__backdrop-Display: none;
    --__input-datepicker__overlay__arrow-Display: block;
  }
  #overlay-content-node-wrapper[data-context=lion-input-datepicker][data-popper-placement^=bottom] {
    --__input-datepicker__overlay-Inset: 0 auto auto 0;
  }
  #overlay-content-node-wrapper[data-context=lion-input-datepicker][data-popper-placement^=top] {
    --__input-datepicker__overlay-Inset: auto auto 0 0;
  }
}
body.theme-dark {
  --__input-datepicker__overlay-DropShadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
#barcode-scanner-controller img,
#barcode-scanner-controller video {
  max-width: none;
}

/* node_modules/gridstack/dist/gridstack.min.css */
:root .grid-stack-item > .ui-resizable-handle {
  filter: none;
}
.grid-stack {
  position: relative;
}
.grid-stack.grid-stack-rtl {
  direction: ltr;
}
.grid-stack.grid-stack-rtl > .grid-stack-item {
  direction: rtl;
}
.grid-stack .grid-stack-placeholder > .placeholder-content {
  background-color: rgba(0, 0, 0, .1);
  margin: 0;
  position: absolute;
  width: auto;
  z-index: 0 !important;
  text-align: center;
}
.grid-stack > .grid-stack-item {
  min-width: 8.3333333333%;
  position: absolute;
  padding: 0;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
  margin: 0;
  position: absolute;
  width: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.grid-stack > .grid-stack-item > .ui-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle,
.grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle {
  display: none;
}
.grid-stack > .grid-stack-item > .ui-resizable-se,
.grid-stack > .grid-stack-item > .ui-resizable-sw {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.grid-stack > .grid-stack-item > .ui-resizable-se {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.grid-stack > .grid-stack-item > .ui-resizable-nw {
  cursor: nw-resize;
  width: 20px;
  height: 20px;
  top: 0;
}
.grid-stack > .grid-stack-item > .ui-resizable-n {
  cursor: n-resize;
  height: 10px;
  top: 0;
  left: 25px;
  right: 25px;
}
.grid-stack > .grid-stack-item > .ui-resizable-ne {
  cursor: ne-resize;
  width: 20px;
  height: 20px;
  top: 0;
}
.grid-stack > .grid-stack-item > .ui-resizable-e {
  cursor: e-resize;
  width: 10px;
  top: 15px;
  bottom: 15px;
}
.grid-stack > .grid-stack-item > .ui-resizable-se {
  cursor: se-resize;
  width: 20px;
  height: 20px;
}
.grid-stack > .grid-stack-item > .ui-resizable-s {
  cursor: s-resize;
  height: 10px;
  left: 25px;
  bottom: 0;
  right: 25px;
}
.grid-stack > .grid-stack-item > .ui-resizable-sw {
  cursor: sw-resize;
  width: 20px;
  height: 20px;
}
.grid-stack > .grid-stack-item > .ui-resizable-w {
  cursor: w-resize;
  width: 10px;
  top: 15px;
  bottom: 15px;
}
.grid-stack > .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
  display: none !important;
}
.grid-stack > .grid-stack-item[gs-w="0"] {
  width: 0%;
}
.grid-stack > .grid-stack-item[gs-x="0"] {
  left: 0;
}
.grid-stack > .grid-stack-item[gs-min-w="0"] {
  min-width: 0;
}
.grid-stack > .grid-stack-item[gs-max-w="0"] {
  max-width: 0%;
}
.grid-stack > .grid-stack-item[gs-w="1"] {
  width: 8.3333333333%;
}
.grid-stack > .grid-stack-item[gs-x="1"] {
  left: 8.3333333333%;
}
.grid-stack > .grid-stack-item[gs-min-w="1"] {
  min-width: 8.3333333333%;
}
.grid-stack > .grid-stack-item[gs-max-w="1"] {
  max-width: 8.3333333333%;
}
.grid-stack > .grid-stack-item[gs-w="2"] {
  width: 16.6666666667%;
}
.grid-stack > .grid-stack-item[gs-x="2"] {
  left: 16.6666666667%;
}
.grid-stack > .grid-stack-item[gs-min-w="2"] {
  min-width: 16.6666666667%;
}
.grid-stack > .grid-stack-item[gs-max-w="2"] {
  max-width: 16.6666666667%;
}
.grid-stack > .grid-stack-item[gs-w="3"] {
  width: 25%;
}
.grid-stack > .grid-stack-item[gs-x="3"] {
  left: 25%;
}
.grid-stack > .grid-stack-item[gs-min-w="3"] {
  min-width: 25%;
}
.grid-stack > .grid-stack-item[gs-max-w="3"] {
  max-width: 25%;
}
.grid-stack > .grid-stack-item[gs-w="4"] {
  width: 33.3333333333%;
}
.grid-stack > .grid-stack-item[gs-x="4"] {
  left: 33.3333333333%;
}
.grid-stack > .grid-stack-item[gs-min-w="4"] {
  min-width: 33.3333333333%;
}
.grid-stack > .grid-stack-item[gs-max-w="4"] {
  max-width: 33.3333333333%;
}
.grid-stack > .grid-stack-item[gs-w="5"] {
  width: 41.6666666667%;
}
.grid-stack > .grid-stack-item[gs-x="5"] {
  left: 41.6666666667%;
}
.grid-stack > .grid-stack-item[gs-min-w="5"] {
  min-width: 41.6666666667%;
}
.grid-stack > .grid-stack-item[gs-max-w="5"] {
  max-width: 41.6666666667%;
}
.grid-stack > .grid-stack-item[gs-w="6"] {
  width: 50%;
}
.grid-stack > .grid-stack-item[gs-x="6"] {
  left: 50%;
}
.grid-stack > .grid-stack-item[gs-min-w="6"] {
  min-width: 50%;
}
.grid-stack > .grid-stack-item[gs-max-w="6"] {
  max-width: 50%;
}
.grid-stack > .grid-stack-item[gs-w="7"] {
  width: 58.3333333333%;
}
.grid-stack > .grid-stack-item[gs-x="7"] {
  left: 58.3333333333%;
}
.grid-stack > .grid-stack-item[gs-min-w="7"] {
  min-width: 58.3333333333%;
}
.grid-stack > .grid-stack-item[gs-max-w="7"] {
  max-width: 58.3333333333%;
}
.grid-stack > .grid-stack-item[gs-w="8"] {
  width: 66.6666666667%;
}
.grid-stack > .grid-stack-item[gs-x="8"] {
  left: 66.6666666667%;
}
.grid-stack > .grid-stack-item[gs-min-w="8"] {
  min-width: 66.6666666667%;
}
.grid-stack > .grid-stack-item[gs-max-w="8"] {
  max-width: 66.6666666667%;
}
.grid-stack > .grid-stack-item[gs-w="9"] {
  width: 75%;
}
.grid-stack > .grid-stack-item[gs-x="9"] {
  left: 75%;
}
.grid-stack > .grid-stack-item[gs-min-w="9"] {
  min-width: 75%;
}
.grid-stack > .grid-stack-item[gs-max-w="9"] {
  max-width: 75%;
}
.grid-stack > .grid-stack-item[gs-w="10"] {
  width: 83.3333333333%;
}
.grid-stack > .grid-stack-item[gs-x="10"] {
  left: 83.3333333333%;
}
.grid-stack > .grid-stack-item[gs-min-w="10"] {
  min-width: 83.3333333333%;
}
.grid-stack > .grid-stack-item[gs-max-w="10"] {
  max-width: 83.3333333333%;
}
.grid-stack > .grid-stack-item[gs-w="11"] {
  width: 91.6666666667%;
}
.grid-stack > .grid-stack-item[gs-x="11"] {
  left: 91.6666666667%;
}
.grid-stack > .grid-stack-item[gs-min-w="11"] {
  min-width: 91.6666666667%;
}
.grid-stack > .grid-stack-item[gs-max-w="11"] {
  max-width: 91.6666666667%;
}
.grid-stack > .grid-stack-item[gs-w="12"] {
  width: 100%;
}
.grid-stack > .grid-stack-item[gs-x="12"] {
  left: 100%;
}
.grid-stack > .grid-stack-item[gs-min-w="12"] {
  min-width: 100%;
}
.grid-stack > .grid-stack-item[gs-max-w="12"] {
  max-width: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item {
  min-width: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item[gs-w="1"] {
  width: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item[gs-x="1"] {
  left: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item[gs-min-w="1"] {
  min-width: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item[gs-max-w="1"] {
  max-width: 100%;
}
.grid-stack.grid-stack-animate,
.grid-stack.grid-stack-animate .grid-stack-item {
  -webkit-transition:
    left .3s,
    top .3s,
    height .3s,
    width .3s;
  -moz-transition:
    left .3s,
    top .3s,
    height .3s,
    width .3s;
  -ms-transition:
    left .3s,
    top .3s,
    height .3s,
    width .3s;
  -o-transition:
    left .3s,
    top .3s,
    height .3s,
    width .3s;
  transition:
    left .3s,
    top .3s,
    height .3s,
    width .3s;
}
.grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder,
.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing {
  -webkit-transition:
    left 0s,
    top 0s,
    height 0s,
    width 0s;
  -moz-transition:
    left 0s,
    top 0s,
    height 0s,
    width 0s;
  -ms-transition:
    left 0s,
    top 0s,
    height 0s,
    width 0s;
  -o-transition:
    left 0s,
    top 0s,
    height 0s,
    width 0s;
  transition:
    left 0s,
    top 0s,
    height 0s,
    width 0s;
}
.ui-draggable-dragging,
.ui-resizable-resizing {
  z-index: 100;
}
.ui-draggable-dragging > .grid-stack-item-content,
.ui-resizable-resizing > .grid-stack-item-content {
  box-shadow: 1px 4px 6px rgba(0, 0, 0, .2);
  opacity: .8;
}
.ui-draggable-dragging {
  will-change: left, top;
  cursor: move;
}
.ui-resizable-resizing {
  will-change: width, height;
}

/* node_modules/gridstack/dist/gridstack-extra.min.css */
.grid-stack.grid-stack-2 > .grid-stack-item {
  min-width: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-w="1"] {
  width: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-x="1"] {
  left: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-min-w="1"] {
  min-width: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-max-w="1"] {
  max-width: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-w="2"] {
  width: 100%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-x="2"] {
  left: 100%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-min-w="2"] {
  min-width: 100%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-max-w="2"] {
  max-width: 100%;
}
.grid-stack.grid-stack-3 > .grid-stack-item {
  min-width: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="1"] {
  width: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-x="1"] {
  left: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w="1"] {
  min-width: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w="1"] {
  max-width: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="2"] {
  width: 66.6666666667%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-x="2"] {
  left: 66.6666666667%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w="2"] {
  min-width: 66.6666666667%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w="2"] {
  max-width: 66.6666666667%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="3"] {
  width: 100%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-x="3"] {
  left: 100%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w="3"] {
  min-width: 100%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w="3"] {
  max-width: 100%;
}
.grid-stack.grid-stack-4 > .grid-stack-item {
  min-width: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="1"] {
  width: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="1"] {
  left: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="1"] {
  min-width: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="1"] {
  max-width: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="2"] {
  width: 50%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="2"] {
  left: 50%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="2"] {
  min-width: 50%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="2"] {
  max-width: 50%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="3"] {
  width: 75%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="3"] {
  left: 75%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="3"] {
  min-width: 75%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="3"] {
  max-width: 75%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="4"] {
  width: 100%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="4"] {
  left: 100%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="4"] {
  min-width: 100%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="4"] {
  max-width: 100%;
}
.grid-stack.grid-stack-5 > .grid-stack-item {
  min-width: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="1"] {
  width: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="1"] {
  left: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="1"] {
  min-width: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="1"] {
  max-width: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="2"] {
  width: 40%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="2"] {
  left: 40%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="2"] {
  min-width: 40%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="2"] {
  max-width: 40%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="3"] {
  width: 60%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="3"] {
  left: 60%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="3"] {
  min-width: 60%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="3"] {
  max-width: 60%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="4"] {
  width: 80%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="4"] {
  left: 80%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="4"] {
  min-width: 80%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="4"] {
  max-width: 80%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="5"] {
  width: 100%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="5"] {
  left: 100%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="5"] {
  min-width: 100%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="5"] {
  max-width: 100%;
}
.grid-stack.grid-stack-6 > .grid-stack-item {
  min-width: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="1"] {
  width: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="1"] {
  left: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="1"] {
  min-width: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="1"] {
  max-width: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="2"] {
  width: 33.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="2"] {
  left: 33.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="2"] {
  min-width: 33.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="2"] {
  max-width: 33.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="3"] {
  width: 50%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="3"] {
  left: 50%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="3"] {
  min-width: 50%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="3"] {
  max-width: 50%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="4"] {
  width: 66.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="4"] {
  left: 66.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="4"] {
  min-width: 66.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="4"] {
  max-width: 66.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="5"] {
  width: 83.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="5"] {
  left: 83.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="5"] {
  min-width: 83.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="5"] {
  max-width: 83.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="6"] {
  width: 100%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="6"] {
  left: 100%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="6"] {
  min-width: 100%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="6"] {
  max-width: 100%;
}
.grid-stack.grid-stack-7 > .grid-stack-item {
  min-width: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="1"] {
  width: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="1"] {
  left: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="1"] {
  min-width: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="1"] {
  max-width: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="2"] {
  width: 28.5714285714%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="2"] {
  left: 28.5714285714%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="2"] {
  min-width: 28.5714285714%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="2"] {
  max-width: 28.5714285714%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="3"] {
  width: 42.8571428571%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="3"] {
  left: 42.8571428571%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="3"] {
  min-width: 42.8571428571%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="3"] {
  max-width: 42.8571428571%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="4"] {
  width: 57.1428571429%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="4"] {
  left: 57.1428571429%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="4"] {
  min-width: 57.1428571429%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="4"] {
  max-width: 57.1428571429%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="5"] {
  width: 71.4285714286%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="5"] {
  left: 71.4285714286%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="5"] {
  min-width: 71.4285714286%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="5"] {
  max-width: 71.4285714286%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="6"] {
  width: 85.7142857143%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="6"] {
  left: 85.7142857143%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="6"] {
  min-width: 85.7142857143%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="6"] {
  max-width: 85.7142857143%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="7"] {
  width: 100%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="7"] {
  left: 100%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="7"] {
  min-width: 100%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="7"] {
  max-width: 100%;
}
.grid-stack.grid-stack-8 > .grid-stack-item {
  min-width: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="1"] {
  width: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="1"] {
  left: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="1"] {
  min-width: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="1"] {
  max-width: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="2"] {
  width: 25%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="2"] {
  left: 25%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="2"] {
  min-width: 25%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="2"] {
  max-width: 25%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="3"] {
  width: 37.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="3"] {
  left: 37.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="3"] {
  min-width: 37.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="3"] {
  max-width: 37.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="4"] {
  width: 50%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="4"] {
  left: 50%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="4"] {
  min-width: 50%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="4"] {
  max-width: 50%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="5"] {
  width: 62.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="5"] {
  left: 62.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="5"] {
  min-width: 62.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="5"] {
  max-width: 62.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="6"] {
  width: 75%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="6"] {
  left: 75%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="6"] {
  min-width: 75%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="6"] {
  max-width: 75%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="7"] {
  width: 87.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="7"] {
  left: 87.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="7"] {
  min-width: 87.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="7"] {
  max-width: 87.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="8"] {
  width: 100%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="8"] {
  left: 100%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="8"] {
  min-width: 100%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="8"] {
  max-width: 100%;
}
.grid-stack.grid-stack-9 > .grid-stack-item {
  min-width: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="1"] {
  width: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="1"] {
  left: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="1"] {
  min-width: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="1"] {
  max-width: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="2"] {
  width: 22.2222222222%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="2"] {
  left: 22.2222222222%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="2"] {
  min-width: 22.2222222222%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="2"] {
  max-width: 22.2222222222%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="3"] {
  width: 33.3333333333%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="3"] {
  left: 33.3333333333%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="3"] {
  min-width: 33.3333333333%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="3"] {
  max-width: 33.3333333333%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="4"] {
  width: 44.4444444444%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="4"] {
  left: 44.4444444444%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="4"] {
  min-width: 44.4444444444%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="4"] {
  max-width: 44.4444444444%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="5"] {
  width: 55.5555555556%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="5"] {
  left: 55.5555555556%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="5"] {
  min-width: 55.5555555556%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="5"] {
  max-width: 55.5555555556%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="6"] {
  width: 66.6666666667%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="6"] {
  left: 66.6666666667%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="6"] {
  min-width: 66.6666666667%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="6"] {
  max-width: 66.6666666667%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="7"] {
  width: 77.7777777778%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="7"] {
  left: 77.7777777778%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="7"] {
  min-width: 77.7777777778%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="7"] {
  max-width: 77.7777777778%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="8"] {
  width: 88.8888888889%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="8"] {
  left: 88.8888888889%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="8"] {
  min-width: 88.8888888889%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="8"] {
  max-width: 88.8888888889%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="9"] {
  width: 100%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="9"] {
  left: 100%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="9"] {
  min-width: 100%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="9"] {
  max-width: 100%;
}
.grid-stack.grid-stack-10 > .grid-stack-item {
  min-width: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="1"] {
  width: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="1"] {
  left: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="1"] {
  min-width: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="1"] {
  max-width: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="2"] {
  width: 20%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="2"] {
  left: 20%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="2"] {
  min-width: 20%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="2"] {
  max-width: 20%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="3"] {
  width: 30%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="3"] {
  left: 30%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="3"] {
  min-width: 30%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="3"] {
  max-width: 30%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="4"] {
  width: 40%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="4"] {
  left: 40%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="4"] {
  min-width: 40%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="4"] {
  max-width: 40%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="5"] {
  width: 50%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="5"] {
  left: 50%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="5"] {
  min-width: 50%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="5"] {
  max-width: 50%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="6"] {
  width: 60%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="6"] {
  left: 60%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="6"] {
  min-width: 60%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="6"] {
  max-width: 60%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="7"] {
  width: 70%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="7"] {
  left: 70%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="7"] {
  min-width: 70%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="7"] {
  max-width: 70%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="8"] {
  width: 80%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="8"] {
  left: 80%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="8"] {
  min-width: 80%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="8"] {
  max-width: 80%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="9"] {
  width: 90%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="9"] {
  left: 90%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="9"] {
  min-width: 90%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="9"] {
  max-width: 90%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="10"] {
  width: 100%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="10"] {
  left: 100%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="10"] {
  min-width: 100%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="10"] {
  max-width: 100%;
}
.grid-stack.grid-stack-11 > .grid-stack-item {
  min-width: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="1"] {
  width: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="1"] {
  left: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="1"] {
  min-width: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="1"] {
  max-width: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="2"] {
  width: 18.1818181818%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="2"] {
  left: 18.1818181818%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="2"] {
  min-width: 18.1818181818%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="2"] {
  max-width: 18.1818181818%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="3"] {
  width: 27.2727272727%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="3"] {
  left: 27.2727272727%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="3"] {
  min-width: 27.2727272727%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="3"] {
  max-width: 27.2727272727%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="4"] {
  width: 36.3636363636%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="4"] {
  left: 36.3636363636%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="4"] {
  min-width: 36.3636363636%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="4"] {
  max-width: 36.3636363636%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="5"] {
  width: 45.4545454545%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="5"] {
  left: 45.4545454545%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="5"] {
  min-width: 45.4545454545%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="5"] {
  max-width: 45.4545454545%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="6"] {
  width: 54.5454545455%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="6"] {
  left: 54.5454545455%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="6"] {
  min-width: 54.5454545455%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="6"] {
  max-width: 54.5454545455%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="7"] {
  width: 63.6363636364%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="7"] {
  left: 63.6363636364%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="7"] {
  min-width: 63.6363636364%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="7"] {
  max-width: 63.6363636364%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="8"] {
  width: 72.7272727273%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="8"] {
  left: 72.7272727273%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="8"] {
  min-width: 72.7272727273%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="8"] {
  max-width: 72.7272727273%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="9"] {
  width: 81.8181818182%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="9"] {
  left: 81.8181818182%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="9"] {
  min-width: 81.8181818182%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="9"] {
  max-width: 81.8181818182%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="10"] {
  width: 90.9090909091%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="10"] {
  left: 90.9090909091%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="10"] {
  min-width: 90.9090909091%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="10"] {
  max-width: 90.9090909091%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="11"] {
  width: 100%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="11"] {
  left: 100%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="11"] {
  min-width: 100%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="11"] {
  max-width: 100%;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */