/* A decorative route: three choices, one continuous path forward. */
.support-motion{--help-accent:#aec7ac;--account-accent:#b5cbb0;--privacy-accent:#aec7ac;--help-strength:.38;--account-strength:.45;--privacy-strength:.38;width:min(100%,220px);margin:23px 0 16px;pointer-events:none}
.support-motion svg{display:block;width:100%;height:auto;overflow:visible;stroke-width:.85}
.support-motion-orbit{stroke:#a1b59c;stroke-opacity:.1;stroke-dasharray:1 8}
.support-motion-return{stroke:#c6b28a;stroke-opacity:.2;stroke-dasharray:2 7;animation:support-route-drift 24s linear infinite}
.support-motion-beam{stroke-linecap:round;transition:stroke .65s,stroke-opacity .65s;stroke-dasharray:1 5}
.support-motion-beam--help{stroke:var(--help-accent);stroke-opacity:var(--help-strength)}
.support-motion-beam--account{stroke:var(--account-accent);stroke-opacity:var(--account-strength);stroke-dasharray:1 4}
.support-motion-beam--privacy{stroke:var(--privacy-accent);stroke-opacity:var(--privacy-strength)}
.support-motion-cross{stroke:#c9b68c;stroke-opacity:.32}
.support-motion-node--help{--node-accent:var(--help-accent);--node-strength:var(--help-strength)}
.support-motion-node--account{--node-accent:var(--account-accent);--node-strength:var(--account-strength)}
.support-motion-node--privacy{--node-accent:var(--privacy-accent);--node-strength:var(--privacy-strength)}
.support-motion-ring,.support-motion-halo{stroke:var(--node-accent);stroke-opacity:var(--node-strength);transition:stroke .65s,stroke-opacity .65s}
.support-motion-halo{stroke-width:.6;stroke-dasharray:1 5;transform-box:fill-box;transform-origin:center;animation:support-node-breathe 8s ease-in-out infinite}
.support-motion-node--account .support-motion-halo{animation-delay:-2.7s}
.support-motion-node--privacy .support-motion-halo{animation-delay:-5.3s}
.support-motion-core{fill:var(--node-accent);fill-opacity:.82;stroke:none;transition:fill .65s,fill-opacity .65s}
.support-motion-needle{fill:#cbb78b;fill-opacity:.62;stroke:#d6c197;stroke-opacity:.7;stroke-width:.55;transform-box:fill-box;transform-origin:center;animation:support-compass-find 14s ease-in-out infinite}
.support-motion-signal{offset-path:path('M28 58C58 60 73 25 113 24C154 23 172 59 211 55C185 82 57 83 28 58');offset-rotate:0deg;fill:#e0c49b;stroke:none;animation:support-signal-travel 14s linear infinite}
.support-motion-signal--two{fill:#c8dfbd;animation-delay:-7s}
.support-motion-signal-glow{fill:currentColor;color:#dac399;fill-opacity:.13}
.support-motion-signal--two .support-motion-signal-glow{color:#c7dfbc}
.support-layout:has(.support-options>.support-option:nth-of-type(1)[open]) .support-motion{--help-accent:#e4c79d;--help-strength:.95}
.support-layout:has(.support-options>.support-option:nth-of-type(2)[open]) .support-motion{--account-accent:#e4c79d;--account-strength:.95}
.support-layout:has(.support-options>.support-option:nth-of-type(3)[open]) .support-motion{--privacy-accent:#e4c79d;--privacy-strength:.95}
@keyframes support-signal-travel{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes support-route-drift{to{stroke-dashoffset:-54}}
@keyframes support-node-breathe{0%,100%{transform:scale(.92)}50%{transform:scale(1.09)}}
@keyframes support-compass-find{0%,100%{transform:rotate(-12deg)}45%,55%{transform:rotate(17deg)}}
html[data-motion="paused"] .support-motion *,body.reduced-motion .support-motion *{animation-play-state:paused!important}
@supports not (offset-path:path('M0 0L1 1')){.support-motion-signal{display:none}}
@media(prefers-reduced-motion:reduce){.support-motion *{animation:none!important;transition:none!important}.support-motion-signal--one{offset-distance:19%}.support-motion-signal--two{offset-distance:72%}.support-motion-needle{transform:none}}
@media(max-width:600px){.support-motion{width:190px;margin:20px 0 13px}}
