/* Полоса «печати» внизу экрана */
#axprint{
  position:fixed; left:0; right:0; bottom:0;
  z-index:2147483000;               /* чуть ниже курсора (2147483647) */
  font-family:'IBM Plex Mono', ui-monospace, monospace;
  opacity:0;
  transform:translateY(100%);
  transition:opacity .4s ease, transform .4s ease;
}
#axprint.is-ready{ opacity:1; transform:translateY(0); }

.axp-bar{
  height:56px;
  display:flex; align-items:stretch;
  background:rgba(13,13,13,.9);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  border-top:1px solid rgba(238,229,213,.1);
}

.axp-layer, .axp-chapter{
  display:flex; align-items:center; flex:none;
  padding:0 20px; white-space:nowrap;
  font-size:var(--fs-small); letter-spacing:.1em; text-transform:uppercase;
  color:rgba(238,229,213,.45);
}
.axp-layer b{ color:#EEE5D5; font-weight:500; font-variant-numeric:tabular-nums; margin:0 2px; }
.axp-layer span{ color:rgba(238,229,213,.35); }

.axp-status{
  display:inline-block; width:6px; height:6px; flex:none;
  background:#FF5E1A;
  margin-right:8px;
  animation:axp-pulse 1.1s ease-in-out infinite;
}
.axp-status-txt{ color:#EEE5D5; margin-right:12px; }
.axp-divider{ width:1px; height:14px; background:rgba(238,229,213,.15); margin-right:12px; flex:none; }

#axprint.is-idle .axp-status{ animation:none; background:rgba(238,229,213,.3); }
#axprint.is-idle .axp-status-txt{ color:rgba(238,229,213,.4); }

#axprint.is-complete .axp-status{ animation:none; background:#FF5E1A; }
#axprint.is-complete .axp-status-txt{ color:#FF5E1A; }

@keyframes axp-pulse{
  0%, 100%{ opacity:1; transform:scale(1); }
  50%{ opacity:.25; transform:scale(.65); }
}

.axp-chapter{ justify-content:flex-end; }
.axp-chapter__no{ color:#FF5E1A; font-variant-numeric:tabular-nums; margin-right:10px; flex:none; }
.axp-chapter__name{ color:#EEE5D5; max-width:220px; overflow:hidden; text-overflow:ellipsis; }

.axp-rail{ position:relative; flex:1; display:flex; align-items:center; min-width:0; }

.axp-segs{ position:relative; display:flex; gap:2px; width:100%; height:34px; }

.axp-seg{
  position:relative; flex:1; min-width:0;
  background:rgba(238,229,213,.08);
  border:0; padding:0; cursor:pointer; overflow:hidden;
}
.axp-seg__fill{
  position:absolute; left:0; top:0; bottom:0; width:0%;
  background:#FF5E1A;
  background-image:repeating-linear-gradient(45deg, rgba(0,0,0,.18) 0 3px, transparent 3px 6px);
  transition:width .15s linear;
}
.axp-seg__no{
  position:absolute; left:5px; right:5px; bottom:4px; z-index:2;
  font-size:var(--fs-label); letter-spacing:.04em; color:rgba(238,229,213,.4);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  text-align:left;
  transition:color .2s ease;
}
.axp-seg.is-done .axp-seg__no{ color:rgba(13,13,13,.75); }
.axp-seg:hover .axp-seg__no{ color:#EEE5D5; }

.axp-head{
  position:absolute; top:-3px; left:0%;
  width:0; height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid #EEE5D5;
  transform:translateX(-50%);
  transition:left .12s linear;
  pointer-events:none;
}

@media (max-width:760px){
  .axp-bar{ height:46px; }
  .axp-layer, .axp-chapter{ padding:0 12px; font-size:var(--fs-label); }
  .axp-segs{ height:26px; }
  .axp-seg__no{ display:none; }
  .axp-chapter__name{ display:none; }
}

@media (max-width:480px){
  .axp-status-txt, .axp-divider{ display:none; }
  .axp-status{ margin-right:0; }
}

@media (prefers-reduced-motion:reduce){
  .axp-seg__fill, .axp-head{ transition:none; }
  .axp-status{ animation:none; }
}