.shelter-demo .shelter-screen { display: block; width: 100%; height: 100%; }
.shelter-demo .shelter-state-2 { display: none; }
.shelter-demo[data-shelter="1"] .shelter-state-1 { display: none; }
.shelter-demo[data-shelter="1"] .shelter-state-2 { display: inline; }
.shelter-demo .shelter-location-pulse { transform-origin: 0 0; }
.shelter-demo .shelter-tap { fill: none; stroke: #fff; stroke-width: 2; opacity: 0; transform-box: fill-box; transform-origin: center; }
.shelter-demo[data-shelter="1"] .shelter-tap { cx: 188; cy: 375; }
@media (prefers-reduced-motion: no-preference) {
  .shelter-demo .shelter-location-pulse { animation: shelter-location 2400ms ease-in-out infinite; animation-play-state: paused; }
  .shelter-demo.is-visible .shelter-location-pulse { animation-play-state: running; }
  .shelter-demo.is-tapping .shelter-tap { animation: shelter-tap 650ms ease-out; }
  @keyframes shelter-location { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.075); } }
  @keyframes shelter-tap { 0% { opacity: .8; transform: scale(.9); } 100% { opacity: 0; transform: scale(1.55); } }
}