.hola_widget_info_popup {
  position: absolute;
  z-index: 2000 !important;
  pointer-events: all;
  background-color: rgba(28, 28, 28, 0.9);
  white-space: nowrap;
  width: auto;
  padding: 2px 0;
  margin: 0;
  color: #fff;
  letter-spacing: -0.2px;
}
.hola_widget_info_popup li {
  list-style-type: none;
}
.hola_widget_info_content {
  margin: 0;
  padding: 0;
}
.hola_widget_menu_item_link {
  height: 21px;
  cursor: pointer;
  padding: 0 3.7px;
  clear: both;
}
.hola_widget_menu_link {
  display: block !important;
  color: #fff;
  font-size: 9px;
  text-align: left;
  line-height: 1;
}
.hola_widget_version {
  color: #eee;
  font-size: 8px;
  padding-top: 2px;
  text-align: left;
  line-height: 1;
}
.hola_widget_menu_pwd_text a,
.hola_widget_menu_pwd_text a:hover {
  display: block;
  color: #fff !important;
  text-decoration: none;
  border-color: #fff;
}
.hola_widget_menu_pwd_text {
  display: inline-block;
  padding-left: 2.5px;
  height: 17px;
  vertical-align: middle;
  margin-bottom: 13px;
  line-height: 1;
}
.hola_widget_menu_icon_link {
  width: 21px !important;
  height: 21px !important;
  display: inline-block !important;
  text-align: left;
}
.hola_widget_menu_icon_link svg {
  opacity: 0.8;
  width: 100%;
  height: 100%;
  fill: #fff;
  stroke: #fff;
}

.floating-video {
  width: 250px !important;
  position: fixed !important;
  z-index: 2147483547 !important;
  border: 1px solid #000000;
  padding: 0 !important;
  box-shadow: 0 0 5px black;
  background-color: black;
  transform: none !important;
  box-sizing: border-box;
}
.floating-video-holder {
  display: block;
}
.floating-video-hidden {
  display: none !important;
}
.floating-video-control {
  position: fixed;
  z-index: 2147483548;
  cursor: move;
  pointer-events: auto;
  text-align: left !important;
}
.floating-video-control .fv-close {
  color: white;
  width: 20px;
  line-height: 20px;
  border: none;
  background: transparent;
  cursor: pointer !important;
  pointer-events: auto;
  padding: 0;
}
.floating-video-control .fv-close::after {
  font-size: 25px;
  font-family: monospace;
  display: block;
  transform: translateY(-2px) rotate(45deg);
  content: '\00ab';
}
.floating-video-control.fv-migrated .fv-close::after {
  transform: none;
  content: '\00d7';
}
.floating-video-control .fv-close:hover {
  background: rgba(0, 0, 0, 0.3);
}
.floating-video-dragging {
  pointer-events: none;
}
.floating-video * {
  min-height: 0px !important;
}
.floating-migrated-players {
  width: 0;
  height: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .floating-video {
    width: 312.5px !important;
  }
}
@media (min-width: 992px) {
  .floating-video {
    width: 375px !important;
  }
}
@media (min-width: 1200px) {
  .floating-video {
    width: 375px !important;
  }
}

.hola_preview_container {
  margin: 0;
  padding: 0;
  border: 0;
  position: absolute !important;
  z-index: auto;
  overflow: hidden;
}
.hola_preview_background {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.hola_preview_popup {
  border-width: 2px;
  border-style: solid;
  border-color: #ff0000;
  background-color: #000000;
  box-sizing: content-box;
  z-index: 2147483347;
  transition:
    opacity 0.3s ease-in-out,
    transform 0.3s ease-in-out;
  opacity: 0;
}
.hola_preview_popup.hola_preview_shown {
  transform: scale(1) !important;
}
.hola_preview_text_link_popup {
  padding: 2px;
  border-color: #888;
  background-color: #eee;
  overflow: visible;
}
.hola_preview_text_link_popup > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hola_preview_text_link_popup .hola_video_preview {
  visibility: visible;
}
.hola_preview_first_frame.hola_video_preview {
  visibility: visible;
}
.hola_popup_arrow,
.hola_popup_arrow_border {
  position: absolute;
  width: 0;
  height: 0;
  top: 100%;
  border-style: solid;
  transform: skewX(30deg);
}
.hola_popup_arrow {
  left: 35px;
  border-color: #eee transparent transparent transparent;
  border-width: 20px 0 0 50px;
}
.hola_popup_arrow_border {
  left: 31px;
  border-color: #888 transparent transparent transparent;
  border-width: 22px 0 0 56px;
}
.hola_preview_popup_visible {
  opacity: 1;
}
.hola_preview_popup .hola_preview_poster {
  width: 100%;
  height: 100%;
}
.hola_preview_title {
  position: absolute;
  width: 100%;
  line-height: 24px;
  bottom: 0;
  padding-left: 5px;
  overflow: hidden;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7);
}
.hola_preview_playing .hola_video_preview {
  visibility: visible;
}
.hola_preview_poster {
  top: 0;
  left: 0;
  max-width: inherit !important;
  max-height: inherit !important;
  margin: 0 !important;
  position: absolute;
  transition:
    opacity 0.1s ease-in-out,
    transform 0.3s ease-in-out;
  opacity: 1 !important;
}
.hola_preview_playing .hola_preview_poster {
  opacity: 0 !important;
}
.hola_video_preview {
  top: 0;
  left: 0;
  position: absolute !important;
  visibility: hidden;
  object-fit: cover;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  margin: 0 !important;
  display: block !important;
}
.hola_video_preview.hola_fade_out {
  opacity: 0;
}
.hola_preview_img {
  visibility: hidden;
}
.hola_preroll {
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(//ve.h-cdn.com/svc/preview/pub/img/watermark-contour.svg);
  pointer-events: none;
  position: absolute;
  transition:
    width,
    height,
    left,
    top,
    opacity 0.25s ease-in 0.25s;
  transition-timing-function: ease-in;
  transition-duration: 0.5s;
  width: 0%;
  height: 0%;
  left: 50%;
  top: 50%;
}
.hola_preroll_end {
  width: 200%;
  height: 200%;
  left: -50%;
  top: -50%;
  opacity: 0;
}
.hola_preroll_img_img {
  width: 100%;
  height: 100%;
}
.hola_preroll_img {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.hola_preview_loader {
  top: 0;
  left: 0;
  width: 0;
  position: absolute;
  transition: width 0.2s;
  height: 2px;
  max-height: 2px;
  background-color: #ff0000;
  z-index: 1;
}
.hola_preview_loader.hola_preview_first_frame {
  z-index: 1;
}
.hola_preview_loader_logo {
  all: initial;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
  min-width: 20px;
  min-height: 20px;
  max-width: 140px;
  max-height: 140px;
  opacity: 0;
  transition: opacity 0.2s;
  z-index: 1;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4));
}
.hola_preview_loader_hide {
  transition: opacity 0.7s ease-in-out;
  opacity: 0 !important;
}
.hola_preview_loader_logo svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
  stroke: #ffffff;
  transition: transform 0.2s ease-in-out;
  transform: scale(1);
}
.hola_preview_loader_init svg {
  transform: scale(0.1);
}
.hola_preview_loader_hide svg {
  transition: transform 0.5s ease-in-out;
  transform: scale(0.1);
}
.hola_preview_duration_container {
  pointer-events: none;
  position: absolute;
}
.hola_preview_duration {
  position: absolute;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  line-height: 12px;
  font-size: 12px;
  padding: 2px 4px;
  border-radius: 2px;
  letter-spacing: 0.5px;
  margin: 4px;
  top: 0;
  left: 0;
}
.hola_preview_over_player_elem {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  cursor: pointer;
}
.hola_preview_over_player_img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.hola_preview_over_player_text {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff;
  padding: 50px 0 0 16px;
  font-size: 24px;
}
.hola_preview_playing .hola_preview_over_player_text {
  display: block;
}
.hola_preview_call_to_action {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.35s linear;
}
.hola_preview_text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin-top: 12%;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
.hola_preview_debug {
  pointer-events: none;
  position: absolute;
  display: block;
  border: 2px dashed #f00;
  z-index: 2147483647;
  padding: 10px;
  box-sizing: border-box;
}
.hola_preview_debug span {
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  display: inline-block;
  padding: 4px 2px;
  font: bold 13px/13px Tahoma;
}
.hola_preview_debug.no_video {
  border-style: solid;
}
.hola_preview_debug.has_video {
  border-style: solid;
  border-color: #ff0;
}
.hola_preview_debug.active {
  border-color: #0f0;
}
.hola_preview_ext_info {
  position: absolute;
  display: block;
  z-index: 2147483647;
  box-sizing: border-box;
  background: rgba(50, 50, 50, 0.7);
  color: #fff;
  padding: 1em;
  font-size: 12px;
  line-height: 1.13;
}
.hola_preview_ext_info > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hola_preview_ext_info svg.question {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  height: 1.6em;
  width: 1.6em;
}
.hola_preview_ext_info.has_video_ready {
  display: none;
}
.hola_preview_ext_info > div {
  text-align: left;
  padding: 0.85em 34px 0.95em 1.25em;
  position: relative;
}
.hola_preview_ext_info > div:not(.hola_preview_ext_info_tooltip) {
  min-height: 33%;
  background-color: rgba(0, 156, 214, 0.6);
}
.hola_preview_ext_info > div > div:first-child {
  font-weight: bold;
  font-size: 133.33333%;
  letter-spacing: -0.4px;
  margin: 0;
}
.hola_preview_ext_info > div > div + div {
  margin: 0.5em 0 0 0;
}
.hola_preview_ext_info._smaller {
  font-size: 10px;
}
.hola_preview_ext_info._smaller > div {
  padding: 0.5em 20px 0.5em 0.5em;
}
.hola_preview_ext_info._smaller > div > div:first-child {
  letter-spacing: 0;
}
.hola_preview_ext_info._smallest {
  padding: 2px;
}
.hola_preview_ext_info._smallest > div {
  pointer-events: none;
}
.hola_preview_ext_info._smallest > div > div:first-child {
  font-size: 100%;
}
.hola_preview_ext_info_logo {
  z-index: 2147483647 !important;
}
.hola_preview_ext_info_tooltip {
  margin-top: 2em;
  background-color: rgba(0, 156, 214, 0.9);
  width: 300px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid rgba(200, 220, 255, 1);
}
.hola_preview_viewport_debug {
  border: 1px dashed #00f;
  background: rgba(200, 200, 255, 0.4);
}

.hola_preview_icon {
  position: absolute;
  pointer-events: none;
}
.hola_preview_icon svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
  stroke: #ffffff;
}
.hola_preview_icon_countdown .icon-bg {
  filter: url(#shadow);
}
.hola_preview_playing .hola_preview_icon {
  visibility: hidden;
}
.hola_preview_no_icon .hola_preview_icon {
  visibility: hidden;
}
.hola_preview_playing .hola_preview_icon_countdown {
  visibility: visible;
  z-index: 9999999;
}
.hola_preview_playing.hola_preview_blur .hola_preview_icon {
  visibility: visible;
  z-index: 9999999;
}
.hola_preview_icon .hola_preview_icon_cancel {
  display: block !important;
  height: auto !important;
  width: auto !important;
  line-height: normal !important;
  margin: 0 -100% !important;
  padding: 0 1px !important;
  text-align: center !important;
  color: #fff !important;
  text-shadow: 0 0 2px #000 !important;
  transform-origin: 50% 0 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.hola_preview_icon .hola_preview_icon_cancel:hover {
  transform: scale(1.1);
}
.hola_preview_icon .hola_preview_icon_cancel:after {
  display: none !important;
}
.hola_preview_icon .hola_preview_icon_cancel:before {
  display: none !important;
}

.hola_preview_img {
  visibility: visible;
}
[spark_ve_preview_live] button.ardplayer-icon-play {
  animation-name: initial;
}
[spark_ve_preview_live] .hola_preview_poster {
  opacity: 0 !important;
}

.hola_top_element {
  font-family: Arial, Helvetica, sans-serif !important;
}

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: #0000;
  box-sizing: border-box;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
}
.noUi-connects {
  z-index: 0;
  overflow: hidden;
}
.noUi-connect,
.noUi-origin {
  transform-origin: 0 0;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: flat;
  will-change: transform;
  z-index: 1;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
.noUi-vertical .noUi-origin {
  width: 0;
  top: -100%;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  width: 100%;
  height: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  top: -6px;
  right: -17px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  bottom: -17px;
  right: -6px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3fb8af;
}
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
}
[disabled] .noUi-connect {
  background: #b8b8b8;
}
[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed;
}
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}
.noUi-pips {
  color: #999;
  position: absolute;
}
.noUi-value {
  text-align: center;
  white-space: nowrap;
  position: absolute;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
.noUi-marker {
  background: #ccc;
  position: absolute;
}
.noUi-marker-large,
.noUi-marker-sub {
  background: #aaa;
}
.noUi-pips-horizontal {
  width: 100%;
  height: 80px;
  padding: 10px 0;
  top: 100%;
  left: 0;
}
.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  width: 2px;
  height: 5px;
  margin-left: -1px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
.noUi-pips-vertical {
  height: 100%;
  padding: 0 10px;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  padding-left: 25px;
  transform: translateY(-50%);
}
.noUi-rtl .noUi-value-vertical {
  transform: translateY(50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  color: #000;
  text-align: center;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  padding: 5px;
  display: block;
  position: absolute;
}
.noUi-horizontal .noUi-tooltip {
  bottom: 120%;
  left: 50%;
  transform: translate(-50%);
}
.noUi-vertical .noUi-tooltip {
  top: 50%;
  right: 120%;
  transform: translateY(-50%);
}
.ardplayer.ardplayer-old-webkit .ardplayer-bottom-sheet-container {
  transition: none !important;
}
.ardplayer.ardplayer-old-webkit .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage {
  animation: none !important;
}
body.ardplayer-modal-noscroll,
body.ardplayer-safari-noscroll {
  overflow: hidden !important;
}
.ardplayer {
  background-color: var(--ardplayer-color-darkest);
  box-sizing: border-box;
  color: var(--ardplayer-color-lightest);
  contain: style size;
  cursor: none;
  letter-spacing: normal;
  text-align: left;
  text-rendering: optimizelegibility;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  font-family:
    TheSans C5s,
    Thesis,
    The Sans,
    TheSans,
    sans-serif,
    Helvetica Neue,
    Arial;
  line-height: 1;
  position: relative;
  overflow: hidden;
}
.ardplayer a,
.ardplayer abbr,
.ardplayer acronym,
.ardplayer address,
.ardplayer applet,
.ardplayer article,
.ardplayer aside,
.ardplayer audio,
.ardplayer b,
.ardplayer big,
.ardplayer blockquote,
.ardplayer canvas,
.ardplayer caption,
.ardplayer center,
.ardplayer cite,
.ardplayer code,
.ardplayer dd,
.ardplayer del,
.ardplayer details,
.ardplayer dfn,
.ardplayer div,
.ardplayer dl,
.ardplayer dt,
.ardplayer em,
.ardplayer embed,
.ardplayer fieldset,
.ardplayer figcaption,
.ardplayer figure,
.ardplayer footer,
.ardplayer form,
.ardplayer h1,
.ardplayer h2,
.ardplayer h3,
.ardplayer h4,
.ardplayer h5,
.ardplayer h6,
.ardplayer header,
.ardplayer hgroup,
.ardplayer i,
.ardplayer iframe,
.ardplayer img,
.ardplayer ins,
.ardplayer kbd,
.ardplayer label,
.ardplayer legend,
.ardplayer li,
.ardplayer mark,
.ardplayer menu,
.ardplayer nav,
.ardplayer object,
.ardplayer ol,
.ardplayer output,
.ardplayer p,
.ardplayer pre,
.ardplayer q,
.ardplayer ruby,
.ardplayer s,
.ardplayer samp,
.ardplayer section,
.ardplayer small,
.ardplayer span,
.ardplayer strike,
.ardplayer strong,
.ardplayer sub,
.ardplayer summary,
.ardplayer sup,
.ardplayer table,
.ardplayer tbody,
.ardplayer td,
.ardplayer tfoot,
.ardplayer th,
.ardplayer thead,
.ardplayer time,
.ardplayer tr,
.ardplayer tt,
.ardplayer u,
.ardplayer ul,
.ardplayer var,
.ardplayer video {
  font: inherit;
  vertical-align: initial;
  border: 0;
  outline: none;
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1;
}
.ardplayer article,
.ardplayer aside,
.ardplayer details,
.ardplayer figcaption,
.ardplayer figure,
.ardplayer footer,
.ardplayer header,
.ardplayer hgroup,
.ardplayer menu,
.ardplayer nav,
.ardplayer section {
  display: block;
}
.ardplayer ol,
.ardplayer ul {
  list-style: none;
}
.ardplayer blockquote,
.ardplayer q {
  quotes: none;
}
.ardplayer blockquote:after,
.ardplayer blockquote:before,
.ardplayer q:after,
.ardplayer q:before {
  content: none;
}
.ardplayer table {
  border-collapse: collapse;
  border-spacing: 0;
}
.ardplayer button,
.ardplayer input,
.ardplayer optgroup,
.ardplayer select,
.ardplayer textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}
.ardplayer {
  --ardplayer-darkmode-color-primary-live: #ff6670;
  --ardplayer-darkmode-color-primary-live-transparent-30: #ff6670b3;
  --ardplayer-darkmode-color-primary-live-transparent-50: #ff667080;
  --ardplayer-darkmode-color-primary-base: #2d91ff;
  --ardplayer-darkmode-color-primary-base-transparent-30: #2d91ffb3;
  --ardplayer-darkmode-color-primary-base-transparent-50: #2d91ff80;
  --ardplayer-darkmode-color-primary: var(--ardplayer-darkmode-color-primary-base);
  --ardplayer-darkmode-color-primary-transparent-30: var(
    --ardplayer-darkmode-color-primary-base-transparent-30
  );
  --ardplayer-darkmode-color-primary-transparent-50: var(
    --ardplayer-darkmode-color-primary-base-transparent-50
  );
  --ardplayer-darkmode-color-primary-dark-base: #001e50;
  --ardplayer-darkmode-color-primary-dark-base-transparent-30: #001e50b3;
  --ardplayer-darkmode-color-primary-dark-base-transparent-50: #001e5080;
  --ardplayer-darkmode-color-primary-dark-base-transparent-90: #001e501a;
  --ardplayer-darkmode-color-primary-dark-base-transparent-100: #001e5000;
  --ardplayer-darkmode-color-primary-dark-live: #48071e;
  --ardplayer-darkmode-color-primary-dark-live-transparent-30: #48071eb3;
  --ardplayer-darkmode-color-primary-dark-live-transparent-50: #48071e80;
  --ardplayer-darkmode-color-primary-dark-live-transparent-90: #48071e1a;
  --ardplayer-darkmode-color-primary-dark-live-transparent-100: #48071e00;
  --ardplayer-darkmode-color-primary-dark: var(--ardplayer-darkmode-color-primary-dark-base);
  --ardplayer-darkmode-color-primary-dark-transparent-30: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-30
  );
  --ardplayer-darkmode-color-primary-dark-transparent-50: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-50
  );
  --ardplayer-darkmode-color-primary-dark-transparent-90: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-90
  );
  --ardplayer-darkmode-color-primary-dark-transparent-100: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-100
  );
  --ardplayer-darkmode-color-secondary: #162034;
  --ardplayer-darkmode-color-secondary-transparent-30: #162034b3;
  --ardplayer-darkmode-color-secondary-transparent-50: #16203480;
  --ardplayer-darkmode-color-tertiary-base: #0071ee;
  --ardplayer-darkmode-color-tertiary: var(--ardplayer-darkmode-color-tertiary-base);
  --ardplayer-darkmode-color-tertiary-dark: #003480;
  --ardplayer-darkmode-color-darkest: #000;
  --ardplayer-darkmode-color-dark: #494949;
  --ardplayer-darkmode-color-light: #c4c4c4;
  --ardplayer-darkmode-color-light-transparent-90: #c4c4c41a;
  --ardplayer-darkmode-color-lightest: #fff;
  --ardplayer-darkmode-color-lightest-transparent-30: #ffffffb3;
  --ardplayer-darkmode-color-lightest-transparent-50: #ffffff80;
  --ardplayer-darkmode-color-ui-background-shim-color: #0009;
  --ardplayer-darkmode-color-ui-background-shim: linear-gradient(
    180deg,
    #000000e6,
    #0000 20%,
    #0000 60%,
    #000c
  );
  --ardplayer-darkmode-color-ui-background-shim-s: #0009;
  --ardplayer-darkmode-color-background-accent: #334b73;
  --ardplayer-lightmode-color-primary-live: #ff6670;
  --ardplayer-lightmode-color-primary-live-transparent-30: #ff6670b3;
  --ardplayer-lightmode-color-primary-live-transparent-50: #ff667080;
  --ardplayer-lightmode-color-primary-base: #2d91ff;
  --ardplayer-lightmode-color-primary-base-transparent-30: #2d91ffb3;
  --ardplayer-lightmode-color-primary-base-transparent-50: #2d91ff80;
  --ardplayer-lightmode-color-primary: var(--ardplayer-lightmode-color-primary-base);
  --ardplayer-lightmode-color-primary-transparent-30: var(
    --ardplayer-lightmode-color-primary-base-transparent-30
  );
  --ardplayer-lightmode-color-primary-transparent-50: var(
    --ardplayer-lightmode-color-primary-base-transparent-50
  );
  --ardplayer-lightmode-color-primary-dark-base: #fff;
  --ardplayer-lightmode-color-primary-dark-base-transparent-30: #ffffffb3;
  --ardplayer-lightmode-color-primary-dark-base-transparent-50: #ffffff80;
  --ardplayer-lightmode-color-primary-dark-base-transparent-90: #ffffff1a;
  --ardplayer-lightmode-color-primary-dark-base-transparent-100: #fff0;
  --ardplayer-lightmode-color-primary-dark-live: #48071e;
  --ardplayer-lightmode-color-primary-dark-live-transparent-30: #48071eb3;
  --ardplayer-lightmode-color-primary-dark-live-transparent-50: #48071e80;
  --ardplayer-lightmode-color-primary-dark-live-transparent-90: #48071e1a;
  --ardplayer-lightmode-color-primary-dark-live-transparent-100: #48071e00;
  --ardplayer-lightmode-color-primary-dark: var(--ardplayer-lightmode-color-primary-dark-base);
  --ardplayer-lightmode-color-primary-dark-transparent-30: var(
    --ardplayer-lightmode-color-primary-dark-base-transparent-30
  );
  --ardplayer-lightmode-color-primary-dark-transparent-50: var(
    --ardplayer-lightmode-color-primary-dark-base-transparent-50
  );
  --ardplayer-lightmode-color-primary-dark-transparent-90: var(
    --ardplayer-lightmode-color-primary-dark-base-transparent-90
  );
  --ardplayer-lightmode-color-primary-dark-transparent-100: var(
    --ardplayer-lightmode-color-primary-dark-base-transparent-100
  );
  --ardplayer-lightmode-color-secondary: #162034;
  --ardplayer-lightmode-color-secondary-transparent-30: #162034b3;
  --ardplayer-lightmode-color-secondary-transparent-50: #16203480;
  --ardplayer-lightmode-color-tertiary-base: #0071ee;
  --ardplayer-lightmode-color-tertiary: var(--ardplayer-lightmode-color-tertiary-base);
  --ardplayer-lightmode-color-tertiary-dark: #003480;
  --ardplayer-lightmode-color-darkest: #fff;
  --ardplayer-lightmode-color-dark: #c4c4c4;
  --ardplayer-lightmode-color-light: #494949;
  --ardplayer-lightmode-color-light-transparent-90: #4949491a;
  --ardplayer-lightmode-color-lightest: #000;
  --ardplayer-lightmode-color-lightest-transparent-30: #000000b3;
  --ardplayer-lightmode-color-lightest-transparent-50: #00000080;
  --ardplayer-lightmode-color-ui-background-shim-color: #fff9;
  --ardplayer-lightmode-color-ui-background-shim: linear-gradient(
    180deg,
    #ffffffe6,
    #fff0 20%,
    #fff0 60%,
    #fffc
  );
  --ardplayer-lightmode-color-ui-background-shim-s: #fff9;
  --ardplayer-lightmode-color-background-accent: #cccfd4;
  --ardplayer-color-primary-live: var(--ardplayer-darkmode-color-primary-live);
  --ardplayer-color-primary-live-transparent-30: var(--ardplayer-darkmode-color-primary-live-transparent-30);
  --ardplayer-color-primary-live-transparent-50: var(--ardplayer-darkmode-color-primary-live-transparent-50);
  --ardplayer-color-primary-base: var(--ardplayer-darkmode-color-primary-base);
  --ardplayer-color-primary-base-transparent-30: var(--ardplayer-darkmode-color-primary-base-transparent-30);
  --ardplayer-color-primary-base-transparent-50: var(--ardplayer-darkmode-color-primary-base-transparent-50);
  --ardplayer-color-primary: var(--ardplayer-color-primary-base);
  --ardplayer-color-primary-transparent-30: var(--ardplayer-color-primary-base-transparent-30);
  --ardplayer-color-primary-transparent-50: var(--ardplayer-color-primary-base-transparent-50);
  --ardplayer-color-primary-dark-base: var(--ardplayer-darkmode-color-primary-dark-base);
  --ardplayer-color-primary-dark-base-transparent-30: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-30
  );
  --ardplayer-color-primary-dark-base-transparent-50: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-50
  );
  --ardplayer-color-primary-dark-base-transparent-90: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-90
  );
  --ardplayer-color-primary-dark-base-transparent-100: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-100
  );
  --ardplayer-color-primary-dark-live: var(--ardplayer-darkmode-color-primary-dark-live);
  --ardplayer-color-primary-dark-live-transparent-30: var(
    --ardplayer-darkmode-color-primary-dark-live-transparent-30
  );
  --ardplayer-color-primary-dark-live-transparent-50: var(
    --ardplayer-darkmode-color-primary-dark-live-transparent-50
  );
  --ardplayer-color-primary-dark-live-transparent-90: var(
    --ardplayer-darkmode-color-primary-dark-live-transparent-90
  );
  --ardplayer-color-primary-dark-live-transparent-100: var(
    --ardplayer-darkmode-color-primary-dark-live-transparent-100
  );
  --ardplayer-color-primary-dark: var(--ardplayer-color-primary-dark-base);
  --ardplayer-color-primary-dark-transparent-30: var(--ardplayer-color-primary-dark-base-transparent-30);
  --ardplayer-color-primary-dark-transparent-50: var(--ardplayer-color-primary-dark-base-transparent-50);
  --ardplayer-color-primary-dark-transparent-90: var(--ardplayer-color-primary-dark-base-transparent-90);
  --ardplayer-color-primary-dark-transparent-100: var(--ardplayer-color-primary-dark-base-transparent-100);
  --ardplayer-color-secondary: var(--ardplayer-darkmode-color-secondary);
  --ardplayer-color-secondary-transparent-30: var(--ardplayer-darkmode-color-secondary-transparent-30);
  --ardplayer-color-secondary-transparent-50: var(--ardplayer-darkmode-color-secondary-transparent-50);
  --ardplayer-color-tertiary-base: var(--ardplayer-darkmode-color-tertiary-base);
  --ardplayer-color-tertiary: var(--ardplayer-color-tertiary-base);
  --ardplayer-color-tertiary-dark: var(--ardplayer-darkmode-color-tertiary-dark);
  --ardplayer-color-darkest: var(--ardplayer-darkmode-color-darkest);
  --ardplayer-color-dark: var(--ardplayer-darkmode-color-dark);
  --ardplayer-color-light: var(--ardplayer-darkmode-color-light);
  --ardplayer-color-light-transparent-90: var(--ardplayer-darkmode-color-light-transparent-90);
  --ardplayer-color-lightest: var(--ardplayer-darkmode-color-lightest);
  --ardplayer-color-lightest-transparent-30: var(--ardplayer-darkmode-color-lightest-transparent-30);
  --ardplayer-color-lightest-transparent-50: var(--ardplayer-darkmode-color-lightest-transparent-50);
  --ardplayer-color-ui-background-shim-color: var(--ardplayer-darkmode-color-ui-background-shim-color);
  --ardplayer-color-ui-background-shim: var(--ardplayer-darkmode-color-ui-background-shim);
  --ardplayer-color-ui-background-shim-s: var(--ardplayer-darkmode-color-ui-background-shim-s);
  --ardplayer-color-background-accent: var(--ardplayer-darkmode-color-background-accent);
  --ardplayer-color-hover: var(--ardplayer-color-primary);
  --ardplayer-color-fill: var(--ardplayer-color-tertiary);
}
.ardplayer.ardplayer-light-mode {
  --ardplayer-color-primary-live: var(--ardplayer-lightmode-color-primary-live);
  --ardplayer-color-primary-live-transparent-30: var(--ardplayer-lightmode-color-primary-live-transparent-30);
  --ardplayer-color-primary-live-transparent-50: var(--ardplayer-lightmode-color-primary-live-transparent-50);
  --ardplayer-color-primary-base: var(--ardplayer-lightmode-color-primary-base);
  --ardplayer-color-primary-base-transparent-30: var(--ardplayer-lightmode-color-primary-base-transparent-30);
  --ardplayer-color-primary-base-transparent-50: var(--ardplayer-lightmode-color-primary-base-transparent-50);
  --ardplayer-color-primary-dark-base: var(--ardplayer-lightmode-color-primary-dark-base);
  --ardplayer-color-primary-dark-base-transparent-30: var(
    --ardplayer-lightmode-color-primary-dark-base-transparent-30
  );
  --ardplayer-color-primary-dark-base-transparent-50: var(
    --ardplayer-lightmode-color-primary-dark-base-transparent-50
  );
  --ardplayer-color-primary-dark-base-transparent-90: var(
    --ardplayer-lightmode-color-primary-dark-base-transparent-90
  );
  --ardplayer-color-primary-dark-base-transparent-100: var(
    --ardplayer-lightmode-color-primary-dark-base-transparent-100
  );
  --ardplayer-color-primary-dark-live: var(--ardplayer-lightmode-color-primary-dark-live);
  --ardplayer-color-primary-dark-live-transparent-30: var(
    --ardplayer-lightmode-color-primary-dark-live-transparent-30
  );
  --ardplayer-color-primary-dark-live-transparent-50: var(
    --ardplayer-lightmode-color-primary-dark-live-transparent-50
  );
  --ardplayer-color-primary-dark-live-transparent-90: var(
    --ardplayer-lightmode-color-primary-dark-live-transparent-90
  );
  --ardplayer-color-primary-dark-live-transparent-100: var(
    --ardplayer-lightmode-color-primary-dark-live-transparent-100
  );
  --ardplayer-color-secondary: var(--ardplayer-lightmode-color-secondary);
  --ardplayer-color-secondary-transparent-30: var(--ardplayer-lightmode-color-secondary-transparent-30);
  --ardplayer-color-secondary-transparent-50: var(--ardplayer-lightmode-color-secondary-transparent-50);
  --ardplayer-color-tertiary-base: var(--ardplayer-lightmode-color-tertiary-base);
  --ardplayer-color-tertiary: var(--ardplayer-color-tertiary-base);
  --ardplayer-color-tertiary-dark: var(--ardplayer-lightmode-color-tertiary-dark);
  --ardplayer-color-darkest: var(--ardplayer-lightmode-color-darkest);
  --ardplayer-color-dark: var(--ardplayer-lightmode-color-dark);
  --ardplayer-color-light: var(--ardplayer-lightmode-color-light);
  --ardplayer-color-light-transparent-90: var(--ardplayer-lightmode-color-light-transparent-90);
  --ardplayer-color-lightest: var(--ardplayer-lightmode-color-lightest);
  --ardplayer-color-lightest-transparent-30: var(--ardplayer-lightmode-color-lightest-transparent-30);
  --ardplayer-color-lightest-transparent-50: var(--ardplayer-lightmode-color-lightest-transparent-50);
  --ardplayer-color-ui-background-shim-color: var(--ardplayer-lightmode-color-ui-background-shim-color);
  --ardplayer-color-ui-background-shim: var(--ardplayer-lightmode-color-ui-background-shim);
  --ardplayer-color-ui-background-shim-s: var(--ardplayer-lightmode-color-ui-background-shim-s);
  --ardplayer-color-background-accent: var(--ardplayer-lightmode-color-background-accent);
}
.ardplayer {
  --safe-area-inset-top-env: env(safe-area-inset-top, 0px);
  --safe-area-inset-right-env: env(safe-area-inset-right, 0px);
  --safe-area-inset-bottom-env: env(safe-area-inset-bottom, 0px);
  --safe-area-inset-left-env: env(safe-area-inset-left, 0px);
  --safe-area-inset-top-value: var(--safe-area-inset-top-env, 0px);
  --safe-area-inset-right-value: var(--safe-area-inset-right-env, 0px);
  --safe-area-inset-bottom-value: var(--safe-area-inset-bottom-env, 0px);
  --safe-area-inset-left-value: var(--safe-area-inset-left-env, 0px);
  --safe-area-inset-top: 0px;
  --safe-area-inset-right: 0px;
  --safe-area-inset-bottom: 0px;
  --safe-area-inset-left: 0px;
  --safe-area-inset-h: 0px;
}
.ardplayer.ardplayer-state-embedded {
  --safe-area-inset-top-value: var(--safe-area-inset-top-embedded, var(--safe-area-inset-top-env, 0px));
  --safe-area-inset-right-value: var(--safe-area-inset-right-embedded, var(--safe-area-inset-right-env, 0px));
  --safe-area-inset-bottom-value: var(
    --safe-area-inset-bottom-embedded,
    var(--safe-area-inset-bottom-env, 0px)
  );
  --safe-area-inset-left-value: var(--safe-area-inset-left-embedded, var(--safe-area-inset-left-env, 0px));
}
.ardplayer.ardplayer-android-tv,
.ardplayer.ardplayer-state-audio-app,
.ardplayer.ardplayer-state-fullscreen {
  --safe-area-inset-top: var(--safe-area-inset-top-value);
  --safe-area-inset-right: var(--safe-area-inset-right-value);
  --safe-area-inset-bottom: var(--safe-area-inset-bottom-value);
  --safe-area-inset-left: var(--safe-area-inset-left-value);
}
.ardplayer .ardplayer-safearea-canary {
  height: calc(var(--safe-area-inset-bottom) + var(--safe-area-inset-top) * 3);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  width: calc(var(--safe-area-inset-left) + var(--safe-area-inset-right) * 3);
  z-index: -5000;
  background: 0 0;
  display: block;
  position: absolute;
  bottom: 100%;
  left: 100%;
}
@supports (height: 100dvh) {
  .ardplayer .ardplayer-safearea-canary {
    height: calc(var(--safe-area-inset-bottom) + var(--safe-area-inset-top) * 3 + 10dvh);
  }
}
.ardplayer {
  --safe-area-inset-h: var(--safe-area-inset-right);
  --footer-h-padding-s-with-min: 12px;
  --footer-h-padding-m-with-min: 12px;
}
@supports (width: max(1px, 2px)) {
  .ardplayer {
    --safe-area-inset-h: max(var(--safe-area-inset-left), var(--safe-area-inset-right));
    --footer-h-padding-s-with-min: max(calc(var(--safe-area-inset-h)), 12px);
    --footer-h-padding-m-with-min: max(calc(16px + var(--safe-area-inset-h)), 12px);
  }
}
.ardplayer *,
.ardplayer :after,
.ardplayer :before {
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: #0000;
}
.ardplayer ::-moz-focus-inner {
  border: none;
}
.ardplayer img,
.ardplayer picture * {
  -webkit-user-select: none;
  user-select: none;
}
.ardplayer picture :not([tabindex]),
.ardplayer picture [tabindex='-1'] {
  pointer-events: none;
}
.ardplayer .ardplayer-hidden {
  display: none !important;
}
.ardplayer .ardplayer-background,
.ardplayer .ardplayer-viewport,
.ardplayer .ardplayer-viewport > * {
  width: 100%;
  height: 100%;
  position: absolute;
}
.ardplayer .ardplayer-background {
  background: var(--ardplayer-color-ui-background-shim);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease-in-out;
}
.ardplayer.ardplayer-s .ardplayer-background,
.ardplayer.ardplayer-sm .ardplayer-background {
  background: var(--ardplayer-color-ui-background-shim-s);
}
.ardplayer.ardplayer-show-controls .ardplayer-background,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-background {
  opacity: 1;
}
.ardplayer .ardplayer-viewport-addon-overlays {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ardplayer .ardplayer-title-container {
  width: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.ardplayer .ardplayer-title-container .ardplayer-title-sizer {
  white-space: nowrap;
  width: 100%;
  display: flex;
}
.ardplayer .ardplayer-center {
  pointer-events: none;
  z-index: 1;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 164px;
  display: flex;
  position: absolute;
  top: calc(50% - 82px);
  overflow: hidden;
}
.ardplayer:not(.ardplayer-state-audio) .ardplayer-timeline-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ardplayer .ardplayer-footer {
  contain: layout style size;
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
}
.ardplayer .ardplayer-footer .ardplayer-time-playhead,
.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live {
  left: calc(30px + var(--safe-area-inset-h));
  text-align: center;
}
.ardplayer .ardplayer-footer .ardplayer-time-remaining {
  right: calc(30px + var(--safe-area-inset-h));
  text-align: center;
}
.ardplayer .ardplayer-footer .ardplayer-time-playhead,
.ardplayer .ardplayer-footer .ardplayer-time-remaining,
.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live {
  bottom: calc(130px + var(--safe-area-inset-bottom));
  width: 110px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  position: absolute;
}
.ardplayer .ardplayer-footer.ardplayer-controlbar-hero .ardplayer-time-remaining {
  right: calc(88px + var(--safe-area-inset-h));
}
.ardplayer .ardplayer-footer.ardplayer-controlbar-hero [ardplayer-menu-hero] {
  bottom: calc(104px + var(--safe-area-inset-bottom));
  right: calc(30px + var(--safe-area-inset-h));
  position: absolute;
}
.ardplayer .ardplayer-header {
  text-align: right;
}
.ardplayer .ardplayer-header .ardplayer-addons-container {
  margin: calc(30px + var(--safe-area-inset-top)) calc(30px + var(--safe-area-inset-h));
}
.ardplayer .ardplayer-header .ardplayer-addons-container button {
  transition:
    transform 0.6s ease-in-out,
    opacity 0.6s ease-in-out,
    visibility 0.6s ease-in-out;
}
.ardplayer
  .ardplayer-header
  .ardplayer-addons-container.ardplayer-show-controls:not(.ardplayer-state-inactive)
  .ardplayer-btn-chromecast,
.ardplayer
  .ardplayer-header
  .ardplayer-addons-container.ardplayer.ardplayer-state-completed:not(.ardplayer-state-inactive):not(
    .ardplayer-force-hide-controls
  )
  .ardplayer-btn-chromecast {
  opacity: 1;
  visibility: visible;
}
.ardplayer.ardplayer-m .ardplayer-header .ardplayer-addons-container,
.ardplayer.ardplayer-sm .ardplayer-header .ardplayer-addons-container {
  margin: calc(16px + var(--safe-area-inset-top)) calc(16px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-s .ardplayer-header .ardplayer-addons-container {
  margin: calc(var(--safe-area-inset-top)) calc(var(--safe-area-inset-h));
}
.ardplayer .ardplayer-button-big {
  line-height: 0;
}
.ardplayer .ardplayer-addons-container-big {
  bottom: calc(35px + var(--safe-area-inset-bottom));
  padding-right: calc(102px + var(--safe-area-inset-h));
  text-align: right;
  width: 100%;
  position: absolute;
}
.ardplayer .ardplayer-addons-container {
  flex-direction: row;
  justify-content: flex-end;
  display: inline-flex;
}
.ardplayer .ardplayer-addons-container button {
  z-index: 0;
}
.ardplayer .ardplayer-button-fullscreen-container {
  bottom: calc(35px + var(--safe-area-inset-bottom));
  right: calc(30px + var(--safe-area-inset-h));
  position: absolute;
}
.ardplayer .ardplayer-button-settings-small {
  display: none;
}
.ardplayer.ardplayer-m .ardplayer-hide-m,
.ardplayer.ardplayer-sm .ardplayer-hide-m {
  display: none !important;
}
.ardplayer.ardplayer-m .ardplayer-addons-container-big,
.ardplayer.ardplayer-m .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-m .ardplayer-buttons-main,
.ardplayer.ardplayer-sm .ardplayer-addons-container-big,
.ardplayer.ardplayer-sm .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-sm .ardplayer-buttons-main {
  height: 48px;
}
.ardplayer.ardplayer-m .ardplayer-addons-container-big,
.ardplayer.ardplayer-sm .ardplayer-addons-container-big {
  bottom: calc(15px + var(--safe-area-inset-bottom));
  padding-right: 48px;
}
.ardplayer.ardplayer-m .ardplayer-time-playhead,
.ardplayer.ardplayer-m .ardplayer-time-remaining,
.ardplayer.ardplayer-m .ardplayer-time-seek-to-live,
.ardplayer.ardplayer-sm .ardplayer-time-playhead,
.ardplayer.ardplayer-sm .ardplayer-time-remaining,
.ardplayer.ardplayer-sm .ardplayer-time-seek-to-live {
  width: 70px;
  font-size: 16px;
  line-height: 16px;
}
.ardplayer.ardplayer-m .ardplayer-time-playhead,
.ardplayer.ardplayer-m .ardplayer-time-seek-to-live,
.ardplayer.ardplayer-sm .ardplayer-time-playhead,
.ardplayer.ardplayer-sm .ardplayer-time-seek-to-live {
  left: calc(18px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-m .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-sm .ardplayer-button-fullscreen-container {
  bottom: calc(15px + var(--safe-area-inset-bottom));
  right: calc(16px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-m .ardplayer-addons-container-big,
.ardplayer.ardplayer-sm .ardplayer-addons-container-big {
  padding-right: calc(64px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-m .ardplayer-time-playhead,
.ardplayer.ardplayer-m .ardplayer-time-remaining,
.ardplayer.ardplayer-m .ardplayer-time-seek-to-live {
  bottom: calc(72px + var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-m .ardplayer-time-remaining {
  right: calc(18px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-m .ardplayer-controlbar-hero .ardplayer-time-remaining {
  right: calc(54px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-m .ardplayer-controlbar-hero [ardplayer-menu-hero] {
  bottom: calc(56px + var(--safe-area-inset-bottom));
  right: calc(16px + var(--safe-area-inset-h));
  position: absolute;
}
.ardplayer.ardplayer-sm .ardplayer-time-playhead,
.ardplayer.ardplayer-sm .ardplayer-time-remaining,
.ardplayer.ardplayer-sm .ardplayer-time-seek-to-live {
  bottom: calc(31px + var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-sm .ardplayer-controlbar-hero .ardplayer-time-remaining,
.ardplayer.ardplayer-sm .ardplayer-time-remaining {
  right: calc(102px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-s .ardplayer-addons-container-big,
.ardplayer.ardplayer-s .ardplayer-controlbar-hero [ardplayer-menu-hero],
.ardplayer.ardplayer-sm .ardplayer-addons-container-big,
.ardplayer.ardplayer-sm .ardplayer-controlbar-hero [ardplayer-menu-hero] {
  display: none;
}
.ardplayer.ardplayer-s .ardplayer-button-settings-small,
.ardplayer.ardplayer-sm .ardplayer-button-settings-small {
  display: inline-flex;
}
.ardplayer.ardplayer-s .ardplayer-hide-s,
.ardplayer:not(.ardplayer-s) .ardplayer-show-s {
  display: none !important;
}
.ardplayer.ardplayer-s .ardplayer-controlbar-hero .ardplayer-time-remaining,
.ardplayer.ardplayer-s .ardplayer-time-playhead,
.ardplayer.ardplayer-s .ardplayer-time-remaining,
.ardplayer.ardplayer-s .ardplayer-time-seek-to-live {
  bottom: unset;
  left: unset;
  right: unset;
  text-align: left;
  top: calc(42px - var(--safe-area-inset-bottom));
  width: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  position: relative;
}
.ardplayer.ardplayer-s .ardplayer-time-playhead,
.ardplayer.ardplayer-s .ardplayer-time-seek-to-live {
  margin-left: calc(12px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-s .ardplayer-time-playhead:after {
  content: '/';
  margin: 0 4px;
  display: inline-block;
}
.ardplayer.ardplayer-s .ardplayer-time-remaining {
  color: var(--ardplayer-color-lightest-transparent-50);
}
.ardplayer.ardplayer-s .ardplayer-button-fullscreen-container.ardplayer-button-big button,
.ardplayer.ardplayer-s .ardplayer-footer button {
  width: 40px;
  height: 40px;
}
.ardplayer.ardplayer-s .ardplayer-button-fullscreen-container.ardplayer-button-big button,
.ardplayer.ardplayer-s .ardplayer-button-fullscreen-container.ardplayer-button-big button:after,
.ardplayer.ardplayer-s .ardplayer-button-fullscreen-container.ardplayer-button-big button:before,
.ardplayer.ardplayer-s .ardplayer-footer button,
.ardplayer.ardplayer-s .ardplayer-footer button:after,
.ardplayer.ardplayer-s .ardplayer-footer button:before {
  font-size: 40px;
  line-height: 40px;
}
.ardplayer.ardplayer-s .ardplayer-addons-container-big,
.ardplayer.ardplayer-s .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-s .ardplayer-buttons-main {
  height: 40px;
}
.ardplayer.ardplayer-s .ardplayer-button-fullscreen-container {
  bottom: var(--safe-area-inset-bottom);
  right: calc(var(--safe-area-inset-h));
}
.ardplayer.ardplayer-s .ardplayer-title-container {
  display: block;
}
.ardplayer {
  --headline-right-margin: $footer-h-padding;
}
.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget {
  color: var(--ardplayer-color-lightest);
  cursor: pointer;
  margin-left: calc(30px + var(--safe-area-inset-h));
  margin-right: var(--headline-right-margin);
  margin-top: calc(30px + var(--safe-area-inset-top));
  visibility: hidden;
  z-index: 1;
  align-items: center;
  min-width: 100px;
  text-decoration: none;
  display: flex;
  position: relative;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img {
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 40px;
  flex: 0 0 80px;
  width: 80px;
  height: 80px;
  display: none;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img
  i {
  background-color: #001e50;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-mask-image: url(../img/ard-7c1adb6a.svg);
  mask-image: url(../img/ard-7c1adb6a.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-3sat
  i {
  -webkit-mask-image: url(../img/3sat-316aa089.svg);
  mask-image: url(../img/3sat-316aa089.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-alpha
  i {
  -webkit-mask-image: url(../img/alpha-aa80e0b1.svg);
  mask-image: url(../img/alpha-aa80e0b1.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-ard
  i {
  -webkit-mask-image: url(../img/ard-7c1adb6a.svg);
  mask-image: url(../img/ard-7c1adb6a.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-arte
  i {
  -webkit-mask-image: url(../img/arte-78b35a1c.svg);
  mask-image: url(../img/arte-78b35a1c.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-br
  i {
  -webkit-mask-image: url(../img/br-91122637.svg);
  mask-image: url(../img/br-91122637.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-daserste
  i {
  -webkit-mask-image: url(../img/daserste-b4a7fce0.svg);
  mask-image: url(../img/daserste-b4a7fce0.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-dw
  i {
  -webkit-mask-image: url(../img/dw-b25a6e21.svg);
  mask-image: url(../img/dw-b25a6e21.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-deutschlandradio
  i {
  -webkit-mask-image: url(../img/deutschlandradio-8ae68d1e.svg);
  mask-image: url(../img/deutschlandradio-8ae68d1e.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-funk
  i {
  -webkit-mask-image: url(../img/funk-14d5562d.svg);
  mask-image: url(../img/funk-14d5562d.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-hr
  i {
  -webkit-mask-image: url(../img/hr-f8858d2d.svg);
  mask-image: url(../img/hr-f8858d2d.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-kika
  i {
  -webkit-mask-image: url(../img/kika-cc093c6d.svg);
  mask-image: url(../img/kika-cc093c6d.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-mdr
  i {
  -webkit-mask-image: url(../img/mdr-d2d11760.svg);
  mask-image: url(../img/mdr-d2d11760.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-ndr
  i {
  -webkit-mask-image: url(../img/ndr-b942fbbe.svg);
  mask-image: url(../img/ndr-b942fbbe.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-one
  i {
  -webkit-mask-image: url(../img/one-bfd695dd.svg);
  mask-image: url(../img/one-bfd695dd.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-phoenix
  i {
  -webkit-mask-image: url(../img/phoenix-25ae77e8.svg);
  mask-image: url(../img/phoenix-25ae77e8.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-radiobremen
  i {
  -webkit-mask-image: url(../img/radiobremen-c9a22aec.svg);
  mask-image: url(../img/radiobremen-c9a22aec.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-rbb
  i {
  -webkit-mask-image: url(../img/rbb-857d0436.svg);
  mask-image: url(../img/rbb-857d0436.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-sportschau
  i {
  -webkit-mask-image: url(../img/sportschau-66955185.svg);
  mask-image: url(../img/sportschau-66955185.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-sr
  i {
  -webkit-mask-image: url(../img/sr-4d2bb786.svg);
  mask-image: url(../img/sr-4d2bb786.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-swr
  i {
  -webkit-mask-image: url(../img/swr-151e2af6.svg);
  mask-image: url(../img/swr-151e2af6.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-tagesschau24
  i {
  -webkit-mask-image: url(../img/tagesschau24-4a1c7ee6.svg);
  mask-image: url(../img/tagesschau24-4a1c7ee6.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-wdr
  i {
  -webkit-mask-image: url(../img/wdr-be1aba5e.svg);
  mask-image: url(../img/wdr-be1aba5e.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-zdf
  i {
  -webkit-mask-image: url(../img/zdf-ebb6d646.svg);
  mask-image: url(../img/zdf-ebb6d646.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-zdfinfo
  i {
  -webkit-mask-image: url(../img/zdfinfo-90fdcd3b.svg);
  mask-image: url(../img/zdfinfo-90fdcd3b.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-zdfneo
  i {
  -webkit-mask-image: url(../img/zdfneo-2fba1e20.svg);
  mask-image: url(../img/zdfneo-2fba1e20.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-sounds
  i {
  -webkit-mask-image: unset;
  -webkit-mask-image: unset;
  mask-image: unset;
  background-color: #0000;
  background-image: url(../img/sounds-ad354f7c.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text {
  opacity: 1;
  min-width: 0;
  padding-left: 30px;
  transition: opacity 0.3s ease-in-out;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text
  p {
  text-overflow: ellipsis;
  line-height: normal;
  overflow: hidden;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-main {
  font-size: 30px;
  font-weight: 700;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-byline {
  font-size: 20px;
}
.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget i.ardplayer-icon {
  margin-right: -14px;
  display: none;
}
.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget i.ardplayer-icon:before {
  font-size: 60px;
  font-weight: 700 !important;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-link {
  border-radius: 40px;
  width: auto;
  max-width: 80px;
  height: 100%;
  transition: max-width 0.3s linear;
  display: none;
  position: absolute;
  overflow: hidden;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-link
  span {
  color: #fff;
  background-color: #fff;
  border-radius: 40px;
  padding-left: 120px;
  padding-right: 44px;
  font-size: 22px;
  line-height: 80px;
  transition: color 0.2s ease-out;
  display: inline-block;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-link
  span:before {
  margin-right: 5px;
  font-size: 44px;
  position: absolute;
  right: 0;
}
.ardplayer.ardplayer-embedded.ardplayer-show-errorframe .ardplayer-title-container,
.ardplayer.ardplayer-showback.ardplayer-showback-fullscreen.ardplayer-show-errorframe
  .ardplayer-title-container,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen).ardplayer-show-errorframe
  .ardplayer-title-container {
  display: block !important;
}
.ardplayer.ardplayer-embedded .ardplayer-errorframe:after,
.ardplayer.ardplayer-embedded .ardplayer-posterframe:after,
.ardplayer.ardplayer-showback.ardplayer-showback-fullscreen .ardplayer-errorframe:after,
.ardplayer.ardplayer-showback.ardplayer-showback-fullscreen .ardplayer-posterframe:after,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen) .ardplayer-errorframe:after,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen) .ardplayer-posterframe:after {
  content: ' ';
  background: linear-gradient(#0009, #0006, #0000);
  height: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.ardplayer.ardplayer-embedded .ardplayer-title-container,
.ardplayer.ardplayer-showback.ardplayer-showback-fullscreen .ardplayer-title-container,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen) .ardplayer-title-container {
  display: block;
}
.ardplayer.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget,
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text,
.ardplayer.ardplayer-showback.ardplayer-showback-fullscreen
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget,
.ardplayer.ardplayer-showback.ardplayer-showback-fullscreen
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text {
  visibility: visible;
}
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img,
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-link,
.ardplayer.ardplayer-showback
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  i.ardplayer-icon {
  display: block;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer.ardplayer-embedded
    .ardplayer-title-container
    .ardplayer-title-sizer
    .ardplayer-title-widget.ardplayer-button-active
    .ardplayer-title-widget-img,
  .ardplayer.ardplayer-embedded
    .ardplayer-title-container
    .ardplayer-title-sizer
    .ardplayer-title-widget.ardplayer-button-active
    span,
  .ardplayer.ardplayer-embedded
    .ardplayer-title-container
    .ardplayer-title-sizer
    .ardplayer-title-widget:hover
    .ardplayer-title-widget-img,
  .ardplayer.ardplayer-embedded
    .ardplayer-title-container
    .ardplayer-title-sizer
    .ardplayer-title-widget:hover
    span {
    background-color: #fff;
  }
  .ardplayer.ardplayer-embedded
    .ardplayer-title-container
    .ardplayer-title-sizer
    .ardplayer-title-widget.ardplayer-button-active
    .ardplayer-title-widget-text,
  .ardplayer.ardplayer-embedded
    .ardplayer-title-container
    .ardplayer-title-sizer
    .ardplayer-title-widget:hover
    .ardplayer-title-widget-text {
    opacity: 0;
  }
  .ardplayer.ardplayer-embedded
    .ardplayer-title-container
    .ardplayer-title-sizer
    .ardplayer-title-widget.ardplayer-button-active
    .ardplayer-title-widget-link,
  .ardplayer.ardplayer-embedded
    .ardplayer-title-container
    .ardplayer-title-sizer
    .ardplayer-title-widget:hover
    .ardplayer-title-widget-link {
    max-width: 100vw;
  }
  .ardplayer.ardplayer-embedded
    .ardplayer-title-container
    .ardplayer-title-sizer
    .ardplayer-title-widget.ardplayer-button-active
    .ardplayer-title-widget-link
    span,
  .ardplayer.ardplayer-embedded
    .ardplayer-title-container
    .ardplayer-title-sizer
    .ardplayer-title-widget:hover
    .ardplayer-title-widget-link
    span {
    color: #001e50;
    transition: color 0.2s ease-out 0.1s;
  }
}
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget[data-touching='true']
  .ardplayer-title-widget-img,
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget[data-touching='true']
  span {
  background-color: #fff;
}
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget[data-touching='true']
  .ardplayer-title-widget-text {
  opacity: 0;
}
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget[data-touching='true']
  .ardplayer-title-widget-link {
  max-width: 100vw;
}
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget[data-touching='true']
  .ardplayer-title-widget-link
  span {
  color: #001e50;
  transition: color 0.2s ease-out 0.1s;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget {
  margin-left: calc(16px + var(--safe-area-inset-h));
  margin-top: calc(16px + var(--safe-area-inset-top));
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-img {
  border-radius: 32px;
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text {
  padding-left: 16px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-main {
  font-size: 20px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-byline {
  font-size: 16px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  i.ardplayer-icon {
  margin-right: -20px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  i.ardplayer-icon:before {
  font-size: 40px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link {
  border-radius: 32px;
  max-width: 64px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link
  span {
  border-radius: 32px;
  padding-left: 96px;
  padding-right: 36px;
  font-size: 18px;
  line-height: 64px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link
  span:before {
  font-size: 36px;
}
.ardplayer.ardplayer-s.ardplayer-showback:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget {
  margin-left: calc(var(--safe-area-inset-h));
  margin-top: calc(var(--safe-area-inset-top));
}
.ardplayer.ardplayer-s.ardplayer-embedded:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget {
  margin-left: 12px;
  margin-top: calc(var(--safe-area-inset-top));
}
.ardplayer.ardplayer-s .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-img,
.ardplayer.ardplayer-state-audio
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-img {
  border-radius: 24px;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
}
.ardplayer.ardplayer-s
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-main,
.ardplayer.ardplayer-state-audio
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-main {
  -webkit-line-clamp: 2;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  font-size: 18px;
  font-weight: 400;
  display: -webkit-box;
}
.ardplayer.ardplayer-s
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-byline,
.ardplayer.ardplayer-state-audio
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-byline {
  display: none;
}
.ardplayer.ardplayer-s .ardplayer-title-container .ardplayer-title-sizer i.ardplayer-icon,
.ardplayer.ardplayer-state-audio .ardplayer-title-container .ardplayer-title-sizer i.ardplayer-icon {
  margin-right: -18px;
}
.ardplayer.ardplayer-s .ardplayer-title-container .ardplayer-title-sizer i.ardplayer-icon:before,
.ardplayer.ardplayer-state-audio .ardplayer-title-container .ardplayer-title-sizer i.ardplayer-icon:before {
  font-size: 36px;
}
.ardplayer.ardplayer-s .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-link,
.ardplayer.ardplayer-state-audio
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link {
  border-radius: 24px;
  max-width: 48px;
}
.ardplayer.ardplayer-s .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-link span,
.ardplayer.ardplayer-state-audio
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link
  span {
  border-radius: 24px;
  padding-left: 72px;
  padding-right: 32px;
  font-size: 16px;
  line-height: 48px;
}
.ardplayer.ardplayer-s
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link
  span:before,
.ardplayer.ardplayer-state-audio
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link
  span:before {
  font-size: 32px;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
    .ardplayer-title-container
    .ardplayer-title-sizer.ardplayer-button-active
    .ardplayer-title-widget,
  .ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
    .ardplayer-title-container
    .ardplayer-title-sizer:hover
    .ardplayer-title-widget {
    margin-right: 0;
  }
  .ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
    .ardplayer-title-container
    .ardplayer-title-sizer.ardplayer-button-active
    .ardplayer-title-widget-text,
  .ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
    .ardplayer-title-container
    .ardplayer-title-sizer:hover
    .ardplayer-title-widget-text {
    margin-right: var(--headline-right-margin);
  }
}
.ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer[data-touching='true']
  .ardplayer-title-widget {
  margin-right: 0;
}
.ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer[data-touching='true']
  .ardplayer-title-widget-text {
  margin-right: var(--headline-right-margin);
}
.ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-img {
  border-radius: 24px;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
}
.ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link {
  border-radius: 24px;
  max-width: 48px;
}
.ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link
  span {
  border-radius: 24px;
  padding-left: 72px;
  line-height: 48px;
}
.ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-main {
  font-size: 16px;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer.ardplayer-state-mobile
    .ardplayer-title-sizer.ardplayer-button-active
    .ardplayer-title-widget-text,
  .ardplayer.ardplayer-state-mobile .ardplayer-title-sizer:hover .ardplayer-title-widget-text {
    opacity: 1;
  }
  .ardplayer.ardplayer-state-mobile
    .ardplayer-title-sizer.ardplayer-button-active
    .ardplayer-title-widget-link,
  .ardplayer.ardplayer-state-mobile .ardplayer-title-sizer:hover .ardplayer-title-widget-link {
    visibility: hidden;
  }
}
.ardplayer.ardplayer-state-mobile .ardplayer-title-sizer[data-touching='true'] .ardplayer-title-widget-text {
  opacity: 1;
}
.ardplayer.ardplayer-state-mobile .ardplayer-title-sizer[data-touching='true'] .ardplayer-title-widget-link {
  visibility: hidden;
}
.ardplayer .ardplayer-buffering {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  5% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.ardplayer .ardplayer-buffering .ardplayer-loader {
  position: absolute;
  top: 50%;
  left: 50%;
}
.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple {
  position: relative;
  transform: translateY(-48px);
}
.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple > div:nth-child(2) {
  animation-delay: -0.4s;
}
.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple > div:nth-child(3) {
  animation-delay: -0.2s;
}
.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple > div {
  background-color: var(--ardplayer-color-primary);
  opacity: 0;
  border-radius: 100%;
  width: 96px;
  height: 96px;
  margin: 0;
  animation: 1s linear infinite both ball-scale-multiple;
  position: absolute;
  top: 0;
  left: -48px;
}
@media (prefers-reduced-motion) {
  .ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple > div {
    animation-play-state: paused;
    animation-delay: -0.5s;
    display: none;
    animation-duration: 1s !important;
  }
  .ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple > div:first-child {
    display: block;
  }
}
.ardplayer.ardplayer-m .ardplayer-buffering .ardplayer-ball-scale-multiple {
  transform: translateY(-37.5px);
}
.ardplayer.ardplayer-m .ardplayer-buffering .ardplayer-ball-scale-multiple > div {
  width: 75px;
  height: 75px;
  left: -37.5px;
}
@keyframes ardplayer-seek-transition-forward {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  to {
    opacity: 0;
    transform: translate(-50%) scale(2);
  }
}
@keyframes ardplayer-seek-transition-back {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  to {
    opacity: 0;
    transform: translate(50%) scale(2);
  }
}
.ardplayer .ardplayer-seeking-indicator {
  backface-visibility: hidden;
  pointer-events: none;
  will-change: opacity, transform;
  display: none;
  position: absolute;
  inset: 0;
  transform: translate(0) scale(1);
}
.ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-forward {
  transform-origin: 100%;
  animation: 0.5s ease-out ardplayer-seek-transition-forward;
  display: block;
}
.ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-forward > div {
  transform: scale(1.5) translate(60%);
}
.ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-back {
  transform-origin: 0;
  animation: 0.5s ease-out ardplayer-seek-transition-back;
  display: block;
}
.ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-back > div {
  transform: scale(1.5) translate(-60%);
}
.ardplayer .ardplayer-seeking-indicator div {
  position: absolute;
  inset: 0;
}
.ardplayer .ardplayer-seeking-indicator div div {
  background-color: var(--ardplayer-color-lightest-transparent-50);
  border-radius: 100%;
  width: 50%;
  height: 0;
  padding-top: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ardplayer .ardplayer-seeking-indicator div div div {
  width: 75%;
  padding-top: 75%;
}
@media (prefers-reduced-motion) {
  .ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-back,
  .ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-forward {
    display: none;
  }
}
@keyframes playstateZoomPlay {
  0% {
    transform: scaleX(1);
  }
  10% {
    opacity: 1;
    visibility: visible;
  }
  to {
    transform: scale3d(2, 2, 2);
  }
}
@keyframes playstateZoomPause {
  0% {
    transform: scaleX(1);
  }
  10% {
    opacity: 1;
    visibility: visible;
  }
  to {
    transform: scale3d(2, 2, 2);
  }
}
.ardplayer .ardplayer-playstate-zoom {
  background-color: var(--ardplayer-color-primary-transparent-30);
  color: var(--ardplayer-color-lightest);
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  visibility: hidden;
  border-radius: 100%;
  width: 72px;
  height: 72px;
  font-size: 72px;
  animation-duration: 0.6s;
  animation-fill-mode: none;
  display: none;
  position: absolute;
  top: calc(50% - 36px);
  left: calc(50% - 36px);
}
.ardplayer .ardplayer-playstate-zoom.ardplayer-icon-play {
  animation-name: playstateZoomPlay;
  display: block;
}
.ardplayer .ardplayer-playstate-zoom.ardplayer-icon-pause {
  animation-name: playstateZoomPause;
  display: block;
}
.ardplayer.ardplayer-m .ardplayer-playstate-zoom {
  width: 48px;
  height: 48px;
  font-size: 48px;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
}
@media (prefers-reduced-motion) {
  .ardplayer .ardplayer-playstate-zoom.ardplayer-icon-pause,
  .ardplayer .ardplayer-playstate-zoom.ardplayer-icon-play {
    display: none;
  }
}
.ardplayer.ardplayer-s .ardplayer-playstate-zoom.ardplayer-icon-pause,
.ardplayer.ardplayer-s .ardplayer-playstate-zoom.ardplayer-icon-play,
.ardplayer.ardplayer-sm .ardplayer-playstate-zoom.ardplayer-icon-pause,
.ardplayer.ardplayer-sm .ardplayer-playstate-zoom.ardplayer-icon-play {
  display: none;
}
.ardplayer {
  --video-zoom-width: calc(30px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-m,
.ardplayer.ardplayer-sm {
  --video-zoom-width: calc(16px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-s {
  --video-zoom-width: max(0px + var(--safe-area-inset-h), 12px);
}
@keyframes ardplayer-video-zoom-in {
  0% {
    opacity: 0;
    border-width: 0;
  }
  40% {
    opacity: 1;
  }
  50% {
    border-width: var(--video-zoom-width);
  }
  to {
    border-width: var(--video-zoom-width);
    opacity: 0;
  }
}
@keyframes ardplayer-video-zoom-out {
  0% {
    border-width: var(--video-zoom-width);
    opacity: 0;
  }
  25% {
    border-width: var(--video-zoom-width);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    border-width: 0;
  }
}
.ardplayer .ardplayer-video-zoom {
  border-color: var(--ardplayer-color-lightest-transparent-50);
  pointer-events: none;
  border-style: solid;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-direction: normal;
  display: none;
  position: absolute;
  inset: 0;
}
.ardplayer .ardplayer-video-zoom.ardplayer-video-zoom-inward {
  animation-name: ardplayer-video-zoom-in;
  display: block;
}
.ardplayer .ardplayer-video-zoom.ardplayer-video-zoom-outward {
  animation-name: ardplayer-video-zoom-out;
  display: block;
}
@media (prefers-reduced-motion) {
  .ardplayer .ardplayer-video-zoom {
    animation: none;
    display: none;
  }
}
.ardplayer .ardplayer-marquee-container {
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 5px calc(100% - 20px), #0000);
  mask-image: linear-gradient(90deg, #0000, #000 5px calc(100% - 20px), #0000);
  padding-left: 5px !important;
  overflow-x: hidden !important;
}
.ardplayer .ardplayer-marquee-container .ardplayer-marquee {
  will-change: transform, opacity;
  text-overflow: clip !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
.ardplayer .ardplayer-title-container .ardplayer-title-sizer {
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease-in-out;
}
.ardplayer .ardplayer-footer .ardplayer-buttons-main {
  display: block;
}
.ardplayer .ardplayer-center .ardplayer-buttons-main,
.ardplayer.ardplayer-s .ardplayer-footer .ardplayer-buttons-main,
.ardplayer.ardplayer-sm .ardplayer-footer .ardplayer-buttons-main {
  display: none;
}
.ardplayer.ardplayer-s .ardplayer-center .ardplayer-buttons-main,
.ardplayer.ardplayer-sm .ardplayer-center .ardplayer-buttons-main {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}
.ardplayer.ardplayer-s .ardplayer-center button,
.ardplayer.ardplayer-sm .ardplayer-center button {
  width: 48px;
  height: 48px;
  margin: 0;
}
.ardplayer.ardplayer-s .ardplayer-center button,
.ardplayer.ardplayer-s .ardplayer-center button:after,
.ardplayer.ardplayer-s .ardplayer-center button:before,
.ardplayer.ardplayer-sm .ardplayer-center button,
.ardplayer.ardplayer-sm .ardplayer-center button:after,
.ardplayer.ardplayer-sm .ardplayer-center button:before {
  font-size: 48px;
  line-height: 48px;
}
.ardplayer.ardplayer-s .ardplayer-center .ardplayer-button-big button,
.ardplayer.ardplayer-s .ardplayer-center button.ardplayer-button-big {
  width: 60px;
  height: 60px;
}
.ardplayer.ardplayer-s .ardplayer-center .ardplayer-button-big button,
.ardplayer.ardplayer-s .ardplayer-center .ardplayer-button-big button:after,
.ardplayer.ardplayer-s .ardplayer-center .ardplayer-button-big button:before,
.ardplayer.ardplayer-s .ardplayer-center button.ardplayer-button-big,
.ardplayer.ardplayer-s .ardplayer-center button.ardplayer-button-big:after,
.ardplayer.ardplayer-s .ardplayer-center button.ardplayer-button-big:before {
  font-size: 60px;
  line-height: 60px;
}
.ardplayer.ardplayer-sm .ardplayer-center button {
  width: 72px;
  height: 72px;
}
.ardplayer.ardplayer-sm .ardplayer-center button,
.ardplayer.ardplayer-sm .ardplayer-center button:after,
.ardplayer.ardplayer-sm .ardplayer-center button:before {
  font-size: 72px;
  line-height: 72px;
}
.ardplayer.ardplayer-sm .ardplayer-center .ardplayer-button-big button,
.ardplayer.ardplayer-sm .ardplayer-center button.ardplayer-button-big {
  width: 84px;
  height: 84px;
}
.ardplayer.ardplayer-sm .ardplayer-center .ardplayer-button-big button,
.ardplayer.ardplayer-sm .ardplayer-center .ardplayer-button-big button:after,
.ardplayer.ardplayer-sm .ardplayer-center .ardplayer-button-big button:before,
.ardplayer.ardplayer-sm .ardplayer-center button.ardplayer-button-big,
.ardplayer.ardplayer-sm .ardplayer-center button.ardplayer-button-big:after,
.ardplayer.ardplayer-sm .ardplayer-center button.ardplayer-button-big:before {
  font-size: 84px;
  line-height: 84px;
}
.ardplayer .ardplayer-header {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease-in-out;
}
.ardplayer .ardplayer-header button {
  pointer-events: none;
  transition:
    transform 0.2s ease-in-out,
    color 0.2s ease-in-out;
}
.ardplayer .ardplayer-title-container {
  pointer-events: none;
}
.ardplayer .ardplayer-center .ardplayer-addons-container-big,
.ardplayer .ardplayer-center .ardplayer-button-fullscreen-container,
.ardplayer .ardplayer-center .ardplayer-buttons-main,
.ardplayer .ardplayer-footer .ardplayer-addons-container-big,
.ardplayer .ardplayer-footer .ardplayer-button-fullscreen-container,
.ardplayer .ardplayer-footer .ardplayer-buttons-main {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}
.ardplayer .ardplayer-center button,
.ardplayer .ardplayer-footer button {
  pointer-events: none;
  transition:
    transform 0.2s ease-in-out,
    color 0.2s ease-in-out,
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out;
}
.ardplayer .ardplayer-footer {
  opacity: 0;
  transition:
    transform 0.6s ease-in-out,
    opacity 0.6s ease-in-out,
    visibility 0.6s ease-in-out;
}
.ardplayer .ardplayer-footer .ardplayer-buttons-main {
  bottom: calc(35px + var(--safe-area-inset-bottom));
  left: calc(30px + var(--safe-area-inset-h));
  position: absolute;
}
.ardplayer.ardplayer-m .ardplayer-footer .ardplayer-buttons-main,
.ardplayer.ardplayer-sm .ardplayer-footer .ardplayer-buttons-main {
  bottom: calc(15px + var(--safe-area-inset-bottom));
  left: calc(16px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-s .ardplayer-footer .ardplayer-buttons-main {
  left: calc(var(--safe-area-inset-h));
}
.ardplayer .ardplayer-control {
  opacity: 0;
  transition:
    transform 0.6s ease-in-out,
    opacity 0.6s ease-in-out,
    visibility 0.6s ease-in-out;
}
.ardplayer .ardplayer-control button {
  pointer-events: none;
}
.ardplayer.ardplayer-show-controls,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) {
  cursor: default;
}
.ardplayer.ardplayer-show-controls .ardplayer-addons-container-big button,
.ardplayer.ardplayer-show-controls .ardplayer-button-fullscreen-container button,
.ardplayer.ardplayer-show-controls .ardplayer-center .ardplayer-buttons-main button,
.ardplayer.ardplayer-show-controls .ardplayer-control button,
.ardplayer.ardplayer-show-controls .ardplayer-footer button,
.ardplayer.ardplayer-show-controls .ardplayer-header button,
.ardplayer.ardplayer-show-controls .ardplayer-title-widget,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-addons-container-big
  button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-button-fullscreen-container
  button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-center
  .ardplayer-buttons-main
  button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-control button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-footer button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-header button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-title-widget {
  pointer-events: all;
}
.ardplayer.ardplayer-show-controls .ardplayer-addons-container-big,
.ardplayer.ardplayer-show-controls .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-show-controls .ardplayer-buttons-main,
.ardplayer.ardplayer-show-controls .ardplayer-buttons-main .ardplayer-icon-nextclip,
.ardplayer.ardplayer-show-controls .ardplayer-buttons-main .ardplayer-icon-prevclip,
.ardplayer.ardplayer-show-controls .ardplayer-buttons-main .ardplayer-icon-skipbackward,
.ardplayer.ardplayer-show-controls .ardplayer-buttons-main .ardplayer-icon-skipforward,
.ardplayer.ardplayer-show-controls .ardplayer-center,
.ardplayer.ardplayer-show-controls .ardplayer-control,
.ardplayer.ardplayer-show-controls .ardplayer-footer,
.ardplayer.ardplayer-show-controls .ardplayer-header,
.ardplayer.ardplayer-show-controls .ardplayer-title-container .ardplayer-title-sizer,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-buttons-main,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-buttons-main
  .ardplayer-icon-nextclip,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-buttons-main
  .ardplayer-icon-prevclip,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-buttons-main
  .ardplayer-icon-skipbackward,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-buttons-main
  .ardplayer-icon-skipforward,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-center,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-control,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-footer,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-header,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-title-container
  .ardplayer-title-sizer,
.ardplayer.ardplayer-state-inactive:not(.ardplayer-show-errorframe)
  .ardplayer-title-container
  .ardplayer-title-sizer {
  opacity: 1;
}
.ardplayer.ardplayer-show-posterframe .ardplayer-center,
.ardplayer.ardplayer-show-posterframe .ardplayer-control,
.ardplayer.ardplayer-show-posterframe .ardplayer-controlbar,
.ardplayer.ardplayer-show-posterframe .ardplayer-footer,
.ardplayer.ardplayer-show-posterframe .ardplayer-header,
.ardplayer.ardplayer-show-posterframe .ardplayer-time-playhead,
.ardplayer.ardplayer-show-posterframe .ardplayer-time-remaining {
  display: none;
}
.ardplayer.ardplayer-show-posterframe .ardplayer-title-widget {
  pointer-events: all;
}
.ardplayer.ardplayer-show-posterframe .ardplayer-posterframe {
  display: block;
}
.ardplayer.ardplayer-show-posterframe .ardplayer-viewport > * {
  visibility: hidden;
}
.ardplayer.ardplayer-show-errorframe {
  background-color: var(--ardplayer-color-secondary);
}
.ardplayer.ardplayer-show-errorframe:not(.ardplayer-state-interactive-error) > * {
  display: none !important;
}
.ardplayer.ardplayer-show-errorframe .ardplayer-errorframe,
.ardplayer.ardplayer-show-errorframe .ardplayer-posterframe {
  display: block !important;
}
.ardplayer.ardplayer-show-errorframe .ardplayer-posterframe {
  background-color: var(--ardplayer-color-secondary);
  filter: blur(1rem);
  transform: translateZ(0);
}
.ardplayer.ardplayer-show-errorframe .ardplayer-posterframe .ardplayer-posterframe-buttons,
.ardplayer.ardplayer-show-errorframe .ardplayer-posterframe span {
  display: none;
}
.ardplayer.ardplayer-show-errorframe .ardplayer-contextmenu.ardplayer-open {
  display: block !important;
}
.ardplayer.ardplayer-show-errorframe.ardplayer-posterframe-transparent {
  background-color: #0000;
}
.ardplayer.ardplayer-show-errorframe.ardplayer-posterframe-transparent .ardplayer-posterbackdrop,
.ardplayer.ardplayer-show-errorframe.ardplayer-posterframe-transparent .ardplayer-posterframe {
  background: 0 0;
}
.ardplayer .ardplayer-controlbar-hover,
.ardplayer .ardplayer-controlbar-seek-indicator {
  display: none;
}
.ardplayer.ardplayer-show-controlbar-hover .ardplayer-controlbar-hover,
.ardplayer.ardplayer-show-controlbar-hover .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-show-controlbar-thumb-hover .ardplayer-controlbar-hover,
.ardplayer.ardplayer-show-controlbar-thumb-hover .ardplayer-controlbar-seek-indicator {
  display: block;
}
.ardplayer.ardplayer-show-focus-outlines .ardplayer-controlbar .ardplayer-focus-outline,
.ardplayer.ardplayer-show-focus-outlines .ardplayer-controlbar:focus,
.ardplayer.ardplayer-show-focus-outlines [tabindex]:not([tabindex^='\-']) .ardplayer-focus-outline,
.ardplayer.ardplayer-show-focus-outlines [tabindex]:not([tabindex^='\-']):focus,
.ardplayer.ardplayer-show-focus-outlines button .ardplayer-focus-outline,
.ardplayer.ardplayer-show-focus-outlines button:focus {
  outline: 2px solid var(--ardplayer-color-primary);
  outline-offset: -2px;
}
.ardplayer.ardplayer-show-focus-outlines .ardplayer-controlbar:focus:not(:focus-visible),
.ardplayer.ardplayer-show-focus-outlines [tabindex]:not([tabindex^='\-']):focus:not(:focus-visible),
.ardplayer.ardplayer-show-focus-outlines button:focus:not(:focus-visible),
.ardplayer:not(.ardplayer-show-focus-outlines) .ardplayer-controlbar .ardplayer-focus-outline,
.ardplayer:not(.ardplayer-show-focus-outlines) .ardplayer-controlbar:focus,
.ardplayer:not(.ardplayer-show-focus-outlines) .ardplayer-controlbar:focus-visible,
.ardplayer:not(.ardplayer-show-focus-outlines) [tabindex]:not([tabindex^='\-']) .ardplayer-focus-outline,
.ardplayer:not(.ardplayer-show-focus-outlines) [tabindex]:not([tabindex^='\-']):focus,
.ardplayer:not(.ardplayer-show-focus-outlines) [tabindex]:not([tabindex^='\-']):focus-visible,
.ardplayer:not(.ardplayer-show-focus-outlines) button .ardplayer-focus-outline,
.ardplayer:not(.ardplayer-show-focus-outlines) button:focus,
.ardplayer:not(.ardplayer-show-focus-outlines) button:focus-visible {
  outline: none;
}
.ardplayer.ardplayer-state-exclusive-ui {
  cursor: default;
}
.ardplayer.ardplayer.reinit-ardplayer :not(.allow-init-animation),
.ardplayer.ardplayer.reinit-ardplayer :not(.allow-init-animation):before,
.ardplayer.reinit-ardplayer :not(.allow-init-animation),
.ardplayer.reinit-ardplayer :not(.allow-init-animation):before {
  transition: none !important;
  animation: none !important;
}
@media (prefers-reduced-motion) {
  .ardplayer *,
  .ardplayer :before,
  .ardplayer.ardplayer *,
  .ardplayer.ardplayer :before {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
  }
}
.ardplayer .ardplayer-init-mq,
.ardplayer .ardplayer-init-mq *,
.ardplayer .ardplayer-init-mq :before,
.ardplayer.ardplayer-init,
.ardplayer.ardplayer-init :not(.allow-init-animation),
.ardplayer.ardplayer-init :not(.allow-init-animation):before,
.ardplayer.ardplayer-init-mq,
.ardplayer.ardplayer-init-mq *,
.ardplayer.ardplayer-init-mq :before,
.ardplayer.ardplayer-state-loading,
.ardplayer.ardplayer-state-loading :not(.allow-init-animation),
.ardplayer.ardplayer-state-loading :not(.allow-init-animation):before,
.ardplayer.ardplayer.ardplayer-init,
.ardplayer.ardplayer.ardplayer-init :not(.allow-init-animation),
.ardplayer.ardplayer.ardplayer-init :not(.allow-init-animation):before,
.ardplayer.ardplayer.ardplayer-init-mq,
.ardplayer.ardplayer.ardplayer-init-mq *,
.ardplayer.ardplayer.ardplayer-init-mq :before,
.ardplayer.ardplayer.ardplayer-state-loading,
.ardplayer.ardplayer.ardplayer-state-loading :not(.allow-init-animation),
.ardplayer.ardplayer.ardplayer-state-loading :not(.allow-init-animation):before {
  transition: none !important;
  animation-name: none !important;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live,
.ardplayer.ardplayer-state-audio.ardplayer-state-live,
.ardplayer.ardplayer-state-live {
  --ardplayer-color-primary: var(--ardplayer-color-primary-live);
  --ardplayer-color-tertiary: var(--ardplayer-color-primary-live);
  --ardplayer-color-primary-transparent-30: var(--ardplayer-color-primary-live-transparent-30);
  --ardplayer-color-primary-transparent-50: var(--ardplayer-color-primary-live-transparent-50);
  --ardplayer-color-primary-dark: var(--ardplayer-color-primary-dark-live);
  --ardplayer-color-primary-dark-transparent-30: var(--ardplayer-color-primary-dark-live-transparent-30);
  --ardplayer-color-primary-dark-transparent-50: var(--ardplayer-color-primary-dark-live-transparent-50);
  --ardplayer-color-primary-dark-transparent-90: var(--ardplayer-color-primary-dark-live-transparent-90);
  --ardplayer-color-primary-dark-transparent-100: var(--ardplayer-color-primary-dark-live-transparent-100);
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live
  .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-audio.ardplayer-state-live .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-live .ardplayer-button-jumptolive {
  display: inline-flex;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio.ardplayer-state-live .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-live .ardplayer-footer .ardplayer-time-playhead {
  color: var(--ardplayer-color-primary-live);
  visibility: hidden !important;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live
  .ardplayer-footer
  .ardplayer-time-playhead:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-live .ardplayer-footer .ardplayer-time-playhead:after,
.ardplayer.ardplayer-state-live .ardplayer-footer .ardplayer-time-playhead:after {
  content: 'LIVE';
  visibility: visible;
  display: block;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live
  .ardplayer-controlbar
  .ardplayer-controlbar-hover,
.ardplayer.ardplayer-state-audio.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover,
.ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover {
  background: var(--ardplayer-color-primary-live);
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live
  .ardplayer-controlbar
  .ardplayer-controlbar-hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover:after,
.ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover:after {
  border-right: 2px solid var(--ardplayer-color-primary-live);
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-footer
  .ardplayer-time-remaining,
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-timeline-container,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-footer
  .ardplayer-time-remaining,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-timeline-container,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-footer .ardplayer-time-remaining,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-timeline-container {
  display: none;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-footer .ardplayer-time-playhead {
  text-align: left;
}
.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live {
  -webkit-user-select: none;
  user-select: none;
  will-change: transform;
  font-weight: 700;
  transition: transform 0.2s ease-in-out;
  display: none;
  overflow: clip;
}
.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live:after {
  margin-right: 5px;
  display: inline-block;
  transform: scale(2.5) !important;
}
.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live:not(.ardplayer-button-disabled) {
  cursor: pointer;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer
    .ardplayer-footer
    .ardplayer-time-seek-to-live:not(.ardplayer-button-disabled).ardplayer-button-active,
  .ardplayer .ardplayer-footer .ardplayer-time-seek-to-live:not(.ardplayer-button-disabled):hover,
  .ardplayer
    .ardplayer-footer
    .ardplayer-time-seek-to-live:not(.ardplayer-button-disabled)[aria-pressed='true'] {
    transform: scale(1.1);
  }
}
.ardplayer
  .ardplayer-footer
  .ardplayer-time-seek-to-live:not(.ardplayer-button-disabled)[data-touching='true'] {
  transform: scale(1.1);
}
.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s:not(.ardplayer-state-live-dvr-active)
  .ardplayer-footer
  .ardplayer-time-remaining {
  display: none;
}
.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s:not(.ardplayer-state-live-dvr-active)
  .ardplayer-footer
  .ardplayer-time-seek-to-live,
.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-sm:not(.ardplayer-state-live-dvr-active)
  .ardplayer-footer
  .ardplayer-time-seek-to-live {
  color: var(--ardplayer-color-primary-live);
}
.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s.ardplayer-state-live-dvr-active
  .ardplayer-footer
  .ardplayer-time-seek-to-live,
.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-sm.ardplayer-state-live-dvr-active
  .ardplayer-footer
  .ardplayer-time-seek-to-live {
  color: var(--ardplayer-color-lightest);
}
.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-sm
  .ardplayer-footer
  .ardplayer-time-playhead {
  display: none;
}
.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s
  .ardplayer-footer
  .ardplayer-time-seek-to-live,
.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-sm
  .ardplayer-footer
  .ardplayer-time-seek-to-live {
  pointer-events: all;
  display: inline-block;
}
.ardplayer.ardplayer-state-audio.ardplayer-old-webkit {
  overflow: initial;
}
.ardplayer.ardplayer-state-audio .ardplayer-background,
.ardplayer.ardplayer-state-audio .ardplayer-button-fullscreen,
.ardplayer.ardplayer-state-audio .ardplayer-header,
.ardplayer.ardplayer-state-audio .ardplayer-playstate-zoom {
  display: none;
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-audio-app) .ardplayer-button-playpause {
  color: var(--ardplayer-color-primary-dark-base);
  position: relative;
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-audio-app) .ardplayer-button-playpause:after {
  background-color: var(--ardplayer-color-lightest);
  content: '';
  z-index: -1;
  border-radius: 50%;
  transition:
    background-color 0.2s ease-in-out,
    transform 0.2s ease-in-out,
    color 0.2s ease-in-out,
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out;
  display: block;
  position: absolute;
  inset: 6px;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer.ardplayer-state-audio:not(.ardplayer-state-audio-app)
    .ardplayer-button-playpause.ardplayer-button-active,
  .ardplayer.ardplayer-state-audio:not(.ardplayer-state-audio-app) .ardplayer-button-playpause:hover {
    color: var(--ardplayer-color-primary-dark-base);
  }
  .ardplayer.ardplayer-state-audio:not(.ardplayer-state-audio-app)
    .ardplayer-button-playpause.ardplayer-button-active:after,
  .ardplayer.ardplayer-state-audio:not(.ardplayer-state-audio-app) .ardplayer-button-playpause:hover:after {
    background-color: var(--ardplayer-color-hover);
  }
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-audio-app)
  .ardplayer-button-playpause[data-touching='true'] {
  color: var(--ardplayer-color-primary-dark-base);
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-audio-app)
  .ardplayer-button-playpause[data-touching='true']:after {
  background-color: var(--ardplayer-color-hover);
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-audio-app):not(.ardplayer-state-ci-branding)
  .ardplayer-top-row-station {
  display: none;
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-audio-app).ardplayer-state-live
  .ardplayer-button-playpause {
  color: var(--ardplayer-color-lightest);
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-audio-app).ardplayer-state-live
  .ardplayer-button-playpause:after {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer.ardplayer-state-audio .ardplayer-viewport {
  height: 0;
  bottom: 0;
}
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader {
  opacity: 1;
  visibility: visible;
}
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader:not(:hover) .noUi-handle {
  transform: scale(0);
}
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .noUi-handle {
  will-change: transform;
  transition: transform 0.2s ease-in-out;
}
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .noUi-connect {
  border-radius: 1.5px;
}
.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop {
  background: linear-gradient(
    148deg,
    var(--ardplayer-color-primary-dark-base) 0,
    var(--ardplayer-color-tertiary-dark) 35%,
    var(--ardplayer-color-primary-dark-base) 100%
  );
  display: block;
}
.ardplayer.ardplayer-state-audio .ardplayer-button-volume {
  transition:
    visibility 0.2s ease-in-out,
    opacity 0.2s ease-in-out;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-show-posterframe):after {
  content: ' ';
  background: #aca8a866;
  height: 4px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-timeline-container {
  display: none;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-volume {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
  .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
  .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
  .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
  .ardplayer-button-prevclip {
  color: #9d9d9d99;
  cursor: default !important;
  pointer-events: none !important;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-jumpbackward.ardplayer-button-active:after,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-jumpbackward.ardplayer-button-active:before,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-jumpbackward:hover:after,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-jumpbackward:hover:before,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-jumpbackward[aria-pressed='true']:after,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-jumpbackward[aria-pressed='true']:before,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-jumpforward.ardplayer-button-active:after,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-jumpforward.ardplayer-button-active:before,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-jumpforward:hover:after,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-jumpforward:hover:before,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-jumpforward[aria-pressed='true']:after,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-jumpforward[aria-pressed='true']:before,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-nextclip.ardplayer-button-active:after,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-nextclip.ardplayer-button-active:before,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-nextclip:hover:after,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-nextclip:hover:before,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-nextclip[aria-pressed='true']:after,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-nextclip[aria-pressed='true']:before,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-prevclip.ardplayer-button-active:after,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-prevclip.ardplayer-button-active:before,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-prevclip:hover:after,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-prevclip:hover:before,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-prevclip[aria-pressed='true']:after,
  .ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
    .ardplayer-button-prevclip[aria-pressed='true']:before {
    transform: none;
  }
}
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
  .ardplayer-button-jumpbackward[data-touching='true']:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
  .ardplayer-button-jumpbackward[data-touching='true']:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
  .ardplayer-button-jumpforward[data-touching='true']:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
  .ardplayer-button-jumpforward[data-touching='true']:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
  .ardplayer-button-nextclip[data-touching='true']:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
  .ardplayer-button-nextclip[data-touching='true']:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
  .ardplayer-button-prevclip[data-touching='true']:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app)
  .ardplayer-button-prevclip[data-touching='true']:before {
  transform: none;
}
.ardplayer.ardplayer-state-audio .ardplayer-button-jumptolive-labeled:after,
.ardplayer.ardplayer-state-audio .ardplayer-button-skipbackward-labeled:after {
  margin-left: -8px;
}
.ardplayer.ardplayer-state-audio .ardplayer-button-jumptolive-labeled:after,
.ardplayer.ardplayer-state-audio .ardplayer-button-skipbackward-labeled:before {
  display: inline-block;
  font-size: 32px !important;
}
.ardplayer.ardplayer-state-audio .ardplayer-button-jumptolive-labeled:before,
.ardplayer.ardplayer-state-audio .ardplayer-button-skipbackward-labeled:after {
  font-weight: 600;
  display: inline-block;
  font-size: 12px !important;
}
.ardplayer.ardplayer-state-audio .ardplayer-button-skipbackward-labeled {
  justify-content: flex-end;
  overflow: visible;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-button-skipbackward-labeled.ardplayer-button-disabled:not([data-display-time]),
.ardplayer.ardplayer-state-audio
  .ardplayer-button-skipbackward-labeled.ardplayer-button-visually-disabled:not([data-display-time]) {
  visibility: hidden;
}
.ardplayer.ardplayer-state-audio .ardplayer-button-skipbackward-labeled:before {
  transform-origin: calc(100% + 10px);
}
.ardplayer.ardplayer-state-audio .ardplayer-button-skipbackward-labeled:after {
  content: attr(data-display-time);
  transform-origin: calc(100% - 10px);
}
.ardplayer.ardplayer-state-audio .ardplayer-button-jumptolive-labeled {
  justify-content: flex-start;
  overflow: visible;
}
.ardplayer.ardplayer-state-audio .ardplayer-button-jumptolive-labeled:before {
  content: 'LIVE';
  transform-origin: 10px;
}
.ardplayer.ardplayer-state-audio .ardplayer-button-jumptolive-labeled:after {
  transform-origin: 1px;
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-live):not(.ardplayer-view-container)
  .ardplayer-button-jumptolive-labeled,
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-live):not(.ardplayer-view-container)
  .ardplayer-button-skipbackward-labeled {
  display: none !important;
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-live):not(
    .ardplayer-view-container
  ).ardplayer-state-playlist.ardplayer-state-jumpmarks
  .ardplayer-button-skipbackward,
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-live):not(
    .ardplayer-view-container
  ).ardplayer-state-playlist.ardplayer-state-jumpmarks
  .ardplayer-button-skipforward {
  display: none;
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-live):not(
    .ardplayer-view-container
  ).ardplayer-state-playlist
  .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-live):not(
    .ardplayer-view-container
  ).ardplayer-state-playlist
  .ardplayer-button-prevclip {
  display: block;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-live
  .ardplayer-center
  .ardplayer-button-jumptolive:not(.ardplayer-button-jumptolive-labeled),
.ardplayer.ardplayer-state-audio.ardplayer-state-live
  .ardplayer-center
  .ardplayer-button-skipbackward:not(.ardplayer-button-skipbackward-labeled),
.ardplayer.ardplayer-state-audio.ardplayer-state-live .ardplayer-center .ardplayer-button-skipforward,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumptolive-labeled,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-skipbackward-labeled,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr.ardplayer-state-inactive:after {
  display: none;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-live:not(.ardplayer-state-live-nodvr)
  .ardplayer-button-jumptolive-labeled,
.ardplayer.ardplayer-state-audio.ardplayer-state-live:not(.ardplayer-state-live-nodvr)
  .ardplayer-button-skipbackward-labeled {
  display: flex;
}
.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe .ardplayer-posterframe {
  filter: unset;
  height: 112px;
  bottom: 0;
  top: unset;
}
.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe .ardplayer-posterframe picture {
  display: none;
}
.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe .ardplayer-errorframe {
  height: 112px;
  bottom: 0;
  top: unset;
}
.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe
  .ardplayer-errorframe
  .ardplayer-errorframe-content {
  transform: unset;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 0;
  bottom: 0;
}
.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  .ardplayer-error-icon {
  width: 48px;
  height: 48px;
  margin: 0 0 0 30px;
  font-size: 48px;
  line-height: 48px;
}
.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  span.ardplayer-error-message {
  margin: 0;
}
.ardplayer.ardplayer-state-audio .ardplayer-center,
.ardplayer.ardplayer-state-audio .ardplayer-footer {
  top: unset;
}
.ardplayer.ardplayer-state-audio .ardplayer-center button,
.ardplayer.ardplayer-state-audio .ardplayer-footer button {
  width: 48px;
  height: 48px;
}
.ardplayer.ardplayer-state-audio .ardplayer-center button,
.ardplayer.ardplayer-state-audio .ardplayer-center button:after,
.ardplayer.ardplayer-state-audio .ardplayer-center button:before,
.ardplayer.ardplayer-state-audio .ardplayer-footer button,
.ardplayer.ardplayer-state-audio .ardplayer-footer button:after,
.ardplayer.ardplayer-state-audio .ardplayer-footer button:before {
  font-size: 48px;
  line-height: 48px;
}
.ardplayer.ardplayer-state-audio .ardplayer-center .ardplayer-buttons-main {
  display: flex;
}
.ardplayer.ardplayer-state-audio .ardplayer-footer .ardplayer-controlbar {
  z-index: 3;
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-embedded, .ardplayer-state-web-app):not(:hover)
  .ardplayer-controlbar
  .noUi-horizontal
  .noUi-handle {
  transform: scale(0);
}
.ardplayer.ardplayer-state-audio .ardplayer-controlbar {
  bottom: 100px;
}
.ardplayer.ardplayer-state-audio .ardplayer-controlbar .noUi-horizontal .noUi-handle {
  will-change: transform;
}
.ardplayer.ardplayer-state-audio .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-state-audio .ardplayer-controlbar .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-state-audio .ardplayer-controlbar .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-state-audio .ardplayer-controlbar .noUi-connect {
  border-radius: 2px;
  height: 4px;
  bottom: 8px;
}
.ardplayer.ardplayer-state-audio .ardplayer-debugger-container {
  position: fixed;
}
.ardplayer.ardplayer-state-audio .ardplayer-audio-title-container p {
  margin-top: 4px;
}
.ardplayer.ardplayer-state-audio .ardplayer-audio-title-container .ardplayer-audio-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
.ardplayer.ardplayer-state-audio .ardplayer-audio-title-container .ardplayer-audio-subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.ardplayer.ardplayer-state-audio .ardplayer-audio-title-container .ardplayer-title-chips-container {
  align-items: center;
  display: flex;
}
.ardplayer.ardplayer-state-audio .ardplayer-title-chip {
  background: var(--ardplayer-color-primary);
  color: var(--ardplayer-color-lightest);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 2px;
  margin-bottom: 5px;
  margin-right: 4px;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  overflow: hidden;
}
.ardplayer.ardplayer-state-audio .ardplayer-title-chip.ardplayer-title-chip-alt {
  background: var(--ardplayer-color-lightest);
  color: var(--ardplayer-color-darkest);
}
.ardplayer.ardplayer-state-audio .ardplayer-title-chip.ardplayer-icon {
  padding-left: 20px;
}
.ardplayer.ardplayer-state-audio .ardplayer-title-chip.ardplayer-icon:before {
  font-size: 22px;
  line-height: 22px;
  position: absolute;
  top: -3px;
  left: 0;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-dvr-active
  .ardplayer-title-chip-live {
  display: none;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-dvr-active .ardplayer-title-chip {
  background: var(--ardplayer-color-lightest);
  color: var(--ardplayer-color-darkest);
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-m) .ardplayer-footer .ardplayer-buttons-main {
  height: 48px;
  left: unset;
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-m) .ardplayer-footer .ardplayer-buttons-main > button {
  display: none;
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-m):not(.ardplayer-state-live-nodvr)
  .ardplayer-center
  .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-audio:not(.ardplayer-m):not(.ardplayer-state-live-nodvr)
  .ardplayer-center
  .ardplayer-button-jumpforward {
  display: inline-flex;
}
.ardplayer.ardplayer-state-audio.ardplayer-m .ardplayer-footer .ardplayer-buttons-main {
  height: 48px;
  left: unset;
}
.ardplayer.ardplayer-state-audio.ardplayer-m .ardplayer-controlbar {
  bottom: 100px;
}
.ardplayer.ardplayer-state-audio.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-state-audio.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-state-audio.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-state-audio.ardplayer-m .ardplayer-controlbar .noUi-connects {
  border-radius: 2px;
  height: 4px;
  bottom: 8px;
}
.ardplayer.ardplayer-state-audio.ardplayer-s:not(.ardplayer-state-live)
  .ardplayer-footer
  .ardplayer-time-playhead:after {
  display: none;
}
.ardplayer.ardplayer-state-audio.ardplayer-s .ardplayer-controlbar {
  bottom: 100px;
}
.ardplayer.ardplayer-state-audio.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-state-audio.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-state-audio.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-state-audio.ardplayer-s .ardplayer-controlbar .noUi-connects {
  border-radius: 2px;
  height: 4px;
  bottom: 8px;
}
.ardplayer.ardplayer-state-audio-app.ardplayer-web-app-container {
  z-index: 200;
  height: 0;
  position: fixed;
  inset: 100% 0 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app {
  --ci-color: var(--ardplayer-color-primary-dark-base);
  --ci-contrast-text-color-fallback: var(--ardplayer-color-lightest);
  --ci-text-color: var(--ci-contrast-text-color-fallback);
  --grid-base-padding: 16px;
  --horizontal-padding-track-width: 0px;
  --horizontal-main-track-width: auto;
  --horizontal-gutter-track-width: 58px;
  --left-safety-padding: var(--grid-base-padding);
  --right-safety-padding: var(--grid-base-padding);
  --tablet-right-safety-padding: 0px;
  --tablet-drawer-track-width: 0px;
  --image-track-height: auto;
  --image-title-track-height: 73px;
  --drawer-track-height: 70px;
  --drawer-closed-margin-top: 11px;
  --progress-track-height: 50px;
  --progress-padding-bottom: var(--grid-base-padding);
  --addon-button-track-height: 48px;
  --addon-button-padding-bottom: var(--grid-base-padding);
  background-color: var(--ardplayer-color-primary-dark-base);
  grid-template-columns:
    [left] var(--horizontal-padding-track-width) [padding-left] var(--left-safety-padding)
    [safe-left] var(--horizontal-gutter-track-width) [gutter-left-end content-start] var(
      --horizontal-main-track-width
    )
    [content-end gutter-right-start] var(--horizontal-gutter-track-width) [safe-right] var(
      --right-safety-padding
    )
    [padding-right] var(--horizontal-padding-track-width) [tablet-dawer-left] var(--tablet-drawer-track-width)
    [tablet-dawer-right] var(--tablet-right-safety-padding) [right];
  grid-template-rows:
    [top] var(--safe-area-inset-top) [safe-top] 48px 0 [image-start] var(--image-track-height)
    [image-end title-start] var(--image-title-track-height) [title-end] 25px [progress-start] var(
      --progress-track-height
    )
    [progress-end] var(--progress-padding-bottom) [buttons-start] 56px [buttons-end] var(--grid-base-padding)
    [addon-buttons-start] var(--addon-button-track-height) [addon-buttons-end] var(
      --addon-button-padding-bottom
    )
    var(--drawer-closed-margin-top) [drawer-start] var(--drawer-track-height) [safe-bottom] var(
      --safe-area-inset-bottom
    )
    [bottom];
  --filled-button-foregound: var(--ardplayer-color-lightest);
  display: grid;
  -webkit-user-select: none !important;
  user-select: none !important;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-web-app,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-web-app {
  --native-sheet-progress-numeric: 0;
  --native-sheet-progress-numeric-inverse: 1;
  --native-sheet-progress-percent: 0%;
  --native-sheet-progress-percent-inverse: 100%;
  --native-sheet-mini-player-height: 56px;
  --mini-player-min-inset: 16px;
  --mini-player-corner-radius: 8px;
  --bottom-offset: var(--mini-player-min-inset);
  --native-sheet-transition-time: 0s;
  --crop-h: max(var(--mini-player-min-inset), var(--safe-area-inset-right), var(--safe-area-inset-left));
  --min-inset-h: calc((50vw - 50vh) * var(--native-sheet-progress-numeric-inverse));
  --base-inset-h: calc(var(--crop-h) * var(--native-sheet-progress-numeric-inverse));
  --inset-left: max(var(--min-inset-h), var(--base-inset-h));
  --inset-right: max(var(--min-inset-h), var(--base-inset-h));
  --inset-bottom: calc(
    (100% - var(--native-sheet-mini-player-height)) * var(--native-sheet-progress-numeric-inverse)
  );
  --offet-top: calc(
    var(--inset-bottom) - (var(--safe-area-inset-bottom) + var(--bottom-offset)) *
      var(--native-sheet-progress-numeric-inverse)
  );
  --inset-border-radius: calc(
    (1 - min(1, 2 * var(--native-sheet-progress-numeric))) * var(--mini-player-corner-radius)
  );
  clip-path: inset(
    0 var(--inset-right) var(--inset-bottom) var(--inset-left) round var(--inset-border-radius)
  );
  transform: translateZ(0) translateY(var(--offet-top));
  transition:
    var(--native-sheet-transition-time) transform,
    var(--native-sheet-transition-time) clip-path;
  position: fixed;
  inset: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-web-app[data-web-app-state='hidden'],
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-web-app[data-web-app-state='hidden'] {
  transform: translateZ(0) translateY(100%);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-web-app.ardplayer-app-sheet-dragging,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-web-app.ardplayer-app-sheet-dragging {
  transition: none;
}
@supports (width: max(0px, 1px)) {
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app {
    --left-safety-padding: max(var(--safe-area-inset-left), var(--grid-base-padding));
    --right-safety-padding: max(var(--safe-area-inset-right), var(--grid-base-padding));
  }
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button.ardplayer-button-active:not([tabindex^='\-']):after,
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button.ardplayer-button-active:not([tabindex^='\-']):before,
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button:hover:not([tabindex^='\-']):after,
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button:hover:not([tabindex^='\-']):before,
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button[aria-pressed='true']:not([tabindex^='\-']):after,
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button[aria-pressed='true']:not([tabindex^='\-']):before,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button.ardplayer-button-active:not([tabindex^='\-']):after,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button.ardplayer-button-active:not([tabindex^='\-']):before,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app button:hover:not([tabindex^='\-']):after,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app button:hover:not([tabindex^='\-']):before,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button[aria-pressed='true']:not([tabindex^='\-']):after,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button[aria-pressed='true']:not([tabindex^='\-']):before {
    color: var(--ardplayer-color-primary);
    opacity: 0.5;
    transform: inherit;
  }
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button[data-touching='true']:not([tabindex^='\-']):after,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button[data-touching='true']:not([tabindex^='\-']):before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button[data-touching='true']:not([tabindex^='\-']):after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button[data-touching='true']:not([tabindex^='\-']):before {
  color: var(--ardplayer-color-primary);
  opacity: 0.5;
  transform: inherit;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-button-hero:not([tabindex^='\-']),
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-button-hero:not([tabindex^='\-']):after,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-button-hero:not([tabindex^='\-']):before,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-button-hero:not([tabindex^='\-']):hover,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-button-hero:not([tabindex^='\-']):hover:after,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-button-hero:not([tabindex^='\-']):hover:before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-button-hero:not([tabindex^='\-']),
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-button-hero:not([tabindex^='\-']):after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-button-hero:not([tabindex^='\-']):before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-button-hero:not([tabindex^='\-']):hover,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-button-hero:not([tabindex^='\-']):hover:after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-button-hero:not([tabindex^='\-']):hover:before {
  color: var(--filled-button-foregound);
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^='\-']),
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button.ardplayer-button-hero:hover:not([tabindex^='\-']),
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^='\-']),
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button.ardplayer-dynamic-menu-button:hover:not([tabindex^='\-']),
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^='\-']),
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button.ardplayer-button-hero:hover:not([tabindex^='\-']),
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^='\-']),
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button.ardplayer-dynamic-menu-button:hover:not([tabindex^='\-']) {
    background-color: var(--ardplayer-color-primary);
    color: var(--filled-button-foregound);
    opacity: 0.5;
    border: none;
  }
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^='\-']):after,
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^='\-']):before,
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button.ardplayer-button-hero:hover:not([tabindex^='\-']):after,
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button.ardplayer-button-hero:hover:not([tabindex^='\-']):before,
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^='\-']):after,
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^='\-']):before,
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button.ardplayer-dynamic-menu-button:hover:not([tabindex^='\-']):after,
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    button.ardplayer-dynamic-menu-button:hover:not([tabindex^='\-']):before,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^='\-']):after,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^='\-']):before,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button.ardplayer-button-hero:hover:not([tabindex^='\-']):after,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button.ardplayer-button-hero:hover:not([tabindex^='\-']):before,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^='\-']):after,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^='\-']):before,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button.ardplayer-dynamic-menu-button:hover:not([tabindex^='\-']):after,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    button.ardplayer-dynamic-menu-button:hover:not([tabindex^='\-']):before {
    color: var(--filled-button-foregound);
  }
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^='\-']),
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-button-hero[data-touching='true']:not([tabindex^='\-']),
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^='\-']),
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-dynamic-menu-button[data-touching='true']:not([tabindex^='\-']),
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^='\-']),
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-button-hero[data-touching='true']:not([tabindex^='\-']),
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^='\-']),
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-dynamic-menu-button[data-touching='true']:not([tabindex^='\-']) {
  background-color: var(--ardplayer-color-primary);
  color: var(--filled-button-foregound);
  opacity: 0.5;
  border: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^='\-']):after,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^='\-']):before,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-button-hero[data-touching='true']:not([tabindex^='\-']):after,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-button-hero[data-touching='true']:not([tabindex^='\-']):before,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^='\-']):after,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^='\-']):before,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-dynamic-menu-button[data-touching='true']:not([tabindex^='\-']):after,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  button.ardplayer-dynamic-menu-button[data-touching='true']:not([tabindex^='\-']):before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^='\-']):after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^='\-']):before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-button-hero[data-touching='true']:not([tabindex^='\-']):after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-button-hero[data-touching='true']:not([tabindex^='\-']):before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^='\-']):after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^='\-']):before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-dynamic-menu-button[data-touching='true']:not([tabindex^='\-']):after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  button.ardplayer-dynamic-menu-button[data-touching='true']:not([tabindex^='\-']):before {
  color: var(--filled-button-foregound);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-buffering,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-buffering {
  z-index: 1;
  grid-area: image-start/content-start/image-end/content-end;
  position: relative;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app img {
  color: #0000;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app img:before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app img:before {
  opacity: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-ci-background,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-ci-background {
  background: linear-gradient(var(--ci-color) 20%, #0000 95%);
  grid-area: top/padding-left/progress-start/padding-right;
  width: calc(100% + 280px);
  margin: 0 -140px;
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding {
  --ci-contrast-text-color-fallback: var(--ardplayer-darkmode-color-lightest);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding.ardplayer-state-ci-dark,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding.ardplayer-state-ci-dark {
  --ci-contrast-text-color-fallback: var(--ardplayer-darkmode-color-darkest);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player-poster
  img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player-poster
  img {
  border: 1px solid var(--ci-text-color);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-subtitle,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-subtitle,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-subtitle,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-subtitle {
  color: var(--ci-text-color);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-progress {
  background: 0 0;
  position: relative;
  overflow: hidden;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-progress:before,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-progress:before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-progress:before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-progress:before {
  background: var(--ci-text-color);
  content: '';
  opacity: 0.4;
  display: block;
  position: absolute;
  inset: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-progress
  .ardplayer-mini-player-progress-bar,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-progress
  .ardplayer-mini-player-progress-bar,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-progress
  .ardplayer-mini-player-progress-bar,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-progress
  .ardplayer-mini-player-progress-bar {
  background: var(--ci-text-color);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-ci-contrast,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-ci-contrast
  *,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-ci-contrast
  :after,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-ci-contrast
  :before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-ci-contrast,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-ci-contrast
  *,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-ci-contrast
  :after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding
  .ardplayer-ci-contrast
  :before {
  color: var(--ci-text-color);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding.ardplayer-state-ci-branding-color-bleed
  .ardplayer-ci-background,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding.ardplayer-state-ci-branding-color-bleed
  .ardplayer-ci-background {
  display: block;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding.ardplayer-state-ci-branding-color-bleed
  .ardplayer-image-background,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding.ardplayer-state-ci-branding-color-bleed
  .ardplayer-image-background {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding.ardplayer-state-ci-branding-color-bleed
  .ardplayer-color-bleed-ci-contrast,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding.ardplayer-state-ci-branding-color-bleed
  .ardplayer-color-bleed-ci-contrast
  *,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding.ardplayer-state-ci-branding-color-bleed
  .ardplayer-color-bleed-ci-contrast
  :after,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-branding.ardplayer-state-ci-branding-color-bleed
  .ardplayer-color-bleed-ci-contrast
  :before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding.ardplayer-state-ci-branding-color-bleed
  .ardplayer-color-bleed-ci-contrast,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding.ardplayer-state-ci-branding-color-bleed
  .ardplayer-color-bleed-ci-contrast
  *,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding.ardplayer-state-ci-branding-color-bleed
  .ardplayer-color-bleed-ci-contrast
  :after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-branding.ardplayer-state-ci-branding-color-bleed
  .ardplayer-color-bleed-ci-contrast
  :before {
  color: var(--ci-text-color);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-image-background,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-image-background {
  contain: strict;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 1;
  will-change: opacity;
  grid-area: safe-top/padding-left/buttons-start/padding-right;
  width: calc(100% + 280px);
  height: calc(100% + 280px);
  max-height: calc(90vh + 200px);
  margin: -140px;
  transition: opacity 0.25s ease-in-out;
  position: absolute;
  transform: translateZ(0);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app:not(.ardplayer-m) .ardplayer-image-background,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app:not(.ardplayer-m) .ardplayer-image-background {
  -o-object-fit: contain;
  object-fit: contain;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-button-prevclip,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-button-prevclip {
  display: inline-flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-close,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-audio-close {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-dynamic-menu-button-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-dynamic-menu-button-container {
  grid-area: title-start/gutter-right-start/title-end/safe-right;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-dynamic-menu-button-container
  .ardplayer-dynamic-menu-button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-dynamic-menu-button-container
  .ardplayer-dynamic-menu-button {
  border: 1px solid var(--ardplayer-color-lightest);
  z-index: 1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: inline-flex;
  position: relative;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-dynamic-menu-button-container
  .ardplayer-dynamic-menu-button
  .ardplayer-icon-more,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-dynamic-menu-button-container
  .ardplayer-dynamic-menu-button
  .ardplayer-icon-more {
  font-size: 40px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-button-fullscreen-container.ardplayer-button-big,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-inactive:after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-button-fullscreen-container.ardplayer-button-big,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-inactive:after {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-time-playhead,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-time-remaining,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-time-playhead,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-time-remaining {
  color: var(--ardplayer-color-lightest);
  margin: unset;
  opacity: 0.78;
  position: unset;
  width: auto;
  margin-top: 20px;
  padding-top: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: inline-block;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-time-remaining,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-time-remaining {
  order: 3;
  margin-left: auto;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-time-playhead,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-time-playhead {
  order: 2;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-time-playhead,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-time-playhead {
  order: 3;
  margin-top: -4px;
  margin-left: auto;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-button-prevclip,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-time-remaining,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live.ardplayer-state-inactive
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live.ardplayer-state-live-dvr-active
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-button-prevclip,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-time-remaining,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live.ardplayer-state-inactive
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live.ardplayer-state-live-dvr-active
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-time-playhead {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live.ardplayer-state-live-dvr-active
  .ardplayer-time-remaining,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live.ardplayer-state-live-dvr-active
  .ardplayer-time-remaining {
  display: block;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-timeline-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-timeline-container {
  bottom: unset;
  height: 4px;
  left: unset;
  max-width: 100%;
  right: unset;
  top: unset;
  flex: 100%;
  order: 1;
  width: 100%;
  display: block;
  position: relative;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-timeline-container
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-timeline-container.ardplayer-controlbar-long-time
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-timeline-container
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-timeline-container.ardplayer-controlbar-long-time
  .ardplayer-controlbar {
  bottom: unset;
  left: unset;
  right: unset;
  position: relative;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-timeline-container
  .ardplayer-controlbar-hover,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-timeline-container
  .ardplayer-controlbar-hover {
  bottom: 20px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-time-playhead,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-time-remaining,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-time-playhead,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-time-remaining {
  display: none !important;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live:not(
    .ardplayer-state-live-nodvr
  ):not(.ardplayer-vh-xs),
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live:not(
    .ardplayer-state-live-nodvr
  ):not(.ardplayer-vh-xs) {
  --progress-track-height: 96px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live:not(
    .ardplayer-state-live-nodvr
  ):not(.ardplayer-vh-xs)
  .ardplayer-timeline-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live:not(
    .ardplayer-state-live-nodvr
  ):not(.ardplayer-vh-xs)
  .ardplayer-timeline-container {
  height: 100%;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-footer,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-footer {
  height: auto;
  position: unset;
  z-index: 1;
  flex-wrap: wrap;
  grid-area: progress-start/safe-left/progress-end/safe-right;
  align-content: flex-start;
  display: flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-title-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-audio-title-container {
  contain: strict;
  max-width: 100%;
  position: unset;
  flex-direction: column;
  grid-area: title-start/safe-left/title-end/content-end;
  justify-content: center;
  margin-top: -60px;
  margin-bottom: -60px;
  padding: 60px 8px 60px 0;
  display: inline-flex;
  overflow: hidden;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-audio-title-container
  .ardplayer-title-chip,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-audio-title-container
  .ardplayer-title-chip {
  flex-shrink: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live-nodvr
  .ardplayer-mini-player
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live-nodvr
  .ardplayer-mini-player
  .ardplayer-mini-player-progress {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-center,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-center {
  height: 100%;
  position: unset;
  z-index: 1;
  flex-direction: column;
  grid-area: buttons-start/padding-left/buttons-end/padding-right;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
  overflow: visible;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-center .ardplayer-buttons-main,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-center .ardplayer-buttons-main {
  align-items: center;
  height: auto;
  overflow: visible;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-center
  .ardplayer-buttons-main
  button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-center
  .ardplayer-buttons-main
  button {
  width: 56px;
  height: 56px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-center
  .ardplayer-buttons-main
  button,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-center
  .ardplayer-buttons-main
  button:after,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-center
  .ardplayer-buttons-main
  button:before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-center .ardplayer-buttons-main button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-center
  .ardplayer-buttons-main
  button:after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-center
  .ardplayer-buttons-main
  button:before {
  font-size: 56px;
  line-height: 56px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-addons-container-big {
  height: auto;
  position: unset;
  grid-area: addon-buttons-start/padding-left/addon-buttons-end/padding-right;
  justify-content: center;
  width: auto;
  padding: 0;
  display: inline-flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-addons-container-big
  .ardplayer-addons-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-addons-container-big
  .ardplayer-addons-container {
  background-color: var(--ardplayer-color-background-accent);
  border-radius: 200px;
  padding: 0 8px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-addons-container-big
  .ardplayer-addons-container
  button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-addons-container-big
  .ardplayer-addons-container
  button {
  width: 48px;
  height: 48px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-addons-container-big
  .ardplayer-addons-container
  button,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-addons-container-big
  .ardplayer-addons-container
  button:after,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-addons-container-big
  .ardplayer-addons-container
  button:before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-addons-container-big
  .ardplayer-addons-container
  button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-addons-container-big
  .ardplayer-addons-container
  button:after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-addons-container-big
  .ardplayer-addons-container
  button:before {
  font-size: 48px;
  line-height: 48px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-completed
  .ardplayer-button-playpause,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-completed
  .ardplayer-button-playpause {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-s
  .ardplayer-center
  .ardplayer-buttons-main,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-s
  .ardplayer-center
  .ardplayer-buttons-main {
  max-width: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-top-row,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-audio-top-row {
  z-index: 1;
  grid-area: safe-top/safe-left/safe-top/safe-right;
  grid-template-columns: 40px auto 40px;
  align-items: center;
  transition: opacity 0.25s ease-in-out;
  display: grid;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-top-row .ardplayer-icon,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-audio-top-row .ardplayer-icon {
  grid-column: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-top-row .ardplayer-icon,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-top-row .ardplayer-icon:before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-audio-top-row .ardplayer-icon,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-audio-top-row .ardplayer-icon:before {
  width: 48px;
  height: 48px;
  font-size: 48px;
  line-height: 48px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-audio-top-row
  .ardplayer-top-row-station,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-audio-top-row
  .ardplayer-top-row-station {
  color: var(--ardplayer-color-lightest-transparent-30);
  text-align: center;
  grid-column: 2;
  justify-content: center;
  align-items: center;
  height: 48px;
  display: flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-audio-top-row
  .ardplayer-top-row-station
  img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-audio-top-row
  .ardplayer-top-row-station
  img {
  filter: grayscale() brightness(100);
  height: 25px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-audio-top-row
  .ardplayer-top-row-station
  div,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-audio-top-row
  .ardplayer-top-row-station
  div {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-audio-top-row
  .ardplayer-top-row-station
  div
  i,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-audio-top-row
  .ardplayer-top-row-station
  div
  i {
  background: #ffffff4d;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  margin-right: -33px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-audio-top-row
  .ardplayer-top-row-station
  div
  i:before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-audio-top-row
  .ardplayer-top-row-station
  div
  i:before {
  color: var(--ardplayer-color-lightest);
  width: 25px;
  height: 25px;
  font-size: 25px;
  line-height: 25px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-light-mode:not(
    .ardplayer-state-ci-branding-color-bleed
  )
  .ardplayer-audio-top-row
  .ardplayer-top-row-station
  img,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-ci-dark.ardplayer-state-ci-branding-color-bleed
  .ardplayer-audio-top-row
  .ardplayer-top-row-station
  img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-light-mode:not(
    .ardplayer-state-ci-branding-color-bleed
  )
  .ardplayer-audio-top-row
  .ardplayer-top-row-station
  img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-ci-dark.ardplayer-state-ci-branding-color-bleed
  .ardplayer-audio-top-row
  .ardplayer-top-row-station
  img {
  filter: grayscale() brightness(0);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop {
  z-index: 1;
  --image-track-width: calc(
    100vw - var(--left-safety-padding) - var(--horizontal-gutter-track-width) -
      var(--horizontal-gutter-track-width) - var(--right-safety-padding) - var(--tablet-drawer-track-width) -
      var(--tablet-right-safety-padding)
  );
  --image-track-height: calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom) - 472px);
  background: 0 0;
  flex-direction: column;
  grid-area: image-start/content-start/image-end/content-end;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0;
  display: flex;
  position: relative;
}
@supports (width: min(0px, 1px)) {
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop {
    --image-track-height: min(
      calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom) - 472px),
      40vh
    );
  }
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop:before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop:before {
  content: '';
  flex-grow: 1;
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop:after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop:after {
  background-color: var(--ardplayer-color-lightest-transparent-30);
  content: '';
  flex-grow: 1;
  width: 70px;
  min-width: 70px;
  height: 40px;
  display: none;
  -webkit-mask-image: url(../img/dolby_atmos_horizontal-469f0a42.png);
  mask-image: url(../img/dolby_atmos_horizontal-469f0a42.png);
  -webkit-mask-position: 50% 20px;
  mask-position: 50% 20px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@supports (width: min(0px, 1px)) {
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop:after,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop:after {
    width: min(var(--image-track-width) / 2, var(--image-track-height) / 2, 40%, 140px);
  }
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop picture,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop picture > img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop picture,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop picture > img {
  left: unset;
  transform: unset;
  display: flex;
  position: relative;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop canvas,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop canvas {
  top: unset;
  border-radius: 4px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-native-sheet-state-collapsed
  .ardplayer-posterbackdrop
  canvas,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-native-sheet-state-collapsed
  .ardplayer-posterbackdrop
  canvas {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop canvas,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop picture,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop canvas,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop picture {
  aspect-ratio: 1;
  height: 100%;
  max-height: var(--image-track-height);
  max-width: var(--image-track-width);
  width: 100%;
}
@supports (width: min(0px, 1px)) {
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop canvas,
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop picture,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop canvas,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop picture {
    max-height: min(var(--image-track-width), var(--image-track-height));
    max-width: min(var(--image-track-width), var(--image-track-height));
  }
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop canvas img,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop picture img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop canvas img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop picture img {
  transform-origin: 0 0;
  will-change: transform;
  border-radius: 4px;
  width: 100%;
  transition:
    transform 0.25s ease-in-out,
    border-radius 0.25s ease-in-out,
    opacity 0.25s ease-in-out;
  box-shadow: 0 0 57px #000f2766;
}
@supports not (width: min(0px, 1px)) {
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop canvas img,
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop picture img,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop canvas img,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-posterbackdrop picture img {
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-drawer-dragging
  .ardplayer-audio-top-row,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-drawer-dragging .ardplayer-drawer,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-drawer-dragging
  .ardplayer-mini-player,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-drawer-dragging
  .ardplayer-mini-player.ardplayer-mini-player-top,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-drawer-dragging
  .ardplayer-posterbackdrop
  picture
  img,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-drawer-dragging
  canvas.ardplayer-image-background,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-drawer-dragging
  .ardplayer-audio-top-row,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-drawer-dragging .ardplayer-drawer,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-drawer-dragging .ardplayer-mini-player,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-drawer-dragging
  .ardplayer-mini-player.ardplayer-mini-player-top,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-drawer-dragging
  .ardplayer-posterbackdrop
  picture
  img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-drawer-dragging
  canvas.ardplayer-image-background {
  transition: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-atmos
  .ardplayer-posterbackdrop:after,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-atmos
  .ardplayer-posterbackdrop:before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-atmos
  .ardplayer-posterbackdrop:after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-atmos
  .ardplayer-posterbackdrop:before {
  display: block;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe .ardplayer-errorframe,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe .ardplayer-errorframe {
  opacity: 1;
  background: 0 0;
  grid-area: image-start/safe-left/image-end/safe-right;
  width: auto;
  height: auto;
  margin: 0;
  transition: opacity 0.25s ease-in-out;
  position: relative;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-errorframe
  .ardplayer-errorframe-content,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-errorframe
  .ardplayer-errorframe-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-errorframe
  .ardplayer-icon,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-errorframe
  .ardplayer-icon {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-errorframe
  .ardplayer-error-message,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-errorframe
  .ardplayer-error-message {
  max-width: unset;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-errorframe
  button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-errorframe
  button {
  margin-top: 16px;
  font-size: 16px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-errorframe
  span.ardplayer-error-message,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-errorframe
  span.ardplayer-error-message {
  font-size: 16px;
  line-height: 140%;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-errorframe
  span.ardplayer-error-message
  span.ardplayer-error-external,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-errorframe
  span.ardplayer-error-message
  span.ardplayer-error-external {
  margin-top: 16px;
  font-size: 16px;
  line-height: 140%;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe:not(.ardplayer-vh-xl)
  .ardplayer-errorframe
  .ardplayer-error-message,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe:not(.ardplayer-vh-xl)
  .ardplayer-errorframe
  h1,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe:not(.ardplayer-vh-xl)
  .ardplayer-errorframe
  .ardplayer-error-message,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe:not(.ardplayer-vh-xl)
  .ardplayer-errorframe
  h1 {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe.ardplayer-vh-m
  .ardplayer-errorframe,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe.ardplayer-vh-m
  .ardplayer-errorframe {
  display: none !important;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-mini-player-poster,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-mini-player-poster,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-posterbackdrop {
  z-index: unset;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-mini-player-poster
  img,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-posterbackdrop
  img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-mini-player-poster
  img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-posterbackdrop
  img {
  filter: brightness(0.7) grayscale(0.3) opacity(0.7);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-posterbackdrop
  img,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe.ardplayer-drawer-open
  .ardplayer-errorframe,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe
  .ardplayer-posterbackdrop
  img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe.ardplayer-drawer-open
  .ardplayer-errorframe {
  opacity: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe.ardplayer-drawer-open
  .ardplayer-posterbackdrop
  img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-show-errorframe.ardplayer-drawer-open
  .ardplayer-posterbackdrop
  img {
  opacity: 1;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-drawer,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-drawer {
  background-color: var(--ardplayer-color-background-accent);
  color: var(--ardplayer-color-lightest);
  contain: content;
  transform-origin: bottom;
  will-change: transform;
  z-index: 3;
  border-radius: 16px 16px 0 0;
  flex-direction: column;
  grid-area: drawer-start/padding-left/bottom/padding-right;
  width: 100%;
  transition: transform 0.25s ease-in-out;
  display: flex;
  position: absolute;
  overflow: hidden;
  transform: translateY(0) scaleY(1);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-drawer .ardplayer-drawer-handle,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-drawer .ardplayer-drawer-handle {
  background: var(--ardplayer-color-lightest);
  opacity: 0.1;
  border-radius: 2px;
  width: 36px;
  height: 4px;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translate(-50%);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-drawer .ardplayer-drawer-heading,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-drawer .ardplayer-drawer-heading {
  flex: 70px;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-drawer .ardplayer-drawer-content,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-drawer .ardplayer-drawer-content {
  contain: size;
  flex: 1 1 calc(100vh - 170px - var(--safe-area-inset-top));
  opacity: 0;
  padding-bottom: calc(64px + var(--safe-area-inset-bottom));
  padding-left: var(--safe-area-inset-left);
  padding-right: var(--safe-area-inset-right);
  scrollbar-color: var(--ardplayer-color-lightest) var(--ardplayer-color-light-transparent-90);
  scrollbar-width: thin;
  grid-template-rows: min-content;
  transition: opacity 50ms linear;
  display: grid;
  position: relative;
  overflow-y: auto;
}
@supports (height: 100dvh) {
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-drawer .ardplayer-drawer-content,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-drawer .ardplayer-drawer-content {
    flex: 1 1 calc(100dvh - 170px - var(--safe-area-inset-top));
  }
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-mini-player,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-mini-player {
  --visible-buttons: 2;
  opacity: var(--native-sheet-progress-numeric-inverse);
  transform-origin: 0 0;
  z-index: 1;
  position: absolute;
  top: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-mini-player,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-mini-player button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-mini-player,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app .ardplayer-mini-player button {
  pointer-events: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-controls,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-controls {
  display: flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-controls
  button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-controls
  button {
  width: 40px;
  height: 40px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-controls
  button,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-controls
  button:after,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-controls
  button:before,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-controls
  button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-controls
  button:after,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-controls
  button:before {
  font-size: 40px;
  line-height: 40px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-title-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-title-container {
  width: calc(100% - var(--visible-buttons) * 40px);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom {
  --grid-padding: 8px;
  --crop-min-inset: 16px;
  --crop-inset: var(--crop-min-inset);
  --image-size: 40px;
  background: var(--ci-color);
  grid-template-columns:
    [left] calc(var(--grid-padding) + var(--crop-inset)) [safe-left] var(--image-size)
    [img-end] var(--grid-padding) [progress-start] 1fr [progress-end] calc(var(--visible-buttons) * 40px)
    [safe-right] calc(var(--grid-padding) + var(--crop-inset)) [right];
  grid-template-rows:
    [top] var(--grid-padding)
    [content-start] 1fr [progress-start] 2px [progress-end] 0 [content-end] var(--grid-padding)
    [safe-bottom] 0 [bottom];
  height: calc(var(--image-size) + var(--grid-padding) * 2);
  transform: translateY(calc(var(--native-sheet-progress-percent) * -1));
  z-index: 100;
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@supports (width: max(0px, 1px)) {
  .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
    .ardplayer-mini-player.ardplayer-mini-player-bottom,
  .ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
    .ardplayer-mini-player.ardplayer-mini-player-bottom {
    --cropped-width-half: max(0px, calc(50vw - 50vh));
    --max-h-safe-area: max(var(--safe-area-inset-left), var(--safe-area-inset-right));
    --crop-inset: max(var(--max-h-safe-area), var(--crop-min-inset), var(--cropped-width-half));
  }
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-close,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-close {
  background: var(--ardplayer-color-primary);
  pointer-events: none;
  height: 100%;
  bottom: 0;
  right: calc(var(--crop-inset) - 110px);
  visibility: hidden;
  justify-content: center;
  align-items: center;
  width: 110px;
  display: flex;
  position: absolute;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-close
  .ardplayer-mini-player-close-title,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-close
  .ardplayer-mini-player-close-title {
  color: var(--ardplayer-color-lightest);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-dragging,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-dragging {
  transition: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-dragging
  .ardplayer-mini-player-close,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-dragging
  .ardplayer-mini-player-close {
  visibility: visible;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open {
  transform: translate(-110px);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open
  .ardplayer-mini-player-top-row-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open
  .ardplayer-mini-player-top-row-container {
  opacity: 0.4;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open
  .ardplayer-mini-player-progress
  button,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open
  .ardplayer-mini-player-top-row-container,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open
  .ardplayer-mini-player-top-row-container
  button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open
  .ardplayer-mini-player-progress
  button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open
  .ardplayer-mini-player-top-row-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open
  .ardplayer-mini-player-top-row-container
  button {
  pointer-events: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open
  .ardplayer-mini-player-close,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open
  .ardplayer-mini-player-close {
  cursor: pointer;
  pointer-events: all;
  visibility: visible;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-poster,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-poster
  + canvas,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-poster,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-poster
  + canvas {
  aspect-ratio: 1;
  flex-direction: column;
  grid-area: content-start/safe-left/content-end/img-end;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-poster
  img,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-poster
  + canvas
  img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-poster
  img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-poster
  + canvas
  img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  max-width: 100%;
  height: 100%;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-top-row-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-top-row-container {
  grid-area: content-start/img-end/content-end/safe-right;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  transition: opacity 0.2s linear 50ms;
  display: flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-top-row-container
  .ardplayer-mini-player-title,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-top-row-container
  .ardplayer-mini-player-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-top-row-container
  .ardplayer-mini-player-subtitle,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-top-row-container
  .ardplayer-mini-player-subtitle {
  color: var(--ardplayer-color-lightest-transparent-30);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-progress {
  background: var(--ardplayer-color-lightest);
  border-radius: 2px;
  grid-area: progress-start/progress-start/progress-end/progress-end;
  transition: opacity 0.2s linear 50ms;
  display: flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-title-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-title-container {
  flex-direction: column;
  display: flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-title-line-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-title-line-container {
  flex-direction: row;
  align-content: center;
  display: flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-title-line-container
  .ardplayer-title-chip,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-title-line-container
  .ardplayer-title-chip {
  margin: 0 0 0 5px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-title-container
  .ardplayer-marquee-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-title-container
  .ardplayer-marquee-container {
  width: 100%;
  overflow-y: hidden;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-title-container
  > *,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-title-container
  > * {
  margin-left: 3px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top {
  opacity: 0;
  z-index: 1;
  flex-direction: column;
  grid-column: content-start/safe-right;
  gap: 8px;
  width: 100%;
  padding-left: 16px;
  transition:
    transform 0.25s ease-in-out,
    opacity 0.2s linear 50ms;
  display: flex;
  position: absolute;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-button-prevclip,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-close,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-poster,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-button-prevclip,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-close,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-poster {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-top-row-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-top-row-container {
  flex: 90%;
  justify-content: space-between;
  display: flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container {
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  display: flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-title,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-title {
  font-weight: 700;
  line-height: 1.2;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-subtitle,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-subtitle {
  color: var(--ardplayer-color-lightest-transparent-50);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-title-line-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-title-line-container {
  flex-direction: row;
  align-content: center;
  display: flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-title-line-container
  .ardplayer-title-chip,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container
  .ardplayer-mini-player-title-line-container
  .ardplayer-title-chip {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container
  .ardplayer-marquee-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container
  .ardplayer-marquee-container {
  width: 100%;
  overflow-y: hidden;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container
  > *,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-title-container
  > * {
  margin-left: -5px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-progress {
  background-color: var(--ardplayer-color-lightest-transparent-50);
  flex: 0 0 3px;
  width: 100%;
  height: 3px;
  display: inline-flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-progress
  .ardplayer-mini-player-progress-bar,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player.ardplayer-mini-player-top
  .ardplayer-mini-player-progress
  .ardplayer-mini-player-progress-bar {
  border-radius: 2px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-progress {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-progress
  .ardplayer-mini-player-progress-bar,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-progress
  .ardplayer-mini-player-progress-bar {
  background: var(--ardplayer-color-primary);
  width: 0;
  height: 100%;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-m
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-m
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-m
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-button-prevclip,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-m
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-m
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-m
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-button-prevclip {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app:not(.ardplayer-m)
  .ardplayer-mini-player.ardplayer-mini-player-bottom,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app:not(.ardplayer-m)
  .ardplayer-mini-player.ardplayer-mini-player-bottom {
  --visible-buttons: 5;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app:not(.ardplayer-m).ardplayer-state-live
  .ardplayer-mini-player.ardplayer-mini-player-bottom,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app:not(.ardplayer-m).ardplayer-state-live
  .ardplayer-mini-player.ardplayer-mini-player-bottom {
  --visible-buttons: 3;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live-nodvr,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live-nodvr {
  --progress-track-height: 0;
  --progress-padding-bottom: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live-nodvr
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-title-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live-nodvr
  .ardplayer-mini-player.ardplayer-mini-player-bottom
  .ardplayer-mini-player-title-container {
  width: calc(100% - 40px);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live-nodvr,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-no-drawer,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live-nodvr,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-no-drawer {
  --drawer-track-height: var(--grid-base-padding);
  --drawer-closed-margin-top: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live-nodvr .ardplayer-drawer,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-no-drawer .ardplayer-drawer,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-no-playlist
  .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-no-playlist
  .ardplayer-button-prevclip,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-live-nodvr .ardplayer-drawer,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-no-drawer .ardplayer-drawer,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-no-playlist
  .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-state-no-playlist
  .ardplayer-button-prevclip {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-drawer-open .ardplayer-mini-player,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-drawer-open
  .ardplayer-mini-player
  button,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-drawer-open
  .ardplayer-mini-player
  img,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-native-sheet-state-collapsed
  .ardplayer-mini-player,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-native-sheet-state-collapsed
  .ardplayer-mini-player
  button,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-native-sheet-state-collapsed
  .ardplayer-mini-player
  img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-drawer-open .ardplayer-mini-player,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-drawer-open
  .ardplayer-mini-player
  button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-drawer-open .ardplayer-mini-player img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-native-sheet-state-collapsed
  .ardplayer-mini-player,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-native-sheet-state-collapsed
  .ardplayer-mini-player
  button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-native-sheet-state-collapsed
  .ardplayer-mini-player
  img {
  pointer-events: all;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-drawer-open .ardplayer-audio-top-row,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-drawer-open
  .ardplayer-audio-top-row
  button,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-native-sheet-state-collapsed
  .ardplayer-audio-top-row,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-native-sheet-state-collapsed
  .ardplayer-audio-top-row
  button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-drawer-open .ardplayer-audio-top-row,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-drawer-open
  .ardplayer-audio-top-row
  button,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-native-sheet-state-collapsed
  .ardplayer-audio-top-row,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-native-sheet-state-collapsed
  .ardplayer-audio-top-row
  button {
  pointer-events: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-drawer-open
  .ardplayer-drawer
  .ardplayer-drawer-content,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-native-sheet-state-collapsed
  .ardplayer-drawer
  .ardplayer-drawer-content,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-drawer-open
  .ardplayer-drawer
  .ardplayer-drawer-content,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-native-sheet-state-collapsed
  .ardplayer-drawer
  .ardplayer-drawer-content {
  opacity: 1;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-light-mode,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-light-mode {
  --filled-button-foregound: var(--ardplayer-color-darkest);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-light-mode
  .ardplayer-mini-player-close-title,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-light-mode
  .ardplayer-mini-player-close-title {
  color: var(--ardplayer-color-darkest);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-light-mode
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-light-mode
  .ardplayer-mini-player-progress {
  background: var(--ardplayer-color-dark);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app:not(.ardplayer-m),
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app:not(.ardplayer-m) {
  --left-safety-padding: var(--grid-base-padding);
  --right-safety-padding: var(--grid-base-padding);
  --horizontal-padding-track-width: auto;
  --horizontal-main-track-width: calc(
    650px - var(--left-safety-padding) - var(--right-safety-padding) - var(--horizontal-gutter-track-width) -
      var(--horizontal-gutter-track-width)
  );
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app:not(.ardplayer-m) .ardplayer-drawer-content,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app:not(.ardplayer-m) .ardplayer-drawer-content {
  padding-left: 0;
  padding-right: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app:not(.ardplayer-m) .ardplayer-ci-background,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app:not(.ardplayer-m) .ardplayer-ci-background {
  -webkit-mask-composite: source-in, xor;
  -webkit-mask-image:
    linear-gradient(270deg, #0000, #fffa 18%, #fff 30% 70%, #fffa 82%, #0000),
    radial-gradient(at 50% 0, #fff 70%, #0000 100%);
  mask-image:
    linear-gradient(270deg, #0000, #fffa 18%, #fff 30% 70%, #fffa 82%, #0000),
    radial-gradient(at 50% 0, #fff 70%, #0000 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer),
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer) {
  --drawer-track-height: var(--grid-base-padding);
  --tablet-drawer-track-width: 580px;
  --tablet-right-safety-padding: var(--safe-area-inset-right);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer)
  .ardplayer-drawer,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer)
  .ardplayer-drawer {
  background-color: #0000;
  border-radius: 0;
  grid-area: top/tablet-dawer-left/bottom/tablet-dawer-right;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer)
  .ardplayer-drawer
  .ardplayer-drawer-handle,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer)
  .ardplayer-drawer
  .ardplayer-drawer-heading,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer)
  .ardplayer-drawer
  .ardplayer-drawer-handle,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer)
  .ardplayer-drawer
  .ardplayer-drawer-heading {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer)
  .ardplayer-drawer
  .ardplayer-drawer-content,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer)
  .ardplayer-drawer
  .ardplayer-drawer-content {
  opacity: 1;
  padding-top: calc(var(--grid-base-padding) + var(--safe-area-inset-top));
  flex: 100vh;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer)
  .ardplayer-drawer
  .ardplayer-playlist-content,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer)
  .ardplayer-drawer
  .ardplayer-playlist-content {
  --title-track-height: 38px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer)
  .ardplayer-drawer
  .ardplayer-playlist-content
  .ardplayer-playlist-block-title,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer)
  .ardplayer-drawer
  .ardplayer-playlist-content
  .ardplayer-playlist-block-title {
  display: inline-flex;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer)
  .ardplayer-playlist-actions,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-xl:not(.ardplayer-state-no-drawer)
  .ardplayer-playlist-actions {
  background: var(--ardplayer-color-background-accent);
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xs
  .ardplayer-button-skipbackward:not(.ardplayer-button-skipbackward-labeled),
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xs .ardplayer-button-skipforward,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-xs
  .ardplayer-button-skipbackward:not(.ardplayer-button-skipbackward-labeled),
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-xs .ardplayer-button-skipforward {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-l .ardplayer-posterbackdrop img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-l .ardplayer-posterbackdrop img {
  opacity: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-m,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-m {
  --image-track-height: 0;
  --image-title-track-height: auto;
  --drawer-track-height: 0;
  --drawer-closed-margin-top: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-m .ardplayer-drawer,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-m .ardplayer-posterbackdrop img,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-m .ardplayer-drawer,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-m .ardplayer-posterbackdrop img {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-sm,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-sm {
  --addon-button-track-height: 0;
  --addon-button-padding-bottom: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-sm .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-sm .ardplayer-addons-container-big {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-s,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-s {
  --progress-track-height: 20px;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-s .ardplayer-time-playhead,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-s .ardplayer-time-remaining,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-s .ardplayer-time-playhead,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-s .ardplayer-time-remaining {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-xs,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-xs {
  --progress-track-height: 0;
  --progress-padding-bottom: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-xs .ardplayer-footer,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-xs .ardplayer-footer {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-xxs
  .ardplayer-audio-title-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-xxs
  .ardplayer-audio-title-container {
  grid-column: safe-left/safe-right;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-xxs .ardplayer-audio-subtitle,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-xxs
  .ardplayer-dynamic-menu-button-container,
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-xxs
  .ardplayer-title-chips-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-xxs .ardplayer-audio-subtitle,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-xxs
  .ardplayer-dynamic-menu-button-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-xxs
  .ardplayer-title-chips-container {
  display: none;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-xxxs,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-xxxs {
  --image-title-track-height: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-xxxs
  .ardplayer-audio-title-container,
.ardplayer.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-vh-xxxs
  .ardplayer-audio-title-container {
  display: none;
}
.ardplayer .ardplayer-playlist-actions {
  background: var(--ardplayer-color-primary-dark-base);
  height: calc(64px + var(--safe-area-inset-bottom));
  padding: 0 24px var(--safe-area-inset-bottom);
  will-change: transform;
  z-index: 3;
  grid-template-columns: auto auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: transform 0.2s ease-in-out;
  display: grid;
  position: fixed;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
}
.ardplayer .ardplayer-playlist-actions.ardplayer-playlist-actions-available {
  transform: none;
}
.ardplayer .ardplayer-playlist-actions.ardplayer-playlist-actions > button {
  width: auto;
  font-size: 16px;
  font-weight: 520;
  line-height: 1.2;
  transition:
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out;
  display: block;
}
.ardplayer .ardplayer-playlist-actions.ardplayer-playlist-actions > button.ardplayer-action-unavailable {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.ardplayer .ardplayer-playlist-actions.ardplayer-playlist-actions > button:first-child {
  grid-column: 1;
}
.ardplayer .ardplayer-playlist-actions.ardplayer-playlist-actions > button:not(:first-child) {
  grid-area: 1/2;
}
.ardplayer.ardplayer-state-audio-sticky {
  background-color: var(--ardplayer-color-primary-dark-base);
  bottom: calc(10px + var(--safe-area-inset-bottom-value));
  height: 112px;
  left: calc(10px + var(--safe-area-inset-left-value));
  right: calc(10px + var(--safe-area-inset-right-value));
  z-index: 200;
  border-radius: 8px;
  width: auto;
  position: fixed;
  overflow: visible;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-state-ci-branding-color-bleed {
  background:
    radial-gradient(260px 110% at 0 -5%, var(--ci-color) 0, #0000 100%),
    var(--ardplayer-color-primary-dark-base);
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-state-ci-branding:not(.ardplayer-s)
  .ardplayer-audio-title-container {
  --ci-logo-size: 64px;
  --ci-gutter-size: 16px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-state-ci-branding.ardplayer-s
  .ardplayer-audio-title-container
  .ardplayer-top-row-station {
  display: none;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-footer .ardplayer-buttons-main {
  display: block;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s.ardplayer-xs .ardplayer-footer .ardplayer-buttons-main {
  right: calc(48px * var(--addon-buttons) + 16px);
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s.ardplayer-xs
  .ardplayer-footer
  .ardplayer-buttons-main
  .ardplayer-volume-fader,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s.ardplayer-xxs .ardplayer-footer .ardplayer-buttons-main {
  display: none;
}
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout {
  --flyout-bottom: calc(var(--safe-area-inset-bottom-value) + 132px) !important;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-audio-title-container,
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-xl).ardplayer-state-ci-branding
  .ardplayer-audio-title-container {
  --poster-size: 0;
  --poster-gutter-size: 0;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-audio-title-container .ardplayer-buffering,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-audio-title-container
  .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-xl).ardplayer-state-ci-branding
  .ardplayer-audio-title-container
  .ardplayer-buffering,
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-xl).ardplayer-state-ci-branding
  .ardplayer-audio-title-container
  .ardplayer-posterbackdrop {
  display: none !important;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio-title-container {
  --ci-logo-size: 0;
  --ci-gutter-size: 0;
  --poster-size: 64px;
  --poster-gutter-size: 16px;
  grid-template-rows: repeat(2, auto);
  grid-template-columns:
    var(--ci-logo-size) var(--ci-gutter-size) var(--poster-size) var(--poster-gutter-size)
    auto;
  height: 64px;
  display: grid;
  position: absolute;
  top: 8px;
  left: 16px;
  right: calc(50% + 120px);
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio-title-container .ardplayer-buffering,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio-title-container .ardplayer-posterbackdrop {
  grid-area: 1/3/-1;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio-title-container .ardplayer-title-chips-container {
  grid-area: 1/5;
  overflow: hidden;
}
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-audio-title-container
  .ardplayer-title-chips-container
  .ardplayer-title-chip {
  margin-bottom: 0;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio-title-container .ardplayer-audio-title-block {
  grid-area: 2/5;
  margin-left: -5px;
  overflow: hidden;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio-title-container .ardplayer-top-row-station {
  grid-area: 1/1/-1;
  place-self: center start;
  width: 100%;
  height: auto;
  max-height: 100%;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio-title-container .ardplayer-top-row-station img {
  width: 100%;
  height: 100%;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio-title-container .ardplayer-audio-title {
  font-size: 18px;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio-title-container .ardplayer-audio-subtitle {
  font-size: 14px;
}
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-state-live)
  .ardplayer-footer
  .ardplayer-controlbar
  .ardplayer-controlbar-hover {
  background: var(--ardplayer-color-lightest);
  color: var(--ardplayer-color-primary-dark);
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-state-live-nodvr .ardplayer-time-playhead {
  padding-left: 16px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-audio-title-container {
  right: calc(50% + 72px);
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-center
  .ardplayer-buttons-main
  .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-center
  .ardplayer-buttons-main
  .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-center
  .ardplayer-buttons-main
  .ardplayer-button-prevclip,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-center
  .ardplayer-buttons-main
  .ardplayer-button-skipbackward,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-center
  .ardplayer-buttons-main
  .ardplayer-button-skipforward {
  display: none;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-posterbackdrop {
  cursor: pointer;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-buffering,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-posterbackdrop {
  border-radius: 4px;
  width: 64px;
  height: 64px;
  position: relative;
  overflow: hidden;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-center {
  height: auto;
  top: 16px;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-buttons-main {
  height: auto;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer {
  --addon-buttons: 0;
  height: auto;
  top: 0;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-buttons-main {
  right: calc(48px * var(--addon-buttons) + 92px);
  top: 16px;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-addons-container-big {
  bottom: unset;
  width: auto;
  height: auto;
  padding: 0;
  display: block;
  top: 16px;
  right: 16px;
}
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-footer
  .ardplayer-addons-container-big
  .ardplayer-addons-container {
  padding: 0;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-controlbar {
  bottom: 8px;
  left: 70px;
  right: 70px;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-time-remaining {
  text-align: center;
  bottom: 10px;
  top: unset;
  width: 70px;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  position: absolute;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-time-playhead {
  left: 0;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-time-remaining {
  color: var(--ardplayer-color-lightest);
  right: 0;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-center .ardplayer-button-big button,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-center button,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-center button.ardplayer-button-big,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-button-big button,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer button,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer button.ardplayer-button-big {
  width: 48px;
  height: 48px;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-center .ardplayer-button-big button,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-center .ardplayer-button-big button:after,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-center .ardplayer-button-big button:before,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-center button,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-center button.ardplayer-button-big,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-center button.ardplayer-button-big:after,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-center button.ardplayer-button-big:before,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-center button:after,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-center button:before,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-button-big button,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-button-big button:after,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-button-big button:before,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer button,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer button.ardplayer-button-big,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer button.ardplayer-button-big:after,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer button.ardplayer-button-big:before,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer button:after,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer button:before {
  font-size: 48px;
  line-height: 48px;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-errorframe h1 {
  margin: 0 0 0 16px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-xxs .ardplayer-errorframe h1 {
  display: none;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-state-inactive:not(.ardplayer-show-posterframe):after {
  border-radius: 4px;
  bottom: 16px;
  left: 70px;
  right: 70px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-audio-title-container
  .ardplayer-buffering,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-audio-title-container
  .ardplayer-posterbackdrop {
  display: none !important;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-audio-title-container
  > :not(.ardplayer-top-row-station) {
  opacity: 1;
  transition: opacity 0.1s linear;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded:has(
    .ardplayer-title-container .ardplayer-title-sizer:hover
  )
  .ardplayer-audio-title-container
  > :not(.ardplayer-top-row-station) {
  opacity: 0;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded .ardplayer-title-container {
  bottom: unset;
  width: auto;
  top: 16px;
  left: 0;
  right: 50%;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget {
  pointer-events: none;
  width: 100%;
  margin: 0;
  padding: 0 0 0 24px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-link {
  pointer-events: all;
  z-index: 1;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img {
  z-index: 2;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text
  > p {
  display: none;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
    .ardplayer-title-container.ardplayer-button-active
    .ardplayer-title-sizer
    .ardplayer-title-widget
    .ardplayer-title-widget-text,
  .ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
    .ardplayer-title-container:hover
    .ardplayer-title-sizer
    .ardplayer-title-widget
    .ardplayer-title-widget-text {
    opacity: 1;
  }
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-title-container[data-touching='true']
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text {
  opacity: 1;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-ci-branding
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-link {
  box-shadow: 0 0 0 0 var(--ardplayer-color-primary-dark-base);
  transition:
    max-width 0.3s linear,
    box-shadow 0.3s linear;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-ci-branding
    .ardplayer-title-sizer
    .ardplayer-title-widget.ardplayer-button-active
    .ardplayer-title-widget-link,
  .ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-ci-branding
    .ardplayer-title-sizer
    .ardplayer-title-widget:hover
    .ardplayer-title-widget-link {
    box-shadow: 0 0 8px 0 var(--ardplayer-color-primary-dark-base);
  }
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-ci-branding
  .ardplayer-title-sizer
  .ardplayer-title-widget[data-touching='true']
  .ardplayer-title-widget-link {
  box-shadow: 0 0 8px 0 var(--ardplayer-color-primary-dark-base);
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-ci-branding.ardplayer-xl
  .ardplayer-audio-title-container {
  --poster-size: 48px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-ci-branding.ardplayer-xl
  .ardplayer-title-sizer
  .ardplayer-title-widget {
  padding: 0 0 0 96px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-ci-branding.ardplayer-xl
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text {
  left: 88px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-ci-branding:not(.ardplayer-xl):not(
    .ardplayer-s
  )
  .ardplayer-top-row-station {
  display: none !important;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-s .ardplayer-title-container {
  display: none;
}
.ardplayer.ardplayer-state-audio-inline {
  background-color: var(--ardplayer-color-primary-dark-base);
  min-height: 208px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-posterbackdrop {
  width: 72px;
  height: 72px;
  margin: 16px 10px 16px 16px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-buffering {
  width: 72px;
  height: 72px;
  top: 16px;
  left: 16px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-ci-branding-color-bleed {
  background:
    radial-gradient(66% 100% at 100% 0, var(--ci-color) 0, #0000 100%),
    var(--ardplayer-color-primary-dark-base);
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-ci-branding .ardplayer-audio-title-container {
  grid-template-columns: calc(100% - 80px) 80px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-audio-title-container {
  grid-template-rows: repeat(2, auto);
  grid-template-columns: auto 0;
  max-height: 72px;
  display: grid;
  position: absolute;
  top: 16px;
  left: 212px;
  right: 16px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-audio-title-container .ardplayer-title-chips-container {
  grid-area: 1/1;
}
.ardplayer.ardplayer-state-audio-inline
  .ardplayer-audio-title-container
  .ardplayer-title-chips-container
  .ardplayer-title-chip {
  margin-bottom: 0;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-audio-title-container .ardplayer-audio-title-block {
  grid-area: 2/1;
  margin-left: -5px;
  overflow: hidden;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-audio-title-container .ardplayer-audio-title {
  font-size: 20px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-audio-title-container .ardplayer-audio-subtitle {
  font-size: 16px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-audio-title-container .ardplayer-top-row-station {
  grid-area: 1/2/-1;
  place-self: center end;
  width: 100%;
  height: auto;
  max-height: 72px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-audio-title-container .ardplayer-top-row-station img {
  width: 100%;
  height: 100%;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded .ardplayer-title-widget {
  margin-top: 28px;
  margin-left: 10px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded
  .ardplayer-title-widget
  .ardplayer-title-widget-link {
  box-shadow: 0 0 0 0 var(--ardplayer-color-primary-dark-base);
  transition:
    max-width 0.3s linear,
    box-shadow 0.3s linear;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer.ardplayer-state-audio-inline.ardplayer-embedded
    .ardplayer-title-widget.ardplayer-button-active
    .ardplayer-title-widget-link,
  .ardplayer.ardplayer-state-audio-inline.ardplayer-embedded
    .ardplayer-title-widget:hover
    .ardplayer-title-widget-link {
    box-shadow: 0 0 8px 0 var(--ardplayer-color-primary-dark-base);
  }
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded
  .ardplayer-title-widget[data-touching='true']
  .ardplayer-title-widget-link {
  box-shadow: 0 0 8px 0 var(--ardplayer-color-primary-dark-base);
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded
  .ardplayer-audio-title-container
  > :not(.ardplayer-top-row-station) {
  opacity: 1;
  transition: opacity 0.1s linear;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded:has(
    .ardplayer-title-container .ardplayer-title-sizer:hover
  )
  .ardplayer-audio-title-container
  > :not(.ardplayer-top-row-station) {
  opacity: 0;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-s .ardplayer-posterbackdrop {
  margin-left: 74px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-s .ardplayer-buffering {
  left: 74px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-s .ardplayer-audio-title-container {
  left: 156px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  ) {
  min-height: 185px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  )
  .ardplayer-posterbackdrop {
  width: 169px;
  height: 169px;
  margin: 8px 16px 8px 8px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  )
  .ardplayer-audio-title-container {
  top: 8px;
  right: 8px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  )
  .ardplayer-title-container
  .ardplayer-title-widget {
  margin-top: 20px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  )
  .ardplayer-center {
  bottom: 8px;
  right: 8px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  )
  .ardplayer-footer {
  right: 8px;
  height: 90px !important;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  )
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  )
  .ardplayer-footer
  .ardplayer-time-remaining {
  bottom: 70px !important;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  )
  .ardplayer-footer
  .ardplayer-controlbar {
  bottom: 68px !important;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  )
  .ardplayer-footer
  .ardplayer-controlbar
  .ardplayer-controlbar-hover {
  bottom: 30px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  )
  .ardplayer-footer
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  )
  .ardplayer-footer
  .ardplayer-buttons-main {
  bottom: 8px !important;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  ).ardplayer-state-inactive:not(.ardplayer-show-posterframe):after {
  right: 78px;
  bottom: 76px !important;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  )
  .ardplayer-bottom-sheet-style-default
  .ardplayer-bottom-sheet-stage {
  min-height: 185px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  ):not(.ardplayer-s)
  .ardplayer-audio-title-container {
  left: 249px !important;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  ):not(.ardplayer-s)
  .ardplayer-center,
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  ):not(.ardplayer-s)
  .ardplayer-footer,
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  ):not(.ardplayer-s)
  .ardplayer-title-container {
  left: 193px !important;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded.ardplayer-framed.ardplayer-vh-s:not(
    .ardplayer-state-audio-forced-video
  ):not(.ardplayer-s).ardplayer-state-inactive:not(.ardplayer-show-posterframe):after {
  left: 264px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video {
  min-height: 102px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video .ardplayer-audio-title-container {
  display: none;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video .ardplayer-header {
  display: block;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video .ardplayer-buffering {
  top: calc(50% - 46px);
  left: 50%;
  transform: translate(-50%, -50%);
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video .ardplayer-posterbackdrop {
  width: auto;
  height: auto;
  margin: 0;
  inset: 0;
  -webkit-mask-image: linear-gradient(0deg, #0000 46px, #000 92px);
  mask-image: linear-gradient(0deg, #0000 46px, #000 92px);
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video .ardplayer-footer:before {
  background-color: var(--ardplayer-color-primary-dark);
  content: '';
  width: auto;
  height: 120%;
  display: block;
  position: absolute;
  bottom: 0;
  left: -16px;
  right: -16px;
  -webkit-mask-image: linear-gradient(#0000, #000 45%);
  mask-image: linear-gradient(#0000, #000 45%);
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-state-audio-forced-video):not(.ardplayer-state-live)
  .ardplayer-controlbar-hover {
  background: var(--ardplayer-color-lightest);
  color: var(--ardplayer-color-primary-dark);
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-state-audio-forced-video).ardplayer-state-live-nodvr
  .ardplayer-time-playhead {
  padding-left: 10px;
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-state-audio-forced-video) .ardplayer-posterbackdrop {
  border-radius: 8px;
  overflow: hidden;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-inactive:not(.ardplayer-show-posterframe):after {
  bottom: 84px;
  left: 86px;
  right: 86px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-inactive:after {
  border-radius: 2px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-button-fullscreen-container {
  height: 48px;
  bottom: 16px;
  right: 16px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-center {
  justify-content: start;
  width: auto;
  height: auto;
  bottom: 16px;
  left: 16px;
  right: 16px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-center .ardplayer-buttons-main {
  justify-content: start;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-footer {
  width: auto;
  height: 98px;
  z-index: unset;
  --addon-buttons: 0;
  left: 16px;
  right: 16px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-inline .ardplayer-footer .ardplayer-time-remaining {
  width: 70px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  bottom: 78px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-footer .ardplayer-controlbar {
  bottom: 76px;
  left: 70px;
  right: 70px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-footer .ardplayer-time-playhead {
  left: 0;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-footer .ardplayer-time-remaining {
  right: 0;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-footer .ardplayer-addons-container-big {
  padding: 0;
  display: block;
  bottom: 16px;
  right: 0;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-footer .ardplayer-buttons-main {
  bottom: 16px;
  right: calc(48px * var(--addon-buttons) + 76px);
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer {
  height: 98px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer .ardplayer-time-remaining {
  font-size: 16px;
  font-weight: 500;
  bottom: 78px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer .ardplayer-controlbar {
  bottom: 76px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer .ardplayer-buttons-main {
  height: 48px;
  bottom: 16px;
  left: unset;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer .ardplayer-buttons-main > button {
  display: none;
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-s):not(.ardplayer-state-audio-forced-video)
  .ardplayer-posterbackdrop {
  width: 176px;
  height: 176px;
  margin: 16px 10px 16px 16px;
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-s):not(.ardplayer-state-audio-forced-video):not(
    .ardplayer-vh-l
  )
  .ardplayer-center {
  left: 202px;
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-s):not(.ardplayer-state-audio-forced-video):not(
    .ardplayer-vh-l
  ).ardplayer-m
  .ardplayer-center
  .ardplayer-buttons-main {
  max-width: 144px;
  overflow: clip;
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-s):not(.ardplayer-state-audio-forced-video):not(
    .ardplayer-vh-l
  ).ardplayer-m
  .ardplayer-center
  .ardplayer-buttons-main
  .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-s):not(.ardplayer-state-audio-forced-video):not(
    .ardplayer-vh-l
  ).ardplayer-m
  .ardplayer-center
  .ardplayer-buttons-main
  .ardplayer-button-prevclip,
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-s):not(.ardplayer-state-audio-forced-video):not(
    .ardplayer-vh-l
  ).ardplayer-m
  .ardplayer-center
  .ardplayer-buttons-main
  .ardplayer-button-skipbackward,
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-s):not(.ardplayer-state-audio-forced-video):not(
    .ardplayer-vh-l
  ).ardplayer-m
  .ardplayer-center
  .ardplayer-buttons-main
  .ardplayer-button-skipforward {
  display: none;
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-s):not(.ardplayer-state-audio-forced-video):not(
    .ardplayer-vh-xl
  )
  .ardplayer-footer {
  left: 202px;
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-s):not(.ardplayer-state-audio-forced-video):not(
    .ardplayer-vh-xl
  ).ardplayer-state-inactive:not(.ardplayer-show-posterframe):after {
  left: 272px;
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-s):not(.ardplayer-state-audio-forced-video)
  .ardplayer-buffering {
  width: 176px;
  height: 176px;
  top: 16px;
  left: 16px;
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-s):not(
    .ardplayer-state-audio-forced-video
  ).ardplayer-embedded
  .ardplayer-title-container {
  left: 212px;
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-s):not(
    .ardplayer-state-audio-forced-video
  ).ardplayer-embedded
  .ardplayer-title-widget {
  margin-left: 0;
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-s):not(
    .ardplayer-state-audio-forced-video
  ).ardplayer-embedded
  .ardplayer-audio-title-container {
  left: 270px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s {
  min-height: 188px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-state-audio-forced-video {
  min-height: 106px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-state-audio-forced-video
  .ardplayer-posterbackdrop {
  -webkit-mask-image: linear-gradient(0deg, #0000 45px, #000 90px);
  mask-image: linear-gradient(0deg, #0000 45px, #000 90px);
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-state-inactive:not(
    .ardplayer-show-posterframe
  ):after {
  left: 86px;
  right: 86px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-state-inactive:after {
  bottom: 76px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-center button,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer button {
  width: 40px;
  height: 40px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-center button,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-center button:after,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-center button:before,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer button,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer button:after,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer button:before {
  font-size: 40px;
  line-height: 40px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-center .ardplayer-buttons-main {
  max-width: 120px;
  overflow: clip;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-center
  .ardplayer-buttons-main
  .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-center
  .ardplayer-buttons-main
  .ardplayer-button-prevclip,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-center
  .ardplayer-buttons-main
  .ardplayer-button-skipbackward,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-center
  .ardplayer-buttons-main
  .ardplayer-button-skipforward {
  display: none;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer {
  height: 90px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer .ardplayer-buttons-main {
  height: 40px;
  right: calc(40px * var(--addon-buttons) + 76px);
  display: block;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer .ardplayer-time-remaining {
  color: var(--ardplayer-color-lightest);
  margin: unset;
  text-align: center;
  bottom: 70px;
  top: unset;
  width: 70px;
  position: absolute;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer .ardplayer-controlbar {
  bottom: 68px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer .ardplayer-time-playhead {
  left: 0;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer .ardplayer-time-remaining {
  right: 0;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-audio-title-container {
  left: 98px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-embedded .ardplayer-title-widget {
  margin-top: 28px;
  margin-left: 16px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-embedded .ardplayer-posterbackdrop {
  display: none !important;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-embedded .ardplayer-buffering {
  z-index: 2;
  width: 48px;
  height: 48px;
  top: 28px;
  left: 16px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-embedded .ardplayer-audio-title-container {
  left: 74px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xs .ardplayer-footer .ardplayer-buttons-main {
  right: calc(40px * var(--addon-buttons));
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xs .ardplayer-footer .ardplayer-volume-fader {
  display: none;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xs.ardplayer-state-ci-branding:not(.ardplayer-embedded)
  .ardplayer-audio-title-container {
  left: 16px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xs.ardplayer-state-ci-branding .ardplayer-posterbackdrop {
  display: none !important;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-embedded.ardplayer-state-ci-branding
  .ardplayer-audio-title-container {
  grid-template-columns: auto 0;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-embedded.ardplayer-state-ci-branding
  .ardplayer-top-row-station {
  display: none;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-center .ardplayer-buttons-main {
  max-width: 40px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs
  .ardplayer-center
  .ardplayer-buttons-main
  button:not(.ardplayer-button-replay):not(.ardplayer-button-playpause) {
  display: none;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-state-inactive:not(
    .ardplayer-show-posterframe
  ):after {
  left: 16px;
  right: 16px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-state-audio-forced-video
  .ardplayer-footer
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-state-inactive:not(
    .ardplayer-show-posterframe
  ):after {
  bottom: 58px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-state-inactive:not(
    .ardplayer-show-posterframe
  ):after {
  bottom: 76px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer {
  height: 80px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer:before {
  height: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer .ardplayer-buttons-main,
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer .ardplayer-time-remaining {
  display: none;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer .ardplayer-time-playhead {
  bottom: 28px;
  left: unset;
  right: 0;
}
.ardplayer.ardplayer-state-els-interstital {
  background-color: var(--ardplayer-color-secondary);
  cursor: default;
}
.ardplayer.ardplayer-state-els-interstital .ardplayer-posterbackdrop {
  opacity: 0.3;
  display: block;
}
.ardplayer.ardplayer-state-els-interstital.ardplayer-posterframe-transparent .ardplayer-posterbackdrop {
  background-color: var(--ardplayer-color-secondary);
  opacity: 0.7;
}
.ardplayer.ardplayer-state-els-interstital .els-waiting-animation {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
}
.ardplayer.ardplayer-state-els-interstital .els-info {
  bottom: var(--safe-area-inset-bottom);
  left: var(--safe-area-inset-left);
  pointer-events: none;
  right: var(--safe-area-inset-right);
  text-align: center;
  top: var(--safe-area-inset-top);
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  font-weight: 520;
  line-height: 120%;
  display: flex;
  position: absolute;
}
.ardplayer.ardplayer-state-els-interstital .els-info p {
  margin: 0 25%;
}
.ardplayer.ardplayer-state-els-interstital .els-info {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
}
.ardplayer.ardplayer-state-els-interstital.ardplayer-m .els-info {
  font-size: 16px;
}
.ardplayer.ardplayer-state-els-interstital.ardplayer-m .els-info p {
  margin: 0 5%;
}
.ardplayer.ardplayer-state-els-interstital.ardplayer-state-exclusive-ui .els-info {
  opacity: 0.2;
}
.ardplayer .ardplayer-buffering {
  display: none;
}
.ardplayer.ardplayer-state-buffering:not(.ardplayer-state-inactive) .ardplayer-buffering {
  display: block;
}
.ardplayer .ardplayer-button-replay {
  display: none;
}
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) {
  cursor: default;
}
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-button-playpause {
  display: none;
}
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-button-replay {
  display: inline-flex;
}
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio)
  .ardplayer-button-fullscreen,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio)
  .ardplayer-button-fullscreen,
.ardplayer.ardplayer-state-mobile .ardplayer-button-volume,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio)
  .ardplayer-button-fullscreen {
  display: none;
}
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio)
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio)
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio)
  .ardplayer-addons-container-big {
  padding-right: calc(30px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-m
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-m
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-m
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm
  .ardplayer-addons-container-big {
  padding-right: calc(16px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm
  .ardplayer-controlbar {
  right: calc(134px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm
  .ardplayer-time-remaining,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm
  .ardplayer-time-remaining,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm
  .ardplayer-time-remaining {
  right: calc(54px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-s
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-s
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-s
  .ardplayer-addons-container-big {
  padding-right: calc(var(--safe-area-inset-h));
}
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-s
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-s
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-s
  .ardplayer-controlbar {
  right: calc(43px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-state-casting.ardplayer-state-airplay .ardplayer-viewport,
.ardplayer.ardplayer-state-casting.ardplayer-state-pip .ardplayer-viewport,
.ardplayer.ardplayer-state-pip.ardplayer-state-airplay .ardplayer-viewport,
.ardplayer.ardplayer-state-pip.ardplayer-state-pip .ardplayer-viewport {
  mix-blend-mode: screen;
}
.ardplayer.ardplayer-state-casting.ardplayer-state-airplay .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-casting.ardplayer-state-pip .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-pip.ardplayer-state-airplay .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-pip.ardplayer-state-pip .ardplayer-posterbackdrop {
  opacity: 0.7;
}
.ardplayer.ardplayer-state-casting .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-pip .ardplayer-posterbackdrop {
  display: block;
}
.ardplayer.ardplayer-state-casting.ardplayer-show-controls .ardplayer-background,
.ardplayer.ardplayer-state-casting.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-background,
.ardplayer.ardplayer-state-pip.ardplayer-show-controls .ardplayer-background,
.ardplayer.ardplayer-state-pip.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-background {
  opacity: 0.3;
}
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-casting-volumecontrol) .ardplayer-button-volume {
  display: none;
}
.ardplayer.ardplayer-state-native-pip,
.ardplayer.ardplayer-state-native-pip * {
  pointer-events: none !important;
}
.ardplayer.ardplayer-state-native-pip .ardplayer-background,
.ardplayer.ardplayer-state-native-pip .ardplayer-bottom-sheet-container,
.ardplayer.ardplayer-state-native-pip .ardplayer-center,
.ardplayer.ardplayer-state-native-pip .ardplayer-control,
.ardplayer.ardplayer-state-native-pip .ardplayer-footer,
.ardplayer.ardplayer-state-native-pip .ardplayer-header,
.ardplayer.ardplayer-state-native-pip .ardplayer-playstate-zoom,
.ardplayer.ardplayer-state-native-pip .ardplayer-posterframe div,
.ardplayer.ardplayer-state-native-pip .ardplayer-posterframe span,
.ardplayer.ardplayer-state-native-pip .ardplayer-title-container,
.ardplayer.ardplayer-state-native-pip .ardplayer-viewport-addon-overlays > :not(.ardplayer-untertitel) {
  display: none !important;
}
.ardplayer.ardplayer-android-tv .ardplayer-button-volume {
  display: none;
}
.ardplayer.ardplayer-state-live-initial-buffer .ardplayer-buffering {
  display: block;
}
.ardplayer.ardplayer-state-live-initial-buffer .ardplayer-controlbar,
.ardplayer.ardplayer-state-live-initial-buffer .ardplayer-footer .ardplayer-time-remaining,
.ardplayer.ardplayer-state-live-initial-buffer.ardplayer.ardplayer .ardplayer-center *,
.ardplayer.ardplayer-state-live-initial-buffer.ardplayer.ardplayer .ardplayer-footer *,
.ardplayer.ardplayer-state-live-initial-buffer.ardplayer.ardplayer .ardplayer-header * {
  opacity: 0;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-audio .ardplayer-center,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-audio
  .ardplayer-footer
  > :not(.els-info),
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-audio:after {
  display: none !important;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting .els-info {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-size: 16px;
  font-style: normal;
  font-weight: 520;
  display: flex;
  position: absolute;
  inset: 0 0 16px;
  overflow: hidden;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-xs .els-info {
  padding: 4px 8px;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-xxs .els-info {
  padding: 4px;
  font-size: 12px;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting .ardplayer-mini-player .els-info,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting:not(.ardplayer-state-audio-app)
  .ardplayer-footer
  .els-info {
  background: var(--ardplayer-color-lightest-transparent-50);
  border-radius: 8px;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-audio-sticky .els-info {
  bottom: unset;
  height: 64px;
  top: 8px;
  left: 50%;
  right: 8px;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app {
  --drawer-track-height: 0px !important;
  --drawer-closed-margin-top: 0px !important;
  --progress-track-height: 0px !important;
  --progress-padding-bottom: 0px !important;
  --addon-button-track-height: 0px !important;
  --addon-button-padding-bottom: 0px !important;
  --image-track-height: auto !important;
  --image-title-track-height: auto !important;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-audio-title-container,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-drawer,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-dynamic-menu-button-container,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-audio-title-container,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-drawer,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-dynamic-menu-button-container {
  display: none !important;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player
  .els-info,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player
  .els-info {
  height: 100%;
  padding: 0 var(--grid-padding);
  flex-grow: 1;
  position: relative;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-title-container,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-title-container {
  width: 50%;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-footer
  .els-info,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-footer
  .els-info {
  font-size: 30px;
  overflow: visible;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-m
  .ardplayer-mini-player-title-container,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-m
  .ardplayer-mini-player-title-container {
  width: 30%;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-m
  .ardplayer-footer
  .els-info,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-m
  .ardplayer-footer
  .els-info {
  font-size: 25px;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-s
  .ardplayer-mini-player
  .els-info,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-s
  .ardplayer-mini-player
  .els-info {
  margin-left: var(--grid-padding);
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-s
  .ardplayer-mini-player-title-container,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-s
  .ardplayer-mini-player-title-container {
  display: none;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-s
  .ardplayer-footer
  .els-info,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-s
  .ardplayer-footer
  .els-info {
  font-size: 20px;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xs
  .ardplayer-mini-player
  .els-info,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app.ardplayer-xs
  .ardplayer-mini-player
  .els-info {
  font-size: 12px;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-controls,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-progress,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-controls,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-mini-player
  .ardplayer-mini-player-progress {
  display: none !important;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-footer,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-footer {
  grid-row: title-start/title-end;
  display: flex;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-footer
  .els-info,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-footer
  .els-info {
  align-items: flex-start;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-posterbackdrop {
  --image-track-width: calc(
    100vw - var(--left-safety-padding) - var(--horizontal-gutter-track-width) -
      var(--horizontal-gutter-track-width) - var(--right-safety-padding) - var(--tablet-drawer-track-width) -
      var(--tablet-right-safety-padding)
  ) !important;
  --image-track-height: calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom)) !important;
}
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app
  .ardplayer-posterbackdrop
  img,
.ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app
  .ardplayer-posterbackdrop
  img {
  opacity: 1 !important;
  display: block !important;
}
@supports (width: min(0px, 1px)) {
  .ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-embedded.ardplayer-state-audio-app
    .ardplayer-posterbackdrop,
  .ardplayer.ardplayer-state-live.ardplayer-state-els-waiting.ardplayer-state-web-app.ardplayer-state-audio-app
    .ardplayer-posterbackdrop {
    --image-track-height: min(
      calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom)),
      40vh
    ) !important;
  }
}
@keyframes pulsePlay {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes pulsePause {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scaleX(1);
  }
}
.ardplayer button {
  color: var(--ardplayer-color-lightest);
  cursor: pointer;
  pointer-events: all;
  text-shadow: none;
  -webkit-user-select: none;
  user-select: none;
  will-change: color, background;
  background: 0 0;
  border: none;
  outline-width: 0;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  font-size: 48px;
  line-height: 48px;
  display: inline-flex;
}
.ardplayer button.ardplayer-icon {
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.ardplayer button:after,
.ardplayer button:before {
  will-change: transform;
  width: auto;
  height: auto;
  font-size: 48px;
  line-height: 48px;
  transition: transform 0.2s ease-in-out;
  display: block;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer button.ardplayer-button-active:after,
  .ardplayer button.ardplayer-button-active:before,
  .ardplayer button:hover:after,
  .ardplayer button:hover:before,
  .ardplayer button[aria-pressed='true']:after,
  .ardplayer button[aria-pressed='true']:before {
    transform: scale(1.2);
  }
}
.ardplayer button[data-touching='true']:after,
.ardplayer button[data-touching='true']:before {
  transform: scale(1.2);
}
.ardplayer button.ardplayer-button-disabled,
.ardplayer button.ardplayer-button-visually-disabled,
.ardplayer button[tabindex='-1'] {
  color: #9d9d9d99 !important;
  cursor: default !important;
  border-color: #9d9d9d99 !important;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer button.ardplayer-button-disabled.ardplayer-button-active:after,
  .ardplayer button.ardplayer-button-disabled.ardplayer-button-active:before,
  .ardplayer button.ardplayer-button-disabled:hover:after,
  .ardplayer button.ardplayer-button-disabled:hover:before,
  .ardplayer button.ardplayer-button-disabled[aria-pressed='true']:after,
  .ardplayer button.ardplayer-button-disabled[aria-pressed='true']:before,
  .ardplayer button.ardplayer-button-visually-disabled.ardplayer-button-active:after,
  .ardplayer button.ardplayer-button-visually-disabled.ardplayer-button-active:before,
  .ardplayer button.ardplayer-button-visually-disabled:hover:after,
  .ardplayer button.ardplayer-button-visually-disabled:hover:before,
  .ardplayer button.ardplayer-button-visually-disabled[aria-pressed='true']:after,
  .ardplayer button.ardplayer-button-visually-disabled[aria-pressed='true']:before,
  .ardplayer button[tabindex='-1'].ardplayer-button-active:after,
  .ardplayer button[tabindex='-1'].ardplayer-button-active:before,
  .ardplayer button[tabindex='-1']:hover:after,
  .ardplayer button[tabindex='-1']:hover:before,
  .ardplayer button[tabindex='-1'][aria-pressed='true']:after,
  .ardplayer button[tabindex='-1'][aria-pressed='true']:before {
    transform: none;
  }
}
.ardplayer button.ardplayer-button-disabled[data-touching='true']:after,
.ardplayer button.ardplayer-button-disabled[data-touching='true']:before,
.ardplayer button.ardplayer-button-visually-disabled[data-touching='true']:after,
.ardplayer button.ardplayer-button-visually-disabled[data-touching='true']:before,
.ardplayer button[tabindex='-1'][data-touching='true']:after,
.ardplayer button[tabindex='-1'][data-touching='true']:before {
  transform: none;
}
.ardplayer button.ardplayer-icon-pause {
  animation-name: pulsePlay;
  animation-duration: 0.4s;
}
.ardplayer button.ardplayer-icon-play {
  animation-name: pulsePause;
  animation-duration: 0.4s;
}
.ardplayer button.ardplayer-flyout-anchor {
  position: relative;
}
.ardplayer button.ardplayer-flyout-anchor:after {
  background-color: var(--ardplayer-color-lightest);
  clip-path: inset(0 round 100%);
  content: '';
  opacity: 0.1;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  transform: none;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-active,
  .ardplayer .ardplayer-bottom-sheet-container button:hover,
  .ardplayer .ardplayer-button-big button.ardplayer-button-active,
  .ardplayer .ardplayer-button-big button:hover,
  .ardplayer .ardplayer-center button.ardplayer-button-active,
  .ardplayer .ardplayer-center button:hover,
  .ardplayer .ardplayer-header button.ardplayer-button-active,
  .ardplayer .ardplayer-header button:hover,
  .ardplayer button.ardplayer-button-big.ardplayer-button-active,
  .ardplayer button.ardplayer-button-big:hover,
  .ardplayer > button.ardplayer-button-active,
  .ardplayer > button:hover {
    color: var(--ardplayer-color-hover);
  }
}
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-active,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-flyout-anchor,
.ardplayer .ardplayer-bottom-sheet-container button[data-touching='true'],
.ardplayer .ardplayer-button-big button.ardplayer-button-active,
.ardplayer .ardplayer-button-big button.ardplayer-flyout-anchor,
.ardplayer .ardplayer-button-big button[data-touching='true'],
.ardplayer .ardplayer-center button.ardplayer-button-active,
.ardplayer .ardplayer-center button.ardplayer-flyout-anchor,
.ardplayer .ardplayer-center button[data-touching='true'],
.ardplayer .ardplayer-header button.ardplayer-button-active,
.ardplayer .ardplayer-header button.ardplayer-flyout-anchor,
.ardplayer .ardplayer-header button[data-touching='true'],
.ardplayer button.ardplayer-button-big.ardplayer-button-active,
.ardplayer button.ardplayer-button-big.ardplayer-flyout-anchor,
.ardplayer button.ardplayer-button-big[data-touching='true'],
.ardplayer > button.ardplayer-button-active,
.ardplayer > button.ardplayer-flyout-anchor,
.ardplayer > button[data-touching='true'] {
  color: var(--ardplayer-color-hover);
}
.ardplayer .ardplayer-button-big button,
.ardplayer button.ardplayer-button-big {
  width: 72px;
  height: 72px;
}
.ardplayer .ardplayer-button-big button,
.ardplayer .ardplayer-button-big button:after,
.ardplayer .ardplayer-button-big button:before,
.ardplayer button.ardplayer-button-big,
.ardplayer button.ardplayer-button-big:after,
.ardplayer button.ardplayer-button-big:before {
  font-size: 72px;
  line-height: 72px;
}
.ardplayer .ardplayer-button-big button.ardplayer-button-hero,
.ardplayer button.ardplayer-button-big.ardplayer-button-hero {
  background: var(--ardplayer-color-tertiary);
  border-radius: 50%;
  margin: 10px;
  color: var(--ardplayer-color-lightest) !important;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer .ardplayer-button-big button.ardplayer-button-hero.ardplayer-button-active,
  .ardplayer .ardplayer-button-big button.ardplayer-button-hero:hover,
  .ardplayer .ardplayer-button-big button.ardplayer-button-hero[aria-pressed='true'],
  .ardplayer button.ardplayer-button-big.ardplayer-button-hero.ardplayer-button-active,
  .ardplayer button.ardplayer-button-big.ardplayer-button-hero:hover,
  .ardplayer button.ardplayer-button-big.ardplayer-button-hero[aria-pressed='true'] {
    background: var(--ardplayer-color-hover);
  }
}
.ardplayer .ardplayer-button-big button.ardplayer-button-hero[data-touching='true'],
.ardplayer button.ardplayer-button-big.ardplayer-button-hero[data-touching='true'] {
  background: var(--ardplayer-color-hover);
}
.ardplayer .ardplayer-button-big button.ardplayer-button-hero:after,
.ardplayer .ardplayer-button-big button.ardplayer-button-hero:before,
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:after,
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:before {
  transition: transform 0.6s ease-in-out;
}
.ardplayer .ardplayer-button-big button.ardplayer-button-hero.ardplayer-button-disabled,
.ardplayer .ardplayer-button-big button.ardplayer-button-hero.ardplayer-button-visually-disabled,
.ardplayer .ardplayer-button-big button.ardplayer-button-hero[tabindex='-1'],
.ardplayer button.ardplayer-button-big.ardplayer-button-hero.ardplayer-button-disabled,
.ardplayer button.ardplayer-button-big.ardplayer-button-hero.ardplayer-button-visually-disabled,
.ardplayer button.ardplayer-button-big.ardplayer-button-hero[tabindex='-1'] {
  color: #9d9d9d99 !important;
}
.ardplayer.ardplayer-m button,
.ardplayer.ardplayer-sm button {
  width: 48px;
  height: 48px;
}
.ardplayer.ardplayer-m button,
.ardplayer.ardplayer-m button:after,
.ardplayer.ardplayer-m button:before,
.ardplayer.ardplayer-sm button,
.ardplayer.ardplayer-sm button:after,
.ardplayer.ardplayer-sm button:before {
  font-size: 48px;
  line-height: 48px;
}
.ardplayer.ardplayer-m .ardplayer-button-big button,
.ardplayer.ardplayer-m button.ardplayer-button-big,
.ardplayer.ardplayer-sm .ardplayer-button-big button,
.ardplayer.ardplayer-sm button.ardplayer-button-big {
  width: 48px;
  height: 48px;
  margin: 0;
}
.ardplayer.ardplayer-m .ardplayer-button-big button,
.ardplayer.ardplayer-m .ardplayer-button-big button:after,
.ardplayer.ardplayer-m .ardplayer-button-big button:before,
.ardplayer.ardplayer-m button.ardplayer-button-big,
.ardplayer.ardplayer-m button.ardplayer-button-big:after,
.ardplayer.ardplayer-m button.ardplayer-button-big:before,
.ardplayer.ardplayer-sm .ardplayer-button-big button,
.ardplayer.ardplayer-sm .ardplayer-button-big button:after,
.ardplayer.ardplayer-sm .ardplayer-button-big button:before,
.ardplayer.ardplayer-sm button.ardplayer-button-big,
.ardplayer.ardplayer-sm button.ardplayer-button-big:after,
.ardplayer.ardplayer-sm button.ardplayer-button-big:before {
  font-size: 48px;
  line-height: 48px;
}
.ardplayer.ardplayer-s button {
  width: 40px;
  height: 40px;
}
.ardplayer.ardplayer-s button,
.ardplayer.ardplayer-s button:after,
.ardplayer.ardplayer-s button:before {
  font-size: 40px;
  line-height: 40px;
}
.ardplayer.ardplayer-s .ardplayer-button-big button,
.ardplayer.ardplayer-s button.ardplayer-button-big {
  width: 40px;
  height: 40px;
}
.ardplayer.ardplayer-s .ardplayer-button-big button,
.ardplayer.ardplayer-s .ardplayer-button-big button:after,
.ardplayer.ardplayer-s .ardplayer-button-big button:before,
.ardplayer.ardplayer-s button.ardplayer-button-big,
.ardplayer.ardplayer-s button.ardplayer-button-big:after,
.ardplayer.ardplayer-s button.ardplayer-button-big:before {
  font-size: 40px;
  line-height: 40px;
}
.ardplayer .ardplayer-button-jumptolive,
.ardplayer .ardplayer-button-nextclip,
.ardplayer .ardplayer-button-prevclip,
.ardplayer .ardplayer-button-settings-reveal,
.ardplayer .ardplayer-button-skipbackward,
.ardplayer .ardplayer-button-skipforward {
  display: none;
}
.ardplayer .ardplayer-controlbar {
  bottom: calc(130px + var(--safe-area-inset-bottom));
  left: calc(140px + var(--safe-area-inset-h));
  pointer-events: none;
  right: calc(140px + var(--safe-area-inset-h));
  position: absolute;
}
.ardplayer .ardplayer-controlbar .noUi-target {
  pointer-events: none;
  height: 20px;
}
.ardplayer .ardplayer-controlbar .noUi-horizontal .noUi-handle {
  background: var(--ardplayer-color-primary);
  width: 18px;
  height: 18px;
  transition: all 0.2s ease-in-out;
  top: 1px;
  left: auto;
  right: -9px;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-jumpmarks,
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-seek-indicator,
.ardplayer .ardplayer-controlbar .noUi-connects,
.ardplayer .ardplayer-controlbar .noUi-target:before {
  border-radius: 2px;
  width: 100%;
  height: 4px;
  transition: transform 0.2s ease-in-out;
  position: absolute;
  bottom: 8px;
}
.ardplayer .ardplayer-controlbar .noUi-connects {
  background-color: var(--ardplayer-color-lightest-transparent-50);
  pointer-events: none;
}
.ardplayer .ardplayer-controlbar .noUi-connects .noUi-connect {
  background-color: var(--ardplayer-color-primary);
  border-radius: 2px;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
  background-color: var(--ardplayer-color-lightest-transparent-30);
  pointer-events: none;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-thumb-input {
  width: 100%;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
  background: var(--ardplayer-color-primary-dark);
  pointer-events: none;
  text-align: center;
  white-space: nowrap;
  z-index: 2;
  border-radius: 5px;
  padding: 8px 16px;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  bottom: 45px;
  overflow: hidden;
}
.ardplayer .ardplayer-controlbar-hero .ardplayer-controlbar {
  right: calc(212px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-show-controls .ardplayer-controlbar,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-controlbar {
  pointer-events: all;
}
.ardplayer.ardplayer-show-controls .ardplayer-controlbar .noUi-connects,
.ardplayer.ardplayer-show-controls .ardplayer-controlbar .noUi-target,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-controlbar .noUi-connects,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-controlbar .noUi-target {
  pointer-events: auto;
}
.ardplayer.ardplayer-m .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-m .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-m .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-m .noUi-connects,
.ardplayer.ardplayer-m .noUi-target:before,
.ardplayer.ardplayer-sm .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-sm .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-sm .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-sm .noUi-connects,
.ardplayer.ardplayer-sm .noUi-target:before {
  border-radius: 2px;
  height: 4px;
  bottom: 8px;
}
.ardplayer.ardplayer-m .noUi-connects .noUi-connect,
.ardplayer.ardplayer-sm .noUi-connects .noUi-connect {
  border-radius: 2px;
}
.ardplayer.ardplayer-m .ardplayer-controlbar,
.ardplayer.ardplayer-sm .ardplayer-controlbar {
  bottom: calc(70px + var(--safe-area-inset-bottom));
  left: calc(86px + var(--safe-area-inset-h));
  right: calc(86px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-hover,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-hover {
  padding: 6px 12px;
  font-size: 16px;
  bottom: 38px;
}
.ardplayer.ardplayer-m:not(.ardplayer-s) .ardplayer-controlbar-long-time .ardplayer-controlbar,
.ardplayer.ardplayer-sm:not(.ardplayer-s) .ardplayer-controlbar-long-time .ardplayer-controlbar {
  left: calc(96px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-m .noUi-horizontal .noUi-handle,
.ardplayer.ardplayer-sm .noUi-horizontal .noUi-handle {
  width: 14px;
  height: 14px;
  top: 3px;
  right: -7px;
}
.ardplayer.ardplayer-m .ardplayer-controlbar-hero .ardplayer-controlbar {
  right: calc(134px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-sm .ardplayer-controlbar {
  bottom: calc(29px + var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-sm .ardplayer-controlbar,
.ardplayer.ardplayer-sm .ardplayer-controlbar-hero .ardplayer-controlbar {
  right: calc(182px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-s .ardplayer-controlbar-hero .ardplayer-controlbar {
  right: calc(86px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-s .ardplayer-controlbar {
  bottom: calc(10px + var(--safe-area-inset-bottom));
  left: calc(12px + var(--safe-area-inset-h));
  right: calc(86px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-hover {
  font-size: 16px;
  bottom: 30px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-horizontal .noUi-handle {
  width: 14px;
  height: 14px;
  top: 3px;
  right: -7px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-connects,
.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-target:before {
  border-radius: 2px;
  height: 4px;
  bottom: 8px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-connects .noUi-connect {
  border-radius: 2px;
}
.ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
  background-color: var(--ardplayer-color-dark);
}
.ardplayer.ardplayer-light-mode .ardplayer-controlbar .noUi-target:before {
  background-color: var(--ardplayer-color-lightest-transparent-50);
  content: '';
  pointer-events: none;
  display: block;
  position: absolute;
}
.ardplayer.ardplayer-light-mode .ardplayer-controlbar .noUi-target .noUi-connects {
  background-color: #0000;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover.ardplayer-hover-preview-content {
  z-index: 1;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: center;
  width: 300px;
  padding-left: 0;
  padding-right: 0;
}
.ardplayer.ardplayer-show-controlbar-hover
  .ardplayer-controlbar
  .ardplayer-controlbar-hover.ardplayer-hover-preview-content,
.ardplayer.ardplayer-show-controlbar-thumb-hover
  .ardplayer-controlbar
  .ardplayer-controlbar-hover.ardplayer-hover-preview-content {
  display: flex;
}
.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-hover.ardplayer-hover-preview-content {
  width: 200px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-hover.ardplayer-hover-preview-content {
  width: 175px;
}
.ardplayer .ardplayer-infinite-timeline {
  contain: strict;
  pointer-events: all;
  width: 100%;
  transform: translateZ(0);
}
.ardplayer .ardplayer-button-volume {
  pointer-events: all;
  display: inline-flex;
  position: relative;
}
.ardplayer .ardplayer-volume-fader {
  opacity: 0;
  visibility: hidden;
  transition:
    visibility 0.6s ease-in-out,
    opacity 0.6s ease-in-out;
  position: absolute;
  top: -7px;
  left: 72px;
}
.ardplayer .ardplayer-volume-fader .noUi-base {
  pointer-events: auto;
  height: 72px;
}
.ardplayer .ardplayer-volume-fader .noUi-base .noUi-connects {
  background-color: var(--ardplayer-color-lightest-transparent-50);
  height: 6px;
  top: 33px;
}
.ardplayer .ardplayer-volume-fader .noUi-base .noUi-connects .noUi-connect {
  background-color: var(--ardplayer-color-lightest-transparent-30);
}
.ardplayer .ardplayer-volume-fader .noUi-base .noUi-handle {
  width: 20px;
  height: 20px;
  top: 26px;
  right: -10px;
}
.ardplayer .ardplayer-volume-fader .ardplayer-volume-fader-input {
  width: 125px;
  height: 6px;
}
.ardplayer .ardplayer-volume-fader .slider-wrapper {
  padding: 0;
  display: inline-block;
}
.ardplayer.ardplayer-volume-open.ardplayer-volume-open:not(.ardplayer-state-audio)
  .ardplayer-button-volume
  button:after,
.ardplayer.ardplayer-volume-open.ardplayer-volume-open:not(.ardplayer-state-audio)
  .ardplayer-button-volume
  button:before {
  color: var(--ardplayer-color-hover);
  transform: scale(1.2);
}
.ardplayer.ardplayer-volume-open.ardplayer-volume-open:not(.ardplayer-state-audio) .ardplayer-volume-fader {
  opacity: 1;
  visibility: visible;
}
.ardplayer.ardplayer-m .ardplayer-volume-fader,
.ardplayer.ardplayer-s.ardplayer-state-audio-sticky .ardplayer-volume-fader,
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader {
  top: -10px;
  left: 48px;
}
.ardplayer.ardplayer-m .ardplayer-volume-fader .noUi-base,
.ardplayer.ardplayer-s.ardplayer-state-audio-sticky .ardplayer-volume-fader .noUi-base,
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .noUi-base {
  height: 48px;
}
.ardplayer.ardplayer-m .ardplayer-volume-fader .noUi-base .noUi-connects,
.ardplayer.ardplayer-s.ardplayer-state-audio-sticky .ardplayer-volume-fader .noUi-base .noUi-connects,
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .noUi-base .noUi-connects {
  height: 3px;
  top: 22.5px;
}
.ardplayer.ardplayer-m .ardplayer-volume-fader .noUi-base .noUi-handle,
.ardplayer.ardplayer-s.ardplayer-state-audio-sticky .ardplayer-volume-fader .noUi-base .noUi-handle,
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .noUi-base .noUi-handle {
  width: 10px;
  height: 10px;
  top: 19px;
  right: -5px;
}
.ardplayer.ardplayer-m .ardplayer-volume-fader .ardplayer-volume-fader-input,
.ardplayer.ardplayer-s.ardplayer-state-audio-sticky .ardplayer-volume-fader .ardplayer-volume-fader-input,
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .ardplayer-volume-fader-input {
  width: 60px;
  height: 3px;
}
.ardplayer.ardplayer-s .ardplayer-volume-fader {
  left: 40px;
}
.ardplayer.ardplayer-s .ardplayer-volume-fader .noUi-base {
  height: 40px;
}
.ardplayer.ardplayer-s .ardplayer-volume-fader .noUi-base .noUi-connects {
  top: 18.5px;
}
.ardplayer.ardplayer-s .ardplayer-volume-fader .noUi-base .noUi-handle {
  top: 15px;
}
@keyframes ardplayer-loading-gradient-travel {
  0% {
    background-position-x: 100%;
  }
  80% {
    background-position-x: 0;
  }
  to {
    background-position-x: 0;
  }
}
.ardplayer.ardplayer-state-audio img[data-load-failure-handler='loading'] {
  background-image: linear-gradient(
    90deg,
    var(--ardplayer-darkmode-color-primary-dark-base) 30%,
    var(--ardplayer-darkmode-color-tertiary-dark) 50%,
    var(--ardplayer-darkmode-color-primary-dark-base) 70%
  );
  background-position-x: 100%;
  background-size: 300% 100%;
  animation: 1s linear infinite both ardplayer-loading-gradient-travel;
  -o-object-fit: none !important;
  object-fit: none !important;
  -o-object-position: 200% 200% !important;
  object-position: 200% 200% !important;
}
.ardplayer.ardplayer-state-audio img[data-load-failure-handler='err'] {
  background-image: linear-gradient(
    148deg,
    var(--ardplayer-darkmode-color-primary-dark-base) 0,
    var(--ardplayer-darkmode-color-tertiary-dark) 35%,
    var(--ardplayer-darkmode-color-primary-dark-base) 100%
  );
}
.ardplayer .ardplayer-posterbackdrop {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.ardplayer .ardplayer-posterbackdrop canvas,
.ardplayer .ardplayer-posterbackdrop picture {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
.ardplayer .ardplayer-posterbackdrop canvas,
.ardplayer .ardplayer-posterbackdrop picture,
.ardplayer .ardplayer-posterbackdrop picture > img {
  width: 100%;
  height: 100%;
}
.ardplayer .ardplayer-posterbackdrop picture > img {
  -o-object-fit: cover;
  object-fit: cover;
}
.ardplayer .ardplayer-posterbackdrop img:not([src]),
.ardplayer .ardplayer-posterbackdrop picture:empty {
  display: none;
}
.ardplayer .ardplayer-posterframe {
  background-color: var(--ardplayer-color-secondary);
  cursor: default;
  display: none;
}
.ardplayer .ardplayer-posterframe,
.ardplayer .ardplayer-posterframe picture,
.ardplayer .ardplayer-posterframe picture > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ardplayer .ardplayer-posterframe picture > img {
  -o-object-fit: cover;
  object-fit: cover;
}
.ardplayer .ardplayer-posterframe img:not([src]),
.ardplayer .ardplayer-posterframe picture:empty {
  display: none;
}
.ardplayer .ardplayer-posterframe .ardplayer-posterframe-buttons {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.ardplayer .ardplayer-posterframe span.ardplayer-posterframe-title {
  -webkit-line-clamp: 3;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 1px var(--ardplayer-color-darkest);
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  width: 100%;
  font-size: 32px;
  line-height: 120%;
  display: -webkit-box;
  position: absolute;
  bottom: 15%;
  left: 0;
  overflow: hidden;
}
.ardplayer .ardplayer-posterframe div.ardplayer-posterframe-chips {
  flex-direction: row;
  gap: 5px;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.ardplayer .ardplayer-posterframe div.ardplayer-posterframe-chips span {
  background-color: var(--ardplayer-color-primary-dark-base);
  color: var(--ardplayer-color-lightest);
  text-align: center;
  border-radius: 2px;
  padding: 4px;
  font-size: 14px;
  font-weight: 530;
}
.ardplayer.ardplayer-m .ardplayer-posterframe span.ardplayer-posterframe-title {
  -webkit-line-clamp: 2;
  font-size: 26px;
  bottom: 13%;
}
.ardplayer.ardplayer-s .ardplayer-posterframe span.ardplayer-posterframe-title {
  font-size: 20px;
  bottom: 40px;
}
.ardplayer.ardplayer-xs .ardplayer-posterframe span.ardplayer-posterframe-title {
  font-size: 16px;
  bottom: 30px;
}
.ardplayer.ardplayer-xs .ardplayer-posterframe span.ardplayer-posterframe-duration {
  bottom: 10px;
  right: 10px;
}
.ardplayer.ardplayer-posterframe-transparent {
  background-color: #0000;
}
.ardplayer.ardplayer-posterframe-transparent .ardplayer-posterbackdrop,
.ardplayer.ardplayer-posterframe-transparent .ardplayer-posterframe {
  background: 0 0;
}
.ardplayer .ardplayer-errorframe {
  background: var(--ardplayer-color-secondary-transparent-50);
  cursor: default;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.ardplayer .ardplayer-errorframe a {
  color: var(--ardplayer-color-light) !important;
}
.ardplayer .ardplayer-errorframe img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ardplayer .ardplayer-errorframe button {
  background: var(--ardplayer-color-tertiary);
  border-radius: 20px;
  width: auto;
  height: auto;
  margin-top: 16px;
  padding: 10px 24px;
  font-size: 16px;
  line-height: normal;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer .ardplayer-errorframe button.ardplayer-button-active,
  .ardplayer .ardplayer-errorframe button:active,
  .ardplayer .ardplayer-errorframe button:hover {
    background-color: var(--ardplayer-color-primary-transparent-50);
  }
}
.ardplayer .ardplayer-errorframe button[data-touching='true'] .ardplayer .ardplayer-errorframe button:focus {
  background-color: var(--ardplayer-color-primary-transparent-50);
}
.ardplayer .ardplayer-errorframe h1 {
  margin-bottom: 16px;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.ardplayer .ardplayer-errorframe .ardplayer-errorframe-content {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.ardplayer .ardplayer-errorframe .ardplayer-errorframe-content .ardplayer-error-icon {
  width: 90px;
  height: 90px;
  margin: 0 0 30px;
  font-size: 90px;
  line-height: 90px;
  display: inline-block;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer
    .ardplayer-errorframe
    .ardplayer-errorframe-content
    .ardplayer-error-icon.ardplayer-button-active:before,
  .ardplayer .ardplayer-errorframe .ardplayer-errorframe-content .ardplayer-error-icon:hover:before {
    transform: none;
  }
}
.ardplayer
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  .ardplayer-error-icon[data-touching='true']:before {
  transform: none;
}
.ardplayer .ardplayer-errorframe .ardplayer-errorframe-content span.ardplayer-error-message {
  text-align: center;
  width: 100%;
  max-width: calc(530px + 18%);
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 8%;
  font-size: 20px;
  line-height: 28px;
  display: block;
}
.ardplayer
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  span.ardplayer-error-message
  span.ardplayer-error-external {
  margin-top: 20px;
  line-height: 40px;
  display: block;
}
.ardplayer
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  span.ardplayer-error-message
  span.ardplayer-error-external
  a {
  background: var(--ardplayer-color-tertiary);
  color: var(--ardplayer-color-lightest);
  cursor: pointer;
  border-radius: 20px;
  padding: 2px 8px;
  text-decoration: none;
}
.ardplayer.ardplayer-m .ardplayer-errorframe .ardplayer-errorframe-content .ardplayer-error-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 60px;
}
.ardplayer.ardplayer-m .ardplayer-errorframe .ardplayer-errorframe-content button {
  margin-top: 10px;
  font-size: 14px;
}
.ardplayer.ardplayer-m .ardplayer-errorframe .ardplayer-errorframe-content span.ardplayer-error-message {
  font-size: 14px;
  line-height: normal;
}
.ardplayer.ardplayer-m
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  span.ardplayer-error-message
  span.ardplayer-error-external {
  margin-top: 15px;
  line-height: 24px;
}
.ardplayer.ardplayer-s .ardplayer-errorframe .ardplayer-errorframe-content .ardplayer-error-icon {
  display: none;
}
.ardplayer.ardplayer-s .ardplayer-errorframe .ardplayer-errorframe-content button {
  margin-top: 0;
}
.ardplayer.ardplayer-s .ardplayer-errorframe .ardplayer-errorframe-content span.ardplayer-error-message {
  font-size: 12px;
}
.ardplayer.ardplayer-s
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  span.ardplayer-error-message
  span.ardplayer-error-external {
  margin-top: 10px;
  line-height: 20px;
}
.ardplayer .ardplayer-contextmenu {
  background-color: var(--ardplayer-color-primary-dark-base);
  border: 1px solid var(--ardplayer-color-primary-transparent-30);
  color: var(--ardplayer-color-lightest);
  transform-origin: top;
  -webkit-user-select: none;
  user-select: none;
  z-index: 99999;
  border-radius: 4px;
  outline: 0;
  min-width: 270px;
  max-width: 350px;
  margin: 0;
  padding: 4px 0;
  font-size: 13px;
  list-style: none;
  display: block;
  position: fixed;
}
.ardplayer .ardplayer-contextmenu li:first-child {
  background: var(--ardplayer-color-primary-dark-base);
  border: 1px solid var(--ardplayer-color-primary-transparent-30);
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: absolute;
  top: -25px;
  right: 2px;
  overflow: hidden;
}
.ardplayer .ardplayer-contextmenu li:first-child button {
  float: left;
  width: 25px;
  height: 25px;
  position: relative;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer .ardplayer-contextmenu li:first-child button.ardplayer-button-active,
  .ardplayer .ardplayer-contextmenu li:first-child button:hover {
    background-color: var(--ardplayer-color-primary);
  }
}
.ardplayer
  .ardplayer-contextmenu
  li:first-child
  button[data-touching='true']
  .ardplayer
  .ardplayer-contextmenu
  li:first-child
  button:focus {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer .ardplayer-contextmenu li:first-child button:active {
  background-color: var(--ardplayer-color-primary-transparent-30);
}
.ardplayer .ardplayer-contextmenu li:first-child button svg {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 2px;
}
.ardplayer .ardplayer-contextmenu li:first-child button.ardplayer-context-copy svg {
  width: 15px;
  height: 15px;
  top: 4px;
  left: 5px;
}
.ardplayer .ardplayer-contextmenu.ardplayer-contextmenu-touch li:first-child {
  transform-origin: 100% 100%;
  transform: scale(1.5);
}
.ardplayer .ardplayer-contextmenu .ardplayer-item {
  cursor: default;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 2px 6px;
  display: block;
  overflow: hidden;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer .ardplayer-contextmenu .ardplayer-item.ardplayer-button-active,
  .ardplayer .ardplayer-contextmenu .ardplayer-item:hover {
    background-color: var(--ardplayer-color-primary);
  }
}
.ardplayer
  .ardplayer-contextmenu
  .ardplayer-item[data-touching='true']
  .ardplayer
  .ardplayer-contextmenu
  .ardplayer-item:focus {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer .ardplayer-contextmenu .ardplayer-item:focus {
  outline: 0;
}
.ardplayer .ardplayer-contextmenu .ardplayer-item-inactive {
  color: gray;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer .ardplayer-contextmenu .ardplayer-item-inactive.ardplayer-button-active,
  .ardplayer .ardplayer-contextmenu .ardplayer-item-inactive:hover {
    color: var(--ardplayer-color-primary-dark-base);
  }
}
.ardplayer
  .ardplayer-contextmenu
  .ardplayer-item-inactive[data-touching='true']
  .ardplayer
  .ardplayer-contextmenu
  .ardplayer-item-inactive:focus {
  color: var(--ardplayer-color-primary-dark-base);
}
.ardplayer .ardplayer-contextmenu .ardplayer-divider {
  background-color: var(--ardplayer-color-primary-transparent-30);
  height: 1px;
  margin: 4px 0;
  overflow: clip;
}
@keyframes ardplayer-modal-reveal-stage {
  0% {
    transform: translateY(100%);
  }
  75% {
    transform: translateY(0);
  }
}
@keyframes ardplayer-modal-reveal-content {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ardplayer-modal-conceal-stage {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes ardplayer-modal-conceal-content {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.ardplayer .ardplayer-font-byline {
  margin-right: 5px;
  font-size: 18px;
  line-height: 21.6px;
}
.ardplayer .ardplayer-font-byline,
.ardplayer .ardplayer-font-byline a {
  color: var(--ardplayer-color-light);
}
.ardplayer .ardplayer-font-byline + .ardplayer-font-byline:before {
  content: '|';
  margin-right: 5px;
}
.ardplayer .ardplayer-font-title + .ardplayer-chip,
.ardplayer .ardplayer-font-title + .ardplayer-chip-highlight,
.ardplayer :not(.ardplayer-font-byline):not(br) + .ardplayer-font-byline {
  margin-top: 18px;
  display: inline-block;
}
.ardplayer .ardplayer-chip,
.ardplayer .ardplayer-chip-highlight {
  background: var(--ardplayer-color-dark);
  text-transform: uppercase;
  border-radius: 1px;
  margin: 2px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}
.ardplayer .ardplayer-chip-highlight {
  background: var(--ardplayer-color-primary);
}
.ardplayer .ardplayer-bottom-sheet-container {
  color: var(--ardplayer-color-lightest);
  overscroll-behavior: contain;
  pointer-events: none;
  bottom: 0;
  left: 0;
  right: 0;
  top: var(--safe-area-inset-top);
  visibility: hidden;
  z-index: 4;
  font-size: 20px;
  transition: visibility 0.5s ease-out;
  position: absolute;
}
.ardplayer .ardplayer-bottom-sheet-container i.ardplayer-icon,
.ardplayer .ardplayer-bottom-sheet-container i.ardplayer-icon-after {
  width: 40px;
  height: 40px;
  font-size: 40px;
  line-height: 40px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-background {
  bottom: 0;
  left: 0;
  top: calc(0px - var(--safe-area-inset-top));
  background-color: #0000;
  width: 100%;
  transition: background-color 0.5s ease-out;
  position: absolute;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage {
  background-color: var(--ardplayer-color-primary-dark-base);
  min-height: 240px;
  max-height: 100%;
  padding: 10px max(5%, var(--safe-area-inset-h));
  flex-direction: column;
  animation: 0.5s cubic-bezier(0, 0, 0.01, 1) ardplayer-modal-conceal-stage;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-topbar {
  z-index: 1;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  animation: 0.25s cubic-bezier(0, 0, 0.01, 1) forwards ardplayer-modal-conceal-content;
  display: flex;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  padding: 5px 0;
  font-size: 26px;
  overflow: hidden;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper {
  margin: -20px calc(5% - max(5%, var(--safe-area-inset-h)) * 2 * 0.05) -10px
    calc(5% - max(5%, var(--safe-area-inset-h)) * 2 * 0.05);
  overscroll-behavior: contain;
  scrollbar-color: var(--ardplayer-color-lightest) var(--ardplayer-color-light-transparent-90);
  scrollbar-width: thin;
  animation: 0.25s cubic-bezier(0, 0, 0.01, 1) ardplayer-modal-conceal-content;
  position: relative;
  overflow-y: auto;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content {
  margin-bottom: max(80px, var(--safe-area-inset-bottom));
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:after,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:before {
  content: '';
  height: 15px;
  display: block;
  position: sticky;
  left: 0;
  right: 0;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:before {
  background: linear-gradient(
    to bottom,
    var(--ardplayer-color-primary-dark-base),
    var(--ardplayer-color-primary-dark-base-transparent-100)
  );
  top: 0;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:after {
  background: linear-gradient(
    to top,
    var(--ardplayer-color-primary-dark-base),
    var(--ardplayer-color-primary-dark-base-transparent-100)
  );
  bottom: 0;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper button:after,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper button:before {
  will-change: unset;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer
    .ardplayer-bottom-sheet-container
    .ardplayer-bottom-sheet-content-wrapper
    button.ardplayer-button-active:after,
  .ardplayer
    .ardplayer-bottom-sheet-container
    .ardplayer-bottom-sheet-content-wrapper
    button.ardplayer-button-active:before,
  .ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper button:hover:after,
  .ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper button:hover:before,
  .ardplayer
    .ardplayer-bottom-sheet-container
    .ardplayer-bottom-sheet-content-wrapper
    button[aria-pressed='true']:after,
  .ardplayer
    .ardplayer-bottom-sheet-container
    .ardplayer-bottom-sheet-content-wrapper
    button[aria-pressed='true']:before {
    transform: none;
  }
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  button[data-touching='true']:after,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  button[data-touching='true']:before {
  transform: none;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper::-webkit-scrollbar {
  width: 4px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper::-webkit-scrollbar-track {
  background: var(--ardplayer-color-light-transparent-90);
  border-radius: 4px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--ardplayer-color-lightest);
  border-radius: 4px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical {
  scrollbar-color: var(--ardplayer-color-lightest) var(--ardplayer-color-light-transparent-90);
  scrollbar-width: thin;
  place-content: space-around center;
  align-items: baseline;
  display: flex;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal .ardplayer-container-spacer,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical .ardplayer-container-spacer {
  flex-grow: 1;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal.ardplayer-container-end,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical.ardplayer-container-end {
  justify-content: flex-end;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal.ardplayer-container-start,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical.ardplayer-container-start {
  justify-content: flex-start;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal.ardplayer-container-space-between,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical.ardplayer-container-space-between {
  justify-content: space-between;
  align-items: center;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal.ardplayer-container-tabs,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical.ardplayer-container-tabs {
  scroll-snap-type: x proximity;
  flex-wrap: nowrap;
  flex-shrink: 0;
  margin: 0 20px;
  padding: 0 20px;
  scroll-padding: 0 20px;
  overflow: auto hidden;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 20px calc(100% - 20px), #0000);
  mask-image: linear-gradient(90deg, #0000, #000 20px calc(100% - 20px), #0000);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal.ardplayer-container-tabs:after,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical.ardplayer-container-tabs:after {
  content: ' ';
  flex-shrink: 0;
  width: 20px;
  height: 1px;
  display: block;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal.ardplayer-container-tabs
  .ardplayer-option,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-vertical.ardplayer-container-tabs
  .ardplayer-option {
  scroll-snap-align: start;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal::-webkit-scrollbar {
  width: 4px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical::-webkit-scrollbar {
  width: 4px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal::-webkit-scrollbar-track {
  background: var(--ardplayer-color-light-transparent-90);
  border-radius: 4px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical::-webkit-scrollbar-track {
  background: var(--ardplayer-color-light-transparent-90);
  border-radius: 4px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal::-webkit-scrollbar-thumb {
  background-color: var(--ardplayer-color-lightest);
  border-radius: 4px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical::-webkit-scrollbar-thumb {
  background-color: var(--ardplayer-color-lightest);
  border-radius: 4px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal {
  flex-flow: wrap;
  margin-top: 20px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs {
  margin: 0 calc(5% - max(5%, var(--safe-area-inset-h)) * 2 * 0.05 - 20px);
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs
  + .ardplayer-bottom-sheet-content-wrapper {
  margin-top: 0;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical {
  flex-flow: column;
  align-content: flex-start;
  align-items: flex-start;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical .ardplayer-font-byline,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical .ardplayer-font-paragraph,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical .ardplayer-font-title {
  align-self: stretch;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical .ardplayer-container-horizontal {
  width: 100%;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer .ardplayer-bottom-sheet-container p,
.ardplayer .ardplayer-bottom-sheet-container span:not([class]) {
  font-size: 20px;
}
.ardplayer .ardplayer-bottom-sheet-container hr {
  color: var(--ardplayer-color-lightest-transparent-50);
  width: 100%;
  margin: 20px 0 0;
}
.ardplayer .ardplayer-bottom-sheet-container a {
  color: var(--ardplayer-color-lightest);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-slider-container {
  flex-direction: row;
  align-items: center;
  width: 100%;
  display: flex;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-slider-container
  .ardplayer-bottom-sheet-slider {
  flex-grow: 1;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-slider-container
  .ardplayer-bottom-sheet-slider
  .noUi-connects {
  top: 50%;
  transform: translateY(-50%);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill {
  background-color: var(--ardplayer-color-fill);
  color: var(--ardplayer-color-lightest);
  border-radius: 24px;
  width: auto;
  height: 40px;
  padding: 10px 24px;
  font-size: 18px;
  line-height: 18px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill + .ardplayer-button-pill,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill + .ardplayer-button-pill {
  margin: 1rem;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill.ardplayer-button-pill-secondary,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill.ardplayer-button-pill-secondary {
  border: 1px solid var(--ardplayer-color-lightest);
  background: 0 0;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:after,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:before,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill:after,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill:before {
  font-size: 24px;
  line-height: 20px;
  display: inline-block;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:before,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill:before {
  margin-left: -13px;
  margin-right: 7px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:after,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill:after {
  margin-left: 7px;
  margin-right: -13px;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill.ardplayer-button-active,
  .ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:active,
  .ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:hover,
  .ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill.ardplayer-button-active,
  .ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill:active,
  .ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill:hover {
    background-color: var(--ardplayer-color-hover);
  }
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill[data-touching='true'],
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill[data-touching='true'] {
  background-color: var(--ardplayer-color-hover);
}
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-underlined {
  background: linear-gradient(
    to top,
    #0000 6px,
    var(--ardplayer-color-fill) 6px,
    var(--ardplayer-color-fill) 9px,
    #0000 9px
  );
  font-weight: 700;
}
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-rect {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 20px;
  display: block;
  position: relative;
  overflow: hidden;
}
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-rect:before {
  will-change: transform, margin-right;
  transition:
    transform 0.2s ease-in-out,
    margin-right 0.2s ease-in-out;
  display: inline-block;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer
    .ardplayer-bottom-sheet-container
    button.ardplayer-button-rect.ardplayer-button-active:not(.ardplayer-button-disabled):before,
  .ardplayer
    .ardplayer-bottom-sheet-container
    button.ardplayer-button-rect:hover:not(.ardplayer-button-disabled):before,
  .ardplayer
    .ardplayer-bottom-sheet-container
    button.ardplayer-button-rect[aria-pressed='true']:not(.ardplayer-button-disabled):before {
    margin-right: 3px;
  }
}
.ardplayer
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect[data-touching='true']:not(.ardplayer-button-disabled):before {
  margin-right: 3px;
}
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-rect:after {
  position: absolute;
  top: 0;
  right: 0;
}
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-rect.ardplayer-icon-after {
  padding-right: 48px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content > button.ardplayer-button-rect {
  width: auto;
  display: block;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-checkbox {
  display: none;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-checkbox + .ardplayer-checkbox-label {
  cursor: pointer;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-checkbox + .ardplayer-checkbox-label:before {
  background: var(--ardplayer-color-lightest);
  border: 3px solid var(--ardplayer-color-lightest);
  content: '';
  width: 15px;
  height: 15px;
  margin-bottom: -1px;
  margin-right: 7px;
  display: inline-block;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer
    .ardplayer-bottom-sheet-container
    .ardplayer-checkbox
    + .ardplayer-checkbox-label.ardplayer-button-active:before,
  .ardplayer .ardplayer-bottom-sheet-container .ardplayer-checkbox + .ardplayer-checkbox-label:hover:before {
    background-color: var(--ardplayer-color-light);
  }
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-checkbox
  + .ardplayer-checkbox-label[data-touching='true']:before {
  background-color: var(--ardplayer-color-light);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-checkbox:checked + .ardplayer-checkbox-label:before {
  background-color: var(--ardplayer-color-tertiary);
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer
    .ardplayer-bottom-sheet-container
    .ardplayer-checkbox:checked
    + .ardplayer-checkbox-label.ardplayer-button-active:before,
  .ardplayer
    .ardplayer-bottom-sheet-container
    .ardplayer-checkbox:checked
    + .ardplayer-checkbox-label:hover:before {
    background-color: var(--ardplayer-color-tertiary-dark);
  }
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-checkbox:checked
  + .ardplayer-checkbox-label[data-touching='true']:before {
  background-color: var(--ardplayer-color-tertiary-dark);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper {
  border: 2px solid var(--ardplayer-color-tertiary);
  border-radius: 30px;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
  padding: 3px;
  display: flex;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper:focus-within {
  border-color: var(--ardplayer-color-primary);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper input {
  appearance: none;
  border: none !important;
  outline: none !important;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper input:focus,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper input:focus-visible,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper input:focus-within {
  border: none !important;
  outline: none !important;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper .ardplayer-input-text {
  color: var(--ardplayer-color-lightest);
  background: 0 0;
  border: none;
  flex-grow: 1;
  padding: 5px;
  font-size: 20px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper.ardplayer-input-small {
  border-width: 1px;
  flex-grow: 0;
  padding: 5px 10px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text {
  text-align: center;
  flex-grow: 0;
  width: 60px;
  padding: 0;
  font-size: 18px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-select {
  -webkit-user-select: none;
  user-select: none;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-select .ardplayer-option-label.ardplayer-icon:before {
  width: auto;
  height: auto;
  font-size: 48px;
  line-height: 20px;
  display: inline-block;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-select > .ardplayer-container-horizontal {
  margin-top: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-container-horizontal
  .ardplayer-option-label {
  flex-basis: clamp(200px, 25%, 300px);
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-select.ardplayer-select-hide-disabled
  .ardplayer-option-disabled {
  display: none;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-font-body {
  line-height: normal;
}
.ardplayer .ardplayer-bottom-sheet-container * + .ardplayer-font-body.ardplayer-font-paragraph {
  margin-top: 30px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-font-body > br {
  margin-bottom: 30px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-font-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  overflow: hidden;
}
.ardplayer .ardplayer-bottom-sheet-container h4.ardplayer-font-title {
  font-size: 26px;
}
.ardplayer .ardplayer-bottom-sheet-container h5.ardplayer-font-title {
  font-size: 22px;
}
.ardplayer .ardplayer-bottom-sheet-container h6.ardplayer-font-title {
  font-size: 18px;
}
.ardplayer .ardplayer-bottom-sheet-container * + .ardplayer-font-title {
  margin-top: 10px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option-label {
  font-weight: 700;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option {
  cursor: pointer;
  white-space: nowrap;
  margin: 5px;
  padding: 5px 10px;
  line-height: 29px;
  transition: background 0.15s ease-in-out;
  display: inline-block;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:first-letter {
  text-transform: capitalize;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-button-active,
  .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
    background-color: var(--ardplayer-color-hover);
  }
  .ardplayer
    .ardplayer-bottom-sheet-container
    .ardplayer-option.ardplayer-button-active.ardplayer-option-active,
  .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover.ardplayer-option-active {
    background: var(--ardplayer-color-hover)
      linear-gradient(to top, var(--ardplayer-color-hover) 3px, #0000 3px);
  }
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option[data-touching='true'] {
  background-color: var(--ardplayer-color-hover);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option[data-touching='true'].ardplayer-option-active {
  background: var(--ardplayer-color-hover)
    linear-gradient(to top, var(--ardplayer-color-hover) 3px, #0000 3px);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-expand {
  margin-right: 20px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-expand .ardplayer-icon {
  width: 20px;
  margin-top: -8px;
  padding-left: 7px;
  font-size: 18px;
  position: absolute;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-expand select {
  appearance: none;
  box-sizing: initial;
  color: inherit;
  font: inherit;
  text-align-last: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  background-color: #0000;
  border: none;
  margin: -5px -20px -5px -10px;
  padding: 5px 20px 5px 10px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-disabled {
  color: var(--ardplayer-color-lightest-transparent-50);
  cursor: default;
  pointer-events: none;
}
.ardplayer.ardplayer-bs-detached .ardplayer-bottom-sheet-container {
  position: fixed;
}
.ardplayer.ardplayer-bs-detached .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-background {
  opacity: 0.5;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl .ardplayer-font-byline,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached) .ardplayer-font-byline {
  font-size: 18px;
  line-height: 21.6px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl .ardplayer-font-title + .ardplayer-chip,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl .ardplayer-font-title + .ardplayer-chip-highlight,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl :not(.ardplayer-font-byline) + .ardplayer-font-byline,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached) .ardplayer-font-title + .ardplayer-chip,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached) .ardplayer-font-title + .ardplayer-chip-highlight,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached) :not(.ardplayer-font-byline) + .ardplayer-font-byline {
  margin-top: 18px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl .ardplayer-chip,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl .ardplayer-chip-highlight,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached) .ardplayer-chip,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached) .ardplayer-chip-highlight {
  font-size: 14px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title {
  font-size: 26px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl .ardplayer-bottom-sheet-container p,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl .ardplayer-bottom-sheet-container span:not([class]),
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container p,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container span:not([class]) {
  font-size: 20px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill {
  font-size: 18px;
  line-height: 18px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect {
  font-size: 20px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text {
  font-size: 18px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl .ardplayer-bottom-sheet-container .ardplayer-font-title,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-font-title {
  font-size: 26px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-font-byline,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached) .ardplayer-font-byline,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-font-byline,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached) .ardplayer-font-byline {
  font-size: 14px;
  line-height: 16.8px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-font-title + .ardplayer-chip,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-font-title + .ardplayer-chip-highlight,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m :not(.ardplayer-font-byline) + .ardplayer-font-byline,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached) .ardplayer-font-title + .ardplayer-chip,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached) .ardplayer-font-title + .ardplayer-chip-highlight,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached) :not(.ardplayer-font-byline) + .ardplayer-font-byline,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-font-title + .ardplayer-chip,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-font-title + .ardplayer-chip-highlight,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) :not(.ardplayer-font-byline) + .ardplayer-font-byline,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached) .ardplayer-font-title + .ardplayer-chip,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached) .ardplayer-font-title + .ardplayer-chip-highlight,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached) :not(.ardplayer-font-byline) + .ardplayer-font-byline {
  margin-top: 14px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-chip,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-chip-highlight,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached) .ardplayer-chip,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached) .ardplayer-chip-highlight,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-chip,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-chip-highlight,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached) .ardplayer-chip,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached) .ardplayer-chip-highlight {
  padding: 2px 4px;
  font-size: 12px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button {
  width: 48px;
  height: 48px;
  font-size: 48px;
  line-height: 48px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage {
  min-height: 140px;
  padding: 10px max(5%, var(--safe-area-inset-h));
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title {
  font-size: 20px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper {
  margin-left: calc(5% - max(5%, var(--safe-area-inset-h)) * 2 * 0.05);
  margin-right: calc(5% - max(5%, var(--safe-area-inset-h)) * 2 * 0.05);
  font-size: 16px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content {
  margin-bottom: max(80px, var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs {
  margin: 0 calc(5% - max(5%, var(--safe-area-inset-h)) * 2 * 0.05 - 20px);
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-bottom-sheet-container p,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-bottom-sheet-container span:not([class]),
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container p,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container span:not([class]),
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container p,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container span:not([class]),
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container p,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container span:not([class]) {
  font-size: 16px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill {
  height: 30px;
  padding: 7px 15px;
  font-size: 14px;
  line-height: 14px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:after,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:before,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:after,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:before,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:after,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:before,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:after,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:before {
  font-size: 20px;
  line-height: 15px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:before,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:before,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:before,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:before {
  margin-left: -5px;
  margin-right: 4px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:after,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:after,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:after,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:after {
  margin-left: 4px;
  margin-right: -5px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect {
  font-size: 16px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect.ardplayer-icon-after,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect.ardplayer-icon-after,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect.ardplayer-icon-after,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect.ardplayer-icon-after {
  padding-right: 48px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-input-wrapper,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-input-wrapper,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-input-wrapper,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper {
  border-width: 1px;
  padding: 3px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text {
  padding: 5px;
  font-size: 16px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text {
  font-size: 14px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  *
  + .ardplayer-font-body.ardplayer-font-paragraph,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  *
  + .ardplayer-font-body.ardplayer-font-paragraph,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  *
  + .ardplayer-font-body.ardplayer-font-paragraph,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  *
  + .ardplayer-font-body.ardplayer-font-paragraph {
  margin-top: 16px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-font-body > br,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-font-body
  > br,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-font-body
  > br,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-font-body
  > br {
  margin-bottom: 16px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-font-title,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-font-title,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-font-title,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-font-title {
  font-size: 20px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-container-horizontal
  .ardplayer-option-label,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-container-horizontal
  .ardplayer-option-label,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-container-horizontal
  .ardplayer-option-label,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-container-horizontal
  .ardplayer-option-label {
  flex-basis: clamp(140px, 20%, 180px);
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-option-label.ardplayer-icon:before,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-option-label.ardplayer-icon:before,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-option-label.ardplayer-icon:before,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-option-label.ardplayer-icon:before {
  display: none;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-option {
  padding: 4px 6px;
  line-height: normal;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-font-byline,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-font-byline {
  font-size: 14px;
  line-height: 16.8px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-font-title + .ardplayer-chip,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-font-title + .ardplayer-chip-highlight,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s :not(.ardplayer-font-byline) + .ardplayer-font-byline,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-font-title + .ardplayer-chip,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-font-title + .ardplayer-chip-highlight,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) :not(.ardplayer-font-byline) + .ardplayer-font-byline {
  margin-top: 14px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-chip,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-chip-highlight,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-chip,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-chip-highlight {
  padding: 2px 4px;
  font-size: 10px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage {
  padding: 10px max(10px, var(--safe-area-inset-h));
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar {
  margin-bottom: 0;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button:first-child,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button:first-child {
  margin-right: calc(max(10px, var(--safe-area-inset-h)) * -1);
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  .ardplayer-bottom-sheet-title:first-child,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button:first-child
  + .ardplayer-bottom-sheet-title,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  .ardplayer-bottom-sheet-title:first-child,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button:first-child
  + .ardplayer-bottom-sheet-title {
  margin-left: max(10px, var(--safe-area-inset-h));
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper {
  margin-top: 0;
  margin-left: 16px;
  margin-right: 16px;
  font-size: 16px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:before,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:before {
  display: none;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:after,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:after {
  bottom: 5px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content {
  margin-bottom: max(15px, var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title {
  font-size: 20px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs {
  margin: 0 -4px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill {
  font-size: 14px;
  line-height: 14px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect {
  font-size: 16px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect.ardplayer-icon-after,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect.ardplayer-icon-after {
  padding-right: 40px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-bottom-sheet-container p,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-bottom-sheet-container span:not([class]),
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container p,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-container span:not([class]) {
  font-size: 16px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text {
  font-size: 14px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  *
  + .ardplayer-font-body.ardplayer-font-paragraph,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  *
  + .ardplayer-font-body.ardplayer-font-paragraph {
  margin-top: 13px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-font-body > br,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-font-body
  > br {
  margin-bottom: 13px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-input-wrapper,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper {
  border: none;
  border-radius: 0;
  padding: 0;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal {
  margin-top: 10px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-container-horizontal
  .ardplayer-option-label,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-container-horizontal
  .ardplayer-option-label {
  flex-basis: unset;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-bs-hide-s,
.ardplayer.ardplayer-bs-detached:not(.ardplayer-bs-s) .ardplayer-bs-show-s,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-s .ardplayer-bs-hide-s,
.ardplayer:not(.ardplayer-bs-detached):not(.ardplayer-s) .ardplayer-bs-show-s {
  display: none !important;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xs
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage {
  padding: 0 max(0px, var(--safe-area-inset-h));
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xs
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper {
  margin-left: 16px;
  margin-right: 16px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xs
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:after,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:after {
  bottom: 12px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xs
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs {
  margin: 0 -4px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xs
  .ardplayer-bottom-sheet-container
  .ardplayer-option-label.ardplayer-icon:before,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-option-label.ardplayer-icon:before {
  display: none;
}
.ardplayer.ardplayer-bs-detached:not(.ardplayer-bs-m)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-body,
.ardplayer.ardplayer-bs-detached:not(.ardplayer-bs-m)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-byline,
.ardplayer.ardplayer-bs-detached:not(.ardplayer-bs-m)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-paragraph,
.ardplayer.ardplayer-bs-detached:not(.ardplayer-bs-m)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-title,
.ardplayer.ardplayer:not(.ardplayer-m):not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-body,
.ardplayer.ardplayer:not(.ardplayer-m):not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-byline,
.ardplayer.ardplayer:not(.ardplayer-m):not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-paragraph,
.ardplayer.ardplayer:not(.ardplayer-m):not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-title {
  max-width: calc(65% + max(5%, var(--safe-area-inset-h)) * 2);
}
.ardplayer.ardplayer-show-bottom-sheet {
  cursor: default;
}
.ardplayer.ardplayer-show-bottom-sheet .ardplayer-bottom-sheet-container-toggle {
  pointer-events: auto;
  visibility: visible;
}
.ardplayer.ardplayer-show-bottom-sheet
  .ardplayer-bottom-sheet-container-toggle
  .ardplayer-bottom-sheet-background {
  background-color: var(--ardplayer-color-ui-background-shim-color);
}
.ardplayer.ardplayer-show-bottom-sheet
  .ardplayer-bottom-sheet-container-toggle
  .ardplayer-bottom-sheet-stage {
  animation: 0.5s cubic-bezier(0, 0, 0.01, 1) ardplayer-modal-reveal-stage;
  transform: translateY(0);
}
.ardplayer.ardplayer-show-bottom-sheet
  .ardplayer-bottom-sheet-container-toggle
  .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-show-bottom-sheet
  .ardplayer-bottom-sheet-container-toggle
  .ardplayer-bottom-sheet-topbar {
  animation: 0.25s cubic-bezier(0, 0, 0.01, 1) 0.25s backwards ardplayer-modal-reveal-content;
}
.ardplayer.ardplayer-show-bottom-sheet .ardplayer-background {
  opacity: 1;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-option:focus,
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:focus {
  background-color: var(--ardplayer-color-hover);
}
.ardplayer:not(.ardplayer-s) .ardplayer-select-group {
  flex-flow: row;
  gap: 16px;
  display: flex;
}
.ardplayer:not(.ardplayer-s) .ardplayer-select-group .ardplayer-select {
  max-height: var(--sheet-content-max-height, auto);
  padding-bottom: max(80px, var(--safe-area-inset-bottom));
  flex-grow: 1;
  flex-basis: 1px;
  margin-top: -15px;
  padding-top: 15px;
  overflow-y: auto;
}
.ardplayer:not(.ardplayer-s) .ardplayer-select-group .ardplayer-select .ardplayer-option-label {
  margin-bottom: 16px;
  font-size: 26px;
  font-weight: 500;
}
.ardplayer:not(.ardplayer-s) .ardplayer-select-group .ardplayer-select .ardplayer-option {
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}
.ardplayer:not(.ardplayer-s) .ardplayer-select-group.ardplayer-m .ardplayer-select-group .ardplayer-select {
  padding-bottom: max(80px, var(--safe-area-inset-bottom));
}
.ardplayer:not(.ardplayer-s)
  .ardplayer-select-group.ardplayer-m
  .ardplayer-select-group
  .ardplayer-select
  .ardplayer-option-label {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 520;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-no-scroll {
  overflow: hidden;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-no-scroll
  .ardplayer-bottom-sheet-content {
  margin-bottom: 0;
}
.ardplayer .ardplayer-bottom-sheet-horizontal-scroller {
  flex-flow: row;
  justify-content: flex-start;
  display: flex;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal {
  margin-left: min(var(--safe-area-inset-h) * -1, -5.55556%);
  margin-right: min(var(--safe-area-inset-h) * -1, -5.55556%);
  overflow: scroll hidden;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-padding {
  height: 5px;
  width: calc(max(5%, var(--safe-area-inset-h)) + 5% - max(5%, var(--safe-area-inset-h)) * 2 * 0.05);
  flex-shrink: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-content {
  margin-bottom: 10px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:before {
  display: none;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after {
  background: linear-gradient(
    to right,
    var(--ardplayer-color-primary-dark-base-transparent-100),
    var(--ardplayer-color-primary-dark-base)
  );
  content: ' ';
  height: unset;
  bottom: 0;
  left: unset;
  width: max(5%, var(--safe-area-inset-h));
  margin-top: 0;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter {
  background-color: var(--ardplayer-color-secondary-transparent-30);
  z-index: 1;
  border-radius: 100%;
  align-self: center;
  height: 80px;
  position: fixed;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter.ardplayer-icon-arrowleft {
  left: 16px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter.ardplayer-icon-arrowright {
  right: 16px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:before {
  width: 80px;
  font-size: 46px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal {
  margin-left: min(var(--safe-area-inset-h) * -1, -5.55556%);
  margin-right: min(var(--safe-area-inset-h) * -1, -5.55556%);
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-content,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-content {
  margin-bottom: 10px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after {
  width: calc(max(5%, var(--safe-area-inset-h)) + 5% - max(5%, var(--safe-area-inset-h)) * 2 * 0.05);
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter {
  height: 56px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:before,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:before {
  width: 56px;
  font-size: 32px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-bottom-sheet-horizontal-scroller,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached) .ardplayer-bottom-sheet-horizontal-scroller {
  height: 100%;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal {
  height: calc(100% - 35px);
  margin-left: calc(max(10px, var(--safe-area-inset-h)) * -1);
  margin-right: calc(max(10px, var(--safe-area-inset-h)) * -1);
  overflow-y: hidden;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-content,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-content {
  height: 100%;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after {
  width: calc(max(10px, var(--safe-area-inset-h)) + 16px);
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter {
  height: 48px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:before,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:before {
  width: 48px;
  font-size: 25px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xs
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal {
  margin-left: calc(max(0px, var(--safe-area-inset-h)) * -1);
  margin-right: calc(max(0px, var(--safe-area-inset-h)) * -1);
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xs
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-padding {
  width: calc(max(0px, var(--safe-area-inset-h)) + 16px);
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-default
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-default
  .ardplayer-bottom-sheet-stage {
  top: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-rounded
  .ardplayer-bottom-sheet-stage {
  --crop-min-inset: 0px;
  --crop-inset: var(--crop-min-inset);
  margin: 0 var(--crop-inset) 0 var(--crop-inset);
  border-radius: 16px 16px 0 0;
  padding: 10px 5%;
}
@supports (width: max(0px, 1px)) {
  .ardplayer
    .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-rounded
    .ardplayer-bottom-sheet-stage {
    --cropped-width-half: max(0px, calc(50vw - 50vh));
    --max-h-safe-area: max(var(--safe-area-inset-left), var(--safe-area-inset-right));
    --crop-inset-padding: max(var(--max-h-safe-area), var(--crop-min-inset));
    --crop-inset: max(var(--crop-inset-padding), var(--cropped-width-half));
  }
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-rounded
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-m:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-rounded
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-rounded
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-sm:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-rounded
  .ardplayer-bottom-sheet-stage {
  padding: 10px 5%;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-rounded
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-s:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-rounded
  .ardplayer-bottom-sheet-stage {
  padding: 10px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xs
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-rounded
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-rounded
  .ardplayer-bottom-sheet-stage {
  padding: 0;
}
.ardplayer.ardplayer-bs-detached:not(.ardplayer-bs-m)
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-rounded
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer:not(.ardplayer-m):not(.ardplayer-bs-detached)
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-rounded
  .ardplayer-bottom-sheet-stage {
  --crop-min-inset: 16px;
}
@keyframes ardplayer-flyout-reveal-stage {
  0% {
    opacity: 0;
    transform: translateY(5px) scaleY(0.95);
  }
  80% {
    opacity: 1;
  }
  to {
    transform: translateY(0);
  }
}
@keyframes ardplayer-flyout-conceal-stage {
  0% {
    transform: translateY(0);
  }
  80% {
    opacity: 0;
  }
  to {
    opacity: 0;
    transform: translateY(5px) scaleY(0.95);
  }
}
.ardplayer.ardplayer-show-bottom-sheet
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-container-toggle.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage {
  animation: 0.4s cubic-bezier(0, 0, 0.01, 1) ardplayer-flyout-reveal-stage;
}
.ardplayer .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout {
  --flyout-bottom: 0px;
  --flyout-right: 0px;
  --flyout-width: 375px;
  --flyout-border-radius: 8px;
  --flyout-min-height: 250px;
  --flyout-viewport-inset: 8px;
  --flyout-min-top: var(--flyout-viewport-inset);
  --flyout-min-bottom: var(--flyout-viewport-inset);
  --flyout-min-right: calc(var(--flyout-viewport-inset) - var(--flyout-frame-right-offset, 0px));
  --flyout-effective-bottom: var(--flyout-bottom);
  --flyout-effective-width: var(--flyout-width);
  --flyout-effective-right: var(--flyout-right);
  pointer-events: none;
  z-index: 1000000000;
}
@supports (width: max(0px, 1px)) {
  .ardplayer .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout {
    --flyout-min-bottom: max(var(--flyout-viewport-inset), var(--safe-area-inset-bottom-value));
    --flyout-min-right: calc(
      max(var(--flyout-viewport-inset), var(--safe-area-inset-right-value)) -
        var(--flyout-frame-right-offset, 0px)
    );
    --flyout-min-top: max(var(--flyout-viewport-inset), var(--safe-area-inset-top-value));
    --flyout-max-bottom: calc(
      100vh - var(--flyout-frame-bottom-offset, 0px) - var(--flyout-min-top) - var(--flyout-min-height)
    );
    --flyout-effective-bottom: max(
      min(var(--flyout-max-bottom), var(--flyout-bottom)),
      var(--flyout-min-bottom)
    );
    --flyout-effective-right: max(calc(var(--flyout-right) - var(--flyout-width)/2), var(--flyout-min-right));
    --flyout-effective-width: min(calc(100vw - var(--flyout-min-right) * 2), var(--flyout-width));
  }
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage {
  border-radius: var(--flyout-border-radius);
  bottom: var(--flyout-effective-bottom);
  box-shadow: 1px 1px 7px -1px var(--ardplayer-color-ui-background-shim-color);
  left: unset;
  max-height: calc(
    100vh - var(--flyout-frame-bottom-offset, 0px) - var(--flyout-effective-bottom) - var(--flyout-min-top)
  );
  min-height: var(--flyout-min-height);
  pointer-events: auto;
  right: var(--flyout-effective-right);
  transform-origin: bottom;
  width: var(--flyout-effective-width);
  animation: 0.4s cubic-bezier(0, 0, 0.01, 1) forwards ardplayer-flyout-conceal-stage;
  position: fixed;
  overflow: hidden;
  padding: 0 !important;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-topbar {
  padding: 12px 12px 8px;
  font-size: 20px;
  font-weight: 700;
  animation: none;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-topbar
  .ardplayer-bottom-sheet-title {
  margin: 0 !important;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-topbar
  .ardplayer-bottom-sheet-close-button,
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-topbar.ardplayer-bottom-sheet-topbar-empty {
  display: none;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-topbar
  button,
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-topbar
  button:first-child {
  margin: 0;
  padding: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-topbar
  button:first-child {
  margin-left: -4px;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-topbar-empty
  + .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content {
  margin-top: 12px;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-content-wrapper {
  margin: 0 4px;
  padding: 0 12px;
  animation-delay: 0s;
  animation-fill-mode: both;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content {
  margin: 4px 0 12px;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-content-wrapper:after,
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-content-wrapper:before {
  display: none;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-content-wrapper
  button.ardplayer-button-rect {
  padding: 6px 8px;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-content-wrapper
  button.ardplayer-button-rect:before {
  margin-left: -14px;
  margin-right: 8px !important;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-bottom-sheet-content-wrapper
  button.ardplayer-button-rect:after {
  top: 6px;
  right: -6px;
  margin: 0 !important;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  button.ardplayer-button-rect {
  height: auto;
  line-height: 32px;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  button.ardplayer-button-pill {
  width: auto;
  height: auto;
  font-size: 14px;
  line-height: 14px;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-button-rect.ardplayer-icon.ardplayer-option-label:after,
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-button-rect.ardplayer-icon.ardplayer-option-label:before,
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-button-rect.ardplayer-icon:after,
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-button-rect.ardplayer-icon:before,
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-select
  .ardplayer-icon.ardplayer-option-label:after,
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-select
  .ardplayer-icon.ardplayer-option-label:before,
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-select
  .ardplayer-icon:after,
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-select
  .ardplayer-icon:before {
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-select
  > .ardplayer-container-horizontal {
  height: 44px;
  margin: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-select
  .ardplayer-option-label.ardplayer-icon:before {
  margin-left: -6px;
  margin-right: 8px;
  line-height: 16px;
  display: inline-block;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-option {
  margin: 8px;
  padding: 6px;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-option-expand {
  margin: 0 27px 0 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-option-expand
  i {
  margin-top: -6px;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-stage.ardplayer-bottom-sheet-stage
  .ardplayer-option-expand
  .ardplayer-icon {
  font-size: 32px;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-bottom-sheet-background {
  display: none;
}
.ardplayer button.ardplayer-icon-settings-hd,
.ardplayer button.ardplayer-icon-settings-hd-off {
  position: relative;
}
.ardplayer button.ardplayer-icon-settings-hd-off:after,
.ardplayer button.ardplayer-icon-settings-hd:after {
  background-color: var(--ardplayer-color-dark);
  color: var(--ardplayer-color-lightest);
  content: 'HD';
  border-radius: 2px;
  padding: 1px 3px;
  font-weight: 700;
  display: block;
  position: absolute;
  top: 27%;
  left: 55%;
  height: unset !important;
  width: unset !important;
  font-size: 13% !important;
  line-height: normal !important;
}
.ardplayer button.ardplayer-icon-settings-hd:after {
  background-color: var(--ardplayer-color-tertiary);
}
.ardplayer .ardplayer-icon-after-blank:before,
.ardplayer .ardplayer-icon-blank:before {
  content: ' ';
}
.ardplayer .ardplayer-debugger-container {
  background-color: var(--ardplayer-color-primary-dark-base);
  border: 1px solid var(--ardplayer-color-primary-transparent-30);
  color: var(--ardplayer-color-lightest);
  cursor: auto;
  z-index: 20;
  grid-gap: 5px;
  grid-template-columns: auto auto;
  justify-content: start;
  min-width: max(250px, 25%);
  max-width: calc(100% - 20px);
  margin: 10px;
  padding: 10px;
  display: grid;
  position: fixed;
}
.ardplayer .ardplayer-debugger-container > span {
  place-self: center end;
  font-size: 11px;
  font-weight: 700;
}
.ardplayer .ardplayer-debugger-container > div {
  line-break: anywhere;
  place-self: center start;
  font-size: 11px;
}
.ardplayer .ardplayer-debugger-container > div.debug-id {
  cursor: pointer;
  text-align: end;
  place-self: end;
  font-size: 8px;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.ardplayer .ardplayer-debugger-container > div.debug-dvr {
  position: relative;
}
.ardplayer .ardplayer-debugger-container > div.debug-dvr:after {
  background: var(--ardplayer-color-lightest);
  content: '';
  border-radius: 100%;
  width: 5px;
  height: 5px;
  animation: 1s step-start infinite blinker;
  display: block;
  position: absolute;
  top: 3px;
  right: -10px;
}
.ardplayer .ardplayer-debugger-container .ardplayer-icon-close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
}
.ardplayer .ardplayer-debugger-container .ardplayer-icon-close:before {
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
}
.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph {
  position: relative;
}
.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph canvas {
  border: 1px solid var(--ardplayer-color-primary-transparent-30);
  image-rendering: optimizeSpeed;
  image-rendering: -webkit-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
  imagesmoothingenabled: true;
  mozimagesmoothingenabled: true;
  webkitimagesmoothingenabled: true;
  backface-visibility: hidden;
  -ms-perspective: 1000px;
  perspective: 1000px;
  text-rendering: geometricprecision;
  background: 0 0;
  display: inline-block;
  transform: translateZ(0);
}
.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph canvas + span {
  background-color: var(--ardplayer-color-primary-dark-base-transparent-50);
  border-radius: 6px;
  padding: 2px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph p {
  border: 1px solid var(--ardplayer-color-primary-transparent-30);
  margin: 0;
  padding: 0;
  line-height: 0;
  display: none;
  position: absolute;
  bottom: -4px;
  right: 0;
}
.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph p span {
  width: 5px;
  height: 5px;
  display: inline-block;
}
.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph p.ardplayer-legend-vertical {
  bottom: unset;
  display: block;
  top: 0;
  right: -6px;
}
.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph p.ardplayer-legend-vertical span {
  display: block;
}
.ardplayer .ardplayer-debugger-container label:focus-within {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer.ardplayer-s .ardplayer-debugger-container {
  grid-gap: 2px;
  max-width: 100%;
  margin: 3px;
  padding: 3px;
}
.ardplayer.ardplayer-s .ardplayer-debugger-container > div,
.ardplayer.ardplayer-s .ardplayer-debugger-container > span {
  font-size: 8px;
}
.ardplayer.ardplayer-state-embedded .ardplayer-debugger-container {
  position: absolute;
  top: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-s .ardplayer-debugger-container {
  left: 0;
}
.ardplayer .ardplayer-untertitel {
  pointer-events: none;
  width: 100%;
  height: 56.25%;
  font-family:
    TheSans C5s,
    Thesis,
    The Sans,
    TheSans,
    sans-serif,
    Helvetica Neue,
    Arial;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ardplayer .ardplayer-cast-label {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  background: #00000080;
  border-radius: 25px;
  max-width: 80%;
  padding: 0 25px;
  line-height: 50px;
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%);
}
.ardplayer .ardplayer-cast-label b {
  font-weight: 900;
}
.ardplayer.ardplayer-s .ardplayer-cast-label {
  top: 40px;
}
.ardplayer.ardplayer-state-airplay .ardplayer-cast-label,
.ardplayer.ardplayer-state-audio .ardplayer-cast-label {
  display: none;
}
.ardplayer .ardplayer-notify-toast {
  background-color: var(--ardplayer-color-tertiary-dark);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  z-index: 2147483647;
  border-radius: 16px;
  flex-direction: row;
  align-items: center;
  min-width: 150px;
  max-width: 50%;
  padding: 16px;
  transition:
    visibility 0.6s,
    opacity 0.6s;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.ardplayer .ardplayer-notify-toast.toast-active {
  opacity: 1;
  visibility: visible;
}
.ardplayer .ardplayer-notify-toast .ardplayer-icon {
  width: 56px;
  height: 56px;
  font-size: 56px;
  line-height: 56px;
}
.ardplayer .ardplayer-notify-toast .ardplayer-toast-title {
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-notify-toast,
.ardplayer:not(.ardplayer-state-audio) .ardplayer-notify-toast {
  bottom: calc(170px + var(--safe-area-inset-bottom) + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-notify-toast,
.ardplayer:not(.ardplayer-state-audio).ardplayer-m .ardplayer-notify-toast {
  bottom: calc(96px + var(--safe-area-inset-bottom) + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-sm .ardplayer-notify-toast,
.ardplayer:not(.ardplayer-state-audio).ardplayer-sm .ardplayer-notify-toast {
  bottom: calc(39px + var(--safe-area-inset-bottom) + var(--footer-h-padding-m-with-min));
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-notify-toast,
.ardplayer:not(.ardplayer-state-audio).ardplayer-s .ardplayer-notify-toast {
  bottom: unset;
  max-width: unset;
  min-width: unset;
  transform: unset;
  position: absolute;
  top: 10px;
  left: 10%;
  right: 10%;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-notify-toast,
.ardplayer:not(.ardplayer-state-audio) .ardplayer-notify-toast {
  box-shadow: 0 4px 40px 0 var(--ardplayer-color-secondary-transparent-50);
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-notify-toast .ardplayer-icon,
.ardplayer:not(.ardplayer-state-audio) .ardplayer-notify-toast .ardplayer-icon {
  margin: -10px 0 -10px -10px;
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-audio-sticky) .ardplayer-notify-toast {
  background-color: var(--ardplayer-color-darkest);
  flex-direction: column;
  bottom: 10%;
}
.ardplayer .ardplayer-notify-warning {
  background-color: var(--ardplayer-color-primary-dark-base-transparent-30);
  margin: calc(32px + var(--safe-area-inset-top)) calc(32px + var(--safe-area-inset-h));
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  transition:
    visibility 0.6s,
    opacity 0.6s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.ardplayer .ardplayer-notify-warning.warning-active {
  opacity: 1;
  visibility: visible;
}
.ardplayer .ardplayer-notify-warning .ardplayer-warning-title {
  font-size: 20px;
  font-weight: 700;
}
.ardplayer .ardplayer-notify-warning .ardplayer-warning-description {
  font-size: 15px;
  font-weight: 400;
}
.ardplayer.ardplayer-xl .ardplayer-notify-warning {
  gap: 14px;
  padding: 14px 20px;
}
.ardplayer.ardplayer-xl .ardplayer-notify-warning .ardplayer-warning-title {
  font-size: 24px;
}
.ardplayer.ardplayer-xl .ardplayer-notify-warning .ardplayer-warning-description {
  font-size: 17px;
}
.ardplayer.ardplayer-m .ardplayer-notify-warning .ardplayer-warning-title,
.ardplayer.ardplayer-sm .ardplayer-notify-warning .ardplayer-warning-title {
  font-size: 19px;
}
.ardplayer.ardplayer-m .ardplayer-notify-warning .ardplayer-warning-description,
.ardplayer.ardplayer-sm .ardplayer-notify-warning .ardplayer-warning-description {
  font-size: 13px;
}
.ardplayer.ardplayer-s .ardplayer-notify-warning {
  margin: calc(16px + var(--safe-area-inset-top)) calc(16px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-s .ardplayer-notify-warning .ardplayer-warning-title {
  font-size: 17px;
}
.ardplayer.ardplayer-s .ardplayer-notify-warning .ardplayer-warning-description {
  font-size: 12px;
}
.ardplayer.ardplayer-show-controls .ardplayer-notify-warning.warning-active,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-notify-warning.warning-active {
  opacity: 0.2;
}
.ardplayer .ardplayer-loading-indicator {
  flex-direction: column;
  align-items: center;
  gap: 22px;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 14px;
  display: flex;
}
@keyframes ardplayer-spinner-rotation {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.ardplayer .ardplayer-loading-indicator .ardplayer-loading-spinner {
  border: 5px solid var(--ardplayer-color-lightest-transparent-30);
  box-sizing: border-box;
  border-bottom: 5px solid #0000;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  animation: 1s linear infinite ardplayer-spinner-rotation;
  display: inline-block;
}
.ardplayer .ardplayer-playlist-content,
.ardplayer.ardplayer-state-audio-app .ardplayer-drawer .ardplayer-drawer-content.ardplayer-playlist-content {
  --title-track-height: 0px;
  grid-template-rows: 40px var(--title-track-height) min-content;
}
.ardplayer .ardplayer-playlist-content > *,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  > * {
  padding-left: 16px;
  padding-right: 16px;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-block-title,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-block-title {
  grid-row: 2;
  align-items: center;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  display: none;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-block-title.block-secondary,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-block-title.block-secondary {
  grid-row: unset;
  padding-top: 15px;
  display: inline-flex;
}
.ardplayer
  .ardplayer-playlist-content
  .ardplayer-playlist-block-title.block-secondary.playlist-block-title-hidden,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-block-title.block-secondary.playlist-block-title-hidden {
  opacity: 0;
  visibility: hidden;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-next-episode,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-next-episode {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-next-episode span,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  span {
  color: var(--ardplayer-color-lightest-transparent-30);
  line-height: 1.4;
}
.ardplayer
  .ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 30px;
  display: inline-flex;
  position: relative;
}
.ardplayer
  .ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle:hover,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle:hover {
  cursor: pointer;
}
.ardplayer
  .ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle
  .ardplayer-playlist-next-episode-toggle-container,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle
  .ardplayer-playlist-next-episode-toggle-container {
  align-items: center;
  display: inline-flex;
  position: relative;
}
.ardplayer
  .ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle
  input,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle
  input {
  appearance: none;
  background-color: #ffffff63;
  border-radius: 6px;
  width: 27px;
  height: 12px;
  transition: background-color 0.25s;
}
.ardplayer
  .ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle
  input:checked,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle
  input:checked {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer
  .ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle
  input:checked
  + .ardplayer-playlist-next-episode-toggle-thumb,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle
  input:checked
  + .ardplayer-playlist-next-episode-toggle-thumb {
  transform: translate(100%);
}
.ardplayer
  .ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle
  .ardplayer-playlist-next-episode-toggle-thumb,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle
  .ardplayer-playlist-next-episode-toggle-thumb {
  background: var(--ardplayer-color-lightest);
  border-radius: 50%;
  width: 17px;
  height: 17px;
  transition: transform 0.25s;
  position: absolute;
  left: -4px;
  transform: translate(0);
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-item-list,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-item-list {
  grid-row: 3;
  gap: 0;
  padding-top: 10px;
  display: grid;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-item,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-item {
  contain: strict;
  content-visibility: auto;
  align-content: center;
  align-items: center;
  justify-content: unset;
  border-radius: 4px;
  grid-template-columns: 40px 54px auto 40px;
  height: 64px;
  padding-right: 8px;
  display: grid;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-item > *,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-item
  > * {
  grid-row: 1;
}
.ardplayer .ardplayer-playlist-content .playlist-item-placeholder,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .playlist-item-placeholder {
  color: var(--ardplayer-color-lightest-transparent-30);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  height: 64px;
  margin-bottom: -64px;
  transition-property: opacity, visibility, margin;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.ardplayer .ardplayer-playlist-content .playlist-item-placeholder.playlist-item-placeholder-visible,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .playlist-item-placeholder.playlist-item-placeholder-visible {
  opacity: 1;
  visibility: visible;
  margin-bottom: 0;
}
.ardplayer .ardplayer-playlist-content .playlist-item-placeholder span,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .playlist-item-placeholder
  span {
  font-size: 14px;
  line-height: 130%;
  display: block;
}
.ardplayer .ardplayer-playlist-content .playlist-item-placeholder span:first-child,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .playlist-item-placeholder
  span:first-child {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-dragdrop-item,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-dragdrop-item {
  transform-origin: 50%;
  will-change: transform, filter;
  padding-top: 5px;
  padding-bottom: 5px;
  transition-property: transform, box-shadow, opacity, visibility, margin, filter;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-dragdrop-item.ardplayer-playlist-item-dragging,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-dragdrop-item.ardplayer-playlist-item-dragging {
  background-color: var(--ardplayer-color-background-accent);
  filter: brightness(120%);
  z-index: 999999;
  transition:
    box-shadow 0.2s ease-in-out,
    filter 0.2s ease-in-out;
  box-shadow: 0 0 30px #0004;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-dragdrop-item.ardplayer-playlist-item-move-down,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-dragdrop-item.ardplayer-playlist-item-move-down {
  transform: translateY(64px);
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-dragdrop-item.ardplayer-playlist-item-move-up,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-dragdrop-item.ardplayer-playlist-item-move-up {
  transform: translateY(-64px);
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-dragdrop-item.ardplayer-playlist-item-deleted,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-dragdrop-item.ardplayer-playlist-item-deleted {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  z-index: -1;
  margin: -32px 0;
  transition-timing-function: ease-out;
  transform: scaleY(0.8) scaleX(0.9);
}
.ardplayer .ardplayer-playlist-content .items-settling .ardplayer-playlist-dragdrop-item,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .items-settling
  .ardplayer-playlist-dragdrop-item {
  transition:
    box-shadow 0.2s ease-in-out,
    filter 0.2s ease-in-out;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-item-checkbox,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-item-checkbox {
  grid-column: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-item-checkbox input,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-item-checkbox
  input {
  appearance: none;
  background: 0 0;
  width: auto;
  height: auto;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-item-checkbox input:before,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-item-checkbox
  input:before {
  color: var(--ardplayer-color-lightest);
  font-size: 40px;
  line-height: 40px;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-item-img,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-item-img {
  contain: strict;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  grid-column: 2;
  width: 54px;
  max-width: 100%;
  height: 54px;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-item-text,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-item-text {
  grid-column: 3;
  height: 100%;
  margin-left: 16px;
  overflow: hidden;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-item-text .ardplayer-playlist-main-title,
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-item-text .ardplayer-playlist-subtitle,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-item-text
  .ardplayer-playlist-main-title,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-item-text
  .ardplayer-playlist-subtitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-item-text .ardplayer-playlist-main-title,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-item-text
  .ardplayer-playlist-main-title {
  margin-top: 3px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-item-text .ardplayer-playlist-subtitle,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-item-text
  .ardplayer-playlist-subtitle {
  color: var(--ardplayer-color-lightest-transparent-30);
  opacity: 0.78;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-item-drag-handle,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-item-drag-handle {
  cursor: grab;
  grid-column: 4;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}
.ardplayer .ardplayer-playlist-content .ardplayer-playlist-item-drag-handle .ardplayer-icon-drag,
.ardplayer.ardplayer-state-audio-app
  .ardplayer-drawer
  .ardplayer-drawer-content.ardplayer-playlist-content
  .ardplayer-playlist-item-drag-handle
  .ardplayer-icon-drag {
  font-size: 38px;
}
.ardplayer .ardplayer-playlist-item-clicktarget {
  cursor: pointer;
  z-index: 1;
  grid-column: 2/4;
  grid-row-start: 1;
  height: 100%;
}
.ardplayer.ardplayer-light-mode
  .ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle
  input {
  background-color: #767e8c;
}
.ardplayer.ardplayer-light-mode
  .ardplayer-playlist-content
  .ardplayer-playlist-next-episode
  .ardplayer-playlist-next-episode-toggle
  input:checked {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer
  .ardplayer-bottom-sheet-style-flyout
  .ardplayer-playlist-content
  > :not(.ardplayer-playlist-actions) {
  padding-left: 0;
  padding-right: 0;
}
.ardplayer .ardplayer-bottom-sheet-style-flyout .ardplayer-playlist-item-list {
  margin-bottom: 64px;
}
.ardplayer .ardplayer-bottom-sheet-style-flyout .ardplayer-playlist-actions {
  background: var(--ardplayer-color-background-accent);
  height: 64px;
  padding: 0 24px;
}
.ardplayer .ardplayer-prerelease-warning {
  color: #fff;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  writing-mode: vertical-lr;
  z-index: 3;
  background: #f005;
  border: 1px solid red;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 10px;
  font-size: 15px;
  font-weight: 700;
  position: absolute;
  top: 35%;
  right: 0;
  transform: translateY(-50%);
}
.ardplayer.ardplayer-state-audio .ardplayer-prerelease-warning {
  border-bottom-left-radius: unset;
  bottom: 0;
  right: 35%;
  top: unset;
  writing-mode: horizontal-tb;
  border-top-right-radius: 4px;
  padding: 5px;
  font-size: 10px;
  transform: translate(50%);
}
.ardplayer-icon,
.ardplayer-icon-after {
  line-height: 1;
}
.ardplayer-icon-after:after,
.ardplayer-icon:before {
  vertical-align: top;
  font-style: normal;
  font-family: ardplayer !important;
  font-weight: 400 !important;
}
.ardplayer-icon-after-xr:after,
.ardplayer-icon-xr:before {
  content: '';
}
.ardplayer-icon-after-weather:after,
.ardplayer-icon-weather:before {
  content: '';
}
.ardplayer-icon-after-volume-mute:after,
.ardplayer-icon-volume-mute:before {
  content: '';
}
.ardplayer-icon-after-volume-low:after,
.ardplayer-icon-volume-low:before {
  content: '';
}
.ardplayer-icon-after-volume-high:after,
.ardplayer-icon-volume-high:before {
  content: '';
}
.ardplayer-icon-after-utactive:after,
.ardplayer-icon-utactive:before {
  content: '';
}
.ardplayer-icon-after-ut:after,
.ardplayer-icon-ut:before {
  content: '';
}
.ardplayer-icon-after-tv:after,
.ardplayer-icon-tv:before {
  content: '';
}
.ardplayer-icon-after-traffic:after,
.ardplayer-icon-traffic:before {
  content: '';
}
.ardplayer-icon-after-stop:after,
.ardplayer-icon-stop:before {
  content: '';
}
.ardplayer-icon-after-speed:after,
.ardplayer-icon-speed:before {
  content: '';
}
.ardplayer-icon-after-speed-2:after,
.ardplayer-icon-after-speed[data-value='2']:after,
.ardplayer-icon-speed-2:before,
.ardplayer-icon-speed[data-value='2']:before {
  content: '';
}
.ardplayer-icon-after-speed-1:after,
.ardplayer-icon-after-speed[data-value='1']:after,
.ardplayer-icon-speed-1:before,
.ardplayer-icon-speed[data-value='1']:before {
  content: '';
}
.ardplayer-icon-after-speed-1-75:after,
.ardplayer-icon-after-speed-1[data-value='75']:after,
.ardplayer-icon-speed-1-75:before,
.ardplayer-icon-speed-1[data-value='75']:before {
  content: '';
}
.ardplayer-icon-after-speed-1-5:after,
.ardplayer-icon-after-speed-1[data-value='5']:after,
.ardplayer-icon-speed-1-5:before,
.ardplayer-icon-speed-1[data-value='5']:before {
  content: '';
}
.ardplayer-icon-after-speed-1-25:after,
.ardplayer-icon-after-speed-1[data-value='25']:after,
.ardplayer-icon-speed-1-25:before,
.ardplayer-icon-speed-1[data-value='25']:before {
  content: '';
}
.ardplayer-icon-after-speed-0-75:after,
.ardplayer-icon-after-speed-0[data-value='75']:after,
.ardplayer-icon-speed-0-75:before,
.ardplayer-icon-speed-0[data-value='75']:before {
  content: '';
}
.ardplayer-icon-after-speed-0-5:after,
.ardplayer-icon-after-speed-0[data-value='5']:after,
.ardplayer-icon-speed-0-5:before,
.ardplayer-icon-speed-0[data-value='5']:before {
  content: '';
}
.ardplayer-icon-after-speed-0-25:after,
.ardplayer-icon-after-speed-0[data-value='25']:after,
.ardplayer-icon-speed-0-25:before,
.ardplayer-icon-speed-0[data-value='25']:before {
  content: '';
}
.ardplayer-icon-after-speaker:after,
.ardplayer-icon-speaker:before {
  content: '';
}
.ardplayer-icon-after-smallscreen:after,
.ardplayer-icon-smallscreen:before {
  content: '';
}
.ardplayer-icon-after-sleeptimer:after,
.ardplayer-icon-sleeptimer:before {
  content: '';
}
.ardplayer-icon-after-sleeptimer-outline:after,
.ardplayer-icon-sleeptimer-outline:before {
  content: '';
}
.ardplayer-icon-after-sleep:after,
.ardplayer-icon-sleep:before {
  content: '';
}
.ardplayer-icon-after-sleep-outline:after,
.ardplayer-icon-sleep-outline:before {
  content: '';
}
.ardplayer-icon-after-skipforward:after,
.ardplayer-icon-skipforward:before {
  content: '';
}
.ardplayer-icon-after-skipbackward:after,
.ardplayer-icon-skipbackward:before {
  content: '';
}
.ardplayer-icon-after-signactive:after,
.ardplayer-icon-signactive:before {
  content: '';
}
.ardplayer-icon-after-sign:after,
.ardplayer-icon-sign:before {
  content: '';
}
.ardplayer-icon-after-shift:after,
.ardplayer-icon-shift:before {
  content: '';
}
.ardplayer-icon-after-sharing:after,
.ardplayer-icon-sharing:before {
  content: '';
}
.ardplayer-icon-after-sharing-whatsapp:after,
.ardplayer-icon-sharing-whatsapp:before {
  content: '';
}
.ardplayer-icon-after-sharing-url:after,
.ardplayer-icon-sharing-url:before {
  content: '';
}
.ardplayer-icon-after-sharing-twitter:after,
.ardplayer-icon-sharing-twitter:before {
  content: '';
}
.ardplayer-icon-after-sharing-threema:after,
.ardplayer-icon-sharing-threema:before {
  content: '';
}
.ardplayer-icon-after-sharing-telegram:after,
.ardplayer-icon-sharing-telegram:before {
  content: '';
}
.ardplayer-icon-after-sharing-ios:after,
.ardplayer-icon-sharing-ios:before {
  content: '';
}
.ardplayer-icon-after-sharing-fb-messenger:after,
.ardplayer-icon-sharing-fb-messenger:before {
  content: '';
}
.ardplayer-icon-after-sharing-facebook:after,
.ardplayer-icon-sharing-facebook:before {
  content: '';
}
.ardplayer-icon-after-sharing-embedding:after,
.ardplayer-icon-sharing-embedding:before {
  content: '';
}
.ardplayer-icon-after-sharing-contact:after,
.ardplayer-icon-sharing-contact:before {
  content: '';
}
.ardplayer-icon-after-settings:after,
.ardplayer-icon-settings:before {
  content: '';
}
.ardplayer-icon-after-return:after,
.ardplayer-icon-return:before {
  content: '';
}
.ardplayer-icon-after-reco:after,
.ardplayer-icon-reco:before {
  content: '';
}
.ardplayer-icon-after-radiobutton:after,
.ardplayer-icon-radiobutton:before {
  content: '';
}
.ardplayer-icon-after-quality:after,
.ardplayer-icon-quality:before {
  content: '';
}
.ardplayer-icon-after-prevclip:after,
.ardplayer-icon-prevclip:before {
  content: '';
}
.ardplayer-icon-after-plus:after,
.ardplayer-icon-plus:before {
  content: '';
}
.ardplayer-icon-after-playlist:after,
.ardplayer-icon-playlist:before {
  content: '';
}
.ardplayer-icon-after-playlist-playing:after,
.ardplayer-icon-playlist-playing:before {
  content: '';
}
.ardplayer-icon-after-play:after,
.ardplayer-icon-play:before {
  content: '';
}
.ardplayer-icon-after-pill-plus:after,
.ardplayer-icon-pill-plus:before {
  content: '';
}
.ardplayer-icon-after-pictureinpicture:after,
.ardplayer-icon-pictureinpicture:before {
  content: '';
}
.ardplayer-icon-after-phone:after,
.ardplayer-icon-phone:before {
  content: '';
}
.ardplayer-icon-after-pause:after,
.ardplayer-icon-pause:before {
  content: '';
}
.ardplayer-icon-after-now-playing:after,
.ardplayer-icon-now-playing:before {
  content: '';
}
.ardplayer-icon-after-nextclip:after,
.ardplayer-icon-nextclip:before {
  content: '';
}
.ardplayer-icon-after-news:after,
.ardplayer-icon-news:before {
  content: '';
}
.ardplayer-icon-after-more:after,
.ardplayer-icon-more:before {
  content: '';
}
.ardplayer-icon-after-minus:after,
.ardplayer-icon-minus:before {
  content: '';
}
.ardplayer-icon-after-local:after,
.ardplayer-icon-local:before {
  content: '';
}
.ardplayer-icon-after-live:after,
.ardplayer-icon-live:before {
  content: '';
}
.ardplayer-icon-after-live-indicator:after,
.ardplayer-icon-live-indicator:before {
  content: '';
}
.ardplayer-icon-after-like:after,
.ardplayer-icon-like:before {
  content: '';
}
.ardplayer-icon-after-like-outline:after,
.ardplayer-icon-like-outline:before {
  content: '';
}
.ardplayer-icon-after-language:after,
.ardplayer-icon-language:before {
  content: '';
}
.ardplayer-icon-after-language-subtitle:after,
.ardplayer-icon-language-subtitle:before {
  content: '';
}
.ardplayer-icon-after-language-audio:after,
.ardplayer-icon-language-audio:before {
  content: '';
}
.ardplayer-icon-after-jumpforward-90:after,
.ardplayer-icon-after-jumpforward[data-value='90']:after,
.ardplayer-icon-jumpforward-90:before,
.ardplayer-icon-jumpforward[data-value='90']:before {
  content: '';
}
.ardplayer-icon-after-jumpforward-60:after,
.ardplayer-icon-after-jumpforward[data-value='60']:after,
.ardplayer-icon-jumpforward-60:before,
.ardplayer-icon-jumpforward[data-value='60']:before {
  content: '';
}
.ardplayer-icon-after-jumpforward-30:after,
.ardplayer-icon-after-jumpforward[data-value='30']:after,
.ardplayer-icon-jumpforward-30:before,
.ardplayer-icon-jumpforward[data-value='30']:before {
  content: '';
}
.ardplayer-icon-after-jumpforward-15:after,
.ardplayer-icon-after-jumpforward[data-value='15']:after,
.ardplayer-icon-jumpforward-15:before,
.ardplayer-icon-jumpforward[data-value='15']:before {
  content: '';
}
.ardplayer-icon-after-jumpforward-10:after,
.ardplayer-icon-after-jumpforward[data-value='10']:after,
.ardplayer-icon-jumpforward-10:before,
.ardplayer-icon-jumpforward[data-value='10']:before {
  content: '';
}
.ardplayer-icon-after-jumpbackward-90:after,
.ardplayer-icon-after-jumpbackward[data-value='90']:after,
.ardplayer-icon-jumpbackward-90:before,
.ardplayer-icon-jumpbackward[data-value='90']:before {
  content: '';
}
.ardplayer-icon-after-jumpbackward-60:after,
.ardplayer-icon-after-jumpbackward[data-value='60']:after,
.ardplayer-icon-jumpbackward-60:before,
.ardplayer-icon-jumpbackward[data-value='60']:before {
  content: '';
}
.ardplayer-icon-after-jumpbackward-30:after,
.ardplayer-icon-after-jumpbackward[data-value='30']:after,
.ardplayer-icon-jumpbackward-30:before,
.ardplayer-icon-jumpbackward[data-value='30']:before {
  content: '';
}
.ardplayer-icon-after-jumpbackward-15:after,
.ardplayer-icon-after-jumpbackward[data-value='15']:after,
.ardplayer-icon-jumpbackward-15:before,
.ardplayer-icon-jumpbackward[data-value='15']:before {
  content: '';
}
.ardplayer-icon-after-jumpbackward-10:after,
.ardplayer-icon-after-jumpbackward[data-value='10']:after,
.ardplayer-icon-jumpbackward-10:before,
.ardplayer-icon-jumpbackward[data-value='10']:before {
  content: '';
}
.ardplayer-icon-after-info:after,
.ardplayer-icon-info:before {
  content: '';
}
.ardplayer-icon-after-history:after,
.ardplayer-icon-history:before {
  content: '';
}
.ardplayer-icon-after-fullscreen:after,
.ardplayer-icon-fullscreen:before {
  content: '';
}
.ardplayer-icon-after-fsk18:after,
.ardplayer-icon-fsk18:before {
  content: '';
}
.ardplayer-icon-after-fsk16:after,
.ardplayer-icon-fsk16:before {
  content: '';
}
.ardplayer-icon-after-fastforward:after,
.ardplayer-icon-fastforward:before {
  content: '';
}
.ardplayer-icon-after-fastbackward:after,
.ardplayer-icon-fastbackward:before {
  content: '';
}
.ardplayer-icon-after-external-link:after,
.ardplayer-icon-external-link:before {
  content: '';
}
.ardplayer-icon-after-error:after,
.ardplayer-icon-error:before {
  content: '';
}
.ardplayer-icon-after-error-geoblock:after,
.ardplayer-icon-error-geoblock:before {
  content: '';
}
.ardplayer-icon-after-drag:after,
.ardplayer-icon-drag:before {
  content: '';
}
.ardplayer-icon-after-download:after,
.ardplayer-icon-download:before {
  content: '';
}
.ardplayer-icon-after-devices:after,
.ardplayer-icon-devices:before {
  content: '';
}
.ardplayer-icon-after-devices-outline:after,
.ardplayer-icon-devices-outline:before {
  content: '';
}
.ardplayer-icon-after-crbutton:after,
.ardplayer-icon-crbutton:before {
  content: '';
}
.ardplayer-icon-after-cr:after,
.ardplayer-icon-cr:before {
  content: '';
}
.ardplayer-icon-after-close:after,
.ardplayer-icon-close:before {
  content: '';
}
.ardplayer-icon-after-chromecast:after,
.ardplayer-icon-chromecast:before {
  content: '';
}
.ardplayer-icon-after-chromecast-connected:after,
.ardplayer-icon-chromecast-connected:before {
  content: '';
}
.ardplayer-icon-after-checkmark:after,
.ardplayer-icon-checkmark:before {
  content: '';
}
.ardplayer-icon-after-check:after,
.ardplayer-icon-check:before {
  content: '';
}
.ardplayer-icon-after-chart:after,
.ardplayer-icon-chart:before {
  content: '';
}
.ardplayer-icon-after-chapter-list:after,
.ardplayer-icon-chapter-list:before {
  content: '';
}
.ardplayer-icon-after-bookmark:after,
.ardplayer-icon-bookmark:before {
  content: '';
}
.ardplayer-icon-after-bookmark-outline:after,
.ardplayer-icon-bookmark-outline:before {
  content: '';
}
.ardplayer-icon-after-back:after,
.ardplayer-icon-back:before {
  content: '';
}
.ardplayer-icon-after-autoplay:after,
.ardplayer-icon-autoplay:before {
  content: '';
}
.ardplayer-icon-after-arrowright:after,
.ardplayer-icon-arrowright:before {
  content: '';
}
.ardplayer-icon-after-arrowleft:after,
.ardplayer-icon-arrowleft:before {
  content: '';
}
.ardplayer-icon-after-arrowdown:after,
.ardplayer-icon-arrowdown:before {
  content: '';
}
.ardplayer-icon-after-arrow-minimize:after,
.ardplayer-icon-arrow-minimize:before {
  content: '';
}
.ardplayer-icon-after-amazon-alexa:after,
.ardplayer-icon-amazon-alexa:before {
  content: '';
}
.ardplayer-icon-after-airplay:after,
.ardplayer-icon-airplay:before {
  content: '';
}
.ardplayer-icon-after-airplay-audio:after,
.ardplayer-icon-airplay-audio:before {
  content: '';
}
.ardplayer-icon-addons:before,
.ardplayer-icon-after-addons:after {
  content: '';
}
.ardplayer-icon-adactive:before,
.ardplayer-icon-after-adactive:after {
  content: '';
}
.ardplayer-icon-ad:before,
.ardplayer-icon-after-ad:after {
  content: '';
}
.ardplayer-icon-accessibility:before,
.ardplayer-icon-after-accessibility:after {
  content: '';
}
.ardplayer-iconset-audio .ardplayer-icon-after:after,
.ardplayer-iconset-audio .ardplayer-icon:before {
  font-family: ardplayer-audio !important;
}
.ardplayer .ardplayer-ms-chip {
  background-color: var(--ardplayer-color-primary-base);
  border-radius: 2px;
  margin-right: 4px;
  padding: 4px;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}
.ardplayer .ardplayer-ms-stage.ardplayer-ms-overlay-active div.ardplayer-ms-feed-container {
  cursor: auto;
  pointer-events: auto;
  display: flex;
}
.ardplayer
  .ardplayer-ms-stage.ardplayer-ms-overlay-active
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed {
  pointer-events: all;
}
.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta {
  background-color: var(--ardplayer-color-secondary);
  cursor: pointer;
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
  visibility: hidden;
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  max-width: 420px;
  height: 60px;
  padding: 8px;
  transition:
    opacity 0.6s ease-in-out,
    visibility 0.6s ease-in-out;
  display: flex;
  position: absolute;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer .ardplayer-ms-stage .ardplayer-ms-cta.ardplayer-button-active,
  .ardplayer .ardplayer-ms-stage .ardplayer-ms-cta:hover {
    background:
      no-repeat
        linear-gradient(
          to left,
          var(--ardplayer-color-light-transparent-90) 0,
          var(--ardplayer-color-light-transparent-90) 100%
        ),
      var(--ardplayer-color-secondary);
  }
}
.ardplayer
  .ardplayer-ms-stage
  .ardplayer-ms-cta[data-touching='true']
  .ardplayer
  .ardplayer-ms-stage
  .ardplayer-ms-cta:focus {
  background:
    no-repeat
      linear-gradient(
        to left,
        var(--ardplayer-color-light-transparent-90) 0,
        var(--ardplayer-color-light-transparent-90) 100%
      ),
    var(--ardplayer-color-secondary);
}
.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta img {
  border: 2px solid var(--ardplayer-color-lightest);
  border-radius: 2px;
  height: 100%;
  margin-right: 8px;
}
.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta > div {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
  overflow: hidden;
}
.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta .ardplayer-ms-cta-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}
.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta .ardplayer-ms-chip {
  background-color: var(--ardplayer-color-primary);
  font-size: 12px;
}
.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta h2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  display: inline-block;
  overflow: hidden;
}
.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta h3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  min-width: 0;
  font-size: 14px;
  font-weight: 350;
  line-height: 120%;
  overflow: hidden;
}
.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container {
  contain: layout;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  bottom: 0;
}
.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container .ardplayer-ms-feed-close {
  align-self: flex-end;
  margin-bottom: -15px;
  display: block;
}
.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed {
  opacity: 0;
  scrollbar-color: var(--ardplayer-color-lightest) var(--ardplayer-color-light-transparent-90);
  scrollbar-width: thin;
  flex-direction: row;
  align-items: flex-end;
  gap: 8px;
  width: 100%;
  padding: 50px 40px;
  transition:
    opacity 0.6s ease-in-out,
    transform 0.6s ease-in-out;
  display: flex;
  position: relative;
  overflow: scroll visible;
  transform: translateY(100%);
}
@supports (width: max(1px, 2px)) {
  .ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed {
    padding: 50px max(40px, var(--safe-area-inset-h)) max(50px, var(--safe-area-inset-bottom))
      max(40px, var(--safe-area-inset-h));
  }
}
.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed::-webkit-scrollbar {
  height: 4px;
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed::-webkit-scrollbar-track {
  background: var(--ardplayer-color-light-transparent-90);
  border-radius: 4px;
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed::-webkit-scrollbar-thumb {
  background-color: var(--ardplayer-color-lightest);
  border-radius: 4px;
}
.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed > button {
  background-color: var(--ardplayer-color-secondary-transparent-50);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  border-radius: 100%;
  align-self: center;
  height: 80px;
  transition:
    opacity 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    visibility 0.15s ease-in-out;
  position: fixed;
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  > button.ardplayer-icon-arrowleft {
  left: 16px;
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  > button.ardplayer-icon-arrowright {
  right: 16px;
}
.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed > button,
.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed > button:before {
  width: 80px;
  font-size: 46px;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer
    .ardplayer-ms-stage
    div.ardplayer-ms-feed-container
    div.ardplayer-ms-feed
    > button.ardplayer-button-active,
  .ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed > button:hover {
    background-color: var(--ardplayer-color-primary-base);
  }
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  > button[data-touching='true'] {
  background-color: var(--ardplayer-color-primary-base);
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer
    .ardplayer-ms-stage
    div.ardplayer-ms-feed-container
    div.ardplayer-ms-feed.ardplayer-button-active
    > button,
  .ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed:hover > button {
    opacity: 1;
    visibility: visible;
  }
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed[data-touching='true']
  > button {
  opacity: 1;
  visibility: visible;
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed.ardplayer-ms-feed-reveal {
  opacity: 1;
  transform: none;
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card:before {
  pointer-events: none;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  top: -8px;
  left: 0;
  transform: translateY(-100%);
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card-live:first-child:before {
  content: attr(data-current-section);
  display: block;
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed.ardplayer-ms-feed-no-future
  .ardplayer-ms-card-future {
  display: none;
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card-live
  + .ardplayer-ms-card-future {
  margin-left: 16px;
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card-live
  + .ardplayer-ms-card-future:after {
  background-color: var(--ardplayer-color-secondary);
  content: '';
  border-radius: 8px;
  width: 8px;
  height: 30%;
  display: block;
  position: absolute;
  top: 30%;
  left: -16px;
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card-future:first-child:before,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card-live
  + .ardplayer-ms-card-future:before {
  content: attr(data-future-section);
  display: block;
}
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card,
.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card {
  background-color: var(--ardplayer-color-secondary);
  cursor: pointer;
  border-radius: 8px;
  flex-direction: row;
  height: 125px;
  padding: 16px;
  display: flex;
  position: relative;
}
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card.ardplayer-ms-card-current,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card.ardplayer-ms-card-current {
  background: var(--ardplayer-color-tertiary-dark);
  cursor: auto;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card.ardplayer-button-active,
  .ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card:hover,
  .ardplayer
    .ardplayer-ms-stage
    div.ardplayer-ms-feed-container
    div.ardplayer-ms-feed
    .ardplayer-ms-card.ardplayer-button-active,
  .ardplayer
    .ardplayer-ms-stage
    div.ardplayer-ms-feed-container
    div.ardplayer-ms-feed
    .ardplayer-ms-card:hover {
    background:
      no-repeat
        linear-gradient(
          to left,
          var(--ardplayer-color-light-transparent-90) 0,
          var(--ardplayer-color-light-transparent-90) 100%
        ),
      var(--ardplayer-color-secondary);
  }
  .ardplayer
    .ardplayer-bottom-sheet-content
    .ardplayer-ms-card.ardplayer-button-active.ardplayer-ms-card-current,
  .ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card:hover.ardplayer-ms-card-current,
  .ardplayer
    .ardplayer-ms-stage
    div.ardplayer-ms-feed-container
    div.ardplayer-ms-feed
    .ardplayer-ms-card.ardplayer-button-active.ardplayer-ms-card-current,
  .ardplayer
    .ardplayer-ms-stage
    div.ardplayer-ms-feed-container
    div.ardplayer-ms-feed
    .ardplayer-ms-card:hover.ardplayer-ms-card-current {
    background:
      no-repeat
        linear-gradient(
          to left,
          var(--ardplayer-color-light-transparent-90) 0,
          var(--ardplayer-color-light-transparent-90) 100%
        ),
      var(--ardplayer-color-tertiary-dark);
  }
}
.ardplayer
  .ardplayer-bottom-sheet-content
  .ardplayer-ms-card[data-touching='true']
  .ardplayer
  .ardplayer-bottom-sheet-content
  .ardplayer-ms-card:focus,
.ardplayer
  .ardplayer-bottom-sheet-content
  .ardplayer-ms-card[data-touching='true']
  .ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card:focus,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card[data-touching='true']
  .ardplayer
  .ardplayer-bottom-sheet-content
  .ardplayer-ms-card:focus,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card[data-touching='true']
  .ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card:focus {
  background:
    no-repeat
      linear-gradient(
        to left,
        var(--ardplayer-color-light-transparent-90) 0,
        var(--ardplayer-color-light-transparent-90) 100%
      ),
    var(--ardplayer-color-secondary);
}
.ardplayer
  .ardplayer-bottom-sheet-content
  .ardplayer-ms-card[data-touching='true']
  .ardplayer
  .ardplayer-bottom-sheet-content
  .ardplayer-ms-card:focus.ardplayer-ms-card-current,
.ardplayer
  .ardplayer-bottom-sheet-content
  .ardplayer-ms-card[data-touching='true']
  .ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card:focus.ardplayer-ms-card-current,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card[data-touching='true']
  .ardplayer
  .ardplayer-bottom-sheet-content
  .ardplayer-ms-card:focus.ardplayer-ms-card-current,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card[data-touching='true']
  .ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card:focus.ardplayer-ms-card-current {
  background:
    no-repeat
      linear-gradient(
        to left,
        var(--ardplayer-color-light-transparent-90) 0,
        var(--ardplayer-color-light-transparent-90) 100%
      ),
    var(--ardplayer-color-tertiary-dark);
}
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card > div,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card
  > div {
  width: 250px;
  position: relative;
}
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card .ardplayer-ms-chip,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card
  .ardplayer-ms-chip {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 12px;
}
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card img,
.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card img {
  border-radius: 4px;
  height: 100%;
  margin-right: 16px;
}
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card p,
.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card p {
  -webkit-line-clamp: 2;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  margin-top: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card .ardplayer-ms-card-progress,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card
  .ardplayer-ms-card-progress {
  background-color: var(--ardplayer-color-lightest-transparent-50);
  border-radius: 3px;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
}
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card .ardplayer-ms-card-progress span,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card
  .ardplayer-ms-card-progress
  span {
  background-color: var(--ardplayer-color-primary-live);
  border-radius: 3px;
  width: 0;
  height: 100%;
  display: block;
}
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card.ardplayer-ms-card-live .ardplayer-ms-chip,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card.ardplayer-ms-card-live
  .ardplayer-ms-chip {
  background-color: var(--ardplayer-color-primary-live);
}
.ardplayer
  .ardplayer-bottom-sheet-content
  .ardplayer-ms-card.ardplayer-ms-card-future
  .ardplayer-ms-card-progress,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card.ardplayer-ms-card-future
  .ardplayer-ms-card-progress {
  display: none;
}
.ardplayer
  .ardplayer-bottom-sheet-content
  .ardplayer-ms-card.ardplayer-ms-card-future
  .ardplayer-ms-chip:first-child,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card.ardplayer-ms-card-future
  .ardplayer-ms-chip:first-child {
  background-color: var(--ardplayer-color-primary-live);
}
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card.ardplayer-ms-card-far-future,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card.ardplayer-ms-card-far-future {
  display: none;
}
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card {
  margin: 8px;
}
.ardplayer:not(.ardplayer-state-live-initial-buffer) .ardplayer-ms-cta {
  visibility: visible;
}
.ardplayer.ardplayer-show-controls:not(.ardplayer-state-live-initial-buffer) .ardplayer-ms-cta {
  opacity: 1;
  pointer-events: auto;
}
.ardplayer .ardplayer-ms-feed-close {
  margin-right: calc(30px + var(--safe-area-inset-h));
}
.ardplayer .ardplayer-ms-cta {
  bottom: calc(170px + var(--safe-area-inset-bottom));
  right: calc(30px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-m .ardplayer-ms-cta {
  bottom: calc(96px + var(--safe-area-inset-bottom));
  right: calc(16px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-m .ardplayer-ms-feed-close {
  margin-right: calc(16px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-sm .ardplayer-ms-cta {
  bottom: calc(55px + var(--safe-area-inset-bottom));
  right: var(--footer-h-padding-m-with-min);
}
.ardplayer.ardplayer-sm .ardplayer-ms-feed-close {
  margin-right: var(--footer-h-padding-m-with-min);
}
.ardplayer.ardplayer-state-els-interstital .ardplayer-ms-cta {
  bottom: calc(30px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-state-els-interstital.ardplayer-m .ardplayer-ms-cta {
  bottom: calc(16px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-state-els-interstital.ardplayer-sm .ardplayer-ms-cta {
  bottom: var(--footer-h-padding-m-with-min);
}
.ardplayer.ardplayer-state-els-interstital.ardplayer-s .ardplayer-ms-cta {
  display: none;
}
.ardplayer.ardplayer-state-jumpmarks .ardplayer-ms-cta {
  bottom: calc(182px + var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-state-jumpmarks.ardplayer-m .ardplayer-ms-cta {
  bottom: calc(112px + var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-state-jumpmarks.ardplayer-sm .ardplayer-ms-cta {
  bottom: calc(71px + var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-state-jumpmarks.ardplayer-sm.ardplayer-android-tv .ardplayer-ms-cta,
.ardplayer.ardplayer-state-jumpmarks.ardplayer-sm.ardplayer-state-mobile .ardplayer-ms-cta {
  bottom: calc(83px + var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-state-jumpmarks.ardplayer-s .ardplayer-ms-cta {
  bottom: calc(61px + var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-m .ardplayer-bottom-sheet-content .ardplayer-ms-card,
.ardplayer.ardplayer-m
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card,
.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-content .ardplayer-ms-card,
.ardplayer.ardplayer-sm
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card {
  height: 110px;
}
.ardplayer.ardplayer-m .ardplayer-bottom-sheet-content .ardplayer-ms-card:before,
.ardplayer.ardplayer-m
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card:before,
.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-content .ardplayer-ms-card:before,
.ardplayer.ardplayer-sm
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card:before {
  font-size: 18px;
}
.ardplayer.ardplayer-m .ardplayer-bottom-sheet-content .ardplayer-ms-card > div,
.ardplayer.ardplayer-m
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card
  > div,
.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-content .ardplayer-ms-card > div,
.ardplayer.ardplayer-sm
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card
  > div {
  width: 220px;
}
.ardplayer.ardplayer-m .ardplayer-bottom-sheet-content .ardplayer-ms-card p,
.ardplayer.ardplayer-m
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card
  p,
.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-content .ardplayer-ms-card p,
.ardplayer.ardplayer-sm
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card
  p {
  font-size: 16px;
}
.ardplayer.ardplayer-m .ardplayer-bottom-sheet-content .ardplayer-ms-card .ardplayer-ms-chip,
.ardplayer.ardplayer-m
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card
  .ardplayer-ms-chip,
.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-content .ardplayer-ms-card .ardplayer-ms-chip,
.ardplayer.ardplayer-sm
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card
  .ardplayer-ms-chip {
  font-size: 12px;
}
.ardplayer.ardplayer-s .ardplayer-ms-cta,
.ardplayer.ardplayer-s.ardplayer-state-jumpmarks .ardplayer-ms-cta {
  bottom: unset;
  height: auto;
  left: calc(10px + var(--safe-area-inset-left));
  right: unset;
  top: calc(10px + var(--safe-area-inset-top));
}
.ardplayer.ardplayer-s .ardplayer-ms-cta h3,
.ardplayer.ardplayer-s .ardplayer-ms-cta img,
.ardplayer.ardplayer-s.ardplayer-state-jumpmarks .ardplayer-ms-cta h3,
.ardplayer.ardplayer-s.ardplayer-state-jumpmarks .ardplayer-ms-cta img,
.ardplayer.ardplayer-s.ardplayer-embedded .ardplayer-ms-cta,
.ardplayer.ardplayer-s.ardplayer-showback .ardplayer-ms-cta {
  display: none;
}
.ardplayer.ardplayer-s .ardplayer-bottom-sheet-content .ardplayer-ms-card,
.ardplayer.ardplayer-s
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card {
  height: 90px;
  padding: 10px;
}
.ardplayer.ardplayer-s .ardplayer-bottom-sheet-content .ardplayer-ms-card:before,
.ardplayer.ardplayer-s
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card:before {
  font-size: 16px;
}
.ardplayer.ardplayer-s .ardplayer-bottom-sheet-content .ardplayer-ms-card > div,
.ardplayer.ardplayer-s
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card
  > div {
  width: 200px;
}
.ardplayer.ardplayer-s .ardplayer-bottom-sheet-content .ardplayer-ms-card img,
.ardplayer.ardplayer-s
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card
  img {
  margin-right: 10px;
}
.ardplayer.ardplayer-s .ardplayer-bottom-sheet-content .ardplayer-ms-card p,
.ardplayer.ardplayer-s
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card
  p {
  margin-top: 4px;
  font-size: 15px;
}
.ardplayer.ardplayer-s .ardplayer-bottom-sheet-content .ardplayer-ms-card .ardplayer-ms-chip,
.ardplayer.ardplayer-s
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card
  .ardplayer-ms-chip {
  font-size: 12px;
  line-height: 10px;
}
.ardplayer.ardplayer-show-posterframe .ardplayer-ms-stage {
  display: none;
}
.ardplayer .ardplayer-btn-airplay.active {
  color: var(--ardplayer-color-primary);
}
.ardplayer .ardplayer-btn-airplay:disabled {
  cursor: default;
  opacity: 0.5;
}
.ardplayer video::-internal-media-controls-overlay-cast-button {
  display: none;
}
.ardplayer .cast-wrapper-hide,
.ardplayer.ardplayer-state-completed .ardplayer-btn-chromecast {
  display: none;
}
.ardplayer .ardplayer-btn-chromecast:disabled {
  cursor: default;
  opacity: 0.5;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover.ardplayer-hover-preview-content span {
  transform-origin: top;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  top: 0;
}
a.ardplayer-sharing-button {
  margin: 60px 30px max(80px, var(--safe-area-inset-bottom)) 0;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  width: 96px;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  color: var(--ardplayer-color-lightest) !important;
}
a.ardplayer-sharing-button:before {
  border-radius: 100%;
  width: 96px;
  height: 96px;
  margin-bottom: 13.3333px;
  font-size: 96px;
  line-height: 96px;
  display: inline-block;
  background-color: var(--ardplayer-color-tertiary) !important;
}
@media (pointer: fine) and (hover: hover) {
  a.ardplayer-sharing-button.ardplayer-button-active:before,
  a.ardplayer-sharing-button:hover:before {
    background-color: var(--ardplayer-color-primary) !important;
  }
}
a.ardplayer-sharing-button[data-touching='true'] a.ardplayer-sharing-button:focus:before {
  background-color: var(--ardplayer-color-primary) !important;
}
.ardplayer-sharing-time-container {
  align-items: center;
}
.ardplayer-sharing-time-container .ardplayer-sharing-time-label {
  margin: 0 10px 0 20px;
}
.ardplayer-sharing-time-container .ardplayer-input-wrapper:last-child {
  border: none !important;
}
.ardplayer-sharing-disabled .ardplayer-input-wrapper:not(:last-child) {
  cursor: default;
  border-color: var(--ardplayer-color-primary-transparent-50) !important;
  color: var(--ardplayer-color-primary-transparent-50) !important;
}
.ardplayer-sharing-slider-container .ardplayer-iocontrolbar-range {
  background-color: #0000 !important;
}
.ardplayer-sharing-slider-container .ardplayer-controlbar.ardplayer-iocontrolbar {
  width: calc(100% - 20px);
  margin-bottom: 10px;
  position: absolute;
  left: 5px;
  bottom: unset !important;
  right: unset !important;
  display: block !important;
}
.ardplayer-sharing-slider-container .ardplayer-controlbar.ardplayer-iocontrolbar .ardplayer-controlbar-bg {
  width: 100%;
  left: 0;
}
.ardplayer-sharing-slider-container .ardplayer-controlbar.ardplayer-iocontrolbar .noUi-connect {
  background: var(--ardplayer-color-primary);
  height: 4px;
  margin-top: 7px;
}
.ardplayer-sharing-slider-container .ardplayer-controlbar.ardplayer-iocontrolbar .noUi-handle {
  width: 12px;
  height: 12px;
  top: 2px;
  right: -7px;
}
.ardplayer-m a.ardplayer-sharing-button {
  margin: 50px 25px max(80px, var(--safe-area-inset-bottom)) 0;
  width: 80px;
  font-size: 18px;
  line-height: 18px;
}
.ardplayer-m a.ardplayer-sharing-button:before {
  width: 80px;
  height: 80px;
  margin-bottom: 12px;
  font-size: 80px;
  line-height: 80px;
}
.ardplayer-m .ardplayer-sharing-slider-container .ardplayer-controlbar.ardplayer-iocontrolbar {
  bottom: unset;
}
.ardplayer-s a.ardplayer-sharing-button {
  width: 56px;
  margin: 10px 15px 0 0;
  font-size: 14px;
  line-height: 14px;
}
.ardplayer-s a.ardplayer-sharing-button:before {
  width: 56px;
  height: 56px;
  margin-bottom: 9.33333px;
  font-size: 56px;
  line-height: 56px;
}
.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-container-horizontal.ardplayer-sharing-slider-container,
.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-container-horizontal.ardplayer-sharing-time-container {
  display: none !important;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-container-horizontal.ardplayer-sharing-slider-container {
  height: 1px;
}
.ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-bottom-sheet-sharing
  .ardplayer-bottom-sheet-horizontal-gutter {
  margin-top: -48px;
}
.ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-bottom-sheet-sharing
  .ardplayer-bottom-sheet-horizontal-gutter {
  margin-top: -40px;
}
.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-bottom-sheet-sharing
  .ardplayer-bottom-sheet-horizontal-gutter {
  margin-top: 0;
  top: 98px;
  transform: translateY(-50%);
}
.ardplayer-show-controls .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays {
  opacity: 1;
}
.ardplayer .ardplayer-radio-show {
  width: 100%;
  overflow: hidden;
}
.ardplayer .ardplayer-radio-show button {
  background-color: var(--ardplayer-color-light-transparent-90);
  border-radius: 48px;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
}
.ardplayer .ardplayer-radio-show .ardplayer-radio-clip,
.ardplayer .ardplayer-radio-show .radio-show-main {
  cursor: pointer;
  flex-direction: row;
  gap: 12px;
  display: flex;
}
.ardplayer .ardplayer-radio-show .ardplayer-radio-clip img,
.ardplayer .ardplayer-radio-show .radio-show-main img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  width: 72px;
  height: 72px;
}
.ardplayer .ardplayer-radio-show .ardplayer-radio-clip .radio-info-text,
.ardplayer .ardplayer-radio-show .radio-show-main .radio-info-text {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 0;
  padding: 3px 0;
  display: flex;
  overflow: hidden;
}
.ardplayer .ardplayer-radio-show .ardplayer-radio-clip .radio-info-text span,
.ardplayer .ardplayer-radio-show .radio-show-main .radio-info-text span {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  line-height: 120%;
  overflow: hidden;
}
.ardplayer .ardplayer-radio-show .ardplayer-radio-clip .radio-info-text .title,
.ardplayer .ardplayer-radio-show .radio-show-main .radio-info-text .title {
  -webkit-line-clamp: 2;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  display: -webkit-box;
}
.ardplayer .ardplayer-radio-show .ardplayer-radio-clip .radio-info-text .subtitle,
.ardplayer .ardplayer-radio-show .radio-show-main .radio-info-text .subtitle {
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
}
.ardplayer .ardplayer-radio-show .ardplayer-radio-clip .time-display,
.ardplayer .ardplayer-radio-show .radio-show-main .time-display {
  flex-direction: row;
  gap: 4px;
  display: flex;
}
.ardplayer .ardplayer-radio-show .ardplayer-radio-clip .time-display span,
.ardplayer .ardplayer-radio-show .radio-show-main .time-display span {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
}
.ardplayer .ardplayer-radio-show .ardplayer-radio-clip .radio-main-button,
.ardplayer .ardplayer-radio-show .radio-show-main .radio-main-button {
  align-self: center;
}
.ardplayer .ardplayer-radio-show .radio-show-expando-buttons,
.ardplayer .ardplayer-radio-show .radio-show-main {
  background: var(--ardplayer-color-background-accent);
}
.ardplayer .ardplayer-radio-show .radio-show-main {
  padding: 16px;
}
.ardplayer .ardplayer-radio-show .radio-show-expando-buttons {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: row;
  gap: 8px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}
.ardplayer .ardplayer-radio-show .radio-show-expando-buttons .play-from-start {
  flex-grow: 1;
  padding-right: 24px;
}
.ardplayer .ardplayer-radio-show .radio-show-expando-clips {
  background-color: var(--ardplayer-color-primary-dark-base);
  contain: inline-size layout paint style;
  padding: 8px;
}
.ardplayer .ardplayer-radio-show .ardplayer-radio-clip {
  border-radius: 8px;
  padding: 8px;
}
.ardplayer .ardplayer-radio-show:not([data-can-expand='true']) + .ardplayer-radio-show:before,
.ardplayer .ardplayer-radio-show:not([data-expanded='true']) + .ardplayer-radio-show:before {
  background: var(--ardplayer-color-lightest-transparent-50);
  content: '';
  z-index: 1;
  height: 1px;
  margin-bottom: -1px;
  margin-left: 16px;
  margin-right: 16px;
  display: block;
  position: relative;
}
.ardplayer .ardplayer-radio-show .ardplayer-radio-clip[data-disabled='true'] .radio-main-button,
.ardplayer .ardplayer-radio-show[data-can-expand='false'] .radio-main-button .expando-toggle,
.ardplayer .ardplayer-radio-show[data-can-expand='false'] .radio-show-expando,
.ardplayer .ardplayer-radio-show[data-can-expand='true'] .radio-show-main .radio-main-button .play-now,
.ardplayer .ardplayer-radio-show[data-has-news='false'] .play-news,
.ardplayer .ardplayer-radio-show[data-has-traffic='false'] .play-traffic,
.ardplayer .ardplayer-radio-show[data-has-weather='false'] .play-weather {
  display: none;
}
.ardplayer .ardplayer-radio-show[data-can-expand='true'] .radio-show-expando {
  grid-template-rows: 0fr;
  height: 100%;
  transition: grid-template-rows 0.6s ease-in-out;
  display: grid;
  overflow: hidden;
}
.ardplayer .ardplayer-radio-show[data-can-expand='true'] .radio-show-expando > * {
  min-height: 0;
}
.ardplayer .ardplayer-radio-show[data-can-expand='true'] .expando-toggle:before {
  transition: transform 0.2s ease-in-out;
  color: var(--ardplayer-color-lightest) !important;
  opacity: unset !important;
}
.ardplayer .ardplayer-radio-show[data-can-expand='true'][data-expanded='true'] .expando-toggle:before {
  transform: rotate(180deg) !important;
}
.ardplayer .ardplayer-radio-show[data-can-expand='true'][data-expanded='true'] .radio-show-expando {
  grid-template-rows: 1fr;
}
.ardplayer .ardplayer-radio-show .playing-indicator {
  color: var(--ardplayer-color-primary-live);
  transform: scale(2);
}
.ardplayer .ardplayer-radio-show .live-indicator,
.ardplayer .ardplayer-radio-show .playing-indicator {
  display: none;
}
.ardplayer
  .ardplayer-radio-show
  [data-is-live='true']
  > .radio-info-text
  .time-display
  span:not(.playing-indicator) {
  background: var(--ardplayer-color-primary-live);
  border-radius: 2px;
  padding: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
}
.ardplayer .ardplayer-radio-show [data-is-live='true'] > .radio-info-text .live-indicator {
  display: inline-block;
}
.ardplayer .ardplayer-radio-show .ardplayer-radio-clip[data-is-live='true'] .time-slot {
  display: none;
}
.ardplayer .ardplayer-radio-show [data-is-playing='true'] > .radio-info-text .playing-indicator {
  display: inline-block;
}
.ardplayer .ardplayer-radio-show [data-is-playing='true'].ardplayer-radio-clip {
  background-color: var(--ardplayer-color-light-transparent-90);
  outline: 2px solid var(--ardplayer-color-light-transparent-90);
}
.ardplayer.ardplayer-bs-detached:not(.ardplayer-bs-m):not(.ardplayer-bs-xl)
  .ardplayer-radio-show
  .radio-show-expando-clips,
.ardplayer:not(.ardplayer-bs-detached):not(.ardplayer-m):not(.ardplayer-xl)
  .ardplayer-radio-show
  .radio-show-expando-clips {
  border-radius: 8px;
  margin: 0 8px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl .ardplayer-radio-show,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-xl .ardplayer-radio-show {
  border-radius: 8px;
  width: calc(100% - 8px);
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl .ardplayer-radio-show .radio-show-expando-clips,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-xl .ardplayer-radio-show .radio-show-expando-clips {
  background-color: #0000;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl .ardplayer-radio-show + .ardplayer-radio-show,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-xl .ardplayer-radio-show + .ardplayer-radio-show {
  margin-top: 8px;
}
.ardplayer.ardplayer-bs-detached.ardplayer-bs-xl .ardplayer-radio-show + .ardplayer-radio-show:before,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-xl .ardplayer-radio-show + .ardplayer-radio-show:before {
  display: none;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-radio-show .radio-show-expando-buttons,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-radio-show .radio-show-main {
  background: var(--ardplayer-color-primary-dark-base);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-radio-show .radio-show-expando-clips {
  background-color: var(--ardplayer-color-background-accent);
  border-radius: 8px;
}
.ardplayer
  .ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-radio-show
  .radio-show-expando-buttons {
  padding-left: 0;
  padding-right: 0;
}
.ardplayer.ardplayer-state-exclusive-ui .ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta,
.ardplayer:not(.ardplayer-state-exclusive-ui)
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta
  ~ .ardplayer-ms-stage {
  display: none;
}
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta {
  bottom: calc(170px + var(--safe-area-inset-bottom) + var(--safe-area-inset-h));
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  right: calc(30px + var(--safe-area-inset-h));
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  border-radius: 4px;
  transition: opacity 0.6s ease-in-out;
  position: absolute;
}
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-btn {
  background-color: var(--ardplayer-color-lightest);
  color: var(--ardplayer-color-primary-dark);
  padding: 15px 16px;
  font-size: 15px;
  font-weight: 520;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer-viewport-addon-overlays
    .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-btn.ardplayer-button-active,
  .ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-btn:hover {
    background-color: var(--ardplayer-color-primary);
    color: var(--ardplayer-color-lightest);
  }
}
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-btn.ardplayer-button-active,
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-btn[data-touching='true'] {
  background-color: var(--ardplayer-color-primary);
  color: var(--ardplayer-color-lightest);
}
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card,
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed {
  background: var(--ardplayer-color-background-accent);
  color: var(--ardplayer-color-lightest);
  flex-flow: column;
  align-items: stretch;
  gap: 16px;
  width: 320px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 8px #000000b3;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed.ardplayer-jumpmark-cta-card-condensed,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card.ardplayer-jumpmark-cta-card-condensed {
  flex-direction: row;
  align-items: center;
  width: auto;
  max-width: 320px;
  padding: 8px 8px 8px 16px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed.ardplayer-jumpmark-cta-card-condensed
  > *,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card.ardplayer-jumpmark-cta-card-condensed
  > * {
  align-self: unset !important;
  margin: 0 !important;
}
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card div,
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed div {
  margin: 0 16px;
}
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card div:first-child,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  div:first-child {
  margin-top: 16px;
}
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card div:last-child,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  div:last-child {
  margin-bottom: 16px;
}
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card .cta-card-separator,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-separator {
  background: var(--ardplayer-color-lightest-transparent-30);
  height: 1px;
  margin-top: -11px;
  display: none;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  div
  + .cta-card-separator,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  div
  + .cta-card-separator {
  display: block;
}
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card .cta-card-buttons,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-buttons {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-buttons
  button {
  background-color: var(--ardplayer-color-lightest);
  color: var(--ardplayer-color-primary-dark-base);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 100px;
  flex-grow: 0;
  flex-shrink: 1;
  justify-content: flex-start;
  width: auto;
  padding: 0 20px;
  font-size: 16px;
  animation: none;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button.ardplayer-icon,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-buttons
  button.ardplayer-icon {
  padding-left: 5px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button:before,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-buttons
  button:before {
  transform: none !important;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button
  a,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-buttons
  button
  a {
  width: 1px;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button.cta-card-button-secondary,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-buttons
  button.cta-card-button-secondary {
  background-color: var(--ardplayer-color-light-transparent-90);
  color: var(--ardplayer-color-lightest);
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer-viewport-addon-overlays
    .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
    .cta-card-buttons
    button.ardplayer-button-active,
  .ardplayer-viewport-addon-overlays
    .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
    .cta-card-buttons
    button:hover,
  .ardplayer-viewport-addon-overlays
    .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
    .cta-card-buttons
    button.ardplayer-button-active,
  .ardplayer-viewport-addon-overlays
    .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
    .cta-card-buttons
    button:hover {
    background-color: var(--ardplayer-color-primary-base);
    color: var(--ardplayer-color-lightest);
  }
}
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button.ardplayer-button-active,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button[data-touching='true'],
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-buttons
  button.ardplayer-button-active,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-buttons
  button[data-touching='true'] {
  background-color: var(--ardplayer-color-primary-base);
  color: var(--ardplayer-color-lightest);
}
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons.cta-card-buttons-condensed
  button,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-buttons.cta-card-buttons-condensed
  button {
  width: 48px;
  height: 48px;
  padding: 0 !important;
}
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card .cta-card-headline,
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card .cta-card-subline,
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card .cta-card-title,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-headline,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-subline,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-title {
  -webkit-line-clamp: 2;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  line-height: 120%;
  display: -webkit-box;
  overflow: hidden;
}
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card .cta-card-headline,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-headline {
  font-size: 20px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-headline
  + .cta-card-subline,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-headline
  + .cta-card-subline {
  margin-top: 9px;
}
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card .cta-card-subline,
.ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card-condensed
  .cta-card-subline {
  color: var(--ardplayer-color-lightest-transparent-30);
  -webkit-line-clamp: 1;
  font-size: 15px;
  font-weight: 350;
}
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-highlighted {
  opacity: 1;
  pointer-events: all;
}
.ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-fadeout {
  opacity: 0;
}
.ardplayer-show-focus-outlines
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-btn:focus,
.ardplayer-show-focus-outlines
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  button:focus {
  background-color: var(--ardplayer-color-primary);
  color: var(--ardplayer-color-lightest);
}
.ardplayer-show-controls
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta:not(.ardplayer-jumpmark-cta-fadeout) {
  opacity: 1;
  pointer-events: all;
}
.ardplayer-show-controls.ardplayer-show-controlbar-hover
  .ardplayer-jumpmark-cta:not(.ardplayer-jumpmark-cta-fadeout),
.ardplayer-show-controls.ardplayer-show-controlbar-thumb-hover
  .ardplayer-jumpmark-cta:not(.ardplayer-jumpmark-cta-fadeout),
.ardplayer-show-controls.ardplayer-showing-chapter-popup
  .ardplayer-jumpmark-cta:not(.ardplayer-jumpmark-cta-fadeout) {
  opacity: 0.15;
}
.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-btn,
.ardplayer.ardplayer-s .ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-btn,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-btn {
  padding: 7px 10px;
  font-size: 13px;
}
.ardplayer.ardplayer-xl
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card {
  gap: 19px;
  width: 365px;
  font-size: 19px;
}
.ardplayer.ardplayer-xl
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card.ardplayer-jumpmark-cta-card-condensed {
  width: auto;
  max-width: 365px;
}
.ardplayer.ardplayer-xl
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  div {
  margin: 0 19px;
}
.ardplayer.ardplayer-xl
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  div:first-child {
  margin-top: 19px;
}
.ardplayer.ardplayer-xl
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  div:last-child {
  margin-bottom: 19px;
}
.ardplayer.ardplayer-xl
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-separator {
  margin-top: -11px;
}
.ardplayer.ardplayer-xl
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button {
  border-radius: 100px;
  padding-left: 8px;
  padding-right: 24px;
  font-size: 19px;
}
.ardplayer.ardplayer-xl
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-headline {
  font-size: 24px;
}
.ardplayer.ardplayer-xl
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-headline
  + .cta-card-subline {
  margin-top: 9px;
}
.ardplayer.ardplayer-xl
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-subline {
  font-size: 17px;
}
.ardplayer.ardplayer-xl:not(.ardplayer-vh-xl)
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  img {
  display: none;
}
.ardplayer.ardplayer-xl:not(.ardplayer-vh-xl)
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-separator {
  display: block;
}
.ardplayer.ardplayer-xl.ardplayer-vh-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-heading,
.ardplayer.ardplayer-xl.ardplayer-vh-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-separator,
.ardplayer.ardplayer-xl.ardplayer-vh-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  div
  + .cta-card-separator,
.ardplayer:not(.ardplayer-m):not(.ardplayer-xl):not(.ardplayer-sm):not(.ardplayer-s).ardplayer-vh-l
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  img {
  display: none;
}
.ardplayer:not(.ardplayer-m):not(.ardplayer-xl):not(.ardplayer-sm):not(.ardplayer-s).ardplayer-vh-l
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-separator {
  display: block;
}
.ardplayer:not(.ardplayer-m):not(.ardplayer-xl):not(.ardplayer-sm):not(.ardplayer-s).ardplayer-vh-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-heading,
.ardplayer:not(.ardplayer-m):not(.ardplayer-xl):not(.ardplayer-sm):not(.ardplayer-s).ardplayer-vh-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-separator,
.ardplayer:not(.ardplayer-m):not(.ardplayer-xl):not(.ardplayer-sm):not(.ardplayer-s).ardplayer-vh-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  div
  + .cta-card-separator {
  display: none;
}
.ardplayer.ardplayer-m:not(.ardplayer-s) .ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta {
  bottom: calc(96px + var(--safe-area-inset-bottom) + var(--safe-area-inset-h));
  right: calc(16px + var(--safe-area-inset-h));
}
.ardplayer.ardplayer-m:not(.ardplayer-s)
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card {
  gap: 10px;
  width: 280px;
  font-size: 14px;
}
.ardplayer.ardplayer-m:not(.ardplayer-s)
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card.ardplayer-jumpmark-cta-card-condensed {
  width: auto;
  max-width: 280px;
}
.ardplayer.ardplayer-m:not(.ardplayer-s)
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button {
  height: 40px;
  padding-left: 5px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 40px;
}
.ardplayer.ardplayer-m:not(.ardplayer-s)
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button:before {
  font-size: 40px;
  line-height: 40px;
}
.ardplayer.ardplayer-m:not(.ardplayer-s)
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons.cta-card-buttons-condensed
  button {
  width: 40px;
}
.ardplayer.ardplayer-m:not(.ardplayer-s)
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  div {
  margin: 0 10px;
}
.ardplayer.ardplayer-m:not(.ardplayer-s)
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  div:first-child {
  margin-top: 10px;
}
.ardplayer.ardplayer-m:not(.ardplayer-s)
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  div:last-child {
  margin-bottom: 10px;
}
.ardplayer.ardplayer-m:not(.ardplayer-s)
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-headline {
  font-size: 19px;
}
.ardplayer.ardplayer-m:not(.ardplayer-s)
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-subline {
  font-size: 12px;
}
.ardplayer.ardplayer-m:not(.ardplayer-s)
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-headline
  + .cta-card-subline {
  margin-top: 5px;
}
.ardplayer.ardplayer-m:not(.ardplayer-s).ardplayer-vh-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  img {
  display: none;
}
.ardplayer.ardplayer-m:not(.ardplayer-s).ardplayer-vh-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-separator {
  display: block;
}
.ardplayer.ardplayer-m:not(.ardplayer-s).ardplayer-vh-xs
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-heading,
.ardplayer.ardplayer-m:not(.ardplayer-s).ardplayer-vh-xs
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-separator,
.ardplayer.ardplayer-m:not(.ardplayer-s).ardplayer-vh-xs
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  div
  + .cta-card-separator {
  display: none;
}
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta {
  bottom: calc(39px + var(--safe-area-inset-bottom) + var(--footer-h-padding-m-with-min));
  right: var(--footer-h-padding-m-with-min);
}
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card {
  left: var(--footer-h-padding-m-with-min);
}
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card.ardplayer-jumpmark-cta-card-condensed {
  left: unset;
  margin-left: var(--footer-h-padding-m-with-min);
}
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-title {
  font-size: 13px;
}
.ardplayer.ardplayer-s .ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta {
  bottom: calc(39px + var(--safe-area-inset-bottom));
  right: var(--footer-h-padding-s-with-min);
}
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card {
  left: var(--footer-h-padding-s-with-min);
}
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card.ardplayer-jumpmark-cta-card-condensed {
  left: unset;
  margin-left: var(--footer-h-padding-s-with-min);
}
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-title {
  font-size: 12px;
}
.ardplayer.ardplayer-xs
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  img {
  display: none;
}
.ardplayer.ardplayer-xs
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-title {
  margin-left: 4px;
}
.ardplayer.ardplayer-s .ardplayer-center,
.ardplayer.ardplayer-sm .ardplayer-center {
  transition:
    margin-top,
    all 0.6s ease-in-out;
}
.ardplayer.ardplayer-s.ardplayer-state-jumpmarks-card-active.ardplayer-vh-s .ardplayer-center,
.ardplayer.ardplayer-sm.ardplayer-state-jumpmarks-card-active.ardplayer-vh-s .ardplayer-center {
  margin-top: -24px;
}
.ardplayer.ardplayer-s .ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card {
  flex-direction: row;
  gap: 8px;
  width: auto;
  height: 48px;
  padding: 4px;
}
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-separator,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-separator {
  display: none;
}
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  *,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  * {
  margin: 0;
}
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  img,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  img {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  order: 0;
}
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-title,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-title {
  flex-grow: 1;
  order: 1;
  align-self: flex-start;
  margin-top: 4px;
  font-weight: 600;
}
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons {
  order: 2;
  gap: 8px;
}
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button {
  width: 40px;
  height: 40px;
  padding: 0;
}
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button:before,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button:before {
  font-size: 40px;
  line-height: 40px;
}
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button:first-child,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-buttons
  button:first-child {
  order: 1;
}
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-heading,
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-separator,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-heading,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-card
  .cta-card-separator {
  display: none;
}
.ardplayer.ardplayer-state-jumpmarks .ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta {
  bottom: calc(182px + var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-state-jumpmarks.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta {
  bottom: calc(112px + var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-state-jumpmarks.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta {
  bottom: calc(71px + var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-state-jumpmarks.ardplayer-sm.ardplayer-android-tv
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta,
.ardplayer.ardplayer-state-jumpmarks.ardplayer-sm.ardplayer-state-mobile
  .ardplayer-viewport-addon-overlays
  .ardplayer-jumpmark-cta {
  bottom: calc(83px + var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-state-jumpmarks.ardplayer-s .ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta {
  bottom: calc(61px + var(--safe-area-inset-bottom));
}
.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays {
  opacity: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  transition: opacity 0.6s ease-in-out;
  position: relative;
}
.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark {
  background: var(--ardplayer-color-primary-dark);
  bottom: calc(175px + var(--safe-area-inset-bottom));
  cursor: default;
  pointer-events: auto;
  border-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark
  .time-display {
  text-align: center;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 8px 16px;
  font-size: 20px;
  font-weight: 700;
  display: block;
}
.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark:after,
.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark:before {
  font-size: 48px;
  line-height: 48px;
  display: none;
  position: absolute;
  bottom: calc(50% - 24px);
}
.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark:before {
  left: -40px;
}
.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark:after {
  right: -40px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed {
  width: 375px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .adrp-jpmrk-scroller {
  scrollbar-color: var(--ardplayer-color-lightest) var(--ardplayer-color-light-transparent-90);
  scrollbar-width: thin;
  position: relative;
  overflow: hidden auto;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .adrp-jpmrk-scroller::-webkit-scrollbar {
  width: 4px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .adrp-jpmrk-scroller::-webkit-scrollbar-track {
  background: var(--ardplayer-color-light-transparent-90);
  border-radius: 4px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .adrp-jpmrk-scroller::-webkit-scrollbar-thumb {
  background-color: var(--ardplayer-color-lightest);
  border-radius: 4px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter {
  cursor: pointer;
  border-radius: 5px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 75px;
  margin: 8px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  + .ardp-jpmrk-chapter {
  margin-top: 0 !important;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer-viewport-addon-overlays
    .ardplayer-addon-sprungmarken-overlays
    .ardplayer-popup-jumpmark.--condensed
    .ardp-jpmrk-chapter.ardplayer-button-active,
  .ardplayer-viewport-addon-overlays
    .ardplayer-addon-sprungmarken-overlays
    .ardplayer-popup-jumpmark.--condensed
    .ardp-jpmrk-chapter:hover {
    background-color: var(--ardplayer-color-primary);
  }
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter[data-touching='true']
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter:focus {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  * {
  flex-grow: 0;
  flex-shrink: 0;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  i {
  background-size: cover;
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-hlgt {
  text-align: center;
  align-self: center;
  width: 60px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-hlgt
  p {
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-img {
  background-size: cover;
  border-radius: 5px;
  width: 104.889px;
  height: 59px;
  margin: 8px 0;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-img:first-child {
  margin-left: 8px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-gutter {
  align-self: center;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-title {
  flex-grow: 1;
  flex-shrink: 1;
  align-self: center;
  padding: 0 8px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-title
  p {
  -webkit-line-clamp: 2;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  line-height: normal;
  display: -webkit-box;
  overflow: hidden;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-title
  p:only-child {
  -webkit-line-clamp: 3;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-title
  p
  + p {
  -webkit-line-clamp: 1;
  margin-top: 8px;
  font-weight: 400;
}
.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up {
  cursor: pointer;
  width: 300px;
  min-height: 120px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  .ardp-jpmrk-img {
  background-size: contain;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
  height: 168.75px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  b {
  flex-grow: 1;
  display: block;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  p {
  color: var(--ardplayer-color-lightest);
  letter-spacing: 0;
  -webkit-line-clamp: 3;
  pointer-events: all;
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  flex-grow: 1;
  -webkit-box-pack: end;
  width: 100%;
  margin: 0 0 5px;
  padding: 5px 14px 0;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  display: -webkit-box;
  overflow: hidden;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-image
  b,
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  b {
  display: none;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-image
  p,
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  p {
  text-align: left;
  margin-bottom: 0;
  padding-top: 11px;
  font-size: 16px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  p {
  justify-content: flex-end;
  margin-bottom: 3px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  p.ardplayer-jumpmark-subtitle {
  color: #9d9d9d;
  flex-grow: 0;
  padding-top: 0;
  font-size: 14px;
  font-weight: 400;
}
.ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint {
  background: var(--ardplayer-color-primary-dark);
  border-radius: 5px;
  padding: 8px 16px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  display: none;
  position: absolute;
  bottom: 45px;
  left: -110px;
}
.ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint:after {
  margin-right: -10px;
  font-size: 30px;
}
.ardplayer-controlbar .ardplayer-controlbar-jumpmarks {
  height: 0;
}
.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark {
  backface-visibility: hidden;
  background-clip: content-box;
  background-color: var(--ardplayer-color-lightest);
  box-sizing: initial;
  cursor: pointer;
  will-change: opacity, transform;
  z-index: 1;
  border-radius: 200px;
  width: 12px;
  height: 12px;
  transition: opacity 0.6s ease-in-out;
  position: absolute;
  bottom: -4px;
  transform: translate(-50%);
}
.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark:after {
  content: '';
  z-index: -1;
  width: 60px;
  height: 36px;
  display: none;
  position: absolute;
  top: -32px;
  left: -24px;
}
.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark i {
  pointer-events: none;
  background-size: cover;
  width: 42px;
  height: 42px;
  position: absolute;
  top: -38px;
  left: -15px;
}
.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark i,
.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark i:after {
  display: none;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer-controlbar
    .ardplayer-controlbar-jumpmarks
    .ardplayer-controlbar-jumpmark.ardplayer-button-active:after,
  .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark:hover:after {
    display: block;
  }
  .ardplayer-controlbar
    .ardplayer-controlbar-jumpmarks
    .ardplayer-controlbar-jumpmark.ardplayer-button-active
    i,
  .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark:hover i {
    pointer-events: auto;
  }
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark[data-touching='true']:after {
  display: block;
}
.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark[data-touching='true'] i {
  pointer-events: auto;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi {
  width: 24px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi:after {
  width: 72px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i {
  left: -19.5px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i:after {
  margin-left: 21px;
  font-size: 42px;
  line-height: 42px;
  display: block;
}
.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile {
  border: 12px solid #0000;
  width: 16px;
  height: 16px;
  bottom: -18px;
}
.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile i {
  top: -36px;
  left: -13px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi {
  width: 32px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i {
  left: -15.5px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i:after {
  margin-left: 21px;
  font-size: 42px;
  line-height: 42px;
}
.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint {
  font-size: 14px;
  line-height: 16px;
  bottom: 38px;
  left: -70px;
}
.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint:after,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint:after {
  margin-right: -8px;
  font-size: 24px;
}
.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark {
  width: 12px;
  height: 12px;
  bottom: -4px;
}
.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark i,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark
  i {
  width: 32px;
  height: 32px;
  top: -28px;
  left: -10px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi {
  width: 24px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i {
  left: -12px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i:after,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i:after {
  margin-left: 16px;
  font-size: 32px;
  line-height: 32px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile {
  border: 12px solid #0000;
  width: 16px;
  height: 16px;
  bottom: -18px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile
  i,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile
  i {
  width: 32px;
  height: 32px;
  top: -36px;
  left: -8px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi {
  width: 32px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i {
  left: -8px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i:after,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i:after {
  margin-left: 16px;
  font-size: 32px;
  line-height: 32px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark {
  bottom: calc(108px + var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark
  .time-display,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark
  .time-display {
  padding: 6px 12px;
  font-size: 16px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed {
  width: 375px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter {
  height: 63px;
  margin: 6px;
  font-size: 14px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-img,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-img {
  width: 90.6667px;
  height: 51px;
  margin: 6px 0;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-img:first-child,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-img:first-child {
  margin-left: 6px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-title,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-title {
  padding: 0 6px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  p
  + p,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  p
  + p {
  margin-top: 6px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up {
  width: 200px;
  min-height: 90px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  p,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  p {
  margin-bottom: 5px;
  padding: 5px 8px 0;
  font-size: 16px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  .ardp-jpmrk-img,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  .ardp-jpmrk-img {
  height: 112.5px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-image
  p,
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  p,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-image
  p,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  p {
  margin-bottom: 2px;
  padding: 8px 8px 0;
  font-size: 14px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-image
  p.ardplayer-jumpmark-subtitle,
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  p.ardplayer-jumpmark-subtitle,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-image
  p.ardplayer-jumpmark-subtitle,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  p.ardplayer-jumpmark-subtitle {
  margin-bottom: 8px;
  padding: 0 8px;
  font-size: 12px;
}
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark {
  bottom: calc(67px + var(--safe-area-inset-bottom));
}
.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint {
  display: none;
}
.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark {
  width: 9px;
  height: 9px;
  bottom: -2.5px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark
  i {
  width: 22px;
  height: 22px;
  top: -19.5px;
  left: -6.5px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi {
  width: 18px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i {
  left: -7.5px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i:after {
  margin-left: 11px;
  font-size: 22px;
  line-height: 22px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile {
  border: 12px solid #0000;
  width: 12px;
  height: 12px;
  bottom: -16px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile
  i {
  width: 22px;
  height: 22px;
  top: -18px;
  left: -5px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi {
  width: 24px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i {
  left: -4.5px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i:after {
  margin-left: 11px;
  font-size: 22px;
  line-height: 22px;
}
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark {
  display: none;
}
.ardplayer.ardplayer-state-audio .ardplayer-controlbar .ardplayer-controlbar-jumpmarks {
  --pip-size: 16px;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark:after {
  display: none !important;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark {
  bottom: calc((4px - var(--pip-size)) * 0.5);
  height: var(--pip-size);
  width: var(--pip-size);
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark:before {
  border: 2px solid var(--ardplayer-color-primary-dark-base);
  border-radius: inherit;
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark
  i {
  height: var(--pip-size);
  width: var(--pip-size);
  top: 0;
  left: 0;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark
  i.ardplayer-jumpmark-monochrome {
  background-color: var(--ardplayer-color-darkest);
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi {
  width: calc(var(--pip-size) * 2);
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i {
  left: calc(var(--pip-size) * 0.25);
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i:after {
  font-size: var(--pip-size);
  line-height: var(--pip-size);
  margin-left: calc(var(--pip-size) * 0.5);
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile {
  bottom: calc((4px - var(--pip-size)) * 0.5 - 12px);
  height: var(--pip-size);
  width: var(--pip-size);
  border: 12px solid #0000;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile
  i {
  height: var(--pip-size);
  width: var(--pip-size);
  top: 0;
  left: 0;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi {
  width: calc(var(--pip-size) * 2);
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i {
  left: calc(var(--pip-size) - (var(--pip-size) + var(--pip-size) * 0.5) * 0.5);
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i:after {
  font-size: var(--pip-size);
  line-height: var(--pip-size);
  margin-left: calc(var(--pip-size) * 0.5);
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-live)
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks {
  --pip-size: 4px;
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-live)
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark
  i {
  display: none !important;
}
.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder {
  align-self: stretch;
  padding: 8px;
}
.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder.ardp-jpmrk-selected {
  background-color: #ffffff1a;
}
.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder.ardp-jpmrk-selected + .ardp-jpmrk-selected,
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder:not(.ardp-jpmrk-selected)
  + :not(.ardp-jpmrk-selected) {
  padding-top: 0;
}
.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark {
  cursor: pointer;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 700;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-main {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 75px;
  display: flex;
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer-bottom-sheet-container
    .ardplayer-addon-jumpmark-holder
    .ardplayer-addon-jumpmark.ardplayer-button-active,
  .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark:hover {
    background-color: var(--ardplayer-color-primary);
  }
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark[data-touching='true'] {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark.ardp-jpmrk-epg {
  outline: 2px solid #fff6 !important;
}
.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark * {
  flex-grow: 0;
  flex-shrink: 0;
}
.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark i {
  background-size: cover;
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-synopsis {
  color: var(--ardplayer-color-lightest-transparent-30);
  padding: 8px 16px 8px 60px;
  font-weight: 400;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-hlgt {
  text-align: center;
  align-self: center;
  width: 60px;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-hlgt:empty {
  margin-right: 8px;
  width: 0 !important;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-hlgt
  p {
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
}
.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark .ardp-jpmrk-img {
  background-size: cover;
  border-radius: 5px;
  width: 104.889px;
  height: 59px;
  margin: 8px 0;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-gutter {
  align-self: center;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title {
  flex-grow: 1;
  flex-shrink: 1;
  align-self: center;
  padding: 0 8px;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title
  p {
  -webkit-line-clamp: 1;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  line-height: normal;
  display: -webkit-box;
  overflow: hidden;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title
  p:only-child {
  -webkit-line-clamp: 2;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title
  p
  + p {
  margin-top: 8px;
  font-weight: 400;
}
.ardplayer-bs-detached:not(.ardplayer-bs-m)
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-hlgt,
.ardplayer:not(.ardplayer-bs-detached):not(.ardplayer-m):not(.ardplayer-sm)
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-hlgt {
  width: 68px;
}
.ardplayer-bs-detached:not(.ardplayer-bs-m) .ardp-jpmrk-synopsis,
.ardplayer:not(.ardplayer-bs-detached):not(.ardplayer-m):not(.ardplayer-sm) .ardp-jpmrk-synopsis {
  padding: 8px 16px 8px 65px;
}
.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-sm
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark {
  font-size: 14px;
}
.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-main,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-main,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-sm
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-main {
  height: 63px;
}
.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-synopsis,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-synopsis,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-sm
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-synopsis {
  padding: 6px 12px 6px 60px;
}
.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-img,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-img,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-sm
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-img {
  width: 90.6667px;
  height: 51px;
  margin: 6px 0;
}
.ardplayer-bs-detached.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-sm
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title {
  padding: 0 6px;
}
.ardplayer-bs-detached.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark p + p,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  p
  + p,
.ardplayer:not(.ardplayer-bs-detached).ardplayer-sm
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  p
  + p {
  margin-top: 6px;
}
.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark,
.ardplayer:not(.ardplayer-bs-detached).ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark {
  font-size: 14px;
}
.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-main,
.ardplayer:not(.ardplayer-bs-detached).ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-main {
  height: 53px;
}
.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-synopsis,
.ardplayer:not(.ardplayer-bs-detached).ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-synopsis {
  padding: 4px 8px 4px 60px;
}
.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-img,
.ardplayer:not(.ardplayer-bs-detached).ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-img {
  width: 80px;
  height: 45px;
  margin: 4px 0;
}
.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title,
.ardplayer:not(.ardplayer-bs-detached).ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title {
  padding: 0 4px;
}
.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-hlgt:empty,
.ardplayer:not(.ardplayer-bs-detached).ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-hlgt:empty {
  margin-right: 4px;
}
.ardplayer-bs-detached.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-hlgt
  i,
.ardplayer:not(.ardplayer-bs-detached).ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-hlgt
  i {
  margin-top: -6px;
}
.ardplayer-bs-detached.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark p + p,
.ardplayer:not(.ardplayer-bs-detached).ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  p
  + p {
  margin-top: 0;
}
.ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  i {
  width: 30px;
  height: 30px;
}
.ardplayer-bottom-sheet-container.ardplayer-bottom-sheet-style-flyout
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-hlgt
  i {
  margin-top: 2px;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark:after,
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark:before,
.ardplayer.ardplayer-show-focus-outlines.ardplayer-state-embedded
  .ardplayer-controlbar:focus
  .ardplayer-controlbar-jumpmark-hint {
  display: block;
}
.ardplayer.ardplayer-show-focus-outlines.ardplayer-state-embedded
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks {
  z-index: 1;
  transition: opacity 0.2s ease-in-out;
}
.ardplayer.ardplayer-show-focus-outlines.ardplayer-state-embedded
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks:not(.ardplayer-pip-focused) {
  opacity: 0.15;
  z-index: 0;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark:focus {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-focus-outline,
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark:focus {
  border: 6px solid var(--ardplayer-color-primary);
  margin-bottom: -6px;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-focus-outline.mobile,
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark:focus.mobile {
  margin-bottom: 6px;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark:focus:not(:focus-visible) {
  outline: none !important;
}
.ardplayer.ardplayer.ardplayer-state-jumpmarks .ardplayer-button-skipbackward,
.ardplayer.ardplayer.ardplayer-state-jumpmarks .ardplayer-button-skipforward {
  visibility: visible;
  display: inline-flex;
}
.ardplayer.ardplayer-state-live
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  .ardplayer-jumpmark-subtitle {
  color: var(--ardplayer-color-lightest);
}
.ardplayer .ardplayer-xray-overlay-stage {
  pointer-events: none;
  display: none;
  position: absolute;
  inset: 0;
}
.ardplayer .ardplayer-xray-overlay-stage.ardplayer-xray-overlay-active {
  pointer-events: all;
  display: block;
}
.ardplayer .ardplayer-xray-overlay-stage.ardplayer-xray-overlay-reveal .ardplayer-xray-overlay-content {
  opacity: 1;
}
.ardplayer .ardplayer-xray-overlay-stage .ardplayer-xray-overlay-content {
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s;
}
:root {
  --white: #fff;
  --emotional-000: #f1f1f1;
  --emotional-020: #e4e4e4;
  --emotional-040: #c2c2c1;
  --emotional-060: #767675;
  --emotional-080: #666563;
  --emotional-100: #33322f;
  --tongue-000: #dee9f2;
  --tongue-020: #99bdd6;
  --tongue-040: #6198c0;
  --tongue-060: #4082b3;
  --tongue-080: #1a6aa3;
  --tongue-100: #015999;
  --ruby-000: #fcf3f6;
  --ruby-020: #fae7ed;
  --ruby-040: #eba1b7;
  --ruby-060: #e06d8f;
  --ruby-080: #da4f77;
  --ruby-100: #cd144a;
  --carbonite-000: #e1e3e6;
  --carbonite-020: #a4a9b3;
  --carbonite-040: #727a89;
  --carbonite-060: #555e70;
  --carbonite-080: #333d54;
  --carbonite-100: #1c2841;
  --dark-tongue: #024682;
  --sky: #0997ba;
  --caribbean: #00caff;
  --unicorn: #ff00ed;
  --hipster: #007f67;
  --deep-blue: #000e29;
  --midnight: #0b1524;
  --black: #000;
  --newblue: #027ed6;
  --unicorn-drk: #ff00ed;
  --emerald: #26c698;
  --melon: #ff5e7e;
  --peacock-000: #e1e3e4;
  --bluelagoon: #2a98f1;
  --bluemymind: #002db4;
  --ard-ci-blue-100: #003480;
  --white-rgba-000: #fff0;
  --white-rgba-070: #ffffffb3;
  --white-rgba-100: #fff;
  --black-rgba-010: #0000001a;
  --black-rgba-025: #00000040;
  --black-rgba-060: #0009;
  --tongue-rgba-000: #01599900;
  --tongue-rgba-060: #01599999;
  --unicorn-rgba-060: #ff00ed99;
  --ruby-rgba-000: #cd144a00;
  --ruby-rgba-070: #cd144ab3;
  --carbonite-rgba-000: #1c284100;
  --carbonite-rgba-060: #1c284199;
  --carbonite-rgba-100: #1c2841;
  --midnight-rgba-025: #0b152440;
  --midnight-rgba-038: #0b152461;
  --midnight-rgba-060: #0b152499;
  --melon-rgba-000: #ff5e7e00;
  --melon-rgba-070: #ff5e7eb3;
  --color-basic-white: var(--white);
  --color-basic-dark: var(--black);
  --color-basic-ard-ci: var(--ard-ci-blue-100);
  --color-page-background: var(--emotional-000);
  --color-page-highlight: var(--emotional-020);
  --color-page-overlay-01: var(--black-rgba-060);
  --color-page-overlay-02: var(--black-rgba-025);
  --color-page-overlay-03: var(--white-rgba-070);
  --color-page-shadow-01: var(--black-rgba-010);
  --color-av-background-opaque: var(--tongue-100);
  --color-av-background-strong: var(--tongue-rgba-060);
  --color-av-live-background-opaque: var(--unicorn);
  --color-av-live-background-strong: var(--unicorn-rgba-060);
  --color-standard-background-01: var(--white);
  --color-standard-background-02: var(--emotional-000);
  --color-standard-background-03: var(--emotional-020);
  --color-standard-background-accent: var(--white);
  --color-standard-text-primary: var(--tongue-100);
  --color-standard-text-secondary: var(--emotional-100);
  --color-standard-text-tertiary: var(--emotional-060);
  --color-standard-structurals: var(--emotional-020);
  --color-standard-text-link: var(--color-standard-text-primary);
  --color-standard-text-accent: var(--color-standard-text-secondary);
  --color-standard-gradient-opaque: var(--white-rgba-100);
  --color-standard-gradient-transparent: var(--white-rgba-000);
  --color-standard-accent-01: var(--tongue-100);
  --color-standard-accent-02: var(--emotional-060);
  --color-standard-accent-03: var(--unicorn);
  --color-standard-accent-04: var(--emotional-100);
  --color-standard-accent-brand: var(--tongue-100);
  --color-standard-accent-neutral: var(--sky);
  --color-standard-accent-alert: var(--ruby-100);
  --color-standard-accent-positive: var(--hipster);
  --color-standard-tablehead-background: var(--tongue-100);
  --color-standard-tablehead-text: var(--white);
  --color-standard-tablehead-border: var(--tongue-100);
  --color-standard-tablecell-background: var(--emotional-000);
  --color-standard-tablecell-text: var(--color-standard-text-secondary);
  --color-standard-tablecell-border: var(--emotional-000);
  --color-standard-tablecell-background-active: var(--tongue-100);
  --color-standard-tablecell-text-active: var(--white);
  --color-highlight-background-01: var(--tongue-100);
  --color-highlight-background-02: var(--dark-tongue);
  --color-highlight-background-03: var(--tongue-100);
  --color-highlight-text-primary: var(--white);
  --color-highlight-text-secondary: var(--tongue-000);
  --color-highlight-text-tertiary: var(--tongue-020);
  --color-highlight-structurals: var(--tongue-060);
  --color-highlight-text-link: var(--color-highlight-text-primary);
  --color-highlight-text-accent: var(--color-highlight-text-secondary);
  --color-highlight-gradient-opaque: var(--tongue-100);
  --color-highlight-gradient-transparent: var(--tongue-rgba-000);
  --color-highlight-accent-01: var(--white);
  --color-highlight-accent-02: var(--tongue-020);
  --color-highlight-accent-03: var(--unicorn);
  --color-highlight-accent-brand: var(--caribbean);
  --color-breaking-background-01: var(--ruby-100);
  --color-breaking-text-primary: var(--white);
  --color-breaking-text-secondary: var(--ruby-000);
  --color-breaking-text-tertiary: var(--ruby-020);
  --color-breaking-structurals: var(--ruby-060);
  --color-breaking-gradient-strong: var(--ruby-rgba-070);
  --color-breaking-gradient-transparent: var(--ruby-rgba-000);
  --elementcolor-standard-primary-background: var(--tongue-100);
  --elementcolor-standard-primary-foreground: var(--white);
  --elementcolor-standard-primary-background-hover: var(--tongue-060);
  --elementcolor-standard-primary-outline-focus: var(--tongue-100);
  --elementcolor-standard-secondary-background: var(--emotional-020);
  --elementcolor-standard-secondary-foreground: var(--emotional-100);
  --elementcolor-standard-secondary-background-hover: var(--emotional-040);
  --elementcolor-standard-secondary-outline-focus: var(--emotional-100);
  --elementcolor-standard-secondary-foreground-disabled: var(--emotional-040);
  --elementcolor-standard-tertiary-background: var(--white);
  --elementcolor-standard-tertiary-foreground: var(--emotional-100);
  --elementcolor-standard-tertiary-border: var(--emotional-020);
  --elementcolor-standard-tertiary-background-hover: var(--tongue-100);
  --elementcolor-standard-tertiary-foreground-hover: var(--white);
  --elementcolor-standard-tertiary-outline-focus: var(--emotional-100);
  --elementcolor-standard-primary-live-background: var(--unicorn);
  --elementcolor-standard-primary-live-foreground: var(--white);
  --elementcolor-standard-primary-live-background-hover: var(--white);
  --elementcolor-standard-primary-live-foreground-hover: var(--unicorn);
  --elementcolor-standard-primary-live-outline-focus: var(--unicorn);
  --elementcolor-standard-secondary-live-background: var(--white);
  --elementcolor-standard-secondary-live-foreground: var(--unicorn);
  --elementcolor-standard-secondary-live-background-hover: var(--unicorn);
  --elementcolor-standard-secondary-live-foreground-hover: var(--white);
  --elementcolor-standard-secondary-live-outline-focus: var(--unicorn);
  --elementcolor-standard-tertiary-live-background: var(--white);
  --elementcolor-standard-tertiary-live-foreground: var(--emotional-100);
  --elementcolor-standard-tertiary-live-background-hover: var(--emotional-100);
  --elementcolor-standard-tertiary-live-foreground-hover: var(--white);
  --elementcolor-standard-tertiary-live-outline-focus: var(--emotional-100);
  --elementcolor-standard-breaking-background: var(--ruby-100);
  --elementcolor-standard-breaking-foreground: var(--white);
  --elementcolor-highlight-primary-background: var(--white);
  --elementcolor-highlight-primary-foreground: var(--tongue-100);
  --elementcolor-highlight-primary-background-hover: var(--tongue-000);
  --elementcolor-highlight-primary-outline-focus: var(--white);
  --elementcolor-highlight-secondary-background: var(--tongue-060);
  --elementcolor-highlight-secondary-foreground: var(--tongue-000);
  --elementcolor-highlight-secondary-background-hover: var(--tongue-040);
  --elementcolor-highlight-secondary-outline-focus: var(--tongue-020);
  --elementcolor-highlight-secondary-foreground-disabled: var(--tongue-040);
  --watermark-url: url(../icon/ts_watermark_white.svg);
  --form-select-arrow-down-icon-url: url(../icon/icon-ard-chevron-down--fill-emotional-100.svg);
  --form-error-icon-url: url(../icon/icon-ard-warning--fill-ruby-100.svg);
  --extern-icon-url: url(../icon/icon-ard-external-link--fill-emotional-100.svg);
  --extern-highlight-icon-url: url(../icon/icon-ard-external-link--fill-white.svg);
  --textlink-extern-icon-url: url(../icon/icon-ard-external-link--fill-tongue-100.svg);
  --timeline-icon-url: url(../icon/timeline-icon--fill-black.svg);
  --tablehead-extern-icon-url: url(../icon/icon-ard-external-link--fill-white.svg);
  --highlight-infobox-icon-url: url(../icon/icon-ard-external-link--fill-white.svg);
  --positive-icon-url: url(../icon/vwd--positive-green.svg);
  --negative-icon-url: url(../icon/vwd--negative-red.svg);
  --neutral-icon-url: url(../icon/vwd--neutral-emotional-060.svg);
  --vwd-extern-icon-url: url(../icon/extern--fill-tongue-100.svg);
  --lookslikebutton-extern-icon-url: url(../icon/extern--fill-emotional-060.svg);
  --arrow-icon-url: url(../icon/vwd--arrow-white.svg);
  --arrow-hover-icon-url: url(../icon/vwd--arrow-tongue-100.svg);
  --arrow-right-icon-url: url(../icon/arrow-right-tongue-100.svg);
  --double-arrow-icon-url: url(../icon/double-arrow--emotional-060.svg);
  --pagination-arrow-icon-url: url(../icon/arrow-right-emotional-060.svg);
  --search-icon-url: url(../icon/search--fill-emotional-100.svg);
  --search-hover-icon-url: url(../icon/search--fill-tongue-100.svg);
  --radio-icon-url: url(../icon/vwd--radio-emotional-060.svg);
  --radio-filled-icon-url: url(../icon/vwd--radio-filled-emotional-060.svg);
  --font-family-default: 'Thesis', 'Helvetica', 'Arial', sans-serif;
  --font-family-headline: 'Thesis', 'Helvetica', 'Arial', sans-serif;
  --font-family-overline: 'Thesis', 'Helvetica', 'Arial', sans-serif;
  --font-family-body: 'Thesis', 'Helvetica', 'Arial', sans-serif;
  --font-weight-default: 350;
  --font-weight-strong: 600;
  --heading-01-font-size: 3.2rem;
  --heading-01-line-height: 3.8rem;
  --heading-01-font-weight: var(--font-weight-default);
  --heading-01-text-transform: none;
  --heading-02-font-size: 3.2rem;
  --heading-02-line-height: 3.8rem;
  --heading-02-font-weight: var(--font-weight-default);
  --heading-02-text-transform: none;
  --heading-03-font-size: 2.4rem;
  --heading-03-line-height: 2.8rem;
  --heading-03-font-weight: var(--font-weight-default);
  --heading-03-text-transform: none;
  --heading-04-font-size: 2.4rem;
  --heading-04-line-height: 2.8rem;
  --heading-04-font-weight: var(--font-weight-default);
  --heading-04-text-transform: none;
  --heading-05-font-size: 2.4rem;
  --heading-05-line-height: 2.8rem;
  --heading-05-text-transform: none;
  --heading-05-font-weight: var(--font-weight-default);
  --heading-06-font-weight: var(--font-weight-default);
  --heading-06-text-transform: none;
  --section-caps-font-size: 3.2rem;
  --section-caps-line-height: 3.4rem;
  --section-caps-font-weight: var(--font-weight-default);
  --overline-font-size: 1.6rem;
  --overline-line-height: 2rem;
  --overline-text-transform: none;
  --overline-font-style: normal;
  --body-01-quote-font-style: italic;
  --body-02-line-height: 2.4rem;
  --label-01-caps-font-size: 1.6rem;
  --label-01-caps-line-height: 2rem;
}
@media screen and (min-width: 768px) {
  :root {
    --heading-01-font-size: 3.4rem;
    --heading-01-line-height: 4rem;
    --heading-02-font-size: 2.8rem;
    --heading-02-line-height: 3.2rem;
    --heading-03-font-size: 2.6rem;
    --heading-03-line-height: 3rem;
    --heading-05-font-size: 2.6rem;
    --heading-05-line-height: 3rem;
    --section-caps-font-size: 4rem;
    --section-caps-line-height: 4.2rem;
    --label-01-caps-font-size: 1.8rem;
    --label-01-caps-line-height: 2.4rem;
  }
}
html.theme-dark {
  --color-basic-white: var(--white);
  --color-basic-dark: var(--black);
  --color-basic-ard-ci: var(--white);
  --color-page-background: var(--deep-blue);
  --color-page-highlight: var(--carbonite-060);
  --color-page-overlay-01: var(--midnight-rgba-060);
  --color-page-overlay-02: var(--midnight-rgba-038);
  --color-page-overlay-03: var(--carbonite-rgba-060);
  --color-page-shadow-01: var(--midnight-rgba-025);
  --color-av-background-opaque: var(--tongue-100);
  --color-av-background-strong: var(--tongue-rgba-060);
  --color-av-live-background-opaque: var(--unicorn);
  --color-av-live-background-strong: var(--unicorn-rgba-060);
  --color-standard-background-01: var(--carbonite-100);
  --color-standard-background-02: var(--carbonite-080);
  --color-standard-background-03: var(--carbonite-060);
  --color-standard-background-accent: var(--carbonite-100);
  --color-standard-text-primary: var(--white);
  --color-standard-text-secondary: var(--carbonite-000);
  --color-standard-text-tertiary: var(--carbonite-020);
  --color-standard-structurals: var(--carbonite-060);
  --color-standard-gradient-opaque: var(--carbonite-rgba-100);
  --color-standard-gradient-transparent: var(--carbonite-rgba-000);
  --color-standard-accent-01: var(--white);
  --color-standard-accent-02: var(--carbonite-020);
  --color-standard-accent-03: var(--unicorn);
  --color-standard-accent-04: var(--white);
  --color-standard-accent-brand: var(--newblue);
  --color-standard-accent-neutral: var(--caribbean);
  --color-standard-accent-alert: var(--melon);
  --color-standard-accent-positive: var(--emerald);
  --color-standard-tablehead-background: var(--tongue-100);
  --color-standard-tablehead-border: var(--tongue-100);
  --color-standard-tablehead-text: var(--white);
  --color-standard-tablecell-background: var(--carbonite-080);
  --color-standard-tablecell-border: var(--carbonite-080);
  --color-standard-tablecell-text: var(--color-standard-text-secondary);
  --color-standard-tablecell-background-active: var(--tongue-100);
  --color-standard-tablecell-text-active: var(--white);
  --color-highlight-background-01: var(--tongue-100);
  --color-highlight-background-02: var(--dark-tongue);
  --color-highlight-background-03: var(--tongue-100);
  --color-highlight-text-primary: var(--white);
  --color-highlight-text-secondary: var(--tongue-000);
  --color-highlight-text-tertiary: var(--tongue-020);
  --color-highlight-structurals: var(--tongue-060);
  --color-highlight-gradient-opaque: var(--tongue-100);
  --color-highlight-gradient-transparent: var(--tongue-rgba-000);
  --color-highlight-accent-01: var(--white);
  --color-highlight-accent-02: var(--tongue-020);
  --color-highlight-accent-03: var(--unicorn);
  --color-highlight-accent-brand: var(--caribbean);
  --color-breaking-background-01: var(--ruby-100);
  --color-breaking-text-primary: var(--white);
  --color-breaking-text-secondary: var(--ruby-000);
  --color-breaking-text-tertiary: var(--ruby-020);
  --color-breaking-structurals: var(--ruby-060);
  --color-breaking-gradient-strong: var(--melon-rgba-070);
  --color-breaking-gradient-transparent: var(--melon-rgba-000);
  --elementcolor-standard-primary-background: var(--tongue-100);
  --elementcolor-standard-primary-foreground: var(--white);
  --elementcolor-standard-primary-background-hover: var(--tongue-060);
  --elementcolor-standard-primary-outline-focus: var(--white-100);
  --elementcolor-standard-secondary-background: var(--carbonite-060);
  --elementcolor-standard-secondary-foreground: var(--carbonite-000);
  --elementcolor-standard-secondary-background-hover: var(--carbonite-040);
  --elementcolor-standard-secondary-outline-focus: var(--carbonite-000);
  --elementcolor-standard-secondary-foreground-disabled: var(--carbonite-040);
  --elementcolor-standard-tertiary-background: var(--carbonite-100);
  --elementcolor-standard-tertiary-foreground: var(--carbonite-000);
  --elementcolor-standard-tertiary-border: var(--carbonite-060);
  --elementcolor-standard-tertiary-background-hover: var(--tongue-100);
  --elementcolor-standard-tertiary-foreground-hover: var(--white);
  --elementcolor-standard-tertiary-outline-focus: var(--carbonite-000);
  --elementcolor-standard-primary-live-background: var(--unicorn);
  --elementcolor-standard-primary-live-foreground: var(--white);
  --elementcolor-standard-primary-live-background-hover: var(--white);
  --elementcolor-standard-primary-live-foreground-hover: var(--unicorn-drk);
  --elementcolor-standard-primary-live-outline-focus: var(--white);
  --elementcolor-standard-secondary-live-background: var(--carbonite-100);
  --elementcolor-standard-secondary-live-foreground: var(--unicorn);
  --elementcolor-standard-secondary-live-background-hover: var(--unicorn);
  --elementcolor-standard-secondary-live-foreground-hover: var(--carbonite-100);
  --elementcolor-standard-secondary-live-outline-focus: var(--unicorn);
  --elementcolor-standard-tertiary-live-background: var(--white);
  --elementcolor-standard-tertiary-live-foreground: var(--carbonite-100);
  --elementcolor-standard-tertiary-live-background-hover: var(--carbonite-100);
  --elementcolor-standard-tertiary-live-foreground-hover: var(--white);
  --elementcolor-standard-tertiary-live-outline-focus: var(--white);
  --elementcolor-standard-breaking-background: var(--ruby-100);
  --elementcolor-standard-breaking-foreground: var(--white);
  --elementcolor-highlight-primary-background: var(--white);
  --elementcolor-highlight-primary-foreground: var(--tongue-100);
  --elementcolor-highlight-primary-background-hover: var(--tongue-000);
  --elementcolor-highlight-primary-outline-focus: var(--white);
  --elementcolor-highlight-secondary-background: var(--tongue-060);
  --elementcolor-highlight-secondary-foreground: var(--tongue-000);
  --elementcolor-highlight-secondary-background-hover: var(--tongue-040);
  --elementcolor-highlight-secondary-outline-focus: var(--tongue-000);
  --elementcolor-highlight-secondary-foreground-disabled: var(--tongue-040);
  --form-select-arrow-down-icon-url: url(../icon/icon-ard-chevron-down--fill-carbonite-20.svg);
  --form-error-icon-url: url(../icon/icon-ard-warning--fill-melon.svg);
  --extern-icon-url: url(../icon/icon-ard-external-link--fill-white.svg);
  --textlink-extern-icon-url: url(../icon/icon-ard-external-link--fill-white.svg);
  --timeline-icon-url: url(../icon/timeline-icon--fill-peacock-000.svg);
  --tablehead-extern-icon-url: url(../icon/icon-ard-external-link--fill-white.svg);
  --highlight-infobox-icon-url: url(../icon/icon-ard-external-link--fill-white.svg);
  --positive-icon-url: url(../icon/vwd--positive-green-dm.svg);
  --negative-icon-url: url(../icon/vwd--negative-red-dm.svg);
  --neutral-icon-url: url(../icon/vwd--neutral-raven-040.svg);
  --vwd-extern-icon-url: url(../icon/extern--fill-white.svg);
  --lookslikebutton-extern-icon-url: url(../icon/extern--fill-carbonite-020.svg);
  --arrow-icon-url: url(../icon/vwd--arrow-raven-040.svg);
  --arrow-hover-icon-url: url(../icon/vwd--arrow-tongue-100.svg);
  --arrow-right-icon-url: url(../icon/arrow-right-white.svg);
  --double-arrow-icon-url: url(../icon/double-arrow--raven-040.svg);
  --pagination-arrow-icon-url: url(../icon/arrow-right-raven-040.svg);
  --search-icon-url: url(../icon/search--fill-peacock-000.svg);
  --search-hover-icon-url: url(../icon/search--fill-white.svg);
  --radio-icon-url: url(../icon/vwd--radio-raven-040.svg);
  --radio-filled-icon-url: url(../icon/vwd--radio-filled-raven-040.svg);
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: 0.02rem;
  border: 0;
  outline: none;
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.hp-spacer {
  width: 100%;
  height: 48px;
  display: block;
}
*,
:before,
:after {
  box-sizing: border-box;
}
.hlp-clear {
  overflow: auto;
}
.hlp-clear:after {
  content: '';
  clear: both;
  display: table;
}
.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}
.searchfield__submit,
.searchfield__input,
.form-select__select,
.form-number__input,
.form-tel__input,
.form-mail__input,
.form-input__text {
  appearance: none;
}
.form-number__input,
.form-tel__input,
.form-mail__input,
.form-input__text {
  color: var(--color-standard-text-tertiary);
  background: var(--color-standard-background-01);
  outline: 0.1rem solid var(--color-standard-text-secondary);
  border: none;
  width: 100%;
  height: 6.4rem;
  padding: 1.6rem 1.2rem;
}
.form-number__input:hover,
.form-tel__input:hover,
.form-mail__input:hover,
.form-input__text:hover,
.form-number__input:active,
.form-tel__input:active,
.form-mail__input:active,
.form-input__text:active {
  color: var(--color-standard-text-secondary);
}
.form-number__input:focus-visible,
.form-tel__input:focus-visible,
.form-mail__input:focus-visible,
.form-input__text:focus-visible,
.form-number__input:not(:placeholder-shown),
.form-tel__input:not(:placeholder-shown),
.form-mail__input:not(:placeholder-shown),
.form-input__text:not(:placeholder-shown) {
  color: var(--color-standard-text-secondary);
  padding-top: 2.8rem;
  padding-bottom: 0.8rem;
}
.form-number__input::placeholder,
.form-tel__input::placeholder,
.form-mail__input::placeholder,
.form-input__text::placeholder {
  color: #0000;
}
:-webkit-any(
  .form-number__input:-webkit-autofill,
  .form-tel__input:-webkit-autofill,
  .form-mail__input:-webkit-autofill,
  .form-input__text:-webkit-autofill
) {
  -webkit-text-fill-color: var(--color-standard-text-secondary);
  -webkit-box-shadow: 0 0 0 5rem var(--color-standard-background-01) inset !important;
}
:is(
  .form-number__input:autofill,
  .form-tel__input:autofill,
  .form-mail__input:autofill,
  .form-input__text:autofill
) {
  -webkit-text-fill-color: var(--color-standard-text-secondary);
  -webkit-box-shadow: 0 0 0 5rem var(--color-standard-background-01) inset !important;
}
.form-number__input:focus-visible + .form-number__label,
.form-number__input:not(:placeholder-shown) + .form-number__label,
.form-tel__input:focus-visible + .form-tel__label,
.form-tel__input:not(:placeholder-shown) + .form-tel__label,
.form-mail__input:focus-visible + .form-mail__label,
.form-mail__input:not(:placeholder-shown) + .form-mail__label,
.form-textarea__textarea:focus-visible + .form-textarea__label,
.form-textarea__textarea:not(:placeholder-shown) + .form-textarea__label,
.form-input__text:focus-visible + .form-input__label,
.form-input__text:not(:placeholder-shown) + .form-input__label,
.form-select__label.form-label {
  opacity: 0.75;
  transform: scale(0.75) translateY(-0.8rem) translate(0.4rem);
}
.form-number__label.form-label,
.form-tel__label.form-label,
.form-mail__label.form-label,
.form-textarea__label.form-label,
.form-input__label.form-label,
.form-select__label.form-label {
  opacity: 0.75;
  pointer-events: none;
  transform-origin: 0 0;
  height: 100%;
  padding: 1.6rem 1.2rem;
  transition:
    opacity 0.1s ease-in-out,
    transform 0.1s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}
.invalid .form-number__invalid-message,
.invalid .form-tel__invalid-message,
.invalid .form-mail__invalid-message,
.form-textarea__wrapper.invalid .form-textarea__invalid-message,
.form-textarea__wrapper.invalid .form-textarea.is-invalid__invalid-message,
.invalid .form-input__invalid-message,
.invalid .form-select__invalid-message,
.invalid .form-radio__invalid-message,
.invalid .form-checkbox__invalid-message {
  font-weight: var(--font-weight-strong);
  width: 100%;
  color: var(--color-standard-accent-alert);
  margin: 1.2rem 0;
  font-size: 1.9rem;
  display: block;
}
.form-textarea__hint-message {
  font-weight: var(--font-weight-strong);
  width: 100%;
  color: var(--color-standard-text-secondary);
  margin: 1.2rem 0 2rem;
  font-size: 1.9rem;
  display: block;
}
.invalid .form-number__input:invalid,
.invalid .form-tel__input:invalid,
.invalid .form-mail__input:invalid,
.form-textarea__wrapper.invalid .form-textarea,
.form-textarea__wrapper.invalid .form-textarea.is-invalid,
.invalid .form-input__text:invalid,
.invalid .form-input__text.is-invalid,
.invalid .form-select__select:invalid,
.invalid .form-select__select.is-invalid,
.invalid .form-radio__input:invalid ~ .form-radio__mark,
.invalid .form-radio__input.is-invalid ~ .form-radio__mark,
.invalid .form-checkbox__hidden:invalid,
.invalid .form-checkbox__hidden.is-invalid {
  outline: 0.2rem solid var(--color-standard-accent-alert);
}
.invalid .form-number:after,
.invalid .form-tel:after,
.invalid .form-mail:after,
.form-textarea__wrapper.invalid .form-textarea:after,
.form-textarea__wrapper.invalid .form-textarea.is-invalid:after,
.invalid .form-input:after {
  background-image: var(--form-error-icon-url);
  background-position: right 1.2rem center;
  background-repeat: no-repeat;
  background-size: 2.4rem;
}
.umschaltreiter__list,
.subnav__sub__list {
  -ms-overflow-style: none;
  -moz-scrollbar-width: none;
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
}
.umschaltreiter__list::-webkit-scrollbar {
  display: none;
}
.subnav__sub__list::-webkit-scrollbar {
  display: none;
}
.color--tongue a:focus-visible,
.color--tongue a:focus-visible img {
  outline: 0.2rem solid var(--color-highlight-text-tertiary);
}
a:focus-visible,
a:focus-visible img {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: -0.2rem;
}
a {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}
b,
strong {
  font-weight: var(--font-weight-strong);
}
em,
i {
  font-style: italic;
}
abbr {
  border-bottom: 1px dotted var(--color-standard-text-secondary);
  cursor: help;
  font: inherit;
  outline: none;
  text-decoration: none;
}
abbr:hover:after,
abbr:active:after,
abbr:focus-visible:after {
  content: ' (' attr(title) ')';
  margin-left: 0.5rem;
  transition: all 0.2s ease-in-out;
  display: inline-block;
}
@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }
}
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: var(--color-standard-text-secondary);
  font-size: 62.5%;
}
@media screen and (max-width: 360px) {
  html {
    font-size: 56%;
  }
}
@media print {
  html {
    font-size: 50%;
  }
}

@font-face {
  src: url(../fonts/TheSansC5s-4_SemiLight.woff2) format('woff2');
  font-family: Thesis;
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url(../fonts/TheSansC5s-4_SemiLightItalic.woff2) format('woff2');
  font-family: Thesis;
  font-weight: 350;
  font-style: italic;
  font-display: swap;
}
@font-face {
  src: url(../fonts/TheSansC5s-6_SemiBold.woff2) format('woff2');
  font-family: Thesis;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url(../fonts/TheSansC5s-6_SemiBoldItalic.woff2) format('woff2');
  font-family: Thesis;
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
.teaser__headline {
  margin-bottom: 1.2rem;
}
.teaser-absatz__headline,
.teaser-xs__headline,
.teaser-slider__headline,
.teaser-mikro__headline,
.teaser-left__headline {
  margin-top: -0.1rem;
  padding: 0.1rem 0 0;
}
@media screen and (min-width: 768px) {
  .teaser-right__shorttext {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .teaser-right__shorttext {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .multimediahead__headline,
  .teaser--top .teaser__headline,
  .eilmeldung__headline {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .trenner__text__topline {
    margin-bottom: 0.6rem;
  }
}
@media screen and (min-width: 768px) {
  .multimediahead__headline,
  .teaser--top .teaser__headline,
  .eilmeldung__headline {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .trenner__text__topline {
    margin-bottom: 0.6rem;
  }
}
.multimediahead__headline,
.teaser--top .teaser__headline,
.eilmeldung__headline {
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 768px) {
  .multimediahead__headline,
  .teaser--top .teaser__headline,
  .eilmeldung__headline {
    margin-bottom: 1rem;
  }
}
.trenner__text__topline {
  margin-bottom: 0.4rem;
}
@media screen and (min-width: 768px) {
  .trenner__text__topline {
    margin-bottom: 0.6rem;
  }
}
.image-rights__info,
.teaser__teaserinfo {
  padding: 1.6rem 2rem 0;
}
.image-label,
.color-coded-box__border-container,
.infoheadline--inpedendent,
.wahlbeteiligung,
.meldungsfooter,
.meldung__uhrzeit,
.liveblog__datetime,
.meldung__topline-subhead,
.meldung__subhead,
.textabsatz,
.teaser-nano__headline-wrapper,
.link,
.teaser__medialinks .mubu-container__content {
  padding: 0 2rem;
}
@media screen and (min-width: 1024px) {
  .teaser__medialinks .mubu-container__content {
    padding: 0;
  }
}
.form__paragraph,
.verweisabsatz,
.textabsatz {
  margin: 0 0 2.4rem;
}
.form__feedback-message,
.form__subheadline,
.form__headline,
.simpletable > caption,
.meldung__uhrzeit,
.liveblog__datetime,
.form__fieldset .form__legend {
  margin: 0.8rem 0 1.6rem;
}
.container {
  width: 100%;
  padding: 0;
}
.column,
.columns {
  float: left;
  margin-top: 0;
}
.row:before,
.row:after {
  content: ' ';
  display: table;
}
.row:after {
  clear: both;
}
.columns.one {
  width: 8.33333%;
}
.columns.two {
  width: 16.6667%;
}
.columns.two-and-a-half {
  width: 20%;
}
.columns.three {
  width: 25%;
}
.columns.four {
  width: 33.3333%;
}
.columns.five {
  width: 41.6667%;
}
.columns.six {
  width: 50%;
}
.columns.seven {
  width: 58.3333%;
}
.columns.eight {
  width: 66.6667%;
}
.columns.nine {
  width: 75%;
}
.columns.ten {
  width: 83.3333%;
}
.columns.eleven {
  width: 91.6667%;
}
.columns.twelve {
  width: 100%;
}
.columns.offset-one {
  margin-left: 8.33333%;
}
.columns.offset-two {
  margin-left: 16.6667%;
}
.columns.offset-two-and-a-half {
  margin-left: 20%;
}
.columns.offset-three {
  margin-left: 25%;
}
.columns.offset-four {
  margin-left: 33.3333%;
}
.columns.offset-five {
  margin-left: 41.6667%;
}
.columns.offset-six {
  margin-left: 50%;
}
.columns.offset-seven {
  margin-left: 58.3333%;
}
.columns.offset-eight {
  margin-left: 66.6667%;
}
.columns.offset-nine {
  margin-left: 75%;
}
.columns.offset-ten {
  margin-left: 83.3333%;
}
.columns.offset-eleven {
  margin-left: 91.6667%;
}
@media only screen and (min-width: 768px) {
  .columns.m-one {
    width: 8.33333%;
  }
  .columns.m-two {
    width: 16.6667%;
  }
  .columns.m-two-and-a-half {
    width: 20%;
  }
  .columns.m-three {
    width: 25%;
  }
  .columns.m-four {
    width: 33.3333%;
  }
  .columns.m-five {
    width: 41.6667%;
  }
  .columns.m-six {
    width: 50%;
  }
  .columns.m-seven {
    width: 58.3333%;
  }
  .columns.m-eight {
    width: 66.6667%;
  }
  .columns.m-nine {
    width: 75%;
  }
  .columns.m-ten {
    width: 83.3333%;
  }
  .columns.m-eleven {
    width: 91.6667%;
  }
  .columns.m-twelve {
    width: 100%;
  }
  .columns.m-offset-one {
    margin-left: 8.33333%;
  }
  .columns.m-offset-two {
    margin-left: 16.6667%;
  }
  .columns.m-offset-two-and-a-half {
    margin-left: 20%;
  }
  .columns.m-offset-three {
    margin-left: 25%;
  }
  .columns.m-offset-four {
    margin-left: 33.3333%;
  }
  .columns.m-offset-five {
    margin-left: 41.6667%;
  }
  .columns.m-offset-six {
    margin-left: 50%;
  }
  .columns.m-offset-seven {
    margin-left: 58.3333%;
  }
  .columns.m-offset-eight {
    margin-left: 66.6667%;
  }
  .columns.m-offset-nine {
    margin-left: 75%;
  }
  .columns.m-offset-ten {
    margin-left: 83.3333%;
  }
  .columns.m-offset-eleven {
    margin-left: 91.6667%;
  }
}
@media only screen and (min-width: 1024px) {
  .columns.l-one {
    width: 8.33333%;
  }
  .columns.l-two {
    width: 16.6667%;
  }
  .columns.l-two-and-a-half {
    width: 20%;
  }
  .columns.l-three {
    width: 25%;
  }
  .columns.l-four {
    width: 33.3333%;
  }
  .columns.l-five {
    width: 41.6667%;
  }
  .columns.l-six {
    width: 50%;
  }
  .columns.l-seven {
    width: 58.3333%;
  }
  .columns.l-eight {
    width: 66.6667%;
  }
  .columns.l-nine {
    width: 75%;
  }
  .columns.l-ten {
    width: 83.3333%;
  }
  .columns.l-eleven {
    width: 91.6667%;
  }
  .columns.l-twelve {
    width: 100%;
  }
  .columns.l-auto {
    width: auto;
  }
  .columns.l-offset-none {
    margin-left: 0;
  }
  .columns.l-offset-one {
    margin-left: 8.33333%;
  }
  .columns.l-offset-two {
    margin-left: 16.6667%;
  }
  .columns.l-offset-two-and-a-half {
    margin-left: 20%;
  }
  .columns.l-offset-three {
    margin-left: 25%;
  }
  .columns.l-offset-four {
    margin-left: 33.3333%;
  }
  .columns.l-offset-five {
    margin-left: 41.6667%;
  }
  .columns.l-offset-six {
    margin-left: 50%;
  }
  .columns.l-offset-seven {
    margin-left: 58.3333%;
  }
  .columns.l-offset-eight {
    margin-left: 66.6667%;
  }
  .columns.l-offset-nine {
    margin-left: 75%;
  }
  .columns.l-offset-ten {
    margin-left: 83.3333%;
  }
  .columns.l-offset-eleven {
    margin-left: 91.6667%;
  }
}
.offset-by-one.column,
.offset-by-one.columns {
  margin-left: 8.33333%;
}
.offset-by-two.column,
.offset-by-two.columns {
  margin-left: 16.6667%;
}
.offset-by-two-and-a-half.column,
.offset-by-two-and-a-half.columns {
  margin-left: 20%;
}
.offset-by-three.column,
.offset-by-three.columns {
  margin-left: 25%;
}
.columns.debug {
  outline-offset: -1px;
  outline: 1px dotted red;
}
.debug-grid {
  z-index: 998;
  opacity: 0.8;
  padding: 0;
  display: none;
  position: fixed;
  inset: 45px 0 0;
}
.debug-grid-inner {
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.debug-grid .columns:first-child {
  border-left: 0;
}
.debug-grid .columns,
.debug-grid .columns.debug {
  float: left;
  background: 0 0;
  height: 100%;
  font-size: 0;
}
.debug-grid .columns.one,
.debug-grid .columns.debug.one {
  border-right: 1px solid #ccc;
  outline: none;
}
.spacing-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.spacing-x-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 768px) {
  .spacing-m-x-0 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .spacing-l-x-0 {
    padding-left: 0;
    padding-right: 0;
  }
}
.mb-2 {
  margin-bottom: 0.4rem;
}
.mb-3 {
  margin-bottom: 0.8rem;
}
.mb-5 {
  margin-bottom: 1.6rem;
}
.mb-6 {
  margin-bottom: 2rem;
}
.mb-7 {
  margin-bottom: 2.4rem;
}
.mb-8 {
  margin-bottom: 3.2rem;
}
.mb-9 {
  margin-bottom: 4rem;
}
.mt-0 {
  margin-top: 0;
}
.mt-2 {
  margin-top: 0.4rem;
}
.mt-5 {
  margin-top: 1.6rem;
}
.my-2 {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.my-3 {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}
.my-5 {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
.mx-9 {
  margin-left: 4rem;
  margin-right: 4rem;
}
.pt-2 {
  padding-top: 0.4rem;
}
.pt-10 {
  padding-top: 4.8rem;
}
.pb-2 {
  padding-bottom: 0.4rem;
}
.pb-3 {
  padding-bottom: 0.8rem;
}
.pb-5 {
  padding-bottom: 1.6rem;
}
.pb-6 {
  padding-bottom: 2rem;
}
.pb-7 {
  padding-bottom: 2.4rem;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px-6 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-9 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.py-1 {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.py-2 {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.py-3 {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.py-4 {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.py-5 {
  padding-top: 1.6rem !important;
  padding-bottom: 1.6rem !important;
}
.py-6 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-7 {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
.py-8 {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
}
.py-9 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-10 {
  padding-top: 4.8rem;
  padding-bottom: 4.8rem;
}
.py-11 {
  padding-top: 5.6rem;
  padding-bottom: 5.6rem;
}
.py-12 {
  padding-top: 9.6rem;
  padding-bottom: 9.6rem;
}
@media screen and (min-width: 768px) {
  .m-mt-4 {
    margin-top: 1.2rem;
  }
  .m-p-0 {
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .l-pt-7 {
    padding-top: 2.4rem;
  }
  .l-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .l-px-6 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .l-px-7 {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
  .l-px-9 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .l-mb-7 {
    margin-bottom: 2.4rem;
  }
}
.spacing-top-xs {
  margin-top: 0.4rem;
}
.spacing-top-s {
  margin-top: 0.8rem;
}
.spacing-top-s-plus {
  margin-top: 1rem;
}
.spacing-top-m {
  margin-top: 1.2rem;
}
.spacing-top-l {
  margin-top: 1.6rem;
}
.spacing-top-l-plus {
  margin-top: 2rem;
}
.spacing-top-xl {
  margin-top: 2.4rem;
}
.spacing-top-xxl {
  margin-top: 3.2rem;
}
.spacing-top-xxxl {
  margin-top: 4.8rem;
}
.spacing-bottom-xs {
  margin-bottom: 0.4rem;
}
.spacing-bottom-s {
  margin-bottom: 0.8rem;
}
.spacing-bottom-s-plus {
  margin-bottom: 1rem;
}
.spacing-bottom-m {
  margin-bottom: 1.2rem;
}
.spacing-bottom-l {
  margin-bottom: 1.6rem;
}
.spacing-bottom-l-plus {
  margin-bottom: 2rem;
}
.spacing-bottom-xl {
  margin-bottom: 2.4rem;
}
.spacing-bottom-xxl {
  margin-bottom: 3.2rem;
}
.spacing-bottom-xxxl {
  margin-bottom: 4.8rem;
}
.padding-left-none {
  padding-left: 0 !important;
}
@media only screen and (min-width: 768px) {
  .m-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .spacing-m-top-none {
    margin-top: 0;
  }
  .spacing-m-top-xs {
    margin-top: 0.4rem;
  }
  .spacing-m-top-s {
    margin-top: 0.8rem;
  }
  .spacing-m-top-s-plus {
    margin-top: 1rem;
  }
  .spacing-m-top-m {
    margin-top: 1.2rem;
  }
  .spacing-m-top-l {
    margin-top: 1.6rem;
  }
  .spacing-m-top-l-plus {
    margin-top: 2rem;
  }
  .spacing-m-top-xl {
    margin-top: 2.4rem;
  }
  .spacing-m-top-xxl {
    margin-top: 3.2rem;
  }
  .spacing-m-top-xxxl {
    margin-top: 4.8rem;
  }
  .spacing-m-bottom-none {
    margin-bottom: 0;
  }
  .spacing-m-bottom-xs {
    margin-top: 0.4rem;
  }
  .spacing-m-bottom-s {
    margin-bottom: 0.8rem;
  }
  .spacing-m-bottom-s-plus {
    margin-bottom: 1rem;
  }
  .spacing-m-bottom-m {
    margin-bottom: 1.2rem;
  }
  .spacing-m-bottom-l {
    margin-bottom: 1.6rem;
  }
  .spacing-m-bottom-l-plus {
    margin-bottom: 2rem;
  }
  .spacing-m-bottom-xl {
    margin-bottom: 2.4rem;
  }
  .spacing-m-bottom-xxl {
    margin-bottom: 3.2rem;
  }
  .spacing-m-bottom-xxxl {
    margin-bottom: 4.8rem;
  }
}
@media only screen and (min-width: 1024px) {
  .spacing-l-top-none {
    margin-top: 0;
  }
  .spacing-l-top-xs {
    margin-top: 0.4rem;
  }
  .spacing-l-top-s {
    margin-top: 0.8rem;
  }
  .spacing-l-top-s-plus {
    margin-top: 1rem;
  }
  .spacing-l-top-m {
    margin-top: 1.2rem;
  }
  .spacing-l-top-l {
    margin-top: 1.6rem;
  }
  .spacing-l-top-l-plus {
    margin-top: 2rem;
  }
  .spacing-l-top-xl {
    margin-top: 2.4rem;
  }
  .spacing-l-top-xxl {
    margin-top: 3.2rem;
  }
  .spacing-l-top-xxxl {
    margin-top: 4.8rem;
  }
  .spacing-l-bottom-none {
    margin-bottom: 0;
  }
  .spacing-l-bottom-xs {
    margin-bottom: 0.4rem;
  }
  .spacing-l-bottom-s {
    margin-bottom: 0.8rem;
  }
  .spacing-l-bottom-s-plus {
    margin-bottom: 1rem;
  }
  .spacing-l-bottom-m {
    margin-bottom: 1.2rem;
  }
  .spacing-l-bottom-l {
    margin-bottom: 1.6rem;
  }
  .spacing-l-bottom-l-plus {
    margin-bottom: 2rem;
  }
  .spacing-l-bottom-xl {
    margin-bottom: 2.4rem;
  }
  .spacing-l-bottom-xxl {
    margin-top: 3.2rem;
  }
  .spacing-l-bottom-xxxl {
    margin-bottom: 4.8rem;
  }
}
body {
  background-color: var(--color-page-background);
}
body.disablescroll {
  width: 100%;
  position: fixed;
  overflow-y: scroll;
}
.layout-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.layout-content {
  flex-wrap: wrap;
  align-items: stretch;
  padding-top: 10.2rem;
  display: flex;
  overflow: hidden;
}
.layout-content.scrolled {
  padding-top: 9rem;
}
.global-wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.loading-placeholder {
  width: 100%;
  height: 120vh;
}
@media print {
  .layout-content {
    overflow: visible;
  }
}
.teasergroup {
  margin-top: 1.6rem;
}
.teasergroup--docked {
  margin-top: 0;
}
.teasergroup.color--tongue {
  background: var(--color-highlight-background-01);
  color: var(--color-highlight-text-primary);
}
.teasergroup:first-child {
  margin-top: 0;
}
.global-wrapper .content-wrapper:after {
  background-color: var(--color-page-overlay-01);
  clear: both;
  content: '';
  opacity: 0;
  z-index: -1;
  -webkit-backdrop-filter: blur(0.5rem);
  backdrop-filter: blur(0.5rem);
  width: 100%;
  height: 100%;
  transition:
    opacity 0.3s ease-in-out,
    z-index 0.3s ease-in-out;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.global-wrapper .content-wrapper.backshadow {
  overflow: hidden;
}
.global-wrapper .content-wrapper.backshadow:after {
  opacity: 1;
  z-index: 112;
}
.content-wrapper {
  background-color: var(--color-standard-background-01);
  max-width: 1104px;
  margin: auto;
  display: block;
}
@media screen and (min-width: 1921px) {
  .content-wrapper {
    max-width: 1280px;
  }
}
.teasergroup--cut.teasergroup {
  margin-top: 1.6rem;
}
.teasergroup--cut:before {
  content: '';
  background-color: var(--color-page-background);
  height: 1.6rem;
  margin-top: -1.6rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .teasergroup--cut:before {
    width: calc(100% + 4rem);
    position: absolute;
    left: -4rem;
  }
  .content-wrapper {
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .content-wrapper {
    padding: 0 40px;
  }
  .layout-content,
  .layout-content.scrolled {
    padding-top: 11.8rem;
  }
}
@media screen and (min-width: 1104px) {
  .global-wrapper {
    max-width: 110.4rem;
  }
}
@media screen and (min-width: 1921px) {
  .global-wrapper {
    max-width: 128rem;
  }
}
@media print {
  .layout-content {
    padding-top: 0;
  }
}
@page {
  margin: 2cm;
}
.header:has(.header__banner) + .content-wrapper .layout-content {
  padding-top: 15.9rem;
}
.header:has(.header__banner) + .content-wrapper .layout-content.scrolled {
  padding-top: 14.6rem;
}
@media screen and (min-width: 1024px) {
  .header:has(.header__banner) + .content-wrapper .layout-content {
    padding-top: 17.4rem;
  }
  .header:has(.header__banner) + .content-wrapper .layout-content.scrolled {
    padding-top: 17.4rem;
  }
}
.header:has(.header__tile-list-wrapper) + .content-wrapper .layout-content {
  padding-top: 18.4rem;
}
.header:has(.header__tile-list-wrapper) + .content-wrapper .layout-content.scrolled {
  padding-top: 17.1rem;
}
@media screen and (min-width: 768px) {
  .header:has(.header__tile-list-wrapper) + .content-wrapper .layout-content.scrolled {
    padding-top: 17.3rem;
  }
  .header:has(.header__tile-list-wrapper) + .content-wrapper .layout-content {
    padding-top: 18.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .header:has(.header__tile-list-wrapper) + .content-wrapper .layout-content {
    padding-top: 20.1rem;
  }
  .header:has(.header__tile-list-wrapper) + .content-wrapper .layout-content.scrolled {
    padding-top: 20.1rem;
  }
}
@media screen and (max-width: 767px) {
  .hidden-s,
  .visible-m {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .hidden-m {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .hidden-l {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .visible-l {
    display: none !important;
  }
}
.hidden {
  position: absolute;
  left: -10000px;
}
.hyphenate {
  -webkit-hyphens: auto;
  hyphens: auto;
  font: inherit;
}
.content-wrapper.content-wrapper--show-cuts {
  background-color: #0000;
  max-width: 110.4rem;
}
.content-wrapper.content-wrapper--show-cuts .layout-container {
  max-width: 128rem;
}
@media screen and (min-width: 1921px) {
  .content-wrapper.content-wrapper--show-cuts {
    max-width: 128rem;
  }
}
@media screen and (min-width: 1024px) {
  .content-wrapper.content-wrapper--show-cuts {
    padding: 0;
  }
}
.content-wrapper.content-wrapper--show-cuts .teasergroup {
  background-color: var(--color-standard-background-01);
}
.content-wrapper.content-wrapper--show-cuts .teasergroup.color--tongue {
  background-color: var(--color-highlight-background-01);
}
.content-wrapper.content-wrapper--show-cuts .teasergroup:first-child {
  padding-top: 0;
}
@media screen and (min-width: 1024px) {
  .content-wrapper.content-wrapper--show-cuts .teasergroup {
    padding: 2.4rem 4rem 0;
  }
}
.content-wrapper.content-wrapper--show-cuts .content-wrapper__group {
  background-color: var(--color-standard-background-01);
  padding-top: 0;
}
@media screen and (min-width: 1024px) {
  .content-wrapper.content-wrapper--show-cuts .content-wrapper__group {
    padding: 0 4rem;
  }
}
.cuts--uppercut,
.cuts--undercut {
  display: inline-block;
}
.cuts--uppercut {
  margin-top: 1.6rem;
}
.cuts--undercut {
  margin-bottom: 1.6rem;
}
.image-comparison--prerender-height {
  background-color: var(--color-page-highlight);
  background-image: var(--watermark-url);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20%;
  padding-bottom: calc(100% + 6.25rem);
  position: relative;
}
@media screen and (min-width: 720px) {
  .image-comparison--prerender-height {
    padding-bottom: calc(56.25% + 4.15rem);
  }
}
.livecenter-index-height {
  min-height: 200px;
}
.calendar--prerender-height {
  outline: 0.1rem solid var(--color-standard-text-secondary);
  align-items: center;
  min-height: 4.8rem;
  padding: 0.8rem 1rem;
  display: flex;
}
.calendar--prerender-height:before {
  content: '';
  background-color: var(--color-page-highlight);
  border-radius: 0.3rem;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 2rem;
}
.calendar--prerender-height:after {
  content: '';
  background-color: var(--color-page-highlight);
  border-radius: 0.3rem;
  width: 8rem;
  height: 2.4rem;
}
.border-b {
  border-bottom: 0.1rem solid;
}
.border-t {
  border-top: 0.1rem solid;
}
.border--standard--structurals {
  border-color: var(--color-standard-structurals);
}
.border--tongue--structurals {
  border-color: var(--color-highlight-structurals);
}
.background-highlight {
  background-color: var(--color-highlight-background-01);
}
.background-standard {
  background: var(--color-standard-background-01);
}
.btn--icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0.1rem;
  display: flex;
}
.btn--icon .icon {
  width: 100%;
  margin: 0.4rem;
}
.burger-button-animated {
  background: var(--color-standard-background-01);
  cursor: pointer;
  z-index: 141;
  width: 4.5rem;
  height: 4.5rem;
  fill: var(--color-standard-text-secondary);
  padding: 1rem;
  position: absolute;
  top: 1rem;
  right: 2.5rem;
}
.burger-button-animated:focus-visible {
  outline: 2px solid var(--color-standard-text-tertiary);
}
.burger-button-animated svg {
  pointer-events: none;
}
.burger-button-animated .firstline {
  transform-origin: 2px 8px;
  transition: all 0.3s;
  transform: rotate(0);
}
.burger-button-animated .secondline {
  opacity: 1;
  transition: all 0.3s;
}
.burger-button-animated .thirdline {
  transform-origin: 2px 26px;
  transition: all 0.3s;
  transform: rotate(0);
}
.burger-button-animated .loginstate-icon {
  background-color: var(--color-standard-background-01);
  border-radius: 2rem;
  padding: 0.1rem;
  display: block;
  position: absolute;
  top: 0.4rem;
  right: 0.2rem;
}
.burger-button-animated .loginstate-icon.icon-ard {
  box-sizing: content-box;
  width: 1.8rem;
  height: 1.8rem;
  fill: var(--color-standard-accent-brand);
  color: var(--color-standard-accent-brand);
}
@media only screen and (min-width: 1024px) {
  .burger-button-animated .loginstate-icon.icon-ard {
    width: 2.4rem;
    height: 2.4rem;
  }
  .burger-button-animated .loginstate-icon {
    padding: 0.2rem;
    top: 0;
    right: -0.2rem;
  }
}
.small .burger-button-animated {
  top: 0.3rem;
}
@media only screen and (min-width: 768px) {
  .burger-button-animated {
    right: 4.6rem;
  }
}
@media only screen and (min-width: 1024px) {
  .burger-button-animated,
  .small .burger-button-animated {
    width: 5.6rem;
    height: 5.6rem;
    top: 1.2rem;
    right: 4.2rem;
  }
}
.burger-navi-holder:not(.js)[open] .burger-button-animated .firstline,
.burger-navi-holder--open .burger-button-animated .firstline {
  transform-origin: 4px 13px;
  transform: rotate(45deg);
}
.burger-navi-holder:not(.js)[open] .burger-button-animated .secondline,
.burger-navi-holder--open .burger-button-animated .secondline {
  opacity: 0;
}
.burger-navi-holder:not(.js)[open] .burger-button-animated .thirdline,
.burger-navi-holder--open .burger-button-animated .thirdline {
  transform-origin: 7px 23px;
  transform: rotate(-45deg);
}
.burger-navi-holder:not(.js)[open] .burger-button-animated .loginstate-icon,
.burger-navi-holder--open .burger-button-animated .loginstate-icon {
  display: none;
}
.btn--text {
  text-align: center;
  align-items: center;
  padding: 0.4rem 1rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  display: inline-flex;
}
.btn--text .icon {
  width: 2.4rem;
  height: 2.4rem;
}
.btn--text__brackets {
  margin-left: 0.4rem;
}
.btn--text__brackets:before {
  content: '(';
  font-weight: 400;
}
.btn--text__brackets:after {
  content: ')';
  font-weight: 400;
}
.btn--text.btn--fullwidth {
  border: none;
  justify-content: center;
  width: 100%;
  display: flex;
}
.btn--text.btn--fullwidth .btn__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}
.btn--text .btn__label + .icon,
.btn--text .btn__label + .icon-ard {
  margin-left: 0.8rem;
}
.btn--uppercase-text {
  text-align: center;
  align-items: center;
  padding: 0.4rem 1rem;
  display: inline-flex;
}
.btn--uppercase-text__label,
.btn--uppercase-text__shortlabel abbr {
  text-transform: uppercase;
  letter-spacing: 0.11rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.btn--uppercase-text.is-active .btn--uppercase-text__label,
.btn--uppercase-text.is-active .btn--uppercase-text__shortlabel abbr {
  font-weight: var(--font-weight-strong);
}
.btn--uppercase-text .icon {
  width: 2.4rem;
  height: 2.4rem;
  padding-left: 1rem;
}
.btn--uppercase-text__shortlabel abbr {
  cursor: pointer;
  border-bottom: none;
}
.btn--uppercase-text__shortlabel abbr:hover:after,
.btn--uppercase-text__shortlabel abbr:active:after,
.btn--uppercase-text__shortlabel abbr:focus-visible:after {
  content: '';
  display: none;
}
.btn--uppercase-text .btn--uppercase-text__shortlabel + .btn--uppercase-text__label {
  display: none;
}
@media screen and (min-width: 768px) {
  .btn--uppercase-text__shortlabel {
    display: none;
  }
  .btn--uppercase-text .btn--uppercase-text__shortlabel + .btn--uppercase-text__label {
    display: block;
  }
}
.transparent-btn {
  cursor: pointer;
  background: 0 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}
.transparent-btn:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: -0.2rem;
}
.transparent-btn .icon {
  fill: var(--color-standard-text-secondary);
}
.tag-btn {
  cursor: pointer;
  border-radius: 1.8rem;
  padding: 0.4rem 0.8rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.tag-btn:focus-visible {
  outline-offset: 0.2rem;
}
.tag-btn--small {
  padding: 0.3rem 0.8rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.tag-btn--medium {
  padding: 0.4rem 0.8rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.tag-btn--large {
  padding: 0.6rem 1.2rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.tag-btn.tag-btn--standard-secondary {
  color: var(--elementcolor-standard-secondary-foreground);
  background: var(--elementcolor-standard-secondary-background);
}
.tag-btn.tag-btn--standard-secondary:hover {
  background: var(--elementcolor-standard-secondary-background-hover);
}
.tag-btn.tag-btn--standard-secondary:focus-visible {
  outline-color: var(--elementcolor-standard-secondary-outline-focus);
}
.tag-btn.tag-btn--standard-primary {
  color: var(--elementcolor-standard-primary-foreground);
  background: var(--elementcolor-standard-primary-background);
}
.tag-btn.tag-btn--standard-primary:hover {
  color: var(--elementcolor-standard-primary-foreground);
  background: var(--elementcolor-standard-primary-background-hover);
}
.tag-btn.tag-btn--standard-primary:focus-visible {
  outline-color: var(--elementcolor-standard-primary-outline-focus);
}
.icon.color--tongue {
  fill: var(--color-standard-accent-01);
}
.icon-animated--pulse {
  background: var(--color-standard-accent-alert);
  cursor: pointer;
  width: 1.8rem;
  height: 1.8rem;
  box-shadow: 0 0 0 var(--color-breaking-gradient-strong);
  border-radius: 50%;
  animation: 1.6s infinite pulse;
  display: block;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--color-breaking-gradient-strong);
  }
  70% {
    box-shadow: 0 0 0 0.6rem var(--color-breaking-gradient-transparent);
  }
  to {
    box-shadow: 0 0 0 0 var(--color-breaking-gradient-transparent);
  }
}
.icon-ard {
  width: 2.4rem;
  height: 2.4rem;
}
.divider {
  border-bottom: 0.1rem solid var(--color-standard-structurals);
  display: block;
}
.divider--bsc {
  border-color: var(--color-highlight-structurals);
}
.divider-list > li {
  border-bottom: 0.1rem solid var(--color-standard-structurals);
}
.divider-list > li:last-child {
  border-bottom: none;
}
.divider-list.divider-list__bottom > li:last-child {
  border-bottom: 0.1rem solid var(--color-standard-structurals);
}
.divider-list.divider-list__top > li:first-child,
.divider-list.divider-list__outside > li:first-child {
  border-top: 0.1rem solid var(--color-standard-structurals);
}
.divider-list.divider-list__outside > li:last-child {
  border-bottom: 0.1rem solid var(--color-standard-structurals);
}
.divider-list.color--tongue > li,
.divider-list.color--tongue.divider-list__bottom > li:last-child {
  border-bottom: 0.1rem solid var(--color-highlight-structurals);
}
.divider-list.color--tongue.divider-list__top > li:first-child,
.divider-list.color--tongue.divider-list__outside > li:first-child {
  border-top: 0.1rem solid var(--color-highlight-structurals);
}
.divider-list.color--tongue.divider-list__outside > li:last-child {
  border-bottom: 0.1rem solid var(--color-highlight-structurals);
}
.wahlbeteiligung--divider:after {
  content: '';
  border-bottom: 0.1rem solid var(--color-standard-structurals);
  width: 100%;
  display: flex;
}
@media screen and (min-width: 768px) {
  .wahlbeteiligung--divider:after {
    border-right: 0.1rem solid var(--color-standard-structurals);
  }
}
.image-btn {
  width: 4rem;
  height: 4rem;
  padding: 1rem;
  display: block;
}
.image-btn .icon {
  fill: var(--color-standard-text-tertiary);
}
.textonly-btn {
  color: var(--color-standard-text-secondary);
  background: 0 0;
  padding: 0.4rem;
  font-size: 1.6rem;
  line-height: 2rem;
  display: block;
  position: relative;
}
.textonly-btn:hover {
  cursor: pointer;
}
.textonly-btn:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: -0.2rem;
}
.textonly-btn--active {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: var(--font-weight-strong);
}
.textonly-btn--active:after {
  padding-bottom: 0.4rem;
}
.textonly-btn--active:before {
  background: var(--color-standard-accent-brand);
  content: '';
  width: calc(100% - 0.8rem);
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0.4rem;
}
.form__element-wrapper {
  margin-bottom: 2.4rem;
}
.form-label {
  font-family: var(--font-family-body), sans-serif;
  color: var(--color-standard-text-secondary);
  font-size: 1.6rem;
  line-height: 2rem;
  position: relative;
}
.form-label.color--tongue {
  color: var(--color-basic-white);
}
.form-checkbox {
  align-items: flex-start;
  margin: 1rem 0;
  display: flex;
}
.form-checkbox .form-checkbox__hidden {
  opacity: 0;
  cursor: pointer;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0;
  position: absolute;
}
.form-checkbox .form-checkbox__hidden:focus-visible {
  opacity: 1;
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: 0.2rem;
}
.form-checkbox__box {
  border: 0.1rem solid var(--color-standard-text-tertiary);
  background-color: var(--color-standard-background-01);
  border-radius: 0.3rem;
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.8rem;
  display: inline-block;
  position: relative;
  left: 0;
}
.form-checkbox__box:after {
  content: '';
  border: solid var(--color-standard-accent-01);
  border-width: 0 0.2rem 0.2rem 0;
  width: 0.6rem;
  height: 1.1rem;
  display: none;
  position: absolute;
  top: 0.1rem;
  left: 0.5rem;
  transform: rotate(45deg);
}
.form-checkbox__text-label {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
}
.form-checkbox__hidden:checked ~ .form-checkbox__box {
  background-color: var(--color-standard-background-01);
}
.form-checkbox__hidden:checked ~ .form-checkbox__box:after {
  display: block;
}
.form-checkbox:focus-visible .form-checkbox__box {
  border: 0.1rem solid var(--color-standard-text-secondary);
}
.form-checkbox.color--tongue .form-checkbox__box {
  border: 0.1rem solid var(--color-basic-white);
}
.form-checkbox.color--tongue .form-checkbox__hidden:checked ~ .form-checkbox__box {
  background-color: var(--color-basic-white);
}
.form-checkbox.color--tongue .form-checkbox__hidden:focus-visible {
  outline-color: var(--color-basic-white);
}
.form-checkbox a {
  color: var(--color-standard-text-link);
  border-bottom: 0.1rem solid var(--color-standard-accent-01);
}
.invalid .form-checkbox__invalid-message {
  margin-bottom: 2.4rem;
}
.invalid .form-checkbox__hidden:invalid,
.invalid .form-checkbox__hidden.is-invalid {
  outline-offset: 0.2rem;
  opacity: 1;
}
.toggle-switch {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.toggle-switch__label {
  color: var(--color-standard-text-secondary);
  flex-grow: 1;
  padding-right: 1rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.toggle-switch__wrapper {
  min-width: 4.4rem;
  height: 2.4rem;
  position: relative;
}
.toggle-switch input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.toggle-switch input:focus-visible + .toggle-switch__slider .toggle-switch__input {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: 0.2rem;
}
.toggle-switch input:checked + .toggle-switch__slider {
  background-color: var(--color-standard-accent-brand);
}
.toggle-switch input:checked + .toggle-switch__slider .toggle-switch__input {
  transform: translate(2rem);
}
.toggle-switch__slider {
  background-color: var(--elementcolor-standard-secondary-foreground-disabled);
  border-radius: 1.4rem;
  height: 2.4rem;
  padding: 0.2rem;
  transition-property: background-color;
  transition-duration: 0.2s;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.toggle-switch__input {
  background-color: var(--color-basic-white);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition-property: transform, box-shadow;
  transition-duration: 0.2s;
  display: block;
}
.toggle-switch.color--tongue .toggle-switch__slider {
  background-color: var(--elementcolor-standard-primary-background);
  outline: 0.1rem solid var(--color-basic-white);
}
.toggle-switch.color--tongue .toggle-switch__input {
  border-color: var(--elementcolor-standard-primary-background);
}
.toggle-switch.color--tongue input:focus-visible + .toggle-switch__slider .toggle-switch__input {
  outline: 0.2rem solid var(--color-highlight-text-secondary);
  outline-offset: 0.2rem;
}
@media screen and (max-width: 360px) {
  .toggle-switch__slider {
    height: 2.67857rem;
    padding: 0.223214rem;
  }
  .toggle-switch__wrapper {
    min-width: 4.91071rem;
    height: 2.67857rem;
  }
  .toggle-switch__input {
    width: 2.23214rem;
    height: 2.23214rem;
  }
  .toggle-switch input:checked + .toggle-switch__slider .toggle-switch__input {
    transform: translate(2.23214rem);
  }
}
body.mouse-usage .toggle-switch input:focus-visible + .toggle-switch__slider .toggle-switch__input {
  outline: none;
}
.form-radio {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  min-height: 2rem;
  margin-bottom: 1rem;
  padding-left: 2.4rem;
  display: block;
  position: relative;
}
.form-radio__input {
  opacity: 0;
  cursor: pointer;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.form-radio__input:focus-visible {
  opacity: 1;
  outline: 0.2rem solid var(--color-standard-text-tertiary);
}
.form-radio__input:checked ~ .form-radio__mark:after {
  display: block;
}
.form-radio__mark {
  border: 0.1rem solid var(--color-standard-text-tertiary);
  background-color: var(--color-standard-background-01);
  border-radius: 50%;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.form-radio__input ~ .form-radio__mark:after {
  content: '';
  background: var(--color-standard-accent-01);
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.form-radio.color--tongue .form-radio__input:focus-visible {
  outline: 0.2rem solid var(--color-highlight-text-secondary);
}
.form-radio.color--tongue .form-radio__mark {
  border: 0.1rem solid var(--color-basic-white);
  background-color: var(--color-basic-white);
}
.invalid .form-radio__input:invalid ~ .form-radio__mark,
.invalid .form-radio__input.is-invalid ~ .form-radio__mark {
  outline-offset: 0.2rem;
}
.form-select {
  align-items: center;
  display: flex;
  position: relative;
}
.form-select__select {
  font-family: var(--font-family-body), sans-serif;
  width: 100%;
  color: var(--color-standard-text-secondary);
  background-color: var(--color-standard-background-01);
  background-image: var(--form-select-arrow-down-icon-url);
  outline: 0.1rem solid var(--color-standard-text-secondary);
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 2.4rem;
  padding: 2.6rem 3.6rem 1rem 1.2rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.form-select .form-select__select:focus-visible {
  color: var(--color-standard-text-secondary);
  outline: 0.2rem solid var(--color-standard-text-secondary);
}
@media screen and (min-width: 768px) {
  .form-select {
    max-width: 40rem;
  }
  .form-select--centered {
    margin: 0 auto;
  }
}
.invalid .form-select__select:invalid,
.invalid .form-select__select.is-invalid {
  background-image: var(--form-select-arrow-down-icon-url), var(--form-error-icon-url);
  background-position:
    right 1.2rem center,
    right 4.4rem center;
  background-repeat: no-repeat;
  background-size: 2.4rem;
}
.form-input {
  width: 100%;
  position: relative;
}
.form-input-icon__text {
  height: 4.8rem;
  padding: 1.6rem 5.2rem;
}
.form-input-icon__text:focus-visible,
.form-input-icon__text:not(:placeholder-shown) {
  padding-top: 0.8rem;
}
.form-input__text {
  font-size: 1.6rem;
  line-height: 2rem;
}
.form-input .form-input__text:focus-visible {
  color: var(--color-standard-text-secondary);
  outline: 0.2rem solid var(--color-standard-text-secondary);
}
.form-input__label.form-label.form-input-icon__label,
.form-input__label.form-label.form-input-icon__label:not(:placeholder-shown).form-input__label {
  visibility: hidden;
}
.form-input__label.form-label {
  align-items: center;
  display: flex;
}
.form-input-icon__icon {
  cursor: pointer;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0.8rem;
  right: auto;
  transform: translateY(-50%);
}
.form-input-icon__icon svg {
  fill: var(--color-standard-text-secondary);
}
.form-input__invalid-message {
  display: none;
}
.form-textarea {
  background: var(--color-standard-background-01);
  border: 0.1rem solid var(--color-standard-background-01);
  outline: 0.1rem solid var(--color-standard-text-secondary);
  padding-top: 3rem;
  position: relative;
}
.form-textarea__wrapper .form-textarea:focus-within {
  border: 0.1rem solid var(--color-standard-background-01);
  color: var(--color-standard-text-secondary);
  outline: 0.2rem solid var(--color-standard-text-secondary);
}
.form-textarea__textarea {
  color: var(--color-standard-text-tertiary);
  background: var(--color-standard-background-01);
  resize: vertical;
  border: none;
  width: 100%;
  padding: 0 1.2rem 1.6rem;
  font-size: 1.6rem;
  line-height: 2rem;
  position: relative;
}
.form-textarea__textarea::placeholder {
  color: #0000;
}
.form-textarea__textarea:focus-visible,
.form-textarea__textarea:not(:placeholder-shown) {
  color: var(--color-standard-text-secondary);
  outline: none;
}
.form-textarea__wrapper.invalid .form-textarea:after,
.form-textarea__wrapper.invalid .form-textarea.is-invalid:after {
  top: 1.2rem;
}
.form-mail {
  width: 100%;
  position: relative;
}
.form-mail__input {
  font-size: 1.6rem;
  line-height: 2rem;
}
.form-mail .form-mail__input:focus-visible {
  color: var(--color-standard-text-secondary);
  outline: 0.2rem solid var(--color-standard-text-secondary);
}
.form-mail__label.form-label {
  align-items: center;
  display: flex;
}
.form-tel {
  width: 100%;
  position: relative;
}
.form-tel__input {
  font-size: 1.6rem;
  line-height: 2rem;
}
.form-tel .form-tel__input:focus-visible {
  color: var(--color-standard-text-secondary);
  outline: 0.2rem solid var(--color-standard-text-secondary);
}
.form-tel__label.form-label {
  align-items: center;
  display: flex;
}
.form-number {
  width: 100%;
  position: relative;
}
.form-number__input {
  font-size: 1.6rem;
  line-height: 2rem;
}
.form-number .form-number__input:focus-visible {
  color: var(--color-standard-text-secondary);
  outline: 0.2rem solid var(--color-standard-text-secondary);
}
.form-number__label.form-label {
  align-items: center;
  display: flex;
}
.form__fieldset {
  margin-bottom: 2.4rem;
}
.form__fieldset .form__legend {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-03-font-size);
  line-height: var(--heading-03-line-height);
  font-weight: var(--heading-03-font-weight);
  text-transform: var(--heading-03-text-transform);
  color: var(--color-standard-text-secondary);
  margin-bottom: 1.2rem;
  display: block;
}
.searchfield {
  display: inline-block;
  position: relative;
}
.searchfield__input {
  color: var(--color-standard-text-secondary);
  background: var(--color-standard-background-01);
  outline: 0.1rem solid var(--color-standard-text-secondary);
  border: none;
  height: 4.8rem;
  padding: 1.8rem 4.4rem 1.6rem 5.2rem;
  font-size: 1.6rem;
  line-height: 2rem;
  overflow: hidden;
}
.searchfield__input--fullwidth {
  width: 100%;
}
.searchfield__input::placeholder {
  color: var(--color-standard-text-tertiary);
  opacity: 1;
}
.searchfield__input:-webkit-autofill {
  -webkit-text-fill-color: var(--color-standard-text-secondary);
  box-shadow: 0 0 0 5rem var(--color-standard-background-01) inset !important;
}
.searchfield__input:-webkit-autofill:hover {
  -webkit-text-fill-color: var(--color-standard-text-secondary);
  box-shadow: 0 0 0 5rem var(--color-standard-background-01) inset !important;
}
.searchfield__input:-webkit-autofill:focus-visible {
  -webkit-text-fill-color: var(--color-standard-text-secondary);
  box-shadow: 0 0 0 5rem var(--color-standard-background-01) inset !important;
}
.searchfield__input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--color-standard-text-secondary);
  box-shadow: 0 0 0 5rem var(--color-standard-background-01) inset !important;
}
.searchfield .searchfield__input:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-secondary);
}
.searchfield label {
  position: absolute;
  left: -50000em;
}
.searchfield--fullwidth {
  width: 100%;
  display: flex;
}
.searchfield--fullwidth .searchfield__input {
  width: 100%;
}
.searchfield__icon {
  cursor: pointer;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 5.2rem;
  height: 4.8rem;
  display: flex;
  position: absolute;
  top: 0;
  left: -0.4rem;
  right: auto;
}
.searchfield__icon .icon-ard {
  fill: var(--color-standard-text-secondary);
}
.searchfield__submit {
  cursor: pointer;
  background: 0 0;
  border: none;
  width: 4.6rem;
  margin: 0.2rem;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.searchfield__submit + .searchfield__icon .icon-ard {
  transition: all 0.2s ease-in-out;
}
.searchfield__submit:hover,
.searchfield__submit:focus-visible {
  background: var(--color-standard-accent-01);
}
.searchfield__submit:hover + .searchfield__icon .icon-ard,
.searchfield__submit:focus-visible + .searchfield__icon .icon-ard {
  fill: var(--color-standard-background-01);
}
.searchfield__submit:focus-visible {
  outline: none;
}
.searchfield__reset {
  background-color: var(--elementcolor-standard-secondary-background);
  cursor: pointer;
  border-radius: 50%;
  width: 1.6rem;
  height: 1.6rem;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 1.8rem;
  right: 1.6rem;
}
.searchfield__reset:before,
.searchfield__reset:after {
  background-color: var(--elementcolor-standard-secondary-foreground);
  content: '';
  border-radius: 0.2rem;
  width: 1.4rem;
  height: 0.15rem;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 0.7rem;
  left: 0.1rem;
}
.searchfield__reset:before {
  transform: rotate(45deg);
}
.searchfield__reset:after {
  transform: rotate(-45deg);
}
.searchfield__reset:hover {
  background-color: var(--elementcolor-standard-secondary-background-hover);
}
.searchfield__reset:focus-visible {
  outline: 0.2rem solid var(--elementcolor-standard-secondary-outline-focus);
  outline-offset: 0.2rem;
}
@media only screen and (min-width: 768px) {
  .searchfield__icon {
    left: 0;
  }
}
.link {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  font-weight: var(--font-weight-strong);
  color: var(--color-standard-text-secondary);
  flex-flow: row;
  align-items: center;
  margin-right: 1.2rem;
  display: flex;
}
.link__icon {
  fill: var(--color-standard-text-secondary);
  height: 3.4rem;
  display: -webkit-inline-box;
}
.link__icon .icon {
  height: 3.4rem;
}
.link__icon img,
.link__icon svg {
  width: 3.4rem;
  height: 3.4rem;
}
.textlink--extern:after {
  content: '';
  vertical-align: sub;
  background: var(--textlink-extern-icon-url) no-repeat center;
  background-size: contain;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 0 0 0.5rem;
  display: inline-block;
}
.color--tongue .textlink--extern:after {
  background-image: var(--highlight-infobox-icon-url);
}
.textlink,
.textlink--extern {
  color: var(--color-standard-text-link);
  border-bottom: 0.1rem solid var(--color-standard-accent-01);
  font-family: inherit;
}
.textlink[href^='http'],
.textlink--extern[href^='http'] {
  word-break: break-word;
  line-height: 2.6rem;
}
.ts-link {
  color: var(--color-standard-text-link);
  text-underline-offset: 0.2em;
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
}
img.ts-image {
  height: auto;
}
img.js-image {
  opacity: 0;
  margin-bottom: -0.1rem;
}
img.js-image.fade-in {
  opacity: 1;
  transition: opacity 0.8s;
}
.ts-picture {
  z-index: 1;
  display: block;
}
.ts-picture > img,
.ts-picture > source {
  width: 100%;
  height: auto;
}
.ts-picture {
  background-color: var(--color-page-highlight);
  background-image: var(--watermark-url);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 35%;
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.ts-picture__wrapper {
  background-color: var(--color-page-highlight);
  position: relative;
}
.ts-picture__poster-wrapper {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.ts-picture img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.ts-picture.ts-picture--teaser {
  background-size: 10%;
  padding-top: 56.25%;
}
.ts-picture.ts-picture--teaser-small {
  background-size: auto 16.67%;
  padding-top: 56.25%;
}
.ts-picture.ts-picture--copytext-m {
  background-size: 20%;
  padding-top: 56.25%;
}
.ts-picture.ts-picture--list {
  background-size: auto 20%;
  padding-top: 100%;
}
.ts-picture.ts-picture--list-large {
  padding-top: 100%;
}
.ts-picture.ts-picture--copytext-l {
  background-size: auto 10%;
  padding-top: 100%;
}
.ts-picture.ts-picture--list-top {
  padding-top: 100%;
}
.ts-picture.ts-picture--teaser-top {
  background-size: auto 16.67%;
  padding-top: 56.25%;
}
.ts-picture.ts-picture--topbanner {
  background-size: auto 10%;
  padding-top: 56.25%;
}
.ts-picture.ts-picture--16x9-player {
  background-size: 10%;
}
.ts-picture.ts-picture--carousel {
  background-size: auto 10%;
  padding-top: 100%;
}
.ts-picture.ts-picture--teasers-carousel {
  background-size: auto 10%;
  padding-top: 56.25%;
}
@media screen and (min-width: 768px) {
  .ts-picture.ts-picture--teaser-top {
    padding-top: 43.75%;
  }
  .ts-picture.ts-picture--copytext-l,
  .ts-picture.ts-picture--list-large,
  .ts-picture.ts-picture--carousel {
    padding-top: 56.25%;
  }
}
@media print {
  .absatzbild.absatzbild--l {
    page-break-inside: avoid;
  }
  .ts-picture.ts-picture--copytext-l {
    padding-top: 56.3%;
  }
}
.label {
  text-transform: uppercase;
  letter-spacing: 0.11rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: var(--font-weight-strong);
  border-radius: 0.2rem;
  margin-right: 0.8rem;
  padding: 0.2rem 0.6rem;
  display: inline-flex;
}
.label strong {
  text-transform: uppercase;
  letter-spacing: 0.11rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: var(--font-weight-strong);
}
.label--standard-primary {
  background: var(--elementcolor-standard-primary-background);
  color: var(--elementcolor-standard-primary-foreground);
}
.label--highlight-primary {
  background-color: var(--elementcolor-highlight-primary-background);
  color: var(--elementcolor-highlight-primary-foreground);
}
.label--standard-breaking {
  background-color: var(--elementcolor-standard-breaking-background);
  color: var(--elementcolor-standard-breaking-foreground);
}
.label--standard-live {
  background-color: var(--elementcolor-standard-primary-live-background);
  color: var(--elementcolor-standard-primary-live-foreground);
}
.label--numbered {
  counter-increment: numbered-list;
  margin-bottom: 0.4rem;
  margin-right: 0.3rem;
  display: inline-block;
}
.label--numbered:before {
  content: counter(numbered-list) ' ';
}
.numbered-labels {
  counter-reset: numbered-list;
}
.link-extend {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  font-weight: var(--font-weight-strong);
  color: var(--color-standard-text-link);
  align-items: center;
  height: 2.4rem;
  display: inline-flex;
}
.link-extend:before {
  content: '|';
  margin: 0 0.4rem;
}
.link-extend.color--tongue {
  color: var(--color-highlight-text-link);
}
.link-extend__extern {
  color: var(--color-standard-text-secondary);
}
.link-extend__extern:after {
  content: '';
  background-image: var(--extern-icon-url);
  background-repeat: no-repeat;
  background-size: cover;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 0 0.3rem 0.4rem;
}
.link-extend__extern.color--tongue:after {
  background-image: var(--extern-highlight-icon-url);
  background-repeat: no-repeat;
}
.link-extend__extern.color--tongue {
  color: var(--color-highlight-text-secondary);
}
.link-extend__secondary {
  color: var(--color-standard-text-secondary);
}
.link-extend__secondary.color--tongue {
  color: var(--color-highlight-text-secondary);
}
.btn.btn--standard-primary {
  color: var(--elementcolor-standard-primary-foreground);
  background: var(--elementcolor-standard-primary-background);
}
.btn.btn--standard-primary:hover {
  color: var(--elementcolor-standard-primary-foreground);
  background: var(--elementcolor-standard-primary-background-hover);
}
.btn.btn--standard-primary .icon,
.btn.btn--standard-primary .icon-ard {
  fill: var(--elementcolor-standard-primary-foreground);
}
.btn.btn--standard-primary.btn--opened {
  background: var(--color-highlight-structurals);
}
.btn.btn--standard-primary:focus-visible {
  outline-color: var(--elementcolor-standard-primary-outline-focus);
}
.btn.btn--standard-secondary {
  color: var(--elementcolor-standard-secondary-foreground);
  background: var(--elementcolor-standard-secondary-background);
}
.btn.btn--standard-secondary:hover {
  background: var(--elementcolor-standard-secondary-background-hover);
}
.btn.btn--standard-secondary:focus-visible {
  outline-color: var(--elementcolor-standard-secondary-outline-focus);
}
.btn.btn--standard-secondary .icon,
.btn.btn--standard-secondary .icon-ard {
  fill: var(--elementcolor-standard-secondary-foreground);
}
.btn.btn--standard-secondary-disabled {
  color: var(--elementcolor-standard-secondary-foreground-disabled);
  background: var(--elementcolor-standard-secondary-background);
  pointer-events: none;
  cursor: default;
}
.btn.btn--standard-secondary-disabled .icon,
.btn.btn--standard-secondary-disabled .icon-ard {
  fill: var(--elementcolor-standard-secondary-foreground-disabled);
}
.btn.btn--standard-secondary.is-active {
  background: var(--elementcolor-standard-primary-background);
  color: var(--elementcolor-standard-primary-foreground);
}
.btn.btn--standard-secondary.is-active:focus-visible {
  outline-color: var(--elementcolor-standard-primary-outline-focus);
}
.btn.btn--standard-secondary.is-active:hover {
  background: var(--elementcolor-standard-primary-background-hover);
}
.btn.btn--standard-secondary.is-active .icon,
.btn.btn--standard-secondary.is-active .icon-ard {
  fill: var(--elementcolor-standard-primary-foreground);
}
.btn.btn--standard-secondary.btn--opened {
  background: var(--elementcolor-standard-secondary-background-hover);
}
.btn.btn--highlight-primary {
  color: var(--elementcolor-highlight-primary-foreground);
  background: var(--elementcolor-highlight-primary-background);
}
.btn.btn--highlight-primary:hover,
.btn.btn--highlight-primary.btn--opened {
  background: var(--elementcolor-highlight-primary-background-hover);
}
.btn.btn--highlight-primary:focus-visible {
  outline-color: var(--elementcolor-highlight-primary-outline-focus);
}
.btn.btn--highlight-primary .icon,
.btn.btn--highlight-primary .icon-ard {
  fill: var(--elementcolor-highlight-primary-foreground);
}
.btn.btn--highlight-secondary {
  color: var(--elementcolor-highlight-secondary-foreground);
  background: var(--elementcolor-highlight-secondary-background);
}
.btn.btn--highlight-secondary:hover {
  background: var(--elementcolor-highlight-secondary-background-hover);
}
.btn.btn--highlight-secondary:focus-visible {
  outline-color: var(--elementcolor-highlight-secondary-outline-focus);
}
.btn.btn--highlight-secondary .icon,
.btn.btn--highlight-secondary .icon-ard {
  fill: var(--elementcolor-highlight-secondary-foreground);
}
.btn.btn--highlight-secondary.btn--opened,
.btn.btn--highlight-secondary.is-active {
  color: var(--elementcolor-highlight-primary-foreground);
  background: var(--elementcolor-highlight-primary-background);
}
.btn.btn--highlight-secondary.btn--opened:focus-visible,
.btn.btn--highlight-secondary.is-active:focus-visible {
  outline-color: var(--elementcolor-highlight-primary-outline-focus);
}
.btn.btn--highlight-secondary.btn--opened:hover,
.btn.btn--highlight-secondary.is-active:hover {
  background: var(--elementcolor-highlight-primary-background-hover);
}
.btn.btn--highlight-secondary.btn--opened .icon,
.btn.btn--highlight-secondary.btn--opened .icon-ard,
.btn.btn--highlight-secondary.is-active .icon,
.btn.btn--highlight-secondary.is-active .icon-ard {
  fill: var(--elementcolor-highlight-primary-foreground);
}
.btn.btn--highlight-secondary-disabled {
  color: var(--elementcolor-highlight-secondary-foreground-disabled);
  background: var(--elementcolor-highlight-secondary-background);
  pointer-events: none;
  cursor: default;
}
.btn.btn--highlight-secondary-disabled .icon,
.btn.btn--highlight-secondary-disabled .icon-ard {
  fill: var(--elementcolor-highlight-secondary-foreground-disabled);
}
.btn.btn--standard-live-primary {
  color: var(--elementcolor-standard-primary-live-foreground);
  background: var(--elementcolor-standard-primary-live-background);
}
.btn.btn--standard-live-primary:hover {
  color: var(--elementcolor-standard-primary-live-foreground-hover);
  background: var(--elementcolor-standard-primary-live-background-hover);
}
.btn.btn--standard-live-primary:hover .icon,
.btn.btn--standard-live-primary:hover .icon-ard {
  fill: var(--elementcolor-standard-primary-live-foreground-hover);
}
.btn.btn--standard-live-primary:focus-visible {
  outline-color: var(--elementcolor-standard-primary-live-outline-focus);
}
.btn.btn--standard-live-primary .icon,
.btn.btn--standard-live-primary .icon-ard {
  fill: var(--elementcolor-standard-primary-live-foreground);
}
.btn.btn--standard-live-secondary {
  color: var(--elementcolor-standard-secondary-live-foreground);
  background: var(--elementcolor-standard-secondary-live-background);
}
.btn.btn--standard-live-secondary:focus-visible {
  outline-color: var(--elementcolor-standard-secondary-live-outline-focus);
}
.btn.btn--standard-live-secondary:hover {
  color: var(--elementcolor-standard-secondary-live-foreground-hover);
  background: var(--elementcolor-standard-secondary-live-background-hover);
}
.btn.btn--standard-live-secondary:hover .icon,
.btn.btn--standard-live-secondary:hover .icon-ard {
  fill: var(--elementcolor-standard-secondary-live-foreground-hover);
}
.btn.btn--standard-live-secondary .icon,
.btn.btn--standard-live-secondary .icon-ard {
  fill: var(--elementcolor-standard-secondary-live-foreground);
}
.btn.btn--standard-live-tertiary {
  color: var(--elementcolor-standard-tertiary-live-foreground);
  background: var(--elementcolor-standard-tertiary-live-background);
}
.btn.btn--standard-live-tertiary:hover {
  color: var(--elementcolor-standard-tertiary-live-foreground-hover);
  background: var(--elementcolor-standard-tertiary-live-background-hover);
}
.btn.btn--standard-live-tertiary:hover .icon {
  fill: var(--elementcolor-standard-tertiary-live-foreground-hover);
}
.btn.btn--standard-live-tertiary:focus-visible {
  outline-color: var(--elementcolor-standard-tertiary-live-outline-focus);
}
.btn.btn--standard-live-tertiary .icon,
.btn.btn--standard-live-tertiary .icon-ard {
  fill: var(--elementcolor-standard-tertiary-live-foreground);
}
.btn.btn--standard-tertiary {
  background: var(--elementcolor-standard-tertiary-background);
  color: var(--elementcolor-standard-tertiary-foreground);
  border: 0.1rem solid var(--elementcolor-standard-tertiary-border);
}
.btn.btn--standard-tertiary .icon,
.btn.btn--standard-tertiary .icon-ard {
  fill: var(--elementcolor-standard-tertiary-foreground);
}
.btn.btn--standard-tertiary:hover {
  color: var(--elementcolor-standard-tertiary-foreground-hover);
  background: var(--elementcolor-standard-tertiary-background-hover);
  border-color: var(--elementcolor-standard-tertiary-background-hover);
}
.btn.btn--standard-tertiary:hover .icon,
.btn.btn--standard-tertiary:hover .icon-ard {
  fill: var(--elementcolor-standard-tertiary-foreground-hover);
}
.btn.btn--standard-tertiary:focus-visible {
  outline-color: var(--elementcolor-standard-tertiary-outline-focus);
}
.btn {
  border-radius: 0.4rem;
}
.btn:hover {
  cursor: pointer;
  outline: 0;
}
.btn:active {
  outline: 0;
}
.btn:focus-visible {
  outline-offset: 0.2rem;
  outline-width: 0.2rem;
  outline-style: solid;
}
.hint {
  font-family: var(--font-family-body), sans-serif;
  color: var(--color-standard-text-tertiary);
  padding-bottom: 0.8rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
@media screen and (min-width: 768px) {
  .hint {
    padding: 0.8rem 0;
  }
}
.metatextline {
  color: var(--color-standard-text-tertiary);
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2rem;
}
.metatextline__timestamp {
  white-space: nowrap;
}
.arrow-handle-control {
  width: 4.8rem;
  height: 4.8rem;
}
.arrow-handle-control .icon--arrow-handle {
  fill: var(--color-standard-background-01);
}
.arrow-handle-control .icon--arrow-handle circle {
  fill: var(--color-av-background-strong);
}
.arrow-handle-control .icon--arrow-handle path {
  fill: var(--color-standard-background-01);
}
.ardplayer {
  --ardplayer-color-primary-live: var(--color-standard-accent-03);
  --ardplayer-color-primary-live-transparent-30: var(--color-av-live-background-strong);
  --ardplayer-color-primary-live-transparent-50: var(--color-av-live-background-strong);
  --ardplayer-color-primary-base: var(--color-highlight-accent-brand);
  --ardplayer-color-primary-base-transparent-30: var(--color-highlight-structurals);
  --ardplayer-color-primary-dark: var(--color-highlight-background-01);
  --ardplayer-color-primary-dark-live: var(--color-highlight-background-01);
  --ardplayer-color-primary-dark-base: var(--color-highlight-background-01);
  --ardplayer-color-tertiary-base: var(--color-av-background-strong);
  --ardplayer-color-tertiary-dark: var(--color-highlight-background-02);
  --ardplayer-color-light: var(--color-highlight-text-secondary);
  --ardplayer-color-lightest: var(--color-basic-white);
  --ardplayer-color-gradient-end: transparent;
}
.ardplayer:not(.ardplayer-show-posterframe, .ardplayer-state-audio, .ardplayer-state-live) {
  background-color: var(--ardplayer-color-darkest);
}
.ardplayer.ardplayer-state-els-interstital.ardplayer-posterframe-transparent .ardplayer-posterbackdrop {
  opacity: 0.7;
}
.ardplayer button.ardplayer-button-big.ardplayer-button-hero {
  background: var(--color-av-background-strong);
  border: solid 0.1rem var(--ardplayer-color-lightest);
  box-sizing: content-box;
}
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:hover {
  background: var(--color-av-background-opaque);
}
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:before {
  transition: transform 0.2s ease-in-out;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-button-posterframe[tabindex]:not([tabindex^='\-']):focus-visible,
.ardplayer.ardplayer-show-focus-outlines button.ardplayer-button-posterframe:focus-visible {
  outline-offset: 3px;
  outline-width: 3px;
}
.ardplayer .ardplayer-volume-fader {
  line-height: 14px;
  top: -4px;
}
.ardplayer.ardplayer-m .ardplayer-button-volume,
.ardplayer.ardplayer-s .ardplayer-button-volume,
.ardplayer.ardplayer-xs .ardplayer-button-volume {
  top: 0;
}
.ardplayer.ardplayer-m .ardplayer-volume-fader,
.ardplayer.ardplayer-s .ardplayer-volume-fader,
.ardplayer.ardplayer-xs .ardplayer-volume-fader {
  top: -9px;
}
.ardplayer button.ardplayer-icon-settings-hd:after {
  color: var(--color-highlight-text-primary);
}
.ardplayer button.ardplayer-icon-settings-hd-off:after {
  background-color: var(--color-highlight-accent-brand);
  color: var(--color-highlight-background-01);
}
.ardplayer .ardplayer-playstate-zoom {
  border: solid 0.1rem var(--ardplayer-color-lightest);
  width: 48px;
  height: 48px;
  font-size: 48px;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
}
.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple > div {
  background-color: #ffffff40;
}
.ardplayer .ardplayer-controlbar .noUi-connects .noUi-connect {
  border-radius: 0;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
  background: var(--color-highlight-accent-brand);
  color: var(--color-highlight-background-01);
}
.ardplayer.ardplayer-state-audio:before {
  background-color: var(--color-highlight-background-01);
}
.ardplayer.ardplayer-state-audio .ardplayer-footer .ardplayer-controlbar:before {
  background-color: var(--color-highlight-accent-brand);
}
.ardplayer .ardplayer-posterframe div.ardplayer-posterframe-chips span {
  text-align: right;
  background: linear-gradient(
    0deg,
    var(--color-page-overlay-01) 0%,
    var(--color-standard-gradient-transparent) 100%
  );
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  bottom: 0;
  right: 0;
}
.ardplayer .ardplayer-posterframe div.ardplayer-posterframe-chips {
  width: 100%;
  bottom: 0;
  right: 0;
}
.ardplayer .ardplayer-addons-container-small .ardplayer-addons-container-small-buttons {
  transition: all 0.2s ease-in-out;
}
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-chip {
  background: var(--color-highlight-text-primary);
  color: var(--color-highlight-background-01);
}
.ardplayer .ardplayer-addon-recos-teaser .ardplayer-chip-highlight.ardplayer-recos-teaser-availability {
  color: var(--color-highlight-background-01) !important;
}
.ardplayer .ardplayer-addon-recos-teaser .ardplayer-chip.ardplayer-recos-teaser-time {
  color: var(--ardplayer-color-lightest);
}
.ardplayer .ardplayer-bottom-sheet-container {
  --ardplayer-color-lightest: var(--color-highlight-text-primary);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option {
  transition: background ease-in-out;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:not(.ardplayer-option-expand):hover,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-option:not(.ardplayer-option-expand):hover.ardplayer-option-active {
  background: var(--color-highlight-accent-brand);
  color: var(--color-highlight-background-01);
  font-weight: var(--font-weight-strong);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-active {
  background: linear-gradient(0deg, var(--color-highlight-accent-brand) 3px, transparent 0);
  font-weight: 700;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:before,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:after {
  background: 0 0;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill {
  color: var(--color-highlight-background-01);
  background-color: var(--color-highlight-accent-01);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:hover,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill:hover {
  background-color: var(--color-highlight-accent-brand);
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter {
  background-color: var(--color-av-background-strong);
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:hover {
  background-color: var(--color-highlight-accent-brand);
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:before {
  color: var(--color-highlight-text-primary);
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  button:hover.ardplayer-bottom-sheet-horizontal-gutter:before {
  color: var(--color-highlight-background-01);
}
.ardplayer a.ardplayer-sharing-button:before {
  background-color: var(--color-highlight-text-primary) !important;
  color: var(--color-highlight-background-01) !important;
}
.ardplayer a:hover.ardplayer-sharing-button:before {
  background-color: var(--color-highlight-accent-brand) !important;
  color: var(--color-highlight-background-01) !important;
}
.ardplayer a.ardplayer-sharing-button {
  color: var(--color-highlight-text-primary) !important;
}
.ardplayer.ardplayer-state-live button.ardplayer-button-big.ardplayer-button-hero {
  background: var(--color-av-live-background-strong);
}
.ardplayer.ardplayer-state-live button.ardplayer-button-big.ardplayer-button-hero:hover {
  background: var(--color-av-live-background-opaque);
}
.ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover {
  color: var(--color-breaking-text-primary);
}
.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-content .ardplayer-chip {
  background: var(--color-highlight-accent-03);
  color: var(--color-breaking-text-primary);
}
.ardplayer.ardplayer-state-live
  .ardplayer-addon-recos-teaser
  .ardplayer-chip-highlight.ardplayer-recos-teaser-availability {
  color: var(--color-breaking-text-primary) !important;
}
.ardplayer.ardplayer-state-live .ardplayer-addon-recos-teaser .ardplayer-chip.ardplayer-recos-teaser-time {
  color: var(--ardplayer-color-lightest);
  background: 0 0;
}
.ardplayer.ardplayer-state-live.ardplayer-state-audio .ardplayer-footer .ardplayer-controlbar:before {
  background-color: var(--ardplayer-color-primary-live);
}
.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-container button.ardplayer-button-pill {
  color: var(--color-highlight-background-01);
  background-color: var(--ardplayer-color-lightest);
}
.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-container button.ardplayer-button-pill:hover {
  color: var(--ardplayer-color-lightest);
  background-color: var(--ardplayer-color-tertiary);
}
.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-container .ardplayer-option:hover,
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-container
  .ardplayer-option:hover.ardplayer-option-active {
  background: var(--ardplayer-color-primary-live);
  color: var(--ardplayer-color-lightest);
  font-weight: var(--font-weight-strong);
}
.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-active {
  background: linear-gradient(0deg, var(--ardplayer-color-primary-live) 3px, transparent 0);
  font-weight: 700;
}
.ardplayer.ardplayer-state-live.ardplayer-volume-open.ardplayer-volume-open:not(.ardplayer-state-audio)
  .ardplayer-button-volume
  button:after,
.ardplayer.ardplayer-state-live.ardplayer-volume-open.ardplayer-volume-open:not(.ardplayer-state-audio)
  .ardplayer-button-volume
  button:before {
  transform: scale(1.2);
}
.ardplayer.ardplayer-state-live
  .ardplayer.ardplayer-show-controls
  .ardplayer-buttons-main
  .ardplayer-icon-nextclip {
  transition-duration: 0.2s;
}
.ardplayer.ardplayer-state-live a:hover.ardplayer-sharing-button:before {
  background-color: var(--color-highlight-accent-03) !important;
  color: var(--color-highlight-background-01) !important;
}
.ardplayer.ardplayer-state-live a.ardplayer-sharing-button {
  color: var(--color-highlight-text-primary) !important;
}
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter {
  background-color: var(--color-av-background-strong);
}
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:hover {
  background-color: var(--color-highlight-accent-03);
}
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:before {
  color: var(--color-highlight-text-primary);
}
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  button:hover.ardplayer-bottom-sheet-horizontal-gutter:before {
  color: var(--color-highlight-background-01);
}
.ardplayer.ardplayer-show-posterframe .ardplayer-btn-airplay,
.ardplayer.ardplayer-show-posterframe .ardplayer-btn-chromecast {
  visibility: hidden;
  opacity: 0;
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card:hover.ardplayer-ms-card-current,
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card:focus-visible.ardplayer-ms-card-current {
  background-color: var(--color-highlight-background-02);
}
.ardplayer span[title='Altersbeschränkung']:not(.ardplayer-chip) {
  display: none;
}
.ardplayer
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark {
  color: var(--color-highlight-text-primary);
}
.ardplayer
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-image
  p {
  --ardplayer-color-lightest: var(--color-highlight-text-primary);
}
.ardplayer
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter:hover {
  color: var(--color-highlight-background-01);
}
@media (pointer: fine) and (hover: hover) {
  .ardplayer
    .ardplayer-bottom-sheet-container
    .ardplayer-addon-jumpmark-holder
    .ardplayer-addon-jumpmark:hover {
    color: var(--color-highlight-background-01);
  }
}
.ardplayer .ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-btn {
  --ardplayer-color-lightest: var(--color-highlight-background-01);
  --ardplayer-color-primary-dark: var(--color-highlight-text-primary);
}
.ardplayer .ardplayer-viewport-addon-overlays .ardplayer-jumpmark-cta.ardplayer-jumpmark-cta-btn:hover {
  --ardplayer-color-lightest: var(--color-highlight-background-01);
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-state-audio-forced-video),
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-state-audio-forced-video) .ardplayer-posterbackdrop {
  border-radius: unset;
}
.mediaplayer--audio .ardplayer .ardplayer-button-posterframe.ardplayer-icon-play:before {
  content: '' !important;
}
.teasergroup.color--tongue
  .ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video
  .ardplayer-footer:before,
.teasergroup.color--tongue
  .ardplayer.ardplayer-state-audio:not(.ardplayer-s)
  .ardplayer-button-fullscreen-container
  .ardplayer-button-settings-reveal,
.teasergroup.color--tongue
  .ardplayer.ardplayer-state-audio.ardplayer-state-audio:not(.ardplayer-s)
  .ardplayer-footer
  .ardplayer-addons-container-big,
.teasergroup.color--tongue
  .ardplayer.ardplayer-state-audio
  .ardplayer-footer
  .ardplayer-addons-container-big
  .ardplayer-addons-container,
.teasergroup.color--tongue .ardplayer.ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage,
.teasergroup.color--tongue .mediaplayer--reduced-l .ardplayer.ardplayer-state-audio-inline,
.teasergroup.color--tongue .mediaplayer--reduced .ardplayer.ardplayer-state-audio-inline,
.teasergroup.color--tongue .mediaplayer--reduced-m .ardplayer.ardplayer-state-audio-inline {
  background-color: var(--color-highlight-background-02);
}
.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe button.ardplayer-button-big,
.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe .ardplayer-button-hero,
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  ardplayer-m
  button.ardplayer-button-big {
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin: 0;
  font-size: 3.5rem;
  line-height: 4rem;
  display: flex;
}
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  button.ardplayer-button-big:before,
.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe .ardplayer-button-hero:before,
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  ardplayer-m
  button.ardplayer-button-big:before {
  font-size: 3.5rem;
}
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons {
  width: 4rem;
  height: 4rem;
  top: calc(100% - 5.6rem);
  left: calc(100% - 5.6rem);
  transform: translateY(0);
}
.teaser-xs
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons,
.teaser-right
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons,
.teaser-absatz
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons {
  width: 3rem;
  height: 3rem;
  top: calc(100% - 4rem);
  left: calc(100% - 4rem);
  transform: translateY(0);
}
.teaser-xs
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons
  button.ardplayer-button-big,
.teaser-xs
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons
  button.ardplayer-smaller.ardplayer-button-big,
.teaser-right
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons
  button.ardplayer-button-big,
.teaser-right
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons
  button.ardplayer-smaller.ardplayer-button-big,
.teaser-absatz
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons
  button.ardplayer-button-big,
.teaser-absatz
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons
  button.ardplayer-smaller.ardplayer-button-big {
  width: 3rem;
  height: 3rem;
  font-size: 2.5rem;
  line-height: 3rem;
}
@media screen and (min-width: 1024px) {
  .teaser-xs
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons,
  .teaser-right
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons,
  .teaser-absatz
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons {
    width: 3.5rem;
    height: 3.5rem;
    top: calc(100% - 4.5rem);
    left: calc(100% - 4.5rem);
    transform: translateY(0);
  }
  .teaser-xs
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons
    button.ardplayer-button-big,
  .teaser-xs
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons
    button.ardplayer-smaller.ardplayer-button-big,
  .teaser-right
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons
    button.ardplayer-button-big,
  .teaser-right
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons
    button.ardplayer-smaller.ardplayer-button-big,
  .teaser-absatz
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons
    button.ardplayer-button-big,
  .teaser-absatz
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons
    button.ardplayer-smaller.ardplayer-button-big {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 3rem;
    line-height: 3.5rem;
  }
}
.mediaplayer,
.mediaplayer__wrapper {
  position: relative;
}
.mediaplayer .player {
  position: absolute;
}
.mediaplayer:after {
  content: '';
  display: block;
}
.mediaplayer--16x9:after {
  padding-bottom: 56.25%;
}
.mediaplayer--1x1:after {
  padding-bottom: 100%;
}
.mediaplayer--20x9:after,
.mediaplayer--teaser-top:after {
  padding-bottom: 56.25%;
}
@media screen and (min-width: 768px) {
  .mediaplayer--20x9:after,
  .mediaplayer--teaser-top:after {
    padding-bottom: 43.75%;
  }
}
.mediaplayer--reduced {
  background-color: var(--color-page-highlight);
}
.mediaplayer--reduced:after {
  background-image: var(--watermark-url);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 15%;
  padding-bottom: 20rem;
}
@media screen and (max-width: 360px) {
  .mediaplayer--reduced:after {
    padding-bottom: 22.3214rem;
  }
}
.mediaplayer--reduced-m:after,
.mediaplayer--reduced-l:after {
  background-size: 10%;
  padding-bottom: 20.8rem;
}
.mediaplayer--transition:after {
  transition: all 0.8s ease-in-out;
}
.preloadingskeleton--mediaplayer--20x9,
.preloadingskeleton--mediaplayer--teaser-top {
  padding-bottom: 56.25%;
}
@media screen and (min-width: 768px) {
  .preloadingskeleton--mediaplayer--20x9,
  .preloadingskeleton--mediaplayer--teaser-top {
    padding-bottom: 43.75%;
  }
}
.preloadingskeleton--mediaplayer--20x9,
.preloadingskeleton--mediaplayer--teaser-top {
  display: flex;
}
.preloadingskeleton--mediaplayer--1x1 {
  padding-bottom: 100%;
  display: flex;
}
.preloadingskeleton--mediaplayer--16x9 {
  padding-bottom: 56.25%;
  display: flex;
}
.preloadingskeleton--mediaplayer--reduced {
  background-color: var(--color-page-highlight);
  background-image: var(--watermark-url);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 15%;
  padding-bottom: 17.6rem;
  display: flex;
}
.mediaplayer--inline-play__button {
  cursor: pointer;
  background: 0 0;
  width: 5rem;
  height: 4.5rem;
  position: absolute;
}
.mediaplayer--inline-play__button--up {
  bottom: -4.5rem;
  right: 0;
}
.mediaplayer--inline-play__button--right {
  top: 0;
  left: -5rem;
}
.mediaplayer--inline-play__button--left {
  top: 0;
  right: -5rem;
}
.mediaplayer--inline-play__button:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: -0.2rem;
}
.mediaplayer--inline-play__button .icon {
  width: 1.8rem;
  height: 1.8rem;
  fill: var(--color-standard-text-secondary);
  position: absolute;
  top: 1.1rem;
  transform: translate(-50%);
}
@media screen and (min-width: 768px) {
  .mediaplayer--inline-play .inline-play__button .icon {
    top: auto;
    transform: translate(-50%, -50%);
  }
}
.is-inline-play.teaser-right,
.is-inline-play .teaser-right--voting__inner {
  justify-content: flex-end;
  padding-bottom: 4rem;
}
.is-inline-play .teaser-xs__media,
.is-inline-play .teaser-absatz__media,
.is-inline-play .teaser-right__media,
.is-inline-play .teaser-left__media,
.is-inline-play .teaser-xs__teaserinfo,
.is-inline-play .teaser-absatz__teaserinfo,
.is-inline-play .teaser-right__teaserinfo,
.is-inline-play .teaser-left__teaserinfo {
  width: 100%;
}
.is-inline-play.teaser-right--voting .teaser-right__teaserinfo {
  width: 80%;
}
.is-inline-play .teaser-absatz__teaserinfo {
  padding-left: 2rem;
}
.is-inline-play .teaser-xs__teaserinfo:after,
.is-inline-play .teaser-left__teaserinfo:after,
.is-inline-play .teaser-absatz__content-wrapper:after {
  content: ' ';
  border-bottom: 0.1rem solid var(--color-standard-structurals);
  width: 100%;
  margin-top: 1.2rem;
  display: block;
}
.is-inline-play .ts-picture__poster-wrapper,
.is-inline-play .teaser-right--voting-result__votes,
.is-inline-play .votes-bar {
  display: none;
}
@media screen and (min-width: 768px) {
  .is-inline-play.teaser-right {
    padding-bottom: 2.4rem;
  }
  .is-inline-play .teaser-xs__teaserinfo:after,
  .is-inline-play .teaser-absatz__content-wrapper:after {
    content: '';
    border: none;
  }
  .is-inline-play .teaser-xs__media,
  .is-inline-play .teaser-right__media {
    width: 59.2593%;
  }
  .is-inline-play .teaser-left__media,
  .is-inline-play .teaser-absatz__media {
    width: 44.4444%;
  }
  .is-inline-play .teaser-xs__teaserinfo,
  .is-inline-play .teaser-absatz__teaserinfo,
  .is-inline-play .teaser-right__teaserinfo,
  .is-inline-play .teaser-right__voting-input,
  .is-inline-play .teaser-right--voting-result__votes,
  .is-inline-play .votes-bar,
  .is-inline-play .teaser-left__teaserinfo,
  .is-inline-play .teaser-absatz__shorttext-container {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-play .teaser-right__media {
    width: 44.4444%;
  }
}
.teaser-xs.color--tongue .mediaplayer--inline-play__button svg,
.teaser-right--voting.is-active .mediaplayer--inline-play__button svg {
  fill: var(--color-highlight-text-secondary);
}
.teaser-xs.color--tongue
  .color--tongue
  *
  .ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage,
.teaser-right--voting.is-active
  .color--tongue
  *
  .ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage {
  background-color: var(--color-highlight-background-02);
}
.arrow-controls {
  margin-top: 0.8rem;
}
.arrow-controls__group {
  position: relative;
  overflow: hidden;
}
.arrow-controls__button--left,
.arrow-controls__button--right {
  cursor: pointer;
  opacity: 1;
  background: 0 0;
  border: 0;
  width: 5.5rem;
  height: 6.2rem;
  transition: opacity 1s;
  display: block;
  position: absolute;
}
.arrow-controls .is-hidden {
  opacity: 0;
  left: -2000rem;
}
.arrow-controls__button--left,
.arrow-controls__button--right {
  display: none;
}
.arrow-controls__arrow--right,
.arrow-controls__arrow--left {
  display: block;
}
.arrow-controls__arrow--right svg,
.arrow-controls__arrow--left svg {
  pointer-events: none;
  width: 2rem;
  height: 2rem;
  fill: var(--color-standard-text-secondary);
}
.arrow-controls__activationwrapper {
  background: var(--color-page-overlay-03);
  z-index: 2;
  justify-content: center;
  margin-bottom: -6rem;
  padding: 1rem 0;
  display: flex;
  position: relative;
  left: -600rem;
}
.arrow-controls__activationwrapper.is-visible {
  left: 0;
}
@media screen and (min-width: 1024px) {
  .arrow-controls {
    margin-left: 0;
  }
  .arrow-controls__button--left {
    background: linear-gradient(
      270deg,
      var(--color-standard-gradient-transparent) 0%,
      var(--color-standard-gradient-opaque) 45%,
      var(--color-standard-gradient-opaque) 100%
    );
    z-index: 1;
    padding: 0 2.5rem 0 1rem;
    display: block;
    top: 0;
    left: 0;
  }
  .arrow-controls__button--right {
    background: linear-gradient(
      90deg,
      var(--color-standard-gradient-transparent) 0%,
      var(--color-standard-gradient-opaque) 45%,
      var(--color-standard-gradient-opaque) 100%
    );
    padding: 0 1rem 0 2.5rem;
    display: block;
    top: 0;
    right: 0;
  }
}
.subnav {
  align-items: center;
  max-height: 3.8rem;
  font-size: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}
.subnav a {
  color: var(--color-standard-text-secondary);
  outline-offset: -0.2rem;
  padding: 1.2rem 1.2rem 1.1rem;
  display: inline-block;
}
.subnav a:hover,
.subnav a:active {
  background: var(--color-standard-structurals);
  color: var(--color-standard-text-secondary);
  cursor: pointer;
}
.subnav .current,
.subnav .current .home__label {
  font-weight: 700;
}
.subnav .nolink {
  white-space: nowrap;
  padding: 1.2rem 1.2rem 1.1rem;
  display: block;
  position: relative;
}
.subnav .home {
  margin: 0 0.3rem 0 2rem;
}
.subnav .home__link {
  outline-offset: -0.4rem;
  padding: 1.1rem 1.2rem;
  display: block;
}
.subnav .home__label {
  width: 1px;
  height: 1px;
  position: absolute;
  top: auto;
  left: -10000px;
  overflow: hidden;
}
.subnav__main {
  z-index: 2;
  box-shadow: 0.5rem 0 0.5rem -0.5rem #0000001a;
}
.subnav__main__list {
  align-items: center;
  display: flex;
}
.subnav__main .subnav__item {
  white-space: nowrap;
  position: relative;
}
.subnav__main .subnav__item:before {
  background-color: var(--color-standard-structurals);
  content: '';
  width: 0.05rem;
  height: 70%;
  position: absolute;
  top: 15%;
}
.subnav__main .subnav__item:first-child:before {
  display: none;
}
.subnav__sub {
  width: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0.5rem 0.5rem -0.5rem #2534431a;
}
.subnav__sub__list {
  align-items: center;
  padding-right: 2rem;
  transition: all 0.5s ease-out;
  display: flex;
  position: relative;
}
.subnav .latthema:first-of-type {
  border-left: 0.5rem solid #0000;
}
.subnav .latthema__link {
  background: var(--color-standard-structurals);
  color: var(--color-standard-text-secondary);
  border: 0.1rem solid #0000;
  border-radius: 1.2rem;
  margin: 0 0.5rem;
  padding: 0.3rem 0.7rem;
}
.subnav .latthema__link:hover,
.subnav .latthema__link:active,
.subnav .latthema__link:focus-visible {
  background: var(--elementcolor-standard-secondary-background-hover);
}
.subnav .latthema__link:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: 0.4rem;
}
.subnav .arrow-controls {
  margin: 0;
}
.subnav .arrow-controls__group {
  position: static;
}
.subnav .arrow-controls__button--left,
.subnav .arrow-controls__button--right {
  height: 3.8rem;
  top: 0.2rem;
}
@media screen and (max-width: 1023px) {
  .subnav__main a:not(.home) {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 5.4rem;
    overflow: hidden;
  }
}
@media screen and (min-width: 1024px) {
  .subnav .home {
    margin-left: 0;
  }
  .subnav .home__label {
    position: relative;
    left: auto;
  }
}
.home__link svg {
  fill: var(--color-standard-text-secondary);
  display: block;
}
@media screen and (min-width: 1024px) {
  .home__link svg {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .article-breadcrumb .home__label {
    position: absolute;
    left: -10000px;
  }
}
.eilmeldung {
  color: var(--color-breaking-text-secondary);
  background-color: var(--color-breaking-background-01);
  position: relative;
}
.eilmeldung a {
  color: var(--color-breaking-text-secondary);
}
.eilmeldung__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-01-font-size);
  line-height: var(--heading-01-line-height);
  font-weight: var(--heading-01-font-weight);
  text-transform: var(--heading-01-text-transform);
}
.eilmeldung__text {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
}
.eilmeldung__info {
  padding: 2.4rem 2rem;
}
.footer {
  background-color: var(--color-standard-background-01);
  color: var(--color-standard-text-secondary);
  margin-top: 1.6rem;
  padding: 4rem 2rem;
}
.footer__link {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  color: var(--color-standard-text-secondary);
  margin: 0.2rem;
  padding: 0.7rem 0 0.7rem 0.8rem;
  text-decoration: none;
  display: flex;
}
.footer__link:hover,
.footer__link:active {
  outline: 0;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .footer {
    padding: 4rem;
  }
}
@media screen and (min-width: 1104px) {
  .footer {
    max-width: 110.4rem;
    margin: 1.6rem auto 0;
  }
}
@media screen and (min-width: 1921px) {
  .footer {
    max-width: 128rem;
  }
}
.footer__arrow.active .icon--arrow-up {
  display: block;
}
.footer__arrow .icon--arrow-up,
.footer__arrow.active .icon--arrow-down {
  display: none;
}
.icon--arrow-down,
.icon--arrow-up {
  width: 3rem;
  height: 3rem;
}
.footer__navigation__list__item {
  margin: 0.2rem;
}
.footer__navigation__list__item a {
  width: auto;
  color: var(--color-standard-text-secondary);
  padding: 0.5rem 2rem;
  font-size: 1.8rem;
  line-height: 3rem;
  text-decoration: none;
  display: block;
}
.footer__navigation__list__item a:hover {
  outline: 0;
  text-decoration: none;
}
.footer__navigation__list__item a:focus-visible {
  outline: 2px solid var(--color-standard-text-tertiary);
}
.footer__navigation__list__item a:active {
  outline: 0;
  text-decoration: none;
}
.footer__navigation__bottom {
  margin: 1rem 0 8rem;
  padding: 0;
  list-style: none;
}
.footer__navigation__bottom__item {
  overflow: hidden;
}
.footer__navigation__list__item.footer--rundfunkanstalten-item:last-child {
  border-bottom: 0.2rem solid var(--color-standard-structurals);
}
.footer__logo__icon {
  text-align: right;
  border: 1px solid #0000;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: -4.2rem;
  padding-top: 0.6rem;
  display: flex;
}
.footer__logo__icon svg {
  fill: var(--color-standard-text-secondary);
}
.footer__logo__icon .icon {
  width: 17rem;
  height: 6.7rem;
}
.endline {
  background: var(--color-page-highlight);
  width: 100%;
  height: 4rem;
  padding: 0.8rem 0 0 4rem;
}
@media screen and (min-width: 1104px) {
  .endline {
    max-width: 110.4rem;
    margin: auto;
  }
}
@media screen and (min-width: 1921px) {
  .endline {
    max-width: 128rem;
  }
}
.endline__copyright {
  color: var(--color-standard-text-tertiary);
  font-family: Thesis, helvetica, arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
}
@media print {
  .footer {
    display: none;
  }
}
[data-js_component='nav-toggle-area'] {
  transition: all 0.4s ease-in;
  overflow: hidden;
}
[data-js_component='nav-toggle-area'].is-hidden {
  opacity: 0;
  max-height: 0;
  padding: 0;
}
[data-js_component='nav-toggle-area'].is-visible {
  opacity: 1;
  max-height: 9.4rem;
}
.noscroll,
.noscroll body {
  overflow: hidden;
}
.noscroll--safari {
  height: calc(100vh - 1px);
  position: relative;
  overflow: hidden;
}
.noscroll--safari body {
  height: 100%;
  overflow: hidden;
}
.header {
  background-color: var(--color-standard-background-01);
  z-index: 121;
  width: 100%;
  box-shadow: 0 0.5rem 0.5rem -0.5rem var(--color-page-shadow-01);
  position: fixed;
  top: 0;
}
.header.small {
  box-shadow: 0 0.5rem 0.5rem -0.5rem var(--color-page-shadow-01);
}
.header.small .header__items {
  height: 5.2rem;
  overflow: hidden;
}
.header.small .header__logo__icon {
  width: 3.6rem;
  height: 3.6rem;
}
.header.small .header__logo__wortmarke {
  width: 13.6rem;
}
.header.small .header__logo__wortmarke.header__logo__wortmarke-ts {
  width: 11rem;
}
.header .header__items {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 6.5rem;
  display: flex;
}
.header .header__logo {
  z-index: 121;
  flex-wrap: nowrap;
  flex: none;
  align-items: center;
  margin-left: 2rem;
  padding: 0.6rem 0;
  display: flex;
  position: relative;
  overflow: hidden;
}
.header .header__logo__icon {
  width: 4rem;
  height: 4rem;
  margin-right: 0.8rem;
}
.header .header__logo .icon--sp_app-logo {
  border-radius: 0.8rem;
}
.header .header__logo__wortmarke {
  width: 14rem;
  margin-top: 0.2rem;
}
.header .header__logo__wortmarke.header__logo__wortmarke-ts {
  width: 11rem;
  margin-top: 0.6rem;
}
.header .header__logo__wortmarke svg path,
.header .header__logo__icon-brisant svg path {
  fill: var(--color-standard-text-secondary);
}
.header .header__logo__ard {
  align-items: center;
  display: flex;
  width: initial !important;
}
.header .header__logo__ard svg {
  width: auto;
  height: 3.2rem;
  fill: var(--color-basic-ard-ci);
}
.header .header__area-label {
  color: var(--color-standard-text-primary);
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: var(--font-weight-strong);
  cursor: pointer;
  z-index: 161;
  word-break: keep-all;
  overflow-wrap: normal;
  max-height: 2.8rem;
  margin: 0 2rem;
  position: absolute;
  left: 9rem;
  right: 6rem;
  overflow: hidden;
}
.header .header__area-label:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: 0.2rem;
}
@media screen and (min-width: 1024px) {
  .header .header__area-label {
    left: 11rem;
    right: 8.8rem;
  }
}
.header .header__items:has(.header__logo__ard) .header__area-label {
  color: var(--color-basic-ard-ci);
}
.header .header__horiz {
  z-index: 111;
  position: relative;
}
.header .header__banner {
  justify-content: center;
  display: flex;
}
.header__tile-list-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 2rem;
  display: flex;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .header__tile-list-wrapper {
    padding: 0 4rem;
  }
}
.header__tile-list-wrapper .divider {
  width: 100%;
}
.header__tile-list-wrapper .tile-list {
  max-width: 51.2rem;
  padding: 1.6rem 0 1.2rem;
}
.header .horizontal-nav.horizontal-nav--swipenav {
  width: 100%;
}
.header .header__horiz:after {
  background-color: var(--color-page-overlay-01);
  clear: both;
  content: '';
  opacity: 0;
  z-index: -1;
  -webkit-backdrop-filter: blur(0.5rem);
  backdrop-filter: blur(0.5rem);
  width: 100%;
  height: 100%;
  transition:
    opacity 0.3s ease-in-out,
    z-index 0.3s ease-in-out;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.header .header__horiz.backshadow {
  overflow: hidden;
}
.header .header__horiz.backshadow:after {
  opacity: 1;
  z-index: 112;
}
@media screen and (min-width: 1024px) {
  .header .header__items,
  .header.small .header__items {
    background: var(--color-standard-background-01);
    height: 8rem;
  }
  .header .header__logo {
    margin-left: 0;
  }
  .header .header__logo__icon {
    width: 6rem;
    height: 6rem;
    margin-left: 4rem;
    margin-right: 1.2rem;
  }
  .header .header__logo__wortmarke {
    width: 20rem;
    margin-top: -0.1rem;
  }
  .header .header__logo__wortmarke.header__logo__wortmarke-ts {
    width: 15rem;
  }
  .header.small .header__logo__icon {
    width: 6rem;
    height: 6rem;
    margin-left: 4rem;
  }
  .header.small .header__logo__wortmarke {
    width: 20rem;
  }
  .header.small .header__logo__wortmarke.header__logo__wortmarke-ts {
    width: 15rem;
  }
  .header .header__logo__ard svg {
    height: 4rem;
  }
  .header .header__area-label {
    max-height: 4.8rem;
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
  .header .header__horiz {
    padding: 0 4rem;
  }
}
@media screen and (min-width: 1104px) {
  .header {
    max-width: 110.4rem;
    left: 50%;
    transform: translate(-50%);
  }
  .header.small .header__logo__icon,
  .header .header__logo__icon {
    margin-left: 0;
  }
  .header .header__logo {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1921px) {
  .header {
    max-width: 128rem;
  }
}
@media screen and (max-width: 1024px) {
  .header.small.jsHideWordmark .header__logo__wortmarke {
    display: none;
  }
}
@media print {
  .header {
    position: unset;
  }
  .header .horizontal-nav {
    display: none;
  }
}
:is(html:has(.burger-navi-holder--open), html:has(.burger-navi-holder:not(.js)[open])),
:is(html:has(.burger-navi-holder--open) body, html:has(.burger-navi-holder:not(.js)[open]) body) {
  overflow: hidden;
}
html:has(.burger-navi-holder:not(.js)[open]) .global-wrapper .content-wrapper:after {
  opacity: 1;
  z-index: 112;
}
html:has(.burger-navi-holder:not(.js)[open]) .header .header__horiz:after {
  opacity: 1;
  z-index: 112;
}
.header.small .burger-navi {
  top: 5.2rem;
}
.burger-navi-holder:not(.js)[open],
.burger-navi-holder.burger-navi-holder--open {
  height: 100dvh;
}
.burger-navi-holder:not(.js)[open] .burger-navi,
.burger-navi-holder.burger-navi-holder--open .burger-navi {
  transform: translate(0%);
}
.burger-navi-holder {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.burger-navi-holder .burger-button-animated {
  list-style: none;
}
.burger-navi-holder .burger-button-animated::-webkit-details-marker {
  display: none;
}
.burger-navi {
  z-index: 141;
  -webkit-overflow-scrolling: touch;
  background-color: var(--color-standard-background-01);
  will-change: transform;
  flex-flow: wrap;
  align-content: stretch;
  width: 100%;
  transition: transform 0.25s cubic-bezier(0.75, 0.18, 0.07, 0.96);
  display: flex;
  position: absolute;
  top: 6.5rem;
  bottom: 0;
  right: 0;
  overflow: hidden auto;
  transform: translate(100%);
}
.burger-navi a:focus-visible img {
  outline: 0;
}
.burger-navi.js-scroll,
.burger-navi .js-scroll {
  overflow-y: auto;
}
.burger-navi.js-noscroll,
.burger-navi .js-noscroll {
  overflow-y: hidden;
}
.burger-navi .top-shadow {
  box-shadow: 0 4px 4px -4px inset var(--color-page-shadow-01);
  z-index: 142;
  width: 100%;
  height: 1rem;
  position: sticky;
  top: 0;
}
.burger-navi-menu {
  width: 100%;
  margin-bottom: 2.4rem;
}
.burger-navi-nav {
  padding: 0 2rem;
}
.burger-navi .burger-navi-search {
  z-index: 142;
  margin: 0.1rem 0 1rem;
  padding: 0.1rem 2rem 0;
}
.burger-navi .burger-panel {
  background-color: var(--color-standard-background-01);
  margin: 0;
  font-size: 1.8rem;
  list-style-type: none;
}
.burger-navi .burger-panel > li {
  border-bottom: 0.1rem solid var(--color-standard-structurals);
  flex-direction: row;
  height: 5.5rem;
  display: flex;
}
.burger-navi .burger-panel > li.burger-panel-divider {
  border-top: 0.1rem solid var(--color-standard-text-secondary);
  margin-top: -0.1rem;
}
.burger-navi .burger-panel li.settings__box__outer {
  height: unset;
}
.burger-navi .burger-panel__submenulink,
.burger-navi .burger-panel__closelink {
  align-items: center;
  display: flex;
}
.burger-navi .burger-panel__submenulink--fullwidth {
  width: 100%;
  position: relative;
}
.burger-navi .burger-panel__submenulink--fullwidth .burger-panel__arrow--right {
  position: absolute;
  right: 0;
}
.burger-navi .burger-panel__pagelink,
.burger-navi .burger-panel__nolink,
.burger-navi .burger-panel__closelink-text {
  color: var(--color-standard-text-secondary);
  align-items: center;
  width: 80%;
  padding: 1rem 2rem 1rem 1rem;
  display: flex;
}
.burger-navi .burger-panel__closelink-text {
  padding-left: 0.5rem;
}
.burger-navi .burger-panel__pagelink {
  width: 100%;
}
.burger-navi .burger-panel__pagelink:hover,
.burger-navi .burger-panel__submenulink:hover,
.burger-navi .burger-panel__closelink-text:hover {
  background-color: var(--elementcolor-standard-primary-background);
  color: var(--elementcolor-standard-primary-foreground);
}
.burger-navi .burger-panel__pagelink:hover .burger-panel__arrow--right .icon-ard,
.burger-navi .burger-panel__submenulink:hover .burger-panel__arrow--right .icon-ard,
.burger-navi .burger-panel__closelink-text:hover .burger-panel__arrow--right .icon-ard {
  fill: var(--elementcolor-standard-primary-foreground);
}
.burger-navi .burger-panel__pagelink-icon {
  width: 1.6rem;
  margin: 1rem 2rem 0.5rem 0.1rem;
}
.burger-navi .burger-panel__pagelink-icon img {
  background-color: var(--color-basic-white);
  border-radius: 0.15rem;
  padding: 0.2rem;
}
.burger-navi .burger-panel__pagelink-svg {
  width: 2rem;
  height: 2rem;
}
.burger-navi .burger-panel__arrow--right {
  pointer-events: none;
  text-align: center;
  width: 5.7rem;
}
.burger-navi .burger-panel__arrow--right .icon-ard {
  fill: var(--color-standard-text-secondary);
  pointer-events: none;
  height: 2.4rem;
}
.burger-navi .burger-panel__settings li {
  border-bottom: 0;
}
.burger-navi .burger-panel .settings__box {
  background-color: var(--color-standard-background-01);
}
.burger-navi-nav.js-hide-nav {
  display: none;
}
.burger-navi-nav__sublevel {
  background-color: var(--color-standard-background-01);
  justify-content: center;
  width: 100vw;
  height: 100%;
  padding: 0;
  transition: all 0.5s;
  display: flex;
  position: absolute;
  top: 0;
  right: -1000px;
  overflow: hidden scroll;
}
.burger-navi-nav__sublevel .burger-panel {
  width: 100%;
  display: none;
  position: absolute;
  right: -1000px;
}
.burger-navi-nav__sublevel .burger-panel > li {
  margin-left: 2.2rem;
  margin-right: 2rem;
}
.burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active {
  padding-bottom: 8rem;
  display: block;
  position: absolute;
  right: 0;
}
.burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active li:first-child .burger-panel__closelink,
.burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active .burger-panel__closelink-text {
  background-color: var(--elementcolor-standard-primary-background);
  color: var(--elementcolor-standard-primary-foreground);
  width: 100%;
}
.burger-navi-nav__sublevel
  .burger-panel.js-current-sublevel-active
  li:first-child
  .burger-panel__closelink
  .burger-panel__arrow--left
  .icon-ard,
.burger-navi-nav__sublevel
  .burger-panel.js-current-sublevel-active
  .burger-panel__closelink-text
  .burger-panel__arrow--left
  .icon-ard {
  fill: var(--elementcolor-standard-primary-foreground);
}
.burger-navi-nav__sublevel
  .burger-panel.js-current-sublevel-active
  li:first-child
  .burger-panel__closelink:focus-visible {
  outline: 0.2rem solid var(--elementcolor-standard-primary-foreground);
  outline-offset: -0.4rem;
}
.js-burger-sublevel-active {
  left: 0;
  right: 0;
}
.burger-panel__arrow--left {
  pointer-events: none;
  width: 3.8rem;
  margin-left: 0.8rem;
  display: flex;
}
.burger-panel__arrow--left svg {
  fill: var(--color-standard-text-secondary);
  pointer-events: none;
  height: 2.4rem;
}
.burger-navi-menu.js-burger-menu-inactive .burger-navi-nav,
.burger-navi-menu.js-burger-menu-inactive .burger-navi-nav__sublevel,
.burger-navi-menu.js-burger-menu-inactive .burger-navi-search,
.burger-navi-menu.js-burger-menu-inactive .bigfive {
  display: none;
}
@media only screen and (min-width: 768px) {
  .burger-navi {
    flex-direction: row;
    align-content: space-between;
    width: 41.5rem;
    display: flex;
    overflow: hidden auto;
  }
  .burger-navi-nav {
    padding: 0 4rem;
  }
  .burger-navi .top-shadow {
    width: 41.5rem;
  }
  .burger-navi .burger-navi-search {
    padding: 0.1rem 4rem 0;
  }
  .burger-navi-menu {
    margin-bottom: 2.4rem;
  }
  .burger-navi-nav__sublevel {
    justify-content: flex-start;
    width: 41.7rem;
    padding: 0;
    display: flex;
  }
  .burger-navi-nav__sublevel .burger-panel {
    width: 39.7rem;
    margin-left: 0;
    margin-right: 0;
  }
  .burger-navi-nav__sublevel .burger-panel > li {
    margin-left: 4rem;
  }
  .burger-navi-nav__sublevel .burger-panel li:first-child {
    margin-left: 0;
  }
  .burger-navi-nav__sublevel .burger-panel li:first-child .burger-panel__closelink {
    padding-left: 2rem;
  }
  .burger-navi-nav__sublevel .burger-panel .burger-panel__pagelink-icon {
    margin-left: 0.6rem;
    padding-left: 0;
  }
  .burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active {
    padding-bottom: 0;
    left: 0;
    right: 2rem;
  }
  .burger-navi-nav__sublevel .burger-panel .burger-panel__arrow--left {
    width: 3.4rem;
    margin-left: 3.2rem;
  }
  .burger-navi--no-logo .burger-navi-nav__sublevel .burger-panel .burger-panel__arrow--left {
    margin-left: 2.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .header.small .burger-navi,
  .burger-navi {
    top: 8rem;
  }
}
@media screen and (min-width: 1104px) {
  .burger-navi-holder {
    max-width: 110.4rem;
    padding: 0 4rem;
  }
}
@media screen and (min-width: 1921px) {
  .burger-navi-holder {
    max-width: 128rem;
  }
}
.teaser-left {
  background: var(--color-standard-background-01);
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  margin-bottom: 1.6rem;
  display: flex;
}
.teaser-left__media {
  position: relative;
}
.teaser-left__link {
  width: 100%;
  text-decoration: none;
}
.teaser-left__teaserinfo {
  padding: 0.8rem 2rem 0 1.5rem;
}
@media screen and (min-width: 1024px) {
  .teaser-left__teaserinfo {
    padding: 1.2rem 2rem 0;
  }
}
.teaser-left__teaserinfo:only-child {
  padding: 0.8rem 0 0;
}
.teaser-left__teaserinfo:only-child .teaser-left__shorttext {
  display: block;
}
.teaser-left__topline-container {
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}
.teaser-left__topline-container .label {
  margin-bottom: 0.6rem;
  margin-right: 0.6rem;
}
.teaser-left__date,
.teaser-left__duration {
  color: var(--color-standard-text-tertiary);
  margin-right: 0.4rem;
  padding: 0 0 0.6rem 0.2rem;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2rem;
}
.teaser-left__topline {
  font-family: var(--font-family-overline), sans-serif;
  font-size: var(--overline-font-size);
  line-height: var(--overline-line-height);
  text-transform: var(--overline-text-transform);
  font-style: var(--overline-font-style);
  color: var(--color-standard-text-accent);
  width: 100%;
  margin-top: 0;
  padding: 0.2rem 0;
  display: block;
}
.teaser-left__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-04-font-size);
  line-height: var(--heading-04-line-height);
  font-weight: var(--heading-04-font-weight);
  text-transform: var(--heading-04-text-transform);
  color: var(--color-standard-text-primary);
  -webkit-line-clamp: 4;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.teaser-left__headline cite,
.teaser-left__headline span {
  font: inherit;
}
.teaser-left__shorttext {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  color: var(--color-standard-text-secondary);
  margin-top: 0.8rem;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .teaser-left__shorttext {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .teaser-left {
    margin-bottom: 2.4rem;
  }
}
.teaser-right.teaser-right--highlight {
  background: var(--color-highlight-background-01);
  color: var(--color-highlight-text-primary);
  border-bottom-color: var(--color-highlight-structurals);
}
.teaser-right.teaser-right--highlight .teaser-right__headline {
  color: var(--color-highlight-text-primary);
}
.teaser-right.teaser-right--highlight .teaser-right__labeltopline {
  color: var(--color-highlight-text-accent);
}
.teaser-right.teaser-right--highlight .teaser-right__date {
  color: var(--color-highlight-text-tertiary);
}
.teaser-right.teaser-right--highlight .teaser-right__shorttext {
  color: var(--color-highlight-text-secondary);
}
.teaser-right.teaser-right--highlight .teaser-right__tags {
  color: var(--color-highlight-text-tertiary);
}
.teaser-right.teaser-right--highlight.teaser-right--skeleton .teaser-right__headline-wrapper,
.teaser-right.teaser-right--highlight.teaser-right--skeleton .teaser-right__topline-container,
.teaser-right.teaser-right--highlight.teaser-right--skeleton .teaser-right__shorttext,
.teaser-right.teaser-right--highlight.teaser-right--skeleton .teaser-right__image {
  background-color: var(--color-highlight-background-02);
}
.teaser-right {
  background: var(--color-standard-background-01);
  border-bottom: 0.1rem solid var(--color-standard-structurals);
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
  display: flex;
  position: relative;
}
.teaser-right__media {
  position: relative;
}
.teaser-right__teaserinfo {
  padding: 0.8rem 2rem 0 0;
}
@media screen and (min-width: 1024px) {
  .teaser-right__teaserinfo {
    padding: 1.2rem 2rem 0 0;
  }
}
.teaser-right__topline-container {
  flex-flow: wrap;
  align-items: baseline;
  display: flex;
}
.teaser-right__topline-container .label {
  margin-bottom: 0.6rem;
  margin-right: 0.6rem;
}
.teaser-right__date {
  color: var(--color-standard-text-tertiary);
  margin: 0 0.6rem 0 0;
  padding: 0.2rem 0 0;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2rem;
}
.teaser-right__tags {
  color: var(--color-standard-text-tertiary);
  padding: 1.2rem 0 1.6rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.teaser-right__labeltopline {
  font-family: var(--font-family-overline), sans-serif;
  font-size: var(--overline-font-size);
  line-height: var(--overline-line-height);
  text-transform: var(--overline-text-transform);
  font-style: var(--overline-font-style);
  color: var(--color-standard-text-accent);
  margin-right: 0.6rem;
  padding: 0.2rem 0;
}
.teaser-right__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-04-font-size);
  line-height: var(--heading-04-line-height);
  font-weight: var(--heading-04-font-weight);
  text-transform: var(--heading-04-text-transform);
  color: var(--color-standard-text-primary);
  -webkit-line-clamp: 4;
  white-space: normal;
  -webkit-box-orient: vertical;
  margin-bottom: 0.8rem;
  display: -webkit-box;
  overflow: hidden;
}
.teaser-right__headline cite,
.teaser-right__headline span {
  font: inherit;
}
.teaser-right__shorttext {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  color: var(--color-standard-text-secondary);
  margin: 0 0 0.8rem;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .teaser-right .list--maximized .teaser-right__teaserheadline {
    display: none;
  }
}
.teaser-right .ts-mediaplayer + .closebutton {
  transform: none;
}
@media screen and (min-width: 768px) {
  .teaser-right .ts-mediaplayer + .closebutton {
    left: -5rem;
    transform: rotate(90deg);
  }
}
.teaser-right--voting__inner {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}
.teaser-right--voting.is-active .teaser-right--voting__inner,
.teaser-right--voting.is-active .ardplayer .ardplayer-posterframe {
  background: var(--color-highlight-background-01);
}
.teaser-right--voting.is-active .teaser-right__shorttext,
.teaser-right--voting.is-active .teaser-right__headline {
  color: var(--color-highlight-text-primary);
}
.teaser-right--voting.is-active .teaser-right__topline-container .label {
  background-color: var(--elementcolor-highlight-primary-background);
  color: var(--elementcolor-highlight-primary-foreground);
}
.teaser-right--voting-result {
  border-bottom: 0.3rem solid var(--elementcolor-standard-secondary-background);
  padding-bottom: 0;
  position: relative;
}
.teaser-right--voting-result__votes {
  justify-content: space-between;
  width: 100%;
  padding: 2.4rem 0;
  display: flex;
}
.teaser-right--voting-result__votes .votes,
.teaser-right--voting-result__votes .votes-percent {
  text-transform: uppercase;
  width: 50%;
  font-size: 1.6rem;
  line-height: 2.1rem;
}
.teaser-right--voting-result__votes .votes strong,
.teaser-right--voting-result__votes .votes-percent strong {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-02-font-size);
  line-height: var(--heading-02-line-height);
  font-weight: var(--heading-02-font-weight);
  text-transform: var(--heading-02-text-transform);
}
.teaser-right--voting-result__votes .votes-percent {
  text-align: right;
}
.teaser-right--voting-result .votes-bar {
  background-color: var(--color-standard-accent-alert);
  height: 0.3rem;
  position: absolute;
  bottom: -0.3rem;
  left: 0;
}
.teaser-right__voting-input {
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  display: flex;
}
.teaser-right--skeleton .teaser-right__topline-container {
  background: var(--color-page-highlight);
  border-radius: 0.3rem;
  width: 40%;
  height: 2rem;
  margin-bottom: 1rem;
}
.teaser-right--skeleton .teaser-right__headline-wrapper {
  background: var(--color-page-highlight);
  border-radius: 0.3rem;
  width: 70%;
  height: 3rem;
  margin-bottom: 1rem;
}
.teaser-right--skeleton .teaser-right__shorttext {
  background: var(--color-page-highlight);
  border-radius: 0.3rem;
  width: 90%;
  height: 1.5rem;
  margin-bottom: 0.3rem;
  display: block;
}
.teaser-right--skeleton .teaser-right__image {
  background: var(--color-page-highlight);
  width: 100%;
  padding-bottom: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .teaser-right__teaserinfo.list--maximized {
    padding-top: 0.8rem;
    padding-left: 0;
  }
  .teaser-right--voting-result {
    margin-bottom: 2.4rem;
  }
  .teaser-right--voting-result__votes {
    padding-top: 2.4rem;
    display: block;
  }
  .teaser-right--voting-result .votes,
  .teaser-right--voting-result .votes-percent {
    text-align: left;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }
  .teaser-right--voting-result .votes {
    border-bottom: 1px solid var(--color-standard-structurals);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .teaser-right {
    flex-wrap: nowrap;
    margin-bottom: 2.4rem;
    padding-bottom: 2.4rem;
  }
  .teaser-right--voting-result {
    flex-wrap: wrap;
    margin-bottom: 4.8rem;
    padding-bottom: 0;
  }
}
.teaser-right__link {
  width: 100%;
  text-decoration: none;
  display: inline-block;
}
.teaser-right__teaserinfo .teaser-xs__link {
  border: 2px solid #0000;
  display: block;
}
.teaser-right__teaserinfo .teaser-xs__link img {
  outline: 0;
}
@media screen and (max-width: 767px) {
  .teaser-right:not(.teaser-right--voting, .teaser-right--voting-result) .teaser-right__shorttext {
    display: none;
  }
  .teaser-right:not(.teaser-right--voting, .teaser-right--voting-result)
    .teaser-right__topline-container:not(.teaser-right--voting, .teaser-right--voting-result) {
    flex-direction: column;
  }
}
.teaser-mikro {
  background: var(--color-standard-background-01);
  border-bottom: solid 0.1rem var(--color-standard-structurals);
  flex-wrap: wrap;
  align-items: stretch;
  padding: 1.6rem 0;
  display: flex;
}
.teaser-mikro__link {
  width: 100%;
}
.teaser-mikro__topline-container {
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}
.teaser-mikro__topline-container .label {
  margin-bottom: 0.6rem;
  margin-right: 0.6rem;
}
.teaser-mikro__date {
  color: var(--color-standard-text-tertiary);
  margin-right: 0.6rem;
  padding: 0 0 0.6rem 0.2rem;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2rem;
}
.teaser-mikro__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-04-font-size);
  line-height: var(--heading-04-line-height);
  font-weight: var(--heading-04-font-weight);
  text-transform: var(--heading-04-text-transform);
  color: var(--color-standard-text-primary);
  -webkit-line-clamp: 4;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.teaser-mikro__headline cite,
.teaser-mikro__headline span {
  font: inherit;
}
@media screen and (min-width: 1024px) {
  .teaser-mikro {
    padding: 2.4rem 0;
  }
}
.teaser-nano__link {
  width: 100%;
}
.teaser-nano__link:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: -0.2rem;
  display: inherit;
}
.teaser-nano__headline-wrapper {
  color: var(--color-standard-text-secondary);
  flex-flow: row;
  align-items: start;
  display: flex;
}
.teaser-nano__icon {
  fill: var(--color-standard-accent-04);
  height: 2.4rem;
}
.teaser-nano__icon .icon {
  height: 2.4rem;
}
.teaser-nano__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: var(--heading-06-font-weight);
  text-transform: var(--heading-06-text-transform);
  -webkit-line-clamp: 2;
  white-space: normal;
  color: var(--color-standard-text-primary);
  -webkit-box-orient: vertical;
  margin-left: 1rem;
  display: -webkit-inline-box;
  overflow: hidden;
}
.teaser-nano.color--tongue {
  background-color: var(--color-highlight-background-01);
}
.teaser-nano.color--tongue .teaser-nano__headline {
  color: var(--color-highlight-text-primary);
}
.teaser-nano.color--tongue .teaser-nano__icon {
  fill: var(--color-highlight-accent-01);
}
.teaser-nano.color--tongue .teaser-nano__link:focus-visible {
  outline-color: var(--color-highlight-text-secondary);
}
.teaser-slider {
  width: 100%;
}
.teaser-slider__link {
  display: block;
}
.teaser-slider__image-wrapper {
  background-color: var(--color-standard-structurals);
  aspect-ratio: 16/9;
  width: 100%;
}
.teaser-slider__image-wrapper > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.teaser-slider__teaserinfo {
  padding: 1.6rem 0 0 2rem;
}
.teaser-slider__topline-container {
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}
.teaser-slider__topline-container .label {
  margin-bottom: 0.6rem;
  margin-right: 1rem;
}
.teaser-slider__topline {
  font-family: var(--font-family-overline), sans-serif;
  font-size: var(--overline-font-size);
  line-height: var(--overline-line-height);
  text-transform: var(--overline-text-transform);
  font-style: var(--overline-font-style);
}
.teaser-slider__topline:before {
  content: none;
}
.teaser-slider__topline {
  color: var(--color-standard-text-accent);
  width: auto;
  margin-bottom: 0.4rem;
  display: inline-block;
}
.teaser-slider__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-04-font-size);
  line-height: var(--heading-04-line-height);
  font-weight: var(--heading-04-font-weight);
  text-transform: var(--heading-04-text-transform);
  color: var(--color-standard-text-primary);
  -webkit-line-clamp: 4;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.teaser-slider__headline cite,
.teaser-slider__headline span:not(.link-extend) {
  font: inherit;
}
.teaser-slider .btn--text {
  margin: 2rem 2rem 0;
}
.teaser-slider .btn--fullwidth {
  width: auto;
}
.teaser-slider--tongue .teaser-slider__topline {
  color: var(--color-highlight-text-accent);
}
.teaser-slider--tongue .teaser-slider__headline {
  color: var(--color-highlight-text-primary);
}
.mubu-container {
  float: left;
  background: 0 0;
  width: 100%;
  display: block;
  position: relative;
}
.mubu-container--prerender-height {
  height: 5.2rem;
}
.mubu-container__trigger {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.mubu-container__infotext {
  margin-right: 0.6rem;
  padding-top: 0.2rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.mubu-container__buttons {
  flex-wrap: nowrap;
  justify-content: flex-end;
  display: flex;
}
.mubu-container__button {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0.6rem 0 0.6rem 0.8rem;
}
.mubu-container__content {
  text-align: left;
  border: 0;
  width: 100%;
  max-height: 0;
  margin: 0;
  transition: max-height 0.8s;
  display: block;
  overflow: hidden;
}
.mubu-container__content__info {
  color: var(--color-standard-text-tertiary);
  padding: 1rem 0;
}
.mubu-container__content__info__title {
  color: var(--color-standard-text-secondary);
  font-size: 1.6rem;
  line-height: 2rem;
}
.mubu-container__content__info__metainfo {
  border-bottom: solid 0.1rem var(--color-standard-structurals);
  padding-bottom: 1rem;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2.1rem;
}
.mubu-container__content__link {
  display: block;
}
.mubu-container__content.active {
  max-height: 100rem;
  transition: max-height 0.8s;
}
.mubu-container__media {
  background: var(--color-standard-text-tertiary);
  width: 100%;
  height: 30rem;
}
.mubu-container.color--tongue .mubu-container__content__info {
  color: var(--color-highlight-text-tertiary);
}
.mubu-container.color--tongue .mubu-container__content__info__title {
  color: var(--color-highlight-text-secondary);
}
.mubu-container.color--tongue .mubu-container__content__info__metainfo {
  border-bottom: solid 0.1rem var(--color-highlight-structurals);
}
.mubu-container.color--tongue .mubu-container__content__link:focus-visible {
  outline-color: var(--color-highlight-text-secondary);
}
.trenner {
  background: var(--color-standard-background-01);
  letter-spacing: 0.2em;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  display: flex;
}
.trenner__divider {
  border-bottom: 0.1rem solid var(--color-standard-structurals);
  width: calc(100% - 40px);
  margin: 0 2rem;
  display: none;
  position: relative;
  left: 0;
}
.trenner__text {
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
  padding: 2.4rem 2rem;
  display: flex;
}
.trenner__text__topline {
  font-size: var(--label-01-caps-font-size);
  line-height: var(--label-01-caps-line-height);
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  text-align: center;
  color: var(--color-standard-text-secondary);
  flex-basis: 100%;
}
.trenner__text__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--section-caps-font-size);
  line-height: var(--section-caps-line-height);
  font-weight: var(--section-caps-font-weight);
  text-transform: uppercase;
  text-align: center;
  color: var(--color-standard-text-primary);
  flex-basis: 100%;
  max-width: 100%;
}
.trenner__link {
  color: var(--color-standard-text-primary);
  width: 100%;
}
.trenner.trenner--default.trenner--divider .trenner__divider {
  border-bottom: 0.1rem solid var(--color-standard-structurals);
  display: block;
}
.trenner.color--tongue {
  background: var(--color-highlight-background-01);
}
.trenner.color--tongue .trenner__text__topline,
.trenner.color--tongue .trenner__text__headline {
  color: var(--color-highlight-text-primary);
}
.trenner.color--tongue.trenner--divider .trenner__divider {
  border-bottom: 0.1rem solid var(--color-highlight-structurals);
  display: block;
}
.trenner.color--breaking-red {
  background: var(--color-breaking-background-01);
}
.trenner.color--breaking-red .trenner__text__headline,
.trenner.color--breaking-red .trenner__text__topline {
  color: var(--color-breaking-text-secondary);
}
.trenner.color--breaking-red.trenner--divider .trenner__divider {
  border-bottom: 0.1rem solid var(--color-breaking-structurals);
  display: block;
}
.trenner--skeleton .trenner__text {
  width: 40%;
  display: block;
}
.trenner--skeleton .trenner__text__topline {
  background: var(--color-page-highlight);
  border-radius: 0.3rem;
  width: 80%;
  height: 1.8rem;
  margin: 0 auto 0.6rem;
}
.trenner--skeleton .trenner__text__headline {
  background: var(--color-page-highlight);
  border-radius: 0.3rem;
  height: 4rem;
}
.trenner--skeleton.color--tongue .trenner__text__topline,
.trenner--skeleton.color--tongue .trenner__text__headline {
  background-color: var(--color-highlight-background-02);
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .trenner {
    display: block;
  }
}
.subtrenner__headline {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: var(--font-weight-strong);
  color: var(--color-standard-text-secondary);
  float: left;
}
.subtrenner.color--tongue {
  background-color: var(--color-highlight-background-01);
}
.subtrenner.color--tongue .subtrenner__headline {
  color: var(--color-highlight-text-primary);
}
.teaser {
  background: var(--color-standard-background-01);
  color: var(--color-standard-text-secondary);
  float: left;
  width: 100%;
  padding-bottom: 3.2rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .teaser {
    padding-bottom: 2.4rem;
  }
}
.teaser.color--tongue {
  background: var(--color-highlight-background-01);
  color: var(--color-highlight-text-secondary);
}
.teaser.color--tongue .teaser__link {
  color: var(--color-highlight-text-secondary);
}
.teaser.color--tongue .teaser__teaserinfo {
  background: var(--color-highlight-background-01);
}
.teaser.color--tongue .teaser__date {
  color: var(--color-highlight-text-tertiary);
}
.teaser__link {
  color: var(--color-standard-text-secondary);
}
.teaser__media {
  width: 100%;
  position: relative;
}
.teaser__image {
  width: 100%;
}
.teaser__image--small {
  width: 100%;
  margin-left: 0.2rem;
}
.teaser__teaserinfo {
  float: left;
  background-color: var(--color-standard-background-01);
  display: block;
}
.teaser__head {
  float: left;
  display: block;
}
.teaser__label {
  float: left;
  margin-bottom: 0.6rem;
  display: block;
}
@media screen and (min-width: 1024px) {
  .teaser__label {
    margin-bottom: 0.8rem;
  }
}
.teaser__headline-wrapper {
  display: inline;
}
.teaser__topline {
  font-family: var(--font-family-overline), sans-serif;
  font-size: var(--overline-font-size);
  line-height: var(--overline-line-height);
  text-transform: var(--overline-text-transform);
  font-style: var(--overline-font-style);
}
.teaser__topline:before {
  content: none;
}
.teaser__topline {
  color: var(--color-standard-text-accent);
  margin-bottom: 0.6rem;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .teaser__topline {
    margin-bottom: 0.8rem;
  }
}
.teaser.color--tongue .teaser__topline {
  color: var(--color-highlight-text-accent);
}
.teaser__headline {
  color: var(--color-standard-text-primary);
  float: left;
  -webkit-line-clamp: 4;
  white-space: normal;
  -webkit-box-orient: vertical;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
}
.teaser__headline cite,
.teaser__headline span {
  font: inherit;
}
.teaser.color--tongue .teaser__headline {
  color: var(--color-highlight-text-primary);
}
.teaser__date {
  color: var(--color-standard-text-tertiary);
  float: left;
  width: 100%;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2rem;
}
.teaser__shorttext {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  float: left;
  width: 100%;
  display: block;
}
.teaser__medialinks .mubu-container__trigger {
  padding: 0 2rem;
}
@media screen and (min-width: 1024px) {
  .teaser__medialinks .mubu-container__trigger {
    padding: 0;
  }
}
.teaser__medialinks .mubu-container__infotext {
  color: var(--color-standard-text-tertiary);
}
.teaser__medialinks .color--tongue .mubu-container__infotext {
  color: var(--color-highlight-text-tertiary);
}
.teaser .teaser__link {
  flex-wrap: wrap;
  display: flex;
}
.teaser .image-btn {
  z-index: 42;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  .teaser .image-btn {
    right: 50%;
  }
  .teaser.teaser--small .teaser__teaserinfo {
    padding: 0.8rem 2rem 0;
  }
  .teaser.teaser--small .image-btn {
    right: 66.67%;
  }
}
@media screen and (min-width: 1921px) {
  .teaser.teaser--small .teaser__teaserinfo {
    padding: 1.2rem 2rem 0;
  }
}
.teaser--small .authorline {
  float: left;
  width: calc(100% - 4rem);
  margin: 1rem 2rem 2.4rem;
}
@media screen and (min-width: 768px) {
  .teaser--small .authorline {
    margin: 1rem 0 0 2rem;
  }
}
.teaser--top .authorline {
  float: left;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .teaser--top .authorline {
    width: 100%;
  }
  .teaser--top .image-btn {
    right: 0;
  }
}
.teaser__topline-container .label {
  margin: 0.4rem 0.8rem 0.4rem 0;
}
.teaser--top .teaser__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-01-font-size);
  line-height: var(--heading-01-line-height);
  font-weight: var(--heading-01-font-weight);
  text-transform: var(--heading-01-text-transform);
}
.teaser--small .teaser__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-02-font-size);
  line-height: var(--heading-02-line-height);
  font-weight: var(--heading-02-font-weight);
  text-transform: var(--heading-02-text-transform);
}
.teaser--top div:first-child a {
  border: none;
}
a:focus-visible .teaser__topline,
a:focus-visible .teaser__headline,
a:focus-visible .teaser-xs__topline,
a:focus-visible .teaser-xs__headline {
  text-decoration: underline;
}
a:active .teaser__topline,
a:active .teaser__headline,
a:active .teaser-xs__topline,
a:active .teaser-xs__headline {
  text-decoration: none !important;
}
.teasergroup.color--tongue {
  background-color: var(--color-highlight-background-01);
}
.teaser__link:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: -0.2rem;
}
.teaser__link:focus-visible img {
  outline: 0;
}
.teaser.color--tongue .teaser__link:focus-visible {
  outline-color: var(--color-highlight-text-secondary);
}
@media screen and (min-width: 1024px) {
  .teaser--top-aufmacher .teaser__shorttext,
  .teaser--top .teaser__shorttext {
    width: 83.3333%;
  }
}
.timeline {
  background: var(--color-standard-background-01);
  color: var(--color-standard-text-secondary);
  background-color: var(--color-standard-background-01);
  display: inline-block;
}
.timeline.color--tongue {
  background: var(--color-highlight-background-01);
  color: var(--color-highlight-text-secondary);
}
.timeline-item:not(:last-child):before {
  background-image: var(--timeline-icon-url);
  content: '';
  background-repeat: repeat-y;
  width: 0.1rem;
  height: calc(100% - 1.6rem);
  position: absolute;
  top: 1.8rem;
  bottom: 0;
  left: -1.25rem;
}
.timeline-item:after {
  background-color: var(--color-standard-accent-03);
  content: '';
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  top: 0.6rem;
  left: -1.6rem;
}
.timeline-item__text {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  float: left;
  width: 100%;
  margin: 0 0 0.8rem 0.8rem;
  display: block;
}
.timeline-item__time {
  color: var(--color-standard-text-tertiary);
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2rem;
}
.timeline-item {
  margin-left: 2rem;
  display: flex;
  position: relative;
}
.textabsatz {
  font-family: var(--font-family-body), sans-serif;
  width: 100%;
  color: var(--color-standard-text-secondary);
  font-size: 2rem;
  line-height: 2.6rem;
  display: block;
}
.textabsatz a {
  color: var(--color-standard-text-link);
  border-bottom: 0.1rem solid var(--color-standard-accent-01);
  font-family: inherit;
}
.textabsatz a.copytext-anchor {
  border: none;
}
strong .textabsatz a {
  color: inherit;
}
.textabsatz strong cite,
.textabsatz strong span {
  font: inherit;
}
.textabsatz.textabsatz--indented {
  padding-left: 4rem;
}
.textabsatz.textabsatz--standalone {
  padding: 0;
}
.textabsatz--highlight {
  background: var(--color-highlight-background-01);
  color: var(--color-highlight-text-secondary);
}
@media screen and (min-width: 768px) {
  .textabsatz {
    padding: 0;
  }
  .textabsatz--contains-image {
    float: right;
    margin-right: 8.3333%;
  }
}
@media screen and (min-width: 1024px) {
  .textabsatz--contains-image {
    margin-right: 16.6667%;
  }
}
.absatzbild {
  background-color: var(--color-standard-background-01);
  margin: 0 0 2.4rem;
}
.absatzbild__info {
  color: var(--color-standard-text-secondary);
  padding: 1rem 2rem 0;
}
.absatzbild__info__text {
  font-family: var(--font-family-body), sans-serif;
  border-bottom: solid 0.1rem var(--color-standard-structurals);
  padding-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.absatzbild__info__copyright {
  color: var(--color-standard-text-tertiary);
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2.1rem;
}
@media screen and (min-width: 768px) {
  .absatzbild__info {
    padding: 1rem 0 0;
  }
  .absatzbild--m {
    padding-right: 2rem;
  }
  .absatzbild--m-indented .absatzbild__info {
    padding: 1rem 0 0 2rem;
  }
  .absatzbild--m-indented:after {
    content: '';
    clear: both;
    display: table;
  }
}
@media screen and (min-width: 1024px) {
  .absatzbild--m-indented .absatzbild__info {
    padding: 1rem 0 0;
  }
}
.zitat {
  font-style: var(--body-01-quote-font-style);
  color: var(--color-standard-text-secondary);
  background-color: var(--color-standard-background-01);
  flex-direction: row;
  padding: 0;
  font-size: 2rem;
  line-height: 2.8rem;
  display: flex;
  position: relative;
}
.zitat__quote {
  padding: 0.8rem 0 0;
  position: relative;
}
.zitat__quote:before {
  content: '”';
  color: var(--color-standard-accent-brand);
  width: 2rem;
  height: 0;
  font-size: 5.5rem;
  display: block;
  position: absolute;
  top: 3rem;
  right: -1.2rem;
}
@media screen and (min-width: 768px) {
  .zitat__quote:before {
    right: 0;
  }
}
.zitat__text {
  padding: 0.8rem 0 0.8rem 3rem;
}
@media screen and (min-width: 768px) {
  .zitat__text {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .zitat__text {
    padding-left: 1.9rem;
  }
}
.zitat__author {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  text-align: right;
  padding: 0.8rem 0 0;
}
.zitat__author__name {
  color: var(--color-standard-text-tertiary);
  font-style: italic;
}
.bulletpoint-list {
  font-family: var(--font-family-body), sans-serif;
  color: var(--color-standard-text-secondary);
  font-size: 2rem;
  line-height: 2.6rem;
}
.bulletpoint-list,
.bulletpoint-list ul,
.bulletpoint-list ol {
  margin: 0 0 2.4rem;
  padding: 0.8rem 0 0 2rem;
}
.bulletpoint-list :last-child,
.bulletpoint-list ul :last-child,
.bulletpoint-list ol :last-child {
  margin-bottom: 0;
}
.bulletpoint-list li,
.bulletpoint-list ul li,
.bulletpoint-list ol li {
  margin-bottom: 1.2rem;
  font-family: inherit;
}
.bulletpoint-list li:last-child,
.bulletpoint-list ul li:last-child,
.bulletpoint-list ol li:last-child {
  margin-bottom: 0;
}
.bulletpoint-list:is(ol),
.bulletpoint-list ul:is(ol),
.bulletpoint-list ol:is(ol) {
  list-style-type: decimal;
}
.bulletpoint-list:is(ul),
.bulletpoint-list ul:is(ul),
.bulletpoint-list ol:is(ul) {
  list-style-type: disc;
}
.bulletpoint-list li ul,
.bulletpoint-list li ol,
.bulletpoint-list ul li ul,
.bulletpoint-list ul li ol,
.bulletpoint-list ol li ul,
.bulletpoint-list ol li ol {
  margin-top: 1.2rem;
  margin-left: 1.2rem;
  font-family: inherit;
}
.bulletpoint-list {
  margin-left: 2rem;
  margin-right: 2rem;
}
@media screen and (min-width: 768px) {
  .bulletpoint-list {
    margin-left: 0;
    margin-right: 0;
  }
}
.bulletpoint-list.color--tongue,
.color--tongue .bulletpoint-list {
  color: var(--color-highlight-text-secondary);
}
.bulletpoint-list a {
  color: var(--color-standard-text-link);
  border-bottom: 0.1rem solid var(--color-standard-accent-01);
  font-family: inherit;
}
.bulletpoint-list a.copytext-anchor {
  border: none;
}
.bulletpoint-list.color--tongue a,
.color--tongue .bulletpoint-list a {
  color: var(--color-highlight-text-link);
  border-bottom-color: var(--color-highlight-accent-01);
}
.infobox {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  background-color: var(--color-highlight-background-03);
  color: var(--color-highlight-text-secondary);
  margin: 0 0 2.4rem;
  padding: 1.6rem 2rem 1.6rem 3.2rem;
}
.infobox .textlink--extern {
  border-bottom-color: var(--color-highlight-text-link);
}
.infobox .textlink--extern:after {
  background-image: var(--highlight-infobox-icon-url);
}
.infobox a {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  color: var(--color-highlight-text-link);
  border-bottom: 1px solid var(--color-highlight-text-link);
}
.infobox__image {
  float: right;
  width: 41.6667%;
  margin-top: -1.6rem;
  margin-right: -2rem;
  padding: 0 0 1.2rem 1.2rem;
}
.infobox__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-04-font-size);
  line-height: var(--heading-04-line-height);
  font-weight: var(--heading-04-font-weight);
  text-transform: var(--heading-04-text-transform);
  color: var(--color-highlight-text-link);
  padding-bottom: 1.2rem;
}
.infobox ul,
.infobox ol {
  margin: 0 0 2.4rem;
  padding: 0.8rem 0 0 2rem;
}
.infobox ul :last-child,
.infobox ol :last-child {
  margin-bottom: 0;
}
.infobox ul li,
.infobox ol li {
  margin-bottom: 1.2rem;
  font-family: inherit;
}
.infobox ul li:last-child,
.infobox ol li:last-child {
  margin-bottom: 0;
}
.infobox ul:is(ol),
.infobox ol:is(ol) {
  list-style-type: decimal;
}
.infobox ul:is(ul),
.infobox ol:is(ul) {
  list-style-type: disc;
}
.infobox ul li ul,
.infobox ul li ol,
.infobox ol li ul,
.infobox ol li ol {
  margin-top: 1.2rem;
  margin-left: 1.2rem;
  font-family: inherit;
}
.infobox ul,
.infobox ol {
  padding-top: 0;
}
.infobox ul li,
.infobox ol li {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
}
.infobox ul:last-child,
.infobox ol:last-child,
.infobox p:last-child {
  margin-bottom: 0;
}
.infobox p {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  margin-bottom: 1.2rem;
}
.infobox abbr {
  border-bottom-color: var(--color-highlight-text-link);
}
.infobox em {
  margin-right: 0.8rem;
}
@media screen and (min-width: 768px) {
  .infobox__image {
    width: 33.3333%;
  }
}
@media screen and (min-width: 1024px) {
  .infobox {
    padding: 2.4rem 3.2rem 2.4rem 4rem;
  }
  .infobox__image {
    margin-top: -2.4rem;
    margin-right: -3.2rem;
  }
}
.infobox-hero {
  background-color: var(--color-highlight-background-01);
  color: var(--color-highlight-text-secondary);
}
.infobox-hero__text-wrapper {
  padding: 1.6rem 2rem;
}
.infobox-hero__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-04-font-size);
  line-height: var(--heading-04-line-height);
  font-weight: var(--heading-04-font-weight);
  text-transform: var(--heading-04-text-transform);
  color: var(--color-highlight-text-primary);
  margin-bottom: 1.2rem;
}
.infobox-hero p,
.infobox-hero__text {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  color: var(--color-highlight-text-secondary);
  margin-bottom: 1.2rem;
}
.infobox-hero .textlink--extern {
  border-bottom-color: var(--color-highlight-text-link);
}
.infobox-hero .textlink--extern:after {
  background-image: var(--highlight-infobox-icon-url);
}
.infobox-hero a {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  color: var(--color-highlight-text-link);
  border-bottom: 1px solid var(--color-highlight-text-link);
}
.infobox-hero ul,
.infobox-hero ol {
  margin: 0 0 2.4rem;
  padding: 0.8rem 0 0 2rem;
}
.infobox-hero ul :last-child,
.infobox-hero ol :last-child {
  margin-bottom: 0;
}
.infobox-hero ul li,
.infobox-hero ol li {
  margin-bottom: 1.2rem;
  font-family: inherit;
}
.infobox-hero ul li:last-child,
.infobox-hero ol li:last-child {
  margin-bottom: 0;
}
.infobox-hero ul:is(ol),
.infobox-hero ol:is(ol) {
  list-style-type: decimal;
}
.infobox-hero ul:is(ul),
.infobox-hero ol:is(ul) {
  list-style-type: disc;
}
.infobox-hero ul li ul,
.infobox-hero ul li ol,
.infobox-hero ol li ul,
.infobox-hero ol li ol {
  margin-top: 1.2rem;
  margin-left: 1.2rem;
  font-family: inherit;
}
.infobox-hero ul,
.infobox-hero ol {
  padding-top: 0;
}
.infobox-hero ul li,
.infobox-hero ol li {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
}
.infobox-hero ul:last-child,
.infobox-hero ol:last-child,
.infobox-hero p:last-child,
.infobox-hero__text:last-child {
  margin-bottom: 0;
}
.copytext-element-wrapper {
  margin: 0 0 2.4rem;
  padding: 1.2rem 2rem;
}
.copytext-element-wrapper--overlap,
.copytext-element-wrapper__spacing {
  padding: 1.2rem 0;
}
.copytext-element-wrapper__top-spacing {
  padding-top: 2rem;
}
.copytext-element-wrapper__no-top-spacing {
  padding-top: 0;
}
.copytext-element-wrapper__vertical-only {
  margin: 0;
  padding: 0 2rem;
}
@media screen and (max-width: 767px) {
  .copytext-element-wrapper__divider span {
    width: 100%;
    margin: 0;
  }
  .copytext-element-wrapper--overlap .copytext-element-wrapper__divider span {
    width: calc(100% - 4rem);
    margin: 0 2rem;
  }
}
@media screen and (min-width: 768px) {
  .copytext-element-wrapper {
    padding: 1.2rem 0;
  }
  .copytext-element-wrapper__vertical-only {
    margin: 0;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .copytext-element-wrapper__top-spacing {
    padding-top: 0;
  }
}
@media print {
  .copytext-element-wrapper {
    display: none;
  }
}
.meldung__subhead {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-03-font-size);
  line-height: var(--heading-03-line-height);
  font-weight: var(--heading-03-font-weight);
  text-transform: var(--heading-03-text-transform);
  color: var(--color-standard-text-primary);
  margin: 0.8rem 0 1.6rem;
}
.meldung__subhead.meldung__subhead--overlap {
  padding: 0;
}
.meldung__subhead--bold {
  font-weight: var(--font-weight-strong);
}
.meldung__subhead--secondary {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-05-font-size);
  line-height: var(--heading-05-line-height);
  text-transform: var(--heading-05-text-transform);
  font-weight: var(--heading-05-font-weight);
  margin-top: 2rem;
  margin-bottom: 0.4rem;
}
.meldung__subhead cite,
.meldung__subhead span {
  font: inherit;
}
.meldung__subhead .meldung__subhead__badge {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-family: var(--font-family-default);
  font-weight: var(--font-weight-default);
  background: var(--color-standard-structurals);
  border-radius: 3px;
  margin-left: 1rem;
  padding: 0.7rem 1rem;
  display: inline-block;
  position: relative;
  top: -0.35rem;
}
@media screen and (min-width: 768px) {
  .meldung__subhead .meldung__subhead__badge {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.meldung__subheadlinewrapper {
  margin: 0.8rem 0 1.6rem;
}
.meldung__subheadlinewrapper .meldung__topline-subhead,
.meldung__subheadlinewrapper .meldung__subhead {
  float: left;
  width: 100%;
}
.meldung__subheadlinewrapper .meldung__subhead {
  margin: 0;
}
.meldung__subhead--skeleton {
  background: var(--color-page-highlight);
  border-radius: 0.3rem;
  max-width: 25rem;
  height: 3.4rem;
}
.meldung__topline-subhead {
  font-family: var(--font-family-body), sans-serif;
  color: var(--color-standard-text-secondary);
  margin-bottom: 0.6rem;
  font-size: 1.6rem;
  line-height: 2rem;
  display: block;
}
@media screen and (min-width: 1024px) {
  .meldung__topline-subhead {
    margin-bottom: 0.8rem;
  }
}
.copytext-element-wrapper .meldung__subhead {
  padding: 0;
}
.liveblog--anchor {
  scroll-margin-top: 5.2rem;
}
.copytext-anchor {
  font: inherit;
  border: none;
  scroll-margin-top: 6rem;
  color: inherit !important;
}
.meldung__subhead a {
  scroll-margin-top: 8rem;
}
@media screen and (min-width: 768px) {
  .meldung__subhead a {
    scroll-margin-top: 10rem;
  }
}
.meldung__uhrzeit,
.liveblog__datetime {
  color: var(--color-standard-text-tertiary);
  margin-top: 0;
  padding-top: 2.4rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
@media screen and (min-width: 768px) {
  .meldung__uhrzeit,
  .liveblog__datetime {
    padding: 0;
  }
}
.meldung__uhrzeit {
  margin-bottom: 0.4rem;
}
.liveblog__datetime {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .liveblog__datetime {
    margin-top: 2.4rem;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .liveblog--anchor,
  .copytext-anchor {
    scroll-margin-top: 8.8rem;
  }
}
.meldung__subhead {
  padding: 0 2rem;
}
@media screen and (min-width: 768px) {
  .meldung__subhead,
  .meldung__topline-subhead {
    padding: 0;
  }
  .copytext__video__info,
  .copytext__audio__info {
    padding: 1rem 0;
  }
}
@media print {
  .copytext__video,
  .copytext__audio {
    display: none;
  }
}
.archive__dachzeile {
  color: var(--color-standard-text-secondary);
  margin-bottom: 0.4rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.archive__headline {
  color: var(--color-standard-text-primary);
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-03-font-size);
  line-height: var(--heading-03-line-height);
  font-weight: var(--heading-03-font-weight);
  text-transform: var(--heading-03-text-transform);
  margin-bottom: 1.6rem;
}
.verweisabsatz {
  font-family: var(--font-family-body), sans-serif;
  font-size: 2rem;
  font-style: italic;
  line-height: 2.6rem;
}
.verweisabsatz__wrapper {
  margin-top: 1.2rem;
}
.verweisabsatz__link {
  font-family: var(--font-family-body), sans-serif;
  color: var(--color-standard-text-secondary);
  font-size: 2rem;
  font-style: italic;
  line-height: 2.6rem;
}
.verweisabsatz__link-ziel {
  color: var(--color-standard-text-link);
  border-bottom: 0.1rem solid var(--color-standard-accent-01);
}
.lotto {
  background: var(--color-standard-background-01);
  width: 100%;
  padding-bottom: 3.2rem;
}
.lotto__zahlen {
  flex-direction: row;
  justify-content: space-evenly;
  margin-bottom: 24px;
  padding: 0;
  display: flex;
}
.lotto__zahlen__zahl {
  background: var(--color-highlight-background-01);
  color: var(--color-highlight-text-primary);
  flex-basis: 16.6%;
  justify-content: center;
  align-items: center;
  height: auto;
  margin: 0 1px 0 0;
  font-size: 2.4rem;
  display: flex;
}
.lotto__zahlen__zahl:last-of-type {
  margin: 0;
}
.lotto__zahlen__zahl:before {
  content: '';
  float: left;
  padding-top: 100%;
}
.lotto__spiele {
  flex-direction: row;
  align-items: center;
  width: calc(100% - 40px);
  margin-bottom: 24px;
  padding: 0 20px;
  display: flex;
}
.lotto__spiele:last-child {
  margin-bottom: 0;
}
.lotto__spiele__spiel {
  white-space: nowrap;
  min-width: 11rem;
  color: var(--color-standard-text-tertiary);
  padding: 0;
  font-size: 1.8rem;
  line-height: 2rem;
}
.lotto__spiele__zahlen {
  letter-spacing: 2rem;
  white-space: nowrap;
  font-size: 2.4rem;
  line-height: 2.9rem;
}
@media screen and (min-width: 768px) {
  .lotto {
    padding-bottom: 2.4rem;
  }
  .lotto__zahlen {
    margin-top: 0;
    margin-left: 2rem;
  }
  .lotto__spiele {
    margin-left: 2rem;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .lotto__spiele__zahlen {
    letter-spacing: 3rem;
  }
}
.multimediahead {
  background-color: var(--color-standard-background-01);
  flex-direction: column;
  margin-top: 2.4rem;
  padding: 0 2rem;
  display: flex;
}
@media screen and (min-width: 768px) {
  .multimediahead {
    padding: 0;
  }
}
.multimediahead__headline-wrapper {
  display: inline;
}
.multimediahead__label {
  float: left;
  margin-bottom: 0.6rem;
  display: block;
}
@media screen and (min-width: 1024px) {
  .multimediahead__label {
    margin-bottom: 0.8rem;
  }
}
.multimediahead__topline {
  font-family: var(--font-family-overline), sans-serif;
  font-size: var(--overline-font-size);
  line-height: var(--overline-line-height);
  text-transform: var(--overline-text-transform);
  font-style: var(--overline-font-style);
  margin-bottom: 0.6rem;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .multimediahead__topline {
    margin-bottom: 0.8rem;
  }
}
.multimediahead__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-01-font-size);
  line-height: var(--heading-01-line-height);
  font-weight: var(--heading-01-font-weight);
  text-transform: var(--heading-01-text-transform);
  color: var(--color-standard-text-primary);
  float: left;
  width: 100%;
}
.multimediahead__date {
  color: var(--color-standard-text-tertiary);
  clear: both;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2rem;
  display: block;
}
.multimediahead__shorttext {
  font-family: var(--font-family-body), sans-serif;
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: var(--font-weight-strong);
  color: var(--color-standard-text-accent);
  margin-bottom: 2.4rem;
}
.multimedia-foot {
  margin-top: 3.2rem;
}
.home__icon {
  margin-left: 2rem;
  padding-right: 0.3rem;
}
.anchored {
  font-weight: bolder;
}
.anchored + .anchored:before {
  content: '';
  background-color: var(--color-standard-structurals);
  width: 0.05rem;
  height: 70%;
  position: absolute;
  top: 15%;
}
.horizontal-nav {
  font-size: 1.5rem;
  position: relative;
}
.horizontal-nav .swipe {
  align-items: center;
  height: 3.8rem;
  display: flex;
}
.horizontal-nav.horizontal-nav--swipenav {
  scrollbar-width: none;
}
.horizontal-nav.horizontal-nav--swipenav > ul li.latthema:first-of-type {
  border-left: 0.5rem solid #0000;
}
.horizontal-nav.horizontal-nav--swipenav::-webkit-scrollbar {
  background: 0 0;
  width: 0;
}
.horizontal-nav.horizontal-nav--swipenav > .swipe {
  box-shadow: inset 0 0.5rem 0.5rem -0.5rem var(--color-page-shadow-01);
}
.horizontal-nav.horizontal-nav--home {
  float: left;
  z-index: 142;
}
.horizontal-nav.horizontal-nav--home .swipe li {
  position: relative;
}
.horizontal-nav.horizontal-nav--home .swipe li:hover:after,
.horizontal-nav.horizontal-nav--home .swipe li:active:after {
  content: '';
  background-color: var(--color-standard-structurals);
  width: 0.05rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: -0.05rem;
}
.horizontal-nav .horizontal-nav--is-dossier {
  left: 0;
  right: 0;
}
.horizontal-nav .swipe {
  -ms-overflow-style: none;
  -moz-scrollbar-width: none;
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
}
.horizontal-nav .swipe::-webkit-scrollbar {
  display: none;
}
.horizontal-nav .swipe li {
  vertical-align: middle;
  display: inline-block;
}
.horizontal-nav .swipe li:hover,
.horizontal-nav .swipe li:active {
  color: var(--color-standard-text-secondary);
  background: var(--color-standard-structurals);
  cursor: pointer;
}
.horizontal-nav .swipe li:not(:last-child) a,
.horizontal-nav .swipe li:not(:first-child) a {
  font-weight: 400;
}
.horizontal-nav .swipe .latthema:hover {
  background: 0 0;
}
.horizontal-nav .swipe .latthema--link {
  border: 0.1rem solid #0000;
}
.horizontal-nav .swipe .latthema--link:hover,
.horizontal-nav .swipe .latthema--link:active,
.horizontal-nav .swipe .latthema--link:focus-visible {
  background: var(--elementcolor-standard-secondary-background-hover);
}
.horizontal-nav .swipe a,
.horizontal-nav .swipe span.a,
.horizontal-nav .swipe .additional-navigation-entry span {
  color: var(--color-standard-text-secondary);
  padding: 1.2rem 1.2rem 1.1rem;
  display: block;
}
.horizontal-nav .swipe a.home {
  outline-offset: -0.4rem;
  padding: 1.1rem 1.2rem;
}
.horizontal-nav .swipe .latthema--link {
  color: var(--color-standard-text-secondary);
  background: var(--color-standard-structurals);
  border-radius: 1.2rem;
  margin: 0 0.5rem;
  padding: 0.3rem 0.7rem 0.4rem;
}
.horizontal-nav .swipe.horizontal-nav-static li:not(:first-child) a {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 3rem;
  overflow: hidden;
}
.horizontal-nav .swipe.horizontal-nav-static li:not(:first-child) a.no-ellipsis {
  text-overflow: unset;
  max-width: none;
  overflow: visible;
}
a.home.mobile-view span {
  display: none;
}
a.home.mobile-view svg {
  display: block;
}
.latthema--link:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: 0.4rem;
}
@media screen and (min-width: 1024px) {
  .home__icon {
    margin-left: 4rem;
    padding: 0;
  }
  .horizontal-nav .swipe a.home {
    outline-offset: -0.2rem;
    padding: 1.2rem 1.2rem 1.1rem;
  }
  .horizontal-nav .swipe.horizontal-nav-static li:not(:first-child) a {
    white-space: initial;
    overflow: initial;
    text-overflow: initial;
    max-width: initial;
  }
  a.home.mobile-view svg {
    display: none;
  }
  a.home.mobile-view span {
    display: block;
  }
  .horizontal-nav.horizontal-nav--swipenav {
    width: calc(100% + 4rem);
  }
}
@media screen and (min-width: 1104px) {
  .home__icon {
    margin-left: 0;
  }
}
.horizontal-nav--home ul li:last-child span {
  font-weight: 600;
}
.article-breadcrumb .article-breadcrumb__title--inside {
  cursor: default;
  margin: 0.9rem 0.5rem 0.7rem;
  padding: 0.3rem 0.7rem 0.4rem;
  display: block;
}
.article-breadcrumb li > * {
  color: var(--color-standard-text-secondary);
}
.article-breadcrumb li + li > :before {
  content: '';
  border-style: solid;
  border-width: 0.4rem 0 0.4rem 0.6rem;
  border-color: #0000 #0000 #0000 var(--color-standard-text-tertiary);
  width: 0;
  height: 0;
  margin: 0 0.6em 0.1rem -1.2rem;
  display: inline-block;
  top: -2rem;
}
.horizontal-nav .swipe li.article-breadcrumb__title:hover,
.horizontal-nav .swipe li.article-breadcrumb__title:active {
  background: var(--color-standard-background-01);
}
.settings__box {
  background: var(--color-standard-background-02);
  padding: 2rem 3rem;
}
@media screen and (min-width: 1024px) {
  .settings__box {
    padding: 2rem 4rem;
  }
}
.form--settings {
  padding-bottom: 0.9rem;
}
.form--settings li {
  width: 49%;
  display: inline-block;
}
.form--settings li.basic-settings {
  width: 100%;
}
.form--settings .settings__list-wrapper {
  margin-top: 0.8rem;
}
.form--settings .form-checkbox {
  margin: 0.8rem 0;
}
.form--settings .form-checkbox__text-label,
.form--settings .form-label {
  font-family: var(--font-family-default);
}
.basic-settings {
  margin-bottom: 1.6rem;
}
.thirdparty-settings {
  margin-top: 3rem;
}
.thirdparty-settings__label {
  font-family: var(--font-family-body), sans-serif;
  color: var(--color-standard-text-secondary);
  font-size: 1.6rem;
  line-height: 2rem;
}
.thirdparty-settings__label--strong {
  font-weight: var(--font-weight-strong);
}
.settings__list-wrapper {
  margin-bottom: 2.4rem;
}
.article-head {
  background: var(--color-standard-background-01);
}
.article-head--accent {
  background: var(--color-standard-background-accent);
  margin-bottom: 0;
}
.article-head__media,
.article-head__av-link-wrapper {
  position: relative;
}
.article-head__av-link-wrapper .btn--text {
  z-index: 21;
  position: absolute;
  bottom: 1.2rem;
  right: 1.2rem;
}
.article-head__data {
  width: 100%;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .article-head__data {
    padding: 0 2rem;
  }
}
.article-head__label {
  float: left;
  margin-bottom: 1rem;
  display: block;
}
.article-head__topline {
  font-family: var(--font-family-overline), sans-serif;
  font-size: var(--overline-font-size);
  line-height: var(--overline-line-height);
  text-transform: var(--overline-text-transform);
  font-style: var(--overline-font-style);
  color: var(--color-standard-text-accent);
  margin-bottom: 0.8rem;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .article-head__topline {
    margin-bottom: 0.8rem;
  }
}
.article-head__headline--text {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-01-font-size);
  line-height: var(--heading-01-line-height);
  font-weight: var(--heading-01-font-weight);
  text-transform: var(--heading-01-text-transform);
  clear: left;
  color: var(--color-standard-text-primary);
  margin-bottom: 1.2rem;
  display: block;
}
.article-head__headline--text cite,
.article-head__headline--text span {
  font: inherit;
}
.article-head__shorttext {
  font-family: var(--font-family-body), sans-serif;
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: var(--font-weight-strong);
  color: var(--color-standard-text-accent);
  padding-bottom: 2.4rem;
}
.article-head__shorttext a {
  color: var(--color-standard-text-primary);
  border-bottom: 0.1rem solid var(--color-standard-accent-01);
  font-weight: inherit;
}
.article-head__shorttext span {
  font-weight: inherit;
}
.article-head [data-v-type='SliderNav'] {
  padding-bottom: 2.4rem;
  padding-left: 0;
  padding-right: 0;
}
.article-head .copytext-element-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.color--tongue .buttongroup {
  background-color: #0000;
}
.buttongroup {
  background-color: var(--color-standard-background-01);
  flex-direction: column;
  width: 100%;
  padding: 0 2rem 2.4rem;
  display: flex;
}
.buttongroup--highlight {
  background-color: var(--color-highlight-background-01);
}
.buttongroup__item {
  flex: 1;
  padding-top: 1.6rem;
}
.buttongroup__item:first-of-type {
  padding-top: 0;
}
.buttongroup--centered,
.buttongroup--centered .buttongroup__item {
  justify-content: center;
  display: flex;
}
.buttongroup--headline {
  padding-top: 1.6rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.buttongroup--copytext {
  padding: 1.6rem 0 1.2rem;
}
.buttongroup--skeleton .buttongroup__item .btn {
  background: var(--color-page-highlight);
  width: 100%;
  height: 3.2rem;
  display: block;
}
.color--tongue .buttongroup--skeleton .buttongroup__item .btn {
  background-color: var(--color-highlight-background-02);
}
@media screen and (min-width: 768px) {
  .buttongroup {
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 2rem 1.6rem;
  }
  .buttongroup__item {
    min-width: 25%;
    max-width: 33.3333%;
    padding: 0 1rem 0 0;
  }
  .buttongroup__item:only-child {
    max-width: 41.6667%;
    padding: 0;
  }
  .buttongroup--centered {
    justify-content: center;
    display: flex;
  }
  .buttongroup__item:last-of-type {
    padding-right: 0;
  }
  .buttongroup--copytext {
    padding: 1.6rem 0;
  }
  .buttongroup--copytext .buttongroup__item,
  .buttongroup--searchresults .buttongroup__item {
    max-width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .buttongroup:not(.buttongroup--copytext, .buttongroup--searchresults) {
    padding: 0 0 2.4rem;
  }
  .buttongroup__item:only-child {
    max-width: 33.3333%;
  }
  .buttongroup--centered .buttongroup__item:only-child {
    max-width: 50%;
  }
}
.meldungsfooter {
  background-color: var(--color-standard-background-01);
  width: 100%;
  margin-top: -2px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .meldungsfooter {
    padding: 0;
  }
  .meldungsfooter--sharing-only {
    clear: left;
    margin-bottom: 6rem;
  }
}
@media print {
  article + aside.container,
  .meldungsfooter {
    display: none;
  }
}
.button-double--item {
  padding: 0 2rem;
}
.button-double--item:last-child {
  padding-top: 2rem;
}
@media screen and (min-width: 768px) {
  .button-double .button-double--item:first-child {
    padding: 0 1rem 0 0;
  }
  .button-double .button-double--item:last-child {
    padding: 0 0 0 1rem;
  }
}
.copytext-galerie {
  margin-top: 1.2rem;
  padding: 0 2rem;
}
.copytext-galerie__dachzeile {
  color: var(--color-standard-text-secondary);
  margin-bottom: 0.4rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.copytext-galerie__headline {
  color: var(--color-standard-text-primary);
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-04-font-size);
  line-height: var(--heading-04-line-height);
  font-weight: var(--heading-04-font-weight);
  text-transform: var(--heading-04-text-transform);
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) {
  .copytext-galerie {
    padding: 0;
  }
}
.taglist {
  white-space: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin: 2.4rem 0 1.6rem;
  display: flex;
  overflow: auto;
}
@media screen and (min-width: 1024px) {
  .taglist {
    white-space: normal;
    margin: 2.4rem 0 0.8rem;
  }
}
.taglist::-webkit-scrollbar {
  background: 0 0;
  width: 0;
  height: 0;
}
.taglist__element:first-child {
  margin-left: 0.4rem;
}
.taglist__element {
  white-space: nowrap;
  margin: 0.4rem 1.2rem 0.4rem 0;
  display: flex;
}
@media screen and (min-width: 1024px) {
  .taglist__element {
    margin: 1.4rem 0.9rem 2rem 0.4rem;
  }
}
.sendungsbezug {
  border-bottom: 0.1rem solid var(--color-standard-structurals);
  border-top: 0.1rem solid var(--color-standard-structurals);
  color: var(--color-standard-text-tertiary);
  padding: 1.2rem 0;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2rem;
  position: relative;
}
.sendungsbezug a {
  color: var(--color-standard-text-link);
  text-decoration: underline;
}
.sendungsbezug ul {
  padding: 0.2rem 0 0 2rem;
  list-style-type: disc;
}
.sendungsbezug .sendungsbezug--title {
  font-weight: var(--font-weight-strong);
  padding-bottom: 0.4rem;
  display: block;
}
.socialbuttons {
  background-color: var(--color-standard-background-01);
  margin: 1.6rem 0 2.4rem;
}
.socialbuttons__list {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.socialbuttons__list__item {
  flex: 1;
  justify-content: space-evenly;
  width: 3.6rem;
  display: flex;
}
.socialbuttons__list__item .tabfocus {
  flex-direction: column;
  align-items: center;
  height: 100%;
  display: flex;
}
.socialbuttons button {
  cursor: pointer;
  background-color: #0000;
}
.socialbuttons button:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: -0.2rem;
}
.socialbuttons.color--tongue button:focus-visible,
.color--tongue .socialbuttons button:focus-visible {
  outline-color: var(--color-highlight-text-tertiary);
}
.socialbuttons .socialbuttons__icon,
.socialbuttons .socialbuttons__icon--functional,
.socialbuttons .socialbuttons__icon--functional-facebook,
.socialbuttons .socialbuttons__icon--functional-whatsapp {
  width: 4rem;
  height: 4rem;
  margin-bottom: 0.8rem;
  padding: 0.8rem;
}
.socialbuttons .socialbuttons__icon--functional,
.socialbuttons .socialbuttons__icon--functional-facebook,
.socialbuttons .socialbuttons__icon--functional-whatsapp {
  border-radius: 3rem;
}
.socialbuttons .socialbuttons__icon--functional svg,
.socialbuttons .socialbuttons__icon--functional-facebook svg,
.socialbuttons .socialbuttons__icon--functional-whatsapp svg {
  fill: var(--elementcolor-standard-secondary-foreground);
  margin: 0 auto;
}
.socialbuttons .socialbuttons__icon--functional-facebook svg,
.socialbuttons .socialbuttons__icon--functional-whatsapp svg {
  fill: #fff;
}
.socialbuttons .socialbuttons__icon--functional-facebook {
  background: #3771ec;
}
.socialbuttons .socialbuttons__icon--functional-whatsapp {
  background: #25d366;
}
.socialbuttons .socialbuttons__icon--functional {
  background: var(--elementcolor-standard-secondary-background);
}
.socialbuttons .socialbuttons__subline {
  color: var(--color-standard-text-secondary);
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.socialbuttons--with-endline {
  width: unset;
  border-bottom: solid 0.1rem var(--color-standard-structurals);
  margin: 0;
  padding-top: 1rem;
  padding-bottom: 1.2rem;
}
.boersenteaser {
  background: var(--color-standard-background-01);
  width: 100%;
}
.boersenteaser__embed:last-child {
  margin-bottom: 0;
}
.boersenteaser__embed__inner {
  margin-bottom: 3.2rem;
  padding: 0 2rem;
}
@media screen and (min-width: 768px) {
  .boersenteaser__embed__inner {
    margin-bottom: 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .boersenteaser .boersenteaser__embed:nth-child(2n) .boersenteaser__embed__inner {
    padding: 0 0 0 2rem;
  }
  .boersenteaser .boersenteaser__embed:nth-child(odd) .boersenteaser__embed__inner {
    padding: 0 2rem 0 0;
  }
}
.paginierung {
  background: var(--color-standard-background-01);
  color: var(--color-standard-text-tertiary);
  clear: both;
  width: 100%;
  padding: 3.2rem 0;
}
.paginierung__liste {
  justify-content: center;
  align-items: center;
  margin-top: 0.4rem;
  display: flex;
}
.paginierung__liste > li {
  box-sizing: content-box;
  padding: 0 0.5rem;
}
.paginierung__liste > li.prev,
.paginierung__liste > li.next {
  width: 1.6rem;
}
.paginierung__liste > li.prev svg,
.paginierung__liste > li.next svg {
  fill: var(--color-standard-text-tertiary);
  height: 1.6rem;
}
.paginierung__liste > li.active,
.paginierung__liste > li .active {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: var(--font-weight-strong);
  color: var(--color-standard-text-secondary);
}
.paginierung__liste--link {
  font-family: var(--font-family-body), sans-serif;
  color: var(--color-standard-text-tertiary);
  align-items: center;
  font-size: 1.6rem;
  line-height: 2rem;
  display: flex;
}
.paginierung__liste--link:focus-visible {
  outline-offset: 2px;
}
.paginierung .divider {
  margin: 1.2rem 0;
}
@media screen and (max-width: 768px) {
  .paginierung {
    margin: 0;
    padding: 3.2rem 2rem;
  }
}
.ergebnisse {
  font-family: var(--font-family-body), sans-serif;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2rem;
}
.ergebnisse__anzahl,
.ergebnisse__suchbegriff {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: var(--font-weight-strong);
  color: var(--color-standard-text-secondary);
  padding-right: 0.4rem;
}
.anchor-link {
  opacity: 0;
  color: var(--color-standard-text-secondary);
  font-size: 1.5rem;
  text-decoration: underline;
  position: absolute;
  top: 1.2rem;
  left: -10000px;
}
.anchor-link:focus-visible {
  opacity: 1;
  background: var(--color-standard-background-01);
  z-index: 1000;
  padding: 0.8rem;
  left: 1.2rem;
}
.wahlbeteiligung {
  font-family: var(--font-family-body), sans-serif;
  background: var(--color-standard-background-01);
  flex-direction: column;
  font-size: 1.6rem;
  line-height: 2rem;
  display: flex;
}
.wahlbeteiligung--beteiligung-wrapper,
.wahlbeteiligung--regierung-wrapper {
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 0;
  display: flex;
}
.wahlbeteiligung--label {
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  color: var(--color-standard-text-tertiary);
}
.wahlbeteiligung--beteiligung-wrapper {
  align-items: baseline;
  display: flex;
}
.wahlbeteiligung--number {
  font-weight: var(--font-weight-strong);
  font-size: 2.8rem;
}
@media screen and (min-width: 768px) {
  .wahlbeteiligung--number {
    font-size: 3.2rem;
  }
}
.wahlbeteiligung--parteilabel-wrapper {
  display: flex;
}
.wahlbeteiligung--parteilabel {
  color: var(--color-standard-background-01);
  font-weight: var(--font-weight-strong);
  margin-left: 0.4rem;
  padding: 0.2rem 0.8rem;
}
@media screen and (min-width: 1024px) {
  .wahlbeteiligung {
    flex-direction: row;
    align-items: baseline;
  }
  .wahlbeteiligung--beteiligung-wrapper {
    justify-content: flex-start;
    padding: 0 2rem 2.4rem 0;
  }
  .wahlbeteiligung--regierung-wrapper {
    justify-content: flex-end;
    padding: 0 0 2.4rem 2rem;
  }
  .wahlbeteiligung--number {
    margin-left: 1.2rem;
  }
  .wahlbeteiligung--divider {
    align-self: center;
    height: 3.6rem;
    display: flex;
  }
  .wahlbeteiligung--parteilabel {
    margin-left: 0.8rem;
  }
}
.index-image-only {
  margin-top: 2.4rem;
  position: relative;
}
.index-image-only .image-btn {
  z-index: 42;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 1024px) {
  .index-image-only {
    margin: 2.4rem 0;
  }
}
.article-image-only {
  background-color: var(--color-standard-background-01);
  margin: 0 0 2.4rem;
  position: relative;
}
.article-image-only__sharing {
  margin: 0;
}
.article-image-only__info {
  color: var(--color-standard-text-tertiary);
  padding: 1rem 2rem 0;
}
.article-image-only__info__text {
  border-bottom: solid 0.1rem var(--color-standard-structurals);
  padding-bottom: 1.7rem;
  font-size: 1.6rem;
  line-height: 2.1rem;
}
.article-image-only__info__copyright {
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2.1rem;
}
.article-image-only .image-btn {
  z-index: 42;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  .article-image-only__info {
    padding: 1rem 0 0;
  }
}
.content-liste {
  color: var(--color-standard-text-secondary);
  margin: 2rem 2rem 2.4rem;
  font-size: 1.6rem;
  line-height: 2.1rem;
}
.content-liste.content-liste--standalone {
  margin: 0;
}
.content-liste > li {
  border-bottom: solid 0.1rem var(--color-standard-structurals);
}
.content-liste > li span,
.content-liste > li a {
  padding: 0.8rem 1rem;
  display: block;
}
.content-liste > li a {
  color: var(--color-standard-text-secondary);
}
.content-liste > li a:hover {
  cursor: pointer;
  background: var(--color-standard-structurals);
  color: var(--color-standard-text-secondary);
}
.content-liste > li:last-child {
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .content-liste {
    margin: 2rem 0 2.4rem;
  }
  .content-liste--columns {
    flex-flow: wrap;
    display: flex;
  }
  .content-liste--columns > li {
    width: calc(50% - 2rem);
  }
  .content-liste--columns > li:nth-child(odd) {
    margin-right: 2rem;
  }
  .content-liste--columns > li:nth-child(2n) {
    margin-left: 2rem;
  }
}
.compact-list {
  background: var(--color-standard-background-01);
  width: 100%;
  display: inline-block;
}
.compact-list.color--tongue {
  background: var(--color-highlight-background-01);
}
.compact-list__list {
  flex-flow: wrap;
  padding: 0 2rem;
  display: flex;
}
@media screen and (min-width: 1024px) {
  .compact-list__list {
    padding: 0;
  }
}
.tag-cloud {
  text-align: center;
  background-color: var(--color-standard-background-01);
  padding: 0 2rem;
}
.tag-cloud li {
  margin: 0 0.6rem 1.6rem;
  display: inline-block;
}
.tag-cloud .tag-btn {
  display: block;
}
@media screen and (min-width: 768px) {
  .tag-cloud {
    padding: 0;
  }
}
.tag-btn.tag-btn__sticky {
  z-index: 21;
  color: var(--elementcolor-standard-primary-live-foreground);
  background: var(--elementcolor-standard-primary-live-background);
  padding: 0.8rem 2rem;
  position: absolute;
  bottom: -4.8rem;
  left: 50%;
  transform: translate(-50%);
}
.back-to-top {
  z-index: 21;
  width: 4rem;
  height: 4rem;
  box-shadow: 0.15rem 0.15rem 0.66rem -0.25rem var(--color-page-overlay-02);
  border-radius: 0.4rem;
  transition: all 0.4s;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
}
.back-to-top.hide {
  opacity: 0;
  pointer-events: none;
}
.back-to-top.show {
  opacity: 1;
  pointer-events: auto;
}
.teaser-xs.color--tongue {
  background: var(--color-highlight-background-01);
  color: var(--color-highlight-text-primary);
}
.teaser-xs.color--tongue .teaser-xs__headline {
  color: var(--color-highlight-text-primary);
}
.teaser-xs.color--tongue .list--separator:after {
  border-color: var(--color-highlight-structurals);
}
.teaser-xs.color--tongue .teaser-xs__topline {
  color: var(--color-highlight-text-accent);
}
.teaser-xs.color--tongue .teaser-xs__date {
  color: var(--color-highlight-text-tertiary);
}
.teaser-xs.teaser-xs--skeleton.color--tongue .teaser-xs__headline-wrapper,
.teaser-xs.teaser-xs--skeleton.color--tongue .teaser-xs__topline-container,
.teaser-xs.teaser-xs--skeleton.color--tongue .teaser-xs__image {
  background-color: var(--color-highlight-background-02);
}
.teaser-xs {
  background: var(--color-standard-background-01);
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  margin-top: -0.1rem;
  margin-bottom: 1.6rem;
  display: flex;
  position: relative;
}
.teaser-xs:nth-of-type(odd) {
  clear: left;
}
.teaser-xs__teaserinfo {
  padding: 0.8rem 2rem 0 1.5rem;
}
@media screen and (min-width: 1024px) {
  .teaser-xs__teaserinfo {
    padding: 1.2rem 2rem 0;
  }
}
.teaser-xs__topline-container {
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}
.teaser-xs__topline-container .label {
  margin-bottom: 0.6rem;
  margin-right: 0.6rem;
}
.teaser-xs__date,
.teaser-xs__duration {
  color: var(--color-standard-text-tertiary);
  margin-right: 0.6rem;
  padding-bottom: 0.6rem;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2rem;
}
.teaser-xs__topline {
  font-family: var(--font-family-overline), sans-serif;
  font-size: var(--overline-font-size);
  line-height: var(--overline-line-height);
  text-transform: var(--overline-text-transform);
  font-style: var(--overline-font-style);
}
.teaser-xs__topline:before {
  content: none;
}
.teaser-xs__topline {
  color: var(--color-standard-text-accent);
  width: 100%;
  margin-top: 0;
  padding: 0.2rem 0;
  display: block;
}
.teaser-xs__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-04-font-size);
  line-height: var(--heading-04-line-height);
  font-weight: var(--heading-04-font-weight);
  text-transform: var(--heading-04-text-transform);
  color: var(--color-standard-text-primary);
  -webkit-line-clamp: 4;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.teaser-xs__headline cite,
.teaser-xs__headline span:not(.link-extend) {
  font: inherit;
}
.teaser-xs__media {
  position: relative;
}
.teaser-xs--skeleton .teaser-xs__image {
  background: var(--color-page-highlight);
  width: 100%;
  padding-bottom: 100%;
  display: block;
}
.teaser-xs--skeleton .teaser-xs__topline-container {
  background: var(--color-page-highlight);
  border-radius: 0.3rem;
  width: 40%;
  height: 2rem;
  margin-bottom: 1rem;
}
.teaser-xs--skeleton .teaser-xs__headline-wrapper {
  background: var(--color-page-highlight);
  border-radius: 0.3rem;
  width: 70%;
  height: 3rem;
  margin-bottom: 1rem;
}
.teaser-xs .image-btn {
  z-index: 42;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 768px) {
  .teaser-xs {
    flex-wrap: nowrap;
  }
  .teaser-xs:nth-child(odd) {
    padding-right: 2rem;
  }
  .teaser-xs:nth-child(2n) {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .teaser-xs {
    margin-bottom: 2.4rem;
  }
}
.teaser-xs__link {
  width: 100%;
  text-decoration: none;
}
.teaser-xs__teaserinfo .teaser-xs__link {
  border: 2px solid #0000;
  display: block;
}
.teaser-xs__teaserinfo .teaser-xs__link img {
  outline: 0;
}
.simpletable__wrapper {
  width: 100%;
  margin-bottom: 2.4rem;
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .simpletable__wrapper {
    padding: 0 2rem;
  }
  .simpletable__wrapper.simpletable__wrapper--standalone {
    padding: 0;
  }
}
.simpletable {
  width: 100%;
  font-size: 1.8rem;
  overflow: scroll;
}
.simpletable > caption {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-03-font-size);
  line-height: var(--heading-03-line-height);
  font-weight: var(--heading-03-font-weight);
  text-transform: var(--heading-03-text-transform);
  color: var(--color-standard-text-primary);
  text-align: left;
}
.simpletable > tbody > tr:nth-child(2n) {
  background-color: var(--color-standard-tablecell-background);
}
.simpletable > tbody > tr > td,
.simpletable > thead > tr > th {
  text-align: left;
  padding: 1.2rem;
}
.simpletable > tbody > tr > td.simpletable--center,
.simpletable > thead > tr > th.simpletable--center {
  text-align: center;
}
.simpletable > tbody > tr > td.simpletable--right,
.simpletable > thead > tr > th.simpletable--right {
  text-align: right;
}
.simpletable > tbody > tr > td {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  border-bottom: 0.1rem solid var(--color-standard-tablecell-border);
  color: var(--color-standard-text-secondary);
}
.simpletable > tbody > tr > td .textlink--extern:after {
  background-position-y: 0.05rem;
}
.simpletable > tbody > tr > td .textlink[href^='http'],
.simpletable > tbody > tr > td .textlink--extern[href^='http'] {
  line-height: 1.8rem;
}
.simpletable > tbody > tr > td a {
  color: var(--color-standard-text-link);
  border-bottom: 0.1rem solid var(--color-standard-accent-01);
}
.simpletable td.active {
  background-color: var(--color-standard-tablecell-background-active);
  color: var(--color-standard-tablecell-text-active);
}
.simpletable > thead > tr > th {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  font-weight: var(--font-weight-strong);
  border-bottom: 0.2rem solid var(--color-standard-tablehead-border);
  background-color: var(--color-standard-tablehead-background);
  color: var(--color-standard-tablehead-text);
}
.simpletable > thead > tr > th .textlink,
.simpletable > thead > tr > th .textlink--extern {
  color: var(--color-standard-tablehead-text);
  border-bottom: 1px solid var(--color-standard-tablehead-text);
  font: inherit;
}
.simpletable > thead > tr > th .textlink--extern:after {
  background: var(--tablehead-extern-icon-url) no-repeat;
  background-position-y: 0.05rem;
}
.simpletable .textlink--extern {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
}
.simpletable .textlink--extern:after {
  vertical-align: sub;
  border-bottom: none;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 0.5rem;
  padding: 0;
  display: inline-block;
}
.dropdown {
  min-width: 100%;
  padding: 0;
}
.dropdown__title {
  background-color: var(--color-highlight-background-01);
  flex-direction: column;
  padding: 2rem;
  display: flex;
}
.dropdown__topline {
  width: 100%;
  color: var(--color-highlight-text-secondary);
  padding-bottom: 0.3rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.dropdown__headline {
  font-weight: var(--font-weight-strong);
  width: 100%;
  color: var(--color-highlight-text-primary);
  font-size: 2.4rem;
}
.dropdown__list {
  background-color: var(--color-highlight-background-01);
  flex-direction: column;
  padding: 1.2rem 0.8rem;
  display: flex;
}
.dropdown__list > li {
  color: var(--color-highlight-text-secondary);
  align-items: center;
  display: flex;
}
.dropdown__link {
  border-bottom: solid 1px var(--color-highlight-structurals);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1.2rem 1rem;
  text-decoration: none;
  display: flex;
}
.dropdown__link.disabled {
  pointer-events: none;
}
.dropdown__link.disabled .dropdown__link__text {
  color: var(--color-highlight-text-tertiary);
}
.dropdown__link.disabled .dropdown__link__icon .icon {
  fill: var(--color-highlight-text-tertiary);
}
.dropdown__link:hover {
  color: var(--color-highlight-text-primary);
  background-color: var(--color-highlight-structurals);
}
.dropdown__link:active {
  background-color: var(--color-highlight-structurals);
  font-weight: var(--font-weight-strong);
}
.dropdown__link:focus-visible {
  outline: 0.2rem solid var(--color-highlight-text-tertiary);
}
.dropdown__link__text {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  color: var(--color-highlight-text-secondary);
  padding-right: 0.8rem;
}
.dropdown__link__icon .icon {
  fill: var(--color-highlight-text-secondary);
  width: 1.6rem;
  height: 1.6rem;
}
@media screen and (min-width: 768px) {
  .dropdown__headline {
    font-size: 2.6rem;
  }
  .dropdown__legend {
    padding: 0.8rem 0;
  }
  .dropdown .dropdown__list--m-two-columns {
    flex-flow: wrap;
  }
  .dropdown .dropdown__list--m-two-columns > li {
    width: calc(50% - 0.8rem);
  }
  .dropdown .dropdown__list--m-two-columns > li:nth-child(odd) {
    margin-right: 0.8rem;
  }
  .dropdown .dropdown__list--m-two-columns > li:nth-child(odd):after {
    content: '';
    border-right: 0.1rem solid var(--color-highlight-structurals);
    height: 100%;
    position: relative;
    right: -0.8rem;
  }
  .dropdown .dropdown__list--m-two-columns > li:nth-child(2n) {
    margin-left: 0.8rem;
  }
}
.teaser-absatz {
  background: var(--color-standard-background-01);
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  margin: 1.2rem 0;
  display: flex;
  position: relative;
}
.teaser-absatz__media {
  position: relative;
}
@media screen and (min-width: 768px) {
  .teaser-absatz {
    flex-wrap: nowrap;
  }
}
.teaser-absatz__teaserinfo {
  padding: 0.8rem 2rem 0 1.5rem;
}
@media screen and (min-width: 1024px) {
  .teaser-absatz__teaserinfo {
    padding: 2rem 2rem 0;
  }
}
.teaser-absatz__topline-container {
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}
.teaser-absatz__topline-container .label {
  margin-bottom: 0.6rem;
  margin-right: 0.6rem;
}
.teaser-absatz__date {
  color: var(--color-standard-text-tertiary);
  padding-bottom: 0.6rem;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2rem;
}
.teaser-absatz__topline {
  font-family: var(--font-family-overline), sans-serif;
  font-size: var(--overline-font-size);
  line-height: var(--overline-line-height);
  text-transform: var(--overline-text-transform);
  font-style: var(--overline-font-style);
  color: var(--color-standard-text-accent);
  width: 100%;
  margin-top: 0;
  padding: 0.2rem 0;
  display: block;
}
.teaser-absatz__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-04-font-size);
  line-height: var(--heading-04-line-height);
  font-weight: var(--heading-04-font-weight);
  text-transform: var(--heading-04-text-transform);
  color: var(--color-standard-text-primary);
  -webkit-line-clamp: 4;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.teaser-absatz__headline cite,
.teaser-absatz__headline span {
  font: inherit;
}
.teaser-absatz__shorttext-container {
  margin-top: 1.2rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .teaser-absatz__shorttext-container {
    display: none;
  }
}
.teaser-absatz__shorttext {
  font-family: var(--font-family-body), sans-serif;
  color: var(--color-standard-text-secondary);
  font-size: 1.6rem;
  line-height: 2rem;
}
.teaser-absatz__link,
.teaser-absatz__content-wrapper {
  width: 100%;
}
.teaser-absatz__link:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: -0.2rem;
}
@media screen and (max-width: 767px) {
  .teaser-absatz__shorttext {
    padding: 0 2rem;
  }
}
.teaser-absatz__link {
  width: 100%;
  text-decoration: none;
}
.teaser-absatz__teaserinfo .teaser-absatz__link {
  border: 2px solid #0000;
  display: block;
}
.teaser-absatz__teaserinfo .teaser-absatz__link img {
  outline: 0;
}
.list--maximized {
  padding: 0.8rem 2rem 0;
}
.list--maximized .teaser-absatz__topline-container,
.list--maximized .teaser-absatz__headline {
  padding-right: 2.4rem;
}
@media screen and (min-width: 767px) {
  .list--maximized {
    padding: 0 2rem;
  }
  .list--maximized .teaser-absatz__teaserheadline,
  .list--maximized + .teaser-absatz__shorttext-container {
    display: none;
  }
}
@media print {
  .teaser-absatz {
    display: none;
  }
}
.authorline__inner {
  align-items: center;
  width: 100%;
  display: flex;
}
.authorline__img-wrapper {
  flex-wrap: nowrap;
  margin: 0 0.5rem 0 -0.5rem;
  display: flex;
}
.authorline__img {
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  margin: 0 0.5rem;
  overflow: hidden;
}
.authorline__author {
  color: var(--color-standard-text-tertiary);
  margin-bottom: 0.2rem;
  padding: 0 1.2rem 0 0;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 1.2;
}
.authorline__link {
  color: inherit;
}
@media screen and (min-width: 768px) {
  .authorline .authorline__content {
    margin-left: 0;
  }
}
.backlink,
.backlink__link {
  align-items: center;
  width: 100%;
  display: flex;
}
.backlink {
  background-color: var(--color-standard-background-01);
  padding: 0 2rem 3.2rem;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2rem;
}
@media screen and (min-width: 768px) {
  .backlink {
    padding: 0 0 3.2rem;
  }
}
.backlink__img-wrapper {
  background-color: var(--color-basic-white);
  border-radius: 0.3rem;
  height: 4rem;
  margin: 0 1rem 0 0;
  padding: 0.3rem;
}
.backlink__img-wrapper svg,
.backlink__img-wrapper img {
  border-radius: 0.3rem;
  height: 4rem;
  display: block;
}
.backlink__img-wrapper--transparent {
  background-color: #0000;
}
.backlink__text {
  color: var(--color-standard-text-tertiary);
}
.media-subline__info-text {
  border-bottom: solid 0.1rem var(--color-standard-structurals);
  padding: 1rem 0;
  font-size: 1.6rem;
  line-height: 2.1rem;
}
.media-subline__info-text--no-border {
  border: none;
  padding-bottom: 0;
}
.media-subline__info__copyright {
  color: var(--color-standard-text-tertiary);
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2.1rem;
}
.mediaplayer-subline {
  margin-bottom: 1.4rem;
  display: block;
}
.mediaplayer-subline__info {
  color: var(--color-standard-text-tertiary);
  padding: 1rem 2rem;
}
.mediaplayer-subline__title {
  color: var(--color-standard-text-secondary);
  font-size: 1.6rem;
  line-height: 2rem;
}
.mediaplayer-subline__metainfo {
  border-bottom: solid 0.1rem var(--color-standard-structurals);
  padding-bottom: 1rem;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2.1rem;
}
.mediaplayer-subline__details {
  border-bottom: solid 0.1rem var(--color-standard-structurals);
  padding-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 2.1rem;
}
.mediaplayer-subline__details strong {
  color: var(--color-standard-text-secondary);
}
.mediaplayer-subline__link {
  display: block;
}
@media screen and (min-width: 768px) {
  .mediaplayer-subline__info {
    padding: 1rem 0;
  }
}
.tabnav {
  scrollbar-width: none;
  width: 100%;
  padding: 0 0 2.4rem;
  transition: all 0.5s ease-out;
}
.tabnav::-webkit-scrollbar {
  background: 0 0;
  width: 0;
}
.tabnav__list {
  justify-content: flex-start;
  align-items: center;
  height: 6rem;
  transition: all 1s ease-in-out;
  display: flex;
}
.tabnav__list.swipe {
  -ms-overflow-style: none;
  -moz-scrollbar-width: none;
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
}
.tabnav__list.swipe::-webkit-scrollbar {
  display: none;
}
.tabnav__item {
  white-space: nowrap;
  display: inline-block;
  position: relative;
}
.tabnav__item--separated:before {
  border-left: 1px solid var(--color-standard-structurals);
  content: '';
  height: 2.6rem;
  display: inline-block;
  position: absolute;
  left: -0.9rem;
}
.tabnav__item--secondary .textonly-btn {
  color: var(--color-standard-text-tertiary);
}
.tabnav__item--secondary .textonly-btn--active {
  color: var(--color-standard-text-secondary);
}
.swiper-slide.tabnav__item {
  padding: 1.2rem 1.8rem 1.4rem 0;
}
.umschaltreiter--bsc {
  background: var(--color-highlight-background-01);
}
.umschaltreiter__list {
  margin-bottom: 2rem;
  padding: 0.4rem 2rem;
  display: flex;
}
.umschaltreiter__list > li:not(:last-child) {
  padding-right: 1rem;
}
@media screen and (min-width: 1024px) {
  .umschaltreiter__list {
    padding: 0.4rem 0;
  }
}
.legend {
  background: var(--color-standard-background-01);
  width: 100%;
  color: var(--color-standard-text-secondary);
  margin-bottom: 3.2rem;
  font-size: 1.8rem;
  line-height: 3.2rem;
  display: block;
}
.legend__list {
  padding: 0;
}
.legend__color {
  border-radius: 0.3rem;
  min-width: 2rem;
  height: 2rem;
  margin-right: 0.8rem;
  display: inline-block;
}
.legend__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.legend__list-item {
  align-items: center;
  display: flex;
}
@media screen and (min-width: 768px) {
  .legend .legend__list-item {
    width: 49%;
    display: inline-flex;
  }
}
.legend__item {
  text-indent: 3rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.legend .legend--symbol {
  position: relative;
}
.legend .legend--symbol:before {
  content: '';
  border-radius: 0.3rem;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0.2rem;
  left: -3rem;
}
.legend .legend--symbol--weather-level-color-6:before {
  background-color: #a74592;
}
.legend .legend--symbol--weather-level-color-5:before {
  background-color: #cb2e2a;
}
.legend .legend--symbol--weather-level-color-4:before {
  background-color: #851a4d;
}
.legend .legend--symbol--weather-level-color-3:before {
  background-color: #de611b;
}
.legend .legend--symbol--weather-level-color-2:before {
  background-color: #c9f;
}
.legend .legend--symbol--weather-level-color-1:before {
  background-color: #f4dd35;
}
.legend .legend--symbol--weather-level-color-0:before {
  background-color: #e1e0e0;
}
@media screen and (min-width: 768px) {
  .legend__item {
    text-indent: 5.8rem;
    width: 49%;
    display: inline-block;
  }
}
.infoheadline {
  font-family: var(--font-family-body), sans-serif;
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: var(--font-weight-strong);
  color: var(--color-standard-text-secondary);
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) {
  .infoheadline--inpedendent {
    padding: 0;
  }
}
.color-coded-box {
  margin-bottom: 2.4rem;
  padding-left: 2rem;
}
.color-coded-box__border-container {
  border-left: 0.8rem solid;
}
.color-coded-box__text {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  color: var(--color-standard-text-secondary);
}
@media screen and (min-width: 768px) {
  .color-coded-box {
    padding-left: 0;
  }
}
body .smartbanner {
  height: 60px;
}
body .smartbanner.smartbanner--unified {
  z-index: 10000;
  top: initial;
  box-shadow: 0.15rem 0.15rem 0.66rem -0.25rem var(--color-page-overlay-02);
  background: var(--color-highlight-background-01);
  position: fixed;
  bottom: 0;
}
body .smartbanner.smartbanner--unified .smartbanner__info {
  text-shadow: none;
  color: var(--color-highlight-text-primary);
}
body .smartbanner.smartbanner--unified .smartbanner__exit {
  box-shadow: none;
  color: var(--color-highlight-text-secondary);
  background: 0 0;
  left: 10px;
}
body .smartbanner__icon {
  background-size: 40px 40px;
  border-radius: 0;
  width: 40px;
  height: 40px;
  left: 34px;
}
body .smartbanner__info {
  height: 60px;
  position: absolute;
  top: 0;
  left: 92px;
}
body .smartbanner__info__author {
  display: none;
}
body .smartbanner__info__title {
  font-weight: var(--font-weight-strong);
}
body .smartbanner__info__price {
  margin-top: 4px;
  font-size: 14px;
}
.smartbanner .smartbanner__exit:after,
.smartbanner .smartbanner__exit:before {
  background-color: var(--color-highlight-text-secondary);
}
body .smartbanner.smartbanner--unified .smartbanner__button {
  box-sizing: content-box;
  box-shadow: none;
  background: var(--color-highlight-text-secondary);
  color: var(--color-highlight-background-01);
  border-radius: 20px;
  padding: 4px 16px;
  font-size: 18px;
  position: absolute;
  top: 17px;
  right: 20px;
}
body .smartbanner.smartbanner--unified .smartbanner__button__label {
  background: var(--color-highlight-text-secondary);
  color: var(--color-highlight-background-01);
  border-radius: 30px;
}
body .smartbanner.smartbanner--unified .smartbanner__exit:before,
body .smartbanner.smartbanner--unified .smartbanner__exit:after {
  background: var(--color-highlight-text-primary);
}
.smartbanner--unified.smartbanner--ts-app {
  --color-highlight-background-01: var(--bluemymind);
  --color-highlight-text-primary: var(--white);
  --color-highlight-text-secondary: var(--white);
}
.theme-dark .smartbanner--unified.smartbanner--ts-app {
  --color-highlight-background-01: var(--bluelagoon);
  --color-highlight-text-primary: var(--deep-blue);
  --color-highlight-text-secondary: var(--white);
}
.icon-header {
  align-items: center;
  padding: 2.4rem 0;
  display: flex;
}
.icon-header__img-wrapper {
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  height: 4.8rem;
  margin-right: 2rem;
  display: flex;
}
.icon-header__img-wrapper .icon-ard {
  width: 4.8rem;
  height: 4.8rem;
  fill: var(--color-standard-accent-01);
  display: flex;
}
.icon-header__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-04-font-size);
  line-height: var(--heading-04-line-height);
  font-weight: var(--heading-04-font-weight);
  text-transform: var(--heading-04-text-transform);
  color: var(--color-standard-text-primary);
  margin-bottom: 0.8rem;
}
.icon-header__subheadline {
  color: var(--color-standard-text-tertiary);
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.icon-header--skeleton .icon-header__text-wrapper {
  width: 80%;
}
.icon-header--skeleton .icon-header__img-wrapper {
  background: var(--color-page-highlight);
  border-radius: 50%;
}
.icon-header--skeleton .icon-header__headline {
  background: var(--color-page-highlight);
  border-radius: 0.3rem;
  width: 25%;
  height: 2.8rem;
}
.icon-header--skeleton .icon-header__subheadline {
  background: var(--color-page-highlight);
  border-radius: 0.3rem;
  width: 30%;
  height: 1.4rem;
}
.dynamic-navigation {
  padding: 0 2rem;
  font-size: 1.8rem;
}
.dynamic-navigation__level-two {
  display: none;
  left: 0;
}
.dynamic-navigation__level-two.active {
  background: var(--color-standard-background-01);
  width: 100%;
  height: 100%;
  padding: 0 2rem;
  display: block;
  position: absolute;
  top: 0;
  overflow: hidden auto;
}
@media screen and (min-width: 768px) {
  .dynamic-navigation__level-two.active,
  .dynamic-navigation {
    padding: 0 4rem;
  }
}
.dynamic-navigation__pagelink-icon {
  margin-right: 1.7rem;
  display: flex;
  position: relative;
}
.dynamic-navigation__pagelink-icon .icon-ard {
  width: 2rem;
  height: 2rem;
}
.dynamic-navigation__link {
  background-color: var(--color-standard-background-01);
  color: var(--color-standard-text-secondary);
  align-items: center;
  width: 100%;
  height: 5.4rem;
  padding: 1rem 2rem 1rem 1rem;
  display: flex;
}
.dynamic-navigation__link:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: -0.2rem;
}
.dynamic-navigation__submenulink {
  background-color: var(--color-standard-background-01);
  height: 5.4rem;
  color: var(--color-standard-text-secondary);
  align-items: center;
  display: flex;
}
.dynamic-navigation__submenulinkicon {
  pointer-events: none;
  width: 4rem;
  margin-left: 1.7rem;
  display: flex;
}
.dynamic-navigation__submenulinkicon .icon-ard {
  fill: var(--color-standard-text-secondary);
  pointer-events: none;
  height: 2.4rem;
}
.dynamic-navigation__link:hover,
.dynamic-navigation__submenulink:hover {
  background-color: var(--elementcolor-standard-primary-background);
  color: var(--elementcolor-standard-primary-foreground);
  cursor: pointer;
}
.dynamic-navigation__link:hover .icon-ard,
.dynamic-navigation__submenulink:hover .icon-ard {
  fill: var(--elementcolor-standard-primary-foreground);
}
.dynamic-navigation__submenulink:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: -0.2rem;
}
.dynamic-navigation-item {
  box-sizing: content-box;
  background-color: var(--color-standard-background-01);
  border-bottom: 0.1rem solid var(--color-standard-structurals);
  height: 5.4rem;
  color: var(--color-standard-text-secondary);
  align-items: center;
  width: 100%;
  display: flex;
}
.dynamic-navigation-item.dynamic-navigation-item--separated {
  border-bottom: 0.1rem solid var(--color-standard-text-secondary);
  padding-bottom: 0.8rem;
}
.dynamic-navigation-item.dynamic-navigation-item--separated-top {
  border-top: 0.1rem solid var(--color-standard-text-secondary);
  margin-top: 0.8rem;
}
.dynamic-navigation__level-two .dynamic-navigation-item.dynamic-navigation-item--separated {
  margin-top: 0;
  padding-bottom: 0;
}
.dynamic-navigation-item--headline {
  border-bottom: none;
  padding-left: 1.8rem;
  overflow-y: clip;
}
.dynamic-navigation-item--headline .dynamic-navigation__link {
  box-sizing: content-box;
  background-color: var(--elementcolor-standard-primary-background);
  color: var(--elementcolor-standard-primary-foreground);
  margin-left: -1.8rem;
  margin-right: 1.8rem;
}
@media screen and (min-width: 768px) {
  .dynamic-navigation-item--headline .dynamic-navigation__link {
    border-right: 1rem solid var(--elementcolor-standard-primary-background);
    margin-left: -5.8rem;
    margin-right: -4rem;
  }
  .dynamic-navigation-item--headline .dynamic-navigation__link .dynamic-navigation__submenulinkicon {
    margin-left: 3.7rem;
  }
}
.dynamic-navigation-item--headline .dynamic-navigation__link .icon-ard {
  fill: var(--elementcolor-standard-primary-foreground);
}
.dynamic-navigation-item--headline a.dynamic-navigation__link:focus-visible {
  height: 3.4rem;
}
.dynamic-navigation-item--headline .dynamic-navigation__link:focus-visible {
  outline: 0.2rem solid var(--elementcolor-standard-primary-foreground);
  outline-offset: -1.4rem;
}
.dynamic-navigation-item--headline .dynamic-navigation__submenulinkicon {
  width: 3.1rem;
  margin-left: 0;
}
.subheader {
  background: var(--color-standard-background-01);
  align-items: center;
  padding: 3rem 0;
  display: flex;
}
.subheader--highlight {
  background: var(--color-highlight-background-01);
}
.subheader--highlight .subheader__headline {
  color: var(--color-highlight-text-secondary);
}
.subheader--highlight .subheader__textlink {
  color: var(--color-highlight-text-tertiary);
}
.subheader__link {
  flex: 1;
}
.subheader__headline {
  font-weight: var(--font-weight-strong);
  color: var(--color-standard-text-secondary);
  flex: 1;
  margin: 0;
  font-size: 2rem;
}
.subheader__btn-wrapper {
  width: 4rem;
  height: 4rem;
}
.subheader__btn-wrapper--left {
  margin-right: 2rem;
}
.subheader__btn-wrapper--right {
  margin-left: 2rem;
}
.subheader__decorative-image {
  object-fit: contain;
  height: 4rem;
  margin-right: 1.2rem;
}
.subheader__tooltip-wrapper {
  width: 100%;
  position: absolute;
  top: 3rem;
}
.subheader__textlink {
  color: var(--color-standard-text-tertiary);
  cursor: pointer;
  background: 0 0;
  margin-left: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
  text-decoration: underline;
}
.subheader__textlink:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: 0.2rem;
}
.infotext {
  background: var(--color-standard-background-01);
  color: var(--color-standard-text-secondary);
  padding: 1.6rem 0;
  font-size: 1.6rem;
  line-height: 2rem;
}
.settings-navigation {
  background: var(--color-standard-background-01);
}
.settings-navigation__item {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.settings-navigation__item.settings-navigation__item--secondary .settings-navigation__label,
.settings-navigation__item.settings-navigation__item--secondary .toggle-switch__label {
  padding-left: 3rem;
}
.settings-navigation__item--skeleton .settings-navigation__label {
  background-color: var(--color-page-highlight);
  border-radius: 0.3rem;
  max-width: 60%;
  height: 1.5rem;
}
.settings-navigation__item--skeleton .settings-navigation__btn-wrapper:before,
.settings-navigation__item--skeleton .settings-navigation__icon-wrapper:before {
  content: '';
  background-color: var(--color-page-highlight);
  border-radius: 0.25rem;
  width: 3rem;
  height: 3rem;
  display: block;
}
.settings-navigation__detail-wrapper {
  align-items: center;
  gap: 1rem;
  display: flex;
}
.settings-navigation__thumbnail {
  flex: 0 0 var(--settings-thumbnail-width, 7rem);
}
.settings-navigation__link {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem 0.8rem 1.5rem 0;
  display: flex;
}
.settings-navigation__link .settings-navigation__label {
  font-weight: var(--font-weight-strong);
}
.settings-navigation__link .icon,
.settings-navigation__link .icon-ard {
  fill: var(--color-standard-text-secondary);
}
.settings-navigation__link:hover {
  background-color: var(--elementcolor-standard-primary-background);
}
.settings-navigation__link:hover .settings-navigation__label {
  color: var(--elementcolor-standard-primary-foreground);
}
.settings-navigation__link:hover .icon,
.settings-navigation__link:hover .icon-ard {
  fill: var(--elementcolor-standard-primary-foreground);
}
.settings-navigation__label {
  color: var(--color-standard-text-secondary);
  flex-grow: 1;
  padding: 0.5rem 0 0.5rem 2rem;
  font-size: 1.8rem;
}
.settings-navigation__label--small {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.settings-navigation__btn-wrapper,
.settings-navigation__icon-wrapper {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 5.4rem;
  height: 5.4rem;
  display: flex;
}
.settings-navigation__icon-wrapper .icon,
.settings-navigation__icon-wrapper .icon-ard {
  fill: var(--color-standard-accent-brand);
}
.settings-navigation .icon,
.settings-navigation .icon-ard {
  width: 2.4rem;
  height: 2.4rem;
}
.settings-navigation__headline {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  font-weight: var(--font-weight-strong);
  align-items: center;
  min-height: 5.4rem;
  padding-left: 2rem;
  display: flex;
}
.settings-navigation .toggle-switch {
  min-height: 5.4rem;
}
.settings-navigation .toggle-switch__label {
  padding-left: 2rem;
  font-size: 1.8rem;
}
.settings-navigation .toggle-switch--single .toggle-switch__label {
  font-weight: var(--font-weight-strong);
}
.dialog {
  background: var(--color-standard-background-01);
  border: none;
  max-width: 37.5rem;
  padding: 2rem;
}
.dialog__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-03-font-size);
  line-height: var(--heading-03-line-height);
  font-weight: var(--heading-03-font-weight);
  text-transform: var(--heading-03-text-transform);
  color: var(--color-standard-text-primary);
  margin-bottom: 1.2rem;
}
.dialog__text {
  font-family: var(--font-family-body), sans-serif;
  color: var(--color-standard-text-secondary);
  margin-bottom: 1.2rem;
  font-size: 2rem;
  line-height: 2.6rem;
}
.dialog::backdrop {
  background-color: var(--color-page-overlay-01);
  -webkit-backdrop-filter: blur(0.5rem);
  backdrop-filter: blur(0.5rem);
}
.promo-box {
  background: var(--color-standard-background-01);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2.4rem 2rem 0;
  display: flex;
}
.promo-box--background-light {
  background-color: var(--color-standard-background-02);
}
.promo-box--highlight {
  background: var(--color-highlight-background-01);
}
.promo-box--highlight .promo-box__primary-text,
.promo-box--highlight .promo-box__secondary-text {
  color: var(--color-highlight-text-secondary);
}
.promo-box--highlight.promo-box--skeleton .promo-box__primary-text,
.promo-box--highlight.promo-box--skeleton .promo-box__secondary-text,
.promo-box--highlight.promo-box--skeleton .buttongroup {
  background-color: var(--color-highlight-background-02);
}
.promo-box__image {
  object-fit: contain;
  max-width: 40rem;
  max-height: 17.5rem;
  margin-bottom: 1.6rem;
}
.promo-box__main-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}
.promo-box .buttongroup {
  background: 0 0;
  margin-top: 2.4rem;
}
.promo-box__primary-text {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-02-font-size);
  line-height: var(--heading-02-line-height);
  font-weight: var(--heading-02-font-weight);
  text-transform: var(--heading-02-text-transform);
  color: var(--color-standard-text-primary);
}
.promo-box__primary-text + .promo-box__secondary-text {
  padding-top: 1.2rem;
}
.promo-box__secondary-text {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  color: var(--color-standard-text-secondary);
  text-align: center;
}
.promo-box--skeleton .promo-box__primary-text {
  background-color: var(--color-standard-background-02);
  border-radius: 0.3rem;
  width: 30%;
  height: 3.8rem;
  margin-bottom: 0.8rem;
}
.promo-box--skeleton .promo-box__secondary-text {
  background-color: var(--color-standard-background-02);
  border-radius: 0.3rem;
  width: 80%;
  height: 2.4rem;
  margin-top: 0.6rem;
}
.promo-box--skeleton .buttongroup {
  background-color: var(--color-standard-background-02);
  width: 40%;
  height: 3.2rem;
  margin-bottom: 2.4rem;
}
@media only screen and (min-width: 768px) {
  .promo-box .promo-box__primary-text,
  .promo-box .promo-box__secondary-text {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .promo-box .promo-box__image {
    margin-bottom: 2.4rem;
  }
}
.image-label {
  isolation: isolate;
  color: var(--color-standard-text-secondary);
  flex-flow: row;
  align-items: center;
  display: flex;
}
.image-label:focus-visible {
  outline-color: var(--elementcolor-standard-secondary-outline-focus);
}
.image-label--highlight {
  background: var(--color-highlight-background-01);
  color: var(--color-highlight-text-secondary);
}
.image-label--highlight:focus-visible {
  outline-color: var(--elementcolor-highlight-primary-outline-focus);
}
.image-label--highlight--italic {
  color: var(--color-highlight-text-tertiary);
}
.image-label__label {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
}
.image-label__label--italic {
  color: var(--color-standard-text-tertiary);
  margin-bottom: 0.2rem;
  padding: 0 1.2rem 0 0;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2rem;
}
.image-label__icon {
  fill: var(--color-standard-text-secondary);
  height: 3.4rem;
  margin-right: 1rem;
  display: -webkit-inline-box;
}
.image-label__icon .icon {
  width: 3.4rem;
  height: 3.4rem;
}
.image-label__image {
  object-fit: contain;
  height: 4rem;
  margin-right: 1rem;
  overflow: hidden;
}
.image-label__image--rounded {
  border-radius: 50%;
}
.tooltip {
  position: relative;
}
.tooltip__text {
  color: var(--color-highlight-text-secondary);
  background: var(--color-highlight-background-01);
  border-radius: 0.4rem;
  width: 100%;
  padding: 1rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
  position: absolute;
  top: 6rem;
}
.tooltip__button {
  cursor: pointer;
  width: 4rem;
  margin-bottom: 1.8rem;
  padding: 0.8rem;
  position: absolute;
}
.tooltip__button svg {
  fill: var(--color-standard-text-secondary);
}
.tooltip--right .tooltip__button {
  right: 0;
}
.tooltip > summary {
  list-style: none;
}
.tooltip > summary:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
}
.tooltip > summary::-webkit-details-marker {
  display: none;
}
.subheader {
  position: relative;
}
.accordion:first-child {
  border-top: 0.1rem solid var(--color-standard-structurals);
}
.accordion {
  border-bottom: 0.1rem solid var(--color-standard-structurals);
  background-color: var(--color-standard-background-01);
}
.accordion__header {
  cursor: pointer;
  background-color: var(--color-standard-background-01);
  list-style-type: none;
}
.accordion__header::marker {
  content: '';
}
.accordion__header::-webkit-details-marker {
  display: none;
}
.accordion__header .hint {
  padding-left: 0.8rem;
}
.accordion__header .icon-ard {
  fill: var(--color-standard-text-secondary);
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}
.accordion__header:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  outline-offset: -0.2rem;
}
.accordion__header:hover .accordion__label-wrapper {
  background-color: var(--color-standard-structurals);
}
.accordion > :not(.accordion__header) {
  width: 100%;
  margin-bottom: 1.2rem;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0.8rem;
}
.accordion > :not(.accordion__header).copytext-element-wrapper > * {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.accordion > :not(.accordion__header) .absatzbild__info,
.accordion > :not(.accordion__header) .mediaplayer-subline__info,
.accordion > :not(.accordion__header) .swiper-description-text {
  padding: 1rem 0;
}
.accordion > :not(.accordion__header).bulletpoint-list,
.accordion > :not(.accordion__header) .bulletpoint-list {
  margin-left: 0;
  margin-right: 0;
  padding-left: 2.8rem;
}
@media screen and (min-width: 768px) {
  .accordion > :not(.accordion__header).absatzbild--m {
    width: 50%;
  }
}
.accordion > :last-child :not(.dropdown__link, .textlink--extern) {
  border-bottom: none;
}
.accordion__label-wrapper {
  background: var(--color-standard-background-01);
  color: var(--color-standard-text-secondary);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.accordion__label {
  font-family: var(--font-family-body), sans-serif;
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: var(--font-weight-strong);
  width: 100%;
  padding: 1.2rem 0.8rem;
}
.accordion__label--small {
  font-family: var(--font-family-body), sans-serif;
  font-size: 1.8rem;
  line-height: var(--body-02-line-height);
  font-weight: var(--font-weight-strong);
}
.accordion[open] .accordion__header {
  margin-bottom: 1.2rem;
}
.accordion[open] .accordion__header .icon-ard {
  transform: rotate(180deg);
}
.accordion__button {
  padding-top: 2rem;
}
.accordion--highlight {
  border-color: var(--color-highlight-structurals);
  background-color: var(--color-highlight-background-01);
}
.accordion--highlight .accordion__header {
  padding: 0;
}
.accordion--highlight .accordion__header:focus-visible {
  outline-color: var(--color-highlight-text-tertiary);
}
.accordion--highlight .accordion__header:hover .accordion__label-wrapper {
  background: var(--color-highlight-structurals);
}
.accordion--highlight .accordion__label-wrapper {
  color: var(--color-highlight-text-secondary);
  background-color: var(--color-highlight-background-01);
}
.accordion--highlight .hint {
  background-color: var(--color-standard-background-01);
}
.accordion--highlight .icon-ard {
  fill: var(--color-highlight-text-secondary);
}
.accordion:has(.hint) {
  border-top: none;
}
@media screen and (min-width: 768px) {
  .accordion:has(.hint) {
    border-bottom: none;
  }
  .accordion summary:has(.hint) {
    flex: 1;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .accordion .hint + .accordion__label-wrapper {
    width: 50%;
  }
}
.tile {
  background-color: var(--color-standard-background-01);
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 6.7rem;
  height: 100%;
  padding: 0.8rem 0 1.2rem;
  display: inline-flex;
}
.tile:focus-visible {
  outline: 0.2rem solid var(--color-standard-accent-04);
  outline-offset: -0.2rem;
}
.tile:focus-visible img {
  outline: none;
}
.tile:hover {
  background-color: var(--color-standard-structurals);
  cursor: pointer;
}
.tile__image {
  width: auto;
  height: 4.8rem;
}
.tile__label {
  -webkit-line-clamp: 2;
  white-space: normal;
  color: var(--color-standard-text-secondary);
  -webkit-box-orient: vertical;
  padding: 0.8rem 0.4rem 0;
  font-size: 1.2rem;
  line-height: 1.4rem;
  display: -webkit-box;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .tile__label {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}
.tile--small {
  min-width: 6rem;
}
.tile--small .tile__image {
  width: auto;
  height: 4rem;
}
.tile--small .tile__label {
  min-width: 7.2rem;
}
.tile-list {
  background-color: var(--color-standard-background-01);
  justify-content: space-evenly;
  align-items: flex-end;
  width: 100%;
  display: flex;
}
.tile-list__item {
  flex-grow: 1;
}
.horizontal-navigation {
  width: 100%;
  display: flex;
  position: relative;
}
.horizontal-navigation__inner {
  display: flex;
  overflow-y: hidden;
}
.horizontal-navigation__scrollable {
  scrollbar-width: none;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  width: 100%;
  height: max-content;
  display: flex;
  overflow-y: hidden;
}
.horizontal-navigation__scrollable > * {
  scroll-snap-align: none start;
}
.horizontal-navigation__scrollable:not(:has(.horizontal-navigation__button-prev:disabled)) {
  scroll-padding-left: 5.4rem;
}
.horizontal-navigation__scrollable:not(:has(.horizontal-navigation__button-next:disabled)) {
  scroll-padding-right: 5.4rem;
}
.horizontal-navigation__scrollable::-webkit-scrollbar {
  display: none;
}
.horizontal-navigation__button-prev,
.horizontal-navigation__button-next {
  color: var(--color-standard-text-secondary);
  cursor: pointer;
  z-index: 10;
  border: 0;
  align-items: center;
  width: 5.4rem;
  height: 100%;
  display: none;
  position: absolute;
}
.horizontal-navigation__button-prev:focus-visible,
.horizontal-navigation__button-next:focus-visible {
  border: 0.2rem solid #80807e;
}
.horizontal-navigation__button-prev:disabled,
.horizontal-navigation__button-next:disabled {
  width: 0;
}
.horizontal-navigation__button-prev {
  background: linear-gradient(
    270deg,
    #fff0 -20%,
    var(--color-standard-background-01) 50%,
    var(--color-standard-background-01)
  );
  justify-content: flex-start;
  left: 0;
}
.horizontal-navigation__button-next {
  background: linear-gradient(
    90deg,
    #fff0 -20%,
    var(--color-standard-background-01) 50%,
    var(--color-standard-background-01)
  );
  justify-content: flex-end;
  right: 0;
}
.horizontal-navigation .tile {
  background: 0 0;
}
.horizontal-navigation .tile:hover {
  background: var(--color-standard-structurals);
}
.horizontal-navigation .tile__image {
  object-fit: contain;
  width: 3.2rem;
  max-height: 3.2rem;
}
@media screen and (min-width: 1024px) {
  .horizontal-navigation__button-prev,
  .horizontal-navigation__button-next {
    justify-content: center;
    display: flex;
  }
}
.horizontal-navigation .tabnav {
  padding: 0;
}
.horizontal-navigation--skeleton__item {
  background: var(--color-page-highlight);
  border-radius: 0.3rem;
  min-width: 9rem;
  height: 2.8rem;
  margin: 1.2rem 1.8rem 1.4rem 0;
  display: inline-block;
}
.horizontal-navigation--skeleton__item:first-of-type {
  margin-left: 0;
}
.horizontal-navigation--skeleton__item:nth-last-of-type(3) {
  min-width: 11rem;
}
.horizontal-navigation--skeleton__item:nth-last-of-type(2) {
  min-width: 13rem;
}
.horizontal-navigation .tabnav__item:has(.textonly-btn) {
  padding: 1.2rem 1.8rem 1.4rem 0;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate(0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-slides-offset-before);
  scroll-margin-inline-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
  margin-inline-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-slides-offset-before);
  scroll-margin-block-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
  margin-block-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(#0000, #00000080);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}
.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}
:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible)
  .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}
:is(.swiper-button-prev, .swiper-button-next).swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
:is(.swiper-button-prev, .swiper-button-next).swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled :is(.swiper-button-prev, .swiper-button-next) {
  display: none !important;
}
:is(.swiper-button-prev, .swiper-button-next) ::slotted(svg),
:is(.swiper-button-prev, .swiper-button-next) svg {
  object-fit: contain;
  transform-origin: 50%;
  fill: currentColor;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-button-prev ::slotted(.swiper-navigation-icon),
.swiper-button-prev .swiper-navigation-icon {
  transform: rotate(180deg);
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal .swiper-button-prev,
.swiper-horizontal .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  margin-left: 0;
}
.swiper-horizontal .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal.swiper-rtl .swiper-button-next,
.swiper-horizontal.swiper-rtl ~ .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-horizontal .swiper-button-next,
.swiper-horizontal ~ .swiper-button-next,
.swiper-horizontal.swiper-rtl .swiper-button-prev,
.swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
:is(
    .swiper-horizontal .swiper-button-prev,
    .swiper-horizontal ~ .swiper-button-prev,
    .swiper-horizontal.swiper-rtl .swiper-button-next,
    .swiper-horizontal.swiper-rtl ~ .swiper-button-next
  )
  ::slotted(.swiper-navigation-icon),
:is(
    .swiper-horizontal .swiper-button-prev,
    .swiper-horizontal ~ .swiper-button-prev,
    .swiper-horizontal.swiper-rtl .swiper-button-next,
    .swiper-horizontal.swiper-rtl ~ .swiper-button-next
  )
  .swiper-navigation-icon {
  transform: rotate(180deg);
}
:is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev)
  ::slotted(.swiper-navigation-icon),
:is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev)
  .swiper-navigation-icon {
  transform: rotate(0);
}
.swiper-vertical .swiper-button-prev,
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-prev,
.swiper-vertical ~ .swiper-button-next {
  left: var(--swiper-navigation-top-offset, 50%);
  margin-left: calc(0px - var(--swiper-navigation-size) / 2);
  margin-top: 0;
  right: auto;
}
.swiper-vertical .swiper-button-prev,
.swiper-vertical ~ .swiper-button-prev {
  top: var(--swiper-navigation-sides-offset, 4px);
  bottom: auto;
}
:is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev)
  ::slotted(.swiper-navigation-icon),
:is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) .swiper-navigation-icon {
  transform: rotate(-90deg);
}
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-next {
  bottom: var(--swiper-navigation-sides-offset, 4px);
  top: auto;
}
:is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next)
  ::slotted(.swiper-navigation-icon),
:is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) .swiper-navigation-icon {
  transform: rotate(90deg);
}
.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity 0.3s;
  position: absolute;
  transform: translate(0, 0);
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  display: inline-block;
}
button.swiper-pagination-bullet {
  box-shadow: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translateY(-50%);
}
:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets)
  .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
:is(
  .swiper-vertical > .swiper-pagination-bullets,
  .swiper-pagination-vertical.swiper-pagination-bullets
).swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}
:is(
    .swiper-vertical > .swiper-pagination-bullets,
    .swiper-pagination-vertical.swiper-pagination-bullets
  ).swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    transform 0.2s,
    top 0.2s;
  display: inline-block;
}
:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets)
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
:is(
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-horizontal.swiper-pagination-bullets
).swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translate(-50%);
}
:is(
    .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-horizontal.swiper-pagination-bullets
  ).swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    transform 0.2s,
    left 0.2s;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    transform 0.2s,
    right 0.2s;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}
.swiper .swiper-notification {
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
  position: absolute;
  top: 0;
  left: 0;
}
.carousel {
  --swiper-navigation-size: 2.8rem;
  --swiper-theme-color: var(--color-standard-accent-brand);
}
.carousel .swiper-button-prev:focus-visible,
.carousel .swiper-button-next:focus-visible {
  opacity: 1;
}
.carousel .swiper-description-text {
  font-family: var(--font-family-body), sans-serif;
  color: var(--color-standard-text-secondary);
  padding: 0 2rem 2rem;
  font-size: 1.6rem;
  line-height: 2rem;
  position: relative;
}
.carousel .swiper-description-text a {
  color: var(--color-standard-text-link);
  border-bottom: 0.1rem solid var(--color-standard-accent-01);
}
.carousel .swiper-description-text .swiper-copyright {
  margin-left: 0.8rem;
}
.carousel .swiper-button-next,
.carousel .swiper-button-prev {
  background: var(--color-av-background-strong);
  opacity: 0;
  pointer-events: none;
  --swiper-navigation-color: var(--color-basic-white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 7rem;
  margin-top: calc(50% - 3.5rem);
  transition: all 0.2s ease-in-out;
  display: flex;
  top: 0;
}
.carousel .swiper-button-next svg,
.carousel .swiper-button-prev svg {
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
}
.carousel .swiper-button-next.swiper-button-disabled,
.carousel .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.carousel .swiper-button-next:focus-visible,
.carousel .swiper-button-prev:focus-visible {
  opacity: 1;
  outline: 0.2rem solid var(--color-standard-text-tertiary);
  background: var(--color-av-background-opaque);
  outline-offset: 2px;
  display: flex;
}
.carousel .swiper-button-next:hover,
.carousel .swiper-button-prev:hover {
  background: var(--color-av-background-opaque);
}
@media screen and (min-width: 768px) {
  .carousel .swiper-button-next,
  .carousel .swiper-button-prev {
    margin-top: calc(28.125% - 3.5rem);
  }
  .carousel:hover .swiper-button-next:not(.swiper-button-disabled),
  .carousel:hover .swiper-button-prev:not(.swiper-button-disabled) {
    opacity: 1;
    pointer-events: auto;
    display: flex;
  }
}
.carousel .swiper-img-wrapper {
  width: 100%;
  margin-bottom: 4.8rem;
  position: relative;
}
.carousel .swiper-pagination {
  margin-top: calc(100% + 1.6rem);
  top: 0;
  bottom: auto;
}
@media screen and (min-width: 768px) {
  .carousel .swiper-pagination {
    margin-top: calc(56.25% + 1.6rem);
  }
}
.carousel .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  background: var(--color-standard-accent-02);
  cursor: pointer;
}
.carousel .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--color-standard-accent-brand);
}
.carousel .swiper-pagination.swiper-pagination-bullets-dynamic {
  --swiper-pagination-bullet-width: 1.8rem;
  --swiper-pagination-bullet-height: 1.8rem;
}
.carousel .swiper-pagination:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet-active {
  --swiper-pagination-bullet-width: 1.8rem;
  --swiper-pagination-bullet-height: 1.8rem;
  position: relative;
  top: 0.5rem;
}
.carousel--highlight {
  background-color: var(--color-highlight-background-01);
}
.carousel--highlight .swiper-pagination .swiper-pagination-bullet {
  background: var(--color-highlight-accent-02);
}
.carousel--highlight .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--color-highlight-accent-brand);
}
.carousel--highlight .swiper-description-text {
  color: var(--color-highlight-text-secondary);
}
.carousel--highlight .swiper-description-text a {
  color: var(--color-highlight-text-link);
  border-color: var(--color-highlight-accent-01);
}
.carousel--highlight .swiper-copyright {
  color: var(--color-highlight-text-tertiary);
}
.carousel--teasers .swiper {
  padding-bottom: 2rem;
}
.carousel--teasers .swiper-button-next,
.carousel--teasers .swiper-button-prev {
  margin-top: 12.5%;
}
.carousel--teasers .swiper-pagination {
  position: inherit;
  margin-top: 2.4rem;
  bottom: 0 !important;
}
.carousel__prerender-height--gallery {
  background-color: var(--color-page-highlight);
  background-image: var(--watermark-url);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20%;
  margin-bottom: 2rem;
  padding-bottom: calc(100% + 17rem);
  position: relative;
}
@media screen and (min-width: 720px) {
  .carousel__prerender-height--gallery {
    padding-bottom: calc(56.25% + 14.9rem);
  }
}
@media screen and (min-width: 1024px) {
  .carousel__prerender-height--gallery {
    padding-bottom: calc(56.25% + 12.8rem);
  }
}
.carousel__prerender-height--teasers {
  background-color: var(--color-page-highlight);
  background-image: var(--watermark-url);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 16.67%;
  width: 100%;
  min-height: 37rem;
  margin-bottom: 2rem;
}
.inline-play__button {
  cursor: pointer;
  background: 0 0;
  width: 5rem;
  height: 4.5rem;
  display: none;
  position: absolute;
}
.inline-play__button:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
}
.inline-play__button .icon {
  width: 1.8rem;
  height: 1.8rem;
  color: var(--color-standard-text-secondary);
  position: absolute;
  top: 1.1rem;
  transform: translate(-50%);
}
@media screen and (min-width: 768px) {
  .inline-play__button .inline-play__button .icon {
    top: auto;
    transform: translate(-50%, -50%);
  }
}
.inline-play__button--teaser-right {
  bottom: -4.5rem;
  right: 0;
}
@media screen and (min-width: 768px) {
  .inline-play__button--teaser-right {
    top: 0;
    left: -5rem;
  }
}
.inline-play__button--teaser-xs,
.inline-play__button--teaser-absatz,
.inline-play__button--teaser-left {
  bottom: -4.5rem;
  right: 0;
}
@media screen and (min-width: 768px) {
  .inline-play__button--teaser-xs,
  .inline-play__button--teaser-absatz,
  .inline-play__button--teaser-left {
    top: 0;
    right: -5rem;
  }
}
.is-inline-play.teaser-right {
  justify-content: flex-end;
  padding-bottom: 4rem;
}
.is-inline-play .teaser-right__media,
.is-inline-play .teaser-right__teaserinfo {
  width: 100%;
}
.is-inline-play .teaser-right__teaserheadline {
  margin-bottom: 1rem;
}
.is-inline-play .ts-picture__poster-wrapper {
  display: none;
}
.is-inline-play .inline-play__button {
  display: block;
}
@media screen and (min-width: 768px) {
  .is-inline-play.teaser-right {
    padding-bottom: 2.4rem;
  }
  .is-inline-play .teaser-right__media {
    width: 59.2593%;
  }
  .is-inline-play .teaser-right__teaserinfo {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-play .teaser-right__media {
    width: 44.4444%;
  }
}
.teaser-xs.color--tongue .inline-play__button svg {
  color: var(--color-highlight-text-secondary);
}
.teaser-xs.color--tongue
  .color--tongue
  *
  .ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage {
  background-color: var(--color-highlight-background-02);
}
.image-comparison .__rcs-handle-button {
  background-color: var(--color-av-background-strong) !important;
}
.image-comparison .__rcs-handle-button:hover,
.image-comparison :focus .__rcs-handle-button {
  background-color: var(--color-highlight-background-01) !important;
}
.image-comparison.color--highlight {
  background-color: var(--color-highlight-background-01);
}
.image-comparison.color--highlight .image-comparison__subline {
  color: var(--color-highlight-text-secondary);
}
.image-comparison.color--highlight .image-comparison__subline a {
  color: var(--color-highlight-text-primary);
  border-color: var(--color-highlight-accent-01);
}
.image-comparison__subline {
  color: var(--color-standard-text-secondary);
  padding: 0 2rem 2rem;
  font-size: 1.6rem;
  line-height: 2.1rem;
  position: relative;
}
.image-comparison__subline a {
  color: var(--color-standard-text-primary);
  border-bottom: 0.1rem solid var(--color-standard-accent-01);
}
.image-comparison__subline {
  margin-top: 1.6rem;
}
.__rcs-handle-button {
  width: 56px !important;
  height: 56px !important;
}
.__rcs-handle-arrow {
  border-top: 2px solid var(--color-highlight-text-primary) !important;
  border-left: 2px solid var(--color-highlight-text-primary) !important;
  width: 12px !important;
  height: 12px !important;
  clip-path: initial !important;
  rotate: initial !important;
  outline: initial !important;
  border-bottom: 2px solid #0000 !important;
  border-right: 2px solid #0000 !important;
  display: block !important;
  position: relative !important;
}
.__rcs-handle-arrow:first-of-type {
  left: 5px;
  transform: rotate(-45deg) !important;
}
.__rcs-handle-arrow:last-of-type {
  left: -5px;
  transform: rotate(135deg) !important;
}
.image-rights {
  background: var(--color-standard-background-01);
  color: var(--color-standard-text-secondary);
  float: left;
  width: 100%;
  padding-bottom: 3.2rem;
  position: relative;
}
.image-rights__wrapper {
  color: var(--color-standard-text-secondary);
  flex-wrap: wrap;
  display: flex;
}
.image-rights__info {
  float: left;
  width: 100%;
  font-size: 1.6rem;
  line-height: 2.1rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .image-rights {
    padding-bottom: 2.4rem;
  }
  .image-rights .imageRights__info {
    padding: 0.8rem 2rem 0;
  }
}
@media screen and (min-width: 1921px) {
  .image-rights .imageRights__info {
    padding: 1.2rem 2rem 0;
  }
}
.embed {
  margin-bottom: 2.4rem;
}
.embed__placeholder {
  color: var(--color-standard-text-tertiary);
  border-top: 0.1rem solid var(--color-standard-structurals);
  border-bottom: 0.1rem solid var(--color-standard-structurals);
  background-color: var(--color-standard-background-01);
  padding: 0.2rem 0;
}
.embed__placeholder a {
  color: var(--color-standard-text-primary);
  text-underline-offset: 0.2em;
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
}
.embed__placeholder .form-label {
  color: var(--color-standard-text-tertiary);
}
.embed__disclaimer {
  font-family: var(--font-family-body), sans-serif;
  color: var(--color-standard-text-tertiary);
  border-bottom: 0.1rem solid var(--color-standard-structurals);
  background-color: var(--color-standard-background-01);
  padding: 1.2rem 0 0.8rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.embed--prerender-height,
.embed--prerender-index-height-livecenter,
.embed--prerender-height-16x9,
.embed--prerender-height-audio-reduced {
  background: var(--color-page-highlight) var(--watermark-url) no-repeat center/auto 16.67%;
  margin-bottom: 2.4rem;
}
.embed--prerender-height {
  background-size: auto 10%;
  min-height: 260px;
}
.embed--prerender-height-16x9 {
  aspect-ratio: 16/9;
  min-height: 500px;
}
.embed--prerender-height-audio-reduced {
  height: 17.6rem;
}
.embed--prerender-index-height-livecenter {
  min-height: 260px;
}
.embed--audio {
  width: 100%;
  height: 17.6rem;
}
@media screen and (max-width: 360px) {
  .embed--audio {
    height: 19.6429rem;
  }
}
@media screen and (min-width: 475px) {
  .embed--audio {
    height: 18.4rem;
  }
}
.embed--custom-darkmode-background {
  background: var(--color-basic-white);
  padding: 0.8rem;
}
personalized-contentlist--prerender-height {
  height: 24rem;
}
.frc-captcha {
  outline: 0.1rem solid var(--color-standard-text-secondary);
}
.systeminfos__targetarea {
  background: var(--color-standard-background-01);
  color: var(--color-standard-text-tertiary);
  resize: vertical;
  outline: 0.1rem solid var(--color-standard-text-secondary);
  border: none;
  width: 100%;
  height: 10rem;
  margin-bottom: 2.4rem;
  padding: 1.6rem 1.2rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.systeminfos__button {
  margin-bottom: 2.4rem;
}
.systeminfos .systeminfos__targetarea:focus-visible {
  outline: 0.1rem solid var(--color-standard-text-secondary);
}
.form__wrapper {
  background: var(--color-standard-background-02);
  padding: 2rem 2.4rem;
}
.form__headline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-03-font-size);
  line-height: var(--heading-03-line-height);
  font-weight: var(--heading-03-font-weight);
  text-transform: var(--heading-03-text-transform);
  color: var(--color-standard-text-primary);
}
.form__subheadline {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-04-font-size);
  line-height: var(--heading-04-line-height);
  font-weight: var(--heading-04-font-weight);
  text-transform: var(--heading-04-text-transform);
  color: var(--color-standard-text-primary);
}
.form__paragraph {
  font-family: var(--font-family-body), sans-serif;
  color: var(--color-standard-text-secondary);
  font-size: 2rem;
  line-height: 2.6rem;
}
.form__feedback-message {
  font-family: var(--font-family-body), sans-serif;
  color: var(--color-standard-text-secondary);
  margin-top: 2.4rem;
  font-size: 2rem;
  line-height: 2.6rem;
}
.form__feedback-message strong {
  font-family: var(--font-family-headline), sans-serif;
  font-size: var(--heading-03-font-size);
  line-height: var(--heading-03-line-height);
  font-weight: var(--heading-03-font-weight);
  text-transform: var(--heading-03-text-transform);
  margin-bottom: 1.6rem;
  display: block;
}
.form__feedback-message .textabsatz {
  background: inherit;
}
.form__feedback-message--error {
  color: var(--color-standard-accent-alert);
}
.form__infotext {
  margin: 4.8rem 0 2.4rem;
  font-size: 1.6rem;
  line-height: 2.1rem;
}
.form__infotext p,
.form__infotext ul,
.form__infotext ol {
  margin-bottom: 1.6rem;
}
.form__infotext ul {
  list-style: initial;
  padding-left: 1.6rem;
}
.form__infotext ol {
  padding-left: 1.6rem;
  list-style-type: decimal;
}
.header-app {
  height: 100%;
  margin: auto;
  font-size: 1.4rem;
  transition: all 0.4s ease-in-out;
}
.header-app__eventbox {
  z-index: 161;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
.header-app__eventbox.active {
  height: 100%;
  position: initial;
  top: 0;
  left: 0;
  transform: none;
}
.header-app__link {
  cursor: pointer;
  opacity: 0;
  height: 100%;
  color: var(--color-standard-text-secondary);
  align-items: center;
  font-size: 1.8rem;
  display: none;
}
.header-app__link.color--breaking {
  color: var(--color-standard-accent-alert);
}
.header-app__link.color--unicorn,
.header-app__link.color--live {
  color: var(--color-standard-accent-03);
  border-color: var(--color-standard-text-secondary);
}
.header-app__link.color--unicorn svg,
.header-app__link.color--live svg {
  fill: var(--color-standard-accent-03);
}
.header-app__link__text {
  white-space: nowrap;
  padding-right: 0.8rem;
}
.header-app .eilmeldung {
  padding: 2rem 2rem 4rem;
}
.header-app.active {
  z-index: 161;
}
.header-app__link {
  background: 0 0;
  padding: 0 0.8rem;
}
.header-app__link:focus-visible {
  outline: 0.2rem solid var(--color-standard-text-tertiary);
}
.header.small .header-app__link,
.header.small .header-app__link {
  opacity: 1;
  display: flex;
}
.header-app__icon {
  fill: var(--color-standard-text-secondary);
  align-items: center;
  display: flex;
}
.header-app__icon svg.icon-ard {
  width: 2rem;
  height: 2rem;
}
.header-app__icon--embed-icon {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-animated--pulse {
  margin: 0.1rem 0 0 0.1rem;
}
.header-app__eventstage {
  z-index: 161;
  background-color: var(--color-page-overlay-01);
  -webkit-backdrop-filter: blur(0.5rem);
  backdrop-filter: blur(0.5rem);
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 5.2rem;
  left: 0;
}
:root .header-app__eventstage {
  height: fill-available;
}
_::-webkit-full-page-media {
  height: fill-available;
}
_:future {
  height: fill-available;
}
.header-app__eventbox {
  max-height: 5.2rem;
}
.header-app__close {
  background-color: var(--color-standard-background-01);
  width: 4.5rem;
  height: 4.5rem;
  color: var(--color-standard-text-secondary);
  cursor: pointer;
  z-index: 2;
  padding: 1rem;
  position: absolute;
  top: -4.8rem;
  right: 2.5rem;
}
.header-app__close svg {
  width: 2.5rem;
  fill: var(--color-standard-text-secondary);
}
.header-app__close:focus-visible {
  outline: 0.2rem solid var(--elementcolor-standard-secondary-outline-focus);
}
.header-app__content {
  background-color: var(--color-standard-background-01);
  max-height: calc(100% - 5.2rem);
  position: relative;
  overflow: auto;
}
.header-app-video {
  padding: 1rem 0;
}
.header-app-video__foot {
  margin: 1rem 2rem;
}
.header-app-video__topline {
  text-align: center;
  margin: 1rem 2rem;
}
.header-app-video__title {
  color: var(--color-standard-text-secondary);
  margin: 1.2rem 0 0.6rem;
  font-size: 1.6rem;
  line-height: 2.1rem;
}
.header-app-video__info {
  border-bottom: solid 0.1rem var(--color-standard-structurals);
  color: var(--color-standard-text-tertiary);
  padding-bottom: 1rem;
}
.header-app-video__link {
  margin: 1.6rem 0;
  padding: 0 2rem;
}
.header-app-video__link.columns {
  float: none;
}
.header-app-video__date {
  color: var(--color-standard-text-tertiary);
  margin-top: 0.2rem;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2.1rem;
}
.header-app-video__title,
.header-app-video__topline,
.header-app-video__text {
  font-size: 1.6rem;
  line-height: 2.1rem;
}
.header-app-video .label {
  margin-right: 0.6rem;
  padding: 0.1rem 0.6rem;
  display: inline;
  position: relative;
  bottom: 0.2rem;
}
.header-app__video-player .player {
  width: 100%;
  height: 100%;
}
.header-app__video-player .player:after {
  content: '';
  padding-bottom: 56.25%;
  display: block;
}
@media screen and (min-width: 768px) {
  .header-app__close {
    right: 4.6rem;
  }
  .header-app__eventstage {
    height: 100vh;
  }
  .header-app__content {
    max-height: calc(100vh - 8rem);
  }
}
@media screen and (min-width: 1024px) {
  .header-app__link {
    opacity: 1;
    max-height: 8rem;
    display: flex;
  }
  .header-app__icon svg {
    height: 3.8rem;
  }
  :scope svg.icon-ard {
    width: 2.4rem;
    height: 2.4rem;
  }
  .header-app__close {
    width: 5.6rem;
    height: 5.6rem;
    top: -6.7rem;
    right: 4.2rem;
  }
  .header-app__close svg {
    width: 3.6rem;
  }
  .header-app__eventstage {
    top: 8rem;
  }
  .header-app__eventbox {
    max-height: 8rem;
  }
  .header-app-video__link {
    padding: 0;
  }
  .header-app .eilmeldung {
    padding: 2rem 4rem 4rem;
  }
}
@media screen and (min-width: 1104px) {
  .header-app__eventstage {
    width: 100%;
  }
  .header-app-video__link {
    padding: 0;
  }
  .header-app .eilmeldung {
    padding: 2rem 2rem 4rem;
  }
}
.vue-picture__image {
  width: 100%;
}
.tabnav.spacing-bottom {
  padding-bottom: 2rem;
}
.tabnav__item--text {
  font: inherit;
}
.tabnav__item--img {
  width: 3.2rem;
  height: 3.2rem;
  display: block;
}
.wahltool-module__skeleton {
  background: var(--color-page-highlight);
  aspect-ratio: 16/9;
  background-image: var(--watermark-url);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 15%;
}