.spinner{animation:rotation 1.4s linear infinite;stroke:#fff}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}.circle{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:turn 1.4s ease-in-out infinite}@-webkit-keyframes turn{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}@keyframes turn{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.asp_spectro{position:relative}canvas{position:float;width:100%;height:100%;background-color:#fff}#legend{display:none}.music-box__modal{display:none;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.music-box__modal__message{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);padding:3rem;border-radius:.2rem}.music-box__modal__message svg{display:block;margin-left:auto;margin-right:auto}.music-box__modal__message img{width:10vw;height:10vw;transform:rotate(0deg);animation:rotate .7s linear infinite}.music-box__modal__message__text{color:#fff;font-size:2rem;font-weight:200;text-align:center;margin-bottom:.5rem;overflow-wrap:break-word}.music-box__modal__record-rings{position:absolute;width:20rem;height:20rem;border:.1rem solid #3bc16f;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:30rem;animation-name:sonar-animation;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-out;opacity:0}.music-box__modal__record-rings:first-child{animation-delay:0s}.music-box__modal__record-rings:nth-child(2){animation-delay:.3s}.music-box__modal__record-rings:nth-child(3){animation-delay:.6s}.music-box__modal__record-rings:nth-child(4){animation-delay:.9s}.music-box__modal__record-rings:nth-child(5){animation-delay:1.2s}.asp_button{background-color:#245682;color:#eee;width:3rem;height:2rem;display:inline-block;border-radius:30rem;overflow:hidden;box-shadow:1px 1px 1px 1px rgba(0,0,0,.1);margin:auto;text-align:center;vertical-align:middle;cursor:pointer}.asp_button.selected{background-color:#3bc16f}.asp_button:active,.asp_button:visited{background-color:#245682}.asp_button.inactive{background-color:silver}.asp_button .icon{vertical-align:middle;display:inline-block;font-size:7rem;line-height:125%;pointer-events:none}.asp_button img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;margin:auto;pointer-events:none;display:none}.asp_button svg{vertical-align:middle}