.test-animated-el{display:none;margin:10px}.test-animated .test-animated-el{display:block}.test-animated-el .boxes{display:flex;flex-wrap:wrap;margin:0 auto;max-width:260px}@media (min-width:540px) and (max-width:1029px){.test-animated-el .boxes{max-width:520px}}@media (min-width:1030px){.test-animated-el .boxes{max-width:1030px}}.test-animated-el .box-container{display:flex;justify-content:center}@media (min-width:540px) and (max-width:1029px){.test-animated-el .box-container{flex-basis:50%}}@media (min-width:1030px){.test-animated-el .box-container{flex-basis:25%}}.test-animated-el .box{width:100%;margin:10px;border-radius:11px 11px 10px 10px;box-shadow:0 4px 15px -2px rgba(0,0,0,.3)}@media (max-width:540px){.test-animated-el .box{min-width:240px}}.test-animated-el .box--upload{color:#f17763;background:#f17763}.test-animated-el .box--download{color:#a98bae;background:#a98bae}.test-animated-el .box--latency{color:#e8d35a;background:#e8d35a}.test-animated-el .box--jitter{color:#89ccab;background:#89ccab}.test-animated-el .box__head{padding:18px 18px 24px;background:#fff;border-radius:10px 10px 0 0;text-align:center}.test-animated-el .box__header{margin:0;font-size:30px;font-weight:400}.test-animated-el .box__main{height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;text-align:center}.test-animated-el .box__img{margin-bottom:30px}.test-animated-el .display-result .box__img{display:none}.test-animated-el .box__link{color:#fff;font-size:18px}.test-animated-el .start{margin-top:30px;text-align:center}.test-animated-el .start__btn{background:#005d85;box-shadow:0 4px 15px -2px rgba(0,0,0,.3);color:#fff;border:none;opacity:1;cursor:pointer;padding:12px 50px;font-size:18px;font-weight:300;border-radius:5px;width:300px;border:2px solid #005d85}.test-animated-el .start__btn:focus{background-color:#f1eff1;color:#005d85}.test-animated-el .start__btn--disabled{opacity:.33;box-shadow:none;pointer-events:none}.test-animated-el .results-box{margin-bottom:30px;display:none}.test-animated-el .display-result .results-box{display:block;animation:pop .2s}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.test-animated-el .result__val{font-size:90px;font-weight:700}.test-animated-el .result__unit{font-size:35px;font-weight:300}.test-animated-el .error-mssg{font-size:1em;text-align:center;color:#ec3819}body:not(.is-ie) .test-animated-el .animate-download{animation:animate-download .9s linear infinite}body:not(.is-ie) .test-animated-el .animate-upload-line{stroke-dasharray:542 542;stroke-dashoffset:-542;animation:animate-upload-line 1.5s linear infinite}body:not(.is-ie) .test-animated-el .animate-upload-arrow{animation:animate-upload-arrow 1.5s infinite}body:not(.is-ie) .test-animated-el .animate-latency{animation:animate-latency .6s linear infinite;transform-origin:69px 91px}body.is-ie .test-animated-el .animating{animation:animate-opacity 1.2s linear infinite}@keyframes animate-download{0%{transform:translateY(-120px)}to{transform:translateY(120px)}}@keyframes animate-upload-line{0%{stroke-dashoffset:-542}90%{stroke-dashoffset:0}to{stroke-dashoffset:0}}@keyframes animate-upload-arrow{0%{opacity:0}89%{opacity:0}90%{opacity:1}}@keyframes animate-latency{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes animate-opacity{0%,to{opacity:.8}50%{opacity:.4}}*{box-sizing:border-box}body{font-family:Lato,sans-serif;margin:0}.test-default-el{margin:8px;display:none;color:#80909a;text-align:center;font-size:20px;font-weight:300}.test-default .test-default-el{display:block}.test-default-el .gauge-wrapper{display:inline-block;width:100%}.test-default-el .byline{position:absolute;right:10px;top:10px;font-size:.7em;text-decoration:none;color:inherit}[dir=rtl] .test-default-el .byline{left:10px;right:auto}.test-default-el .byline span{display:none;margin-right:.5em}.test-default-el .byline .sk-logo{display:inline-block;width:40px;height:40px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI1NjBweCIgaGVpZ2h0PSI1NjBweCIgdmlld0JveD0iMjAwIDAgNTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAyMDAgMCA1NjAgNTYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHJlY3QgeD0iMjAwIiBmaWxsPSIjMDA5RkUzIiB3aWR0aD0iNTYwIiBoZWlnaHQ9IjU2MCIvPgo8Zz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMDEuMSwyNDEuMWMwLDQuOC0wLjMsMTkuNCwxOC41LDE5LjRjMTEuOSwwLDE5LjQtNS43LDE5LjQtMTQuM2MwLTkuMS02LjQtMTAuNi0xOS40LTEzLjcKCQkJYy0yNC4zLTYtMzcuNi0xMy4zLTM3LjYtMzAuOWMwLTE2LjgsMTItMzEuNiw0MC40LTMxLjZjMTAuNiwwLDIzLjIsMi40LDMwLjgsMTJjNS44LDcuMyw1LjgsMTUuNiw1LjgsMTguOUgzMzgKCQkJYy0wLjMtMy41LTEuNC0xNS41LTE2LjUtMTUuNWMtMTAuMiwwLTE2LjgsNS41LTE2LjgsMTMuOGMwLDkuNSw3LjUsMTEuMSwyMi4yLDE0LjhjMTcuNiw0LjMsMzUsOSwzNSwyOQoJCQljMCwxOC40LTE1LjIsMzMuMi00My41LDMzLjJjLTM5LjEsMC0zOS40LTI1LjEtMzkuNS0zNS4xTDMwMS4xLDI0MS4xTDMwMS4xLDI0MS4xeiIvPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00MTQuNSwyNzMuN2MtMC43LTQuNC0wLjctNy42LTAuNy05LjdjLTcuOSwxMS40LTE3LjQsMTEuNC0yMS4zLDExLjRjLTEwLjMsMC0xNS0zLTE3LjgtNS43CgkJCWMtNC4zLTQuMy02LjItMTAtNi4yLTE1LjdjMC01LjcsMi0xNi4xLDE1LjEtMjIuMmM4LjctNCwyMS4zLTQsMjguMi00YzAtNC42LTAuMS02LjktMS05LjVjLTEuOC01LjItNy4zLTUuOS05LjQtNS45CgkJCWMtMywwLTYsMS4zLTcuOSw0Yy0xLjYsMi40LTEuNiw0LjYtMS42LDYuM2gtMjAuNWMwLjItMy44LDAuNi0xMS40LDguMS0xNi44YzYuNS00LjYsMTQuOC01LjgsMjEuNi01LjhjNS45LDAsMTguNCwxLDI1LjQsOS4yCgkJCWM0LjgsNS44LDQuOSwxNC4zLDQuOSwxNy41bDAuMSwyOC43YzAsNiwwLjQsMTIuMiwxLjcsMTguMUg0MTQuNUw0MTQuNSwyNzMuN3ogTTM4OC44LDI1MS43YzAsNC44LDMuMiwxMC4yLDEwLjIsMTAuMgoJCQljMy44LDAsNi45LTEuOCw4LjktNC4xYzMuNy00LjUsNC0xMCw0LTE3LjZDMzk4LjQsMjM5LDM4OC44LDI0My4yLDM4OC44LDI1MS43eiIvPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00NDAuMSwyMTUuOGMwLTQuNS0wLjMtOC45LTAuNy0xMy40aDIwLjJsMC43LDkuMmMyLjItMy4xLDcuOC0xMC44LDIyLTEwLjhjMTYuNCwwLDIxLjEsMTAsMjIuNSwxMy40CgkJCWM1LjktMTEuNCwxNS42LTEzLjMsMjIuOS0xMy4zYzE0LjQsMCwyMC4yLDguNiwyMS44LDExLjRjMy44LDYuMiwzLjUsMTQuOCwzLjUsMjEuMXY0MC4zSDUzMnYtNDEuOWMwLTcuNi0xLjEtMTYuMS0xMi0xNi4xCgkJCWMtMTIuNiwwLTEyLjgsMTEuNy0xMi44LDIyLjN2MzUuN0g0ODZ2LTQyLjRjMC01LjUtMC4xLTE1LjctMTEuNy0xNS43Yy0xMy4yLDAtMTMuMiwxMS4zLTEzLjIsMTYuMXY0MS45aC0yMS4xTDQ0MC4xLDIxNS44CgkJCUw0NDAuMSwyMTUuOHoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yODMuMywyODUuNWgyMS45djQ0bDM0LjItNDQuMmgyNS41TDMyNy42LDMzMWw0MC43LDU2LjRIMzQxbC0zNS43LTUydjUyaC0yMS45CgkJCUMyODMuMywzODcuNCwyODMuMywyODUuNSwyODMuMywyODUuNXoiLz4KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMzY5LjEsMzI4LjdjMC0wLjMsMC04LjEtMC40LTEzaDIwbDAuNiwxMC44YzItMy4yLDcuNi0xMi40LDIzLjItMTIuNGMxNCwwLDE5LjksOC41LDIxLjcsMTMuNAoJCQljMS42LDQuNCwyLDguMSwyLDIxLjN2MzguNmgtMjEuM3YtNDQuNGMwLTMsMC01LjUtMS4xLTcuOGMtMS42LTMuMS00LjgtNi0xMC4yLTZjLTQuNSwwLTguNiwyLjEtMTAuOSw1LjUKCQkJYy0xLjMsMS44LTIuNSw1LjQtMi41LDEwLjl2NDEuOGgtMjFWMzI4Ljd6Ii8+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQ4MC4yLDMxNC4zYzI1LjksMCwzNywxNy41LDM3LDM3LjRjMCwyMC0xMS42LDM4LjEtMzcuNCwzOC4xYy0yMC4zLDAtMzYuNS0xMi42LTM2LjUtMzcuNgoJCQlDNDQzLjMsMzM1LjEsNDUyLjEsMzE0LjMsNDgwLjIsMzE0LjN6IE00ODAuNSwzNzUuM2M5LjIsMCwxNS40LTUuNSwxNS40LTI0LjRjMC05LjUtMS44LTIyLjYtMTUuNy0yMi42CgkJCWMtMTUuMywwLTE1LjQsMTcuNi0xNS40LDI0LjJDNDY0LjgsMzY4LjQsNDcwLjIsMzc1LjMsNDgwLjUsMzc1LjN6Ii8+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTUzNi4xLDMxNmwxMiwzOC45bDExLjItMzguOWgxOC4zbDEyLDM4LjNsMTEuMy0zOC4zaDE4LjVsLTIwLjEsNzEuM2gtMTkuOWwtMTAuOC00My4ybC0xMy44LDQzLjJoLTE5LjEKCQkJTDUxNi4yLDMxNkg1MzYuMXoiLz4KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjM4LjQsMzY2LjdjMC4zLDQuNSwzLjEsOS43LDExLjksOS43YzcuNSwwLDExLTQuMywxMS04LjVjMC0zLjItMS43LTUuOC05LjktOC4xbC0xMy0zLjUKCQkJYy01LjgtMS43LTE4LjEtNS4yLTE4LjEtMTkuOGMwLTEzLjgsMTIuNy0yMi4zLDMxLjItMjIuM2MxNC43LDAsMjYuNSw2LjgsMjcuMSwyMS4xaC0xOS4xYy0wLjYtNy45LTYuOS04LjUtMTAuMi04LjUKCQkJYy01LjcsMC05LjksMi43LTkuOSw3LjFjMCw0LjgsMy41LDUuOCw5LjcsNy41TDY2MiwzNDVjMTMsMy41LDE5LjEsMTAuMSwxOS4xLDE5LjljMCwxMi4zLTEwLjYsMjQuNi0zMi44LDI0LjYKCQkJYy05LjIsMC0xNy45LTItMjQuNS04LjdjLTQuNi00LjktNS4xLTEwLjYtNS4yLTE0TDYzOC40LDM2Ni43TDYzOC40LDM2Ni43eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);background-size:100% 100%;vertical-align:middle}@media (max-width:280px){.test-default-el .byline .sk-logo{width:30px;height:30px}}@media (max-width:200px){.test-default-el .byline .sk-logo{width:20px;height:20px}}.test-default-el svg{direction:ltr}.test-default-el .gauge__face .gauge__arc{fill:none;stroke-width:10;stroke:#f1eff1}.test-default-el .gauge__face .gauge__arc--active{stroke:#ec3819}.test-default-el .gauge__face text{fill:#80909a}.test-default-el .gauge__needle .gauge__needle--part1{fill:#0c9fe3;stroke:#0c9fe3}.test-default-el .gauge__needle .gauge__needle--part2,.test-default-el .gauge__needle circle{fill:#0c9fe3}.test-default-el .start-button{display:block;margin:0 auto;padding:8px 25px;font-size:.7em;font-weight:300;text-transform:uppercase;background-color:#ec3819;border:0;border-radius:4px;color:#fff;cursor:pointer}.test-default-el .status-bar{height:1em;padding:10px 0;font-size:.7em;text-align:center;color:#ec3819}.test-default-el .results{max-width:700px;margin:30px auto 0;padding:20px 0;text-align:center;vertical-align:top;background-color:#f1eff1}.test-default-el .results h2{margin-top:0;margin-bottom:0;font-size:1em;font-weight:200}.test-default-el .results p{margin-top:0;margin-bottom:.5em}.test-default-el .results p span:first-child{font-size:2em}@media (min-width:450px){.test-default-el .byline span{display:inline}.test-default-el .results{display:block}.test-default-el .results h2{margin-top:.5em;margin-bottom:.5em}}@media (min-width:450px) and (max-width:550px){.test-default-el svg{margin:10%;margin-top:10px;margin-bottom:0}.test-default-el .results__result{display:inline-block;width:24%}}@media (min-width:550px){.test-default-el .gauge-wrapper{width:auto}.test-default-el svg{width:320px;height:271px;margin-top:30px}.test-default-el .results{margin-top:40px;padding:40px}}@media (min-width:550px) and (max-height:599px){.test-default-el .results{display:inline-block;margin-left:30px;margin-top:20px;padding:20px 40px}.test-default-el .results h2{margin-bottom:0}.test-default-el .results h2:not(:first-child){margin-top:1em}}@media (min-width:550px) and (min-height:599px){.test-default-el .results__result{display:inline-block;width:24%}}.test-default-el .u-hidden{display:none!important}
/*# sourceMappingURL=app.564ad01bd13d3262a2780dbac6fc5d92.css.map*/