@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

.tag-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--uimc-spacing-2);
}

.tag-list .tag {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--uimc-spacing-2);
}

.tag-list .tag--large {
  margin: var(--uimc-spacing-1) 0;
}

.tag-list .tag--live {
  color: var(--uimc-color-white);
}

.tag-list .tag--live .tag__icon::before {
  --size: 0.625em;
  background-color: var(--uimc-color-white);
  content: "";
  width: var(--size);
  border-radius: 50%;
  height: var(--size);
  margin: auto 0;
  position: relative;
  display: inline-block;
}

.event-list__group {
  margin-bottom: var(--uimc-spacing-20);
}
.event-list__group:last-child {
  margin-bottom: var(--uimc-spacing-6);
}

.event-list__title {
  margin-top: 0;
}

.event-list-item {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: var(--uimc-spacing-4);
}

.event-list-item__date {
  display: flex;
  gap: var(--uimc-spacing-1);
  height: fit-content;
  grid-column: 1 / 2;
}

.event-list-item__date-month {
  display: flex;
  justify-content: center;
  font-weight: var(--uimc-font-weight-semibold);
}

.event-list-item__date-day {
  display: flex;
  justify-content: center;
  font-size: var(--uimc-font-size-h4);
  line-height: var(--uimc-line-height-h4);
  font-weight: var(--uimc-font-weight-bold);
}

.event-list-item__date-separator {
  display: flex;
  align-items: flex-end;
  font-size: var(--uimc-font-size-h4);
  line-height: var(--uimc-line-height-h4);
  font-weight: var(--uimc-font-weight-bold);
}

.event-list-item__content {
  grid-column: 2 / 3;
}

.event-list-item__title {
  margin: 0;
}

.event-list-item__text {
  margin-top: 0;
  margin-bottom: var(--uimc-spacing-1);
}

.event-list-item__location {
  grid-column: 2 / 3;
}

.event-list-item__location-header {
  font-weight: var(--uimc-font-weight-semibold);
}

.event-list-item__buttons {
  display: flex;
  gap: var(--uimc-spacing-2);
  justify-content: flex-start;
  grid-column: 2 / 3;
}

@media (min-width: 48rem) {
  .event-list-item {
    grid-template-columns: 1fr 6fr 2fr 2fr;
  }

  .event-list-item__content {
    grid-column: 2 / 3;
  }

  .event-list-item__location {
    grid-column: 3 / 4;
  }

  .event-list-item__buttons {
    grid-column: 4 / 5;
    justify-content: flex-end;
  }
}

.section {
  --padding-block: 3.75rem;
  overflow: hidden;
  background-color: var(--uimc-color-background-section);
  color: var(--uimc-color-text);
  padding-inline: 0;
  padding-block: var(--padding-block);
}

@media (min-width: 48rem) {
  .section {
    --padding-block: 5rem;
  }
}

@media (min-width: 64rem) {
  .section {
    --padding-block: 7.5rem;
  }
}

.section__headline {
  margin-top: 0;
  /* margin-bottom: var(--uimc-spacing-4); */
}

.section__subheadline {
  margin-top: 0;
  margin-bottom: var(--uimc-spacing-2);
}

.section__description {
  margin-bottom: var(--uimc-spacing-9);
}

.section--dark {
  color-scheme: dark;
}

.section--white {
  color-scheme: light;
}

.section--light {
  color-scheme: light;
  background-color: var(--uimc-color-black-5);
}

.section--collapse-top {
  padding-top: 0;
}

.section--collapse-bottom {
  padding-bottom: 0;
}

.navigation-scroller {
  position: relative;
}

.navigation-scroller__scrollable {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.navigation-scroller__scrollable::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

.navigation-scroller__scrollable.has-left-more {
  mask-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 1) 15%);
  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    rgba(0, 0, 0, 1) 15%
  );
}

.navigation-scroller__scrollable.has-right-more.has-left-more {
  mask-image: linear-gradient(
    to right,
    transparent,
    rgba(0, 0, 0, 1) 15%,
    rgba(0, 0, 0, 1) 85%,
    transparent
  );
  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    rgba(0, 0, 0, 1) 15%,
    rgba(0, 0, 0, 1) 85%,
    transparent
  );
}

.navigation-scroller__scrollable.has-right-more {
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 85%, transparent);
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 1) 85%,
    transparent
  );
}

.navigation-scroller .arrow {
  --background-color: var(--uimc-color-background);
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
}

.navigation-scroller .arrow:first-child {
  left: 0;
}

.navigation-scroller .arrow:last-child {
  right: 0;
}

.tag-filter {
  display: grid;
  gap: var(--uimc-spacing-4);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.tag-filter__utilities {
  width: 30rem;
  max-width: 100%;
}

.tag-filter__meta {
  width: 100%;
  display: flex;
  gap: var(--uimc-spacing-2);
  align-items: center;
}

.tag-filter__options {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--uimc-spacing-2);
  overflow: hidden;
}

.tag-filter__selection {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
}

.tag-filter__reset {
  flex-shrink: 0;
}

.tag-filter__selected-tags {
  display: flex;
}

.tag-filter__selected-tags::part(base) {
  flex-wrap: nowrap;
}

.tag-filter .sheet::part(base) {
  padding-bottom: 0;
  --width: 100%;
  color-scheme: light;
}

@media (min-width: 48rem) {
  .tag-filter .sheet::part(base) {
    --width: 66vw;
  }
}

.tag-filter .sheet__content {
  position: relative;
  display: grid;
  gap: var(--uimc-spacing-4);
  padding-bottom: var(--uimc-spacing-4);
}

.tag-filter .sheet__actions {
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--uimc-spacing-4);
  margin-inline: calc(-1 * var(--uimc-spacing-4));
  background-color: var(--uimc-color-background);
  box-shadow: var(--uimc-shadow-5);
  display: flex;
  justify-content: flex-end;
  gap: var(--uimc-spacing-2);
  margin-top: auto;
}

.tag-filter .filter-categories {
  grid-row: 1 / 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: var(--uimc-spacing-6);
}

.tag-filter .filter-category {
  grid-column: span 3;
  gap: var(--uimc-spacing-4);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
}

@media (min-width: 48rem) {
  .tag-filter .filter-category {
    --cols: 3;
    grid-column: span var(--cols);
    grid-template-columns: repeat(var(--cols), 1fr);
  }
}

.tag-filter .filter-category__title {
  grid-column: 1 / -1;
  margin-top: 0;
  margin-bottom: calc(-1 * var(--uimc-spacing-2));
}

.tag-filter .filter-group__content {
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-3);
}

.tag-filter .filter-group__content--desktop {
  display: none;
}

@media (min-width: 48rem) {
  .tag-filter .filter-group__content--mobile {
    display: none;
  }

  .tag-filter .filter-group__content--desktop {
    display: flex;
  }
}

.tag-filter .filter-group__title {
  margin-top: 0;
  margin: 0;
}

.tag-filter .filter-group__checkbox {
  margin-left: var(--uimc-spacing-3);
}

.tag-filter--small .filter-category {
  grid-column: span 3;
  gap: var(--uimc-spacing-4);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
}

@media (min-width: 48rem) {
  .tag-filter--small .filter-category {
    gap: var(--uimc-spacing-6);
    grid-column: span 3;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 48rem) {
  .tag-filter--small .sheet::part(base) {
    --width: 30rem;
  }
}

.information-layer {
  box-sizing: border-box;
  margin: 0;
  padding: var(--padding);
  border: none;
  border-radius: var(--uimc-border-radius-2);
  background: var(--background-color);
  box-shadow: var(--uimc-shadow-popover);
  font-family: var(--font-family);

  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-6);
  width: calc(100% - var(--uimc-spacing-8));
  max-width: 28rem;

  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  overflow: auto;

  transition: display var(--uimc-transition-hide-fast) allow-discrete,
    overlay var(--uimc-transition-hide-fast) allow-discrete,
    visibility var(--uimc-transition-hide-fast) allow-discrete,
    opacity var(--uimc-transition-hide-fast),
    scale var(--uimc-transition-hide-fast),
    translate var(--uimc-transition-hide-fast);
}

.information-layer:focus-visible {
  outline: 2px solid var(--uimc-color-primary);
  outline-offset: 2px;
}

.information-layer:not([open]) {
  display: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.information-layer[open] {
  display: flex;
  visibility: visible;
  opacity: 1;
  scale: 1;
  translate: 0 0;
  pointer-events: auto;

  transition: display var(--uimc-transition-show-fast) allow-discrete,
    overlay var(--uimc-transition-show-fast) allow-discrete,
    visibility var(--uimc-transition-show-fast) allow-discrete,
    opacity var(--uimc-transition-duration-medium-2)
      var(--uimc-transition-ease-out),
    scale var(--uimc-transition-show-fast),
    translate var(--uimc-transition-show-fast);
}

.information-layer::backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;

  transition: display var(--uimc-transition-hide-fast) allow-discrete,
    overlay var(--uimc-transition-hide-fast) allow-discrete,
    visibility var(--uimc-transition-hide-fast) allow-discrete,
    opacity var(--uimc-transition-hide-fast),
    scale var(--uimc-transition-hide-fast),
    translate var(--uimc-transition-hide-fast);
}

.information-layer[open]::backdrop {
  visibility: visible;
  opacity: 1;
  scale: 1;
  translate: 0 0;
  pointer-events: auto;

  transition: display var(--uimc-transition-show-fast) allow-discrete,
    overlay var(--uimc-transition-show-fast) allow-discrete,
    visibility var(--uimc-transition-show-fast) allow-discrete,
    opacity var(--uimc-transition-duration-medium-2)
      var(--uimc-transition-ease-out),
    scale var(--uimc-transition-show-fast),
    translate var(--uimc-transition-show-fast);
}

.information-layer__title {
  margin: 0;
  font-size: var(--uimc-font-size-xxlarge);
  line-height: var(--uimc-line-height-xxlarge);
  font-weight: var(--uimc-font-weight-semibold);
}

.event-calendar-page__breadcrumbs {
  padding-block: var(--uimc-spacing-8);
}

.event-calendar-page__header {
  display: flex;
  flex-direction: column;
}

@media (min-width: 48rem) {
  .event-calendar-page__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.event-calendar-page__filter--sticky {
  z-index: var(--uimc-z-index-sticky);
  padding: var(--uimc-spacing-4) 0;
  background-color: var(--uimc-color-black-5);
}

.event-calendar-page__filter--sticky::before {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background-color: var(--uimc-color-black-5);
}
.event-calendar-page__show-more {
  display: flex;
  justify-content: center;
}

.event-calendar-page__noresult-header {
  margin-top: 0;
}

.event-calendar-page__noresult-text :is(p, ul, li) {
  margin: 0;
}

.event-calendar-page__local-events-navigator {
  --padding-block: 3.75rem;
  display: flex;
  flex-direction: column;
  gap: var(--padding-block);
}

@media (min-width: 48rem) {
  .event-calendar-page__local-events-navigator {
    --padding-block: 5rem;
  }
}

@media (min-width: 64rem) {
  .event-calendar-page__local-events-navigator {
    --padding-block: 7.5rem;
  }
}

.inpage-navigation {
  background-color: var(--uimc-color-background);
  z-index: var(--uimc-z-index-sticky);
  box-shadow: inset 0 calc(var(--uimc-border-width-1) * -1) 0
    var(--uimc-color-border);
}

.inpage-navigation--dark {
  color-scheme: dark;
}

.inpage-navigation__panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--uimc-spacing-4);
}

.inpage-navigation__nav {
  min-width: 0;
  width: 100%;
}

.inpage-navigation__cta {
  flex-grow: 1;
}

/* disable the react-sticky inline positioning below the md breakpoint */
@media (max-width: 48em) {
  .sticky-panel__element {
    position: static !important;
    width: auto !important;
    transform: none !important;
  }
}

.info-panel__content {
  color: var(--uimc-color-text);
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
}

.inline-list {
  --color: light-dark(var(--uimc-color-black-60), var(--uimc-color-black-40));
}

.inline-list__item {
  display: inline;
  color: var(--color);
}

.inline-list__item::after {
  content: "•";
  color: var(--uimc-color-orange);
  margin: 0 0.556rem;
  display: inline-block;
}

.inline-list__item:last-child::after {
  display: none;
}

.inline-list__item.is-highlighted {
  font-weight: bold;
}

.inline-list--light {
  color-scheme: light;
}

.inline-list--light .inline-list__item::after {
  color: var(--uimc-color-black);
}

.inline-list--dark {
  color-scheme: dark;
}

.inline-list--dark .inline-list__item::after {
  color: var(--uimc-color-white);
}

.session-card__media {
  aspect-ratio: var(--uimc-aspect-ratio-video);
}

.session-card__description {
  margin-bottom: var(--uimc-spacing-4);
}

.session-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--uimc-spacing-2);
}

.session-card__tag {
  display: flex;
  gap: var(--uimc-spacing-2);
  align-items: center;
}

.session-card__tag--live {
  gap: var(--uimc-spacing-1);
  color: var(--uimc-color-white);
}

.session-card__tag--live::before {
  --size: var(--uimc-spacing-2);

  content: "";
  flex: none;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: var(--uimc-color-white);
}

.session-card__metadata {
  margin-bottom: var(--uimc-spacing-4);
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-4);
}

.session-card .on-demand-video {
  aspect-ratio: var(--uimc-aspect-ratio-video);
  padding: 0;
}

.session-card .on-demand-video__overlay,
.session-card .live-stream__overlay,
.session-card .vjs-big-play-button,
.session-card .on-demand-video__play-button {
  display: none;
}

.session-card .inline-list__item::after {
  color: var(--uimc-color-white);
}

.session-card__headline,
.session-card__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
}

@media (min-width: 48em) {
  .session-card__headline,
  .session-card__description {
    -webkit-line-clamp: 3;
  }
}

@media (min-width: 64em) {
  .session-card__headline,
  .session-card__description {
    -webkit-line-clamp: 4;
  }
}

@media (min-width: 80em) {
  .session-card__headline,
  .session-card__description {
    -webkit-line-clamp: 3;
  }
}

.hero {
  position: relative;
  color: var(--uimc-color-text);
  background-color: var(--uimc-color-background);
}

.hero:has(.progress-navigation) {
  overflow-x: clip;
}

.hero-container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1424px;
}

.hero__gradient {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  z-index: 1;
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );
}

/* header */
.hero__header {
  padding-top: var(--uimc-spacing-2);
  padding-bottom: var(--uimc-spacing-2);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 9;
  transition: opacity 0.6s ease-in;
  max-width: calc(var(--uimc-grid-max-width) + var(--uimc-grid-margin) * 2);
  width: 100%;
  padding-left: var(--uimc-grid-margin);
  padding-right: var(--uimc-grid-margin);
}

@media (min-width: 48em) {
  .hero__header {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-top: var(--uimc-spacing-3);
    padding-bottom: var(--uimc-spacing-3);
  }
}

@media (min-width: 64em) {
  .hero__header {
    padding-top: var(--uimc-spacing-5);
    padding-bottom: var(--uimc-spacing-5);
  }
}

.hero__header--inline {
  position: static;
  transform: none;
  margin: 0 auto;
}

.hero__breadcrumbs {
  width: 100%;
  overflow: hidden;
  align-self: flex-start;
  position: relative;
}

.hero__bookmark {
  margin-left: var(--uimc-spacing-4);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--uimc-spacing-2);
}

.hero__bookmark .bookmark-button {
  position: static;
  padding: 0;
}

/* body */
.hero__body {
  display: flex;
  flex-direction: column;
}

.hero__media {
  order: 2;
  position: relative;
}

@media (min-width: 64em) {
  .hero__media {
    order: 1;
  }
}

.hero__media .on-demand-video {
  padding: 0;
}

.hero__media .on-demand-video__overlay {
  display: none;
}

.hero__media .on-demand-video__play-button {
  display: none;
}

.hero__media-item {
  background-color: var(--uimc-color-background);
  border-radius: var(--uimc-border-radius-1);
  overflow: hidden;
}

/* Slim session hero with a video: the media column is sized for the square
   image variant, so the 16:9 video sits centered on its black square.
   The session hero uses the "hero--beside" slim modifier; keep "hero--slim"
   for any other slim hero that renders a video. */
.hero--slim .hero__media-item .on-demand-video--hero,
.hero--beside .hero__media-item .on-demand-video--hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  aspect-ratio: var(--uimc-aspect-ratio-square);
  width: 100%;
}

.hero__media-item--mobile {
  display: block;
}

.hero__media-item--desktop {
  display: none;
}

@media (min-width: 48em) {
  .hero__media-item--mobile {
    display: none;
  }

  .hero__media-item--desktop {
    display: block;
  }
}

.hero__content {
  max-width: calc(var(--uimc-grid-max-width) + var(--uimc-grid-margin) * 2);
  width: 100%;
  padding-left: var(--uimc-grid-margin);
  padding-right: var(--uimc-grid-margin);
  order: 1;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  pointer-events: all;
  transition: opacity 0.6s ease-in;
}

@media (min-width: 48em) {
  .hero__content {
    z-index: 2;
    order: 2;
    position: absolute;
    inset: 0 0 0 0;
    padding-top: 4.444rem;
  }
}

.on-demand-video.is-active:not(.is-background) .hero__content,
.session-active .hero__content {
  opacity: 0;
  pointer-events: none;
}

/* content */
.hero__tags {
  margin-bottom: var(--uimc-spacing-4);
}

.hero__tag {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--uimc-spacing-2);
}

.hero__headline {
  margin-top: var(--uimc-spacing-4);
  margin-bottom: var(--uimc-spacing-4);
  text-shadow: 0 0.111rem 2.222rem rgba(255, 255, 255, 0.5);
}

@media (min-width: 48em) {
  .hero__headline {
    margin-bottom: var(--uimc-spacing-2);
  }
}

@media (min-width: 64em) {
  .hero__headline {
    max-width: 66.66667%;
    margin-bottom: var(--uimc-spacing-4);
  }
}

.hero__headline p {
  opacity: 0;
  animation: slide-in-up 0.3s steps(60, end) forwards;
  animation-delay: 0.1s;
}

.hero__description {
  text-shadow: 0 0.111rem 2.222rem rgba(255, 255, 255, 0.5);
  margin-bottom: var(--uimc-spacing-9);
  font-weight: var(--uimc-font-weight-semibold);
}

@media (min-width: 64em) {
  .hero__description {
    max-width: 66.66667%;
  }
}

.hero__countdown {
  font-family: var(--uimc-font-family-headline);
  font-size: 1.444rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  margin-bottom: 1.778rem;
  text-shadow: 0 0.111rem 2.222rem rgba(255, 255, 255, 0.5);
}

@media (min-width: 48em) {
  .hero__countdown {
    font-size: 2.222rem;
    line-height: 1.1;
  }
}

@media (min-width: 80em) {
  .hero__countdown {
    font-size: 2.667rem;
    line-height: 1.13;
    margin-bottom: 2.778rem;
  }
}

.hero__information {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--uimc-spacing-2);
  align-items: center;
  font-weight: var(--uimc-font-weight-semibold);
}

.hero__actions {
  display: flex;
  margin-bottom: var(--uimc-spacing-4);
  gap: var(--uimc-spacing-2);
}

.hero__buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--uimc-spacing-2);
  max-width: 100%;
}

@media (min-width: 48em) {
  .hero__buttons {
    flex-wrap: nowrap;
  }
}

.hero__buttons > * {
  max-width: 100%;
}

.hero__additional {
  margin-bottom: var(--uimc-spacing-4);
}

/* footer */
.hero__footer {
  max-width: calc(var(--uimc-grid-max-width) + var(--uimc-grid-margin) * 2);
  width: 100%;
  padding-left: var(--uimc-grid-margin);
  padding-right: var(--uimc-grid-margin);
  padding-top: var(--uimc-spacing-4);
  padding-bottom: var(--uimc-spacing-4);
  z-index: var(--uimc-z-index-sticky);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: opacity 0.6s ease-in;
}

@media (min-width: 48em) {
  .hero__footer {
    padding-top: var(--uimc-spacing-9);
    padding-bottom: var(--uimc-spacing-9);
  }
}

.hero__footer.is-sticky {
  position: fixed;
  width: calc(100% - 0.889rem);
  margin: 0 0.444rem;
  left: calc(50% - 0.444rem);
}

.hero__footer.is-fixed {
  position: fixed;
  max-width: unset;
  transform: none;
  left: 0;
  right: 0;
  padding: 0 0.444rem;
  margin: 0;
}

.hero .slick-slider {
  margin-bottom: 0;
}

.hero .slick-slider .slick-active {
  z-index: 1;
}

/* modifier: dark */
.hero--dark {
  color-scheme: dark;
}

.hero--dark .hero__headline,
.hero--dark .hero__description,
.hero--dark .hero__countdown {
  text-shadow: 0 0.111rem 2.222rem rgba(0, 0, 0, 0.5);
}

.hero--dark .hero__gradient {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 1),
    rgba(0, 0, 0, 0)
  );
}

/* modifier: gray */
.hero--gray {
  background-color: var(--uimc-color-black-5);
}

/* modifier: play */
.hero--play .hero__footer {
  opacity: 0;
  pointer-events: none;
}

@media (min-width: 48em) {
  .hero--play .hero__header,
  .hero--play .hero__content {
    opacity: 0;
    pointer-events: none;
  }
}

.hero--play .hero__additional {
  display: none;
}

/* modifier: slim */
@media (max-width: 47.98em) {
  .hero--slim .hero__header {
    position: absolute;
    color-scheme: dark;
  }

  .hero--slim .hero__body {
    flex-direction: column-reverse;
  }

  .hero--slim .hero__media {
    color-scheme: dark;
  }

  .hero--slim .hero__content {
    z-index: var(--uimc-z-index-content-layer);
    margin-top: var(--uimc-spacing-4);
  }

  .hero--slim .hero__content > *:first-child {
    margin-top: 0;
  }

  .hero--slim .hero__headline {
    text-shadow: none;
  }

  .hero--slim .hero__description {
    text-shadow: none;
  }

  .hero--slim {
    color-scheme: light;
  }

  .hero--slim.hero--dark {
    color-scheme: dark;
  }
}

/* modifier: beside */
.hero--beside .hero__header {
  position: inherit;
}

@media (min-width: 64em) {
  .hero--beside .hero__header {
    position: absolute;
  }

  .hero--beside .hero__breadcrumbs {
    width: 50%;
    padding-right: var(--uimc-spacing-4);
  }

  .hero--beside .hero__body {
    flex-direction: row-reverse;
    position: relative;
  }
}

.hero--beside .hero__media {
  order: 2;
}

@media (min-width: 64em) {
  .hero--beside .hero__media {
    width: 50%;
    order: 1;
  }
}

.hero--beside .hero__content {
  position: inherit;
  padding-top: 0;
  order: 1;
}

@media (min-width: 64em) {
  .hero--beside .hero__content {
    order: 2;
    position: relative;
    max-width: 44.5rem;
    width: 50%;
    margin: 0;
    padding-top: 4.444rem;
  }
}

.hero--beside .hero__headline {
  max-width: inherit;
}

@media (min-width: 64em) {
  .hero--beside .hero__headline {
    font-size: 3.111rem;
  }
}

@keyframes slide-in-up {
  0% {
    opacity: 0;
    transform: translateY(0.556rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slide-in-down {
  0% {
    opacity: 0;
    transform: translateY(-0.556rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 768px) {
  img[style*="--aspect-ratio-mobile"] {
    aspect-ratio: var(--aspect-ratio-desktop) !important;
    object-fit: var(--object-fit-desktop) !important;
    object-position: var(--object-position-desktop) !important;
  }
}

.media-hub__hero {
  z-index: var(--uimc-z-index-sticky);
  position: relative;
}

/* The shared hero lets the media dictate its height and span the full viewport.
   In the media hub the content drives the height instead and the media is
   limited to the grid width, filling that height behind the content. */
@media (min-width: 48em) {
  .media-hub__hero .hero__media {
    position: absolute;
    inset: 0;
    max-width: calc(var(--uimc-grid-max-width) + var(--uimc-grid-margin) * 2);
    margin-inline: auto;
    padding-right: var(--uimc-grid-margin);
  }

  .media-hub__hero .hero__media-item,
  .media-hub__hero .hero__media-item img {
    height: 100%;
  }

  .media-hub__hero .hero__content {
    position: relative;
    padding-block: var(--uimc-spacing-20);
  }
}

.media-hub__search {
  color-scheme: light;
}

.media-hub__filter--sticky {
  z-index: var(--uimc-z-index-sticky);
  padding: var(--uimc-spacing-4) 0;
  background-color: var(--uimc-color-black-90);
}

.media-hub__filter--sticky::before {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background-color: var(--uimc-color-black-90);
}

.media-hub__section-headline {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.media-hub__z-flow {
  --cols: 1;
  display: grid;
  gap: var(--uimc-grid-gutter-size);
  grid-template-columns: repeat(var(--cols), 1fr);
}

@media (min-width: 48rem) {
  .media-hub__z-flow {
    --cols: 2;
  }
}

@media (min-width: 64rem) {
  .media-hub__z-flow {
    --cols: 3;
  }
}

.loading-spinner {
  width: var(--uimc-spacing-16);
  height: var(--uimc-spacing-16);
  margin: var(--uimc-spacing-10) auto;
  border: var(--uimc-spacing-1) solid var(--uimc-color-black-10);
  border-top-color: var(--uimc-color-petrol);
  border-radius: 50%;
  animation: loading-spinner-spin 1s linear infinite;
}

@keyframes loading-spinner-spin {
  to {
    transform: rotate(360deg);
  }
}

/* slides span the full container width and the next slide is clipped */
.favorites-information-overlay__carousel {
  --slide-peek: 0px;
  overflow: hidden;
}

.favorites-information-overlay__slide {
  text-align: center;
}

.favorites-information-overlay__slide img {
  max-height: none;
}

.favorites-information-overlay__headline {
  font-size: var(--uimc-font-size-xxlarge);
  line-height: var(--uimc-line-height-xxlarge);
}

.favorites-information-overlay__description {
  font-size: var(--uimc-font-size-medium);
  line-height: var(--uimc-line-height-medium);
}

.favorites-information-overlay__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--uimc-spacing-4);
}

.session-teaser {
  --border-radius: 0;
  --border-color: transparent;
  --background-color: var(--uimc-color-white);
  --hover-blend-color: var(--uimc-color-black-5);
  --padding-inline: var(--uimc-spacing-5);
  --padding-block: var(--uimc-spacing-5);
  margin-block-end: var(--uimc-spacing-2);
  color: var(--uimc-color-text);
}

.session-teaser::part(media-area) {
  width: var(--uimc-spacing-14);
  flex: none;
}

.session-teaser__image {
  aspect-ratio: var(--uimc-aspect-ratio-square);
  overflow: hidden;
}

.session-teaser__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.session-teaser__bookmark {
  position: absolute;
  top: var(--uimc-spacing-5);
  right: var(--uimc-spacing-5);
  z-index: 1;
}

.session-teaser__title {
  margin: 0 0 var(--uimc-spacing-7) 0;
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
  font-weight: var(--uimc-font-weight-bold);
}

.session-teaser__text {
  margin: 0 0 var(--uimc-spacing-7) 0;
  font-size: var(--uimc-font-size-xsmall);
  line-height: var(--uimc-line-height-xsmall);
  color: var(--uimc-color-black-70);
}

.session-teaser__time {
  display: flex;
  gap: var(--uimc-spacing-2);
  margin: 0 0 var(--uimc-spacing-7) 0;
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
  font-weight: var(--uimc-font-weight-bold);
}

.session-teaser__zone {
  font-weight: var(--uimc-font-weight-regular);
  color: var(--uimc-color-black-70);
}

@container (min-inline-size: 30em) {
  .session-teaser {
    --padding-inline: var(--uimc-spacing-7);
    --padding-block: var(--uimc-spacing-7);
    margin-block-end: var(--uimc-spacing-7);
  }

  .session-teaser::part(base) {
    align-items: flex-start;
  }

  /* override the card's built-in row media-area (flex: 0 0 50%) */
  .session-teaser::part(media-area) {
    width: auto;
    flex: 0 0 25% !important;
  }

  .session-teaser__image {
    aspect-ratio: var(--uimc-aspect-ratio-video);
  }

  .session-teaser__title {
    font-size: var(--uimc-font-size-xxlarge);
    line-height: var(--uimc-line-height-xxlarge);
  }

  .session-teaser__text {
    font-size: var(--uimc-font-size-small);
    line-height: var(--uimc-line-height-small);
  }
}

.exhibition-teaser {
  --border-radius: 0;
  --border-width: 0;
  --border-color: transparent;
  --background-color: var(--uimc-color-black-5);
  --padding-inline: var(--uimc-spacing-5);
  --padding-block: var(--uimc-spacing-5);
  margin-block-end: var(--uimc-spacing-2);
  color: var(--uimc-color-black);
}

.exhibition-teaser--dark {
  color-scheme: dark;
  color: var(--uimc-color-white);
}

@media (min-width: 48em) {
  .exhibition-teaser {
    --padding-inline: var(--uimc-spacing-10);
    --padding-block: var(--uimc-spacing-10);
    margin-block-end: var(--uimc-spacing-9);
  }
}

/* image slot is unused; the image lives in the body as a full-bleed background */
.exhibition-teaser::part(media-area) {
  display: none;
}

.exhibition-teaser::part(base) {
  overflow: hidden;
}

/* spans the whole card (incl. padding): absolute children resolve against
   the card's relatively-positioned base, not the padded content */
.exhibition-teaser__image {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background-color: var(--uimc-color-black-5);
}

.exhibition-teaser__image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* dim-on-hover layer between image and content */
.exhibition-teaser__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--uimc-color-white);
  opacity: 0;
  transition: opacity var(--uimc-transition-duration-medium-1) linear;
  pointer-events: none;
}

.exhibition-teaser--dark .exhibition-teaser__image::after {
  background-color: var(--uimc-color-black);
}

.exhibition-teaser:hover .exhibition-teaser__image::after {
  opacity: 0.4;
}

.exhibition-teaser__content-container {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--uimc-spacing-5);
  text-shadow: 0 2px 40px rgba(255, 255, 255, 0.4);
}

.exhibition-teaser--dark .exhibition-teaser__content-container {
  text-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
}

.exhibition-teaser__title {
  margin: 0 0 var(--uimc-spacing-5) 0;
}

.exhibition-teaser__date {
  display: flex;
  align-items: center;
  gap: var(--uimc-spacing-1);
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
  font-weight: var(--uimc-font-weight-bold);
}

.exhibition-teaser__bookmark {
  flex-shrink: 0;
}

.product-teaser {
  --border-radius: 0;
  --border-color: transparent;
  --background-color: var(--uimc-color-white);
  --hover-blend-color: var(--uimc-color-black-5);
  --padding-inline: var(--uimc-spacing-5);
  --padding-block: var(--uimc-spacing-5);
  margin-block-end: var(--uimc-spacing-2);
  color: var(--uimc-color-text);
}

.product-teaser::part(media-area) {
  width: var(--uimc-spacing-14);
  flex: none;
}

.product-teaser__image {
  aspect-ratio: var(--uimc-aspect-ratio-square);
  overflow: hidden;
}

.product-teaser__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-teaser__bookmark {
  position: absolute;
  top: var(--uimc-spacing-5);
  right: var(--uimc-spacing-5);
  z-index: 1;
}

.product-teaser__title {
  margin: 0 0 var(--uimc-spacing-7) 0;
  font-size: var(--uimc-font-size-medium);
  line-height: var(--uimc-line-height-medium);
  font-weight: var(--uimc-font-weight-bold);
}

.product-teaser__text {
  margin: 0;
}

@container (min-inline-size: 30em) {
  .product-teaser {
    --padding-inline: var(--uimc-spacing-7);
    --padding-block: var(--uimc-spacing-7);
    margin-block-end: var(--uimc-spacing-7);
  }

  .product-teaser::part(base) {
    align-items: flex-start;
  }

  /* override the card's built-in row media-area (flex: 0 0 50%) */
  .product-teaser::part(media-area) {
    width: auto;
    flex: 0 0 25% !important;
  }

  .product-teaser__image {
    aspect-ratio: var(--uimc-aspect-ratio-video);
  }

  .product-teaser__title {
    font-size: var(--uimc-font-size-xxlarge);
    line-height: var(--uimc-line-height-xxlarge);
  }
}

.conference-bag-item {
  --border-radius: var(--uimc-border-radius-1);
  --border-color: transparent;
  --background-color: var(--uimc-color-white);
  --hover-blend-color: var(--uimc-color-black-5);
  --padding-inline: var(--uimc-spacing-4);
  --padding-block: var(--uimc-spacing-4);
  margin-block-end: var(--uimc-spacing-7);
  color: var(--uimc-color-text);
}

@container (min-inline-size: 30em) {
  .conference-bag-item {
    --padding-inline: var(--uimc-spacing-7);
    --padding-block: var(--uimc-spacing-7);
  }

  /* keep the media a contained box instead of stretching to content height */
  .conference-bag-item::part(base) {
    align-items: flex-start;
  }
}

.conference-bag-item::part(media-area) {
  width: var(--uimc-spacing-14);
  flex: none;
  margin: var(--padding-block) 0 var(--padding-block) var(--padding-inline);
}

@container (min-inline-size: 30em) {
  .conference-bag-item::part(media-area) {
    width: auto;
    flex: 0 0 25% !important;
  }
}

.conference-bag-item__image {
  position: relative;
  aspect-ratio: var(--uimc-aspect-ratio-square);
  background-color: var(--uimc-color-black-5);
}

@container (min-inline-size: 30em) {
  .conference-bag-item__image {
    aspect-ratio: var(--uimc-aspect-ratio-video);
  }
}

.conference-bag-item__image uimc-icon {
  position: absolute;
  top: var(--uimc-spacing-4);
  right: var(--uimc-spacing-4);
  font-size: var(--uimc-spacing-7);
  color: var(--uimc-color-black);
}

.conference-bag-item__description {
  color: var(--uimc-color-black-60);
}

.conference-bag-item__action {
  position: absolute;
  top: var(--uimc-spacing-4);
  right: var(--uimc-spacing-4);
  z-index: 1;
}

.conference-bag-item__remove--text {
  display: none;
}

@container (min-inline-size: 30em) {
  .conference-bag-item__remove--text {
    display: inline-flex;
  }

  .conference-bag-item__remove--icon {
    display: none;
  }
}

.my-favourites-page__shared-state .conference-bag-item {
  --background-color: var(--uimc-color-black-5);
}

.my-favourites-page__shared-state .conference-bag-item__image {
  background-color: var(--uimc-color-white);
}

.share-card__icon {
  font-size: var(--uimc-font-size-h2);
  margin-bottom: var(--uimc-spacing-4);
}

.my-favourites-page__headline {
  margin: 0;
  margin-bottom: var(--uimc-spacing-2);
  font-size: var(--uimc-font-size-h1);
  line-height: var(--uimc-line-height-h1);
}

@media (min-width: 64rem) {
  .my-favourites-page__headline {
    margin-bottom: var(--uimc-spacing-4);
  }
}

.my-favourites-page__headline-container {
  padding-bottom: 0;
  margin-bottom: var(--uimc-spacing-4);
}

@media (min-width: 48rem) {
  .my-favourites-page__headline-container {
    margin-bottom: var(--uimc-spacing-7);
  }
}

@media (min-width: 64rem) {
  .my-favourites-page__headline-container {
    margin-bottom: var(--uimc-spacing-9);
  }
}

.my-favourites-page--shared .my-favourites-page__headline-container {
  padding-bottom: var(--uimc-spacing-4);
}

@media (min-width: 48rem) {
  .my-favourites-page--shared .my-favourites-page__headline-container {
    padding-bottom: var(--uimc-spacing-9);
  }
}

.my-favourites-page__empty-state-text h4,
.my-favourites-page__shared-state-text h4 {
  margin-top: 0;
  margin-bottom: var(--uimc-spacing-7);
}

.my-favourites-page__empty-state-description,
.my-favourites-page__shared-state-description {
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
}

.my-favourites-page__empty-state-description p,
.my-favourites-page__shared-state-description p {
  margin-bottom: var(--uimc-spacing-3);
}

.my-favourites-page__empty-state-description ul,
.my-favourites-page__empty-state-description ol,
.my-favourites-page__shared-state-description ul,
.my-favourites-page__shared-state-description ol {
  margin: 0;
  margin-bottom: var(--uimc-spacing-3);
  padding: 0;
  padding-left: var(--uimc-spacing-3);
}

.my-favourites-page__empty-state-description li,
.my-favourites-page__shared-state-description li {
  margin-block: 0;
}

.my-favourites-page__shared-state {
  padding-top: 0;
}

.my-favourites-page__shared-state-text {
  margin-bottom: var(--uimc-spacing-4);
}

.my-favourites-page__shared-state .favorites-product-teaser,
.my-favourites-page__shared-state .favorites-session-teaser {
  background-color: var(--uimc-color-black-5) !important;
}

.my-favourites-page__shared-state-text h4 {
  margin-bottom: var(--uimc-spacing-4);
  font-size: var(--uimc-font-size-h2);
  line-height: var(--uimc-line-height-h2);
}

@media (min-width: 48rem) {
  .my-favourites-page__shared-state-text h4 {
    margin-bottom: var(--uimc-spacing-9);
  }
}

.my-favourites-page__empty-state {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.my-favourites-page__empty-state-item {
  flex: 0 1 50%;
}

@media (min-width: 48rem) {
  .my-favourites-page__empty-state {
    flex-direction: row;
    align-items: center;
    gap: var(--uimc-spacing-16);
  }
}

@media (min-width: 64rem) {
  .my-favourites-page__empty-state {
    gap: var(--uimc-spacing-20);
  }
}

.my-favourites-page__empty-state-text {
  margin-bottom: var(--uimc-spacing-7);
}

@media (min-width: 64rem) {
  .my-favourites-page__empty-state-text {
    margin-bottom: var(--uimc-spacing-9);
  }
}

.my-favourites-page__empty-state-text h4 {
  margin-top: var(--uimc-spacing-2);
  margin-bottom: var(--uimc-spacing-2);
  font-weight: var(--uimc-font-weight-bold);
}

.my-favourites-page__empty-state-text h4 p {
  margin: 0;
}

.my-favourites-page__empty-state-description p {
  margin: 0;
}

.my-favourites-page__empty-state-buttons {
  display: flex;
  gap: var(--uimc-spacing-2);
}

@media (min-width: 48rem) {
  .my-favourites-page__empty-state-buttons {
    gap: var(--uimc-spacing-4);
  }
}

.my-favourites-page__bag-group {
  padding-top: var(--uimc-spacing-4);
}

.my-favourites-page__action-panel {
  display: flex;
}

.my-favourites-page__action-panel-item {
  flex: 0 0 100%;
}

@media (min-width: 48rem) {
  .my-favourites-page__action-panel-item {
    flex: 0 0 50%;
  }
}

.my-favourites-page__loading-state .loading-spinner {
  margin-top: var(--uimc-spacing-20);
}

.my-favourites-page .inpage-navigation {
  background-color: var(--uimc-color-black-7) !important;
}

.my-favourites-page .inpage-navigation.is-sticky {
  width: 100vw !important;
}

.in-place-editing-placeholder--center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 9.375rem;
  background-color: var(--uimc-color-black-7);
  color: var(--uimc-color-black);
}

.search-results__collection {
  display: block;
  margin-bottom: var(--uimc-spacing-8);
}

.search-results__actions {
  display: flex;
  justify-content: center;
}

.search-page__count {
  font-size: var(--uimc-font-size-xlarge);
  line-height: var(--uimc-line-height-xlarge);
  display: flex;
  align-items: center;
  gap: var(--uimc-spacing-2);
  margin-bottom: var(--uimc-spacing-12);
}

.speaker__image {
  border-radius: 50%;
  max-width: 15rem;
  margin: 0 auto;
  padding: var(--uimc-spacing-4);
}

.speaker__name {
  font-size: var(--uimc-font-size-h6);
  font-weight: var(--uimc-font-weight-semibold);
  margin-bottom: var(--uimc-spacing-2);
}

.speaker__position {
  margin-bottom: var(--uimc-spacing-2);
}

.session-page__intro .tag-list {
  margin-bottom: var(--uimc-spacing-7);
}

.session-page__intro-actions {
  display: flex;
  gap: var(--uimc-spacing-2);
}

/* Header Section */
.agenda__header {
  margin-bottom: var(--uimc-spacing-6);
}

/* Content Section */
.agenda__content {
  margin-bottom: var(--uimc-spacing-6);
}

.agenda__content--collapsed {
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, transparent);
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 85%,
    transparent
  );
  max-height: 200vh;
}

@media (min-width: 36em) {
  .agenda__content--collapsed {
    max-height: 180vh;
  }
}

@media (min-width: 48em) {
  .agenda__content--collapsed {
    max-height: 160vh;
  }
}

@media (min-width: 64em) {
  .agenda__content--collapsed {
    max-height: 140vh;
  }
}

@media (min-width: 80em) {
  .agenda__content--collapsed {
    max-height: 120vh;
  }
}

/* Footer Section */
.agenda__footer {
  display: grid;
  gap: var(--uimc-spacing-4);
  grid-template-areas: "left middle right";
  grid-template-columns: 1fr 1fr 1fr;
}

.agenda__prev {
  grid-area: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.agenda__next {
  grid-area: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.agenda__more {
  grid-area: middle;
  display: flex;
  justify-content: center;
  align-items: center;
}

.agenda__upcoming-label {
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: var(--uimc-font-size-small);
  line-height: 1.389rem;
  margin: 1.111rem 0;
}

/* Session */
.agenda .session {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: var(--uimc-grid-gutter-size);
}

@media (min-width: 48em) {
  .agenda .session {
    grid-template-columns: 1fr 3fr 1fr 1fr 1fr;
  }
}

.agenda .session__time {
  grid-column: 1 / 2;
  font-size: var(--uimc-font-size-medium);
  line-height: var(--uimc-line-height-medium);
  font-weight: var(--uimc-font-weight-bold);
}

.agenda .session__zone {
  font-weight: var(--uimc-font-weight-regular);
}

.agenda .session__content {
  grid-column: 2 / 3;
}

.agenda .session__title {
  margin: 0;
}

.agenda .session__description {
  margin-bottom: var(--uimc-spacing-2);
}

.agenda .session__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--uimc-spacing-2);
}

.agenda .session__location {
  grid-column: 2 / 3;
  font-weight: var(--uimc-font-weight-bold);
  font-size: var(--uimc-font-size-medium);
  line-height: var(--uimc-line-height-medium);
}

@media (min-width: 48em) {
  .agenda .session__location {
    grid-column: 3 / 4;
  }
}

.agenda .session__location-text {
  font-weight: var(--uimc-font-weight-regular);
}

.agenda .session__speaker {
  grid-column: 2 / 3;
  font-weight: var(--uimc-font-weight-bold);
  font-size: var(--uimc-font-size-medium);
  line-height: var(--uimc-line-height-medium);
}

@media (min-width: 48em) {
  .agenda .session__speaker {
    grid-column: 4 / 5;
  }
}

.agenda .session__speaker-text {
  font-weight: var(--uimc-font-weight-regular);
}

.agenda .session__buttons {
  grid-column: 2 / 3;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: var(--uimc-spacing-2);
  min-width: calc(var(--uimc-spacing-2) * 20);
}

@media (min-width: 48em) {
  .agenda .session__buttons {
    grid-column: 5 / 6;
    justify-content: flex-end;
  }
}

/* Header */
.agenda .header {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: var(--uimc-spacing-4);
}

@media (min-width: 64em) {
  .agenda .header {
    flex-direction: row;
    align-items: center;
  }
}

.agenda .header__headline {
  margin-top: var(--uimc-spacing-4);
  grid-column: span 3;
}

@media (min-width: 48em) {
  .agenda .header__headline {
    grid-column: span 2;
  }
}

.agenda .header__subheadline {
  grid-column: span 3;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: var(--uimc-font-size-medium);
  gap: var(--uimc-spacing-2);
}

.agenda .header__subheadline p {
  margin: 0;
}

.agenda .header__states {
  display: flex;
  order: 1;
  align-items: center;
  grid-column: span 3;
  margin: var(--uimc-spacing-2) 0;
}

@media (min-width: 48em) {
  .agenda .header__states {
    grid-column: 3 / 4;
    justify-content: flex-end;
  }
}

.agenda .header__state-switch {
  width: 100%;
}

@media (min-width: 48em) {
  .agenda .header__state-switch {
    width: initial;
  }
}

.agenda .header__state-button {
  --width: 100%;
  width: 100%;
}

@media (min-width: 48em) {
  .agenda .header__state-button {
    --width: initial;
    width: initial;
  }
}

.agenda .header__date {
  display: flex;
  order: 4;
  align-items: center;
  justify-content: space-between;
  grid-column: span 3;
  margin: var(--uimc-spacing-2) 0;
}

@media (min-width: 48em) {
  .agenda .header__date {
    order: 2;
    grid-column: 1 / 2;
    justify-content: flex-start;
  }
}

.agenda .header__date-text {
  margin-left: var(--uimc-spacing-4);
  margin-right: var(--uimc-spacing-4);
}

.agenda .header__filters {
  display: flex;
  order: 2;
  gap: var(--uimc-spacing-4);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: var(--uimc-spacing-2) 0;
  grid-column: span 3;
}

@media (min-width: 48em) {
  .agenda .header__filters {
    order: 3;
    grid-column: 2 / 3;
    flex-wrap: nowrap;
  }
}

.agenda .header__actions {
  display: flex;
  justify-content: flex-end;
  order: 3;
  align-items: center;
  margin: var(--uimc-spacing-2) 0;
  grid-column: span 3;
}

@media (min-width: 48em) {
  .agenda .header__actions {
    order: 4;
    grid-column: 3 / 4;
  }
}

.agenda .header__action-button {
  --width: 100%;
  width: 100%;
}

@media (min-width: 48em) {
  .agenda .header__action-button {
    --width: initial;
    width: initial;
  }
}

.agenda .header__select {
  --border-radius: 99rem;
  --width: 100%;
  --background-color: transparent;
  --border-color: light-dark(
    var(--uimc-color-black-90),
    var(--uimc-color-black-10)
  );
}

@media (min-width: 48em) {
  .agenda .header__select {
    --width: auto;
  }
}

.booth-agenda-interactive {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--uimc-spacing-6);
  align-self: flex-start;
  flex: 1;
  position: relative;
}

@media (orientation: portrait) {
  .booth-agenda-interactive {
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .booth-agenda-interactive::after {
    content: "";
    display: block;
    min-height: var(--uimc-spacing-8);
    position: sticky;
    bottom: calc(-1 * var(--uimc-spacing-1));
    left: 0;
    pointer-events: none;
    width: 100%;
    background: linear-gradient(to top, var(--uimc-color-black-5) 25%, transparent);
  }
}

.booth-agenda-interactive__scroll-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-2);
  background-color: var(--uimc-color-black-5);
  height: 100vh;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

@media (orientation: landscape) {
  .booth-agenda-interactive__scroll-wrapper {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
  }
}

.booth-agenda-interactive__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  gap: var(--uimc-spacing-6);
}

@media (orientation: portrait) {
  .booth-agenda-interactive__container {
    overflow: visible;
  }
}

.booth-agenda-interactive__media-portrait {
  display: none;
  width: 100%;
  aspect-ratio: var(--uimc-aspect-ratio-video);
  position: relative;
}

.booth-agenda-interactive__media-portrait > * {
  width: 100%;
  height: 100%;
}

@media (orientation: portrait) {
  .booth-agenda-interactive__media-portrait {
    display: block;
  }
}

.booth-agenda-interactive__media-landscape {
  display: none;
  flex: 0 0 30%;
  height: 100vh;
  align-self: flex-start;
  position: sticky;
  top: 0;
  overflow: hidden;
  padding: 0 0 0 var(--uimc-spacing-2);
}

.booth-agenda-interactive__media-landscape * {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media (orientation: landscape) {
  .booth-agenda-interactive__media-landscape {
    display: block;
  }
}

.booth-agenda-interactive__no-upcoming div {
  display: flex;
  flex-direction: column;
  padding: var(--uimc-spacing-8);
}

.booth-agenda-interactive__no-upcoming img {
  height: var(--uimc-font-size-medium);
  object-position: left center;
  object-fit: contain;
  margin-bottom: var(--uimc-spacing-4);
}

.booth-agenda-interactive__no-upcoming h2 {
  font-size: var(--uimc-font-size-h2);
  line-height: var(--uimc-line-height-h2);
  font-weight: var(--uimc-font-weight-bold);
  margin-bottom: var(--uimc-spacing-4);
}

.booth-agenda-interactive__no-upcoming p {
  font-size: var(--uimc-font-size-xlarge);
  line-height: var(--uimc-line-height-xlarge);
  font-weight: var(--uimc-font-weight-semibold);
}

.booth-agenda-interactive__session-teasers {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-6);
}

.booth-agenda-interactive__preview-carousel {
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-4);
  width: 100%;
}

.booth-agenda-interactive__preview-carousel-track {
  display: grid;
}

.booth-agenda-interactive__preview-carousel-slide {
  grid-area: 1 / 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

.booth-agenda-interactive__preview-carousel-slide[data-active="true"] {
  opacity: 1;
  pointer-events: auto;
}

.booth-agenda-interactive__preview-carousel-dots {
  display: flex;
  align-items: center;
  gap: var(--uimc-spacing-2);
}

.booth-agenda-interactive__preview-carousel-dot {
  width: var(--uimc-spacing-2);
  height: var(--uimc-spacing-2);
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: var(--uimc-color-black-90);
  opacity: 0.5;
  cursor: pointer;
  transition: all 0.3s ease;
}

.booth-agenda-interactive__preview-carousel-dot[data-active="true"] {
  width: var(--uimc-spacing-6);
  border-radius: var(--uimc-spacing-1);
  opacity: 1;
}

.booth-agenda-interactive__teaser-title {
  font-size: var(--uimc-font-size-xxlarge);
  line-height: var(--uimc-line-height-xxlarge);
  font-family: var(--uimc-font-family-text);
}

.booth-agenda-interactive__teaser-details {
  display: flex;
  align-items: center;
  gap: var(--uimc-spacing-4);
}

.booth-agenda-interactive__teaser-row {
  display: flex;
  align-items: center;
  gap: var(--uimc-spacing-4);
  flex-direction: row;
  justify-content: space-between;
}

.booth-agenda-interactive__teaser-row--end ui-marcom-button {
  margin-left: auto;
}

.booth-agenda-interactive__teaser-description {
  font-size: var(--uimc-font-size-large);
  line-height: var(--uimc-line-height-large);
  font-family: var(--uimc-font-family-text);
  display: flex;
  flex-direction: row;
  gap: var(--uimc-spacing-4);
  justify-content: space-between;
}

.booth-agenda-interactive__teaser-speakers,
.booth-agenda-interactive__teaser-speaker {
  display: flex;
  align-items: center;
  gap: var(--uimc-spacing-4);
  flex-direction: row;
}

.booth-agenda-interactive__teaser-speakers--wrap {
  flex-wrap: wrap;
}

.booth-agenda-interactive__teaser-speaker-image {
  width: var(--uimc-line-height-xxlarge);
  height: var(--uimc-line-height-xxlarge);
  object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background-color: light-dark(
    var(--uimc-color-black-7),
    var(--uimc-color-black-90)
  );
  color: light-dark(var(--uimc-color-black-90), var(--uimc-color-black-7));
  flex-shrink: 0;
}

.booth-agenda-interactive__teaser-speaker-name {
  font-size: var(--uimc-font-size-xlarge);
  line-height: var(--uimc-line-height-xlarge);
  font-weight: var(--uimc-font-weight-semibold);
}

.booth-agenda-interactive__teaser-time,
.booth-agenda-interactive__teaser-location {
  font-size: var(--uimc-font-size-large);
  line-height: var(--uimc-line-height-large);
  font-weight: var(--uimc-font-weight-semibold);
  font-family: var(--uimc-font-family-text);
  display: flex;
  align-items: center;
  gap: var(--uimc-spacing-1);
}

.booth-agenda-interactive__teaser-time ui-marcom-icon,
.booth-agenda-interactive__teaser-location ui-marcom-icon {
  color: var(--uimc-interaction-color-decoration);
}

.booth-agenda-interactive__teaser-progress {
  height: 0.3125rem;
  background-color: var(--uimc-color-black-10);
  overflow: hidden;
}

.booth-agenda-interactive__teaser-progress-bar {
  height: 100%;
  background-color: var(--uimc-color-petrol);
  transition: width 0.3s ease;
}

.booth-agenda-interactive__list {
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-6);
}

.booth-agenda-interactive__list-item {
  display: flex;
  gap: var(--uimc-spacing-6);
}

.booth-agenda-interactive__list-item ui-marcom-control-button {
  margin-top: auto;
}

.booth-agenda-interactive__list-item-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--uimc-spacing-6);
  flex: 1;
}

.booth-agenda-interactive__list-item-time {
  width: 6rem;
  min-width: 6rem;
  line-height: var(--uimc-line-height-large);
  font-size: var(--uimc-font-size-large);
  font-family: var(--uimc-font-family-text);
  font-weight: var(--uimc-font-weight-bold);
}

.booth-agenda-interactive__list-item-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-2);
}

.booth-agenda-interactive__list-item-headline {
  font-size: var(--uimc-font-size-xxlarge);
  line-height: var(--uimc-line-height-xxlarge);
  font-family: var(--uimc-font-family-text);
  margin: 0;
}

.booth-agenda-interactive__list-item-location {
  line-height: var(--uimc-line-height-large);
  font-size: var(--uimc-font-size-large);
  font-family: var(--uimc-font-family-text);
  font-weight: var(--uimc-font-weight-semibold);
}

.booth-agenda-interactive__list-item-speakers {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--uimc-spacing-4);
  flex-direction: column;
  flex: 0 0 30%;
  min-width: fit-content;
}

.booth-agenda-interactive__list-item-speaker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--uimc-spacing-4);
}

.booth-agenda-interactive__list-item-speaker-image {
  width: var(--uimc-line-height-large);
  height: var(--uimc-line-height-large);
  aspect-ratio: var(--uimc-aspect-ratio-square);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background-color: light-dark(
    var(--uimc-color-black-7),
    var(--uimc-color-black-90)
  );
  color: light-dark(var(--uimc-color-black-90), var(--uimc-color-black-7));
  flex-shrink: 0;
  font-size: var(--uimc-font-size-medium);
  line-height: var(--uimc-line-height-medium);
}

.booth-agenda-interactive__day-divider {
  font-size: var(--uimc-font-size-xlarge);
  line-height: var(--uimc-line-height-xlarge);
  font-weight: var(--uimc-font-weight-semibold);
  font-family: var(--uimc-font-family-text);
  margin: 0;
}

.booth-agenda-interactive__session-overlay {
  position: fixed;
  overflow: hidden scroll;
  scrollbar-width: none;
  inset: 0;
  background: var(--uimc-color-black-5);
  z-index: var(--uimc-z-index-dialog);
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-8);
}

.booth-agenda-interactive__session-overlay::-webkit-scrollbar {
  width: 0;
}

.booth-agenda-interactive__session-overlay > ui-marcom-button {
  width: fit-content;
}

.booth-agenda-interactive__venue-map {
  width: 100%;
}

@media (min-width: 64em) {
  .booth-agenda-interactive__venue-map {
    width: 70%;
  }
}

.share-button .overlay__linktext {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--uimc-spacing-1);
  word-break: keep-all;
  white-space: nowrap;
}

.cmp-consent__error,
.cmp-consent__consent {
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
  margin: 0 0 var(--uimc-spacing-4) 0;
}

.cmp-consent__consent a {
  white-space: nowrap;
}

.cmp-consent__consent p {
  margin: 0;
}

.cmp-consent__label ul,
.cmp-consent__label ol {
  margin-top: 0;
  margin-bottom: var(--uimc-spacing-7);
}

.cmp-consent__label li {
  margin-block: 0;
}

/* Aligns with the checkbox label text: UIMCCheckbox indents its label by the box
   width plus the gap it sets on the label itself. */
.cmp_legal_text {
  margin-left: calc(var(--uimc-spacing-4) + var(--uimc-spacing-2));
}

@media (min-width: 48rem) {
  .cta-block__content {
    padding: var(--uimc-spacing-4);
  }
}
@media (min-width: 64rem) {
  .cta-block__content {
    padding: var(--uimc-spacing-6) var(--uimc-spacing-20);
  }
}

.cta-block__headline {
  font-family: var(--uimc-font-family-headline);
  font-weight: var(--uimc-font-weight-bold);
  font-size: var(--uimc-font-size-h1);
  line-height: var(--uimc-line-height-h1);
  margin-bottom: var(--uimc-spacing-9);
}

.cta-block__subheadline {
  margin-bottom: var(--uimc-spacing-2);
  font-weight: var(--uimc-font-weight-bold);
}

.cta-block__description {
  font-size: var(--uimc-font-size-medium);
  line-height: var(--uimc-line-height-medium);
  color: var(--uimc-color-white);
  margin-bottom: var(--uimc-spacing-4);
}

.cta-block__countdown,
.cta-block__countdown-message {
  margin-bottom: var(--uimc-spacing-9);
  font-size: var(--uimc-font-size-h2);
  line-height: var(--uimc-line-height-h2);
  font-weight: var(--uimc-font-weight-bold);
}

.pathway-teaser {
  height: 100%;
}

.pathway-teaser__overline,
.pathway-teaser__headline {
  color: var(--uimc-color-text);
}

.pathway-teaser__image--transparent {
  opacity: 25%;
}

.pathway-teaser__bookmark {
  padding: 0;
  position: static;
  margin-left: auto;
}

.pathway-overview {
  color-scheme: dark;
  background: var(--uimc-color-background);
}

.pathway-overview__headline {
  margin-top: 0;
}

.pathway-overview__teasers {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--uimc-spacing-2);
}

.pathway-overview__additional {
  margin-top: var(--uimc-spacing-20);
}

@media (min-width: 48em) {
  .pathway-overview__teasers {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 64em) {
  .pathway-overview__teasers--three-col {
    grid-template-columns: repeat(3, 1fr);
  }
}

.stepsbar {
  /* pull the bar up so it overlaps the teaser bottom edge (~ step-size / 2) */
  transform: translateY(calc(-1 * var(--uimc-spacing-5)));
}

.stepsbar__steps-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.stepsbar__spacer {
  border-style: solid;
  border-color: var(--uimc-inputfield-color-border);
  border-width: var(--uimc-border-width-1);
  flex: 2 1 0;
  height: 0;
}

.stepsbar__spacer-outside {
  flex-grow: 1;
  visibility: hidden;
}

.stepsbar .step {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 100%;
  background: var(--uimc-inputfield-color-background);
  width: var(--size, var(--uimc-spacing-10));
  height: var(--size, var(--uimc-spacing-10));
  flex-grow: 0;
  margin: 0;
  border-radius: 50%;
  font-weight: var(--uimc-font-weight-bold);
}

.stepsbar .step:hover {
  cursor: pointer;
  color: var(--uimc-interaction-color-text-hover);
}

.stepsbar .step__number {
  position: absolute;
  inset: calc(2 * var(--uimc-border-width-2));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--uimc-color-text-muted);
  background: var(--uimc-inputfield-color-background);
}

.stepsbar .step__circle-container {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.stepsbar .step__border {
  stroke: var(--uimc-inputfield-color-border);
}

.stepsbar .step__progress-container {
  display: none;
}

.stepsbar .step__progress-ring {
  stroke: var(--uimc-color-petrol);
}

.stepsbar .step--active .step__progress-container {
  display: initial;
  z-index: 3;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.stepsbar .step--active .step__number {
  color-scheme: light;
}

.stepsbar .step--active .step__border {
  stroke: var(--uimc-inputfield-color-border-active);
}

.stepsbar .step--completed .step__number {
  color: var(--uimc-color-text);
}

.stepsbar .step--completed .step__border {
  stroke: var(--uimc-inputfield-color-border-active);
}

.stepsbar .step--completed .step__progress-ring {
  stroke: var(--uimc-inputfield-color-border-active);
}

.stepsbar .step:hover .step__number {
  color: var(--uimc-interaction-color-text-hover);
}

.stepsbar .step:hover .step__border {
  stroke: light-dark(var(--uimc-color-black), var(--uimc-color-white));
}

.stepsbar__titles-container {
  display: flex;
  justify-content: space-evenly;
  margin-top: var(--uimc-spacing-1);
  margin-bottom: var(--uimc-spacing-1);
  padding: 0 var(--uimc-spacing-2);
}

.stepsbar__step-title {
  flex: 1 0 0;
  text-align: center;
  margin: 0;
  font-size: var(--uimc-font-size-small);
  color: var(--uimc-color-text);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (min-width: 48em) {
  .stepsbar__titles-container {
    margin-top: var(--uimc-spacing-2);
    margin-bottom: var(--uimc-spacing-2);
  }
}

.scroll-indicator {
  opacity: 0;
  animation: slide-in-down var(--uimc-transition-duration-medium-2)
    steps(60, end) forwards;
  animation-delay: 0.6s;
  text-align: center;
}

.scroll-indicator--link {
  cursor: pointer;
}

.scroll-indicator__label,
.scroll-indicator__icon {
  display: block;
}

.scroll-indicator__label {
  font-size: var(--uimc-font-size-small);
  font-weight: var(--uimc-font-weight-bold);
  line-height: var(--uimc-line-height-small);
  color: var(--uimc-color-black-7);
  margin-bottom: var(--uimc-spacing-4);
}

.scroll-indicator__icon {
  opacity: 0;
  animation: slide-in-down var(--uimc-transition-duration-medium-2)
    steps(60, end) forwards;
  animation-delay: 0.8s;
}

@keyframes slide-in-up {
  0% {
    opacity: 0;
    transform: translateY(var(--uimc-spacing-2));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slide-in-down {
  0% {
    opacity: 0;
    transform: translateY(calc(var(--uimc-spacing-2) * -1));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.pathway {
  position: relative;
  background-color: var(--uimc-color-black);
  color-scheme: dark;
}

.pathway__header {
  position: relative;
  z-index: 20;
}

.pathway__body {
  position: relative;
  z-index: 10;
  padding: 50vh 0;
}

.pathway__stepsbar-wrap {
  position: relative;
}

.pathway__scroll-indicator {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: var(--uimc-spacing-4);
  transition: opacity 300ms linear;
  opacity: 1;
  pointer-events: none;
}

.pathway__scroll-indicator.is-hidden {
  opacity: 0;
}

.pathway__teaser {
  position: relative;
  z-index: 9;
  background: var(--uimc-color-black);
}

.pathway__teaser-content {
  display: flex;
  gap: var(--uimc-spacing-4);
}

.pathway__teaser-video {
  flex: 1 0 0;
}

.pathway__teaser-image {
  flex: 1 0 0;
}

.pathway__teaser-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--uimc-border-radius-1);
}

.pathway__teaser-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  color: var(--uimc-color-white);
}

.pathway__step {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}

.pathway__step-anchor {
  /* add small offset to make sure the anchor is not directly at the top of the step
     this ensures when jumping to a step, the stepsbar always shows the correct step
     otherwise user needs to scroll a bit for the correct step to be highlighted */
  position: absolute;
  top: var(--uimc-spacing-2);
}

.pathway__media {
  width: 100%;
  flex-basis: 100%;
  z-index: 20;
}

.pathway__media-list {
  position: relative;
}

.pathway__media-item {
  opacity: 0;
  position: absolute;
  top: -0.056rem;
  border-radius: var(--uimc-border-radius-1);
  transition: opacity 0.5s 0s;
  background-color: var(--uimc-color-black);
  width: 100%;
  pointer-events: none;
}

.pathway__media-item img {
  object-fit: contain !important;
}

.pathway__media-item.is-active {
  opacity: 1;
}

.pathway__media-item.is-active::after {
  content: " ";
  display: block;
  position: absolute;
  height: var(--uimc-spacing-20);
  width: 100%;
  background: var(--uimc-color-black);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, transparent);
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    transparent
  );
}

.pathway__slides {
  flex-basis: 100%;
  padding: 0 var(--uimc-spacing-2);
  z-index: 10;
}

.pathway__slide {
  user-select: none;
  padding: 35vh 0;
}

.pathway__text {
  height: var(--slide-height, 100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--uimc-spacing-6);
  color: var(--uimc-color-white);
  font-size: var(--uimc-font-size-medium);
}

.pathway__text p:last-of-type {
  margin: 0;
}

.pathway--advanced .pathway__slide {
  padding: 50vh 0 0 0;
}

@media (min-width: 48em) {
  .pathway__teaser {
    background: linear-gradient(
      180deg,
      var(--uimc-color-black) 0%,
      var(--uimc-color-black) 90%,
      rgba(0, 0, 0, 0) 100%
    );
  }

  .pathway__teaser-text-container {
    flex: 2 0 0;
  }

  .pathway__step {
    flex-wrap: nowrap;
  }

  .pathway__media {
    position: relative;
    flex-basis: 60%;
  }

  .pathway__media-item {
    background-color: transparent;
  }

  .pathway__media-item.is-active::after {
    display: none;
    background-color: transparent;
  }

  .pathway__slides {
    flex-basis: 40%;
  }
}

.comparison {
  position: relative;
  touch-action: none;
  cursor: grab;
}
.comparison:active {
  cursor: grabbing;
}
.comparison__cover {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-width: 0;
  border-style: solid;
  border-color: var(--uimc-color-black-30);
  overflow: hidden;
}
.comparison__cover-wrapper {
  position: relative;
  height: 100%;
}
.comparison__cover-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.comparison__cover-label {
  position: absolute;
  color: var(--uimc-color-white);
  bottom: 0;
  padding: var(--uimc-spacing-1);
  margin: 0;
  font-size: var(--uimc-font-size-small);
}
.comparison__image {
  height: 100%;
  width: 100%;
}
.comparison__image-label {
  position: absolute;
  color: var(--uimc-color-white);
  bottom: 0;
  right: 0;
  margin: 0;
  padding: var(--uimc-spacing-1);
  font-size: var(--uimc-font-size-small);
}
.comparison__button {
  position: absolute;
  z-index: 3;
  top: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) rotate(45deg);
}
.comparison__caption {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0.5em 0.8em;
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
  color: var(--uimc-color-white);
  background: rgba(46, 46, 46, 0.35);
}
.comparison.is-visible .comparison__cover {
  width: 50%;
  border-width: 0 var(--uimc-border-width-1) 0 0;
  animation: bounce-in 0.7s;
}
.comparison.is-ready .comparison__cover {
  width: 50%;
  border-width: 0 var(--uimc-border-width-1) 0 0;
  transform: translate3d(0, 0, 0);
}
.comparison.is-ready .comparison__handle {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: transform 0.3s, opacity 0.3s;
}
.comparison.is-active .comparison__handle {
  opacity: 0.15;
}

.tabs__panel::part(base) {
  padding: var(--uimc-spacing-6) var(--uimc-spacing-2) var(--uimc-spacing-2)
    var(--uimc-spacing-2);
}

.content-block--light {
  color-scheme: light;
  background-color: var(--uimc-color-background);
}

.content-block--light-grey {
  color-scheme: light;
  background-color: var(--uimc-color-black-7);
}

.content-block__container {
  width: 100%;
}

.content-block__header {
  margin-bottom: var(--uimc-spacing-5);
}

.content-block__title {
  margin-top: 0;
}

.content-block__description {
  margin-bottom: 0;
}

.content-block__grid {
  display: grid;
  gap: var(--uimc-spacing-4);
  grid-template-columns: 1fr;
}

@media (min-width: 48em) {
  .content-block__grid {
    grid-template-columns: repeat(min(var(--cols, 1), 2), 1fr);
  }
}

@media (min-width: 64em) {
  .content-block__grid {
    grid-template-columns: repeat(var(--cols, 1), 1fr);
  }
}

.content-block__item {
  display: flex;
  flex-direction: column;
}

.content-block__card {
  display: flex;
  flex-direction: column;
  flex: 1;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.content-block__card > * {
  height: 100%;
}

.content-block__card ui-marcom-card,
.content-block__card .fading-card {
  height: 100%;
}

.content-block--has-entered .content-block__card {
  opacity: 1;
  transform: translateY(0);
}

.text-image-card__image {
  height: 430px;
}

.linked-card__image-container {
  position: relative;
  width: 100%;
}

.linked-card__pennant {
  position: absolute;
  top: 0;
  left: 0;
}

.media-list-image {
  margin: 0;
}

.media-list-video {
  margin: 0;
}

.pie-chart {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pie-chart canvas {
  max-width: 100%;
  height: auto !important;
}

.pie-chart__content {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 23%;
  text-align: center;
}

.pie-chart__value {
  font-family: var(--uimc-font-family-headline);
  font-size: var(--uimc-font-size-h1);
  line-height: var(--uimc-line-height-h1);
  font-weight: var(--uimc-font-weight-bold);
  color: var(--uimc-color-headline);
}

.pie-chart__value::after {
  content: "%";
}

.link-list__title {
  margin-top: 0;
}

.text-and-media {
  gap: var(--uimc-spacing-4);
}

.text-and-media__title {
  margin-top: 0;
}

.text-and-media__description {
  margin-bottom: var(--uimc-spacing-4);
}

.text-and-media__media-container {
  position: relative;
}

.text-and-media__media-list {
  overflow: hidden;
}

.text-and-media__zoom-button {
  position: absolute;
  color-scheme: dark;
  top: var(--uimc-spacing-2);
  right: var(--uimc-spacing-8);
  cursor: zoom-in;
}

@media (max-width: 47.99em) {
  .text-and-media__zoom-button {
    display: none;
  }
}

.text-and-media__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--uimc-spacing-2);
}

.text-and-media__linklists {
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-2);
}

.text-and-media--has-media {
  display: flex;
  flex-direction: column;
}

@media (min-width: 48em) {
  .text-and-media {
    gap: var(--uimc-spacing-8);
    flex-direction: row;
  }

  .text-and-media--has-media .text-and-media__media-container {
    flex: 1;
  }

  .text-and-media--has-media .text-and-media__text-container {
    flex: 1;
  }
}

@media (min-width: 48em) {
  .text-and-media--reversed .text-and-media__media-container {
    order: 2;
  }
}

@media (min-width: 48em) {
  .text-and-media.is-zoomed {
    flex-direction: column;
  }

  .text-and-media.is-zoomed .text-and-media__text-container,
  .text-and-media.is-zoomed .text-and-media__media-container {
    flex: none;
    width: 100%;
  }

  .text-and-media.is-zoomed .text-and-media__media-container {
    order: inherit;
  }
}

.disclaimer {
  position: relative;
  padding-left: var(--uimc-spacing-4);
  font-size: var(--uimc-font-size-xsmall);
  line-height: var(--uimc-line-height-xsmall);
  color: var(--uimc-color-text-muted);
}

.disclaimer__numbering {
  position: absolute;
  top: calc(-0.5 * (var(--uimc-font-size-xsmall)));
  left: 0;
}

.disclaimer__text {
  overflow-wrap: break-word;
}

.events-calendar__header {
  margin-bottom: var(--uimc-spacing-4);
}

.events-calendar__description {
  margin-bottom: var(--uimc-spacing-8);
}

.events-calendar__body {
  margin-bottom: var(--uimc-spacing-8);
}

.events-calendar__footer {
  display: flex;
  justify-content: center;
}

.events-calendar__headline {
  margin-top: 0;
  margin-bottom: var(--uimc-spacing-4);
}

.footer {
  background-color: var(--uimc-color-background-section);
}

/* TODO: remove footer max width and padding overwrite after native UIMC solution */
.footer ui-marcom-footer {
  --max-width: var(--uimc-grid-max-width);
}

/* container is content-box inside the shadow root, so its inline padding has to
   match the grid margin for the footer content to align with .container */
.footer ui-marcom-footer::part(container) {
  padding-inline: var(--uimc-grid-margin);
}

.footer--light {
  color-scheme: light;
}

.footer--dark {
  color-scheme: dark;
}

.gated-content {
  position: relative;
}

.gated-content::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: calc(var(--uimc-z-index-fullscreen) - 11);
  background-color: rgba(255, 255, 255, 0.95);
}

@supports (
  (-webkit-backdrop-filter: blur(0.556rem)) or (backdrop-filter: blur(0.556rem))
) {
  .gated-content::before {
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(0.556rem);
    backdrop-filter: blur(0.556rem);
  }
}

.gated-content__overlay {
  width: 50vw;
  position: absolute;
  top: 10rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  z-index: calc(var(--uimc-z-index-fullscreen) - 10);
  box-shadow: var(--uimc-shadow-popover);
}

.gated-content.is-visible::before,
.gated-content.is-visible .gated-content__overlay {
  display: none !important;
}

.session-indicator__content {
  display: flex;
}

.session-indicator__ics-link {
  display: flex;
}

.session-indicator--sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin-bottom: 0;
  border-radius: 0;
  background-color: var(--uimc-color-orange-dark);
  z-index: var(--uimc-z-index-sticky);
}

.session-indicator--sticky .session-indicator__content {
  display: flex;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}

.highlight-topic-card ui-marcom-card {
  height: 100%;
}

.highlight-topic-card ui-marcom-card::part(media-area) {
  max-width: 50%;
}

.highlight-topic-card__description,
.highlight-topic-card__event-details {
  display: block;
}

.highlight-topic-card__image img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: filter 0.16s linear;
}

.highlight-topic-widget {
  overflow: hidden;
}

.section__content .highlight-topic-widget {
  overflow: visible;
}

.highlight-topic-widget .slick-slider {
  margin-bottom: 0;
}

.slide {
  position: relative;
}

.slide .image-tag {
  height: 100%;
}

.slide .image-tag .comparison {
  height: 100%;
}

.slide .image-tag > div {
  height: 100%;
}

.slide .image-tag img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.slide__zoom {
  position: absolute;
  top: var(--uimc-spacing-4);
  right: var(--uimc-spacing-4);
}

/* Zoom sheet body: fixed box = sheet height minus header. */
.slide__zoom-media {
  height: calc(100vh - var(--uimc-spacing-16) * 2 - var(--uimc-spacing-12));
}

/* Definite, centered height chain through Scrivito's nested wrapper divs. */
.slide__zoom-media div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

/* Contain to own ratio instead of FocusPoint's thumbnail cover-crop. */
.slide__image .slide__zoom-media img {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
}

.hotspots__item {
  display: block;
}

/* global-styles.css numbers every <li> inside any <ol> via a ::before counter.
   Its nested selector resolves to :is(ui-marcom-list[variant=ordered], ol) li::before
   (specificity 0,1,3), so the reset needs two classes (0,2,1) to win. */
.hotspots__list .hotspots__item::before {
  content: none;
}

.hotspots__item ul,
.hotspots__item ol {
  margin-top: 0;
  margin-bottom: var(--uimc-spacing-7);
}

.hotspots__item li {
  margin-block: 0;
}

/* Linked widgets (type "label") stay a block below the image at every width —
   the tooltip box below would squeeze a whole widget into 300px. */
@media (min-width: 48em) {
  .hotspots__item:not(.hotspots__item--linked) {
    position: absolute;
    transform: translate(var(--uimc-spacing-5), var(--uimc-spacing-2));
    max-width: 300px;
    margin-top: var(--uimc-spacing-2);
    padding: var(--uimc-spacing-4);
    background-color: var(--uimc-color-white);
    color: var(--uimc-color-black-90);
    box-shadow: var(--uimc-shadow-raised);
    z-index: var(--uimc-z-index-tooltip);
  }
}

.hotspot-carousel-overlay ui-marcom-tab-group {
  margin-bottom: var(--uimc-spacing-6);
}

.hotspot-image--light {
  color-scheme: light;
  background-color: var(--uimc-color-background);
}

.hotspot-image--light-grey {
  color-scheme: light;
  background-color: var(--uimc-color-black-7);
}

.hotspot-image__title p {
  margin: 0;
  font-family: inherit;
}

.hotspot-image__add-button {
  margin-bottom: var(--uimc-spacing-4);
}

.hotspot-image__drag-hint {
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
}

.hotspots {
  position: relative;
}

.hotspots__image-container {
  position: relative;
}

.hotspots__image {
  width: 100%;
}

.hotspots__list,
.hotspots__list > li {
  list-style-type: none;
  padding: 0;
  margin-left: 0;
}

.hotspots__spot {
  position: absolute;
  transform: translate(-50%, -50%);
  color-scheme: dark;
  z-index: var(--uimc-z-index-content-raised);
}

.hotspots__spot--desktop {
  display: none;
}

.hotspots__label {
  display: none;
  position: absolute;
  transform: translate(var(--uimc-spacing-7), -50%);
  padding: 0 var(--uimc-spacing-1);
  border: 0;
  border-radius: var(--uimc-border-radius-1);
  background-color: var(--uimc-color-white);
  color: var(--uimc-color-black-90);
  font-family: var(--uimc-font-family-text);
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
  text-align: left;
  cursor: pointer;
  z-index: var(--uimc-z-index-content-raised);
}

.hotspots__label--left {
  transform: translate(calc(-100% - var(--uimc-spacing-7)), -50%);
}

.hotspots__label--light-grey {
  background-color: var(--uimc-color-black-7);
}

@media (min-width: 48em) {
  .hotspots__spot--desktop {
    display: inline-block;
  }

  .hotspots__spot--mobile {
    display: none;
  }

  .hotspots__label {
    display: inline-block;
  }
}

.images-text--light {
  color-scheme: light;
  background-color: var(--uimc-color-background);
}

.images-text--light-grey {
  color-scheme: light;
  background-color: var(--uimc-color-black-7);
}

.images-text__media--reversed {
  order: 2;
}

.images-text__media-container {
  position: relative;
}

.images-text__media-list {
  overflow: hidden;
}

.images-text__zoom-button {
  display: none;
  position: absolute;
  top: var(--uimc-spacing-2);
  right: var(--uimc-spacing-8);
  color-scheme: dark;
  cursor: zoom-in;
}

@media (min-width: 48em) {
  .images-text__zoom-button {
    display: block;
  }
}

.images-text__title {
  margin-top: 0;
}

.images-text__description ul,
.images-text__description ol {
  margin-top: 0;
  margin-bottom: var(--uimc-spacing-7);
}

.images-text__description li {
  margin-block: 0;
}

.related-overlay {
  width: 250px;
  padding: var(--uimc-spacing-2);
  border-radius: var(--uimc-border-radius-1);
  background-color: var(--uimc-color-white);
  display: flex;
  margin-bottom: var(--uimc-spacing-2);
  cursor: pointer;
  text-decoration: none !important;
}

.related-overlay__image {
  width: var(--uimc-spacing-9);
  border-radius: var(--uimc-border-radius-1);
  overflow: hidden;
}

.related-overlay__image-media {
  aspect-ratio: var(--uimc-aspect-ratio-square);
}

.related-overlay__image-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.related-overlay__title {
  margin: 0 var(--uimc-spacing-4);
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
  font-weight: var(--uimc-font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: var(--uimc-color-black-90);
  align-self: center;
  flex: 1 1 auto;
  text-overflow: ellipsis;
}

.related-overlay__link-indicator {
  align-self: center;
  width: var(--uimc-spacing-7);
  font-size: var(--uimc-font-size-xxsmall);
  color: var(--uimc-color-black);
}

.related-overlay:hover ui-marcom-control-button {
  --background-color: var(--uimc-interaction-color-background-hover);
  --text-color: var(--uimc-interaction-color-text-hover);
  --border-color: light-dark(var(--uimc-color-black), var(--uimc-color-white));
}

@media (min-width: 48em) {
  .related-overlay {
    width: 16.667rem;
  }

  .related-overlay__image {
    width: var(--uimc-spacing-14);
  }
}

@media (min-width: 80em) {
  .related-overlay {
    width: 370px;
    padding: var(--uimc-spacing-4);
  }

  .related-overlay__image {
    width: var(--uimc-spacing-16);
  }

  .related-overlay__link-indicator {
    width: var(--uimc-spacing-9);
    font-size: var(--uimc-font-size-small);
  }
}

.related-overlay-container {
  position: absolute;
  bottom: var(--uimc-spacing-16);
  right: var(--uimc-spacing-2);
}

.related-overlay-container__clear-all-button {
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
  font-weight: var(--uimc-font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #f8f8f8;
  text-align: right;
  cursor: pointer;
  margin-bottom: var(--uimc-spacing-2);
}

.related-overlay-container__list > *:last-child {
  margin: 0;
}

@media (min-width: 48em) {
  .related-overlay-container {
    right: var(--uimc-spacing-4);
  }
}

@media (min-width: 80em) {
  .related-overlay-container {
    right: var(--uimc-spacing-9);
  }
}

.live-stream {
  position: relative;
  background-color: var(--uimc-color-black);
}

.live-stream__image {
  overflow: hidden;
  border-radius: var(--uimc-border-radius-1);
}

.live-stream__image-media {
  aspect-ratio: 9 / 16;
}

.live-stream__image-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.live-stream__overlay {
  position: absolute;
  inset: 0;
}

.live-stream__container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1424px;
  height: 100%;
  position: relative;
}

.live-stream__content {
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--uimc-color-black-5);
  height: 100%;
}

.live-stream__countdown {
  font-family: var(--uimc-font-family-text);
  font-size: 2.778rem;
  line-height: 2.778rem;
  margin-top: var(--uimc-spacing-4);
}

.live-stream__headline > h3 {
  font-family: var(--uimc-font-family-text);
  font-weight: var(--uimc-font-weight-regular);
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
  text-align: center;
}

@media (min-width: 48em) {
  .live-stream__image-media {
    aspect-ratio: var(--uimc-aspect-ratio-video);
  }

  .live-stream__countdown {
    font-size: 5.333rem;
    line-height: 5.333rem;
  }
}

@media (min-width: 64em) {
  .live-stream__countdown {
    font-size: 8.889rem;
    line-height: 8.889rem;
    margin-bottom: var(--uimc-spacing-12);
  }

  .live-stream__headline > h3 {
    font-size: 2.667rem;
    line-height: 3rem;
  }
}

.live-stream--hero .live-stream__content {
  background-color: transparent;
  align-items: flex-start;
  padding-left: var(--uimc-spacing-3);
  max-width: 100%;
}

.live-stream--hero .live-stream__headline > h1 {
  font-family: var(--uimc-font-family-headline);
  font-size: 2.778rem;
  font-weight: var(--uimc-font-weight-regular);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
  color: var(--uimc-color-white);
  margin: 0 0 var(--uimc-spacing-2);
  text-align: left;
}

.live-stream--hero .live-stream__description {
  font-size: var(--uimc-font-size-xlarge);
  line-height: var(--uimc-line-height-xlarge);
  font-weight: var(--uimc-font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: var(--uimc-color-black-5);
  display: none;
}

.live-stream--hero .live-stream__countdown {
  font-family: var(--uimc-font-family-headline);
  font-size: var(--uimc-font-size-xxlarge);
  font-weight: var(--uimc-font-weight-regular);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  text-align: center;
  color: #f8f8f8;
  margin-bottom: var(--uimc-spacing-7);
}

.live-stream--hero .labeled-countdown {
  display: flex;
  gap: var(--uimc-spacing-2);
}

.live-stream--hero .labeled-countdown__item {
  width: var(--uimc-spacing-9);
}

.live-stream--hero .labeled-countdown__label {
  font-family: var(--uimc-font-family-text);
  font-weight: var(--uimc-font-weight-bold);
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
}

@media (min-width: 48em) {
  .live-stream--hero .live-stream__content {
    padding-left: var(--uimc-spacing-7);
    max-width: 75%;
  }

  .live-stream--hero .live-stream__description {
    display: block;
  }

  .live-stream--hero .live-stream__countdown {
    font-size: 2.222rem;
    line-height: 1.1;
  }

  .live-stream--hero .labeled-countdown {
    gap: var(--uimc-spacing-2);
  }

  .live-stream--hero .labeled-countdown__item {
    width: var(--uimc-spacing-10);
  }
}

@media (min-width: 80em) {
  .live-stream--hero .live-stream__content {
    padding-left: var(--uimc-spacing-14);
  }

  .live-stream--hero .live-stream__headline > h1 {
    margin: 0 0 var(--uimc-spacing-4);
    font-size: 5rem;
    line-height: 1;
  }

  .live-stream--hero .live-stream__countdown {
    font-size: 2.667rem;
    line-height: 1.13;
    margin-bottom: var(--uimc-spacing-12);
  }

  .live-stream--hero .live-stream__image-media {
    aspect-ratio: auto;
    height: 50rem;
  }

  .live-stream--hero .labeled-countdown {
    gap: var(--uimc-spacing-5);
  }

  .live-stream--hero .labeled-countdown__item {
    width: var(--uimc-spacing-12);
  }
}

.live-stream .cta-buttons > div {
  display: inline-block;
  margin-right: var(--uimc-spacing-2);
}

@media (min-width: 48em) {
  .live-stream .cta-buttons > div {
    margin-right: var(--uimc-spacing-4);
  }
}

.local-events-navigator__content {
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-9);
}

.local-events-navigator__header {
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-4);
}

.local-events-navigator__header h3,
.local-events-navigator__header p {
  margin: 0;
}

.local-events-navigator__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--uimc-spacing-2);
}

.local-events-navigator__country-dropdown::part(panel) {
  max-height: 20rem;
  overflow-y: auto;
}

.section:has(.local-events-navigator__country-dropdown) {
  overflow: visible;
}

.multimedia-gallery ui-marcom-tab-group {
  margin-bottom: var(--uimc-spacing-6);
}

.multimedia-gallery__title {
  margin-top: 0;
}

.on-demand-video__player-container {
  position: relative;
  overflow: hidden;
  border-radius: var(--uimc-border-radius-1);
}

.on-demand-video__image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  opacity: 1;
  z-index: 1;
  transition: opacity 0.6s ease-in;
}

.on-demand-video__poster--desktop {
  display: none;
}

@media screen and (min-width: 48em) {
  .on-demand-video__poster--desktop {
    display: block;
  }

  .on-demand-video__poster--mobile {
    display: none;
  }
}

.on-demand-video__media-frame {
  aspect-ratio: var(--uimc-aspect-ratio-square);
  overflow: hidden;
}

.on-demand-video__media-frame > * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 48em) {
  .on-demand-video__media-frame {
    aspect-ratio: var(--uimc-aspect-ratio-video);
  }
}

.on-demand-video__play-button {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--uimc-spacing-18);
  height: var(--uimc-spacing-18);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--uimc-color-orange);
  pointer-events: none;
}

@media screen and (min-width: 64em) {
  .on-demand-video__play-button {
    width: var(--uimc-spacing-20);
    height: var(--uimc-spacing-20);
    border-radius: 50%;
  }
}

.on-demand-video__switch-area {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 1.667rem 0;
}

.on-demand-video__toggle-label {
  font-size: var(--uimc-font-size-medium);
  font-weight: var(--uimc-font-weight-bold);
}

@media screen and (min-width: 48em) {
  .on-demand-video__toggle-label {
    font-size: var(--uimc-font-size-large);
  }
}

.on-demand-video__toggle-label--before {
  margin-right: 1.111rem;
  text-align: right;
}

.on-demand-video__toggle-label--after {
  margin-left: 1.111rem;
}

/* native toggle-switch: orange checked state via the component's cssprop API */
.on-demand-video__toggle {
  --background-color-checked: var(--uimc-color-orange);
  --border-color-checked: var(--uimc-color-orange);
}

.vjs-fluid {
  padding-top: 56.25%;
}

.vjs-big-play-button {
  margin-left: -2.667rem;
  margin-top: -2.667rem;
  width: 5.278rem;
  height: 5.278rem;
  line-height: 96em;
  font-size: 5.25em;
  background-color: var(--uimc-color-orange);
}

.vjs-big-play-button:hover {
  background-color: var(--uimc-color-orange-dark);
}

.on-demand-video.is-active .on-demand-video__image,
.on-demand-video.is-active .on-demand-video__play-button {
  opacity: 0;
  pointer-events: none;
}

.on-demand-video--hero {
  background-color: var(--uimc-color-black);
}

@media only screen and (min-width: 80em) {
  .on-demand-video--hero .on-demand-video__player-container {
    transition: all 0.3s ease-in;
    max-height: 50rem;
  }

  .on-demand-video--hero .on-demand-video__video {
    max-height: 50rem;
    max-width: 1424px;
    margin: 0 auto;
  }
}

.on-demand-video--hero.is-active .on-demand-video__player-container {
  max-height: 99rem;
}

.on-demand-video--hero.is-active .on-demand-video__video {
  max-height: 99rem;
}

.on-demand-video--hero.is-background .on-demand-video__video {
  max-width: inherit;
}

.on-demand-video--hero .vjs-big-play-button {
  display: none;
  margin-left: -3.333rem;
  margin-top: -3.333rem;
  width: 6.667rem;
  height: 6.667rem;
  line-height: 120em;
  font-size: 6.5em;
}

.content-section-widget__subheadline ul,
.content-section-widget__subheadline ol {
  margin-top: 0;
  margin-bottom: var(--uimc-spacing-7);
}

.content-section-widget__subheadline li {
  margin-block: 0;
}

.content-section-widget__content {
  --padding-block: 3.75rem;
  display: flex;
  flex-direction: column;
  gap: var(--padding-block);
}

@media (min-width: 48rem) {
  .content-section-widget__content {
    --padding-block: 5rem;
  }
}

@media (min-width: 64rem) {
  .content-section-widget__content {
    --padding-block: 7.5rem;
  }
}

.content-section-widget__content .content-block--no-spacing-bottom {
  margin-bottom: calc(var(--padding-block) * -1 + var(--uimc-spacing-4));
}

.pennant {
  width: var(--uimc-spacing-18);
  height: var(--uimc-spacing-18);
  padding: var(--uimc-spacing-2);
  background: var(--uimc-color-petrol-dark);
  color: var(--uimc-color-white);
  font-weight: var(--uimc-font-weight-bold);
  font-size: var(--uimc-font-size-xsmall);
  line-height: var(--uimc-line-height-xsmall);
  position: absolute;
}

.pennant__line {
  margin-bottom: 0;
}

.pennant--large {
  font-size: var(--uimc-font-size-large);
  line-height: var(--uimc-line-height-large);
}

.pennant--white {
  background: var(--uimc-color-white);
  color: var(--uimc-color-black);
}

.pennant--black {
  background: var(--uimc-color-black);
  color: var(--uimc-color-white);
}

.pennant--black .pennant__line::before {
  color: var(--uimc-color-white) !important;
}

.pennant--petrol {
  background: var(--uimc-color-petrol-dark);
  color: var(--uimc-color-white);
}

.pennant--petrol .pennant__line::before {
  color: var(--uimc-color-white) !important;
}

@media (min-width: 48em) {
  .pennant {
    width: var(--uimc-spacing-20);
    height: var(--uimc-spacing-20);
    font-size: var(--uimc-font-size-medium);
    line-height: var(--uimc-line-height-medium);
  }

  .pennant--large {
    font-size: var(--uimc-font-size-xxlarge);
    line-height: var(--uimc-line-height-xxlarge);
  }
}

.product-topic-teaser {
  text-decoration: none;
  cursor: pointer;
}

.product-topic-teaser:hover,
.product-topic-teaser:focus-visible {
  text-decoration: none;
}

.product-topic-teaser__image {
  margin-bottom: var(--uimc-spacing-3);
  border-radius: var(--uimc-border-radius-1);
  overflow: hidden;
}

@media (min-width: 64em) {
  .product-topic-teaser__image {
    margin-bottom: var(--uimc-spacing-9);
  }
}

.product-topic-teaser__ratio {
  position: relative;
  aspect-ratio: 4 / 3;
}

.product-topic-teaser__ratio img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 48em) {
  .product-topic-teaser__ratio--items-1 {
    aspect-ratio: 21 / 7;
  }

  .product-topic-teaser__ratio--items-2 {
    aspect-ratio: var(--uimc-aspect-ratio-landscape);
  }

  .product-topic-teaser__ratio--items-3 {
    aspect-ratio: var(--uimc-aspect-ratio-square);
  }
}

.product-topic-teaser__overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--uimc-color-white);
  border-radius: var(--uimc-border-radius-1);
  opacity: 0;
  transition: opacity var(--uimc-transition-duration-medium-1) linear;
}

.product-topic-teaser__overlay:hover {
  opacity: 0.4;
}

.product-topic-teaser__headline {
  font-size: var(--uimc-font-size-medium);
  line-height: 1.556rem;
  color: var(--uimc-color-black-90);
  padding: 0 var(--uimc-spacing-3);
  font-family: var(--uimc-font-family-text);
  font-weight: var(--uimc-font-weight-semibold);
}

@media (min-width: 48em) {
  .product-topic-teaser__headline {
    font-size: var(--uimc-font-size-xxlarge);
    line-height: 1.889rem;
  }
}

@media (min-width: 64em) {
  .product-topic-teaser__headline {
    padding: 0 var(--uimc-spacing-4);
    font-size: 1.556rem;
    line-height: 2.111rem;
  }
}

.product-topic-teaser__headline-icon {
  margin-left: var(--uimc-spacing-1);
  font-size: var(--uimc-font-size-xlarge);
}

.product-topic-teaser__headline p {
  display: inline;
}

.product-topic-teaser--is-dark .product-topic-teaser__overlay {
  background-color: var(--uimc-color-black);
}

.product-topic-overview__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 var(--uimc-spacing-9) 0;
}

.product-topic-overview__headline {
  margin: 0;
  color: var(--uimc-color-black-90);
}

.product-topic-overview__cta--top {
  display: none;
}

.product-topic-overview__cta--bottom {
  display: block;
}

@media (min-width: 64em) {
  .product-topic-overview__cta--top {
    display: block;
  }

  .product-topic-overview__cta--bottom {
    display: none;
  }
}

.product-topic-teaser-collection {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--uimc-spacing-4);
}

.product-topic-teaser-collection__item {
  grid-column: span 2;
  color-scheme: light;
}

.product-topic-teaser-collection__item--dark {
  color-scheme: dark;
}

.product-topic-teaser-collection__card::part(headline-wrapper) {
  display: none;
}
.product-topic-teaser-collection__card::part(body) {
  border-bottom-width: var(--uimc-border-width-1);
  border-radius: var(--border-radius);
  padding-inline: var(--uimc-border-width-1);
  padding-block: var(--uimc-border-width-1);
  overflow: hidden;
}
.product-topic-teaser-collection__card::part(content) {
  padding: 0;
  margin: 0;
}

@media (min-width: 64rem) {
  .product-topic-teaser-collection__item {
    grid-column: span 1;
  }
}

.product-topic-teaser-collection__item--highlight {
  grid-column: span 2;
}

.product-topic-teaser-collection__content {
  margin-inline: 0;
  margin-block: 0;
  position: relative;
  border-radius: var(--border-radius);
  overflow: hidden;
}

.product-topic-teaser-collection__text {
  position: absolute;
  inset: 0;
  padding: var(--uimc-spacing-4);
}

@media (min-width: 64rem) {
  .product-topic-teaser-collection__text {
    padding: var(--uimc-spacing-8);
  }
}

.product-topic-teaser-collection__headline {
  margin-top: 0;
}

.product-topic-teaser-collection__description {
  margin-bottom: var(--uimc-spacing-7);
}

.quotation {
  border-radius: var(--uimc-border-radius-1);
  background-color: var(--uimc-color-white);
  padding: var(--uimc-spacing-7) var(--uimc-spacing-3);
}

.quotation__supplement-image {
  margin-bottom: var(--uimc-spacing-4);
}

.quotation__supplement-image > img {
  width: auto;
  height: var(--uimc-spacing-10);
  border-radius: var(--uimc-border-radius-1);
}

.quotation__content {
  margin: 0;
}

.quotation__quote-text {
  font-family: var(--uimc-font-family-text);
  font-size: var(--uimc-font-size-large);
  font-weight: var(--uimc-font-weight-semibold);
  line-height: var(--uimc-line-height-large);
  color: var(--uimc-color-black-90);
  margin-bottom: var(--uimc-spacing-10);
}

.quotation__meta-information {
  display: flex;
  gap: var(--uimc-spacing-4);
}

.quotation__avatar {
  width: var(--uimc-spacing-9);
  height: var(--uimc-spacing-9);
  border-radius: 50%;
  overflow: hidden;
}

.quotation__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quotation__cite {
  margin: 0;
  align-self: center;
  text-align: left;
}

.quotation__meta-item {
  display: inline;
  color: var(--uimc-color-black-60);
}

.quotation__meta-item::after {
  content: "•";
  color: var(--uimc-color-orange);
  margin: 0 var(--uimc-spacing-2);
  display: inline-block;
}

.quotation__meta-item:last-child::after {
  display: none;
}

.quotation__author,
.quotation__additional-information {
  font-size: var(--uimc-font-size-xsmall);
  font-weight: var(--uimc-font-weight-regular);
  line-height: var(--uimc-line-height-xsmall);
  color: var(--uimc-color-black-60);
  display: inline-block;
}

.quotation__author {
  font-weight: var(--uimc-font-weight-bold);
}

@media (min-width: 48em) {
  .quotation {
    padding: var(--uimc-spacing-7) var(--uimc-spacing-4);
  }

  .quotation__supplement-image {
    margin-bottom: var(--uimc-spacing-7);
  }
}

@media (min-width: 80em) {
  .quotation {
    padding: var(--uimc-spacing-7) var(--uimc-spacing-7) var(--uimc-spacing-10)
      var(--uimc-spacing-4);
  }

  .quotation__supplement-image > img {
    height: var(--uimc-spacing-18);
  }

  .quotation__quote-text {
    margin-bottom: var(--uimc-spacing-8);
  }

  .quotation__avatar {
    width: var(--uimc-spacing-10);
    height: var(--uimc-spacing-10);
  }

  .quotation__author,
  .quotation__additional-information {
    font-size: var(--uimc-font-size-small);
    line-height: var(--uimc-line-height-small);
  }
}

.quotation-collection__content {
  display: flex;
  flex-wrap: wrap;
  gap: var(--uimc-spacing-4);
}

@media (min-width: 48em) {
  .quotation-collection__content {
    gap: var(--uimc-spacing-2);
  }

  .quotation-collection__content > .quotation {
    width: calc(50% - var(--uimc-spacing-2));
  }
}

.register-block {
  background-color: var(--uimc-color-petrol);
  border-radius: var(--uimc-border-radius-1);
  padding: var(--uimc-spacing-10) var(--uimc-spacing-7);
}

@media (min-width: 48em) {
  .register-block {
    padding: var(--uimc-spacing-14);
  }
}

@media (min-width: 64em) {
  .register-block {
    padding: var(--uimc-spacing-14) 6.056rem;
  }
}

.register-block__link {
  cursor: pointer;
}

.register-block__description {
  color: var(--uimc-color-white);
  font-size: var(--uimc-font-size-large);
  font-weight: var(--uimc-font-weight-bold);
  line-height: 1.67;
  margin-bottom: var(--uimc-spacing-2);
}

.register-block__headline {
  color: var(--uimc-color-black-5);
  font-weight: var(--uimc-font-weight-semibold);
  font-size: 1.625rem;
  line-height: 1.875rem;
  margin-top: 0;
  margin-bottom: var(--uimc-spacing-10);
}

@media (min-width: 48em) {
  .register-block__headline {
    font-size: 2.375rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 64em) {
  .register-block__headline {
    font-size: 2.75rem;
    line-height: 3.5rem;
  }
}

.register-block__actions {
  color-scheme: dark;
}

.register-block__actions *:first-child {
  margin-right: var(--uimc-spacing-2);
}

.related-sessions {
  overflow: hidden;
}

.section__content .related-sessions {
  overflow: visible;
}

.progress-navigation {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--uimc-spacing-5);
}

.progress-navigation::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 11.111rem;
  width: 100vw;
  transform: translateX(-50%);
  background-image: linear-gradient(
    to bottom,
    transparent 50%,
    light-dark(rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0.6))
  );
}

.progress-navigation__item {
  width: 100%;
  cursor: pointer;
  position: relative;
}

.progress-navigation__item.is-active .progress-navigation__animation {
  background-color: var(--uimc-color-orange);
}

.progress-navigation__item.is-paused .progress-navigation__animation {
  background-color: var(--uimc-color-orange);
  width: 100%;
}

.progress-navigation__label {
  color: var(--uimc-color-text);
  font-size: var(--uimc-font-size-small);
  font-weight: var(--uimc-font-weight-bold);
  padding-top: var(--uimc-spacing-1);
}

@media (max-width: 63.98em) {
  .progress-navigation__label {
    display: none;
  }
}

.progress-navigation__bar {
  height: var(--uimc-spacing-1);
  border-radius: var(--uimc-border-radius-1);
  position: relative;
  background-color: var(--uimc-color-black-30);
}

.progress-navigation__animation {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

.progress-navigation--dark {
  color-scheme: dark;
}

@keyframes loading {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

.separator-widget--light {
  color-scheme: light;
  background-color: var(--uimc-color-background);
}

.separator-widget--light-grey {
  color-scheme: light;
  background-color: var(--uimc-color-black-7);
}

.separator-widget--dark {
  color-scheme: dark;
  background-color: var(--uimc-color-black-90);
}

.separator-widget hr {
  border: 0;
  border-top: 1px solid var(--uimc-color-border);
  height: 0;
  margin: var(--uimc-spacing-7) 0;
}

.spacing {
  padding: var(--uimc-spacing-1) 0;
}

.spacing--medium {
  padding: var(--uimc-spacing-5) 0;
}

@media (min-width: 48em) {
  .spacing--medium {
    padding: var(--uimc-spacing-8) 0;
  }
}

@media (min-width: 64em) {
  .spacing--medium {
    padding: var(--uimc-spacing-10) 0;
  }
}

.rating {
  margin-bottom: var(--uimc-spacing-7);
}

.rating__item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

/* match the UIMC form-control label typography of the sibling form fields */
.rating__label {
  display: flex;
  align-items: baseline;
  margin-bottom: var(--uimc-spacing-1);
  color: var(--uimc-color-text);
  font-family: var(--uimc-font-family-text);
  font-size: var(--uimc-font-size-small);
  font-weight: var(--uimc-font-weight-regular);
  line-height: var(--uimc-line-height-small);
}

.rating__label p {
  margin: 0;
}

/* star as a flex item so it stays inline after the label, not on a new line */
.rating__label.is-required::after {
  content: "*";
}

.rating__options-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--uimc-spacing-3);
}

.rating__option-text {
  flex-shrink: 0;
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
}

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

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

/* the options list — reset the list and lay the ratings out in a row */
.rating__options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: var(--uimc-spacing-2);
}

.rating__hint {
  display: block;
  color: var(--uimc-color-black-60);
  font-size: var(--uimc-font-size-xsmall);
  line-height: var(--uimc-line-height-xsmall);
}

.rating.is-invalid .rating__hint {
  color: var(--uimc-color-text-error);
}

@media (max-width: 48em) {
  .rating__options-container {
    justify-content: space-between;
    gap: var(--uimc-spacing-8);
  }

  .rating__option-text {
    flex: 0 0 auto;
    min-width: 0;
  }

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

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

  .rating__options {
    width: auto;
    flex: 1;
    gap: var(--uimc-spacing-2);
  }
}

/* rating in a half-width column gets the mobile treatment earlier */
@media (max-width: 64em) {
  .col-6 .rating__options-container {
    justify-content: space-between;
    gap: var(--uimc-spacing-2);
  }

  .col-6 .rating__option-text {
    flex: 0 0 auto;
    min-width: 0;
  }

  .col-6 .rating__option-text--align-left {
    text-align: left;
  }

  .col-6 .rating__option-text--align-right {
    text-align: right;
  }

  .col-6 .rating__options {
    width: auto;
    flex: 1;
    gap: var(--uimc-spacing-2);
  }
}

.textarea {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--uimc-spacing-1);
  width: 100%;
}

.textarea__label {
  color: var(--uimc-color-text);
  font-family: var(--uimc-font-family-text);
  font-size: var(--uimc-font-size-small);
  font-weight: var(--uimc-font-weight-regular);
  line-height: var(--uimc-line-height-small);
}

.textarea__input {
  background-color: var(--uimc-inputfield-color-background);
  border: var(--uimc-border-width-1) solid var(--uimc-inputfield-color-border);
  border-radius: var(--uimc-border-radius-1);
  color: var(--uimc-color-headline);
  caret-color: var(--uimc-interaction-color-decoration);
  font-family: var(--uimc-font-family-text);
  font-size: var(--uimc-font-size-medium);
  line-height: var(--uimc-line-height-medium);
  padding-block: calc(var(--uimc-spacing-2) - var(--uimc-border-width-1));
  padding-inline: var(--uimc-spacing-3);
}

.textarea__input:focus {
  outline: none;
  border-color: var(--uimc-interaction-color-focus-ring);
  box-shadow: 0 0 0 1px var(--uimc-interaction-color-focus-ring);
}

.textarea__help-text {
  color: var(--uimc-color-text);
  font-family: var(--uimc-font-family-text);
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
}

.textarea--error .textarea__input {
  border-color: var(--uimc-color-red-dark);
  box-shadow: 0 0 0 1px var(--uimc-color-red-dark);
}

.textarea--error .textarea__help-text {
  color: var(--uimc-color-text-error);
}

.survey--white {
  color-scheme: light;
  background-color: var(--uimc-color-background);
}

.survey--light-grey {
  color-scheme: light;
  background-color: var(--uimc-color-black-7);
}

.survey--dark {
  color-scheme: dark;
  background-color: var(--uimc-color-background);
}

.survey__headline {
  margin-top: 0;
}

.survey__confirmation-text ul,
.survey__confirmation-text ol {
  margin-top: 0;
  margin-bottom: var(--uimc-spacing-7);
}

.survey__confirmation-text li {
  margin-block: 0;
}

.survey__fieldsets {
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-4);
}
.survey__fieldset {
  border: none;
  padding: 0;
}

.survey__container {
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-4);
}

.survey__row {
  --columns: 1;
  display: grid;
  gap: var(--uimc-grid-gutter-size);
  grid-template-columns: 1fr;
}

@media (min-width: 48em) {
  .survey__row {
    grid-template-columns: repeat(var(--columns), 1fr);
  }
}

.survey__column {
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-4);
  min-width: 0;
}

.survey__selectbox {
  --width: 100%;
  display: block;
}

.survey__selectbox::part(panel) {
  max-height: 20rem;
  overflow-y: auto;
}

.section:has(.survey__selectbox) {
  overflow: visible;
}

/* iOS Safari gives an empty input[type="date"] zero content height once
   -webkit-appearance is reset, which the textfield component does. content-box
   keeps the padding additive so the floor matches a filled field. */
.survey__calendar ui-marcom-textfield::part(input) {
  box-sizing: content-box;
  min-height: 1lh;
}

.survey__confirmation {
  margin-bottom: var(--uimc-spacing-4);
}

.alert__headline {
  display: flex;
  gap: var(--uimc-spacing-4);
  align-items: center;
}

.alert__close {
  margin-left: auto;
}

.table-widget {
}

.table-widget--white {
  color-scheme: light;
  background-color: var(--uimc-color-background);
}

.table-widget--light-grey {
  color-scheme: light;
  background-color: var(--uimc-color-black-7);
}

.table-widget__title {
  margin: 0;
}

.table-widget__description p {
  margin-top: 0;
  margin-bottom: var(--uimc-spacing-7);
}

.table-widget__description ul,
.table-widget__description ol {
  margin-top: 0;
  margin-bottom: var(--uimc-spacing-7);
}

.table-widget__description li {
  margin-block: 0;
}

.table-widget__scroll {
  overflow-x: auto;
}

.table-widget__scroll ul,
.table-widget__scroll ol {
  margin-top: 0;
  margin-bottom: var(--uimc-spacing-7);
}

.table-widget__scroll li {
  margin-block: 0;
}

.table-widget__scroll--editor {
  padding: var(--uimc-spacing-1) var(--uimc-spacing-3);
}

.table-widget__table {
  border-collapse: collapse;
  background-color: transparent;
  margin-bottom: var(--uimc-spacing-7);
  width: auto;
  min-width: 100%;
  table-layout: auto;
}

.table-widget__table tr {
  border-bottom: 1px solid var(--uimc-color-border);
}

.table-widget__table th,
.table-widget__table td {
  padding: var(--uimc-spacing-3) var(--uimc-spacing-4);
  text-align: left;
  vertical-align: top;
}

.table-widget__table thead tr th,
.table-widget__table thead tr td {
  font-family: var(--uimc-font-family-text);
  font-weight: var(--uimc-font-weight-bold);
  font-size: var(--uimc-font-size-large);
}

.table-widget__table p {
  margin-top: 0;
}

.table-widget__table p:last-child {
  margin-bottom: 0;
  font-family: inherit;
}

.table-widget__table button {
  font-size: var(--uimc-font-size-small);
  line-height: 1;
  height: var(--uimc-spacing-4);
  width: var(--uimc-spacing-4);
  padding: 0;
  text-align: center;
  border: none;
  box-shadow: 0 0 3px
    color-mix(in srgb, var(--uimc-color-black) 50%, transparent);
  color: var(--uimc-color-white);
  font-weight: var(--uimc-font-weight-bold);
  border-radius: var(--uimc-border-radius-1);
}

tr.table-widget__editor-row {
  position: relative;
  z-index: var(--uimc-z-index-content-raised);
  border: none;
}

th.table-widget__editor-cell,
td.table-widget__editor-cell {
  border: none;
  padding: 0;
}

.table-widget__editor-actions {
  text-align: center;
  position: relative;
}

tr.table-widget__editor-options-row {
  height: var(--uimc-spacing-4);
  border: 0;
}

.table-widget__add-row-btn {
  position: absolute;
  left: 0;
  top: calc(-1 * var(--uimc-spacing-2));
  z-index: var(--uimc-z-index-content-raised);
  background: var(--uimc-color-green);
}

.table-widget__add-row-btn:hover::after {
  content: "";
  position: absolute;
  left: var(--uimc-spacing-4);
  top: var(--uimc-spacing-2);
  height: 2px;
  width: 300px;
  background: linear-gradient(
    to right,
    var(--uimc-color-green) 0%,
    var(--uimc-color-green) 35%,
    transparent 100%
  );
}

.table-widget__delete-row-btn {
  position: absolute;
  right: 0;
  top: var(--uimc-spacing-4);
  z-index: var(--uimc-z-index-content-raised);
  background: var(--uimc-color-red);
}

.table-widget__delete-row-btn:hover::after {
  content: "";
  position: absolute;
  top: 0;
  right: var(--uimc-spacing-3);
  height: var(--uimc-spacing-4);
  width: 300px;
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--uimc-color-red) 65%,
    var(--uimc-color-red) 100%
  );
}

.table-widget__add-column-btn {
  position: absolute;
  top: 0;
  left: calc(-1 * var(--uimc-spacing-2));
  z-index: var(--uimc-z-index-content-raised);
  background: var(--uimc-color-green);
}

.table-widget__add-column-btn:hover::after {
  content: "";
  position: absolute;
  top: var(--uimc-spacing-4);
  left: var(--uimc-spacing-2);
  height: 300px;
  width: 2px;
  background: linear-gradient(
    to bottom,
    var(--uimc-color-green) 0%,
    var(--uimc-color-green) 35%,
    transparent 100%
  );
}

.table-widget__delete-column-btn {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: var(--uimc-z-index-content-raised);
  background: var(--uimc-color-red);
}

.table-widget__delete-column-btn:hover::after {
  content: "";
  position: absolute;
  top: var(--uimc-spacing-3);
  right: 0;
  height: 300px;
  width: var(--uimc-spacing-4);
  background: linear-gradient(
    to bottom,
    var(--uimc-color-red) 0%,
    var(--uimc-color-red) 35%,
    transparent 100%
  );
}

.teaser-columns {
  --cols: 3;
}

.teaser-columns__title {
  margin-top: 0;
  color: var(--uimc-color-headline);
}

.teaser-columns__description {
  margin-bottom: var(--uimc-spacing-4);
  color: var(--uimc-color-text);
}

.teaser-columns__cards {
  display: grid;
  gap: var(--uimc-spacing-4);
  grid-template-columns: repeat(var(--cols), 1fr);
}

.teaser-columns__card,
.teaser-columns__card > div,
.teaser-columns__card ui-marcom-card {
  height: 100%;
}

.teaser-columns--light {
  background-color: var(--uimc-color-black-7);
  color-scheme: light;
}

.teaser-columns--white {
  background-color: var(--uimc-color-background);
  color-scheme: light;
}

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

.error-boundary__retry {
  margin-top: var(--uimc-spacing-6);
}

.user-identifier__mobile {
  --font-size: 1.5rem;
  display: block;
}

.user-identifier__desktop {
  display: none;
}

@media (min-width: 48em) {
  .user-identifier__desktop {
    display: block;
  }

  .user-identifier__mobile {
    display: none;
  }
}

.exhibition-overview__title {
  font-weight: var(--uimc-font-weight-bold);
  color: var(--uimc-color-text-muted);
  font-size: var(--uimc-font-size-xsmall);
  line-height: var(--uimc-line-height-xsmall);
  margin-bottom: var(--uimc-spacing-4);
}

.exhibition-overview__item {
  font-size: var(--uimc-font-size-small);
  font-weight: var(--uimc-font-weight-bold);
  color: var(--uimc-color-black-90);
}

.exhibition-overview__item-meta {
  color: var(--uimc-color-black-70);
  font-weight: var(--uimc-font-weight-regular);
}

.exhibition-overview__more {
  margin-top: 1.778rem;
}

.highlight-exhibition-container__list {
  display: flex;
  flex-direction: column;
}

@media (min-width: 48em) {
  .highlight-exhibition-container__list {
    flex-direction: row;
    gap: var(--uimc-spacing-2);
  }
}

.highlight-exhibition-container__item {
  border-bottom: var(--uimc-border-width-1) solid var(--uimc-color-black-10);
  padding: var(--uimc-spacing-4) 0;
}

.highlight-exhibition-container__item:first-of-type {
  padding-top: 0;
}

.highlight-exhibition-container__item:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}

@media (min-width: 48em) {
  .highlight-exhibition-container__item {
    flex-basis: 50%;
    border-bottom: none;
    padding: calc(var(--uimc-line-height-small) + var(--uimc-spacing-4)) 0 0;
  }

  .highlight-exhibition-container__item:has(.highlight-exhibition__label) {
    padding-top: 0;
  }
}

.highlight-exhibition {
  display: flex;
  gap: var(--uimc-spacing-4);
  position: relative;
  text-decoration: none;
}

.highlight-exhibition__label {
  font-weight: var(--uimc-font-weight-bold);
  color: var(--uimc-color-text-muted);
  font-size: var(--uimc-font-size-xsmall);
  line-height: var(--uimc-line-height-xsmall);
  height: var(--uimc-line-height-small);
  margin-bottom: var(--uimc-spacing-4);
  flex-basis: 100%;
}

.highlight-exhibition__media {
  overflow: hidden;
  border-radius: var(--uimc-border-radius-1);
  position: relative;
  flex-basis: 33.333%;
}

@media (min-width: 48em) {
  .highlight-exhibition__media {
    flex-basis: 100%;
  }
}

.highlight-exhibition__tags {
  position: absolute;
  top: var(--uimc-spacing-1);
  left: var(--uimc-spacing-1);
  z-index: var(--uimc-z-index-navigation);
}

@media (min-width: 48em) {
  .highlight-exhibition__tags {
    top: var(--uimc-spacing-4);
    left: var(--uimc-spacing-4);
  }
}

@media (max-width: 47.999em) {
  .highlight-exhibition__tags .tag-list {
    flex-direction: column;
    gap: var(--uimc-spacing-1);
  }

  .highlight-exhibition__tags .tag-list .tag {
    width: fit-content;
  }

  .highlight-exhibition__tags .tag-list .icon-live {
    display: none;
  }
}

.highlight-exhibition__content {
  flex-basis: 66.667%;
}

@media (min-width: 48em) {
  .highlight-exhibition__content {
    --color: light-dark(var(--uimc-color-black-20), var(--uimc-color-black));
    position: absolute;
    bottom: 0;
    padding: var(--uimc-spacing-4);
    text-shadow: 0 var(--uimc-spacing-1) var(--uimc-spacing-3) var(--color);
  }
}

.highlight-exhibition__title {
  color: var(--uimc-color-text);
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
  font-weight: var(--uimc-font-weight-bold);
}

@media (min-width: 48em) {
  .highlight-exhibition__title {
    font-size: var(--uimc-font-size-medium);
    line-height: var(--uimc-line-height-medium);
  }
}

@media (min-width: 64em) {
  .highlight-exhibition__title {
    font-size: var(--uimc-font-size-large);
    line-height: var(--uimc-line-height-large);
  }
}

.highlight-exhibition__meta {
  color: var(--uimc-color-text);
  font-weight: var(--uimc-font-weight-bold);
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
}

.highlight-exhibition__description {
  color: var(--uimc-color-text-text);
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
}

@media (min-width: 48em) {
  .highlight-exhibition__description {
    font-weight: var(--uimc-font-weight-bold);
    margin-top: var(--uimc-spacing-2);
  }
}

@media (min-width: 48em) {
  .highlight-exhibition--dark-mode {
    color-scheme: dark;
  }
}

.event-item-panel {
  --padding-inline: 0;
  --padding-block: 0;
  position: fixed;
  inset: 0;
  z-index: var(--uimc-z-index-dialog);
  background-color: var(--uimc-color-white);
  max-width: 90rem;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: initial;
}

@media (min-width: 48em) {
  .event-item-panel {
    position: absolute;
    bottom: unset;
    height: unset;
    border-radius: var(--uimc-border-radius-1);
    box-shadow: var(--uimc-shadow-5);
  }
}

@media (min-width: 64em) {
  .event-item-panel {
    top: 4rem;
    left: 2rem;
    right: 2rem;
  }
}

/* without this, the page will scroll instead of the panel
   + needed to make overflow scrollable
   as the parent element is smaller than event panel */
.event-item-panel__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: var(--uimc-spacing-4);
}

@media (min-width: 64em) {
  .event-item-panel__container {
    flex-direction: row;
    justify-content: space-between;
  }
}

.event-item-panel__back-link {
  margin-bottom: var(--uimc-spacing-4);
}

@media (min-width: 64em) {
  .event-item-panel__back-link {
    display: none;
  }
}

.event-item-panel__highlights {
  flex: 1 1 0;
  margin-bottom: 1.778rem;
}

@media (min-width: 64em) {
  .event-item-panel__highlights {
    margin-bottom: 0;
    flex-basis: 58.333%;
    flex-grow: 0;
  }
}

.event-item-panel__overview {
  flex: 1 1 0;
}

@media (min-width: 64em) {
  .event-item-panel__overview {
    flex-shrink: 0;
    flex-basis: 33.333%;
    flex-grow: 0;
  }
}

.event-navigation-item {
  cursor: pointer;
  /* ui-marcom-primary-navigation only colors this line (transparent, currentColor on hover) */
  text-decoration-line: underline;
}

.event-navigation-item__icon--desktop {
  display: none;
}
.event-navigation-item__icon--mobile {
  display: inline-block;
}

@media (min-width: 64em) {
  .event-navigation-item__icon--desktop {
    display: inline-block;
  }
  .event-navigation-item__icon--mobile {
    display: none;
  }
}

.multi-level-navigation-desktop {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, var(--uimc-spacing-2));
  width: max-content;
  z-index: var(--uimc-z-index-dropdown);
  box-shadow: var(--uimc-shadow-popover);
  background-color: var(--uimc-color-white);
  padding: var(--uimc-spacing-4) var(--uimc-spacing-8) var(--uimc-spacing-6)
    var(--uimc-spacing-8);
  border-radius: var(--uimc-border-radius-1);
  font-weight: var(--uimc-font-weight-regular);
}

.multi-level-navigation-desktop__second-level-link {
  font-weight: var(--uimc-font-weight-semibold);
  font-size: var(--uimc-font-size-small);
}

.multi-level-navigation-desktop__third-level-link {
  display: block;
  font-size: var(--uimc-font-size-xsmall);
  line-height: var(--uimc-line-height-small);
}

.multi-level-navigation-mobile-third-level {
  padding: var(--uimc-spacing-2) var(--uimc-spacing-8);
  position: fixed;
  /* top offset keeps the mobile header bar (--mobile-height of ui-marcom-header) visible */
  inset: var(--uimc-spacing-14) 0 0;
  z-index: var(--uimc-z-index-dialog);
  background-color: var(--uimc-color-white);
  overflow-y: auto;
  cursor: initial;
}

.multi-level-navigation-mobile-third-level__back-link {
  margin-bottom: var(--uimc-spacing-4);
}

.multi-level-navigation-mobile-third-level__top-link {
  display: block;
  margin-bottom: var(--uimc-spacing-4);
  font-weight: var(--uimc-font-weight-bold);
  --uimc-link-underline-color: var(--uimc-color-text);
  --uimc-link-underline-color-hover: var(--uimc-color-text);
}

.multi-level-navigation-mobile-third-level__link.is-active {
  --uimc-link-underline-color: var(--uimc-color-orange);
  --uimc-link-underline-color-hover: var(--uimc-color-orange);
}

.multi-level-navigation-mobile {
  padding: var(--uimc-spacing-2) var(--uimc-spacing-8);
  position: fixed;
  /* top offset keeps the mobile header bar (--mobile-height of ui-marcom-header) visible */
  inset: var(--uimc-spacing-14) 0 0;
  z-index: var(--uimc-z-index-dialog);
  background-color: var(--uimc-color-white);
  overflow-y: auto;
  cursor: initial;
}

.multi-level-navigation-mobile__back-link {
  margin-bottom: var(--uimc-spacing-4);
}

.multi-level-navigation-mobile__top-link {
  display: block;
  margin-bottom: var(--uimc-spacing-4);
  font-weight: var(--uimc-font-weight-bold);
  --uimc-link-underline-color: var(--uimc-color-text);
  --uimc-link-underline-color-hover: var(--uimc-color-text);
}

.multi-level-navigation-mobile__second-level-link {
  display: inline-flex;
  align-items: center;
  gap: var(--uimc-spacing-1);
  width: fit-content;
}

.multi-level-navigation-mobile__second-level-link.is-active {
  --uimc-link-underline-color: var(--uimc-color-orange);
  --uimc-link-underline-color-hover: var(--uimc-color-orange);
}

.multi-level-navigation-item {
  position: relative;
  cursor: pointer;
  /* ui-marcom-primary-navigation only colors this line (transparent, currentColor on hover) */
  text-decoration-line: underline;
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
}

@media (min-width: 64rem) {
  .multi-level-navigation-item__icon--mobile {
    display: none;
  }

  .multi-level-navigation-item__panel--mobile {
    display: none;
  }
}

@media (max-width: 63.999rem) {
  .multi-level-navigation-item__icon--desktop {
    display: none;
  }

  .multi-level-navigation-item__panel--desktop {
    display: none;
  }
}

.navigation {
  padding: 0.9rem 0;
}

.favorites-link--mobile {
  display: block;
}

.favorites-link--mobile a,
.favorites-link--mobile a:hover {
  text-decoration: none;
}
.favorites-link--desktop {
  display: none;
}

@media (min-width: 64em) {
  .favorites-link--mobile {
    display: none;
  }
  .favorites-link--desktop {
    display: block;
  }
}

ui-marcom-header {
  position: relative;
}

.dawn-page-status-bar {
  display: flex;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: var(--uimc-font-size-xxsmall);
  position: sticky;
  top: 0;
  z-index: var(--uimc-z-index-fullscreen);
  background: var(--uimc-color-black-60);
  color: var(--uimc-color-white);
  padding: var(--uimc-spacing-1) var(--uimc-spacing-2);
}

.dawn-page-status-bar span + span {
  margin-left: var(--uimc-spacing-5);
}

.dawn-page-status-bar__screenshot {
  margin-left: auto;
}

.dawn-page-status-bar__screenshot-label {
  margin-left: var(--uimc-spacing-2);
}

.login-form__description {
  margin: var(--uimc-spacing-4) 0;
}

.login-form__actions {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: var(--uimc-spacing-2);
  margin-top: var(--uimc-spacing-4);
}

.login-form__footer {
  margin-top: auto;
  color: var(--uimc-color-text-muted);
  font-size: var(--uimc-font-size-small);
  line-height: var(--uimc-line-height-small);
}

.login-form__footer * {
  margin: 0;
}

.preferences {
  font-size: var(--uimc-font-size-medium);
  line-height: var(--uimc-line-height-medium);
}

.preferences__headline {
  margin: 0;
}

.preferences__description {
  margin: var(--uimc-spacing-4) 0;
}

.preferences__save {
  margin: var(--uimc-spacing-4) 0 0 auto;
}

.preferences__group-toggle {
  margin-bottom: var(--uimc-spacing-3);
  font-weight: var(--uimc-font-weight-bold);
}

.preferences__toggle {
  margin: var(--uimc-spacing-2) 0 0 var(--uimc-spacing-4);
}

.registration-form {
  color: var(--uimc-color-text);
}
.registration-form__details {
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-2);
}

.registration-form__description {
  margin: var(--uimc-spacing-4) 0;
}

.registration-form__consents {
  margin: var(--uimc-spacing-4) 0;
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-4);
}

.registration-form__actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--uimc-spacing-2);
  margin-top: var(--uimc-spacing-4);
}

.registration-form__existing-account {
  margin-block: var(--uimc-spacing-4);
}

.registration-form__existing-account h4 {
  font-size: var(--uimc-font-size-medium);
}

.registration-form__preferences {
  margin-top: var(--uimc-spacing-4);
}

.registration-form__loader {
  margin-left: var(--uimc-spacing-4);
  margin-right: var(--uimc-spacing-8);
}

.registration-form__loader .loading-spinner {
  width: var(--uimc-spacing-8);
  height: var(--uimc-spacing-8);
  margin: 0;
}

.registration-form__success-overlay::part(base) {
  width: 32.5rem;
}

.registration-form__existing-account-overlay::part(base) {
  width: 36rem;
}

.registration-form__success-overlay ui-marcom-button,
.registration-form__existing-account-overlay ui-marcom-button {
  margin: var(--uimc-spacing-2);
}

.consent-form__description {
  margin: var(--uimc-spacing-4) 0;
}

.consent-form__consents {
  display: flex;
  flex-direction: column;
  gap: var(--uimc-spacing-2);
  margin: var(--uimc-spacing-4) 0;
}

.alert-overlay {
  position: fixed;
  bottom: var(--uimc-spacing-5);
  left: var(--uimc-spacing-4);
  width: 90%;
  padding: var(--uimc-spacing-5);
  color: var(--uimc-color-black);
  background-color: var(--uimc-color-white);
  border-radius: var(--uimc-border-radius-2);
  z-index: var(--uimc-z-index-dialog);
  box-shadow: 0 var(--uimc-spacing-1) var(--uimc-spacing-2) 0 rgba(0, 0, 0, 0.1),
    0 -0.056rem var(--uimc-spacing-1) 0 rgba(0, 0, 0, 0.05);
}

@media (min-width: 48em) {
  .alert-overlay {
    width: auto;
    max-width: 40%;
    right: var(--uimc-spacing-5);
    left: unset;
  }
}

.alert-overlay__close {
  float: right;
  margin-bottom: var(--uimc-spacing-5);
}

.alert-overlay__header {
  display: flex;
  width: 100%;
  position: relative;
  top: calc(var(--uimc-spacing-4) * -1);
}

.alert-overlay__indicator {
  margin-right: var(--uimc-spacing-1);
  font-size: var(--uimc-spacing-8);
}

.alert-overlay__title {
  margin: 0;
  font-size: var(--uimc-font-size-large);
  line-height: var(--uimc-line-height-large);
  font-weight: var(--uimc-font-weight-bold);
  text-align: left;
}

.alert-overlay__cta {
  margin-top: var(--uimc-spacing-4);
}

:host,
:root {
    /* ===================== */
    /* PRIMITIVES            */
    /* ===================== */
    
    /* COLORS */

    /* White */
    --uimc-color-white: hsl(0 0 100%);                     /* #FFFFFF */
    /* Black */
    --uimc-color-black: hsl(0 0 0%);                       /* #000000 */
    --uimc-color-black-5: hsl(0 0 95%);                    /* #F2F2F2 */
    --uimc-color-black-7: hsl(0 0 93%);                    /* #EDEDED */
    --uimc-color-black-10: hsl(0 0 90%);                   /* #E6E6E6 */
    --uimc-color-black-20: hsl(0 0 80%);                   /* #CCCCCC */
    --uimc-color-black-30: hsl(0 0 70%);                   /* #B3B3B3 */
    --uimc-color-black-40: hsl(0 0 60%);                   /* #999999 */
    --uimc-color-black-50: hsl(0 0 50%);                   /* #808080 */
    --uimc-color-black-60: hsl(0 0 40%);                   /* #666666 */
    --uimc-color-black-70: hsl(0 0 30%);                   /* #4D4D4D */
    --uimc-color-black-80: hsl(0 0 20%);                   /* #333333 */
    --uimc-color-black-90: hsl(0 0 10%);                   /* #1A1A1A */
    /* Berry */
    --uimc-color-berry: hsl(346 69% 28%);                  /* #6E2D4A */
    --uimc-color-berry-25: hsl(353 35% 87%);               /* #F0D4E1 */
    --uimc-color-berry-50: hsl(356 27% 69%);               /* #C4A3B1 */
    /* Blue */
    --uimc-color-blue: hsl(244 57% 33%);                   /* #2A6EBB */
    --uimc-color-blue-25: hsl(245 28% 83%);                /* #D6E9F7 */
    --uimc-color-blue-50: hsl(244 27% 66%);                /* #8DB9D9 */
    /* Cyan */
    --uimc-color-cyan: hsl(195 83% 58%);                   /* #00A6A6 */
    --uimc-color-cyan-25: hsl(196 85% 90%);                /* #E6F9F9 */
    --uimc-color-cyan-50: hsl(196 83% 79%);                /* #B3E6E6 */
    /* Green */
    --uimc-color-green: hsl(142 100% 30%);                 /* #2E854B */
    --uimc-color-green-25: hsl(142 44% 83%);               /* #C1E1D4 */
    --uimc-color-green-50: hsl(142 44% 65%);               /* #8CB8A7 */
    --uimc-color-green-dark: hsl(140 66% 29%);             /* #197C3A */
    /* Orange */
    --uimc-color-orange: hsl(26 98% 47%);                  /* #FF6F00 */
    --uimc-color-orange-25: hsl(22 93% 89%);               /* #FDE6D9 */
    --uimc-color-orange-50: hsl(21 90% 77%);               /* #F7C9A6 */
    --uimc-color-orange-dark: hsl(22 100% 41%);            /* #FF5C00 */
    /* Black */
    --uimc-color-petrol: hsl(180 100% 30%);                /* #006778 */
    --uimc-color-petrol-25: hsl(180 38% 84%);              /* #C1E6ED */
    --uimc-color-petrol-50: hsl(180 45% 68%);              /* #8CB9C2 */
    --uimc-color-petrol-dark: hsl(182 97% 25%);            /* #005A66 */
    --uimc-color-petrol-extra-light: hsl(180 100% 36%);    /* #007A8A */
    --uimc-color-petrol-light: hsl(180 100% 33%);          /* #00707A */
    /* Red */
    --uimc-color-red: hsl(352 100% 45%);                   /* #A80000 */
    --uimc-color-red-25: hsl(352 83% 86%);                 /* #F2DADA */
    --uimc-color-red-50: hsl(353 83% 73%);                 /* #E6B5B5 */
    --uimc-color-red-dark: hsl(352 100% 42.55%);           /* #D9001D */ /* do not round HSL */
    /* Yellow */
    --uimc-color-yellow: hsl(49 100% 50%);                 /* #FFD700 */
    --uimc-color-yellow-25: hsl(49 100% 87%);              /* #FFF4CC */
    --uimc-color-yellow-50: hsl(50 100% 75%);              /* #FFE680 */

    /* TYPOGRAPHY */

    /* Font Family */
    --uimc-font-family-headline: "SH Headline", "Arial Black", "Calibri", sans-serif;
    --uimc-font-family-text: "Siemens Sans Pro", "Siemens Sans", "SH-Bree-Text", "Open Sans", "Roboto", "Droid Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;

    /* Font Weights */

    --uimc-font-weight-bold: 700;
    --uimc-font-weight-semibold: 600;
    --uimc-font-weight-regular: 400;

    /* Font Sizes */

    --uimc-font-size-xxsmall: 0.625rem;                  /* 10px */
    --uimc-font-size-xsmall: 0.75rem;                    /* 12px */
    --uimc-font-size-small: 0.875rem;                    /* 14px */
    --uimc-font-size-medium: 1rem;                       /* 16px */
    --uimc-font-size-large: 1.125rem;                    /* 18px */
    --uimc-font-size-xlarge: 1.25rem;                    /* 20px */
    --uimc-font-size-xxlarge: 1.5rem;                    /* 24px */

    /* Line Heights */

    --uimc-line-height-xxsmall: 1rem;                    /* 16px */
    --uimc-line-height-xsmall: 1rem;                     /* 16px */
    --uimc-line-height-small: 1.25rem;                   /* 20px */
    --uimc-line-height-medium: 1.5rem;                   /* 24px */
    --uimc-line-height-large: 1.75rem;                   /* 28px */
    --uimc-line-height-xlarge: 2rem;                     /* 32px */
    --uimc-line-height-xxlarge: 2.25rem;                 /* 36px */

    /* DIMENSION */

    /* Border */

    --uimc-border-width-1: 0.0625rem;                    /*  1px */
    --uimc-border-width-2: 0.125rem;                     /*  2px */
    --uimc-border-radius-1: 0.25rem;                     /*  4px */
    --uimc-border-radius-2: 0.5rem;                      /*  8px */

    /* Spacing */

    --uimc-spacing-1: 0.25rem;                           /*  4px */
    --uimc-spacing-2: 0.5rem;                            /*  8px */
    --uimc-spacing-3: 0.75rem;                           /* 12px */
    --uimc-spacing-4: 1rem;                              /* 16px */
    --uimc-spacing-5: 1.25rem;                           /* 20px */
    --uimc-spacing-6: 1.5rem;                            /* 24px */
    --uimc-spacing-7: 1.75rem;                           /* 28px */
    --uimc-spacing-8: 2rem;                              /* 32px */
    --uimc-spacing-9: 2.25rem;                           /* 36px */
    --uimc-spacing-10: 2.5rem;                           /* 40px */
    --uimc-spacing-12: 3rem;                             /* 48px */
    --uimc-spacing-14: 3.5rem;                           /* 56px */
    --uimc-spacing-16: 4rem;                             /* 64px */
    --uimc-spacing-18: 4.5rem;                           /* 72px */
    --uimc-spacing-20: 5rem;                             /* 80px */

    /* Aspect Ratios */

    --uimc-aspect-ratio-square: 1;
    --uimc-aspect-ratio-portrait: 4/5;
    --uimc-aspect-ratio-landscape: 3/2;
    --uimc-aspect-ratio-video: 16/9;
    --uimc-aspect-ratio-panorama: 21/9;

    /* Links */

    --uimc-link-underline-thickness-1: 0.0625em; /* 1px */
    --uimc-link-underline-thickness-2: 0.125em; /* 2px */
    --uimc-link-underline-offset: 0.4em;
    --uimc-link-underline-color: var(--uimc-interaction-color-decoration);
    --uimc-link-underline-color-hover: var(--uimc-interaction-color-decoration);

    /* Discuss: Elevation ? */

    /* Transition */

    /* Lagacy: UI MarCom 3 Transition */
    --uimc-transition-base-duration: 300ms;
    --uimc-transition-base-easing: ease-in-out;
    --uimc-transition-base: var(--transition-base-duration) var(--transition-base-easing);
    --uimc-transition-fade-duration: calc(var(--transition-base-duration) * 0.7);
    --uimc-transition-fade-easing: ease-out;
    --uimc-transition-fade: var(--transition-fade-duration) var(--transition-fade-easing);
    --uimc-transition-slide-duration: calc(var(--transition-base-duration) * 1.5);
    --uimc-transition-slide-easing: ease;
    --uimc-transition-slide: var(--transition-slide-duration) var(--transition-slide-easing);
    --uimc-transition-move-duration: calc(var(--transition-base-duration) * 0.8);
    --uimc-transition-move-easing: ease;
    --uimc-transition-move: var(--transition-move-duration) var(--transition-move-easing);
    --uimc-transition-show-duration: calc(var(--transition-base-duration) * 1);
    --uimc-transition-show-easing: ease-out;
    --uimc-transition-show: var(--transition-show-duration) var(--transition-show-easing);
    --uimc-transition-hide-duration: calc(var(--transition-base-duration) * 0.8);
    --uimc-transition-hide-easing: ease-in;
    --uimc-transition-hide: var(--transition-hide-duration) var(--transition-hide-easing);

    /* easing */
    --uimc-transition-ease: cubic-bezier(0.3, 0.14, 0.3, 1);
    --uimc-transition-ease-in: cubic-bezier(0.4, 0.1, 1, 1);
    --uimc-transition-ease-out: cubic-bezier(0, 0, 0.3, 1);

    /* duration */
    --uimc-transition-duration-fast-1: 80ms;
    /* Micro-interactions Radio Buttons, Checkboxes*/
    --uimc-transition-duration-fast-2: 120ms;
    /* Micro-interactions Pagination */
    --uimc-transition-duration-medium-1: 180ms;
    /* Small Components   Dropdown hide, Buttons, Links */
    --uimc-transition-duration-medium-2: 220ms;
    /* Containers & Movements    Dropdown show, Cards, Collections, Tab Navigation  */
    --uimc-transition-duration-slow-1: 360ms;
    /* Large contraction   Lateral Animations: Carousel */
    --uimc-transition-duration-slow-2: 480ms;
    /* Large expansion: Mega Menu, Sheets, Toggle Switch, Toggle Button Switch,  */

    --uimc-transition-duration-ambient: 800ms;
    /* Complete Screen Fades */

    /* On Screen transitions */

    /* Radio Buttons, Checkboxes */
    --uimc-transition-components-fast: var(--uimc-transition-duration-fast-1) var(--uimc-transition-ease);
    /* Pagination */
    --uimc-transition-components-medium: var(--uimc-transition-duration-fast-2) var(--uimc-transition-ease);
    /* Buttons, Links */
    --uimc-transition-components-slow: var(--uimc-transition-duration-medium-1) var(--uimc-transition-ease);
    /* Cards, Collections */
    --uimc-transition-container: var(--uimc-transition-duration-medium-2) var(--uimc-transition-ease);
    /* Carousels */
    --uimc-transition-lateral: var(--uimc-transition-duration-slow-1) var(--uimc-transition-ease);

    /* Components appearing Dropdowns, Language Selector */
    --uimc-transition-show-fast: var(--uimc-transition-duration-medium-2) var(--uimc-transition-ease-out);
    --uimc-transition-hide-fast: var(--uimc-transition-duration-medium-1) var(--uimc-transition-ease-in);

    /* Sheets and Megadropdowns */
    --uimc-transition-show-slow: var(--uimc-transition-duration-slow-2) var(--uimc-transition-ease-out);
    --uimc-transition-hide-slow: var(--uimc-transition-duration-slow-1) var(--uimc-transition-ease-in);


    /* Shadows */
    --uimc-shadow-1: 0 0 0 1px light-dark(hsl(0 0% 0% / 0.05), hsl(0 0% 0% / 0.05));
    --uimc-shadow-2: 0 0 0 1px light-dark(hsl(0 0% 0% / 0.03), hsl(0 0% 0% / 0.05)),
                     0 2px 4px 0 light-dark(hsl(0 0% 0% / 0.04), hsl(0 0% 0% / 0.2));
    --uimc-shadow-3: 0 0 0 1px light-dark(hsl(0 0% 0% / 0.03), hsl(0 0% 0% / 0.05)),
                     0 4px 8px 0 light-dark(hsl(0 0% 0% / 0.05), hsl(0 0% 0% / 0.2));
    --uimc-shadow-4: 0 0 0 1px light-dark(hsl(0 0% 0% / 0.02), hsl(0 0% 0% / 0.07)),
                     0 8px 18px 0 light-dark(hsl(0 0% 0% / 0.07), hsl(0 0% 0% / 0.2));
    --uimc-shadow-5: 0 0 0 1px light-dark(hsl(0 0% 0% / 0.01), hsl(0 0% 0% / 0.1)),
                     0 10px 30px 0 light-dark(hsl(0 0% 0% / 0.1), hsl(0 0% 0% / 0.25));

    --uimc-fog-color: rgba(0, 0, 0, 0.50);
    --uimc-fog-blur: 4px;

    /* Z-index levels */
    --uimc-z-index-fullscreen: 32768; /* above all */
    --uimc-z-index-tooltip: 9999; /* for tooltips, autocomplete, selects */
    --uimc-z-index-dropdown: 8888; /* for dropdown boxes */
    --uimc-z-index-dialog: 4444; /* for modal dialogs, lightboxes, user notifications, … */
    --uimc-z-index-navigation: 2222; /* for navigations, off-canvas, flyouts, … */
    --uimc-z-index-sticky: 1111; /* for blocks that are sticky in the browser window */
    --uimc-z-index-controls: 900; /* for controls for sliders and scrolling */
    --uimc-z-index-content-layer: 100; /* for special content layers use 100-900 */
    --uimc-z-index-content-raised: 1; /* for content elements use freely between 1-99 */

    /* Opacities */
    --uimc-opacity-disabled: 0.4;
  
    /* ===================== */
    /* SEMANTICS             */
    /* ===================== */

    /* THEMING */

    /* Shapes & Texts */

    /* Backgrounds */
    
    --uimc-color-background: light-dark(var(--uimc-color-white), var(--uimc-color-black)); /* default backgrounds for sections on light and dark scheme */
    --uimc-color-background-outlined: light-dark(var(--uimc-color-white), transparent);
    --uimc-color-background-filled: light-dark(hsl(0 0 0% / 0.05), hsl(0 0 100% / 0.103));
    --uimc-color-background-inverted: light-dark(var(--uimc-color-black), var(--uimc-color-white));
    --uimc-color-background-overlay: light-dark(var(--uimc-color-white), hsl(0 0 18% / 1));
    --uimc-color-background-section: var(--uimc-color-background);
    
    /* Border  */
    --uimc-color-border: light-dark(var(--uimc-color-black-30), var(--uimc-color-black-70));
    --uimc-color-border-active: light-dark(var(--uimc-color-black-70), var(--uimc-color-black-30));
    --uimc-color-border-tint: light-dark(hsl(0 0% 0% / 0.1), hsl(0 0% 100% / 0.103));
    --uimc-color-border-shade: light-dark(hsl(0 0 0% / 0.3), hsl(0 0 100% / 0.3));
    
    /* Typography */
    
    --uimc-color-headline: light-dark(var(--uimc-color-black), var(--uimc-color-white));
    --uimc-color-text: light-dark(var(--uimc-color-black-90), var(--uimc-color-black-10));
    --uimc-color-text-muted: light-dark(var(--uimc-color-black-70), var(--uimc-color-black-30));
    --uimc-color-text-error: light-dark(var(--uimc-color-red-dark), hsl(353, 100%, 55%));
    --uimc-color-text-success: light-dark(var(--uimc-color-green-dark), var(--uimc-color-green));
    
    --uimc-inputfield-color-background: light-dark(var(--uimc-color-white), var(--uimc-color-black-90));
    --uimc-inputfield-color-border: light-dark(var(--uimc-color-black-50), var(--uimc-color-black-50));
    --uimc-inputfield-color-border-active: var(--uimc-color-border-active);

    /* Interaction */

    --uimc-interaction-color-focus-ring: var(--uimc-color-petrol-dark);
    --uimc-interaction-color-background-active: light-dark(hsl(0 0 0% / 0.1), hsl(0 0 100% / 0.15));
    --uimc-interaction-color-background-focus: light-dark(var(--uimc-color-petrol-dark), var(--uimc-color-petrol-dark));
    --uimc-interaction-color-background-hover: light-dark(hsl(0 0 0% / 0.07), hsl(0 0 100% / 0.1));
    --uimc-interaction-color-background-inverted-active: light-dark(hsl(0 0 100% / 0.15), hsl(0 0 0% / 0.1));
    --uimc-interaction-color-background-inverted-hover: light-dark(hsl(0 0 100% / 0.1), hsl(0 0 0% / 0.07));
    --uimc-interaction-color-decoration: light-dark(var(--uimc-color-petrol-dark), var(--uimc-color-petrol-dark));
    --uimc-interaction-color-decoration-mono: light-dark(var(--uimc-color-black-90), var(--uimc-color-black-10));
    --uimc-interaction-color-icon: light-dark(var(--uimc-color-petrol-dark), var(--uimc-color-petrol-dark));
    --uimc-interaction-color-icon-mono-active: light-dark(var(--uimc-color-black), var(--uimc-color-white));
    --uimc-interaction-color-icon-mono-default: light-dark(var(--uimc-color-black-90), var(--uimc-color-black-10));
    --uimc-interaction-color-icon-mono-focus: light-dark(var(--uimc-color-white), var(--uimc-color-white)); /* if focus background is applied */
    --uimc-interaction-color-icon-mono-hover: light-dark(var(--uimc-color-black), var(--uimc-color-white));
    --uimc-interaction-color-icon-muted: var(--uimc-color-text-muted);
    --uimc-interaction-color-text-active: light-dark(var(--uimc-color-black), var(--uimc-color-white));
    --uimc-interaction-color-text-default: var(--uimc-color-text);
    --uimc-interaction-color-text-focus: var(--uimc-color-white); /* if focus background is applied */
    --uimc-interaction-color-text-hover: light-dark(var(--uimc-color-black), var(--uimc-color-white));
    --uimc-interaction-container-color-background-hover: light-dark(hsla(0, 0%, 0%, 0.03), hsla(0, 0%, 100%, 0.07));
    --uimc-interaction-container-color-background-active: light-dark(hsla(0, 0%, 0%, 0.07), hsla(0, 0%, 100%, 0.1));

    /* SHADOWS */

    --uimc-shadow-flat: var(--uimc-shadow-1);
    --uimc-shadow-notifications: var(--uimc-shadow-2);
    --uimc-shadow-raised: var(--uimc-shadow-3);
    --uimc-shadow-navigation: var(--uimc-shadow-4);
    --uimc-shadow-popover: var(--uimc-shadow-5);
  
    /* DIMENSION */

    --uimc-focus-ring-offset: 0.125rem;
    --uimc-focus-ring-width: 0.1875rem;
  
    /* TYPOGRAPHY */

    /* Font Size */

    --uimc-font-size-p: var(--uimc-font-size-medium);
    --uimc-font-size-h6: 1.0625rem;
    --uimc-font-size-h5: 1.125rem;
    --uimc-font-size-h4: 1.25rem;
    --uimc-font-size-h3: 1.375rem;
    --uimc-font-size-h2: 1.8125rem;
    --uimc-font-size-h1: 2rem;
    --uimc-font-size-stage: 2rem;

    /* Line Height */

    --uimc-line-height-p: var(--uimc-line-height-medium);
    --uimc-line-height-h6: 1.5rem;
    --uimc-line-height-h5: 1.5rem;
    --uimc-line-height-h4: 1.75rem;
    --uimc-line-height-h3: 2rem;
    --uimc-line-height-h2: 2.25rem;
    --uimc-line-height-h1: 2.5rem;
    --uimc-line-height-stage: 2.5rem;
}
/* width = 768px (md) */
@media (min-width: 48rem) {
    :host,
    :root {

        /* TYPOGRAPHY */

        /* Font Size */

        --uimc-font-size-p: var(--uimc-font-size-medium);
        --uimc-font-size-h6: 1.0625rem;
        --uimc-font-size-h5: 1.125rem;
        --uimc-font-size-h4: 1.25rem;
        --uimc-font-size-h3: 1.375rem;
        --uimc-font-size-h2: 1.8125rem;
        --uimc-font-size-h1: 2rem;
        --uimc-font-size-stage: 2.5rem;

        /* Line Height */
        
        --uimc-line-height-p: var(--uimc-line-height-medium);
        --uimc-line-height-h6: 1.5rem;
        --uimc-line-height-h5: 1.5rem;
        --uimc-line-height-h4: 2rem;
        --uimc-line-height-h3: 2rem;
        --uimc-line-height-h2: 2.25rem;
        --uimc-line-height-h1: 2.5rem;
        --uimc-line-height-stage: 3rem;
    }
}

/* width = 1024 (lg) */
@media (min-width: 64rem) {
    :host,
    :root {

        /* TYPOGRAPHY */

        /* Font Size */

        --uimc-font-size-p: var(--uimc-font-size-medium);
        --uimc-font-size-h6: 1.125rem;
        --uimc-font-size-h5: 1.25rem;
        --uimc-font-size-h4: 1.4375rem;
        --uimc-font-size-h3: 1.75rem;
        --uimc-font-size-h2: 2.4375rem;
        --uimc-font-size-h1: 3.0625rem;
        --uimc-font-size-stage: 3.5rem;

        /* Line Height */
        
        --uimc-line-height-p: var(--uimc-line-height-medium);
        --uimc-line-height-h6: 1.75rem;
        --uimc-line-height-h5: 1.75rem;
        --uimc-line-height-h4: 2rem;
        --uimc-line-height-h3: 2.5rem;
        --uimc-line-height-h2: 3rem;
        --uimc-line-height-h1: 3.5rem;
        --uimc-line-height-stage: 4rem;
    }
}

/* GRID SYSTEM */
:host,
:root {
    --uimc-grid-margin: 1rem;
    --uimc-grid-gutter-size: 1.5rem;
    --uimc-grid-max-width: 90rem;
    --uimc-grid-content-width: 12/12;
    
    /* width = 768px (md) */
    @media only screen and (min-width: 48em) {
        --uimc-grid-margin: 2rem;
        --uimc-grid-gutter-size: var(--uimc-spacing-6);
        --uimc-grid-content-width: 10/12; /* relative to main width */
    }
    
    /* width = 1024 (lg) */
    @media (min-width: 64rem) {
        --uimc-grid-content-width: 8/12;
    }

    /* width = 1280px (xl) */
    @media only screen and (min-width: 80em) {
        --uimc-grid-margin: 3.75rem;
    }
    
    /* width = 1280px (xl) */
    @media only screen and (min-width: 120.0625em) {
        --uimc-grid-max-width: 100rem;
    }

    --uimc-grid-side-width: calc((1 - var(--uimc-grid-content-width, 1)) / 2);
    --uimc-grid-template-columns: [full-start] minmax(var(--uimc-grid-margin, 1rem), auto)
      [main-start]
      minmax(
        0,
        min(
          calc(var(--uimc-grid-side-width) * 100%),
          calc(var(--uimc-grid-max-width, 90rem) * var(--uimc-grid-side-width))
        )
      )
      [content-start]
      minmax(
        0,
        min(
          calc(var(--uimc-grid-content-width, 1) * 100%),
          calc(var(--uimc-grid-max-width, 90rem) * var(--uimc-grid-content-width, 1))
        )
      )
      [content-end]
      minmax(
        0,
        min(
          calc(var(--uimc-grid-side-width) * 100%),
          calc(var(--uimc-grid-max-width, 90rem) * var(--uimc-grid-side-width))
        )
      )
      [main-end] minmax(var(--uimc-grid-margin, 1rem), auto) [full-end];


}
/*** LEVEL: ELEMENTS ***/

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--uimc-font-family-text);
  font-size: var(--uimc-font-size-medium);
  line-height: var(--uimc-line-height-medium);
  font-weight: var(--uimc-font-weight-regular);
  color: var(--uimc-color-text);
}

a {
  text-decoration: underline solid var(--uimc-link-underline-thickness-1) var(--uimc-link-underline-color);
  text-underline-offset: var(--uimc-link-underline-offset);
  color: var(--uimc-interaction-color-text-default);
  font-feature-settings: "liga" off, "clig" off;
  display: inline;
  padding: 0;
}

a:hover {
  text-decoration: underline solid var(--uimc-link-underline-thickness-2) var(--uimc-link-underline-color-hover);
  text-underline-offset: calc(var(--uimc-link-underline-offset) - calc(var(--uimc-link-underline-thickness-2) - var(--uimc-link-underline-thickness-1)));
}

a:focus-visible {
  color: var(--uimc-interaction-color-text-focus);
  outline: none;
  background-color: var(--uimc-interaction-color-background-focus);
  box-shadow: -0.125em 0 0 var(--uimc-interaction-color-background-focus), 0.125em 0 0 0 var(--uimc-interaction-color-background-focus);
  text-decoration: none;
}

p {
  font-size: inherit;
  line-height: inherit;
}

h1 {
  font-size: var(--uimc-font-size-h1);
  line-height: var(--uimc-line-height-h1);
}

h2 {
  font-size: var(--uimc-font-size-h2);
  line-height: var(--uimc-line-height-h2);
}

h3 {
  font-size: var(--uimc-font-size-h3);
  line-height: var(--uimc-line-height-h3);
}

h4 {
  font-size: var(--uimc-font-size-h4);
  line-height: var(--uimc-line-height-h4);
}

h5 {
  font-size: var(--uimc-font-size-h5);
  line-height: var(--uimc-line-height-h5);
}

h6 {
  font-size: var(--uimc-font-size-h6);
  line-height: var(--uimc-line-height-h6);
}

h1,
h2 {
  font-family: var(--uimc-font-family-headline);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--uimc-color-headline);
  font-weight: var(--uimc-font-weight-bold);
}

img, video, picture {
  aspect-ratio: var(--aspect-ratio); /* predefine aspect ratio for images as custom property*/
  display: block;
  max-height: var(--max-height); /* predefine max height for images as custom property */
  max-width: 100%;
  object-fit: cover;
  overflow: hidden;
}

/* Lists */
/* enhance the global style also for the slotted <li> */
ul {
  padding: 0;

  li {
    margin-inline-start: 1rem; /* bullet position */
    padding-inline-start: 2px; /* text position */
    margin-block: var(--uimc-spacing-2); /* gap between items */
  }
}

ui-marcom-list[variant=ordered],
ol {
  padding: 0;
  counter-reset: list;

  li {
    list-style-type: none;
    counter-increment: list;
    margin-inline-start: 0rem; /* bullet position */
    padding-inline-start: calc(var(--uimc-spacing-6) - 1.4rem); /* text position */
    margin-block: var(--uimc-spacing-2); /* gap between items */
  }

  li::before {
    font-size: .875em;
    content: counter(list) ' ';
    display: inline-block;
    text-indent: 0;
    margin-right: var(--uimc-spacing-2);
    width: 1rem;
  }
}

.font-size-xxsmall {
  font-size: var(--uimc-font-size-xxsmall) !important;
  line-height: var(--uimc-line-height-xxsmall) !important;
}

.font-size-xsmall {
  font-size: var(--uimc-font-size-xsmall) !important;
  line-height: var(--uimc-line-height-xsmall) !important;
}

.font-size-small {
  font-size: var(--uimc-font-size-small) !important;
  line-height: var(--uimc-line-height-small) !important;
}

.font-size-medium {
  font-size: var(--uimc-font-size-medium) !important;
  line-height: var(--uimc-line-height-medium) !important;
}

.font-size-large {
  font-size: var(--uimc-font-size-large) !important;
  line-height: var(--uimc-line-height-large) !important;
}

.font-size-xlarge {
  font-size: var(--uimc-font-size-xlarge) !important;
  line-height: var(--uimc-line-height-xlarge) !important;
}

.font-size-xxlarge {
  font-size: var(--uimc-font-size-xxlarge) !important;
  line-height: var(--uimc-line-height-xxlarge) !important;
}

.margin-0 {
  margin: 0 !important;
}

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.container,
.container-fluid {
    width: 100%;
    padding-right: var(--uimc-grid-margin);
    padding-left: var(--uimc-grid-margin);
    margin-right: auto;
    margin-left: auto;
}

.container {
    max-width: calc(var(--uimc-grid-max-width) + var(--uimc-grid-margin) * 2);
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(-0.5 * var(--uimc-grid-gutter-size));
    margin-left: calc(-0.5 * var(--uimc-grid-gutter-size));
}

.row > * {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--uimc-grid-gutter-size) * 0.5);
    padding-left: calc(var(--uimc-grid-gutter-size) * 0.5);
}

.col {
    flex: 1 0 0%;
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.33333333%;
}

.offset-2 {
    margin-left: 16.66666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333333%;
}

.offset-5 {
    margin-left: 41.66666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333333%;
}

.offset-8 {
    margin-left: 66.66666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333333%;
}

.offset-11 {
    margin-left: 91.66666667%;
}

@media (min-width: 36em) {
    .col-sm {
        flex: 1 0 0%;
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333333%;
    }

    .offset-sm-2 {
        margin-left: 16.66666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333333%;
    }

    .offset-sm-5 {
        margin-left: 41.66666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333333%;
    }

    .offset-sm-8 {
        margin-left: 66.66666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333333%;
    }

    .offset-sm-11 {
        margin-left: 91.66666667%;
    }
}

@media (min-width: 48em) {
    .col-md {
        flex: 1 0 0%;
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333333%;
    }

    .offset-md-2 {
        margin-left: 16.66666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333333%;
    }

    .offset-md-5 {
        margin-left: 41.66666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333333%;
    }

    .offset-md-8 {
        margin-left: 66.66666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333333%;
    }

    .offset-md-11 {
        margin-left: 91.66666667%;
    }
}

@media (min-width: 64em) {
    .col-lg {
        flex: 1 0 0%;
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333333%;
    }

    .offset-lg-2 {
        margin-left: 16.66666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333333%;
    }

    .offset-lg-5 {
        margin-left: 41.66666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333333%;
    }

    .offset-lg-8 {
        margin-left: 66.66666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333333%;
    }

    .offset-lg-11 {
        margin-left: 91.66666667%;
    }
}

@media (min-width: 80em) {
    .col-xl {
        flex: 1 0 0%;
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xl-11 {
        margin-left: 91.66666667%;
    }
}

@media (min-width: 100em) {
    .col-xxl {
        flex: 1 0 0%;
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }
}

@media (min-width: 125em) {
    .col-xxxl {
        flex: 1 0 0%;
    }

    .row-cols-xxxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xxxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xxxl-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-xxxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xxxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xxxl-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xxxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xxxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xxxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xxxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xxxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xxxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xxxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xxxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xxxl-0 {
        margin-left: 0;
    }

    .offset-xxxl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xxxl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xxxl-3 {
        margin-left: 25%;
    }

    .offset-xxxl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xxxl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xxxl-6 {
        margin-left: 50%;
    }

    .offset-xxxl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xxxl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xxxl-9 {
        margin-left: 75%;
    }

    .offset-xxxl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xxxl-11 {
        margin-left: 91.66666667%;
    }
}

/*  */

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-grid {
    display: grid !important;
}

.d-inline-grid {
    display: inline-grid !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}
/* SH-Bree-Headline Basic Latin Glyphs and Greek & Cyrillic */
@font-face {
  font-family: "SH Headline";
  src: local("SH-Bree-Headline"), local("SH-Bree-Headline Global"),
    url(/assets/SH-Bree-HeadlineEUR.e33845d6865d8d0fe1ea..woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+020-21b, U+1e0c-203a, U+374-4f3; /* Latin +  Greek & Cyrillic glyphs */
}
@font-face {
  font-family: "SH Headline";
  /* Gets "faux bold" in Safari since local TTF is only available in regular style */
  src: url(/assets/SH-Bree-HeadlineEUR.e33845d6865d8d0fe1ea..woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  unicode-range: U+020-21b, U+1e0c-203a, U+374-4f3; /* Latin +  Greek & Cyrillic glyphs */
}

/* partial support for oblique headlines */
@font-face {
  font-family: "SH Headline";
  /* Chrome doesn´t use the italic style of the local font */
  src: url(/assets/SH-Bree-Headline-Oblique.1ba09db9a7f36df8d2e9..woff2) format("woff2");
  font-weight: normal;
  font-style: italic;
  unicode-range: U+020-07e, U+0A0-17f; /* Basic Latin and Latin Extended-A glyphs */
}
@font-face {
  font-family: "SH Headline";
  /* Chrome doesn´t use the italic style of the local font */
  /* Gets "faux bold" in Safari since local TTF is only available in regular style */
  src: url(/assets/SH-Bree-Headline-Oblique.1ba09db9a7f36df8d2e9..woff2) format("woff2");
  font-weight: bold;
  font-style: italic;
  unicode-range: U+020-07e, U+0A0-17f; /* Basic Latin and Latin Extended-A glyphs */
}

/* SH-Bree-Headline Arabic, Hebrew only */
@font-face {
  font-family: "SH Headline";
  src: local("SH-Bree-Headline Global"),
    url(/assets/SH-Bree-HeadlineME.ed04ccfede386060af96..woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+5af-6f9, U+fc5e-fc63, U+fdf2; /* Arabic, Hebrew glyphs */
}
@font-face {
  font-family: "SH Headline";
  /* local TTF only available as regular */
  src: url(/assets/SH-Bree-HeadlineME.ed04ccfede386060af96..woff2)
      format("woff2");
  font-weight: bold;
  font-style: normal;
  unicode-range: U+5af-6f9, U+fc5e-fc63, U+fdf2; /* Arabic, Hebrew glyphs */
}

/* SH-Bree-Headline Thai only */
@font-face {
  font-family: "SH Headline";
  src: local("SH-Bree-Headline Global"),
    url(/assets/SH-Bree-HeadlineThai.c5ec83b2116cbf03799e..woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+e01-e5b; /* Thai glyphs */
}
@font-face {
  font-family: "SH Headline";
  /* local TTF only available as regular */
  src: url(/assets/SH-Bree-HeadlineThai.c5ec83b2116cbf03799e..woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  unicode-range: U+e01-e5b; /* Thai glyphs */
}

/* Siemens Sans Pro Variable */
@font-face {
  font-family: "Siemens Sans Pro";
  src: local("Siemens Sans Pro"),
    url(/assets/SiemensSansProVF_W_Wght.3c79a612976a4f680215..woff2) format("woff2");
  font-weight: 400 700;
  font-style: normal;
}
@font-face {
  font-family: "Siemens Sans Pro";
  src: local("Siemens Sans Pro Italic"),
    url(/assets/SiemensSansProVF_Italics_W_Wght.f5827c8a47e767f078f3..woff2) format("woff2");
  font-weight: 400 700;
  font-style: italic;
}

@font-face {
  font-family: 'SH Icon';
  src: url(/assets/sh-icons.c69613520a767c3cc1ef..eot);
  src: url(/assets/sh-icons.c69613520a767c3cc1ef..eot#iefix) format('embedded-opentype'),
       url(/assets/sh-icons.d1723365ce0606df7742..woff2) format('woff2'),
       url(/assets/sh-icons.869493081cd52dbd699d..woff) format('woff'),
       url(/assets/sh-icons.d0d8617b26ac28927150..ttf) format('truetype'),
       url(/assets/sh-icons.4b388ca53fc21db17a2a..svg#sh-icons) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'sh-icons';
    src: url('../font/sh-icons.svg?85031010#sh-icons') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "SH Icon";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-slider-drag-drop:before { content: '\e260'; } /* '' */
.icon-user:before { content: '\e800'; } /* '' */
.icon-double-arrow-up:before { content: '\e801'; } /* '' */
.icon-bookmark:before { content: '\e802'; } /* '' */
.icon-arrow-down-small:before { content: '\e803'; } /* '' */
.icon-calendar:before { content: '\e804'; } /* '' */
.icon-menu:before { content: '\e805'; } /* '' */
.icon-arrow-left-small:before { content: '\e806'; } /* '' */
.icon-home:before { content: '\e807'; } /* '' */
.icon-globe:before { content: '\e808'; } /* '' */
.icon-fullscreen:before { content: '\e809'; } /* '' */
.icon-arrow-right-small:before { content: '\e80a'; } /* '' */
.icon-phone:before { content: '\e80b'; } /* '' */
.icon-location-pin:before { content: '\e80c'; } /* '' */
.icon-play:before { content: '\e80d'; } /* '' */
.icon-shopping-cart:before { content: '\e80e'; } /* '' */
.icon-search:before { content: '\e80f'; } /* '' */
.icon-book:before { content: '\e810'; } /* '' */
.icon-share:before { content: '\e811'; } /* '' */
.icon-star:before { content: '\e812'; } /* '' */
.icon-x:before { content: '\e813'; } /* '' */
.icon-document:before { content: '\e814'; } /* '' */
.icon-email:before { content: '\e815'; } /* '' */
.icon-print:before { content: '\e816'; } /* '' */
.icon-close:before { content: '\e817'; } /* '' */
.icon-checkmark:before { content: '\e818'; } /* '' */
.icon-layout-2x2:before { content: '\e819'; } /* '' */
.icon-layout-3x2:before { content: '\e81a'; } /* '' */
.icon-hospital:before { content: '\e81b'; } /* '' */
.icon-arrow-right-large:before { content: '\e81c'; } /* '' */
.icon-arrow-up-large:before { content: '\e81d'; } /* '' */
.icon-arrow-left-large:before { content: '\e81e'; } /* '' */
.icon-arrow-down-large:before { content: '\e81f'; } /* '' */
.icon-layout-list:before { content: '\e820'; } /* '' */
.icon-facebook:before { content: '\e821'; } /* '' */
.icon-linkedin:before { content: '\e822'; } /* '' */
.icon-download:before { content: '\e823'; } /* '' */
.icon-heart:before { content: '\e824'; } /* '' */
.icon-pause:before { content: '\e825'; } /* '' */
.icon-arrow-up-large-light:before { content: '\e826'; } /* '' */
.icon-arrow-right-medium:before { content: '\e827'; } /* '' */
.icon-backward:before { content: '\e828'; } /* '' */
.icon-google:before { content: '\e829'; } /* '' */
.icon-speakers-off:before { content: '\e82a'; } /* '' */
.icon-speakers-on:before { content: '\e82b'; } /* '' */
.icon-upload:before { content: '\e82c'; } /* '' */
.icon-plus:before { content: '\e82d'; } /* '' */
.icon-minus:before { content: '\e82e'; } /* '' */
.icon-bullet-list:before { content: '\e82f'; } /* '' */
.icon-double-arrow-down:before { content: '\e830'; } /* '' */
.icon-log-in:before { content: '\e831'; } /* '' */
.icon-log-out:before { content: '\e832'; } /* '' */
.icon-arrow-left-medium:before { content: '\e833'; } /* '' */
.icon-arrow-exit:before { content: '\e834'; } /* '' */
.icon-information:before { content: '\e835'; } /* '' */
.icon-warning:before { content: '\e836'; } /* '' */
.icon-double-arrow-down-light:before { content: '\e837'; } /* '' */
.icon-equipment-name:before { content: '\e838'; } /* '' */
.icon-close-fullscreen:before { content: '\e839'; } /* '' */
.icon-double-arrow-forward:before { content: '\e83a'; } /* '' */
.icon-hide:before { content: '\e83b'; } /* '' */
.icon-scale-up:before { content: '\e83c'; } /* '' */
.icon-scale-down:before { content: '\e83d'; } /* '' */
.icon-at:before { content: '\e83e'; } /* '' */
.icon-arrow-down-medium:before { content: '\e83f'; } /* '' */
.icon-arrow-up-small:before { content: '\e840'; } /* '' */
.icon-feed:before { content: '\e841'; } /* '' */
.icon-arrow-long-left:before { content: '\e842'; } /* '' */
.icon-comment:before { content: '\e843'; } /* '' */
.icon-text-check:before { content: '\e844'; } /* '' */
.icon-tool:before { content: '\e845'; } /* '' */
.icon-chat:before { content: '\e846'; } /* '' */
.icon-360-degrees:before { content: '\e847'; } /* '' */
.icon-video-hd:before { content: '\e848'; } /* '' */
.icon-skip-backward:before { content: '\e849'; } /* '' */
.icon-skip-forward:before { content: '\e84a'; } /* '' */
.icon-stop:before { content: '\e84b'; } /* '' */
.icon-carousel:before { content: '\e84c'; } /* '' */
.icon-arrow-to-top:before { content: '\e84d'; } /* '' */
.icon-youtube:before { content: '\e84e'; } /* '' */
.icon-arrow-up-medium:before { content: '\e84f'; } /* '' */
.icon-arrow-left-small-light:before { content: '\e850'; } /* '' */
.icon-layout-3x3:before { content: '\e851'; } /* '' */
.icon-instagram:before { content: '\e852'; } /* '' */
.icon-reload:before { content: '\e853'; } /* '' */
.icon-arrow-long-right:before { content: '\e854'; } /* '' */
.icon-bell:before { content: '\e855'; } /* '' */
.icon-dots-ellipsis-vertical:before { content: '\e857'; } /* '' */
.icon-filter:before { content: '\e858'; } /* '' */
.icon-favorite-off:before { content: '\e859'; } /* '' */
.icon-apps:before { content: '\e85a'; } /* '' */
.icon-podcast:before { content: '\e85b'; } /* '' */
.icon-snippet:before { content: '\e85c'; } /* '' */
.icon-arrow-to-top-light:before { content: '\e85d'; } /* '' */
.icon-private:before { content: '\e85e'; } /* '' */
.icon-settings:before { content: '\e85f'; } /* '' */
.icon-qr-bar-code:before { content: '\e860'; } /* '' */
.icon-double-arrow-up-light:before { content: '\e861'; } /* '' */
.icon-arrow-left-medium-light:before { content: '\e862'; } /* '' */
.icon-arrow-down-small-light:before { content: '\e863'; } /* '' */
.icon-arrow-down-medium-light:before { content: '\e864'; } /* '' */
.icon-send-message:before { content: '\e865'; } /* '' */
.icon-question:before { content: '\e866'; } /* '' */
.icon-arrow-up-small-light:before { content: '\e867'; } /* '' */
.icon-movie:before { content: '\e868'; } /* '' */
.icon-show:before { content: '\e869'; } /* '' */
.icon-dots-ellipsis-horizontal:before { content: '\e86a'; } /* '' */
.icon-portfolio:before { content: '\e86b'; } /* '' */
.icon-delete:before { content: '\e86c'; } /* '' */
.icon-department:before { content: '\e86d'; } /* '' */
.icon-arrow-right-medium-light:before { content: '\e86e'; } /* '' */
.icon-start-video-call:before { content: '\e86f'; } /* '' */
.icon-support:before { content: '\e870'; } /* '' */
.icon-id-card:before { content: '\e871'; } /* '' */
.icon-time:before { content: '\e872'; } /* '' */
.icon-duration:before { content: '\e873'; } /* '' */
.icon-arrow-down-large-light:before { content: '\e874'; } /* '' */
.icon-arrow-right-small-light:before { content: '\e875'; } /* '' */
.icon-label:before { content: '\e876'; } /* '' */
.icon-help:before { content: '\e877'; } /* '' */
.icon-arrow-up-medium-light:before { content: '\e878'; } /* '' */
.icon-locked:before { content: '\e879'; } /* '' */
.icon-arrow-right-large-light:before { content: '\e87a'; } /* '' */
.icon-level-up:before { content: '\e87b'; } /* '' */
.icon-edit:before { content: '\e87c'; } /* '' */
.icon-arrow-left-large-light:before { content: '\e87d'; } /* '' */
.icon-calculate:before { content: '\e87e'; } /* '' */
.icon-like:before { content: '\e87f'; } /* '' */
.icon-close-light:before { content: '\e880'; } /* '' */
.icon-ai-generative:before { content: '\e881'; } /* '' */
.icon-accessibility:before { content: '\e882'; } /* '' */

@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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)format("woff");font-weight:400;font-style:normal}.vjs-icon-play{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-play:before{content:""}.vjs-icon-pause{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-pause:before{content:""}.vjs-icon-volume-mute{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-volume-mute:before{content:""}.vjs-icon-volume-low{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-volume-low:before{content:""}.vjs-icon-volume-mid{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-volume-mid:before{content:""}.vjs-icon-volume-high{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-volume-high:before{content:""}.vjs-icon-fullscreen-enter{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-fullscreen-enter:before{content:""}.vjs-icon-fullscreen-exit{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-fullscreen-exit:before{content:""}.vjs-icon-subtitles{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-subtitles:before{content:""}.vjs-icon-captions{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-captions:before{content:""}.vjs-icon-chapters{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-chapters:before{content:""}.vjs-icon-circle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-circle:before{content:""}.vjs-icon-cancel{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-cancel:before{content:""}.vjs-icon-replay{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-replay:before{content:""}.vjs-icon-replay-5{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-replay-5:before{content:""}.vjs-icon-replay-10{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-replay-10:before{content:""}.vjs-icon-replay-30{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-replay-30:before{content:""}.vjs-icon-forward-5{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-forward-5:before{content:""}.vjs-icon-forward-10{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-forward-10:before{content:""}.vjs-icon-forward-30{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-forward-30:before{content:""}.vjs-icon-audio{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-audio:before{content:""}.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-picture-in-picture-enter:before{content:""}.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-picture-in-picture-exit:before{content:""}.vjs-icon-audio-description{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-audio-description:before{content:""}.vjs-svg-icon{fill:currentColor;background-position:50%;background-repeat:no-repeat;width:1.8em;height:1.8em;display:inline-block}.vjs-svg-icon:before{content:none!important}.vjs-control:focus .vjs-svg-icon,.vjs-svg-icon:hover{filter:drop-shadow(0 0 .25em #fff)}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{width:100%;height:100%;position:absolute;top:0;left:0}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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)format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-play-circle:before{content:""}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:""}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:""}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:""}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:""}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:""}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:""}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-style:normal;font-weight:400}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-spinner:before{content:""}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:""}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-hd:before{content:""}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:""}.vjs-icon-downloading{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-downloading:before{content:""}.vjs-icon-file-download{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download:before{content:""}.vjs-icon-file-download-done{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download-done:before{content:""}.vjs-icon-file-download-off{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download-off:before{content:""}.vjs-icon-share{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-cog:before{content:""}.vjs-icon-square{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-square:before{content:""}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-circle-inner-circle:before{content:""}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:""}.vjs-icon-repeat{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-repeat:before{content:""}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:""}.video-js .vjs-skip-backward-5 .vjs-icon-placeholder,.vjs-icon-replay-5{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before,.vjs-icon-replay-5:before{content:""}.video-js .vjs-skip-backward-10 .vjs-icon-placeholder,.vjs-icon-replay-10{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before,.vjs-icon-replay-10:before{content:""}.video-js .vjs-skip-backward-30 .vjs-icon-placeholder,.vjs-icon-replay-30{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before,.vjs-icon-replay-30:before{content:""}.video-js .vjs-skip-forward-5 .vjs-icon-placeholder,.vjs-icon-forward-5{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before,.vjs-icon-forward-5:before{content:""}.video-js .vjs-skip-forward-10 .vjs-icon-placeholder,.vjs-icon-forward-10{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before,.vjs-icon-forward-10:before{content:""}.video-js .vjs-skip-forward-30 .vjs-icon-placeholder,.vjs-icon-forward-30{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before,.vjs-icon-forward-30:before{content:""}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:""}.vjs-icon-next-item{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-next-item:before{content:""}.vjs-icon-previous-item{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-previous-item:before{content:""}.vjs-icon-shuffle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-shuffle:before{content:""}.vjs-icon-cast{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-cast:before{content:""}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:""}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-style:normal;font-weight:400}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-facebook:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-pinterest:before{content:""}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:""}.video-js{vertical-align:top;box-sizing:border-box;color:#fff;word-break:initial;background-color:#000;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:1;display:inline-block;position:relative}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;list-style-position:outside}.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{width:100%;max-width:100%}.video-js.vjs-1-1:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-fluid:not(.vjs-audio-only-mode){height:0}.video-js.vjs-16-9:not(.vjs-audio-only-mode){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio-only-mode){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio-only-mode){padding-top:177.778%}.video-js.vjs-1-1:not(.vjs-audio-only-mode){padding-top:100%}.video-js.vjs-fill:not(.vjs-audio-only-mode){width:100%;height:100%}.video-js .vjs-tech{width:100%;height:100%;position:absolute;top:0;left:0}.video-js.vjs-audio-only-mode .vjs-tech{display:none}body.vjs-full-window,body.vjs-pip-window{height:100%;margin:0;padding:0}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{z-index:1000;position:fixed;inset:0;overflow:hidden}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{display:block;width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{text-align:center;background-color:#000000b3;width:100%;padding:.5em;font-size:2em;position:absolute;bottom:10%}.vjs-layout-small.vjs-pip-container .vjs-pip-text,.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text{font-size:1.4em;bottom:0}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{width:1px;height:1px;position:absolute;top:0;left:-9999px}.vjs-lock-showing{opacity:1!important;visibility:visible!important;display:block!important}.vjs-no-js{color:#fff;text-align:center;background-color:#000;width:300px;height:150px;margin:0 auto;padding:20px;font-family:Arial,Helvetica,sans-serif;font-size:18px}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{cursor:pointer;opacity:1;background-color:#2b333fb3;border:.06666em solid #fff;border-radius:.3em;width:3em;height:1.63332em;margin-top:-.81666em;margin-left:-1.5em;padding:0;font-size:3em;line-height:1.5em;transition:all .4s;display:block;position:absolute;top:50%;left:50%}.vjs-big-play-button .vjs-svg-icon{width:1em;height:1em;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{background-color:#73859f80;border-color:#fff;transition:all}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button{display:block}.video-js button{color:inherit;font-size:inherit;line-height:inherit;text-transform:none;appearance:none;background:0 0;border:none;text-decoration:none;transition:none;display:inline-block}.video-js.vjs-spatial-navigation-enabled .vjs-button:focus{box-shadow:none;outline:.0625em solid #fff}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;z-index:2;height:3em;position:absolute;top:.5em;right:0}.video-js .vjs-modal-dialog{background:linear-gradient(#000c,#fff0);overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{z-index:1;padding:20px 24px;font-size:1.2em;line-height:1.5}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;display:block;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{text-align:center;text-transform:lowercase;justify-content:center;margin:0;padding:.2em 0;font-size:1.2em;line-height:1.4em;list-style:none;display:flex}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f80}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{color:#2b333f;background-color:#fff}.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon,.vjs-menu li.vjs-selected .vjs-svg-icon,.vjs-menu li.vjs-selected:focus .vjs-svg-icon,.vjs-menu li.vjs-selected:hover .vjs-svg-icon{fill:#000}.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:0 0}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;cursor:default;margin:0 0 .3em;padding:0;font-size:1em;font-weight:700;line-height:2em}.vjs-menu-button-popup .vjs-menu{border-top-color:#2b333fb3;width:10em;height:0;margin-bottom:1.5em;display:none;position:absolute;bottom:0;left:-3em}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:unset;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333fb3;width:100%;max-height:15em;position:absolute;bottom:1.5em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.22222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;width:auto;height:100%;margin:0;padding:0;transition:all .4s;position:absolute;top:0;left:4em}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{opacity:1;display:block}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{background-color:#2b333fb3;width:100%;height:3em;display:none;position:absolute;bottom:0;left:0;right:0}.video-js.vjs-spatial-navigation-enabled .vjs-control-bar{gap:1px}.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing{display:flex!important}.vjs-audio-only-mode .vjs-control-bar,.vjs-has-started .vjs-control-bar{visibility:visible;opacity:1;transition:visibility .1s,opacity .1s;display:flex}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.video-js .vjs-control{text-align:center;flex:none;width:4em;height:100%;margin:0;padding:0;position:relative}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js :not(.vjs-visible-text)>.vjs-control-text{clip:rect(0 0 0 0);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;touch-action:none;flex:auto;align-items:center;min-width:4em;display:flex}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{align-items:center;display:flex}.video-js .vjs-progress-holder{flex:auto;height:.3em;transition:all .2s}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder{font-size:1.66667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{width:0;height:100%;margin:0;padding:0;display:block;position:absolute}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{z-index:1;font-size:.9em;line-height:.35em;position:absolute;right:-.5em}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none!important}.vjs-play-progress .vjs-svg-icon{pointer-events:none;z-index:1;width:.9em;height:.9em;line-height:.15em;position:absolute;top:-.35em;right:-.4em}.video-js .vjs-load-progress{background:#73859f80}.video-js .vjs-load-progress div{background:#73859fbf}.video-js .vjs-time-tooltip{color:#000;float:right;pointer-events:none;visibility:hidden;z-index:1;background-color:#fffc;border-radius:.3em;padding:6px 8px 8px;font-family:Arial,Helvetica,sans-serif;font-size:1em;position:absolute;top:-3.4em}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip{visibility:visible;font-size:.6em;display:block}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{z-index:1;background-color:#000;width:1px;height:100%;display:none;position:absolute}.video-js .vjs-progress-control:hover .vjs-mouse-display,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display{display:block}.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000c}.video-js .vjs-slider{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#73859f80;margin:0 .45em;padding:0;position:relative}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus{outline:.0625em solid #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;transition:visibility .1s,opacity .1s,height .1s,width .1s,left,top;position:relative}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{transition:left;left:-3.5em}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{width:3em;height:8em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;left:-3000em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{background-color:#fff;position:absolute;bottom:0;left:0}.video-js .vjs-volume-level:before{z-index:1;font-size:.9em;position:absolute}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{z-index:1;top:-.5em;left:-.3em}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{pointer-events:none;z-index:1;width:.9em;height:.9em;position:absolute}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{right:-.3em;transform:translateY(-50%)}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-.55em;transform:translate(-50%)}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{background-color:#2b333fb3;width:3em;height:8em;bottom:8em}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{color:#000;float:right;pointer-events:none;visibility:hidden;z-index:1;background-color:#fffc;border-radius:.3em;padding:6px 8px 8px;font-family:Arial,Helvetica,sans-serif;font-size:1em;position:absolute;top:-3.4em}.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-volume-tooltip{visibility:visible;font-size:1em;display:block}.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip{top:-12px;left:1em}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{z-index:1;background-color:#000;width:100%;height:1px;display:none;position:absolute}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000c}.vjs-poster{vertical-align:middle;cursor:pointer;height:100%;margin:0;padding:0;display:inline-block;position:absolute;inset:0}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{object-fit:contain;width:100%;height:100%}.video-js .vjs-live-control{flex:auto;align-items:flex-start;font-size:1em;line-height:3em;display:flex}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{cursor:pointer;flex:none;align-items:center;width:auto;min-width:4em;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;display:inline-flex}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{color:#888;margin-right:.5em}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{pointer-events:none;fill:#888;width:1em;height:1em}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;width:auto;min-width:2em;padding-left:1em;padding-right:1em;font-size:1em;line-height:3em}.video-js .vjs-current-time,.video-js .vjs-duration,.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider{display:none}.vjs-time-divider{line-height:3em;display:none}.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control{display:flex}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{pointer-events:none;position:absolute;inset:0 0 3em}.vjs-error .vjs-text-track-display{display:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{text-align:center;margin-bottom:.1em;font-size:1.4em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js.vjs-force-center-align-cues .vjs-text-track-cue{text-align:center!important;width:80%!important}@supports not (inset:10px){.video-js .vjs-text-track-display>div{inset:0}}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-fullscreen-control,.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{width:100%;height:100%;position:absolute;top:0;left:0}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;text-align:center;font-size:1.5em;line-height:2}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{text-align:center;font-size:1.4em}.vjs-loading-spinner{opacity:.85;text-align:left;box-sizing:border-box;visibility:hidden;background-clip:padding-box;border:.6em solid #2b333fb3;border-radius:50%;width:5em;height:5em;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{justify-content:center;align-items:center;animation:0s linear .3s forwards vjs-spinner-show;display:flex}.vjs-error .vjs-loading-spinner{display:none}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:#fff #0000 #0000;position:absolute}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{animation:1.1s cubic-bezier(.6,.2,0,.8) infinite vjs-spinner-spin,1.1s linear infinite vjs-spinner-fade}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{to{transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}to{border-top-color:#73859f}}.video-js.vjs-audio-only-mode .vjs-captions-button{display:none}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-audio-only-mode .vjs-descriptions-button{display:none}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{width:1.5em;height:1.5em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;margin-bottom:-.1em;display:inline-block}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{content:"";font-family:VideoJS;font-size:1.5em;line-height:inherit}.video-js.vjs-audio-only-mode .vjs-subs-caps-button{display:none}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;margin-bottom:-.1em;display:inline-block}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{content:" ";font-family:VideoJS;font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js.vjs-layout-tiny .vjs-progress-control,.video-js.vjs-layout-x-small .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.vjs-modal-dialog.vjs-text-track-settings{color:#fff;background-color:#2b333fbf;height:70%}.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings{height:80%}.vjs-error .vjs-text-track-settings{display:none}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{grid-template-rows:1fr;grid-template-columns:1fr 1fr;padding:20px 24px 0;display:grid}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-bottom:.5em;margin-right:1em}.vjs-text-track-settings fieldset{border:none;margin:10px}.vjs-text-track-settings fieldset span{padding:0 .6em .8em;display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;font-size:1.2em;font-weight:700}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{background-image:linear-gradient(#73859f 0%,#fff 12%);outline-width:medium;outline-style:solid}.vjs-track-settings-controls button:hover{color:#2b333fbf}.vjs-track-settings-controls button{color:#2b333f;cursor:pointer;background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{pointer-events:none;background:linear-gradient(#000000e6 0,#000000b3 60%,#0000 100%);width:100%;padding:.666em 1.333em 4em;font-size:1.2em;line-height:1.5;transition:opacity .1s;position:absolute;top:0}.vjs-error .vjs-title-bar{display:none}.vjs-title-bar-description,.vjs-title-bar-title{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.vjs-title-bar-title{margin-bottom:.333em;font-weight:700}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-forward-5,.video-js .vjs-skip-forward-10,.video-js .vjs-skip-forward-30,.video-js .vjs-skip-backward-5,.video-js .vjs-skip-backward-10,.video-js .vjs-skip-backward-30{cursor:pointer}.video-js .vjs-transient-button{cursor:pointer;opacity:1;background-color:#32323280;justify-content:center;align-items:center;height:3em;transition:opacity 1s;display:flex;position:absolute}.video-js:not(.vjs-has-started) .vjs-transient-button{display:none}.video-js.not-hover .vjs-transient-button:not(.force-display),.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display){opacity:0}.video-js .vjs-transient-button span{padding:0 .5em}.video-js .vjs-transient-button.vjs-left{left:1em}.video-js .vjs-transient-button.vjs-right{right:1em}.video-js .vjs-transient-button.vjs-top{top:1em}.video-js .vjs-transient-button.vjs-near-top{top:4em}.video-js .vjs-transient-button.vjs-bottom{bottom:4em}.video-js .vjs-transient-button:hover{background-color:#323232e6}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{z-index:-1000;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.js-focus-visible .video-js :focus:not(.focus-visible),.video-js :focus:not(:focus-visible){outline:0}:root{display:block}body{margin:0}img{max-width:100%;height:auto}.shs-video{-webkit-user-select:none;user-select:none;font-family:Siemens Sans,SH-Bree-Text,Open Sans,Roboto,Droid Sans,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.shs-video:hover .vjs-big-play-button{background-color:#ec6602}.shs-video .display-none{display:none!important}.shs-video.vjs-fluid{padding-top:56.25%}.shs-video .vjs-control-bar{z-index:2;background-color:#0000;align-items:center;height:5em;padding:10px}.shs-video .vjs-control-bar:before{content:"";opacity:.6;background-image:linear-gradient(#0000,#000);position:absolute;inset:0}.shs-video .vjs-menu-button.vjs-menu-button-popup{top:0}.shs-video .vjs-menu-button.vjs-menu-button-popup .vjs-button{font-size:1em;line-height:3em}.shs-video .vjs-menu-button.vjs-menu-button-popup .vjs-menu-content{z-index:2;bottom:16px}.shs-video .vjs-playback-rate .vjs-menu{left:-4em}.shs-video .vjs-time-control,.shs-video .vjs-time-divider,.shs-video .vjs-quality-selector .vjs-menu-button.vjs-menu-button-popup.vjs-button,.shs-video .vjs-seek-to-live-text{font-size:14px;font-weight:700;line-height:2.1;display:block}.shs-video .vjs-time-divider{z-index:1;min-width:0;padding:0}.shs-video .vjs-remaining-time{display:none}.shs-video .vjs-progress-control.vjs-control{width:100%;height:1px;transition:height .25s,top .25s;position:absolute;top:0;left:0;right:0}.shs-video .vjs-progress-control.vjs-control:hover{height:4px;top:-4px}.shs-video .vjs-progress-control.vjs-control .vjs-progress-holder,.shs-video .vjs-progress-control.vjs-control .vjs-slider{height:100%;margin:0}.shs-video .vjs-big-play-button{background-color:#00000073;border:none;border-radius:50%;width:2em;height:2em;margin-top:-1em;margin-left:-1em;font-size:3.5em;line-height:2em}.shs-video .vjs-menu-button-popup .vjs-menu{left:-12em}.shs-video .vjs-menu-button-popup .vjs-menu-content{background-color:#0000;width:12em;max-height:25em;bottom:1.5em}.shs-video .vjs-menu-button-popup .vjs-menu-item,.shs-video .vjs-menu-button-popup .vjs-menu-title{background-color:#151b17;border-radius:3px;margin:3px 0;padding:6px}.shs-video .vjs-menu-button-popup .vjs-menu-item:hover,.shs-video .vjs-menu-button-popup .vjs-menu-item:focus,.shs-video .vjs-menu-button-popup .vjs-menu-item:active,.shs-video .vjs-menu-button-popup .vjs-menu-title:hover,.shs-video .vjs-menu-button-popup .vjs-menu-title:focus,.shs-video .vjs-menu-button-popup .vjs-menu-title:active,.shs-video .vjs-menu-button-popup .vjs-menu-item.vjs-selected,.shs-video .vjs-menu-button-popup .vjs-menu-title.vjs-selected{color:#fff;background-color:#ec6602}.shs-video .vjs-play-progress{background-color:#ec6602}.shs-video .vjs-play-progress:before{content:"";color:#ec6602;z-index:3;background-color:#ec6602;border-radius:100px;width:20px;height:20px;top:50%;right:-10px;transform:translateY(-50%)}.shs-video .vjs-play-progress .vjs-time-tooltip{padding:6px 8px}.shs-video .vjs-custom-control-spacer{flex:auto;display:block}.shs-video .vjs-menu-button-popup .vjs-menu{z-index:3}.shs-video .vjs-menu-button-popup .vjs-menu-title{color:#000;text-align:left;background-color:#fff;border-bottom:1px solid #000;margin:0;padding:15px;font-size:16px;font-weight:700;line-height:1.56}.shs-video .vjs-menu-button-popup .vjs-menu-title:hover{color:#000;background-color:#fff}.shs-video .vjs-menu-button-popup .vjs-menu-content{background-color:#fff;border-radius:4px;width:250px;height:auto;max-height:300px}.shs-video .vjs-menu-button-popup .vjs-menu-content:before{content:"";background-color:#fff;width:10px;height:10px;position:absolute;bottom:0}.shs-video .vjs-menu-button-popup .vjs-menu-item{text-align:left;background-color:#fff;border-radius:0;margin:0;padding:10px 15px}.shs-video .vjs-menu-button-popup .vjs-menu-item-text{color:#000;font-size:16px;line-height:1.56}.shs-video .vjs-menu-button-popup .vjs-menu-item.vjs-selected{background-color:#ec6602}.shs-video .vjs-menu-button-popup .vjs-menu-item.vjs-selected .vjs-menu-item-text{color:#fff}.shs-video .vjs-menu-button-popup .vjs-menu-item.vjs-texttrack-settings{font-weight:700}.shs-video .vjs-menu-button-popup .vjs-menu-item.vjs-texttrack-settings:hover{background-color:#fff}.shs-video .vjs-menu-button-popup .vjs-menu-item.vjs-texttrack-settings:hover .vjs-menu-item-text{color:#000}.shs-video .vjs-menu-button-popup .vjs-menu-item:hover{background-color:#ec6602}.shs-video .vjs-menu-button-popup .vjs-menu-item:hover .vjs-menu-item-text{color:#fff}@media screen and (width<=62em){.shs-video .vjs-menu-button-popup .vjs-menu-content{width:200px;max-height:210px}.shs-video .vjs-menu-button-popup .vjs-menu-title,.shs-video .vjs-menu-button-popup .vjs-menu-item-text{font-size:12px;line-height:1}}.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item{color:#000;background-color:#fff}.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item .vjs-menu-item-text{color:#000}.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item:hover,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item:active,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item:focus-visible,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item.vjs-selected,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item.vjs-selected:hover,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item.vjs-selected:active,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item.vjs-selected:focus-visible,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item:focus:not(:focus-visible):hover,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item:focus:not(:focus-visible):active{color:#fff;background-color:#ec6602}.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item:hover .vjs-menu-item-text,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item:active .vjs-menu-item-text,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item:focus-visible .vjs-menu-item-text,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item.vjs-selected .vjs-menu-item-text,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item.vjs-selected:hover .vjs-menu-item-text,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item.vjs-selected:active .vjs-menu-item-text,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item.vjs-selected:focus-visible .vjs-menu-item-text,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item:focus:not(:focus-visible):hover .vjs-menu-item-text,.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item:focus:not(:focus-visible):active .vjs-menu-item-text{color:#fff}.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item:focus:not(:focus-visible):not(:hover):not(.vjs-selected){color:#000;background-color:#fff}.shs-video .vjs-quality-selector .vjs-menu .vjs-menu-item:focus:not(:focus-visible):not(:hover):not(.vjs-selected) .vjs-menu-item-text{color:#000}.shs-video .vjs-live-badge{color:#fff;background-color:#d9001d;border-radius:4px;padding:5px 10px 5px 34px;font-size:16px;line-height:1.88;position:absolute;top:20px;right:20px}@keyframes live-animation{to{opacity:.7}}.shs-video .vjs-live-badge:before{content:"";background-color:#fff;border-radius:100px;width:13px;height:13px;animation:1s infinite alternate live-animation;position:absolute;top:50%;left:14px;transform:translateY(-50%)}@media screen and (width<=62em){.shs-video .vjs-live-badge{padding:5px 10px 5px 24px;font-size:12px;line-height:1.7;top:10px;right:10px}.shs-video .vjs-live-badge:before{width:7px;height:7px;left:10px}}.shs-video.vjs-live .vjs-time-control{display:none}.shs-video .vjs-chapter-mark{z-index:2;background-color:#73859f;border-radius:100px;width:7px;height:7px;position:absolute;top:50%;transform:translateY(-50%)}.shs-video .vjs-chapter-mark.is-active{background-color:#ec6602}.shs-video .vjs-chapter-mark__tooltip{color:#000;white-space:nowrap;background-color:#fff;border-radius:4px;width:fit-content;padding:12px;font-size:16px;display:none;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.shs-video .vjs-chapter-mark__tooltip.is-active{display:block}.shs-video .vjs-chapter-mark__tooltip:after{content:"";background-color:#fff;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.shs-video .vjs-chapter-mark__tooltip.fit-left{left:-12px;transform:translate(0)}.shs-video .vjs-chapter-mark__tooltip.fit-left:after{left:10px;transform:translate(0)rotate(45deg)}.shs-video .vjs-chapter-mark__tooltip.fit-right{left:unset;right:-12px;transform:translate(0)}.shs-video .vjs-chapter-mark__tooltip.fit-right:after{left:unset;right:10px;transform:translate(0)rotate(45deg)}.shs-video .vjs-unmute-button{z-index:1;color:#fff;background-color:#373737;border-radius:20px;width:auto;height:auto;padding:5px 20px 5px 45px;font-size:16px;line-height:1.88;display:none;position:absolute;top:20px;left:20px}.shs-video .vjs-unmute-button .vjs-icon-placeholder{font-size:inherit;width:16px;height:16px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.shs-video .vjs-unmute-button .vjs-icon-placeholder:before{font-size:inherit;line-height:1}@media screen and (width<=62em){.shs-video .vjs-unmute-button{padding:5px 10px 5px 25px;font-size:12px;line-height:1.7;top:10px;left:10px}.shs-video .vjs-unmute-button .vjs-icon-placeholder{width:12px;height:12px;left:10px}}.shs-video.vjs-has-started .vjs-unmute-button{display:block}.shs-video .vjs-related-container{flex-direction:column;display:flex;position:absolute;bottom:60px;right:40px}.shs-video .vjs-related-container .vjs-related__close-all{cursor:pointer;text-align:end;z-index:1;padding-right:0;font-size:16px}.shs-video .vjs-related-container .vjs-related__close-all span{margin-left:5px}.shs-video .vjs-related-container .vjs-related__item{--related-spacing:20px;min-width:200px;max-width:370px;padding:var(--related-spacing);color:#000;background-color:#fff;border-radius:4px;margin-top:8px;font-size:16px;position:relative}.shs-video .vjs-related-container .vjs-related__item--content{color:inherit;align-items:center;text-decoration:none;display:flex}.shs-video .vjs-related-container .vjs-related__item--content:not(:first-child){margin-top:8px}.shs-video .vjs-related-container .vjs-related__item--content:hover .vjs-related__item--button{color:#fff;background-color:#ec6602;border-color:#ec6602}.shs-video .vjs-related-container .vjs-related__item--image{margin-right:var(--related-spacing);border-radius:4px;flex-shrink:0;width:75px}.shs-video .vjs-related-container .vjs-related__item--title{text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:60px;margin:0;font-weight:700;line-height:20px;display:-webkit-box;overflow:hidden}.shs-video .vjs-related-container .vjs-related__item--button{width:40px;height:40px;margin-left:var(--related-spacing);color:#000;border:1px solid #b3b3b3;border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.shs-video .vjs-related-container .vjs-related__item--close{cursor:pointer;padding:0;position:absolute;top:5px;right:5px}@media screen and (width<=62em){.shs-video .vjs-related-container{right:10px}.shs-video .vjs-related-container .vjs-related__item{--related-spacing:10px;max-width:250px}.shs-video .vjs-related-container .vjs-related__item--image{width:40px}.shs-video .vjs-related-container .vjs-related__item--title{-webkit-line-clamp:2;height:40px;font-size:14px;line-height:20px}.shs-video .vjs-related-container .vjs-related__item--button{width:30px;height:30px}.shs-video .vjs-related-container .vjs-related__item--close{top:2px;right:2px}}.shs-video .vjs-custom-error{background:#000000d9;justify-content:center;align-items:center;display:flex}.shs-video .vjs-custom-error .vjs-modal-dialog-content{color:#fff;text-align:center;max-width:80%;padding:2em;font-size:1rem}.shs-video .vjs-custom-error .vjs-modal-dialog-description,.shs-video .vjs-custom-error .vjs-close-button{display:none}
/*$vite$:1*/
/* Patches video.js's own classes, which no component of this library renders. */

/* Host design systems style every class containing "icon"; keep video.js's. */
[class*="vjs-icon"]::before {
  font-family: "VideoJS" !important;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  line-height: inherit;
}

/* Emulated fullscreen (native drops captions and chapters on iOS) must cover all. */
body.vjs-full-window .video-js.vjs-fullscreen {
  z-index: 2147483647 !important;
}

/* The bundle grows and lifts the hover area itself, so the pointer drops off it and it flickers. */
.shs-video .vjs-progress-control.vjs-control,
.shs-video .vjs-progress-control.vjs-control:hover {
  height: 16px;
  top: -16px;
}

.shs-video .vjs-progress-control.vjs-control .vjs-progress-holder {
  top: 8px;
  height: 1px;
}

.shs-video .vjs-progress-control.vjs-control:hover .vjs-progress-holder {
  height: 4px;
}

/*
 * The two stylesheets the video.js player needs. Everything this library
 * renders itself is styled through style objects next to its components.
 *
 *     @import "shs-cms-shared/src/assets/sharedVideo.css";
 */

.vjs-text-track-cue div {
  background-color: rgba(0, 0, 0, 0.75) !important;
  font-family: var(--uimc-font-family-text) !important;
  color: var(--uimc-color-white) !important;
}

[data-ste-isbackgroundvideo="true"] .vjs-control-bar {
  display: none;
}

[data-ste-isbackgroundvideo="true"] .video-js {
  pointer-events: none;
}

/* Element defaults the UIMC3 vendor shipped and UIMC4 does not. img, li, headings and
   buttons keep their UIMC4 defaults on purpose.

   Scrivito wraps every html attribute in <p>; containers that must not carry the
   trailing margin opt out in their own css. */

p {
  margin-top: 0;
  margin-bottom: var(--uimc-spacing-7);
}

/* Opt-out from the paragraph margin above: labels, headlines and cells that wrap a
   single rich text attribute in a <p> and must not carry the trailing gap. */
.content-tag p {
  margin: 0;
  font-family: inherit;
}

/* These rich text containers used to be <p> themselves and drew their trailing gap
   from the paragraph rule above. They are <div> now because an html attribute already
   ships its own <p> and <p> inside <p> is invalid markup the parser tears apart.
   :where() keeps the gap at zero specificity, so the card exception below still wins
   over it exactly like it won over the element rule before. */
:where(.content-card__description, .survey__description) {
  margin-block-end: var(--uimc-spacing-7);
}

/* UIMCCard does this via ::slotted, which the document-level p rule above beats */
ui-marcom-card > *:last-child {
  margin-block-end: 0;
}

figcaption {
  padding: var(--uimc-spacing-1) 0;
  color: var(--uimc-color-black-60);
  font-size: var(--uimc-font-size-xsmall);
  line-height: var(--uimc-line-height-xsmall);
  text-align: left;
}

@media (min-width: 36em) {
  figcaption {
    padding: var(--uimc-spacing-2) 0;
  }
}

sup,
sub {
  position: relative;
  vertical-align: baseline;
  top: -0.4em;
}

sub {
  top: 0.4em;
}

/* The rich text containers, formerly marked with .wysiwyg. blockquote/cite are ported
   from the UIMC3 vendor; link rendering stays UIMC standard. */
.alert__title,
.cmp-consent__label,
.content-card__description,
.content-section-widget__subheadline,
.hotspots__item,
.images-text__description,
.my-favourites-page__empty-state-description,
.my-favourites-page__shared-state-description,
.slide__description,
.survey__checkbox-option-label,
.survey__confirmation-text,
.table-widget__description,
.table-widget__scroll,
.text-and-media__description {
  blockquote {
    margin: 0 0 var(--uimc-spacing-7);
    padding: 0;
    border: none;
    font-size: var(--uimc-font-size-xlarge);
    line-height: var(--uimc-line-height-xlarge);
    font-style: italic;
    text-align: center;
  }

  cite {
    display: block;
    margin-top: var(--uimc-spacing-3);
    color: var(--uimc-color-black-30);
    font-size: var(--uimc-font-size-xsmall);
    line-height: var(--uimc-line-height-xsmall);
    font-style: normal;
    text-align: center;
  }

  @media (min-width: 48em) {
    blockquote,
    cite {
      text-align: left;
    }
  }
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.non-editable-content {
  position: relative;
  overflow: hidden;
}

.non-editable-content-tint {
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 111;
}

iframe#webpack-dev-server-client-overlay {
  display: none !important;
}