.loading-overlay[data-v-675a2d44]{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#fffc;z-index:12000}.loading-overlay .spin-wrap[data-v-675a2d44]{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.loading-overlay .spinner[data-v-675a2d44]{position:relative;width:50px;height:50px;text-align:center;animation:sk-rotate-675a2d44 2s infinite linear}.loading-overlay .dot1[data-v-675a2d44],.loading-overlay .dot2[data-v-675a2d44]{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#0c94f2;border-radius:100%;animation:sk-bounce-675a2d44 2s infinite ease-in-out}.loading-overlay .dot2[data-v-675a2d44]{top:auto;bottom:0;background-color:#1162a4;animation-delay:-1s}@keyframes sk-rotate-675a2d44{to{transform:rotate(360deg)}}@keyframes sk-bounce-675a2d44{0%,to{transform:scale(0)}50%{transform:scale(1)}}.container[data-v-05c13284]{position:relative;height:100%}.loading-bar[data-v-d360d4f7]{position:relative;width:100%;height:8px;background-color:transparent}@keyframes loading-d360d4f7{0%{left:50%;width:0;z-index:100}33.3333%{left:0;width:100%;z-index:10}to{left:0;width:100%}}.loading-bar .bar[data-v-d360d4f7]{content:"";display:inline;position:absolute;width:0;height:100%;left:50%;text-align:center}.loading-bar .bar[data-v-d360d4f7]:nth-child(1){background-color:#0c94f2;animation:loading-d360d4f7 3s linear 50ms infinite}.loading-bar .bar[data-v-d360d4f7]:nth-child(2){background-color:#939598;animation:loading-d360d4f7 3s linear 1s infinite}.loading-bar .bar[data-v-d360d4f7]:nth-child(3){background-color:#fff;animation:loading-d360d4f7 3s linear 2s infinite}.splash-page{position:fixed;top:0;right:0;left:0;bottom:0}.splash-page .logo{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:400px;height:400px;border-radius:50px}@media (max-width: 600px){.splash-page .logo{width:150px;height:150px;border-radius:20px}}.copy-input{position:relative;overflow:hidden}.copy-input input{float:left;width:80%;line-height:24px;border:1px solid lightgray;border-radius:5px 0 0 5px;padding:0 10px}.copy-input textarea{min-width:300px;min-height:100px}.copy-input .modifier{touch-callout:none;-webkit-user-select:none;user-select:none;cursor:default;cursor:pointer;float:left;width:20%;line-height:26px;text-align:center;background-color:#3258e9;color:#fff;border-radius:0 5px 5px 0}.copy-input .modifier:hover{background-color:#496beb}.copy-input.no-copy input{width:100%;border-radius:5px}.copy-input.no-copy .modifier{visibility:hidden;width:1px;height:1px;position:absolute}.copy-input.area .modifier{position:absolute;top:10px;right:10px;border-radius:5px;width:40px;line-height:30px}.copy-input.custom-ui{display:inline-block;line-height:14px;font-size:14px;font-weight:400;vertical-align:middle}.copy-input.custom-ui input,.copy-input.custom-ui textarea{position:absolute;bottom:20px;right:100px;width:23px;height:5px;opacity:0}.copy-input.custom-ui .modifier{background-color:transparent;color:#000;width:auto}.toggle-switch{touch-callout:none;-webkit-user-select:none;user-select:none;cursor:default;cursor:pointer;display:inline-block}.toggle-switch .toggle-label{display:inline-block;font-weight:700;margin:5px 10px 5px 0;vertical-align:middle}.toggle-switch .switch-input[type=checkbox]{position:absolute;height:0;width:0;min-width:auto;margin:0;padding:0;visibility:hidden}.toggle-switch .switch-input[type=checkbox]:checked+label{background:#3258e9}.toggle-switch .switch-input[type=checkbox]:checked+label:after{left:calc(100% - 2px);transform:translate(-100%)}.toggle-switch .switch-label{cursor:pointer;text-indent:-9999px;width:35px;height:20px;background:gray;display:block;border-radius:20px;position:relative}.toggle-switch .switch-label:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:16px;transition:.3s}.toggle-switch .switch-label:active:after{width:21px}.dashboard-page{position:relative;height:100%;box-sizing:border-box;overflow:auto}.dashboard-page .github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@media (max-width: 500px){.dashboard-page .github-corner:hover .octo-arm{animation:none}.dashboard-page .github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}.dashboard-page .header{position:relative;text-align:center;margin-top:40px}.dashboard-page .header .goto-btn{touch-callout:none;-webkit-user-select:none;user-select:none;cursor:default;cursor:pointer;position:absolute;top:20px;left:20px;background-color:#3258e9;color:#fff;padding:7px 10px;border-radius:10px}.dashboard-page .header .goto-btn:hover{background-color:#1b45e7}.dashboard-page .header .icon,.dashboard-page .header span{vertical-align:middle}.dashboard-page .header .icon{width:150px;border-radius:10px}@media (max-width: 760px){.dashboard-page .header .icon{width:100px}}.dashboard-page .header .key-display{touch-callout:none;-webkit-user-select:none;user-select:none;cursor:default;cursor:pointer;font-size:10px;max-width:200px;margin-left:auto;margin-right:auto;word-break:break-word}.dashboard-page .header .key-display i,.dashboard-page .header .key-display span{display:inline;vertical-align:middle}.dashboard-page .header .key-display i{margin-right:4px;font-size:16px}.dashboard-page .header .key-display:hover{background-color:#f5f5f5}.dashboard-page .copy-input{display:inline-block}.dashboard-page .encryption-wrap{display:flex;justify-content:center;align-items:center;max-width:1000px;margin-left:auto;margin-right:auto;margin-top:40px;padding:0 10px}.dashboard-page .encryption-wrap .crypt-blk{width:50%}.dashboard-page .encryption-wrap .crypt-blk .title{font-weight:700;line-height:24px}.dashboard-page .encryption-wrap .crypt-blk .title .crypt-btn{touch-callout:none;-webkit-user-select:none;user-select:none;cursor:default;cursor:pointer;float:right;color:#fff;background-color:#3258e9;border-radius:5px;padding:5px 7px;margin-bottom:10px;margin-top:-5px}.dashboard-page .encryption-wrap .crypt-blk .title .crypt-btn:hover{background-color:#244de8}.dashboard-page .encryption-wrap .crypt-blk .title .crypt-btn:active{background-color:#1b45e7}.dashboard-page .encryption-wrap .crypt-blk .copy-input{width:100%}.dashboard-page .encryption-wrap .crypt-blk .copy-input textarea{width:100%;min-width:100%;max-width:100%;min-height:400px;padding:10px}.dashboard-page .encryption-wrap .crypt-blk:first-of-type{margin-right:20px}@media (max-width: 760px){.dashboard-page .encryption-wrap{flex-direction:column}.dashboard-page .encryption-wrap .crypt-blk{width:80%}.dashboard-page .encryption-wrap .crypt-blk:first-of-type{margin-right:0;margin-bottom:40px}}@media (max-width: 520px){.dashboard-page .encryption-wrap .crypt-blk{width:100%}.dashboard-page .encryption-wrap .crypt-blk .copy-input textarea{min-height:250px}.dashboard-page .encryption-wrap .crypt-blk:first-of-type{margin-bottom:20px}}.dashboard-page .key-setup{max-width:500px;margin-left:auto;margin-right:auto;margin-top:40px;padding:0 10px}.dashboard-page .key-setup .form-group{margin-bottom:32px}.dashboard-page .key-setup .form-group .form-label{font-weight:700;font-size:14px;margin-bottom:12px}.dashboard-page .key-setup .form-group .form-label.required:after{content:"*";display:inline-block;color:#b32013}.dashboard-page .key-setup .form-group input.form-value,.dashboard-page .key-setup .form-group textarea.form-value,.dashboard-page .key-setup .form-group select.form-value{box-sizing:border-box;width:100%;padding:8px 12px;border:none;border-bottom:1px solid #ABB1BC;background-color:#f2f3f5;font-size:14px;vertical-align:middle;outline:none;transition:border-bottom .2s ease}.dashboard-page .key-setup .form-group input.form-value:focus,.dashboard-page .key-setup .form-group textarea.form-value:focus,.dashboard-page .key-setup .form-group select.form-value:focus{border-bottom:1px solid #0851DF}.dashboard-page .key-setup .form-group .form-value{position:relative}.dashboard-page .key-setup .form-group .form-value .image-field{display:inline-block}.dashboard-page .key-setup .form-group .form-value .rtf-editor .ql-toolbar{border:none;padding:0 10px 2px 0}.dashboard-page .key-setup .form-group .form-value .rtf-editor .ql-container{padding:8px 12px;border:none;border-bottom:1px solid #ABB1BC;background-color:#f2f3f5;font-size:14px;vertical-align:middle}.dashboard-page .key-setup .form-group .form-value .rtf-editor .ql-container .ql-editor{padding:0;min-height:60px}.dashboard-page .key-setup .form-group .form-value .rtf-editor .ql-container .ql-editor:after{content:"";position:absolute;bottom:0;left:0;right:0;height:0;transition:height .1s ease;background-color:#0851df}.dashboard-page .key-setup .form-group .form-value .rtf-editor .ql-container .ql-editor:focus:after{height:1px}.dashboard-page .key-setup .form-group .form-value .rtf-editor .clear-all{height:36px;line-height:36px}.dashboard-page .key-setup .form-group .form-value .rtf-editor.rtl .ql-editor{padding-right:15px}.dashboard-page .key-setup .form-group .form-value .rtf-editor.textfield .ql-container .ql-editor{min-height:auto}.dashboard-page .key-setup .form-group .form-value .datetime-picker input{border-radius:0}.dashboard-page .key-setup .form-group .form-value input,.dashboard-page .key-setup .form-group .form-value textarea,.dashboard-page .key-setup .form-group .form-value select{box-sizing:border-box;max-width:100%;height:auto;line-height:normal;padding:8px 12px;border:none;border-bottom:1px solid #ABB1BC;background-color:#f2f3f5;font-size:14px;vertical-align:middle;outline:none;transition:border-bottom .2s ease}.dashboard-page .key-setup .form-group .form-value input:focus,.dashboard-page .key-setup .form-group .form-value textarea:focus,.dashboard-page .key-setup .form-group .form-value select:focus{border-bottom:1px solid #0851DF}.dashboard-page .key-setup .form-group .form-value input.inline-val,.dashboard-page .key-setup .form-group .form-value textarea.inline-val,.dashboard-page .key-setup .form-group .form-value select.inline-val{display:inline-block;vertical-align:middle}.dashboard-page .key-setup .form-group .form-value select{cursor:pointer}.dashboard-page .key-setup .form-group .form-value .select-group{position:relative;display:inline-block;margin-left:10px}.dashboard-page .key-setup .form-group .form-value .select-group select{padding-right:25px}.dashboard-page .key-setup .form-group .form-value .select-group .select-expand-icon{position:absolute;right:0;top:0;padding-right:20px;padding-top:8px;pointer-events:none;font-size:20px;background-color:#f2f3f5;z-index:2}.dashboard-page .key-setup .form-group .form-descriptor{margin-top:6px;font-size:12px;color:#37425e}.dashboard-page .key-setup .form-group .form-descriptor .error{color:#b32013}.dashboard-page .key-setup .form-group textarea{min-width:100%;max-width:100%}.dashboard-page .key-setup .form-group{margin-bottom:15px}.dashboard-page .key-setup .form-group .form-label{margin-bottom:5px}.dashboard-page .key-setup .copy-input{width:100%}.dashboard-page .key-setup .copy-input input{line-height:28px}.dashboard-page .key-setup .copy-input span{line-height:30px}.dashboard-page .key-setup .key-exchange{background-color:#f5f5f5;border:1px solid lightgray;padding:10px;margin-bottom:15px}.dashboard-page .key-setup .key-exchange .form-group:last-of-type{margin-bottom:0}.dashboard-page .key-setup .key-exchange .private .copy-input input,.dashboard-page .key-setup .key-exchange .public .copy-input input{background-color:#f5f5f5}.dashboard-page .key-setup .use-btn{touch-callout:none;-webkit-user-select:none;user-select:none;cursor:default;cursor:pointer;display:inline-block;color:#fff;background-color:#3258e9;padding:7px 10px;border-radius:5px;margin-top:15px}.dashboard-page .key-setup .use-btn.disabled{color:gray;background-color:#d3d3d3}.dashboard-page .key-setup .newkeypair{text-align:right}.dashboard-page .key-setup .newkeypair .use-btn{margin-bottom:15px;margin-top:0}.dashboard-page .key-setup .keyhash{margin-top:-22px;margin-bottom:0;border:1px solid lightgray;padding:10px;background-color:#f5f5f5}.dashboard-page .key-setup .keyhash .form-label{font-weight:400}.dashboard-page .key-setup .keyhash input{background-color:#f5f5f5;outline:none}.chat-bubble[data-v-b2ac24c2]{margin-bottom:20px;display:grid;grid-template-columns:40px 1fr}.chat-bubble .response-canvas[data-v-b2ac24c2]{word-break:break-word}.chat-bubble .response-canvas strong[data-v-b2ac24c2]{color:#3258e9}.chat-bubble .response-canvas p[data-v-b2ac24c2]{margin:0;word-break:break-word}.chat-bubble .timestamp[data-v-b2ac24c2]{font-size:11px;color:gray;margin-top:5px}.chat-bubble .icon[data-v-b2ac24c2]{margin-top:15px;margin-left:10px;width:5px;height:5px;border-radius:50%;background-color:#3258e9;filter:blur(7px);box-shadow:0 0 0 10px #3258e9}.chat-bubble.user[data-v-b2ac24c2]{display:block;color:#000;text-align:right}.chat-bubble.user .response-canvas[data-v-b2ac24c2]{display:inline-block;background-color:#9dd4fa4d;text-align:left;padding:7px 10px;border-radius:8px}.chat-view{position:relative;height:100%;background-color:#f1f1f1;display:flex;flex-direction:column;overflow:hidden}.chat-view .github-corner{position:fixed;top:0;right:0;z-index:2}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}.chat-view .github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@media (max-width: 500px){.chat-view .github-corner:hover .octo-arm{animation:none}.chat-view .github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}.chat-view .header{position:relative;flex:0 0 auto;white-space:nowrap;background-color:#fff}.chat-view .header .icon-wrap,.chat-view .header .title{display:inline-block;vertical-align:middle}.chat-view .header .icon-wrap{touch-callout:none;-webkit-user-select:none;user-select:none;cursor:default;cursor:pointer;height:60px;margin-right:10px;position:relative;z-index:1}.chat-view .header .icon-wrap .menu-dropdown{background-color:#fff;border:1px solid #e5e5e5;border-bottom:none;box-shadow:0 2px 2px #0000003d;position:absolute;bottom:0;left:0;transform:translate3d(0,95%,0);display:flex;flex-direction:column;width:150px;border-top:none;opacity:0;visibility:hidden;transition:opacity .1s linear,visibility 0s linear .2s,transform .2s ease}.chat-view .header .icon-wrap .menu-dropdown:hover{box-shadow:0 2px 5px #0000003d}.chat-view .header .icon-wrap .menu-dropdown .menu-opt{padding:5px 10px}.chat-view .header .icon-wrap .menu-dropdown .menu-opt:hover{background-color:#f5f5f5}.chat-view .header .icon-wrap .icon{height:100%}.chat-view .header .icon-wrap:hover .menu-dropdown{opacity:1;visibility:visible;transform:translate3d(0,100%,0);transition:opacity .1s linear,visibility 0s linear 0s,transform .2s ease}.chat-view .header .title{font-size:20px;line-height:22px;white-space:initial}.chat-view .header .title .fine-print{font-size:10px;line-height:14px}@media (max-width: 422px){.chat-view .header .title .fine-print{display:none}}.chat-view .header .connection-stats{background-color:#fff;border:1px solid #e5e5e5;border-bottom:none;box-shadow:0 2px 2px #0000003d;position:absolute;right:20px;bottom:0;display:flex;border-top:none;border-radius:0 0 10px 10px;padding-left:10px;transform:translate3d(0,100%,0);overflow:hidden}.chat-view .header .connection-stats:hover{box-shadow:0 2px 5px #0000003d}.chat-view .header .connection-stats .peer{position:relative;display:flex}.chat-view .header .connection-stats .peer .label,.chat-view .header .connection-stats .peer .value{padding:5px}.chat-view .header .connection-stats .peer .value{color:#fff}.chat-view .body{-webkit-overflow-scrolling:touch;flex:1 1 auto;max-width:500px;width:500px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding:40px 15px 10px;margin:0 auto;display:flex;flex-direction:column-reverse}.chat-view .body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.chat-view .body::-webkit-scrollbar{height:5px;width:0;background-color:#f5f5f5}.chat-view .body::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555;background-color:#55555540}@media (max-width: 500px){.chat-view .body{width:100%}}.chat-view .chat-input{flex:0 0 auto;margin:0 auto;max-width:500px;width:100%;justify-content:center;align-items:center;box-sizing:border-box;padding:10px 15px 20px}.chat-view .chat-input .inner-input{position:relative;display:grid;grid-template-columns:1fr 30px;box-sizing:border-box}.chat-view .chat-input .text-input{border:none;outline:none;font-size:14px;line-height:40px;padding:0 15px;background-color:transparent;color:#000;background-color:#d3d3d3;width:100%;border-radius:8px}.chat-view .chat-input .send-icon{touch-callout:none;-webkit-user-select:none;user-select:none;cursor:default;cursor:pointer;display:flex;justify-content:center;align-items:center;color:gray;font-size:20px}.chat-view .init-modal{position:fixed;top:60px;bottom:0;left:0;right:0;overflow-y:auto;overflow-x:hidden}.chat-view .init-modal .inner-content{position:relative;min-height:100%;display:flex;justify-content:center;align-items:center;z-index:2}.chat-view .init-modal .modal-window{display:inline-block;position:relative;background-color:#fff;width:400px;box-sizing:border-box;margin:15px;border-radius:10px;text-align:center;padding:20px}.chat-view .init-modal .modal-window .modal-title{margin-bottom:20px;font-size:20px}.chat-view .init-modal .modal-window .modal-con{display:flex;flex-direction:column;align-items:center;gap:10px}.chat-view .init-modal .modal-window .modal-con .modal-input{width:100%;line-height:25px;padding:5px 10px;margin-bottom:20px;border-radius:10px;border:1px solid lightgray;outline:none}.chat-view .init-modal .modal-window .modal-con .copy-input{width:100%;height:35px;margin-bottom:20px}.chat-view .init-modal .modal-window .modal-con .copy-input input,.chat-view .init-modal .modal-window .modal-con .copy-input .modifier{display:inline-block;height:100%}.chat-view .init-modal .modal-window .modal-con .copy-input .modifier{display:flex;justify-content:center;align-items:center}.chat-view .init-modal .modal-window .modal-con .copy-input.join-url-copy{margin-bottom:0}.chat-view .init-modal .modal-window .modal-con .con-btn{touch-callout:none;-webkit-user-select:none;user-select:none;cursor:default;cursor:pointer;background-color:#3258e9;min-width:150px;padding:5px 0;color:#fff;border-radius:10px}.chat-view .init-modal .modal-window .modal-con .con-btn.secondary{background-color:#d3d3d3;color:#000}.chat-view .init-modal .modal-window .modal-con .con-btn.secondary:hover{background-color:#c6c6c6}.chat-view .init-modal .modal-window .modal-con .con-btn.disabled{background-color:#f5f5f5;color:#d3d3d3}.chat-view .init-modal .modal-window .modal-con .con-btn.disabled:hover{background-color:#f5f5f5}.chat-view .init-modal .modal-window .modal-con .con-btn:hover{background-color:#1b45e7}.chat-view .init-modal .modal-window .setting.relay{position:relative;display:flex;align-items:center;justify-content:center;margin-top:40px}.chat-view .init-modal .modal-window .setting.relay .toggle-label{font-weight:400}.chat-view .init-modal .modal-window .setting.relay:after{background-color:#fff;border:1px solid #e5e5e5;border-bottom:none;box-shadow:0 2px 2px #0000003d;content:"Relay server used for complex networking situations preventing direct connection (eg. mobile networks)";position:absolute;display:none;bottom:0;left:-50%;width:300px;transform:translate3d(100%,110%,0)}.chat-view .init-modal .modal-window .setting.relay:after:hover{box-shadow:0 2px 5px #0000003d}.chat-view .init-modal .modal-window .setting.relay:hover:after{display:block}.chat-view .init-modal:before{content:"";position:fixed;top:60px;bottom:0;left:0;right:0;background-color:#00000080;z-index:1}/*!
* Toastify js 1.12.0
* https://github.com/apvarun/toastify-js
* @license MIT licensed
*
* Copyright (C) 2018 Varun A P
*/.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}html,body{margin:0;padding:0;height:100%}body{position:relative;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,textarea{box-sizing:border-box}.toastify{z-index:9999}.fade-enter-active,.fade-leave-active{transition-property:opacity;transition-duration:.25s}.fade-leave-active{position:absolute;left:0;right:0}.fade-enter,.fade-leave-active{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .2s linear}.slide-enter,.slide-leave-active{transform:translate(100%)}#app{position:relative;height:100%}