.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.fast{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.faster{-webkit-animation-duration:250ms;animation-duration:250ms}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;transition:none!important}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}}@keyframes fadeOutUp{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}.sonar{position:relative;width:290px;display:flex;flex-wrap:wrap;transition:1s;margin:50px auto 0;visibility:visible}@media (min-width:600px){.sonar{width:440px}}.sonar--no-events{pointer-events:none}.sonar.rotate90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sonar.rotate90 .sonar__quarter:not(.hide) span{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-name:fadeOutFadeIn;animation-name:fadeOutFadeIn;-webkit-animation-iteration-count:once;animation-iteration-count:once;-webkit-animation-duration:1.8s;animation-duration:1.8s}.sonar.rotate180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sonar.rotate180 .sonar__quarter:not(.hide) span{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-name:fadeOutFadeIn;animation-name:fadeOutFadeIn;-webkit-animation-iteration-count:once;animation-iteration-count:once;-webkit-animation-duration:1.8s;animation-duration:1.8s}.sonar.rotate270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sonar.rotate270 .sonar__quarter:not(.hide) span{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-name:fadeOutFadeIn;animation-name:fadeOutFadeIn;-webkit-animation-iteration-count:once;animation-iteration-count:once;-webkit-animation-duration:1.8s;animation-duration:1.8s}.sonar__quarter{box-sizing:border-box;position:relative;width:145px;height:145px;cursor:pointer;display:flex;color:#fff;font-size:18px;line-height:28px}@media (min-width:600px){.sonar__quarter{width:220px;height:220px}}.sonar__quarter:nth-child(1){background-color:#b6101d;border-radius:100% 0 0 0;align-items:flex-end;justify-content:flex-end;padding-bottom:21px;padding-right:21px;transition:.1s}@media (min-width:600px){.sonar__quarter:nth-child(1){padding-bottom:42px;padding-right:42px}}.sonar__quarter:nth-child(1):hover{background-color:#e51424}.sonar__quarter:nth-child(1):hover span{background-color:#e51424;transition:.1s}.sonar__quarter:nth-child(1)::after{content:'';position:absolute;height:40px;width:40px;border-radius:100%;bottom:-20px;right:-20px;margin-left:auto;margin-right:auto;background-color:#fff}@media (min-width:600px){.sonar__quarter:nth-child(1)::after{height:80px;width:80px;bottom:-40px;right:-40px}}.sonar__quarter:nth-child(1) span{background-color:#b6101d;z-index:1;top:60px;left:30px;transition:.1s}@media (min-width:600px){.sonar__quarter:nth-child(1) span{top:125px;left:80px}}.sonar__quarter:nth-child(2){background-color:#175788;border-radius:0 100% 0 0;align-items:flex-end;justify-content:flex-start;padding-bottom:21px;padding-left:21px;transition:.1s}@media (min-width:600px){.sonar__quarter:nth-child(2){padding-bottom:42px;padding-left:42px}}.sonar__quarter:nth-child(2):hover{background-color:#1e73b4}.sonar__quarter:nth-child(2):hover span{background-color:#1e73b4;transition:.1s}.sonar__quarter:nth-child(2)::after{content:'';position:absolute;height:40px;width:40px;border-radius:100%;bottom:-20px;left:-20px;margin-left:auto;margin-right:auto;background-color:#fff}@media (min-width:600px){.sonar__quarter:nth-child(2)::after{height:80px;width:80px;bottom:-40px;left:-40px}}.sonar__quarter:nth-child(2) span{background-color:#175788;z-index:1;top:60px;right:30px;transition:.1s}@media (min-width:600px){.sonar__quarter:nth-child(2) span{top:125px;right:80px}}.sonar__quarter:nth-child(3){background-color:#57ab27;border-radius:0 0 0 100%;align-items:flex-start;justify-content:flex-end;padding-top:21px;padding-right:21px;transition:.1s}@media (min-width:600px){.sonar__quarter:nth-child(3){padding-top:42px;padding-right:42px}}.sonar__quarter:nth-child(3):hover{background-color:#6dd134}.sonar__quarter:nth-child(3):hover span{background-color:#6dd134;transition:.1s}.sonar__quarter:nth-child(3) span{background-color:#57ab27;z-index:1;bottom:60px;left:30px;transition:.1s}@media (min-width:600px){.sonar__quarter:nth-child(3) span{bottom:125px;left:80px}}.sonar__quarter:nth-child(3)::after{content:'';position:absolute;height:40px;width:40px;border-radius:100%;top:-20px;right:-20px;margin-left:auto;margin-right:auto;background-color:#fff}@media (min-width:600px){.sonar__quarter:nth-child(3)::after{height:80px;width:80px;top:-40px;right:-40px}}.sonar__quarter:nth-child(4){background-color:#ff5000;border-radius:0 0 100% 0;color:#fff;align-items:flex-start;justify-content:flex-start;padding-top:21px;padding-left:21px;transition:.1s}@media (min-width:600px){.sonar__quarter:nth-child(4){padding-top:42px;padding-left:42px}}.sonar__quarter:nth-child(4):hover{background-color:#ff7333}.sonar__quarter:nth-child(4):hover span{background-color:#ff7333;transition:.1s}.sonar__quarter:nth-child(4)::after{content:'';position:absolute;height:40px;width:40px;border-radius:100%;top:-20px;left:-20px;margin-left:auto;margin-right:auto;background-color:#fff}@media (min-width:600px){.sonar__quarter:nth-child(4)::after{height:80px;width:80px;top:-40px;left:-40px}}.sonar__quarter:nth-child(4) span{background-color:#ff5000;z-index:1;bottom:60px;right:30px;transition:.1s}@media (min-width:600px){.sonar__quarter:nth-child(4) span{bottom:125px;right:80px}}.sonar__quarter span{max-width:100px;position:absolute;pointer-events:none;text-align:center}.sonar__quarter.hide{opacity:0}.sonar__quarter.hide span{opacity:0}.sonar__center{position:absolute;height:80px;width:80px;border-radius:100%;top:50%;left:0;right:0;margin-left:auto;margin-right:auto;background-color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.sonar__animation{position:absolute;height:0;width:0;border-radius:100%;top:50%;left:0;right:0;margin-left:auto;margin-right:auto;background-image:radial-gradient(rgba(241,241,241,.6),rgba(241,241,241,.54),rgba(255,255,255,.4),rgba(241,241,241,.3),rgba(255,255,255,.1),rgba(255,255,255,.05));-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-animation-name:grow;animation-name:grow;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:3s;animation-duration:3s;pointer-events:none;z-index:2}.sonar__animation.hide{opacity:0}.sonar__dots{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;pointer-events:none}.sonar__dots.hide{opacity:0}.sonar__dots .dot{width:3px;height:3px;border-radius:100%;background:#d3d3d3;position:absolute;-webkit-animation-name:light;animation-name:light;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:4s;animation-duration:4s;pointer-events:none}.sonar__shadow{width:110%;height:110%;position:absolute;top:-5%;left:-5%;background:#e6e6e6;z-index:-1;border-radius:100%}@keyframes grow{0%{width:0;height:0;opacity:1}95%{width:100%;height:100%;opacity:.6}100%{width:100%;height:100%;opacity:.2}}@-webkit-keyframes grow{0%{width:0;height:0;opacity:1}95%{width:100%;height:100%;opacity:.6}100%{width:100%;height:100%;opacity:.2}}@keyframes light{0%{background:#d3d3d3}100%{background:#fff}}@-webkit-keyframes light{0%{background:#d3d3d3}100%{background:#fff}}@keyframes fadeOutFadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOutFadeIn{0%{opacity:0}100%{opacity:1}}