@media screen and (max-width:520px){.root{min-width:520px}}.device-detector-backdrop{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);z-index:1300;opacity:1;transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.device-detector-backdrop .root{position:relative;width:600px;height:480px;font-size:16px;box-shadow:2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);background-color:#fff;border-radius:4px}.device-detector-backdrop .root .stepper{border-radius:5px 5px 0 0;font-size:36px}.device-detector-backdrop .root .close{color:#eee;border-radius:20px;border-color:#eee;position:absolute;cursor:pointer;top:-50px;right:2px}.device-detector-backdrop .root .device-connect{display:flex;flex-direction:column;align-items:center}.device-detector-backdrop .root .device-connect .testing-title{display:flex;font-size:32px;justify-content:center;margin-top:55px;color:rgba(32,30,30,.8980392156862745)}.device-detector-backdrop .root .device-connect .testing-prepare-info{max-width:500px;text-align:center;display:flex;font-size:16px;justify-content:center;margin-top:30px;color:rgba(88,86,86,.8980392156862745)}.device-detector-backdrop .root .device-connect .device-display{width:420px;margin:40px auto 20px;display:flex;justify-content:space-around;position:relative}.device-detector-backdrop .root .device-connect .device-display .connect-success{position:relative}.device-detector-backdrop .root .device-connect .device-display .connect-success:before{content:"";width:28px;height:28px;position:absolute;bottom:-34px;left:50%;transform:translateX(-50%);background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACAElEQVRYR+2Vv2sUQRTH3/eOYO+f EWzmzUaSTv8CYxIUAooWAYsQJEkRRDRikUJMiiMIQRSVCNql0sqkCIFwO7NLCGm00kpEEBtzhsyT Pe5kWG9zu8p5zU658958Pnznx4L6PNBnPpUCZQJlAj1PgOu8SBW6C0HNBGYmfe17KqBCdRvA/TbU OXc+Hoq3fImeCahQLQBY8mDGahv8lwR0qOcF8sCDfSCicavtXs8F2PBNIlrxQB9dxU3EKq53evY7 boGyahDHuCRVWY04+pL3f8GGp4mo1q4H8JkcTZjAbGet0VGADUurYd8dubF4OH7fTUJZdQOCR17d t1bs707q/UNgZH/kdKPR+Oofnupx9WL9bP1T1kJseIqI1rz5HwIZjzh60008awvuQXDndzNoR0hG O20HG75ORE+8WldBZSxU4UY3eDKfeQ211UsisuAtsjlwNDC6O7z7vf1NWXUFgucp0GWr7es88BMF kklt9UMRmfUWe3t46vDCwZmDnzrUkwJZ90ECuRpx9CIvvKtAUsCWaySUnO7mEJENAC+J6JUPgmDK BOZxEXgugaZEyGsESg5a1pi22q4WhecWaEoYfkpE19IQEZmLgmj5b+CFBJJiZdU6BJNtGAS3TGD8 976wR+GfUSuJc+TomR2yi4WJqYbCAv8KTPeXAmUCZQJ9T+AXo7StIY0IqrkAAAAASUVORK5CYII=") no-repeat;background-size:100% 100%}.device-detector-backdrop .root .device-connect .device-display .connect-fail{position:relative}.device-detector-backdrop .root .device-connect .device-display .connect-fail:before{content:"";width:28px;height:28px;position:absolute;bottom:-34px;left:50%;transform:translateX(-50%);background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB3ElEQVRYR+2Wr08cQRTHP+8ESZOq GlKBaKhpUwWmCnG7d4giwDS5NGlVMWDAtIZfrQEDpjVF0ZC0wH/QWxr+gNrKJigSBA4J98hN7pbl 9mZnZklz5tasmPfm+5nve/t2hAE/MmB9hgBDB5wOaJVx+c2/Ms2qEc+BCznm3JZvBdBpHnPNmUlU VuWYzyEQGrGC8KmdI4m92e0AbXrhbyoqfJQmWz4QWuMDymYa2+KpzcXCEmjMOrCWEV2WhJ0iCI1Z ArbTGId77h7ohRAWpcnXfhBaYwHlS4hrTgDTAnkn5iVhNwuhMe+BbyFumf7wqakF4p0kfO+svQX2 Mie3utSr5w3QF6JCw2zY4kdm45w7RYcMArA4kd0/dcXX2WAAK0SFhvzip69wN64cQJ0XtDgEnmXq /lqaHP13AK0yQcWIj+fEhGCIIAc05iUY8bGO+EbnfTusAiG8AbTOVMf20a64JGZS5udEAIQXgEbE CAfAo17xbhlyw8oTwgmgMa/AdPdDm/h9IIp/RjXmUCM+4hIvC2H/HdeZpMWfTKdvdGvu+tRy5bji iZxw2i+v6D7wBmHf9+S9m9+BKH0fiJilwgNp3pn1LgPSdY2YQbiUhBNbkrMJvdVKBg4Bhg4M3IEb uI2UIfOyj40AAAAASUVORK5CYII=") no-repeat;background-size:100% 100%}.device-detector-backdrop .root .device-connect .device-display .device{width:46px;height:46px;position:relative;justify-content:center;font-size:38px}.device-detector-backdrop .root .device-connect .device-display .device svg{width:40px;height:40px}.device-detector-backdrop .root .device-connect .device-display .outer-progress{width:360px;height:4px;border-radius:5px;position:absolute;top:70px;background-color:#eee;overflow:hidden}.device-detector-backdrop .root .device-connect .device-display .outer-progress .inner-progress{width:100%;position:absolute;top:0;left:0;height:4px;border-radius:5px;background-color:#bfbfbf;transform-origin:left;transition:transform .4s linear}.device-detector-backdrop .root .device-connect .text{margin-top:60px;font-size:18px;max-width:420px;text-align:center;height:20px;display:flex;align-items:center;justify-content:center}.device-detector-backdrop .root .device-connect .text.gray-text{color:rgba(88,86,86,.8980392156862745)}.device-detector-backdrop .root .device-connect .text.green-text{color:#32cd32}.device-detector-backdrop .root .device-connect .text.red-text{color:red}.device-detector-backdrop .root .device-connect .text .error-connect{width:20px;height:20px;margin-left:8px;position:relative}.device-detector-backdrop .root .device-connect .text .error-connect .error-icon svg{width:20px;height:20px}.device-detector-backdrop .root .device-connect .text .error-connect .connect-attention-info{padding:8px 12px;min-width:160px;min-height:50px;background:rgba(0,0,0,.6);border-radius:10px;color:#fff;position:absolute;right:0;bottom:100%;transform:translate(20px,-10px);display:block;white-space:nowrap;font-size:12px;text-align:left}.device-detector-backdrop .root .device-connect .text .error-connect .connect-attention-info:after{content:"";width:0;height:0;border:10px solid transparent;border-top-color:rgba(0,0,0,.6);position:absolute;left:100%;top:100%;transform:translateX(-40px)}.device-detector-backdrop .root .device-connect .button-container{margin-top:40px;width:40%;display:flex;justify-content:space-around}.device-detector-backdrop .root .device-select{width:260px;padding:6px 14px 6px 12px;position:relative;font-size:16px;border-radius:4px;background-color:#fff;cursor:pointer}.device-detector-backdrop .root .device-select:focus{outline:none}.device-detector-backdrop .root .step-container{display:flex;padding:24px}.device-detector-backdrop .root .step-container .step{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;fill:rgba(0,0,0,.54);color:rgba(0,0,0,.54)}.device-detector-backdrop .root .step-container .step:not(:first-child):after{position:absolute;content:"";height:1px;background-color:rgba(0,0,0,.16);right:100%;top:30%;right:calc(50% + 20px);left:calc(-50% + 20px);top:16px}.device-detector-backdrop .root .step-container .step.active{fill:#006eff;color:#006eff;cursor:pointer}.device-detector-backdrop .root .step-container .step.active:after{background-color:#006eff}.device-detector-backdrop .root .step-container .step.error{fill:red;color:red;cursor:pointer}.device-detector-backdrop .root .step-container .step.error:after{background-color:#006eff}.device-detector-backdrop .root .step-container .step .step-label{margin-top:12px}.device-detector-backdrop .root .testing-container{width:100%;margin:10px auto 30px}.device-detector-backdrop .root .testing-container .testing-body{display:flex;flex-wrap:wrap;justify-content:center}.device-detector-backdrop .root .testing-container .testing-body.hide{display:none}.device-detector-backdrop .root .testing-container .testing-body .device-list{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.device-detector-backdrop .root .testing-container .testing-body .device-list .device-list-title{margin-right:10px}.device-detector-backdrop .root .testing-container .testing-body .camera-video{width:300px;height:180px}.device-detector-backdrop .root .testing-info-container{display:flex;width:100%;justify-content:center;flex-wrap:wrap;position:absolute;bottom:30px}.device-detector-backdrop .root .testing-info-container .testing-info{width:100%;text-align:center;display:block}.device-detector-backdrop .root .testing-info-container .button-list{margin-top:20px;width:300px;display:flex;justify-content:space-around}.device-detector-backdrop .root .mic-testing-container{margin-top:20px}.device-detector-backdrop .root .mic-testing-container .mic-bar-container{display:flex;justify-content:center;margin-top:10px}.device-detector-backdrop .root .mic-testing-container .mic-bar-container .mic-bar{width:8px;height:30px;border:1px solid #ccc;border-radius:1px}.device-detector-backdrop .root .mic-testing-container .mic-bar-container .mic-bar:not(:first-child){margin-left:3px}.device-detector-backdrop .root .mic-testing-container .mic-bar-container .mic-bar.active{background:#006eff}.device-detector-backdrop .root .audio-player-container{width:340px;display:flex;justify-content:center;flex-wrap:wrap;margin:20px auto 0;text-align:center}.device-detector-backdrop .root .audio-player-container .audio-player-info{margin:0 auto 16px;color:#5f5f5f}.device-detector-backdrop .root .testing-list{width:100%;display:flex;flex-wrap:wrap}.device-detector-backdrop .root .testing-list .testing-item-container{width:70%;margin:0 auto 10px;display:flex;justify-content:space-between}@-webkit-keyframes loading-circle{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes loading-circle{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}.device-detector-backdrop .root .network-loading{display:flex}.device-detector-backdrop .root .network-loading:before{content:"";width:16px;height:16px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAChElEQVRYR82WO2wTQRCGZ9YFLmmCQDRUFIgOCuhMg2QJ8OxKtpQuEggqQDz6hDIiSAg6QEo6pFi+WVsoLgkVDakgFFBAlYJ0IGRceAetdWddLF/uznacXHe38/j2n9mbRTjkB6eRn4jOWGt/jhMrMwARlRDxkogUEfETM7/zCY0xqyKyAAAe4G70PStMZgCt9WsAuBUG3mLmi5VK5ZxSajuWrM7MtazJvd1EAER0HBG/AcBcPxji8yAIHhDREiJeA4A/IvLBWruUBJUIoLX+AgC7IvLEWruZVAIimldKXXXOefstb6u1lljCbWY+nwsg3MFi6LTJzFeyyloul48Vi8V/MfvvzHw2F0Cstl6BZWvts6wA3o6I3iDizdDnBTPfzwUQGVer1bl6vb6bJ3nM92S321WtVmtHa/3QnxBE/BwEwY14vD094KXfr2HGASGiBURcjXxF5KW19l70PgDQWr8HgBIA5Kp5GpTWeh0AqjG7HWY+PUsAn9xD9J/wVA2O5YGXIGzKklJq3jn30Vq7ltgDaXJOsu7nhS+xUuqyc+6t/1/k+hNOktz7GmNYRCgWp8bM9X4JiGhZKXVCRDb8x0mTDfuPmBnepD83+gDRr3O4QaYJorX+AQC+DHuacSYKhCovIuJ1ALiAiGu9Xu9ps9n8mnkaTkuN4cvLzAGGN3J0AIjoESKuiMgda+2raUmeFmegwEED+KPom+7QSpA0aY9ODwxLY4w51el0/rbb7d9pdZxkfb9Lqb9YTvVuMAo0EcDfZAqFwq9Go7Exzg6NMStBEDxO883VA0R0e9QRTerwtOS5x3E4tPpjNAoeTrp151xt1DFLg8ilQFKwmSmQtptx1v8DVbAxMP//OLQAAAAASUVORK5CYII=") no-repeat;background-size:100% 100%;-webkit-animation:loading-circle 2s linear infinite;animation:loading-circle 2s linear infinite}.device-detector-backdrop .root .report-button{position:absolute;bottom:60px;cursor:pointer}.device-detector-backdrop .root .gray-button{position:absolute;bottom:60px}.device-detector-backdrop .root .device-testing-report{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center}.device-detector-backdrop .root .device-testing-report .testing-title{display:flex;font-size:34px;justify-content:center;margin-top:30px;color:rgba(32,30,30,.8980392156862745)}.device-detector-backdrop .root .device-testing-report .device-report-list{display:block;width:100%;margin-top:10px}.device-detector-backdrop .root .device-testing-report .device-report-list .device-report{display:flex;width:70%;margin:20px auto 0;justify-content:space-between}.device-detector-backdrop .root .device-testing-report .device-report-list .device-report .device-info{display:flex;width:80%}.device-detector-backdrop .root .device-testing-report .device-report-list .device-report .device-info .report-icon{margin-right:20px;justify-content:center;font-size:22px;line-height:22px;color:#515151}.device-detector-backdrop .root .device-testing-report .device-report-list .device-report .device-info .report-icon svg{width:24px;height:24px}.device-detector-backdrop .root .device-testing-report .device-report-list .device-report .device-info .device-name{width:280px;height:24px;line-height:24px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-detector-backdrop .root .device-testing-report .device-report-list .device-report .green{color:green}.device-detector-backdrop .root .device-testing-report .device-report-list .device-report .red{color:red}.device-detector-backdrop .root .device-testing-report .device-report-footer{width:50%;display:flex;justify-content:space-between;position:absolute;bottom:36px}.button{padding:6px 16px;border-radius:4px;border:0;outline:none;background-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:.875rem;min-width:64px;box-sizing:border-box;font-weight:500;line-height:1.75;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms}.outlined{padding:5px 15px;border:1px solid #006eff;color:#006eff;cursor:pointer}.contained{cursor:pointer;color:#fff;background-color:#006eff;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.disabled{box-shadow:none;color:rgba(0,0,0,.26);background-color:rgba(0,0,0,.12)}.replayer-wrapper{position:relative}.replayer-mouse{position:absolute;width:20px;height:20px;transition:left .05s linear,top .05s linear;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ4LjcxIDQyLjkxTDM0LjA4IDI4LjI5IDQ0LjMzIDE4YTEgMSAwIDAwLS4zMy0xLjYxTDIuMzUgMS4wNmExIDEgMCAwMC0xLjI5IDEuMjlMMTYuMzkgNDRhMSAxIDAgMDAxLjY1LjM2bDEwLjI1LTEwLjI4IDE0LjYyIDE0LjYzYTEgMSAwIDAwMS40MSAwbDQuMzgtNC4zOGExIDEgMCAwMC4wMS0xLjQyem0tNS4wOSAzLjY3TDI5IDMyYTEgMSAwIDAwLTEuNDEgMGwtOS44NSA5Ljg1TDMuNjkgMy42OWwzOC4xMiAxNEwzMiAyNy41OEExIDEgMCAwMDMyIDI5bDE0LjU5IDE0LjYyeiIvPjwvc3ZnPg==");border-color:transparent}.replayer-mouse:after{content:"";display:inline-block;width:20px;height:20px;background:#4950f6;border-radius:100%;transform:translate(-50%,-50%);opacity:.3}.replayer-mouse.active:after{animation:click .2s ease-in-out 1}.replayer-mouse.touch-device{background-image:none;width:70px;height:70px;border-radius:100%;margin-left:-37px;margin-top:-37px;border:4px solid rgba(73,80,246,0);transition:left 0s linear,top 0s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:touch-click .2s ease-in-out 1}.replayer-mouse-tail{position:absolute;pointer-events:none}@keyframes click{0%{opacity:.3;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@keyframes touch-click{0%{opacity:0;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}.rr-player{position:relative;background:#fff;float:left;border-radius:5px;box-shadow:0 24px 48px rgba(17,16,62,.12)}.rr-player__frame{overflow:hidden}.replayer-wrapper{float:left;clear:both;transform-origin:top left;left:50%;top:50%}.replayer-wrapper>iframe{border:none}.rr-controller.svelte-19ke1iv.svelte-19ke1iv{width:100%;height:80px;background:#fff;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:0 0 5px 5px}.rr-timeline.svelte-19ke1iv.svelte-19ke1iv{width:80%;display:flex;align-items:center}.rr-timeline__time.svelte-19ke1iv.svelte-19ke1iv{display:inline-block;width:100px;text-align:center;color:#11103e}.rr-progress.svelte-19ke1iv.svelte-19ke1iv{flex:1;height:12px;background:#eee;position:relative;border-radius:3px;cursor:pointer;box-sizing:border-box;border-top:4px solid #fff;border-bottom:4px solid #fff}.rr-progress.disabled.svelte-19ke1iv.svelte-19ke1iv{cursor:not-allowed}.rr-progress__step.svelte-19ke1iv.svelte-19ke1iv{height:100%;position:absolute;left:0;top:0;background:#e0e1fe}.rr-progress__handler.svelte-19ke1iv.svelte-19ke1iv{width:20px;height:20px;border-radius:10px;position:absolute;top:2px;transform:translate(-50%,-50%);background:#4950f6}.rr-controller__btns.svelte-19ke1iv.svelte-19ke1iv{display:flex;align-items:center;justify-content:center;font-size:13px}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv{width:32px;height:32px;display:flex;padding:0;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv:active{background:#e0e1fe}.rr-controller__btns.svelte-19ke1iv button.active.svelte-19ke1iv{color:#fff;background:#4950f6}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv:disabled{cursor:not-allowed}.switch.svelte-9brlez.svelte-9brlez.svelte-9brlez{height:1em;display:flex;align-items:center}.switch.disabled.svelte-9brlez.svelte-9brlez.svelte-9brlez{opacity:.5}.label.svelte-9brlez.svelte-9brlez.svelte-9brlez{margin:0 8px}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez.svelte-9brlez{position:absolute;opacity:0}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez{width:2em;height:1em;position:relative;cursor:pointer;display:block}.switch.disabled.svelte-9brlez label.svelte-9brlez.svelte-9brlez{cursor:not-allowed}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez:before{content:"";position:absolute;width:2em;height:1em;left:.1em;transition:background .1s ease;background:rgba(73,80,246,.5);border-radius:50px}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez:after{content:"";position:absolute;width:1em;height:1em;border-radius:50px;left:0;transition:all .2s ease;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);background:#fcfff4;animation:switch-off .2s ease-out;z-index:2}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez:checked+label.svelte-9brlez:before{background:#4950f6}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez:checked+label.svelte-9brlez:after{animation:switch-on .2s ease-out;left:1.1em}