.sound-map{position:absolute;top:clamp(1.25rem,3vw,2.5rem);right:clamp(1rem,3vw,2.5rem);z-index:1;width:18rem;margin:0;font-family:Montserrat,sans-serif;font-weight:300;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 900ms ease,visibility 0s linear 900ms}
.sound-map[hidden]{display:none}
.sound-map.is-on{opacity:1;visibility:visible;transition:opacity 900ms ease}
.sound-map.is-on.is-crowded{visibility:hidden}
.sound-map .closest-name{justify-content:flex-end}
.sound-map .closest-name::before{order:1}
.sound-map-span{color:#cf7f89}
.sound-map-plot{display:block;width:16rem;height:8rem;margin:.45rem 0 0 auto;overflow:visible}
@media(max-width:899px),(max-height:500px){.sound-map{display:none}}
.sm-dot{fill:#525d6c}
.sm-hit{fill:transparent;pointer-events:auto}
.sm-step{stroke:#b65562;stroke-linecap:round}
.sm-step.is-off{stroke-dasharray:2.5 2.5}
.sm-mark{fill:#b65562}
.sm-now{fill:#f4f6fb;transition:opacity 400ms ease}
.sm-halo{fill:none;stroke:#f4f6fb;stroke-width:1;opacity:.35;transform-box:fill-box;transform-origin:center;animation:sm-halo 3s ease-in-out infinite;transition:opacity 400ms ease}
.sm-now.is-waiting,.sm-halo.is-waiting{opacity:0}
@keyframes sm-halo{0%,100%{transform:scale(.6);opacity:.35}50%{transform:scale(1);opacity:.08}}
@media(prefers-reduced-motion:reduce){.sound-map,.sound-map.is-on{transition:none}.sm-halo{animation:none}}