/* Motion is limited to the four vector illustrations in the application cards. */
.application-scene [data-scene-window]{animation:application-window 16s ease-in-out infinite;animation-delay:var(--window-delay);animation-play-state:paused}
.application-scene [data-scene-building-selection]{animation:application-building 10s ease-in-out infinite;animation-play-state:paused}
.application-scene [data-scene-signal]{animation:application-signal-light 5s ease-in-out infinite;animation-play-state:paused}
.application-scene [data-scene-kiosk-preview]{transform-origin:67px 87px;animation:application-preview 8s ease-in-out infinite;animation-play-state:paused}
.application-scene [data-scene-dial]{transform-origin:206px 175px;animation:application-dial 8s ease-in-out infinite;animation-play-state:paused}
.application-scene [data-scene-connection]{animation:application-connection 3s linear infinite;animation-play-state:paused}
.application-scene [data-scene-control]{animation:application-control 8s ease-in-out infinite;animation-play-state:paused}
.application-scene [data-scene-control="246"]{animation-delay:-2.5s}
.application-scene [data-scene-control="261"]{animation-delay:-5s}
.application-scene [data-scene-kiosk-light]{animation:application-kiosk-light 8s ease-in-out infinite;animation-play-state:paused}
.application-scene [data-scene-touch]{transform-origin:80px 124px;animation:application-touch 4s ease-out infinite;animation-play-state:paused}
.application-scene [data-scene-orbit]{transform-origin:107px 91px;animation:application-orbit 24s linear infinite;animation-play-state:paused}
.application-scene [data-scene-sensor-ring]{transform-origin:181px 144px;animation:application-sensor 4.5s ease-out infinite;animation-play-state:paused}
.application-illustration.is-running .application-scene [data-scene-window],
.application-illustration.is-running .application-scene [data-scene-building-selection],
.application-illustration.is-running .application-scene [data-scene-signal],
.application-illustration.is-running .application-scene [data-scene-kiosk-preview],
.application-illustration.is-running .application-scene [data-scene-dial],
.application-illustration.is-running .application-scene [data-scene-connection],
.application-illustration.is-running .application-scene [data-scene-control],
.application-illustration.is-running .application-scene [data-scene-kiosk-light],
.application-illustration.is-running .application-scene [data-scene-touch],
.application-illustration.is-running .application-scene [data-scene-orbit],
.application-illustration.is-running .application-scene [data-scene-sensor-ring]{animation-play-state:running}
@keyframes application-window{0%,12%,88%,100%{fill:#59644f;opacity:.42}28%,70%{fill:#f7a63f;opacity:1}}
@keyframes application-building{0%,12%,90%,100%{opacity:.12;stroke-dashoffset:0}35%,68%{opacity:.85;stroke-dashoffset:-24}}
@keyframes application-signal-light{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes application-preview{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}
@keyframes application-dial{0%,15%,100%{transform:rotate(-35deg)}45%,70%{transform:rotate(55deg)}}
@keyframes application-connection{to{stroke-dashoffset:-24}}
@keyframes application-control{0%,15%,100%{fill:#778963;opacity:.6}35%,65%{fill:#f28a17;opacity:1}}
@keyframes application-kiosk-light{0%,15%,100%{opacity:.35}35%,70%{opacity:1}}
@keyframes application-touch{0%,15%{transform:scale(.6);opacity:0}30%{opacity:.9}75%,100%{transform:scale(2.2);opacity:0}}
@keyframes application-orbit{to{transform:rotate(360deg)}}
@keyframes application-sensor{0%,12%{transform:scale(.5);opacity:0}25%{opacity:.75}82%,100%{transform:scale(1.8);opacity:0}}
@media(prefers-reduced-motion:reduce){.application-scene *{animation:none!important}}