/* eSite | Author: PhDr. Pavel Bartoš, LL.M., DBA. | Version: 0.1.0-rc.14 */
.esite-scroll-progress {
  position: fixed;
  z-index: 44;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  pointer-events: none;
  user-select: none;
  border-radius: 16px;
  color: var(--ink, #263951);
  background: color-mix(in srgb, var(--paper, #fff) 76%, transparent);
  box-shadow: 0 2px 14px #00000013;
  backdrop-filter: blur(5px);
  opacity: 0;
  transition: opacity 220ms ease;
  isolation: isolate;
  font:
    600 12px/1 system-ui,
    sans-serif;
  font-variant-numeric: tabular-nums;
}
.esite-scroll-progress.is-visible {
  opacity: 0.76;
}
.esite-scroll-progress[data-scroll-corner^='top'] {
  top: calc(12px + env(safe-area-inset-top, 0px));
}
.esite-scroll-progress[data-scroll-corner^='bottom'] {
  bottom: calc(12px + env(safe-area-inset-bottom, 0px) + var(--social-bottom-space, 0px));
}
.esite-scroll-progress[data-scroll-corner$='left'] {
  left: calc(12px + env(safe-area-inset-left, 0px));
}
.esite-scroll-progress[data-scroll-corner$='right'] {
  right: calc(12px + env(safe-area-inset-right, 0px));
}
.esite-scroll-progress svg {
  position: absolute;
  inset: 3px;
  width: 48px;
  height: 48px;
  transform: rotate(-90deg);
  overflow: visible;
}
.esite-scroll-progress circle {
  fill: none;
  stroke-width: 2;
}
.esite-scroll-progress .scroll-progress-track {
  stroke: currentColor;
  opacity: 0.15;
}
.esite-scroll-progress .scroll-progress-ring {
  stroke: var(--accent, currentColor);
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  stroke-linecap: round;
}
.esite-scroll-progress span {
  position: relative;
}
@media (prefers-reduced-motion: reduce) {
  .esite-scroll-progress {
    transition: none;
  }
}
@media print {
  .esite-scroll-progress {
    display: none;
  }
}