/* Writings: cursor is the reading meter (center-out fill). Top bar is touch fallback. */

.aktuell-cursor-dot__read {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  pointer-events: none;
  z-index: 0;
  background: #000;
}

html.aktuell-reading-cursor #aktuellCursorDot.aktuell-cursor-dot {
  background: #000 !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.aktuell-reading-cursor .aktuell-cursor-dot__read {
  background: #fff !important;
}

html.aktuell-reading-cursor .aktuell-cursor-dot__slides {
  z-index: 1;
}

.aktuell-reading-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  margin: 0;
  padding: 0;
  z-index: 1001;
  pointer-events: none;
  overflow: hidden;
  background: transparent;
}

html.aktuell-reading-cursor .aktuell-reading-bar {
  display: none;
}

.aktuell-reading-bar__fill {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  background: #000;
  will-change: transform;
  border-radius: 0;
}

body.dark-background .aktuell-reading-bar__fill,
body.dark-transition .aktuell-reading-bar__fill,
body.fn-nav-on-dark .aktuell-reading-bar__fill,
body.nav-on-dark .aktuell-reading-bar__fill {
  background: #fff;
}

body.fn-takes-open .aktuell-reading-bar,
html.aktuell-sliding .aktuell-reading-bar {
  visibility: hidden;
}