body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh;overflow-y:hidden;text-align:center;display:flex;justify-content:center}.footer{position:absolute;bottom:0;left:0;right:0;align-items:center;padding:0 0 25px;text-align:center}.circle-success{margin:20px auto;border:4px solid rgb(19,189,56);height:30px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:30px;animation:shadow 1s ease-out infinite alternate}.circle-failure{margin:20px auto;border:4px solid rgb(189,19,19);height:30px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:30px;animation:shadow-red 1s ease-out infinite alternate}@keyframes shadow{0%{box-shadow:0 0 2px 4px #2eff2e3f}to{box-shadow:0 0 2px 10px #2eff2e3f}}@keyframes shadow-red{0%{box-shadow:0 0 2px 4px #ff2e2e3f}to{box-shadow:0 0 2px 10px #ff2e2e3f}}.aka{font-size:14px}.display-info{margin:auto;text-align:center}.display-send{margin:70px 0 150px;width:100%;text-align:center}.instruction-send{font-size:14px;color:#a39494}.instruction{text-align:center;color:#0893d4d0;margin:10px;font-size:18px;font-weight:600;animation:appear 1.5s}.name{color:#0893d4bb;font-weight:700;font-size:18px;animation:appear 1.5s}@keyframes appear{0%{opacity:0}to{opacity:1}}.header{position:absolute;left:0;right:0;top:0;padding:0 0 25px;text-align:center;display:flex;justify-content:flex-end}path{fill:#fffffff6}.icon{width:30px;height:30px;margin:15px 10px 0}.devices{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:100%;width:100%}.display-device{width:60px;height:60px;border-radius:100%;border:none;background-color:#1892cad7;box-shadow:0 0 2px 5px #2e89ff3f;transition:ease-in .2s;color:#000000c7;display:inline-flex;align-items:center;justify-content:center;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.animal-silhouette{width:44px;height:44px;display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;z-index:1}.animal-silhouette svg{width:100%;height:100%;fill:currentColor}.animal-silhouette.shiny{color:#ffd86b;animation:shiny-wolf 1.8s ease-in-out infinite alternate;filter:drop-shadow(0 0 4px rgba(255,216,107,.8)) drop-shadow(0 0 10px rgba(255,255,255,.35))}@keyframes shiny-wolf{0%{transform:scale(1) rotate(-2deg)}to{transform:scale(1.08) rotate(2deg)}}.display-device:not(:disabled):hover{cursor:pointer;transform:scale(1.1)}.display-device:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.45;box-shadow:none}.peer-name{margin-top:13px;-webkit-user-select:none;user-select:none}.peer-device{margin-top:5px;font-size:12px;color:#a39494;-webkit-user-select:none;user-select:none}.device{margin:0 25px;-webkit-touch-callout:none}.modal{opacity:0;visibility:hidden;position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;height:170px;overflow:auto;background-color:#121212;border:rgb(0,0,0) 2px solid;border-radius:5%;padding:5px;transition:.3s all}.download-modal{height:auto;max-height:70vh}.modal.open{opacity:1;visibility:visible}.close-right{position:absolute;top:0;right:0}.close{border:none;background:none;font-size:30px;margin:auto;cursor:pointer;color:#0893d4bb;transition:ease .4s;padding:0 10px 5px}.close:hover{background-color:#0893d421}.modal-content{margin:0 10px}.sendmsg{margin-top:30px;margin-bottom:5px;font-size:20px}.file-received{font-size:20px}.msgbox{box-sizing:border-box;border:none;outline:none;padding:16px 24px;border-radius:16px;margin:8px 0;font-size:14px;font-family:inherit;background:#f1f3f4;display:block;overflow:auto;width:100%;resize:none;min-height:40px;line-height:16px;max-height:300px;color:#eee;background-color:#333}.send-button,.download-button,.copy-button{padding:0 16px;box-sizing:border-box;min-height:36px;min-width:100px;font-size:14px;line-height:24px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:inherit;color:#0893d4bb;position:relative;display:flex;align-items:center;justify-content:center;border:none;outline:none;margin-top:4px;margin-left:8px;border-radius:5%;transition:ease .4s}.reverse{display:flex;justify-content:center;margin:0 20px}.send-button:hover,.download-button:hover,.copy-button:hover{background-color:#0893d421}.msgContent{box-sizing:border-box;border:none;outline:none;padding:16px 24px;border-radius:16px;margin:8px 0;font-size:14px;font-family:inherit;background:#f1f3f4;display:block;overflow:hidden;width:100%;resize:none;min-height:40px;line-height:16px;max-height:300px;color:#eee;background-color:#333}.file-size,.file-name{margin:0;background-color:#333;overflow:hidden;padding-left:5px;padding-right:5px}.file-name{border-radius:5% 5% 0% 0%;white-space:nowrap;overflow:hidden;padding-top:5px}.file-size{color:#ffffff9d;font-size:14px;border-radius:0% 0% 5% 5%;padding-bottom:5px}.received-files{max-height:45vh;overflow-y:auto;padding-top:8px}.received-file{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.received-file-info{flex:1;min-width:0}.download{margin-top:10px}.download-button{text-decoration:none}.progress{position:absolute;inset:0;pointer-events:none}.progress-ring{display:block;position:absolute;top:-10px;left:-10px}.progress-ring__circle{transition:stroke-dashoffset .35s;transform:rotate(-90deg);transform-origin:50% 50%}.icon{width:22px;height:22px;border-radius:100%;transition:ease-in .3s}.icon:hover{background-color:#474749d7;cursor:pointer}@supports (-moz-appearance: none){.progress-ring{left:-10px}}@media(max-width:400px){.modal{width:95%}}