.sh-root{width:100vw;margin-left:calc(50% - 50vw)}.sh-clip{image-rendering:pixelated;background-image:url(/assets/onboarding/street_bg.png);background-repeat:repeat-x;background-size:auto 100%}.sh-actor{image-rendering:pixelated;pointer-events:none;background-repeat:no-repeat;position:absolute}@keyframes sh-frame-step-car{0%{background-position-x:0}to{background-position-x:-600px}}@keyframes sh-frame-step-char{0%{background-position-x:0}to{background-position-x:-240px}}@keyframes sh-move-ltr{0%{left:-70px}to{left:calc(100% + 70px)}}@keyframes sh-move-rtl{0%{left:calc(100% + 70px)}to{left:-70px}}.sh-car{width:100px;height:60px;animation:sh-frame-step-car .6s steps(6) infinite, sh-move-ltr var(--sh-car-duration,4s) linear infinite;background-image:url(/assets/onboarding/cars/car_01.png);background-size:600px 120px}.sh-car-upper{background-position-y:-60px;animation-name:sh-frame-step-car,sh-move-rtl;top:34px}.sh-car-lower{animation-name:sh-frame-step-car,sh-move-ltr;animation-delay:0s, var(--sh-car-delay,-2s);background-position-y:0;top:76px}.sh-char{width:40px;height:80px;animation:sh-frame-step-char .9s steps(6) infinite, sh-move-ltr var(--sh-char-duration,7s) linear infinite;background-size:240px 240px}.sh-char-top{background-image:url(/assets/onboarding/characters/female/char_02.png);background-position-y:0;animation-name:sh-frame-step-char,sh-move-ltr;top:-43px}.sh-char-bottom{background-image:url(/assets/onboarding/characters/male/char_03.png);background-position-y:-80px;animation-name:sh-frame-step-char,sh-move-rtl;top:94px}@property --sh-wave-angle-top{syntax:"<angle>";inherits:true;initial-value:130deg}@property --sh-wave-angle-bottom{syntax:"<angle>";inherits:true;initial-value:-50deg}.sh-wave{width:0;height:0;animation:sh-wave-visibility var(--sh-char-duration,7s) linear infinite;position:absolute;left:50%}.sh-wave-top{animation-name:sh-wave-visibility,sh-wave-angle-top;top:100%}.sh-wave-bottom{animation-name:sh-wave-visibility,sh-wave-angle-bottom;bottom:calc(100% - 22px)}@keyframes sh-wave-visibility{0%,42%,58%,to{opacity:0}48%,52%{opacity:1}}@keyframes sh-wave-angle-top{0%,42%{--sh-wave-angle-top:85deg}50%{--sh-wave-angle-top:130deg}58%,to{--sh-wave-angle-top:175deg}}@keyframes sh-wave-angle-bottom{0%,42%{--sh-wave-angle-bottom:-95deg}50%{--sh-wave-angle-bottom:-50deg}58%,to{--sh-wave-angle-bottom:-5deg}}.sh-wave-ring{border:2px solid var(--color-signal-400);opacity:0;width:10px;height:10px;-webkit-mask-image:conic-gradient(from var(--sh-wave-angle-top), black 0deg 100deg, transparent 100deg 360deg);-webkit-mask-image:conic-gradient(from var(--sh-wave-angle-top), black 0deg 100deg, transparent 100deg 360deg);mask-image:conic-gradient(from var(--sh-wave-angle-top), black 0deg 100deg, transparent 100deg 360deg);border-radius:50%;margin:-5px 0 0 -5px;animation:1.1s ease-out infinite sh-ping;position:absolute;top:0;left:0}.sh-wave-bottom .sh-wave-ring{-webkit-mask-image:conic-gradient(from var(--sh-wave-angle-bottom), black 0deg 100deg, transparent 100deg 360deg);-webkit-mask-image:conic-gradient(from var(--sh-wave-angle-bottom), black 0deg 100deg, transparent 100deg 360deg);mask-image:conic-gradient(from var(--sh-wave-angle-bottom), black 0deg 100deg, transparent 100deg 360deg)}.sh-wave-ring:nth-child(2){animation-delay:.37s}.sh-wave-ring:nth-child(3){animation-delay:.74s}@keyframes sh-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(4.5)}}@media (prefers-reduced-motion:reduce){.sh-car,.sh-char,.sh-wave,.sh-wave-ring{animation:none}}