@charset "UTF-8";
.color-main {
  color: var(--color-main, #1779ba) !important;
}

.color-contrast {
  color: var(--color-contrast, #F45B69) !important;
}

.color-back {
  color: var(--color-back, #ffffff) !important;
}

.color-text {
  color: var(--color-text, #000000) !important;
}

.color-header {
  color: var(--color-header, #000000) !important;
}

.color-link {
  color: var(--color-link, #1779ba) !important;
}
.color-link:hover {
  color: var(--color-link-hover, rgb(19.78, 104.06, 159.96)) !important;
}

.color-decent-ui {
  color: var(--color-decent-ui, rgb(127.5, 127.5, 127.5)) !important;
}

.color-inherit {
  color: inherit !important;
}

.background-transparent {
  background-color: transparent !important;
}

.background-main {
  background-color: var(--color-main, #1779ba) !important;
}

.background-contrast {
  background-color: var(--color-contrast, #F45B69) !important;
}

.background-back {
  background-color: var(--color-back, #ffffff) !important;
}

.background-text {
  background-color: var(--color-text, #000000) !important;
}

:root {
  --space-none: 0rem;
  --space-tiny: 0.25rem;
  --space-small: 0.5rem;
  --space-little: 0.5rem;
  --space-regular: 1rem;
  --space-big: 2rem;
  --space-huge: 3rem;
}
@media (min-width: 1024px) {
  :root {
    --space-tiny: 0.5rem;
    --space-small: 1rem;
    --space-little: 1rem;
    --space-regular: 2rem;
    --space-big: 3rem;
    --space-huge: 6rem;
  }
}

.base-padding {
  --padding-space: var(--space-regular);
  padding: var(--padding-space) !important;
}
.base-padding--none {
  --padding-space: var(--space-none);
}
.base-padding--tiny {
  --padding-space: var(--space-tiny);
}
.base-padding--small {
  --padding-space: var(--space-small);
}
.base-padding--little {
  --padding-space: var(--space-little);
}
.base-padding--regular {
  --padding-space: var(--space-regular);
}
.base-padding--big {
  --padding-space: var(--space-big);
}
.base-padding--huge {
  --padding-space: var(--space-huge);
}
.base-padding-t {
  padding-top: var(--padding-t-space) !important;
  --padding-t-space: var(--padding-space, var(--space-regular));
}
.base-padding-t--none {
  --padding-t-space: var(--space-none);
}
.base-padding-t--tiny {
  --padding-t-space: var(--space-tiny);
}
.base-padding-t--small {
  --padding-t-space: var(--space-small);
}
.base-padding-t--little {
  --padding-t-space: var(--space-little);
}
.base-padding-t--regular {
  --padding-t-space: var(--space-regular);
}
.base-padding-t--big {
  --padding-t-space: var(--space-big);
}
.base-padding-t--huge {
  --padding-t-space: var(--space-huge);
}
.base-padding-r {
  padding-right: var(--padding-r-space) !important;
  --padding-r-space: var(--padding-space, var(--space-regular));
}
.base-padding-r--none {
  --padding-r-space: var(--space-none);
}
.base-padding-r--tiny {
  --padding-r-space: var(--space-tiny);
}
.base-padding-r--small {
  --padding-r-space: var(--space-small);
}
.base-padding-r--little {
  --padding-r-space: var(--space-little);
}
.base-padding-r--regular {
  --padding-r-space: var(--space-regular);
}
.base-padding-r--big {
  --padding-r-space: var(--space-big);
}
.base-padding-r--huge {
  --padding-r-space: var(--space-huge);
}
.base-padding-b {
  padding-bottom: var(--padding-b-space) !important;
  --padding-b-space: var(--padding-space, var(--space-regular));
}
.base-padding-b--none {
  --padding-b-space: var(--space-none);
}
.base-padding-b--tiny {
  --padding-b-space: var(--space-tiny);
}
.base-padding-b--small {
  --padding-b-space: var(--space-small);
}
.base-padding-b--little {
  --padding-b-space: var(--space-little);
}
.base-padding-b--regular {
  --padding-b-space: var(--space-regular);
}
.base-padding-b--big {
  --padding-b-space: var(--space-big);
}
.base-padding-b--huge {
  --padding-b-space: var(--space-huge);
}
.base-padding-l {
  padding-left: var(--padding-l-space) !important;
  --padding-l-space: var(--padding-space, var(--space-regular));
}
.base-padding-l--none {
  --padding-l-space: var(--space-none);
}
.base-padding-l--tiny {
  --padding-l-space: var(--space-tiny);
}
.base-padding-l--small {
  --padding-l-space: var(--space-small);
}
.base-padding-l--little {
  --padding-l-space: var(--space-little);
}
.base-padding-l--regular {
  --padding-l-space: var(--space-regular);
}
.base-padding-l--big {
  --padding-l-space: var(--space-big);
}
.base-padding-l--huge {
  --padding-l-space: var(--space-huge);
}
.base-padding-h {
  padding-left: var(--padding-h-space) !important;
  padding-right: var(--padding-h-space) !important;
  --padding-h-space: var(--padding-space, var(--space-regular));
}
.base-padding-h--none {
  --padding-h-space: var(--space-none);
}
.base-padding-h--tiny {
  --padding-h-space: var(--space-tiny);
}
.base-padding-h--small {
  --padding-h-space: var(--space-small);
}
.base-padding-h--little {
  --padding-h-space: var(--space-little);
}
.base-padding-h--regular {
  --padding-h-space: var(--space-regular);
}
.base-padding-h--big {
  --padding-h-space: var(--space-big);
}
.base-padding-h--huge {
  --padding-h-space: var(--space-huge);
}
.base-padding-v {
  padding-top: var(--padding-v-space) !important;
  padding-bottom: var(--padding-v-space) !important;
  --padding-v-space: var(--padding-space, var(--space-regular));
}
.base-padding-v--none {
  --padding-v-space: var(--space-none);
}
.base-padding-v--tiny {
  --padding-v-space: var(--space-tiny);
}
.base-padding-v--small {
  --padding-v-space: var(--space-small);
}
.base-padding-v--little {
  --padding-v-space: var(--space-little);
}
.base-padding-v--regular {
  --padding-v-space: var(--space-regular);
}
.base-padding-v--big {
  --padding-v-space: var(--space-big);
}
.base-padding-v--huge {
  --padding-v-space: var(--space-huge);
}
.base-padding-v {
  --space-vertical: var(--padding-v-space);
}

.base-margin {
  --margin-space: var(--space-regular);
  margin: var(--margin-space) !important;
}
.base-margin--none {
  --margin-space: var(--space-none);
}
.base-margin--tiny {
  --margin-space: var(--space-tiny);
}
.base-margin--small {
  --margin-space: var(--space-small);
}
.base-margin--little {
  --margin-space: var(--space-little);
}
.base-margin--regular {
  --margin-space: var(--space-regular);
}
.base-margin--big {
  --margin-space: var(--space-big);
}
.base-margin--huge {
  --margin-space: var(--space-huge);
}
.base-margin-t {
  margin-top: var(--margin-t-space) !important;
  --margin-t-space: var(--margin-space, var(--space-regular));
}
.base-margin-t--none {
  --margin-t-space: var(--space-none);
}
.base-margin-t--tiny {
  --margin-t-space: var(--space-tiny);
}
.base-margin-t--small {
  --margin-t-space: var(--space-small);
}
.base-margin-t--little {
  --margin-t-space: var(--space-little);
}
.base-margin-t--regular {
  --margin-t-space: var(--space-regular);
}
.base-margin-t--big {
  --margin-t-space: var(--space-big);
}
.base-margin-t--huge {
  --margin-t-space: var(--space-huge);
}
.base-margin-r {
  margin-right: var(--margin-r-space) !important;
  --margin-r-space: var(--margin-space, var(--space-regular));
}
.base-margin-r--none {
  --margin-r-space: var(--space-none);
}
.base-margin-r--tiny {
  --margin-r-space: var(--space-tiny);
}
.base-margin-r--small {
  --margin-r-space: var(--space-small);
}
.base-margin-r--little {
  --margin-r-space: var(--space-little);
}
.base-margin-r--regular {
  --margin-r-space: var(--space-regular);
}
.base-margin-r--big {
  --margin-r-space: var(--space-big);
}
.base-margin-r--huge {
  --margin-r-space: var(--space-huge);
}
.base-margin-b {
  margin-bottom: var(--margin-b-space) !important;
  --margin-b-space: var(--margin-space, var(--space-regular));
}
.base-margin-b--none {
  --margin-b-space: var(--space-none);
}
.base-margin-b--tiny {
  --margin-b-space: var(--space-tiny);
}
.base-margin-b--small {
  --margin-b-space: var(--space-small);
}
.base-margin-b--little {
  --margin-b-space: var(--space-little);
}
.base-margin-b--regular {
  --margin-b-space: var(--space-regular);
}
.base-margin-b--big {
  --margin-b-space: var(--space-big);
}
.base-margin-b--huge {
  --margin-b-space: var(--space-huge);
}
.base-margin-l {
  margin-left: var(--margin-l-space) !important;
  --margin-l-space: var(--margin-space, var(--space-regular));
}
.base-margin-l--none {
  --margin-l-space: var(--space-none);
}
.base-margin-l--tiny {
  --margin-l-space: var(--space-tiny);
}
.base-margin-l--small {
  --margin-l-space: var(--space-small);
}
.base-margin-l--little {
  --margin-l-space: var(--space-little);
}
.base-margin-l--regular {
  --margin-l-space: var(--space-regular);
}
.base-margin-l--big {
  --margin-l-space: var(--space-big);
}
.base-margin-l--huge {
  --margin-l-space: var(--space-huge);
}
.base-margin-h {
  margin-left: var(--margin-h-space) !important;
  margin-right: var(--margin-h-space) !important;
  --margin-h-space: var(--margin-space, var(--space-regular));
}
.base-margin-h--none {
  --margin-h-space: var(--space-none);
}
.base-margin-h--tiny {
  --margin-h-space: var(--space-tiny);
}
.base-margin-h--small {
  --margin-h-space: var(--space-small);
}
.base-margin-h--little {
  --margin-h-space: var(--space-little);
}
.base-margin-h--regular {
  --margin-h-space: var(--space-regular);
}
.base-margin-h--big {
  --margin-h-space: var(--space-big);
}
.base-margin-h--huge {
  --margin-h-space: var(--space-huge);
}
.base-margin-v {
  margin-top: var(--margin-v-space) !important;
  margin-bottom: var(--margin-v-space) !important;
  --margin-v-space: var(--margin-space, var(--space-regular));
}
.base-margin-v--none {
  --margin-v-space: var(--space-none);
}
.base-margin-v--tiny {
  --margin-v-space: var(--space-tiny);
}
.base-margin-v--small {
  --margin-v-space: var(--space-small);
}
.base-margin-v--little {
  --margin-v-space: var(--space-little);
}
.base-margin-v--regular {
  --margin-v-space: var(--space-regular);
}
.base-margin-v--big {
  --margin-v-space: var(--space-big);
}
.base-margin-v--huge {
  --margin-v-space: var(--space-huge);
}
.base-margin-b-auto {
  margin-bottom: var(--space-vertical, var(--space-regular));
}

html.no-js .show-for-js {
  display: none !important;
}

html:not(.is-touch) .show-for-touch {
  display: none !important;
}

@media (max-width: 479px) {
  .show-for-smaller,
  .show-for-smaller-only {
    display: none !important;
  }
}
@media (min-width: 640px) {
  .show-for-smaller-only {
    display: none !important;
  }
}
@media (min-width: 480px) {
  .hide-for-smaller {
    display: none !important;
  }
}
@media (min-width: 480px) and (max-width: 639px) {
  .hide-for-smaller-only {
    display: none !important;
  }
}
@media (max-width: 639px) {
  .show-for-medium,
  .show-for-medium-only {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .show-for-medium-only {
    display: none !important;
  }
}
@media (min-width: 640px) {
  .hide-for-medium {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .hide-for-medium-only {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .show-for-large,
  .show-for-large-only {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .show-for-large-only {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .hide-for-large {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .hide-for-large-only {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .show-for-xlarge,
  .show-for-xlarge-only {
    display: none !important;
  }
}
@media (min-width: 1440px) {
  .show-for-xlarge-only {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hide-for-xlarge {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}
@media (max-width: 1439px) {
  .show-for-xxlarge,
  .show-for-xxlarge-only {
    display: none !important;
  }
}
@media (min-width: 1440px) {
  .hide-for-xxlarge {
    display: none !important;
  }
}
@media (min-width: 1440px) {
  .hide-for-xxlarge-only {
    display: none !important;
  }
}
.show-for-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
  z-index: -1;
  opacity: 0.01;
  border: 0;
  padding: 0;
  outline: none;
}

:root {
  --font-size-tiny: .625rem;
  --font-size-small: .8rem;
  --font-size-regular: 1rem;
  --font-size-big: 1.15rem;
  --font-size-large: 1.4rem;
  --font-size-huge: 2rem;
  --font-size-gigantic: 2.75rem;
  --font-size-smaller: .8em;
  --font-size-bigger: 1.15em;
  --font-size-larger: 1.3em;
}
@media (min-width: 1024px) {
  :root {
    --font-size-big: 1.25rem;
    --font-size-large: 1.6rem;
    --font-size-huge: 2.4rem;
    --font-size-gigantic: 3.5rem;
  }
}

.font-size-gigantic {
  font-size: var(--font-size-gigantic);
}

.font-size-huge {
  font-size: var(--font-size-huge);
}

.font-size-big {
  font-size: var(--font-size-big);
}

.font-size-large {
  font-size: var(--font-size-large);
}

.font-size-small {
  font-size: var(--font-size-small);
}

.font-size-tiny {
  font-size: var(--font-size-tiny);
}

.font-size-bigger {
  font-size: var(--font-size-bigger);
}

.font-size-larger {
  font-size: var(--font-size-larger);
}

.font-size-smaller {
  font-size: var(--font-size-smaller);
}

.font-header {
  font-family: var(--font-header-family, Arial, sans-serif);
  font-weight: var(--font-header-regular-weight, bold);
  font-style: var(--font-header-regular-style, normal);
  line-height: 1.2;
}

.font-body {
  font-family: var(--font-body-family, Arial, sans-serif);
  font-weight: var(--font-body-regular-weight, normal);
  font-style: var(--font-body-regular-style, normal);
  line-height: var(--font-body-line-height, 1.5);
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

@media (min-width: 480px) {
  .smaller-text-left {
    text-align: left;
  }
}
@media (min-width: 480px) {
  .smaller-text-center {
    text-align: center;
  }
}
@media (min-width: 480px) {
  .smaller-text-right {
    text-align: right;
  }
}
@media (min-width: 480px) {
  .smaller-text-justify {
    text-align: justify;
  }
}
@media (min-width: 640px) {
  .medium-text-left {
    text-align: left;
  }
}
@media (min-width: 640px) {
  .medium-text-center {
    text-align: center;
  }
}
@media (min-width: 640px) {
  .medium-text-right {
    text-align: right;
  }
}
@media (min-width: 640px) {
  .medium-text-justify {
    text-align: justify;
  }
}
@media (min-width: 1024px) {
  .large-text-left {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .large-text-center {
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .large-text-right {
    text-align: right;
  }
}
@media (min-width: 1024px) {
  .large-text-justify {
    text-align: justify;
  }
}
@media (min-width: 1200px) {
  .xlarge-text-left {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .xlarge-text-center {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .xlarge-text-right {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .xlarge-text-justify {
    text-align: justify;
  }
}
@media (min-width: 1440px) {
  .xxlarge-text-left {
    text-align: left;
  }
}
@media (min-width: 1440px) {
  .xxlarge-text-center {
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .xxlarge-text-right {
    text-align: right;
  }
}
@media (min-width: 1440px) {
  .xxlarge-text-justify {
    text-align: justify;
  }
}
[data-text-align=left] {
  text-align: left;
}

[data-text-align=center] {
  text-align: center;
}

[data-text-align=right] {
  text-align: right;
}

[data-text-align=justify] {
  text-align: justify;
}

:is(.limited-width, .limited-width-medium) {
  margin-left: auto;
  margin-right: auto;
}

.limited-width {
  max-width: 480px;
}

.limited-width-medium {
  max-width: 720px;
}

.remove-margin-bottom-from-last-child > *:last-child {
  margin-bottom: 0 !important;
}

:is(img.auto-image, img.block-image, .auto-image img, .block-image img) {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.block-image {
  display: block;
}

.nobr {
  white-space: nowrap;
}

.case-upper {
  text-transform: uppercase !important;
}

.style-italic {
  font-style: italic !important;
}

[hidden] {
  display: none !important;
}

.animation-barrier {
  box-sizing: border-box;
  contain: paint;
}

.base-reset-appearance {
  appearance: none;
}
.base-reset-appearance:is(button, input, select, textarea) {
  background: transparent;
  color: inherit;
  padding: 0;
  margin: 0;
  border: none;
}
.base-reset-appearance:is(fieldset) {
  border: none;
  padding: 0;
}
.base-reset-appearance:is(button) {
  cursor: pointer;
}
.base-reset-appearance:is(button):is(:hover) {
  text-decoration: underline;
}
.base-reset-appearance:is(button):is(:focus-visible) {
  outline: solid 2px var(--color-outline);
  outline-offset: 2px;
}

.base-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.base-nobtn {
  font-family: var(--font-body-family);
  appearance: none;
  border: 0;
  background-color: transparent;
}
.base-nobtn:is(:focus-visible) {
  outline: solid 2px var(--color-outline);
  outline-offset: 2px;
}

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.base-container {
  --base-container-max-width: 1200px;
}
.base-container:not(.base-container--no-padding) {
  padding-left: var(--space-regular);
  padding-right: var(--space-regular);
}
.base-container:not(.base-container--no-max-width) {
  max-width: min(100%, var(--base-container-max-width));
  margin-left: auto;
  margin-right: auto;
}
.base-container .base-container {
  padding-left: 0;
  padding-right: 0;
}

:where(.base-flex) {
  --base-flex-gap: var(--space-regular, 1rem);
}

.base-flex:is(ul, ol) {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
}
.base-flex {
  display: flex;
}
.base-flex--inline {
  display: inline-flex;
}
.base-flex--column {
  flex-direction: column;
}
.base-flex--wrap {
  flex-wrap: wrap;
}
.base-flex--wrap-reverse {
  flex-wrap: wrap-reverse;
}
.base-flex--align-start {
  align-items: flex-start;
}
.base-flex--align-center {
  align-items: center;
}
.base-flex--align-end {
  align-items: flex-end;
}
.base-flex--align-stretch {
  align-items: stretch;
}
.base-flex--align-baseline {
  align-items: baseline;
}
.base-flex--justify-start {
  justify-content: flex-start;
}
.base-flex--justify-center {
  justify-content: center;
}
.base-flex--justify-end {
  justify-content: flex-end;
}
.base-flex--justify-space-around {
  justify-content: space-around;
}
.base-flex--justify-space-between {
  justify-content: space-between;
}
.base-flex--justify-space-evenly {
  justify-content: space-evenly;
}
.base-flex--gap {
  gap: var(--base-flex-gap);
}

.base-flex-grow {
  flex-grow: 1;
}

.base-flex-shrink {
  flex-shrink: 1;
}

.base-flex-shrinkdown {
  flex: 0 1 100%;
}

.base-flex-growup {
  flex: 1 0 0;
}

[data-base-flex-order="1"] {
  order: 1;
}

[data-base-flex-order="2"] {
  order: 2;
}

[data-base-flex-order="3"] {
  order: 3;
}

[data-base-flex-order="4"] {
  order: 4;
}

[data-base-flex-order="5"] {
  order: 5;
}

[data-base-flex-order="6"] {
  order: 6;
}

[data-base-flex-order="7"] {
  order: 7;
}

[data-base-flex-order="8"] {
  order: 8;
}

[data-base-flex-order="9"] {
  order: 9;
}

[data-base-flex-order="10"] {
  order: 10;
}

:where(.base-grid) {
  --base-grid-gap: var(--space-regular, 1rem);
  --base-grid-minmax-min: 240px;
  --base-grid-minmax-max: 1fr;
  --base-grid-auto-columns-mode: auto-fill;
}

.base-grid {
  display: grid;
  column-gap: var(--base-grid-col-gap);
  row-gap: var(--base-grid-row-gap);
}
.base-grid[data-cols] {
  --base-grid-cols: 1;
  grid-template-columns: repeat(var(--base-grid-cols), 1fr);
}
.base-grid[data-cols="1"] {
  --base-grid-cols: 1;
}
.base-grid[data-cols="2"] {
  --base-grid-cols: 2;
}
.base-grid[data-cols="3"] {
  --base-grid-cols: 3;
}
.base-grid[data-cols="4"] {
  --base-grid-cols: 4;
}
.base-grid[data-cols="5"] {
  --base-grid-cols: 5;
}
.base-grid[data-cols="6"] {
  --base-grid-cols: 6;
}
.base-grid[data-cols="7"] {
  --base-grid-cols: 7;
}
.base-grid[data-cols="8"] {
  --base-grid-cols: 8;
}
.base-grid[data-cols="9"] {
  --base-grid-cols: 9;
}
.base-grid[data-cols="10"] {
  --base-grid-cols: 10;
}
.base-grid[data-cols="11"] {
  --base-grid-cols: 11;
}
.base-grid[data-cols="12"] {
  --base-grid-cols: 12;
}
.base-grid--auto-columns {
  grid-template-columns: repeat(var(--base-grid-auto-columns-mode), minmax(var(--base-grid-minmax-min), var(--base-grid-minmax-max)));
}
.base-grid--auto-columns--min-s {
  --base-grid-minmax-min: 120px;
}
.base-grid--auto-columns--min-l {
  --base-grid-minmax-min: 280px;
}
.base-grid--gap-none {
  --base-grid-gap: 0;
}
.base-grid--gap-tiny {
  --base-grid-gap: var(--space-tiny, .25rem);
}
.base-grid--gap-small {
  --base-grid-gap: var(--space-small, .5rem);
}
.base-grid--gap-regular {
  --base-grid-gap: var(--space-regular, 1rem);
}
.base-grid--gap-big {
  --base-grid-gap: var(--space-big, 2rem);
}
.base-grid--gap-huge {
  --base-grid-gap: var(--space-huge, 3rem);
}
.base-grid--col-gap {
  column-gap: var(--base-grid-gap);
}
.base-grid--row-gap {
  row-gap: var(--base-grid-gap);
}
.base-grid--gap {
  column-gap: var(--base-grid-gap);
  row-gap: var(--base-grid-gap);
}
.base-grid--dense {
  grid-auto-flow: dense;
}
.base-grid > * {
  min-width: 0;
  min-height: 0;
}
.base-grid--remove-margins > * {
  margin: 0;
}

.base-grid-cell[data-span-cols="1"] {
  grid-column: span 1;
}
.base-grid-cell[data-span-rows="1"] {
  grid-row: span 1;
}
.base-grid-cell[data-span-cols="2"] {
  grid-column: span 2;
}
.base-grid-cell[data-span-rows="2"] {
  grid-row: span 2;
}
.base-grid-cell[data-span-cols="3"] {
  grid-column: span 3;
}
.base-grid-cell[data-span-rows="3"] {
  grid-row: span 3;
}
.base-grid-cell[data-span-cols="4"] {
  grid-column: span 4;
}
.base-grid-cell[data-span-rows="4"] {
  grid-row: span 4;
}
.base-grid-cell[data-span-cols="5"] {
  grid-column: span 5;
}
.base-grid-cell[data-span-rows="5"] {
  grid-row: span 5;
}
.base-grid-cell[data-span-cols="6"] {
  grid-column: span 6;
}
.base-grid-cell[data-span-rows="6"] {
  grid-row: span 6;
}
.base-grid-cell[data-span-cols="7"] {
  grid-column: span 7;
}
.base-grid-cell[data-span-rows="7"] {
  grid-row: span 7;
}
.base-grid-cell[data-span-cols="8"] {
  grid-column: span 8;
}
.base-grid-cell[data-span-rows="8"] {
  grid-row: span 8;
}
.base-grid-cell[data-span-cols="9"] {
  grid-column: span 9;
}
.base-grid-cell[data-span-rows="9"] {
  grid-row: span 9;
}
.base-grid-cell[data-span-cols="10"] {
  grid-column: span 10;
}
.base-grid-cell[data-span-rows="10"] {
  grid-row: span 10;
}
.base-grid-cell[data-span-cols="11"] {
  grid-column: span 11;
}
.base-grid-cell[data-span-rows="11"] {
  grid-row: span 11;
}
.base-grid-cell[data-span-cols="12"] {
  grid-column: span 12;
}
.base-grid-cell[data-span-rows="12"] {
  grid-row: span 12;
}
.base-grid-cell--equalize-children {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}
.base-grid-cell--equalize-children > * {
  flex-grow: 1;
}

table.base-table {
  --base-table-bg-hs: var(--color-back-h), var(--color-back-s);
  --base-table-bg-l: var(--color-back-l);
  --base-table-modify-cell-lightness: 0%;
  --base-table-modify-header-cell-lightness: -20%;
  --base-table-header-l: clamp(0%, var(--base-table-bg-l) + var(--base-table-modify-header-cell-lightness), 100%);
  --base-table-header-bg: hsl(var(--base-table-bg-hs), var(--base-table-header-l));
  --base-table-header-fg: currentColor;
  --base-table-border-style: solid;
  --base-table-border-width: 1px;
  --base-table-border-color: var(--base-table-header-bg);
  --base-table-internal-border: var(--base-table-border-width) var(--base-table-border-style) var(--base-table-header-bg);
  min-width: 100%;
  border-collapse: collapse;
}
@media screen and (prefers-color-scheme: dark) {
  :root:not(.disable-dark-mode) table.base-table {
    --base-table-modify-header-cell-lightness: 20%;
  }
}
table.base-table :is(th, td) {
  padding: 0.25em 0.5em;
}
table.base-table th {
  font-weight: bold;
}
table.base-table--bordered {
  border: var(--base-table-internal-border);
}
table.base-table--bordered tbody :is(td, th) {
  border: var(--base-table-internal-border);
}
table.base-table--striped tbody tr:nth-child(even) {
  --base-table-modify-cell-lightness: -4%;
}
@media screen and (prefers-color-scheme: dark) {
  :root:not(.disable-dark-mode) table.base-table--striped tbody tr:nth-child(even) {
    --base-table-modify-cell-lightness: 8%;
  }
}
table.base-table--hover tbody tr {
  cursor: default;
  transition: background-color 0.25s linear;
}
table.base-table--hover tbody tr:hover {
  --base-table-modify-cell-lightness: -8%;
}
@media screen and (prefers-color-scheme: dark) {
  :root:not(.disable-dark-mode) table.base-table--hover tbody tr:hover {
    --base-table-modify-cell-lightness: 16%;
  }
}
table.base-table--nobr :is(th, td) {
  white-space: nowrap;
}
table.base-table.main {
  --base-table-header-bg: var(--color-main);
  --base-table-header-fg: var(--color-back);
  --base-table-bg-hs: var(--color-main-h), var(--color-main-s);
}
table.base-table.contrast {
  --base-table-header-bg: var(--color-contrast);
  --base-table-header-fg: var(--color-back);
  --base-table-bg-hs: var(--color-contrast-h), var(--color-contrast-s);
}
table.base-table :is(thead, tfoot) {
  background: var(--base-table-header-bg);
  color: var(--base-table-header-fg);
}
table.base-table tbody tr {
  background: hsl( var(--base-table-bg-hs), clamp(0%, calc(var(--base-table-bg-l) + var(--base-table-modify-cell-lightness)), 100%));
}

.base-table-scroll-box {
  overflow: auto;
}
.base-table-scroll-box table {
  width: auto;
}

.base-hr {
  --hr-width: 1px;
  --hr-style: solid;
  --hr-color: currentColor;
  width: 100%;
  max-width: 100%;
  border: 0;
  border-bottom: var(--hr-width) var(--hr-style) var(--hr-color);
}
.base-hr--solid {
  --hr-style: solid;
  --hr-width: 1px;
}
.base-hr--dotted {
  --hr-style: dotted;
  --hr-width: 2px;
}
.base-hr--dashed {
  --hr-style: dashed;
  --hr-width: 3px;
}

.base-menu {
  --base-menu-border: 1px solid hsla(var(--color-decent-ui-h), var(--color-decent-ui-s), var(--color-decent-ui-l), 0.5);
  --base-menu-border-radius: calc(var(--radius) * 4px);
  --base-menu-bg: var(--color-back);
  --base-menu-fg: var(--color-main);
  --base-menu-bg-hover: hsla(var(--color-back-h), var(--color-back-s), clamp(0%, calc(var(--color-back-l) - 10%), 100%), 1);
  --base-menu-icon-margin: .4em;
  margin-bottom: 1rem;
}
.base-menu--depth-2 {
  --base-menu-bg: hsla(var(--color-back-h), var(--color-back-s), clamp(0%, calc(var(--color-back-l) - 4%), 100%), 1);
}
.base-menu--depth-3 {
  --base-menu-bg: hsla(var(--color-back-h), var(--color-back-s), clamp(0%, calc(var(--color-back-l) - 8%), 100%), 1);
}
.base-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.base-menu__item {
  position: relative;
  padding: 0;
}
.base-menu__item:not(:last-of-type) {
  border-bottom: var(--base-menu-border);
}
.base-menu__link {
  background: var(--base-menu-bg);
  transition: background 0.25s ease;
  overflow: hidden;
}
@layer patterns {
  .base-menu__link {
    display: block;
    padding: 0.5em 1em;
  }
}
.base-menu__link:not(a) {
  cursor: default;
}
.base-menu__link a {
  color: var(--base-menu-fg);
}
.base-menu__link:is(a, [tabindex]) {
  color: var(--base-menu-fg);
}
.base-menu__link:is(a, [tabindex]):is(:hover, :focus) {
  outline: none;
  background: var(--base-menu-bg-hover);
  color: var(--base-menu-fg);
}
.base-menu__link:is(a, [tabindex]):focus-visible {
  outline: solid 2px var(--color-contrast);
}
.base-menu__link-icon {
  transform-origin: center center;
  transition: transform 0.25s ease;
}
.base-menu__link-icon--left {
  float: left;
  margin-right: var(--base-menu-icon-margin);
}
.base-menu__link-icon--right {
  float: right;
  margin-left: var(--base-menu-icon-margin);
}
.base-menu__link-icon--rotate-180 {
  transform: rotate(180deg);
}
.base-menu__link-text {
  float: left;
}
.base-menu .base-menu {
  margin-bottom: 0;
}
.base-menu--border {
  border: var(--base-menu-border);
}
.base-menu .base-menu__list .base-menu__list {
  border-top: var(--base-menu-border);
}
.base-menu--radius {
  border-radius: var(--base-menu-border-radius);
  overflow: hidden;
}

.base-mega-menu-parent {
  position: relative;
}

.base-mega-menu {
  width: 100%;
}
.base-mega-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  overflow: auto;
}
.base-mega-menu__link {
  display: block;
  padding: 0.25em 0.5em;
  font-size: 1.1rem;
}
@media (min-width: 1024px) {
  .base-mega-menu__link {
    font-size: 1.25rem;
  }
}
.base-mega-menu__sub-list--no-list-style {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.base-mega-menu__sub-link {
  display: block;
  padding: 0.25em 0.5em;
}

base-drop-content.base-mega-menu {
  --drop-content-transition-duration: .5s;
  --drop-content-transition-timing-function: ease;
  filter: none;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.25);
  opacity: 1;
  position: absolute;
  left: 0;
  width: 100%;
  top: 100%;
}
base-drop-content.base-mega-menu.firefox-workaround-base-drop-content-is-visible {
  display: block;
}
base-drop-content.base-mega-menu::part(content) {
  box-sizing: border-box;
  width: 100%;
}
base-drop-content.base-mega-menu::part(wrap) {
  height: var(--drop-content-current-content-height);
  transition: height var(--drop-content-transition-duration) var(--drop-content-transition-timing-function);
  overflow: hidden;
}

base-off-canvas.base-slide-over-menu {
  width: 100%;
}

base-off-canvas:not([open]) base-off-canvas.base-slide-over-menu::part(drop-shadow) {
  display: none;
}

.base-dropdown-parent {
  position: relative;
}

.base-dropdown-menu {
  min-width: 14em;
}

base-drop-content.base-dropdown-menu::part(content) {
  padding: 0;
}

.base-auto-cols {
  columns: var(--autocols-width, 320px) auto;
  column-gap: var(--autocols-gap, 2rem);
}
.base-auto-cols--large {
  column-width: calc(var(--autocols-width, 320px) * var(--autocols-large-factor, 1.4));
}
.base-auto-cols li, .base-auto-cols dd {
  page-break-inside: avoid;
  break-inside: avoid;
}

.base-imagelink {
  --imagelink-color: #ffffff;
  --imagelink-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
  color: var(--imagelink-color);
  transition: opacity 0.25s ease;
  text-decoration: none !important;
}
.base-imagelink:hover, .base-imagelink:active {
  opacity: 0.6;
  color: var(--imagelink-color);
}
.base-imagelink:not(.base-imagelink--no-shadow).base-imagelink--filter {
  filter: drop-shadow(var(--imagelink-shadow));
}
.base-imagelink:not(.base-imagelink--no-shadow):not(.base-imagelink--filter) {
  text-shadow: var(--imagelink-shadow);
}

.has-base-overlay {
  position: relative;
}

.base-overlay {
  position: absolute;
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
.base-overlay--full {
  inset: 0;
}
.base-overlay--center {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.base-overlay--centered-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.base-overlay--top {
  top: 0;
}
.base-overlay--bottom {
  bottom: 0;
}
.base-overlay--left {
  left: 0;
}
.base-overlay--right {
  right: 0;
}
.base-overlay--padding {
  padding: 1rem;
}
.base-overlay--margin {
  margin: 1rem;
}
.base-overlay--boost {
  z-index: 1010;
}

.base-copyright {
  display: block;
  background: rgba(var(--color-text-rgb, "0,0,0"), 0.5);
  padding: 0.25rem 0.5rem;
  color: var(--color-back, #ffffff);
  font-size: small;
  cursor: pointer;
  outline: 0 !important;
}
.base-copyright__icon {
  display: inline;
  vertical-align: top;
}
.base-copyright__content {
  display: none;
  vertical-align: top;
}
.base-copyright:is(:focus, :focus-within, :hover, .base-copyright--show) .base-copyright__content {
  display: inline;
}

.base-header-group {
  margin-bottom: 2rem;
}
.base-header-group--no-margin-bottom {
  margin-bottom: 0;
}
.base-header-group > *:not(:last-child) {
  margin-bottom: var(--space-small);
}
.base-header-group > *:last-child {
  margin-bottom: 0;
}
.base-header-group__header, .base-header-group__subheader {
  text-align: inherit;
}
.base-header-group__meta-item:not(:first-of-type)::before {
  content: " • ";
}
.base-header-group__meta a {
  text-decoration: none;
}
.base-header-group :is(.sharing-link, .bookmark-link) {
  font-size: 0.75em;
  vertical-align: middle;
}
.base-header-group:not(:has(> :not(.sr-only))) {
  margin: 0 !important;
}

:where(.base-button) {
  --base-button-bg: var(--color-main);
  --base-button-bg-hover: hsla(var(--color-main-h), var(--color-main-s), clamp(0%, calc(var(--color-main-l) - 15%), 100%), 1);
  --base-button-fg: var(--color-back);
  --base-button-focus-color: var(--color-outline);
  --base-button-focus-outline: 4px solid var(--base-button-focus-color);
  --base-button-padding-v: .5em;
  --base-button-padding-h: 1em;
  --base-button-radius: calc(var(--radius, 2) * 2px);
  --base-button-transition-duration: .25s;
  --base-button-transition-timing-function: ease;
  --base-button-disabled-opacity: .5;
  --base-button-cursor: default;
  --base-button-line-height: 1.25;
  --base-button-font-familty: var(--font-body-family);
  --base-button-hollow-border-width: 2px;
  --base-button-hollow-border-style: solid;
  --base-button-hollow-border: var(--base-button-hollow-border-width) var(--base-button-hollow-border-style);
}

.base-button {
  /* do not set externally */
  --base-button-internal-bg: var(--base-button-bg);
  --base-button-internal-fg: var(--base-button-fg);
  --base-button-internal-padding-v: var(--base-button-padding-v);
  --base-button-internal-padding-h: var(--base-button-padding-h);
  font-family: var(--base-button-font-family);
  line-height: var(--base-button-line-height);
  appearance: none;
  border: none;
  border-radius: var(--base-button-radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: var(--base-button-cursor);
  padding: var(--base-button-internal-padding-v) var(--base-button-internal-padding-h);
  background: var(--base-button-internal-bg);
  color: var(--base-button-internal-fg);
  outline: none;
  transition: background var(--base-button-transition-duration) var(--base-button-transition-timing-function), color var(--base-button-transition-duration) var(--base-button-transition-timing-function), outline var(--base-button-transition-duration) var(--base-button-transition-timing-function);
}
.base-button:not(.disabled, [disabled]):is(:hover, :focus, :focus-within) {
  --base-button-internal-bg: var(--base-button-bg-hover);
  color: var(--base-button-internal-fg);
}
.base-button:focus-visible {
  outline: var(--base-button-focus-outline);
}
.base-button:is(.disabled, [disabled]) {
  pointer-events: none;
  opacity: var(--base-button-disabled-opacity);
}
.base-button.pointer {
  --base-button-cursor: pointer;
}
.base-button.contrast {
  --base-button-bg: var(--color-contrast);
  --base-button-bg-hover: hsla(var(--color-contrast-h), var(--color-contrast-s), clamp(0%, calc(var(--color-contrast-l) - 15%), 100%), 1);
  --base-button-focus-color: var(--color-main);
  --base-button-fg: var(--color-back);
}
.base-button.success {
  --base-button-bg: darkgreen;
  --base-button-bg-hover: green;
  --base-button-fg: white;
}
.base-button.warning {
  --base-button-bg: orangered;
  --base-button-bg-hover: orange;
  --base-button-fg: darkred;
}
.base-button:is(.alert, .error) {
  --base-button-bg: darkred;
  --base-button-bg-hover: red;
  --base-button-fg: white;
}
.base-button.hollow {
  --base-button-internal-padding-v: calc(var(--base-button-padding-v) - var(--base-button-hollow-border-width));
  --base-button-internal-padding-h: calc(var(--base-button-padding-h) - var(--base-button-hollow-border-width));
  --base-button-internal-fg: var(--base-button-internal-bg);
  background: transparent;
  border: var(--base-button-hollow-border) var(--base-button-internal-bg);
}
.base-button {
  font-size: 1.25em;
}
.base-button.size-smaller {
  font-size: 1em;
}
.base-button.size-larger {
  font-size: 1.5em;
}
.base-button.size-tiny {
  font-size: 0.625rem;
}
.base-button.size-small {
  font-size: 0.8rem;
}
.base-button.size-default {
  font-size: 1rem;
}
.base-button.size-big {
  font-size: 1.25rem;
}
.base-button.size-huge {
  font-size: 1.5rem;
}

:where(.base-button-group) {
  --base-button-group-uncollapsed-width: 1px;
}

.base-button-group {
  display: inline-flex;
}
.base-button-group:not(.base-button-group--stacked) > .base-button:not(:last-of-type) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.base-button-group:not(.base-button-group--stacked) > .base-button:not(:first-of-type) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.base-button-group:not(.base-button-group--stacked) > .base-button:not(:first-of-type).hollow {
  border-left: 0;
  padding-left: calc(var(--base-button-internal-padding-h) + var(--base-button-hollow-border-width));
}
.base-button-group--stacked {
  flex-direction: column;
}
.base-button-group--stacked > .base-button:not(:last-of-type) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.base-button-group--stacked > .base-button:not(:first-of-type) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.base-button-group--stacked > .base-button:not(:first-of-type).hollow {
  border-top: 0;
  padding-top: calc(var(--base-button-internal-padding-v) + var(--base-button-hollow-border-width));
}
.base-button-group--uncollapsed.base-button-group--stacked > .base-button:not(:last-of-type) {
  margin-bottom: var(--base-button-group-uncollapsed-width);
}
.base-button-group--uncollapsed:not(.base-button-group--stacked) > .base-button:not(:last-of-type) {
  margin-right: var(--base-button-group-uncollapsed-width);
}

.base-card {
  --base-card-radius: calc(var(--radius) * 3px);
  --base-card-box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
  --horizontal-card-image-width: 30%;
  --base-card-background: var(--color-back);
  background: var(--base-card-background);
  border-radius: var(--base-card-radius);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
}
.base-card.schema-root--opacity {
  --base-card-background: var(--schema-root-opacity);
}
.base-card.schema-root--no-background {
  --base-card-background: transparent;
}
.base-card.schema-root--shadow {
  --base-card-box-shadow: var(--schema-root-box-shadow);
}
.base-card.schema-root--rounded-corners {
  --base-card-radius: var(--schema-root-rounded-corners);
}
.base-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--base-card-radius);
  box-shadow: var(--base-card-box-shadow);
  z-index: 1;
}
@media screen and (prefers-color-scheme: dark) {
  :root:not(.disable-dark-mode) .base-card::before {
    outline: 1px solid var(--color-text);
    box-shadow: none;
  }
}
.base-card--hover::before {
  opacity: 0.5;
  transition: opacity 0.25s ease;
}
.base-card--hover:hover::before {
  opacity: 1;
}
.base-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--base-card-background);
  border-radius: var(--base-card-radius);
  z-index: 0;
}
.base-card > * {
  position: relative;
  z-index: 1;
}
.base-card--full-linked {
  position: relative;
  isolation: isolate;
}
.base-card--full-linked > a:not(.base-card__link, [aria-hidden]) {
  inset: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}
.base-card--full-linked:focus-within, .base-card--full-linked:has(a:not(.base-card__link, [aria-hidden]):is(:focus, :focus-visible)) {
  outline: solid 4px var(--color-outline);
}
.base-card--full-linked:focus-within .base-copyright__content, .base-card--full-linked:has(a:not(.base-card__link, [aria-hidden]):is(:focus, :focus-visible)) .base-copyright__content {
  display: inline;
}
.base-card--full-linked::before, .base-card--full-linked::after {
  z-index: -1;
}
.base-card--full-linked .base-card__image {
  z-index: auto;
}
.base-card--full-linked .base-card__image .base-copyright {
  z-index: 3;
}
.base-card__image {
  overflow: hidden;
}
.base-card__image:is(:first-child, .base-card__image--is-first-child) {
  border-top-left-radius: var(--base-card-radius);
  border-top-right-radius: var(--base-card-radius);
}
.base-card__image:is(:last-child, .base-card__image--is-last-child) {
  border-bottom-left-radius: var(--base-card-radius);
  border-bottom-right-radius: var(--base-card-radius);
}
.base-card__hr {
  margin: 0.5rem 0;
  border: 0;
  height: 1px;
  width: 100%;
  background: var(--color-decent-ui);
}
.base-card__header {
  color: var(--color-text);
}
.base-card__section {
  padding: 1rem;
}
.base-card__link {
  display: block;
  padding: 1rem;
  font-size: var(--font-size-larger);
}
.base-card > .base-card__link {
  text-align: center;
}
.base-card__stick-to-bottom {
  margin-top: auto;
}
.base-card__hide-in-vertical-layout {
  display: none;
}

.base-card.base-card--horizonal {
  flex-direction: row;
}
.base-card.base-card--horizonal > .base-card__image {
  flex: 0 0 var(--horizontal-card-image-width);
  position: relative;
}
.base-card.base-card--horizonal > .base-card__image:not(.base-card__image--right) {
  border-radius: var(--base-card-radius) 0 0 var(--base-card-radius);
  order: -1;
}
.base-card.base-card--horizonal > .base-card__image.base-card__image--right {
  order: 99;
  border-radius: 0 var(--base-card-radius) var(--base-card-radius) 0;
}
.base-card.base-card--horizonal > .base-card__image img.base-card__image-img-fit {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.base-card.base-card--horizonal .base-card__hide-in-horizontal-layout {
  display: none !important;
}
.base-card.base-card--horizonal .base-card__hide-in-vertical-layout {
  display: block !important;
}

@container (width > 1024px) {
  .base-card.base-card--allow-horizonal {
    flex-direction: row;
  }
  .base-card.base-card--allow-horizonal > .base-card__image {
    flex: 0 0 var(--horizontal-card-image-width);
    position: relative;
  }
  .base-card.base-card--allow-horizonal > .base-card__image:not(.base-card__image--right) {
    border-radius: var(--base-card-radius) 0 0 var(--base-card-radius);
    order: -1;
  }
  .base-card.base-card--allow-horizonal > .base-card__image.base-card__image--right {
    order: 99;
    border-radius: 0 var(--base-card-radius) var(--base-card-radius) 0;
  }
  .base-card.base-card--allow-horizonal > .base-card__image img.base-card__image-img-fit {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .base-card.base-card--allow-horizonal .base-card__hide-in-horizontal-layout {
    display: none !important;
  }
  .base-card.base-card--allow-horizonal .base-card__hide-in-vertical-layout {
    display: block !important;
  }
}
img.base-card__image,
.base-card__image img {
  display: block;
  width: 100%;
  height: auto;
}

.base-module-links {
  --base-module-links-space: .5rem;
  display: inline-block;
  margin-left: calc(var(--base-module-links-space) * -0.5);
  margin-right: calc(var(--base-module-links-space) * -0.5);
}
.base-module-links > * {
  margin-inline: calc(var(--base-module-links-space) * 0.5);
  margin-block-end: var(--base-module-links-space);
}
.base-module-links > a {
  display: inline-block;
  white-space: nowrap;
  padding-block: var(--base-module-links-space);
}

.base-broken-image {
  background: hsla(var(--color-text-h), var(--color-text-s), var(--color-text-l), 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.base-broken-image .icon {
  font-size: var(--font-size-huge);
  opacity: 0.3;
}

.base-figcaption {
  padding: var(--font-size-smaller);
}

.base-iconlist {
  --iconlist-iconsize: 2em;
  list-style: none;
  padding-left: 0;
}
.base-iconlist__item {
  display: flex;
  align-items: start;
  gap: var(--space-regular);
  padding: var(--space-small);
}
.base-iconlist__item__icon {
  font-size: var(--iconlist-iconsize);
  flex: 0 0 min-content;
  display: inline-flex;
}
.base-iconlist__item__content {
  flex: 1 0 min-content;
}
.base-iconlist__item__title {
  display: block;
}

:where(.base-skip-links) {
  --skip-links-bg: var(--color-main);
  --skip-links-fg: var(--color-back);
  --skip-links-focus-bg: var(--color-main);
  --skip-links-padding: var(--space-small);
}

.base-skip-links {
  position: absolute;
  left: 0;
  top: 0;
  max-height: 100dvh;
  overflow: auto;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
}
.base-skip-links:is(:focus-within) {
  z-index: 1000;
  opacity: 1;
  pointer-events: all;
}
.base-skip-links a[href] {
  padding: var(--skip-links-padding);
  background: var(--skip-links-bg);
  color: var(--skip-links-fg);
}
.base-skip-links a[href]:is(:hover, :focus, :focus-visible) {
  background: var(--skip-links-focus-bg);
  outline: 2px solid var(--color-outline);
  outline-offset: calc(-1 * var(--skip-links-padding) / 2);
}

.base-skip-links-wrapper {
  position: relative;
}
.base-skip-links-wrapper:is(.base-padding, .base-padding-h, .base-padding-v) {
  padding: 0;
}
.base-skip-links-wrapper:is(.base-margin, .base-margin-h, .base-margin-v) {
  margin: 0;
}

.base-overlay.base-overlay--full.base-imagelink--filter:focus-visible {
  --imagelink-shadow: none;
}

:where(.base-rte-iconlist) {
  --base-rte-iconlist-mask-check: url('../Icons/Frontend/check.svg');
  --base-rte-iconlist-mask-arrow-right: url('../Icons/Frontend/right.svg');
}

@supports (mask-size: contain) {
  .base-rte-iconlist {
    --base-rte-iconlist-size: 1em;
    --base-rte-iconlist-offset-top: .25em;
    --base-rte-iconlist-mask: var(--base-rte-iconlist-mask-check);
    --base-rte-iconlist-item-padding: .25em;
    list-style: none;
    padding-left: calc(var(--base-rte-iconlist-size) * 1.5);
  }
  .base-rte-iconlist > li {
    position: relative;
    min-height: var(--base-rte-iconlist-size);
    padding-block: var(--base-rte-iconlist-item-padding);
  }
  .base-rte-iconlist > li::before {
    content: "";
    display: inline-block;
    background-color: var(--color-main);
    mask-image: var(--base-rte-iconlist-mask);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center center;
    width: var(--base-rte-iconlist-size);
    height: var(--base-rte-iconlist-size);
    position: absolute;
    margin-left: calc(var(--base-rte-iconlist-size) * -1.25);
    margin-top: var(--base-rte-iconlist-offset-top);
  }
  .base-rte-iconlist--big {
    --base-rte-iconlist-size: 1.5em;
    --base-rte-iconlist-offset-top: 0;
  }
  .base-rte-iconlist--arrow-right {
    --base-rte-iconlist-mask: var(--base-rte-iconlist-mask-arrow-right);
  }
}
base-bullet-wrap:not(:defined) {
  display: inline-block;
}
base-bullet-wrap {
  --bullet-wrap-fg: var(--color-back);
  --bullet-wrap-bg: var(--color-main);
}
base-bullet-wrap.contrast {
  --bullet-wrap-bg: var(--color-contrast);
}
base-bullet-wrap.contrast.hover:hover {
  --bullet-wrap-bg: hsla(var(--color-contrast-h), var(--color-contrast-s), clamp(0%, calc(var(--color-contrast-l) + 10%), 100%), 1);
}
base-bullet-wrap.text {
  --bullet-wrap-bg: var(--color-text);
}
base-bullet-wrap.text.hover:hover {
  --bullet-wrap-bg: hsla(var(--color-text-h), var(--color-text-s), clamp(0%, calc(var(--color-text-l) + 10%), 100%), 1);
}
base-bullet-wrap.small {
  --bullet-wrap-size-base: .675rem;
}
base-bullet-wrap.big {
  --bullet-wrap-size-base: 1.5rem;
}
base-bullet-wrap.bigger {
  --bullet-wrap-size-base: 2rem;
}
base-bullet-wrap.huge {
  --bullet-wrap-size-base: 4rem;
}
base-bullet-wrap.giant {
  --bullet-wrap-size-base: 6rem;
}
base-bullet-wrap.hover:hover {
  --bullet-wrap-bg: hsla(var(--color-main-h), var(--color-main-s), clamp(0%, calc(var(--color-main-l) + 10%), 100%), 1);
  cursor: pointer;
}
base-bullet-wrap::part(bullet) {
  transition: background ease 0.25s;
}
base-bullet-wrap .svg.icon {
  font-size: var(--bullet-wrap-size-base);
  display: block;
}
base-bullet-wrap.play-on-hover {
  --bullet-animation-state: paused;
}
base-bullet-wrap.play-on-hover:hover {
  --bullet-animation-state: running;
}

base-call-out {
  --call-out-margin: var(--space-regular);
  --call-out-radius: calc(var(--radius) * 4px);
}
base-call-out:not(:defined) {
  display: block;
}
base-call-out.default {
  --call-out-bg: var(--color-back);
  border-color: var(--color-decent-ui);
}
base-call-out.main {
  --call-out-bg: hsla(var(--color-main-h), 40%, 70%, 1);
}
base-call-out.contrast {
  --call-out-bg: hsla(var(--color-contrast-h), 40%, 70%, 1);
}
base-call-out.opaque {
  --call-out-opacity: 1;
}
base-call-out:is([severity=alert], [severity=error]) {
  --call-out-bg: #ff8888;
  border-color: #ff0000;
}
base-call-out[severity=warning] {
  --call-out-bg: #ffaa88;
  border-color: #ff8800;
}
base-call-out[severity=notice] {
  --call-out-bg: #ffff88;
  border-color: #ffff44;
}
base-call-out[severity=success] {
  --call-out-bg: #88ff88;
  border-color: #008800;
}
base-call-out:not(.no-radius) {
  border-radius: var(--call-out-radius);
}
base-call-out:not(.no-radius)::part(background)::before {
  border-radius: var(--call-out-radius);
}
base-popup > base-call-out {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 0;
}
base-popup[position*=stretch-height] > base-call-out {
  flex-grow: 1;
}
base-popup[size=fullscreen] > base-call-out {
  flex-grow: 1;
  --call-out-radius: 0;
}
base-popup[size=fullscreen] > base-call-out base-call-out {
  --call-out-radius: calc(var(--radius) * 4px);
}

base-overlay-loader {
  --overlay-loader-bg: var(--color-main);
  --overlay-loader-fg: var(--color-back);
}

base-fetch-container base-overlay-loader {
  width: 100%;
  height: 100%;
}

base-input-switch {
  --input-switch-inactive: hsla(var(--color-main-h), var(--color-main-s), var(--color-main-l), 0.3);
  --input-switch-active: var(--color-main);
  --input-switch-fg: var(--color-back);
  --input-switch-focus-color: var(--color-contrast);
  --input-switch-radius: calc(2px * var(--radius));
}
base-input-switch.contrast {
  --input-switch-inactive: hsla(var(--color-contrast-h), var(--color-contrast-s), var(--color-contrast-l), 0.3);
  --input-switch-active: var(--color-contrast);
  --input-switch-focus-color: var(--color-main);
}
base-input-switch.size-smaller {
  font-size: 0.8em;
}
base-input-switch.size-larger {
  font-size: 1.25em;
}
base-input-switch.size-tiny {
  font-size: 0.625rem;
}
base-input-switch.size-small {
  font-size: 0.8rem;
}
base-input-switch.size-default {
  font-size: 1rem;
}
base-input-switch.size-big {
  font-size: 1.25rem;
}
base-input-switch.size-huge {
  font-size: 1.5rem;
}
base-input-switch::part(background) {
  border-radius: var(--input-switch-radius);
}
base-input-switch::part(slider) {
  border-radius: var(--input-switch-radius);
}

base-gdpr-protected {
  background: hsla(var(--color-main-h), var(--color-main-s), var(--color-main-l), 0.25);
}

:where(base-popup) {
  --base-popup-radius: calc(3px * var(--radius));
}
base-popup::part(content) {
  box-sizing: border-box;
}
base-popup [slot=close-button] .svg.icon {
  display: inline-block;
  padding: 0.5em;
}
base-popup.gallery img {
  max-width: 100%;
  height: auto;
}
base-popup.reveal-popup:not([size=fullscreen])::part(content) {
  min-width: 160px;
}
base-popup.reveal-popup::part(content) {
  background-color: var(--color-back);
  padding: 2rem 1rem 1rem;
}
base-popup:not([size=fullscreen]).reveal-popup::part(content) {
  border-radius: var(--base-popup-radius);
}
base-popup[size=fullscreen] > .schema-root {
  min-height: 100%;
  box-sizing: border-box;
  margin: 0 !important;
}

base-off-canvas:not(:defined) {
  display: none;
}
base-off-canvas {
  --off-canvas-background: var(--color-back);
}

base-drop-content:not(:defined) {
  display: none;
}
base-drop-content {
  --drop-content-bg: var(--color-back);
  color: var(--color-text);
}
base-drop-content.tooltip {
  --drop-content-bg: var(--color-text);
  color: var(--color-back);
  font-size: 0.8em;
  line-height: 1.2;
  min-width: 10em;
}
base-drop-content.tooltip::part(content) {
  border-radius: calc(3px * var(--radius));
}

base-slideshow:not(:defined) {
  display: none;
}
base-slideshow {
  --slideshow-control-size: var(--font-size-gigantic);
}
base-slideshow.small-controls {
  --slideshow-control-size: var(--font-size-huge);
}
base-slideshow [slot$=icon] svg {
  font-size: var(--slideshow-control-size);
}

base-countdown {
  --base-countdown-gutter: 1rem;
}
@media (min-width: 1024px) {
  base-countdown {
    --base-countdown-gutter: 2rem;
  }
}
base-countdown::part(units) {
  gap: var(--base-countdown-gutter);
}
base-countdown::part(unit-wrap) {
  flex-basis: auto;
  background: hsla(var(--color-main-h), var(--color-main-s), var(--color-main-l), 0.5);
  padding: var(--base-countdown-gutter);
}
base-countdown::part(value) {
  font-family: var(--font-header-family, Arial, sans-serif);
  font-weight: var(--font-header-regular-weight, bold);
  font-style: var(--font-header-regular-style, normal);
  font-size: 2em;
  display: inline-block;
  width: 2ch;
  text-align: center;
}

base-tabs-nav {
  --base-tabs--tab-separator-color: var(--color-back);
  --base-tabs--tab-background: hsla(var(--color-text-h), var(--color-text-s), var(--color-text-l), 0.1);
  --base-tabs--tab-hover-background: hsla(var(--color-text-h), var(--color-text-s), var(--color-text-l), 0.14);
  --base-tabs--tab-active-background: hsla(var(--color-text-h), var(--color-text-s), var(--color-text-l), 0.18);
  --base-tabs--tab-color: var(--color-link);
}
base-tabs-nav[flow*=vertical]::part(tabs-wrapper), base-tabs-nav[flow*=vertical]::part(tabs-nav) {
  height: 100%;
  box-sizing: border-box;
}
base-tabs-nav.tabs-align-start::part(tabs-nav) {
  display: flex;
  justify-content: flex-start;
}
base-tabs-nav.tabs-align-center::part(tabs-nav) {
  display: flex;
  justify-content: center;
}
base-tabs-nav.tabs-align-end::part(tabs-nav) {
  display: flex;
  justify-content: flex-end;
}
base-tabs-nav.tabs-align-stretch a, base-tabs-nav.tabs-align-stretch button {
  flex-grow: 1;
}
base-tabs-nav.tabs-align-stretch::part(tabs-nav) {
  display: flex;
  justify-content: stretch;
}
base-tabs-nav a, base-tabs-nav button {
  color: var(--color-link);
}
base-tabs-nav a:hover, base-tabs-nav button:hover {
  color: var(--color-link-hover);
}
base-tabs-nav.tabs-background {
  --base-tabs--tabs-background: hsla(var(--color-text-h), var(--color-text-s), var(--color-text-l), 0.05) ;
}

base-video-player:has([slot=poster]):not([playing]) :is(video, base-youtube-video, base-vimeo-video) {
  visibility: hidden;
}
base-video-player {
  max-width: 100%;
}
base-video-player.full-width {
  width: 100%;
}
base-video-player.full-width > :is(video, base-youtube-video, base-vimeo-video) {
  width: 100%;
}
base-video-player picture[slot=poster] {
  display: block;
  width: 100%;
  height: 100%;
}
base-video-player picture[slot=poster] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

form:has(base-gdpr-protected) base-multi-select {
  z-index: 0;
}

base-multi-select:not(:defined) [slot=arrow], base-multi-select:not(:defined) [slot=dropdown] {
  display: none;
}
base-multi-select button.base-nobtn {
  display: block;
  width: 100%;
  text-align: left;
  padding: var(--base-multi-select-inner-space);
}

base-equalizer:not(:defined) {
  display: block;
}
/*# sourceMappingURL=base.css.map */