/* A single SVG size/stroke system replaces font and pseudo-element icons. */
.pulse-icon { display: inline-block; width: 1.15em; height: 1.15em; flex: 0 0 auto; vertical-align: -.18em; overflow: visible; pointer-events: none; }
.pulse-icon-holder { display: inline-flex; align-items: center; justify-content: center; width: 1.15em; height: 1.15em; flex: 0 0 auto; vertical-align: -.18em; line-height: 1; }
.pulse-icon-holder > .pulse-icon { width: 100%; height: 100%; }
.pulse-icon--status-dot { width: 8px; height: 8px; vertical-align: .02em; }
#play-icon, #g-play-icon { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 1; }
#play-icon > .pulse-icon, #g-play-icon > .pulse-icon { width: 20px; height: 20px; }
#play-icon:before, #g-play-icon:before, #play-icon:after, #g-play-icon:after,
.close-button:before, .close-button:after,
.g-dialog-head button:before, .g-dialog-head button:after { content: none !important; }
.close-button, .g-dialog-head button { display: inline-flex; align-items: center; justify-content: center; }
.close-button > .pulse-icon, .g-dialog-head button > .pulse-icon { width: 20px; height: 20px; }
.g-brand > .has-pulse-icon, .asterisk.has-pulse-icon { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; font-size: 0; line-height: 1; }
.g-brand > .has-pulse-icon > .pulse-icon, .asterisk.has-pulse-icon > .pulse-icon { width: 100%; height: 100%; }
.g-scroll-hint > .has-pulse-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 0; line-height: 1; }
.g-scroll-hint > .has-pulse-icon > .pulse-icon { width: 23px; height: 23px; }
.text-button span[aria-hidden].has-pulse-icon, .guided-link span[aria-hidden].has-pulse-icon,
.trace-light span[aria-hidden].has-pulse-icon, .view-buttons span[aria-hidden].has-pulse-icon,
.g-header-end span[aria-hidden].has-pulse-icon, .g-end-link span[aria-hidden].has-pulse-icon { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; font-size: 0; line-height: 1; }
.text-button .has-pulse-icon > svg, .guided-link .has-pulse-icon > svg, .trace-light .has-pulse-icon > svg,
.view-buttons .has-pulse-icon > svg, .g-header-end .has-pulse-icon > svg, .g-end-link .has-pulse-icon > svg { width: 18px; height: 18px; }
.g-start-again.has-pulse-icons, .g-bottom a.has-pulse-icons { display: inline-flex; align-items: center; gap: 8px; }
.download-links a.has-pulse-icons, .g-downloads a.has-pulse-icons { display: inline-flex; align-items: center; gap: 6px; }
.page-footer > span:first-child > .pulse-icon-holder { margin: 0 3px; width: 14px; height: 14px; }
.g-probe-invite .pulse-icon-holder, .g-compare-invite .pulse-icon-holder, #g-readout-range .pulse-icon-holder { width: 13px; height: 13px; }
#g-readout-mode .pulse-icon-holder { width: 13px; height: 13px; }
#g-probe-clear .pulse-icon-holder { width: 13px; height: 13px; margin-left: 2px; }
.tiny-cross.has-pulse-icon { display: inline-flex; align-items: center; width: 17px; height: 17px; }
.tiny-cross.has-pulse-icon > svg { width: 17px; height: 17px; }
.local-label i.has-pulse-icon, .g-live i.has-pulse-icon { display: inline-flex; align-items: center; justify-content: center; width: 8px; height: 8px; background: none; box-shadow: none; border-radius: 0; }
.local-label i.has-pulse-icon > svg, .g-live i.has-pulse-icon > svg { width: 8px; height: 8px; }
.legend-dot.has-pulse-icon { display: inline-flex; align-items: center; justify-content: center; width: 8px; height: 8px; background: none; border-radius: 0; }
.legend-dot.has-pulse-icon > svg { width: 8px; height: 8px; }
#median-key.has-pulse-icons { display: inline-flex; align-items: center; gap: 6px; }
#median-key.has-pulse-icons[hidden] { display: none; }
#median-key .pulse-icon-holder { width: 17px; height: 13px; }
.motion-button.has-pulse-status:before, #g-calm.has-pulse-status:before, #g-cycle-following-text.has-pulse-status:before { content: none; }
.motion-button.has-pulse-motion:before, #g-calm.has-pulse-motion:before { content: none; }
.motion-button > .pulse-icon--activity, .motion-button > .pulse-icon--moon,
#g-calm > .pulse-icon--activity, #g-calm > .pulse-icon--moon { width: 16px; height: 16px; }
#g-calm.has-pulse-motion { gap: 7px; }
.motion-button > .pulse-icon--status-dot, #g-calm > .pulse-icon--status-dot { margin-right: 1px; }
#g-calm.has-pulse-status { gap: 7px; }
#g-cycle-following-text > .pulse-icon--status-dot { margin-right: 6px; }
.g-rhythm-shortcut-light.has-pulse-icon { width: 8px; height: 8px; flex: 0 0 8px; display: inline-flex; align-items: center; justify-content: center; background: none; box-shadow: none; }
.g-rhythm-shortcut-light.has-pulse-icon > svg { width: 100%; height: 100%; }
.g-rhythm-light.has-pulse-icon:before { content: none; }
.g-rhythm-light.has-pulse-icon > svg { width: 20px; height: 26px; color: #fff5e2; filter: drop-shadow(0 0 4px rgba(var(--rhythm-rgb),.8)) drop-shadow(0 0 10px rgba(var(--rhythm-rgb),.25)); }
@media(max-width:760px) {
  .g-brand > .has-pulse-icon, .asterisk.has-pulse-icon { width: 23px; height: 23px; }
}
