body{margin:0;height:100vh;width:100%;display:-ms-grid;display:grid;place-items:center;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;background-color:#050217;background-image:radial-gradient(circle, #062a5e, #0c214d, #0d193d, #0c102d, #07021f);color:white;font-size:20px}body img{width:200px;margin:0}.grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;-ms-grid-rows:1.5fr 0.8fr 0.5fr 0.5fr;grid-template-rows:1.5fr 0.8fr 0.5fr 0.5fr;gap:12px;grid-auto-flow:row;grid-template-areas:"download-area download-area upload-area upload-area"
 "ping-area ping-area ping-area ping-area"
 "btn-area-1 btn-area-1 btn-area-1 btn-area-1"
 "status-area status-area status-area status-area";width:500px;font-size:1.5rem}.grid .download-area{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:download-area}.grid .upload-area{-ms-grid-row:1;-ms-grid-column:3;-ms-grid-column-span:2;grid-area:upload-area}.grid .ping-area{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:4;grid-area:ping-area}.grid .status-area{-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:4;grid-area:status-area;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;font-size:1.3rem;display:none}.grid>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#a9a2ad;height:100%}.download-area{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:download-area}.upload-area{-ms-grid-row:1;-ms-grid-column:3;-ms-grid-column-span:2;grid-area:upload-area}.download-area,.upload-area{width:100%;height:100%;font-size:1.8rem;position:relative;overflow:hidden}.download-area .slider,.upload-area .slider{position:absolute;bottom:0;left:0;max-height:100%;width:100%;height:0%;background-color:rgba(0,0,0,0.25);opacity:0.5;z-index:1;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.download-area p,.upload-area p{z-index:2}.ping-area{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:4;grid-area:ping-area}.btn-area-1{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:4;grid-area:btn-area-1}.btn-area-2{grid-area:btn-area-2}.btn-area-3{grid-area:btn-area-3}.btn-area-1 button,.btn-area-2 button,.btn-area-3 button{margin:0;padding:15px;padding-inline:20px;background-color:orange;color:white;border:none;font-size:1rem;width:100%;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;height:100%}.btn-area-1 button:hover,.btn-area-2 button:hover,.btn-area-3 button:hover{background-color:#ffc107}.loading{position:fixed;top:0;bottom:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:15000}.loading .lds-ring{display:inline-block;position:relative;width:120px;height:120px}.loading .lds-ring div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:120px;height:120px;margin:8px;border:8px solid #fff;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#fff transparent transparent transparent}.loading .lds-ring div:nth-child(1){-webkit-animation-delay:-0.45s;animation-delay:-0.45s}.loading .lds-ring div:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.loading .lds-ring div:nth-child(3){-webkit-animation-delay:-0.15s;animation-delay:-0.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#ip{text-align:center;font-size:1.5rem;margin-inline:20px}@media (max-width: 768px){.grid{width:95vw}img{width:150px !important}.options>#ip{font-size:1.2rem !important}}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape){html{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left top;transform-origin:left top;width:100vh;overflow-x:hidden;position:absolute;top:100%;left:0}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icon-spin{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear;color:white}
/*# sourceMappingURL=main.min.css.map */