/* Human Pictogram System: consistent anatomy and purposeful joint motion. */
.diagram-human{overflow:hidden;background:radial-gradient(circle at 65% 44%,rgba(119,204,228,.11),transparent 64%),linear-gradient(160deg,#192b34,#18232d 70%);border-color:#58707e}
.diagram-human svg{overflow:visible}
.diagram-human .hi-eyebrow{fill:#88d6e6;font:900 16px Arial,sans-serif;letter-spacing:1.7px}
.diagram-human .hi-ground{fill:none;stroke:#5b7380;stroke-width:3;stroke-linecap:round}
.diagram-human .hi-person{--figure:#a5ddea;--mass:#213f4b;--joint:#215160}
.diagram-human .hi-rescuer{--figure:#f4b18d;--mass:#573d38;--joint:#805445}
.diagram-human .hi-head{fill:var(--mass);stroke:var(--figure);stroke-width:4}
.diagram-human .hi-neck{fill:var(--mass);stroke:var(--figure);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.diagram-human .hi-torso,.diagram-human .hi-pelvis{fill:var(--mass);stroke:var(--figure);stroke-width:4;stroke-linejoin:round}
.diagram-human .hi-upper-limb,.diagram-human .hi-thigh{fill:none;stroke:var(--figure);stroke-width:12;stroke-linecap:round;stroke-linejoin:round}
.diagram-human .hi-lower-limb,.diagram-human .hi-shin{fill:none;stroke:var(--figure);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.diagram-human .hi-joint{fill:var(--joint);stroke:var(--figure);stroke-width:2}
.diagram-human .hi-hand,.diagram-human .hi-palm,.diagram-human .hi-fist{fill:var(--figure);stroke:#ffeadb;stroke-width:2;stroke-linejoin:round}
.diagram-human .hi-foot{fill:none;stroke:var(--figure);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}
.diagram-human .hi-face{fill:none;stroke:var(--figure);stroke-width:2.5;stroke-linecap:round}
.diagram-human .hi-focus-line,.diagram-human .hi-note-line{fill:none;stroke:#7daab7;stroke-width:2;stroke-dasharray:5 5;opacity:.8}
.diagram-human .hi-focus-node{fill:#f26a57;stroke:#ffe6db;stroke-width:2}
.diagram-human .hi-inset{fill:#14242d;stroke:#54717d;stroke-width:3}
.diagram-human .hi-inset-title{fill:#ffb698;font:900 19px Arial,sans-serif;letter-spacing:1px}
.diagram-human .hi-inset-note{fill:#d8e8ed;font:700 14px Arial,sans-serif}
.diagram-human .hi-profile{fill:#29414a;stroke:#a4dce9;stroke-width:4;stroke-linejoin:round}
.diagram-human .hi-airway{fill:none;stroke:#81d7eb;stroke-width:13;stroke-linecap:round}
.diagram-human .hi-airway-dim{fill:none;stroke:#edbd85;stroke-width:5;stroke-linecap:round}
.diagram-human .hi-blockage{fill:#f26a57;stroke:#ffe5dc;stroke-width:3}
.diagram-human .hi-no-air,.diagram-human .hi-action-arrow{fill:none;stroke:#f26a57;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.diagram-human .hi-side-note{fill:#dce8eb;font:800 15px Arial,sans-serif}
.diagram-human .hi-coral-text{fill:#f8ab8e}
.diagram-human .hi-impact{fill:#f26a57;stroke:#ffe2d6;stroke-width:2;opacity:.85}
.diagram-human .hi-navel{fill:none;stroke:#f4d2a7;stroke-width:4;stroke-linecap:round}
.diagram-human .hi-grip{fill:none;stroke:#ffeadb;stroke-width:3;stroke-linecap:round}
.diagram-human .hi-choke-arm,.diagram-human .hi-choke-forearm,.diagram-human .hi-strike-upper,.diagram-human .hi-strike-forearm{transform-box:view-box}
.diagram-airway .hi-choke-arm{transform-origin:151px 117px;animation:hi-choke-upper 1.45s cubic-bezier(.45,.02,.2,1) 3}
.diagram-airway .hi-choke-forearm{transform-origin:173px 147px;animation:hi-choke-elbow 1.45s cubic-bezier(.45,.02,.2,1) 3}
.diagram-airway .hi-blockage{animation:hi-obstruct 1.45s ease-in-out 3;transform-box:view-box;transform-origin:353px 181px}
.diagram-back .hi-strike-upper{transform-origin:412px 127px;animation:hi-strike-shoulder 1.35s cubic-bezier(.36,.02,.18,1) 4}
.diagram-back .hi-strike-forearm{transform-origin:380px 104px;animation:hi-strike-elbow 1.35s cubic-bezier(.36,.02,.18,1) 4}
.diagram-back .hi-impact{animation:hi-contact 1.35s ease-out 4}
.diagram-thrust .hi-thrust-upper,.diagram-thrust .hi-thrust-forearm{transform-box:view-box}
.diagram-thrust .hi-thrust-upper{transform-origin:342px 132px;animation:hi-thrust-shoulder 1.35s cubic-bezier(.36,.02,.18,1) 4}
.diagram-thrust .hi-thrust-forearm{transform-origin:314px 158px;animation:hi-thrust-elbow 1.35s cubic-bezier(.36,.02,.18,1) 4}
@keyframes hi-choke-upper{0%,22%,100%{transform:rotate(-8deg)}52%,76%{transform:rotate(0)}}
@keyframes hi-choke-elbow{0%,22%,100%{transform:rotate(-10deg)}52%,76%{transform:rotate(0)}}
@keyframes hi-obstruct{0%,22%,100%{transform:scale(.9)}52%,76%{transform:scale(1.08)}}
@keyframes hi-strike-shoulder{0%,18%,100%{transform:rotate(-10deg)}52%,70%{transform:rotate(0)}}
@keyframes hi-strike-elbow{0%,18%,100%{transform:rotate(-15deg)}52%,70%{transform:rotate(0)}}
@keyframes hi-contact{0%,47%,80%,100%{opacity:0}53%,66%{opacity:.95}}
@keyframes hi-thrust-shoulder{0%,22%,100%{transform:rotate(-5deg)}53%,73%{transform:rotate(0)}}
@keyframes hi-thrust-elbow{0%,22%,100%{transform:rotate(-8deg)}53%,73%{transform:rotate(0)}}
.motion-paused .diagram-human svg *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.diagram-human svg *{animation:none!important}}

/* The gesture resolves after two restrained demonstrations and then rests. */
.diagram-human{background:#1b2b31;border:0}
.diagram-human .hi-inset{stroke-width:2}
.diagram-human .hi-focus-line{stroke-dasharray:none;opacity:.55}
.diagram-human .hi-action-arrow{stroke-width:4}
.diagram-airway .hi-choke-arm,.diagram-airway .hi-choke-forearm,.diagram-airway .hi-blockage,
.diagram-back .hi-strike-upper,.diagram-back .hi-strike-forearm,.diagram-back .hi-impact{animation-iteration-count:2}
.diagram-thrust .hi-thrust-upper,.diagram-thrust .hi-thrust-forearm{animation:none}
.diagram-thrust .hi-embrace{animation:hi-embrace 1.5s cubic-bezier(.35,.1,.2,1) 2;transform-box:view-box}
@keyframes hi-embrace{0%,20%,100%{transform:translate(0,0)}56%,73%{transform:translate(-4px,-5px)}}
