@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: 1;
  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__panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--uimc-spacing-4);
}

.inpage-navigation__nav {
  overflow: hidden;
  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-6);
  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: -50%;
  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;
}

.vjs-marker {
  position: absolute;
  opacity: 0.6;
  height: 100%;
  background-color: var(--uimc-color-black);
  width: 0.111rem;
}

.vjs-time-tooltip {
  top: unset !important;
  bottom: 1.5rem;
}

.vjs-mouse-display .vjs-time-tooltip {
  display: none !important;
}

.vjs-mouse-display .vjs-time-tooltip--custom {
  display: block !important;
  transform: translateX(-50%);
  white-space: nowrap;
}

.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;
}

/* background video: hide the control bar and disable pointer events */
.brightcove-bg-video .video-js .vjs-control-bar {
  display: none;
}

.brightcove-bg-video .video-js {
  pointer-events: none;
}

.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'; } /* '' */

@charset "UTF-8";
.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 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.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,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==)
    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-weight: 400;
  font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  content: "\f101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
  content: "\f103";
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: "\f104";
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
  content: "\f105";
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
  content: "\f106";
}
.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
  content: "\f107";
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
  content: "\f108";
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
  content: "\f109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}
.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-weight: 400;
  font-style: normal;
}
.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: "\f10c";
}
.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-weight: 400;
  font-style: normal;
}
.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: "\f10d";
}
.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
  content: "\f10e";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}
.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-weight: 400;
  font-style: normal;
}
.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: "\f111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
  content: "\f115";
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
  content: "\f116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
  content: "\f11d";
}
.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
  content: "\f11e";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
  content: "\f121";
}
.video-js.vjs-picture-in-picture
  .vjs-picture-in-picture-control
  .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js.vjs-picture-in-picture
  .vjs-picture-in-picture-control
  .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
  content: "\f122";
}
.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.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;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.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%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-9-16 {
  padding-top: 177.7777777778%;
}
.video-js.vjs-1-1 {
  padding-top: 100%;
}
.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}
.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
  .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: 0 0;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.8),
    rgba(255, 255, 255, 0)
  );
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.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 {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  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 {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
}
.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: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.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 {
  background-color: #fff;
  color: #2b333f;
}
.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;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: 700;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.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 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  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.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
  display: 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 .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}
.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 {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.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 {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex
  .vjs-progress-control
  .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.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-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;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s,
    top 0s;
}
.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 {
  left: -3.5em;
  transition: left 0s;
}
.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 0.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 {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s,
    top 1s 1s;
}
.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-no-flex
  .vjs-volume-panel
  .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex
  .vjs-volume-panel
  .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.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 {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js
  .vjs-volume-control:hover
  .vjs-progress-holder:focus
  .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}
.video-js
  .vjs-volume-vertical:hover
  .vjs-progress-holder:focus
  .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0;
}
.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;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.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 {
  margin-right: 0.5em;
  color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control {
  display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.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-user-inactive.vjs-playing
  video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate > .vjs-menu-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8)
      infinite,
    vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
    vjs-spinner-fade 1.1s linear infinite;
}
.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;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-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;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js
  .vjs-subs-caps-button
  + .vjs-menu
  .vjs-captions-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js
  .vjs-subs-caps-button
  + .vjs-menu
  .vjs-captions-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js
  .vjs-audio-button
  + .vjs-menu
  .vjs-main-desc-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js
  .vjs-audio-button
  + .vjs-menu
  .vjs-main-desc-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-small .vjs-audio-button,
.video-js.vjs-layout-small .vjs-captions-button,
.video-js.vjs-layout-small .vjs-chapters-button,
.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-descriptions-button,
.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-subtitles-button,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-audio-button,
.video-js.vjs-layout-tiny .vjs-captions-button,
.video-js.vjs-layout-tiny .vjs-chapters-button,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-descriptions-button,
.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-subtitles-button,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-audio-button,
.video-js.vjs-layout-x-small .vjs-captions-button,
.video-js.vjs-layout-x-small .vjs-chapters-button,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-descriptions-button,
.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-subtitles-button,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-volume-control {
  display: none !important;
}
.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-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-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-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
  display: none;
}
.video-js.vjs-layout-tiny .vjs-custom-control-spacer,
.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,
.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js.vjs-layout-tiny .vjs-progress-control,
.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control {
  display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.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 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0 24px;
  }
  .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-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > :not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js :focus:not(.focus-visible) {
  outline: 0;
}
.video-js :focus:not(:focus-visible) {
  outline: 0;
}
:root {
  display: block;
}
body {
  margin: 0;
}
img {
  max-width: 100%;
  height: auto;
}
.shs-video {
  overflow: hidden;
  user-select: none;
  font-family: "Siemens Sans", "SH-Bree-Text", "Open Sans", "Roboto",
    "Droid Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
}
.shs-video:hover .vjs-big-play-button {
  background-color: #ec6602;
}
.shs-video.vjs-has-started.vjs-user-active .vjs-seek-button {
  opacity: 1;
}
.shs-video .display-none {
  display: none !important;
}
.shs-video.vjs-fluid {
  padding-top: 56.25%;
}
.shs-video .vjs-control-bar {
  padding: 10px;
  align-items: center;
  height: 5em;
  background-color: transparent;
  z-index: 2;
}
.shs-video .vjs-control-bar::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.6;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}
.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: 20px;
}
.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 {
  display: block;
  font-size: 14px;
  line-height: 2.1;
  font-weight: 700;
}
.shs-video .vjs-time-divider {
  padding: 0;
  min-width: 0;
  z-index: 1;
}
.shs-video .vjs-remaining-time {
  display: none;
}
.shs-video .vjs-progress-control.vjs-control {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 16px;
  top: -16px;
  width: 100%;
  transition: height 250ms, top 250ms;
}
.shs-video .vjs-progress-control.vjs-control:hover .vjs-progress-holder,
.shs-video .vjs-progress-control.vjs-control:hover .vjs-slider {
  height: 4px;
}
.shs-video .vjs-progress-control.vjs-control .vjs-progress-holder,
.shs-video .vjs-progress-control.vjs-control .vjs-slider {
  height: 1px;
  top: 8px;
  margin: 0;
}
.shs-video .vjs-big-play-button {
  margin-left: -1em;
  margin-top: -1em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  border: none;
  border-radius: 50%;
  background-color: #00000073;
  font-size: 3.5em;
}
.shs-video .vjs-menu-button-popup .vjs-menu {
  left: -12em;
  margin-bottom: 10px;
}
.shs-video .vjs-menu-button-popup .vjs-menu-content {
  background-color: transparent;
  max-height: 25em;
  bottom: 1.5em;
  width: 12em;
}
.shs-video .vjs-menu-button-popup .vjs-menu-item,
.shs-video .vjs-menu-button-popup .vjs-menu-title {
  background-color: #151b17;
  margin: 3px 0;
  padding: 6px;
  border-radius: 3px;
}
.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 {
  background-color: #ec6602;
  color: #ffffff;
}
.shs-video .vjs-menu-button-popup .vjs-menu-item.vjs-selected,
.shs-video .vjs-menu-button-popup .vjs-menu-title.vjs-selected {
  background-color: #ec6602;
  color: #ffffff;
}
.shs-video .vjs-play-progress {
  background-color: #ec6602;
}
.shs-video .vjs-play-progress::before {
  top: 50%;
  transform: translateY(-50%);
  right: -10px;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  color: #ec6602;
  background-color: #ec6602;
  z-index: 3;
}
.shs-video .vjs-play-progress .vjs-time-tooltip {
  padding: 6px 8px;
}
.shs-video .vjs-custom-control-spacer {
  display: block;
  flex: 1 1 auto;
}
.shs-video .vjs-menu-button-popup .vjs-menu {
  z-index: 3;
}
.shs-video .vjs-menu-button-popup .vjs-menu-title {
  border-bottom: 1px solid #000000;
  padding: 15px;
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.56;
  margin: 0;
  text-align: left;
}
.shs-video .vjs-menu-button-popup .vjs-menu-title:hover {
  background-color: #ffffff;
  color: #000000;
}
.shs-video .vjs-menu-button-popup .vjs-menu-content {
  height: auto;
  width: 250px;
  max-height: 300px;
  background-color: #ffffff;
  border-radius: 4px;
}
.shs-video .vjs-menu-button-popup .vjs-menu-item {
  padding: 10px 15px;
  margin: 0;
  background-color: #ffffff;
  border-radius: 0;
  text-align: left;
}
.shs-video .vjs-menu-button-popup .vjs-menu-item-text {
  color: #000000;
  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: #ffffff;
}
.shs-video .vjs-menu-button-popup .vjs-menu-item.vjs-texttrack-settings {
  font-weight: bold;
}
.shs-video .vjs-menu-button-popup .vjs-menu-item.vjs-texttrack-settings:hover {
  background-color: #ffffff;
}
.shs-video
  .vjs-menu-button-popup
  .vjs-menu-item.vjs-texttrack-settings:hover
  .vjs-menu-item-text {
  color: #000000;
}
.shs-video .vjs-menu-button-popup .vjs-menu-item:hover {
  background-color: #ec6602 !important;
}
.shs-video .vjs-menu-button-popup .vjs-menu-item:hover .vjs-menu-item-text {
  color: #ffffff;
}
@media screen and (max-width: 62em) {
  .shs-video .vjs-menu-button-popup .vjs-menu-content {
    max-height: 210px;
    width: 200px;
  }
  .shs-video .vjs-menu-button-popup .vjs-menu-title {
    font-size: 12px;
    line-height: 1;
  }
  .shs-video .vjs-menu-button-popup .vjs-menu-item-text {
    font-size: 12px;
    line-height: 1;
  }
}
.shs-video .vjs-live-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 5px 10px 5px 34px;
  color: #ffffff;
  background-color: #d9001d;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.88;
}
@keyframes live-animation {
  to {
    opacity: 0.7;
  }
}
.shs-video .vjs-live-badge::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background-color: #ffffff;
  border-radius: 100px;
  animation: live-animation ease 1s alternate infinite;
}
@media screen and (max-width: 62em) {
  .shs-video .vjs-live-badge {
    top: 10px;
    right: 10px;
    font-size: 12px;
    line-height: 1.7;
    padding: 5px 10px 5px 24px;
  }
  .shs-video .vjs-live-badge::before {
    left: 10px;
    width: 7px;
    height: 7px;
  }
}
.shs-video.vjs-live .vjs-time-control {
  display: none;
}
.shs-video .vjs-chapter-mark {
  position: absolute;
  height: 7px;
  width: 7px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100px;
  background-color: #73859f;
  z-index: 2;
}
.shs-video .vjs-chapter-mark.is-active {
  background-color: #ec6602;
}
.shs-video .vjs-chapter-mark__tooltip {
  display: none;
  position: absolute;
  background-color: #ffffff;
  color: #000000;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px;
  width: fit-content;
  white-space: nowrap;
  border-radius: 4px;
  font-size: 16px;
}
.shs-video .vjs-chapter-mark__tooltip.is-active {
  display: block;
}
.shs-video .vjs-chapter-mark__tooltip::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  transform: translateX(-50%) rotate(45deg);
  bottom: -5px;
  left: 50%;
}
.shs-video .vjs-chapter-mark__tooltip.fit-left {
  left: -12px;
  transform: translateX(0);
}
.shs-video .vjs-chapter-mark__tooltip.fit-left::after {
  left: 10px;
  transform: translateX(0) rotate(45deg);
}
.shs-video .vjs-chapter-mark__tooltip.fit-right {
  left: unset;
  right: -12px;
  transform: translateX(0);
}
.shs-video .vjs-chapter-mark__tooltip.fit-right::after {
  left: unset;
  right: 10px;
  transform: translateX(0) rotate(45deg);
}
.shs-video .vjs-seek-button {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  background-size: contain;
  width: 120px;
  height: 120px;
}
@media screen and (max-width: 62em) {
  .shs-video .vjs-seek-button {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 36em) {
  .shs-video .vjs-seek-button {
    width: 40px;
    height: 40px;
  }
}
.shs-video.vjs-controls-disabled .vjs-seek-button {
  display: none;
}
.shs-video .vjs-seek-backward-button {
  transform: translate(-150%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width=%27120%27 height=%27120%27 viewBox=%270 0 120 120%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cfilter x=%27-46.8%25%27 y=%27-171.7%25%27 width=%27193.6%25%27 height=%27443.3%25%27 filterUnits=%27objectBoundingBox%27 id=%27h0ifgyhwaa%27%3E%3CfeOffset dy=%272%27 in=%27SourceAlpha%27 result=%27shadowOffsetOuter1%27/%3E%3CfeGaussianBlur stdDeviation=%2760%27 in=%27shadowOffsetOuter1%27 result=%27shadowBlurOuter1%27/%3E%3CfeColorMatrix values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0%27 in=%27shadowBlurOuter1%27 result=%27shadowMatrixOuter1%27/%3E%3CfeMerge%3E%3CfeMergeNode in=%27shadowMatrixOuter1%27/%3E%3CfeMergeNode in=%27SourceGraphic%27/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter=%27url%28%23h0ifgyhwaa%29%27 fill=%27%23FFF%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M58.163 8.603c2.362-2.363 6.412-.675 6.412 2.662v6.15c25.088 1.988 44.588 23.625 43.05 49.537-1.425 23.85-21.45 43.275-45.337 43.988-19.125.6-35.7-10.275-43.538-26.213h16.837c6.188 7.538 15.638 12.3 26.25 11.925 17.55-.525 31.913-15.6 31.613-33.187-.3-16.463-12.825-29.962-28.875-31.8v6.45c0 3.337-4.05 5.025-6.413 2.662L42.076 24.69zm8.95 43.897c2.682 0 4.667.92 5.955 2.76C74.356 57.102 75 59.934 75 63.759c0 3.465-.512 6.08-1.536 7.843C72.144 73.867 70.027 75 67.113 75c-2.693 0-4.68-.925-5.963-2.776-1.283-1.85-1.924-4.714-1.924-8.59 0-3.403.512-5.987 1.536-7.75 1.32-2.256 3.437-3.384 6.35-3.384zm-12.515.354v21.792H50.78V57.083l-4.102 2.676L45 56.76l6.208-3.906h3.39zm12.515 2.722c-1.33 0-2.318.664-2.962 1.991-.644 1.328-.966 3.36-.966 6.098 0 2.82.3 4.865.903 6.137.675 1.415 1.684 2.122 3.025 2.122 1.33 0 2.317-.669 2.961-2.007.645-1.338.967-3.391.967-6.16 0-2.768-.301-4.787-.903-6.059-.665-1.415-1.674-2.122-3.025-2.122z%27/%3E%3C/g%3E%3C/svg%3E%0A");
}
.shs-video .vjs-seek-forward-button {
  transform: translate(50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width=%27120%27 height=%27120%27 viewBox=%270 0 120 120%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cfilter x=%27-46.8%25%27 y=%27-171.7%25%27 width=%27193.6%25%27 height=%27443.3%25%27 filterUnits=%27objectBoundingBox%27 id=%27z8cuujw5ja%27%3E%3CfeOffset dy=%272%27 in=%27SourceAlpha%27 result=%27shadowOffsetOuter1%27/%3E%3CfeGaussianBlur stdDeviation=%2760%27 in=%27shadowOffsetOuter1%27 result=%27shadowBlurOuter1%27/%3E%3CfeColorMatrix values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0%27 in=%27shadowBlurOuter1%27 result=%27shadowMatrixOuter1%27/%3E%3CfeMerge%3E%3CfeMergeNode in=%27shadowMatrixOuter1%27/%3E%3CfeMergeNode in=%27SourceGraphic%27/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter=%27url%28%23z8cuujw5ja%29%27 transform=%27translate%28-320%29%27 fill=%27%23FFF%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27m382.663 10.125 16.087 16.088L382.663 42.3c-2.363 2.363-6.413.675-6.413-2.662v-6.45c-16.05 1.837-28.575 15.337-28.875 31.8-.3 17.587 14.063 32.662 31.613 33.187 10.612.375 20.062-4.388 26.25-11.925h16.837c-7.837 15.938-24.412 26.813-43.537 26.213-23.888-.713-43.913-20.138-45.338-43.988-1.538-25.912 17.962-47.55 43.05-49.537v-6.15c0-3.338 4.05-5.025 6.413-2.663zm6.315 43.898c2.682 0 4.667.92 5.955 2.76 1.288 1.84 1.932 4.673 1.932 8.497 0 3.466-.512 6.08-1.536 7.844-1.32 2.266-3.437 3.399-6.351 3.399-2.693 0-4.68-.926-5.963-2.776-1.283-1.851-1.925-4.714-1.925-8.59 0-3.404.513-5.988 1.537-7.751 1.32-2.256 3.437-3.383 6.35-3.383zm-12.515.353V76.17h-3.817V58.606l-4.102 2.676-1.68-3 6.21-3.906h3.389zm12.515 2.722c-1.33 0-2.318.664-2.962 1.992-.644 1.328-.966 3.36-.966 6.098 0 2.82.3 4.865.903 6.136.675 1.415 1.684 2.123 3.025 2.123 1.33 0 2.317-.67 2.961-2.007.644-1.338.966-3.391.966-6.16 0-2.768-.3-4.788-.902-6.06-.665-1.414-1.674-2.122-3.025-2.122z%27/%3E%3C/g%3E%3C/svg%3E%0A");
}
.shs-video .vjs-unmute-button {
  display: none;
  position: absolute;
  top: 20px;
  left: 20px;
  height: auto;
  z-index: 1;
  width: auto;
  background-color: #373737;
  color: #ffffff;
  border-radius: 20px;
  padding: 5px 20px 5px 45px;
  font-size: 16px;
  line-height: 1.88;
}
.shs-video .vjs-unmute-button .vjs-icon-placeholder {
  position: absolute;
  font-size: inherit;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
}
.shs-video .vjs-unmute-button .vjs-icon-placeholder::before {
  font-size: inherit;
  line-height: 1;
}
@media screen and (max-width: 62em) {
  .shs-video .vjs-unmute-button {
    top: 10px;
    left: 10px;
    padding: 5px 10px 5px 25px;
    font-size: 12px;
    line-height: 1.7;
  }
  .shs-video .vjs-unmute-button .vjs-icon-placeholder {
    left: 10px;
    width: 12px;
    height: 12px;
  }
}
.shs-video.vjs-has-started .vjs-unmute-button {
  display: block;
}
.shs-video .vjs-related-container {
  position: absolute;
  display: flex;
  flex-direction: column;
  bottom: 60px;
  right: 40px;
}
.shs-video .vjs-related-container .vjs-related__close-all {
  font-size: 16px;
  cursor: pointer;
  text-align: end;
  z-index: 1;
  padding-right: 0;
}
.shs-video .vjs-related-container .vjs-related__close-all span {
  margin-left: 5px;
}
.shs-video .vjs-related-container .vjs-related__item {
  --related-spacing: 20px;
  position: relative;
  min-width: 200px;
  max-width: 370px;
  padding: var(--related-spacing);
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 16px;
  color: #000000;
  margin-top: 8px;
}
.shs-video .vjs-related-container .vjs-related__item--content {
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
  height: 60px;
}
.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 {
  background-color: #ec6602;
  border-color: #ec6602;
  color: #ffffff;
}
.shs-video .vjs-related-container .vjs-related__item--image {
  border-radius: 4px;
  margin-right: var(--related-spacing);
  width: 60px;
  flex-shrink: 0;
}
.shs-video .vjs-related-container .vjs-related__item--title {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: bold;
  line-height: 20px;
  margin: 0;
  flex: 1;
}
.shs-video .vjs-related-container .vjs-related__item--button {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border: 1px solid #b3b3b3;
  border-radius: 100px;
  margin-left: var(--related-spacing);
  text-decoration: none;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shs-video .vjs-related-container .vjs-related__item--close {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  padding: 0;
}
@media screen and (max-width: 62em) {
  .shs-video .vjs-related-container {
    right: 10px;
  }
  .shs-video .vjs-related-container .vjs-related__item {
    --related-spacing: 10px;
    max-width: 250px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .shs-video .vjs-related-container .vjs-related__item--content {
    height: 60px;
  }
  .shs-video .vjs-related-container .vjs-related__item--image {
    width: 40px;
  }
  .shs-video .vjs-related-container .vjs-related__item--title {
    -webkit-line-clamp: 2;
    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 {
    display: none;
    top: 2px;
    right: 2px;
  }
}

/* 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;
}