/* GCM Reading Time & Progress - Styles */
.gcm-rtp-badge {
  display:flex;
  align-items:center;
  gap:.5rem;
  background:var(--gcm-rtp-bg, rgba(0,0,0,.05));
  color:var(--gcm-rtp-fg, inherit);
  border:1px solid var(--gcm-rtp-border, rgba(0,0,0,.08));
  padding:.5rem .75rem;
  border-radius:999px;
  font-size:.95rem;
  width:max-content;
  margin:0 0 1rem 0;
}
.gcm-rtp-icon { display:inline-block; }
.gcm-rtp-icon path { fill: currentColor; }

/* Top progress bar */
.gcm-rtp-progress {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:transparent;
  z-index:9999;
  pointer-events:none;
}
.gcm-rtp-progress__bar {
  display:block;
  width:0%;
  height:100%;
  background:var(--gcm-rtp-accent, #2271b1);
  transition:width .1s linear;
}

/* Respect Safari iOS safe-area inset */
@supports(padding:max(0px)) {
  .gcm-rtp-progress { padding-top: env(safe-area-inset-top); }
}