.react-nano-scrollbar-wrapper{display:flex;overflow:hidden;position:relative}.react-nano-scrollbar-x,.react-nano-scrollbar-y{background:#111;border-radius:5px;cursor:pointer;position:absolute;transition:opacity .1s,width,height ease-in-out}.react-nano-scrollbar-track-x{bottom:0;height:12px;left:0;opacity:.5;position:absolute;right:0;z-index:9999}.react-nano-scrollbar-track-x.react-nano-scrollbar-active,.react-nano-scrollbar-track-x:hover{opacity:1!important}.react-nano-scrollbar-track-x.react-nano-scrollbar-active .react-nano-scrollbar-x,.react-nano-scrollbar-track-x:hover .react-nano-scrollbar-x{height:10px}.react-nano-scrollbar-track-x .react-nano-scrollbar-x{bottom:2px;height:7px}.react-nano-scrollbar-track-y{bottom:0;opacity:.5;position:absolute;right:0;top:0;width:12px;z-index:9999}.react-nano-scrollbar-track-y.react-nano-scrollbar-active,.react-nano-scrollbar-track-y:hover{opacity:1!important}.react-nano-scrollbar-track-y.react-nano-scrollbar-active .react-nano-scrollbar-y,.react-nano-scrollbar-track-y:hover .react-nano-scrollbar-y{width:10px}.react-nano-scrollbar-track-y .react-nano-scrollbar-y{right:2px;width:7px}.react-nano-scrollbar-content{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.react-nano-scrollbar-content::-webkit-scrollbar{display:none}.react-nano-scrollbar-autohide .react-nano-scrollbar-track-x,.react-nano-scrollbar-autohide .react-nano-scrollbar-track-y{opacity:0;transition:opacity .1s,width,height ease-in-out}.react-nano-scrollbar-autohide.react-nano-scrollbar-moving .react-nano-scrollbar-track-x,.react-nano-scrollbar-autohide.react-nano-scrollbar-moving .react-nano-scrollbar-track-y,.react-nano-scrollbar-autohide:hover .react-nano-scrollbar-track-x,.react-nano-scrollbar-autohide:hover .react-nano-scrollbar-track-y{opacity:.5}body{background:#111;color:#fff;line-height:1.4;-webkit-user-select:none;user-select:none}a,body,button,input,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#root,body,html{height:100%;margin:0}*{box-sizing:border-box}a{color:#fff;display:inline-block;text-decoration:none;white-space:nowrap}a:hover{text-decoration:underline}.queue{list-style-type:none;margin:0;padding:0}.queue li{animation:fadeIn .4s ease-in-out 0s 1}.queue li>*{margin:5px 0}.queue li .button,.queue li button{margin:5px}input{background:rgba(90,90,90,.4);color:#fff}.button,button,input{border:none;border-radius:5px;padding:10px 20px}.button,button{background-color:hsla(0,0%,100%,.75);color:#000;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;text-shadow:none;transition:all .1s ease-in-out}.button:hover,button:hover{background-color:#fff;box-shadow:0 10px 10px -5px rgba(0,0,0,.5);text-decoration:none}section{margin:20px;position:relative}.desktop-2col>div>:first-child{margin-top:0}.text{margin:20px auto;max-width:500px}.text ul{text-align:left}.status{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.7);bottom:0;font-weight:700;left:0;position:absolute;right:0;top:0;z-index:9999999}.status>div{background:#000;padding:20px;text-align:center}.status.error>div{background:#9f4300}.bar,.subsection,h1,h2,h3{text-shadow:1px 1px 10px rgba(0,0,0,.75)}h2,h3{align-items:center;display:flex;font-size:16px;justify-content:space-between;letter-spacing:3px;padding:0 10px;position:relative;text-align:left;text-transform:uppercase}h2 button,h3 button{padding:5px 20px}h2{color:#fff;font-size:20px}progress{-webkit-appearance:none;-moz-appearance:none;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;display:block;height:6px;margin-top:4px;overflow:hidden}progress::-moz-progress-bar{background-color:#c17944}progress::-webkit-progress-value{background-color:#c17944}progress::-webkit-progress-bar{background:hsla(0,0%,100%,.1);border-radius:8px}h1,h2,h3{margin:0}footer,header{background:#222}header{border-bottom:1px solid #111;padding:15px 0;position:sticky;top:0;z-index:99999}footer{border-top:1px solid #111}footer ul{list-style:none;margin:0;padding:20px}footer ul li:first-child{padding-left:0}footer ul li:last-child{border-right:none}nav{align-items:center;display:flex;flex-direction:row}nav h1{line-height:1.5}nav .logo{align-items:center;display:flex;font-size:24px;font-weight:700;position:relative;z-index:500}nav .logo svg{fill:#ff6f06;height:24px;margin-right:6px;width:auto}.transfer-info{flex:1 1}.transfer-info progress,.transfer-info>div{width:100%}.center{text-align:center}.subsection{background:#1e1e1e;border-radius:5px;margin:20px 0;padding:20px;position:relative}.subsection a{font-weight:700}.subsection h2{margin:0 -20px 10px;padding:0 20px}.connect .info{display:block;grid-column:1/3;margin-bottom:20px}.connect div{display:flex;flex-direction:column;margin-bottom:5px}.connect .copy,.connect div{align-items:center;justify-content:center}.connect .copy{background-color:hsla(0,0%,100%,.1);border-radius:5px;flex-direction:row}.connect .copy>*{margin-right:10px}.connect pre{border-radius:5px;display:inline-flex;height:40px;margin:0;padding:0 10px;-webkit-user-select:text;user-select:text;width:100%}.connect button,.connect pre{align-items:center;justify-content:center}.connect button{display:flex;flex:1 1;margin:0 auto}.connect button:not(:last-child){margin-right:10px}.connect button svg{margin-right:5px}.connect .qrcode{border:10px solid #fff;border-radius:5px;box-shadow:0 10px 10px -5px rgba(0,0,0,.5);box-sizing:initial;margin-bottom:20px}.menu{display:flex;justify-content:space-between;padding:0 20px}.menu .icon-menu{font-size:0}.menu .icon-menu a{margin-left:10px}.menu .icon-menu a svg{height:1.4rem;width:auto}.network-tile{align-items:center;background-image:linear-gradient(135deg,transparent,rgba(0,0,0,.267));border-radius:5px;color:rgba(0,0,0,.5);display:flex;font-size:20px;font-weight:700;height:75px;justify-content:center;overflow:hidden;position:relative;text-shadow:none;transition:box-shadow .1s ease-in-out;width:75px}.network-tile input{background:transparent;cursor:pointer;display:block;font-size:0;height:75px;margin:0;opacity:.01;padding:0;width:75px}.network-tile .device,.network-tile .local,.network-tile .secure{font-size:0;position:absolute}.network-tile .device svg,.network-tile .local svg,.network-tile .secure svg{fill:rgba(0,0,0,.1);height:20px;width:20px}.network-tile .secure{left:5px;top:5px}.network-tile .local{right:5px;top:5px}.network-tile .device{bottom:5px;left:5px}.scroll-x{overflow-x:auto;text-align:left}.network{display:inline-flex}.network .network-tile-wrapper{display:inline-block}.network .network-tile-wrapper:not(:last-child){margin-right:10px}.network .network-tile-name{color:#fff;font-size:.8rem;margin-top:10px;pointer-events:none;text-align:center;width:75px;word-break:break-word}.network .network-tile{cursor:pointer}.network .network-tile label{cursor:pointer;opacity:.01;position:absolute}.network .network-tile svg{color:rgba(0,0,0,.25);font-size:40px;transition:color .1s ease-in-out}.network .network-tile.active,.network .network-tile:focus-within,.network .network-tile:hover{box-shadow:0 10px 10px -5px rgba(0,0,0,.5)}.network .network-tile.active svg,.network .network-tile:focus-within svg,.network .network-tile:hover svg{color:rgba(0,0,0,.5)}.info-grid{grid-gap:25px;display:grid;grid-template-columns:75px 1fr}.info-grid .image{align-items:center}.info-grid .image,.info-grid .info{display:flex;justify-content:center}.info-grid .info{align-items:flex-start;flex-direction:column;text-align:left}.info-grid .info .filename{font-weight:700;word-break:break-word}.info-grid .info .metadata{font-size:.8rem}.info-grid .info .metadata span{margin-right:10px}.info-grid .info .progress{text-align:center}.target-tile{height:25px;margin:0 10px;width:25px}.target-tile svg{height:15px;width:15px}.network-select{margin-top:10px}.transfer-icon{background-color:#111;border-radius:5px;font-size:0;padding:10px 0;position:relative}.transfer-icon .tooltip-wrapper{left:-18.5px;position:absolute;top:-8.5px;z-index:500}.transfer-icon .target-tile{border-radius:10px}.transfer-icon>svg{height:55px;width:75px}.transfer-icon>img{border-radius:5px;height:75px;margin:-10px 0;width:75px}.left ol:last-child,.left p:last-child,.left ul:last-child{margin-bottom:0}.bold{font-weight:700}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.7);left:0;min-height:100vh;padding:30px 0;position:absolute;right:0;top:0;z-index:10000}.modal h2{align-items:center}.modal h2,.space-between{display:flex;justify-content:space-between}.space-between{width:100%}.warning{margin:20px}.notice a{display:inline;white-space:inherit}.client-name{align-items:center;display:flex}.client-name .icon-button{margin-left:.5em}.actions{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -5px}.actions>*{margin:0 5px}.client-name-modal .subsection{width:auto}.client-name-modal input{margin-bottom:1rem}.icon-button{align-items:center;background:none;color:#aaa;cursor:pointer;display:inline-flex;font-size:1em;padding:0}.icon-button:hover{background:none;opacity:.8}.icon-button.transfer-negative,.icon-button.transfer-neutral,.icon-button.transfer-positive{box-shadow:none!important;margin-left:20px}.icon-button.transfer-negative svg,.icon-button.transfer-neutral svg,.icon-button.transfer-positive svg{height:1.6rem;width:1.4rem}.icon-button.transfer-positive{color:green}.icon-button.transfer-negative{color:#ff3737}.tooltip-wrapper{position:relative}.tooltip-wrapper:hover .tooltip{opacity:1}.tooltip-wrapper .tooltip{background:#111;border-radius:5px;font-size:.8rem;left:50%;max-width:300px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;top:-10px;transform:translate(-50%,-100%);transition:all .1s ease-in-out;width:max-content}.chat .chat-empty{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center;margin-bottom:10px}.chat .chat-empty>*{opacity:.7}.chat .chat-empty svg{height:100px;margin-bottom:20px;width:100px}.chat .react-nano-scrollbar-content{height:300px;max-height:300px;width:100%}.chat .chat-items{border-radius:5px;margin-bottom:10px}.chat ul{display:flex;flex-direction:column;justify-content:safe flex-end;list-style-type:none;margin-bottom:0;margin-top:0;min-height:300px;padding:0}.chat ul li{background-color:hsla(0,0%,100%,.1);display:block;margin-bottom:10px;margin-top:0;padding:10px;position:relative;text-align:left}.chat ul li:last-child{margin-bottom:0}.chat ul .target-tile{margin-left:0}.chat-info{align-items:center;color:#aaa;display:flex;margin-bottom:5px}.chat-info>*{margin-right:10px}.chat-message{max-height:50px;overflow:hidden;position:relative;-webkit-user-select:text;user-select:text;white-space:pre-wrap}.chat-message-more{bottom:0;color:#fff;left:0;position:absolute;right:0;width:100%}.chat-message-more,.chat-message-more:hover{background:linear-gradient(0deg,rgba(0,0,0,.4),transparent)}.chat-expanded .chat-message{max-height:none}.chat form{align-items:center;background:rgba(90,90,90,.4);border-radius:5px;display:flex}.chat form button{margin-right:15px}.chat form textarea{background:none;border:none;color:#fff;flex:1 1;font-size:.8rem;margin-right:10px;min-height:40px;padding:10px 15px;resize:none}.chat form textarea:focus{outline:none}.chat span{display:block;margin-bottom:0}@media screen and (min-width:768px){.desktop-2col{grid-gap:20px;display:grid;grid-template-columns:minmax(0,2fr) 1fr}.modal{padding:30px}.metadata div{display:inline-block}footer{bottom:0;left:0;position:fixed;right:0}footer ul li{border-right:1px solid #fff;display:inline-block;padding:0 10px}.actions{justify-content:flex-start}.chat{margin-bottom:65px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.64875f55.css.map*/