.mapbox-viewport{z-index:0;opacity:.6;background-position:50%;background-repeat:no-repeat;background-size:cover;animation:30s ease-in-out infinite mapPan;position:absolute;inset:0;overflow:hidden}.dark .mapbox-viewport{opacity:.3}@keyframes mapPan{0%{background-position:50%}25%{background-position:60% 40%}50%{background-position:80%}75%{background-position:60% 60%}to{background-position:50%}}@keyframes ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(4)}}.ripple-button{position:relative;overflow:hidden}.ripple-button:after{content:"";opacity:0;pointer-events:none;background:#fff6;border-radius:50%;width:0;height:0;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple-button:active:after,.ripple-button:focus-visible:after{width:100px;height:100px;animation:.6s ease-out ripple}.dark .ripple-button:after{background:#ffffff4d}@media (prefers-reduced-motion:reduce){.ripple-button:after{transition:none!important;animation:none!important}.mapbox-viewport{animation:none!important}}