/* The same curious crayon friend, beside the guide rather than the signup. */
.map-help-hello{display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:28px;align-items:center;margin-bottom:18px}
.map-help-hello .information-lead{margin-bottom:0}
.map-help-friend{margin:0;width:176px;text-align:center}
.map-help-friend .doodle-window{width:176px;height:176px;overflow:hidden}
.map-help-friend .doodle-strip{display:block;width:300%;max-width:none;height:100%;filter:none;mix-blend-mode:normal;animation:map-helper-moment 4.2s steps(1,end) infinite;animation-play-state:paused}
.map-help-friend[data-doodle-motion=on] .doodle-strip{animation-play-state:running}
.map-help-friend[data-doodle-motion=off] .doodle-strip{animation:none;transform:none}
.map-friend-toggle{display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;appearance:none}
.map-friend-toggle:disabled{opacity:1;cursor:default}
.map-friend-toggle:focus-visible{outline:3px solid #852344;outline-offset:4px}
@keyframes map-helper-moment{0%,35%{transform:translateX(0)}36%,67%{transform:translateX(-31.69337%)}68%,70%{transform:translateX(0)}71%,74%{transform:translateX(-64.67725%)}75%,100%{transform:translateX(0)}}
@media(max-width:600px){.map-help-hello{grid-template-columns:minmax(0,1fr) 112px;gap:16px}.map-help-friend,.map-help-friend .doodle-window{width:112px}.map-help-friend .doodle-window{height:112px}.map-help-hello .information-lead{font-size:25px}}
@media(max-width:370px){.map-help-hello{grid-template-columns:minmax(0,1fr) 96px;gap:12px}.map-help-friend,.map-help-friend .doodle-window{width:96px}.map-help-friend .doodle-window{height:96px}}
@media(prefers-reduced-motion:reduce){.map-help-friend .doodle-strip{animation:none!important;transform:none}}