@charset "UTF-8";body,html{margin:0;background-color:#232835;font-family:Inter,sans-serif;font-weight:700}::-webkit-scrollbar{width:13px}::-webkit-scrollbar-thumb{background:#20252F;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#1d2128}.speedtest-icon{font-size:26pt;color:#f1f1f1;margin-right:10px}.container-icon{width:35px;height:35px;color:#f1f1f1;font-size:26pt}.help-icon{cursor:help}.icon-red{color:#c64545}.icon-error{color:#900c0c}.icon-green{color:#45c65a}.icon-orange{color:#e58a00}.icon-blue{color:#456ac6}main{display:flex;flex-direction:column;align-items:center}hr{margin:2rem;width:3rem;border:1px solid #687071;border-radius:25px}@keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale(.4);filter:blur(5px)}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:scale(.4);filter:blur(5px)}}@media (max-width: 730px){::-webkit-scrollbar{width:5px}}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(/assets/fonts/inter-v12-latin-300.woff2) format("woff2"),url(/assets/fonts/inter-v12-latin-300.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/fonts/inter-v12-latin-regular.woff2) format("woff2"),url(/assets/fonts/inter-v12-latin-regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/assets/fonts/inter-v12-latin-500.woff2) format("woff2"),url(/assets/fonts/inter-v12-latin-500.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/assets/fonts/inter-v12-latin-700.woff2) format("woff2"),url(/assets/fonts/inter-v12-latin-700.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(/assets/fonts/inter-v12-latin-900.woff2) format("woff2"),url(/assets/fonts/inter-v12-latin-900.ttf) format("truetype")}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#F1F1F1;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.dialog-area{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;z-index:10;justify-content:center;backdrop-filter:blur(2px);transition:all .2s;animation:opacity .3s}.dialog-area-hidden{opacity:0;animation:opacity .3s reverse}.dialog{padding:15px;background-color:#1d2128;border-radius:15px;transition:all .2s;animation:fadeIn .3s}.dialog-hidden{visibility:hidden;opacity:0;animation:fadeOut .3s}.dialog-header{display:flex;align-items:center;justify-content:space-between;user-select:none}.dialog a{color:#45c65a;cursor:pointer}.dialog-main{display:flex;justify-content:center;align-items:center;flex-direction:column}.dialog-buttons{display:flex;margin-top:5px;justify-content:right}.dialog-text{font-size:16pt;color:#c8c8c8;margin:0}.dialog-description{font-size:16pt;margin:10px 2px 2px;color:#c8c8c8}.dialog-description a,.dialog-value{color:#45c65a}.dialog-icon{cursor:pointer}.dialog-icon:hover{color:#b83939}.dialog-btn{font-size:16pt;padding:8px 15px;border:none;font-weight:700;border-radius:5px;color:#1d2128;background-color:#45c65a;cursor:pointer;margin-left:5px;margin-right:5px}.dialog-btn:hover{background-color:#3ea95a}.dialog-secondary{background-color:#c64545}.dialog-secondary:hover{background-color:#b83939}.input-dialog{width:480px}.dialog-input{font-size:18pt;padding:15px;font-weight:700;margin-top:15px;margin-bottom:15px;background-color:#20252f;color:#c8c8c8;border:none;border-radius:15px;text-align:center}.input-error{border:1px solid #C64545}.analyse-area{margin-top:2rem;display:flex;padding:3rem 2rem;border:#C8C8C8 1px solid;border-radius:15px;width:80rem;flex-wrap:wrap;transition:all .5s;animation:fadeIn .5s}.pulse{border:#45C65A 2px solid;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #14ab37}70%{box-shadow:0 0 0 10px #cca92c00}to{box-shadow:0 0 #cca92c00}}.inner-container{margin-left:2rem;margin-right:2rem;transition:all .5s;animation:fadeIn .5s}.container-header{display:flex}.tests-paused{border:#E58A00 2px solid}.container-text{margin:0 0 0 25px;color:#f1f1f1;font-weight:700;font-size:24pt}.container-subtext{color:#b0b0b0;font-size:16pt;margin-left:5px}.container-main{text-align:center;color:#c8c8c8}.container-main h2{font-size:28pt;font-weight:900;margin:1rem}@media (max-width: 1351px){.inner-container{margin-left:1rem;margin-right:1rem}.analyse-area{width:70rem}}@media (max-width: 1200px){.mobile-break{width:100%}.analyse-area{justify-content:space-evenly;width:60rem}}@media (max-width: 1050px){.analyse-area{width:40rem}}@media (max-width: 730px){.analyse-area{flex-direction:column;width:32rem}}@media (max-width: 605px){.analyse-area{width:25rem}}@media (max-width: 475px){.analyse-area{padding-left:1rem;padding-bottom:1rem;padding-top:1rem;width:18rem}.inner-container{margin:0}}@media (max-width: 360px){.analyse-area{width:16rem}}.speedtest{margin-bottom:2rem;display:flex;padding:1.5rem 2rem;border:#C8C8C8 1px solid;border-radius:15px;justify-content:space-between;width:80rem;flex-wrap:wrap;transition:all .5s;animation:fadeIn .5s}.speedtest-hidden{visibility:hidden;opacity:0;animation:fadeOut .3s}.speedtest-row,.date{display:flex;align-items:center}.date-text{margin:0 0 0 1rem;font-size:24pt;font-weight:900;color:#c8c8c8}.speedtest-text{margin:0;font-size:28pt;font-weight:900;color:#c8c8c8}.tooltip-element{position:relative}.tooltip-element .tooltip{user-select:none;pointer-events:none;font-size:16pt;opacity:0;bottom:120%;left:50%;margin-left:-60px;background-color:#1d2128;color:#c8c8c8;text-align:center;border-radius:6px;padding:5px 10px;height:fit-content;z-index:90;position:absolute;transition:opacity .2s}.tooltip-bottom .tooltip{bottom:0;top:120%}.tooltip-element .tooltip-invisible{visibility:hidden}.tooltip-element:hover .tooltip{opacity:1}@media (max-width: 1351px){.speedtest{width:70rem}}@media (max-width: 1200px){.speedtest{width:60rem}}@media (max-width: 1050px){.speedtest{width:40rem}}@media (max-width: 900px){.tooltip-element .tooltip{font-size:14pt}}@media (max-width: 730px){.tooltip-element .tooltip{font-size:11pt}.speedtest{width:33rem}}@media (max-width: 605px){.speedtest{width:25rem;flex-direction:column}.date-text,.speedtest-text{font-size:32pt}}@media (max-width: 475px){.tooltip-element .tooltip{font-size:12pt;padding:5px 4px}.speedtest{width:18rem}}@media (max-width: 360px){.speedtest{width:16rem}}.toast-notification{position:fixed;bottom:2rem;right:1rem;z-index:5;background-color:#20252f;box-shadow:0 0 1rem #20252f;border-radius:.5rem;animation:.5s moveIn;cursor:pointer}.toast-hidden{visibility:hidden;transition:all 0s .5s;animation:.5s moveOut}.toast-green{border:2px solid #45C65A}.toast-green .toast-content svg{color:#45c65a}.toast-green:hover{border-color:#3ea95a}.toast-green:hover .toast-content svg{color:#3ea95a}.toast-red{border:2px solid #C64545}.toast-red .toast-content svg{color:#c64545}.toast-red:hover{border-color:#b83939}.toast-red:hover .toast-content svg{color:#b83939}.toast-content{display:flex;align-items:center;padding:1rem;color:#f1f1f1;font-size:14px;font-weight:500}.toast-content svg{margin-right:1rem;width:2rem;height:2rem}.toast-content h2{margin:0;font-size:1.4rem}@keyframes moveIn{0%{transform:translate(100%)}60%{transform:translate(-10%)}to{transform:translate(0)}}@keyframes moveOut{0%{transform:translate(0)}60%{transform:translate(-10%)}to{transform:translate(100%)}}@media screen and (max-width: 425px){.toast-notification{bottom:1rem;right:1rem;left:1rem}@keyframes moveIn{0%{transform:translateY(100%)}60%{transform:translateY(-10%)}to{transform:translateY(0)}}@keyframes moveOut{0%{transform:translateY(0)}60%{transform:translateY(-10%)}to{transform:translateY(100%)}}}.error-text{margin:0;font-size:26pt;font-weight:700;color:#c8c8c8}@media (max-width: 605px){.error-text{text-align:center;width:28rem}}@media (max-width: 475px){.error-text{width:20rem}}.header-main{margin-top:2rem;display:flex;align-items:center;justify-content:space-between;color:#f1f1f1}.header-right{display:flex}.header-right svg{margin-left:15px}.header-main *{font-size:24pt}.header-main h2{margin-left:10%;display:flex;gap:1rem;align-items:center;padding:.5rem 1rem;border-radius:1rem}.header-main .h2-click{cursor:pointer;user-select:none}.header-main .h2-click:hover{color:#3ea95a;background-color:#1d2128}.header-main div{margin-right:10%}.header-icon{cursor:pointer;transition:all 50ms ease-in-out;width:30px;height:30px}.header-icon:hover{transform:scale(1.1);color:#45c65a}.test-running{animation:pulse 2s infinite;border-radius:150px;color:#45c65a}.test-running:hover{color:#3ea95a}.update-icon{animation:pulse-update 2s infinite;border-radius:150px}.update-icon:hover{color:#de7912}@keyframes pulse-update{0%{box-shadow:0 0 #e58a00}70%{box-shadow:0 0 0 10px #cca92c00}to{box-shadow:0 0 #cca92c00}}@media (max-width: 460px){.header-main{justify-content:center}.header-main div{margin-right:0}.header-main h2{margin-left:0;font-size:24pt}.header-icon{width:25px;height:25px}}@media (max-width: 360px){.header-main h2{font-size:16pt;text-overflow:ellipsis;overflow:hidden}.header-icon{width:20px;height:20px}}.dropdown{visibility:visible;opacity:1;transition:opacity .1s linear;user-select:none}.dropdown-content{float:right;margin-right:10%;display:inline-block;position:absolute;width:auto;overflow:auto;border-radius:10px;box-shadow:0 8px 16px #0003;right:0;z-index:1;padding:15px;background-color:#1d2128}.dropdown-invisible{visibility:hidden;opacity:0;transition:visibility 0s .1s,opacity .1s linear}.dropdown-content h2{color:#c8c8c8;margin:0;font-size:16pt}.dropdown-hr{margin:5px;width:30px}.dropdown-entries{margin-top:10px;display:flex;flex-direction:column}.dropdown-item{margin:5px 10px;display:flex;align-items:center;cursor:pointer;color:#f1f1f1}.dropdown-item *{margin:0;font-size:16pt;font-weight:500}.dropdown-item:hover{color:#45c65a}.dropdown-item svg{width:25px;height:25px}.dropdown-item h3{margin-left:15px}.center{display:flex;justify-content:center}@media (max-width: 390px){.dropdown-content{left:0}}.chooser-dialog{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;padding:2rem 3.5rem;gap:1rem}.chooser-item{display:flex;flex-direction:column;align-items:center}.dialog-thumbnail{width:192px;height:108px;border-radius:.75rem;border:.2rem solid #20252F}.thumbnail-selected{border:.2rem solid #45C65A}.chooser-item:hover{cursor:pointer}.chooser-item:hover .dialog-thumbnail{border:.2rem solid #3EA95A}.chooser-item:hover p{color:#3ea95a}.chooser-item p{margin-top:.3rem;margin-bottom:0;font-size:14pt;color:#c8c8c8}.chooser-item .text-selected{color:#45c65a}@media screen and (max-width: 30rem){.chooser-dialog{flex-direction:column;padding:2rem 5rem}}.integration-dialog{display:flex;margin-left:.5rem;margin-right:.5rem;gap:1rem;width:45rem;margin-top:1rem;height:20rem}.integrations-tab{display:flex;flex-direction:column;gap:.5rem;overflow-y:scroll;overflow-x:clip;width:70%}@media (max-width: 781px){.integration-dialog{width:90vw;margin-left:0;height:100%;margin-right:0;margin-top:.5rem;flex-direction:column}.integrations-tab{max-height:15rem;width:100%}}.integration-item-header{display:flex;justify-content:space-between}.integration-item-left{display:flex;align-items:center;gap:.5rem}.integration-item-left svg{width:1.8rem;height:1.8rem}.integration-title-container h3{margin:0;font-size:17px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:11rem}.integration-item-activity{display:flex;align-items:center;gap:.3rem}.integration-item-activity .integration-item-activity-circle{width:.5rem;height:.5rem;border-radius:5rem}.integration-item-activity p{margin:0;font-size:11pt;font-weight:500}.circle-error{background-color:#c64545}.circle-inactive{background-color:#687071}.circle-active{background-color:#45c65a}.integration-item-right{display:flex;align-items:center;gap:.8rem}.integration-item-right svg{width:1.5rem;height:3rem;cursor:pointer;font-weight:1000}.integration-green:hover{color:#3ea95a}.integration-red:hover{color:#b83939}.integration-item{border:2px solid #687071;border-radius:.8rem;padding:.5rem 1.5rem;color:#c8c8c8;transition:border-color .3s}.green-border{border:2px solid #45C65A}.error-border{border:2px solid #C64545}.integration-body{margin-left:.5rem;margin-right:.5rem}.integration-field{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;justify-content:space-between}.integration-field p{margin:0}.error-item{color:#c64545}.integration-field-input{background-color:#20252f;border:2px solid transparent;border-radius:.5rem;padding:.1rem .8rem;color:#c8c8c8;font-size:12pt;height:2rem;width:50%}.item-error-border{border:2px solid #C64545}.text-area{font-family:Inter,sans-serif;height:3.5rem;resize:none}input[type=checkbox]{appearance:none;width:2rem;height:2rem;border-radius:.5rem;outline:none;transition:border-color .3s;background-color:#20252f;cursor:pointer}input[type=checkbox]:checked{content:"✓";color:#45c65a;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:18pt}input[type=checkbox]:before{color:#45c65a}input[type=checkbox]:checked:before{content:"✓"}.available-integrations{display:flex;flex-direction:column;gap:.5rem;user-select:none;overflow-x:hidden;overflow-y:scroll}.integration-tab{display:flex;align-items:center;gap:.5rem;color:#c8c8c8;padding:.6rem .7rem;border:2px solid transparent;border-radius:1rem;cursor:pointer}.integration-tab svg{width:1.3rem;height:1.3rem}.integration-tab p{margin:0;font-size:14pt}.integration-active{background-color:#31323f;color:#f1f1f1}@media (max-width: 781px){.available-integrations{flex-direction:row;overflow-x:scroll;overflow-y:hidden;gap:.5rem}}.add-container{width:100%;display:flex;justify-content:flex-end}.add-integration{color:#c8c8c8;cursor:pointer;border-radius:.8rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem .8rem;user-select:none}.add-integration p{margin:0}.add-integration:hover{background-color:#31323f}.no-integrations{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;height:100%;text-align:center}.no-integrations svg{width:3rem;height:3rem;color:#c8c8c8}.integration-add{color:#45c65a;cursor:pointer}.dialog-loading{display:flex;justify-content:center;align-content:center;align-items:center;width:70px;height:70px}.loading{width:100vw;height:100vh;position:absolute;display:flex;justify-content:center;align-items:center}.error-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f1f1f1;text-align:center;margin:0}.no-reload{width:unset;height:unset;position:center;display:unset}.error-page svg{color:#c64545}.error-page h1{padding-left:1rem;padding-right:1rem}.error-page h2{margin:0;padding-left:.5rem;padding-right:.5rem}.error-page span{color:#45c65a}.stats-container{display:flex;flex-direction:column;min-width:16rem;border:1px solid #687071;border-radius:1rem;cursor:crosshair;transition:all .2s ease-in-out;animation:.3s fadeIn;flex:1 0 15%}.stats-container:hover{background-color:#20252f;border:1px solid #F1F1F1;transform:scale(1.05)}.stats-header{color:#f1f1f1;font-size:16pt;border-radius:1rem 1rem 0 0;padding:.75rem .5rem .5rem 1rem}.stats-content{display:flex;padding-bottom:1rem;padding-left:1.5rem;height:14rem;padding-right:1.5rem}.container-center{justify-content:center;align-items:center}.container-small{flex:1 0 5%}.container-normal{flex:1 0 30%}.container-large{flex:1 0 35%}.info-container{display:flex;flex-direction:column;gap:2rem;justify-content:center;width:100%}.test-container{display:flex;justify-content:space-between}.test-container svg{width:3rem;height:3rem}.test-container .test-info h2{color:#f1f1f1;margin:0}.test-container .test-info p{margin:0}.overview-items{display:flex;justify-content:center;flex-direction:column;width:100%;overflow-y:clip}.overview-item{display:flex;justify-content:space-between}.overview-item .info-area{display:flex;justify-content:center;align-content:center;align-items:center;gap:1rem}.overview-item .info-area svg{width:2.5rem;height:2.5rem;color:#f1f1f1}.overview-item .info-area .text-area h2{margin:0;color:#f1f1f1}.overview-item .info-area .text-area p{margin:0;color:#c8c8c8}.overview-item h2{color:#45c65a}@media screen and (max-width: 1500px){.overview-item{flex-wrap:wrap;flex-direction:row}}@media screen and (max-width: 1400px){.info-area svg{display:none}.overview-item .info-area h2{display:inline-block;width:15rem;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.overview-item .info-area .text-area p{display:none}}@media screen and (max-width: 1000px){.overview-item .info-area h2{width:10rem}}.value-container{display:flex;flex-direction:column;gap:2rem;justify-content:center;width:100%}.value-item{display:flex;justify-content:space-between}.value-item svg{width:2.5rem;height:2.5rem;color:#45c65a}.value-item .value-info h2{font-size:16pt;color:#f1f1f1;margin:0}.value-item .value-info p{color:#45c65a;margin:0}.statistic-area{margin-left:20rem;margin-right:20rem;padding-top:1.5rem;display:flex;gap:2rem;justify-content:space-between;flex-wrap:wrap;transition:1s all ease-in-out}@media screen and (max-width: 1472px){.statistic-area{margin-left:10rem;margin-right:10rem}}@media screen and (max-width: 425px){.statistic-area{margin-left:3rem;margin-right:3rem}}@media screen and (max-width: 375px){.statistic-area{margin-left:1rem;margin-right:1rem}}.node-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f1f1f1;text-align:center;margin:0;gap:.7rem}.node-page hr{margin:0}.node-area{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.node-add{width:53rem;border:2px dashed #696C73;border-radius:15px;cursor:pointer;user-select:none}.node-add h1{font-size:24pt;font-weight:700;margin:1rem;color:#c8c8c8}.node-add:hover{border:2px dashed #3EA95A}.node-add:hover h1{color:#f1f1f1}@media screen and (max-width: 862px){.node-add{width:calc(20vw + 11rem);border:2px dashed #696C73;border-radius:15px;cursor:pointer}.node-add h1{font-size:22pt}.node-add:hover{border:2px dashed #3EA95A}.node-add:hover h1{color:#f1f1f1}}.node-header{display:flex;align-items:center;gap:1rem}.node-header img{width:5.3rem;height:5.3rem;border-radius:50%}.node-header h1{font-size:38pt;font-weight:700;margin:0}.node-item{border:2px solid #687071;border-radius:15px;display:flex;width:50rem;cursor:pointer;padding:1rem 1.5rem;justify-content:space-between;align-items:center;user-select:none}.hover-green:hover{border:2px solid #3EA95A}.hover-orange:hover{border:2px solid #DE7912}.hover-red:hover{border:2px solid #B83939}.node-info-area{display:flex;align-items:center;gap:1rem}.node-info-area svg{font-size:30pt}.node-info-area h1{margin:0;font-size:16pt}.node-info-area p{margin:0;font-size:11pt;color:#c8c8c8}.node-info{display:flex;flex-direction:column;align-items:flex-start}.node-info *{max-width:11rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.speed-area{display:flex;gap:1rem}.icon-text{display:flex;gap:.5rem;align-items:center}.icon-text h2{margin:0;color:#c8c8c8}.speed-item{display:flex;gap:.5rem}.speed-item svg{font-size:24pt}.speed-item h1{margin:0;font-size:20pt;color:#c8c8c8}.speed-icon{font-size:28pt}@media screen and (max-width: 862px){.node-item{width:calc(20vw + 8rem);flex-direction:column;gap:1rem}.speed-area{flex-direction:column;gap:.5rem}.icon-text h2{font-size:14pt}}.server-input{font-size:18pt;padding:15px;font-weight:700;margin-top:15px;background-color:#20252f;color:#c8c8c8;border:none;border-radius:15px}.server-dialog{transition:all .3s ease-in-out;padding-left:1rem;padding-right:1rem;padding-top:1rem;display:flex;flex-direction:column}.server-group{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 15px}.server-group h2{margin:0;color:#45c65a;font-weight:700;display:flex;align-items:center;gap:.5rem}.server-error .server-input{border:1px solid #C64545;color:#c64545}@media screen and (max-width: 425px){.server-dialog{padding-left:.5rem;padding-right:.5rem}.server-group h2,.server-input{font-size:16pt}}
