/*! NoChat 0.0.3 | License GPLv3, 2023, Netizen | Free to deploy. */
@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--act1:#0354de;--act1-hov:#5167f3;--act2:#de0303;--act2-hov:#f35151;--act-dis:#8487a1;--bkg1:#f9f9f9;--bkg2:#e7e7e7;--bkg-select:#e0e0f2;--txt1:#2a2d2f;--txt1-inv:#ffffff;--txt2:#8a929a;--txt2-inv:#dfe2e6;--brd1:#d1d1d1;--msg-bkg:#f3f3f3;--msg-bkg-me:#C5ECFD}@media screen and (prefers-color-scheme:dark){:root{--bkg1:#080808;--bkg2:#1e1e1e;--bkg-select:#323232;--txt1:#efefef;--txt1-inv:#080808;--txt2:#7c7c7c;--txt2-inv:#393939;--brd1:#414141;--msg-bkg:#28292b;--msg-bkg-me:#325174}}:root{color-scheme:light dark;font-size:14px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei";height:100vh;max-height:100vh;scrollbar-width:none;font-size:1rem;background-color:var(--bkg1);color:val(--txt1)}.main::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}a,button,div,input,p,select,span,textarea{-webkit-tap-highlight-color:transparent}.m-t-0\.5{margin-top:.5rem}.m-b-0\.5{margin-bottom:.5rem}.m-t-1{margin-top:1rem}.m-b-1{margin-bottom:1rem}.m-t-2{margin-top:2rem}.m-b-2{margin-bottom:2rem}.p-w-0\.5{padding-left:.5rem;padding-right:.5rem}.p-h-0\.5{padding-top:.5rem;padding-bottom:.5rem}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-col,.flex-row{display:flex;flex-direction:row}.flex-col{flex-direction:column}.item-center{align-items:center;justify-content:center}.item-end{align-items:flex-end;justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.shrink-0{flex-shrink:0}.gap-1{gap:1rem}.gap-2{gap:2rem}.gap-x-1{-moz-column-gap:1rem;column-gap:1rem}.gap-x-1\.5{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-2{-moz-column-gap:2rem;column-gap:2rem}.gap-y-1{row-gap:1rem}.gap-y-2{row-gap:2rem}.border-1{border:1px solid var(--brd1);padding:.5rem;border-radius:.5rem}.border-2{border:2px solid var(--brd1);padding:1rem;border-radius:1rem}.w-p100{width:100%}.h-p100{height:100%}w-1\.5{width:1.5rem}h-1\.5{height:1.5rem}.rounded-full{border-radius:50%}.absolute{position:absolute}.relative{position:relative}.inline-flex{display:inline-flex}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-explain{font-size:smaller;opacity:.5;padding:.12em .2rem}.font-size-sm{font-size:.85rem}.font-size-normal{font-size:1rem}.font-size-md{font-size:1.5rem}.font-size-lg{font-size:2rem}.font-weight-200{font-weight:200}.font-weight-400{font-weight:400}.font-weight-600{font-weight:600}.font-weight-800{font-weight:800}.divide-y>:nth-last-child(n-1){border-bottom:1px solid var(--brd1)}.button,button{cursor:pointer;background-color:var(--act1);color:#e7e7e7;width:-moz-fit-content;width:fit-content;border:0;padding:.5em 1rem;border-radius:.5rem;font-size:1.25rem;box-shadow:0 2px 0 var(--act1) opacity(.2);transition:all .2s ease-in-out}.button:hover,button:hover{background-color:var(--act1-hov)}.button:disabled,button:disabled{background-color:var(--act-dis);color:var(--txt1);box-shadow:none}.icon-button{width:2rem;height:2rem;padding:.25rem;border-radius:50%;background:0 0;border:1px solid var(--txt1);color:var(--txt1);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease-in-out}.avatar svg,.icon-button svg{width:100%;height:100%}.icon-button:hover{background-color:var(--txt1);color:var(--bkg1)}.icon-button:disabled{background-color:var(--bkg1);border-color:var(--txt2);color:var(--txt2);cursor:not-allowed}.input,input{padding:.12em .5rem}.no-border{border:0}.hidden{display:none}.animate-loading{animation-name:spin;animation-duration:1500ms;animation-iteration-count:infinite;animation-timing-function:linear}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.page,.top-bar{display:flex;width:100%;overflow:hidden}.page{flex-direction:column;position:relative;max-width:1024px;min-width:280px;height:100%;border-left:1px solid var(--brd1);border-right:1px solid var(--brd1);scrollbar-width:none}.top-bar{position:absolute;z-index:8888;top:0;flex-direction:row;justify-content:space-between;align-items:center;vertical-align:middle;max-width:100%;min-width:100%;height:3rem;max-height:3rem;min-height:3rem;background-color:var(--bkg2);padding:.5em 1rem}.bottom-nav,.bottom-nav .menu{display:flex;justify-content:space-around;align-items:center}.bottom-nav{height:3rem;max-height:3rem;min-height:3rem;z-index:8888;position:absolute;top:3rem;background-color:var(--bkg1);border-top:1px solid var(--brd1)}.bottom-nav .menu{cursor:pointer;text-align:center;width:100%;height:100%;background-color:var(--bkg2);color:var(--txt2)}.bottom-nav .menu.active{font-weight:600;background-color:var(--bkg-select);color:var(--txt1)}.bottom-nav .menu:hover{background-color:var(--act1-hov);color:var(--txt1)}#about,.bottom-nav,.main{width:100%;max-width:100%;min-width:100%}.main,.panel{height:100%;min-height:100%;max-height:100%;scrollbar-width:none;overflow:hidden}.main{display:block}#page-home .main{padding-top:6rem}#page-chat .main{padding-top:3rem}.panel{display:flex;flex-direction:column;padding:.5rem;position:relative}.peer-status-icon span{flex:0 0 2rem;display:inline-block;margin-top:-.25rem;background-color:gray;opacity:.5;width:.68rem;height:.68rem}.peer-status-icon.connected span{opacity:1;background-color:#8eaf16}.peer-status-icon.connected span.ping{animation:ping 2s infinite}#about{position:absolute;bottom:1rem;text-align:center}#top-bar-title{flex:1 1 auto;font-weight:500;-moz-column-gap:.5rem;column-gap:.5rem}#top-bar-title img{width:1.5rem;height:1.5rem}#peer-waiting{display:flex;flex-direction:row;align-items:center;gap:.5rem}#chat-selector option{padding:.25em 1rem}#btn-reset{font-size:.85rem;background-color:var(--act2)}#btn-reset:hover{background-color:var(--act2-hov)}#btn-reset:disabled+div{display:none}#btn-clean-storage{font-size:.85rem}#input-dest-peer-id{border:0;border-radius:.2rem}#chat-selector{border:2px solid var(--brd1);border-radius:.5rem;overflow:hidden}#chat-selector .option{display:flex;flex-direction:row;justify-content:space-between;-moz-column-gap:1rem;column-gap:1rem;padding:1.2rem;cursor:pointer;transition:all .2s ease-in-out}#chat-selector .option:hover{background-color:var(--act1);color:var(--txt1-inv)}#chat-selector .option>*{pointer-events:none}#chat-selector .option>.left{display:flex;flex-direction:row;gap:2rem}#chat-selector .option>.right{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}#chat-selector .option .avatar{height:2.5rem;width:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--bkg2)}#chat-selector .option .address,#chat-selector .option .message{display:flex;flex-direction:column}#chat-selector .option .address .name,#chat-title .name{font-weight:700}#chat-selector .option .address .peer-id{font-size:.8rem;color:var(--text2)}#chat-selector .option .message{align-items:flex-end}#chat-selector .option .message span{display:flex;align-items:center;border-radius:.5rem;padding:.2rem .5rem;background-color:transparent}#chat-selector .option .message.new span{background-color:#9a9af1}#chat-selector .option .status{display:flex;flex-direction:row;align-items:center;gap:.5rem}#chat-selector .option .status .tip{font-size:.8rem;color:#818181}#chat-selector .option .status .icon{width:.8rem;height:.8rem;background-color:#818181}#chat-selector .option .status.online .icon{width:.85rem;height:.85rem;border-radius:50%}#chat-selector .option .status.online .tip{color:#32b607}#chat-selector .option .status.online .icon{background-color:#32b607}#chat-title .peer-id{color:var(--txt2)}#chat-title .avatar{width:1.5rem;height:1.5rem}#media-preview-container .remove-icon,.btn-back-to-home{display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--txt1);cursor:pointer;transition:all .2s ease-in-out}.btn-back-to-home{width:2rem;height:2rem;padding:.5rem}.btn-back-to-home:hover{background-color:var(--act1-hov);color:#efefef}#conversation-box-container{overflow-x:hidden;overflow-y:scroll}.connection{width:100%;height:calc(100vh - 6rem)}.message,.message-content{display:flex;flex-direction:column;align-items:flex-start}.message{width:100%;margin-bottom:10px}.message.me{align-items:flex-end}.message-content{width:-moz-fit-content;width:fit-content;max-width:85%;border-radius:1rem;padding:.5em 1rem;color:var(--txt1);background-color:var(--msg-bkg)}.message.me .message-content{align-items:flex-end;background-color:var(--msg-bkg-me)}.message-content>*{max-height:12rem;width:auto}#chat-inputs{display:flex;width:100%}#input-chat-text{padding:.5rem;resize:none}#btn-send{width:2.5rem;height:2.5rem;padding:.5rem}#media-preview-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;width:100%;height:auto;padding:.25em .25rem;overflow-x:hidden;overflow-y:scroll;background-color:var(--msg-bkg);border-radius:.5rem}#media-preview-container .remove-icon{position:absolute;top:0;right:0;width:1.5rem;height:1.5rem;font-size:1.5rem;background-color:var(--bkg1);opacity:.85}#media-preview-container .remove-icon:hover{opacity:1}.file-preview,.media-preview{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;background-color:var(--bkg2);border-radius:.5rem;position:relative}.media-preview{height:fit-content;overflow:hidden}.file-preview,.media-preview img,audio,video{width:6.8rem;height:auto;max-height:60px}.file-preview{display:flex;flex-direction:column;gap:.2rem;padding:.5rem .2rem;font-size:.68rem;overflow:hidden}.file-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-close,.toastify{color:#fff;cursor:pointer}.toastify{padding:1em 2rem;display:inline-block;box-shadow:0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:1rem;text-decoration:none;max-width:calc(100vw - 1em);z-index:2147483647}.toastify.error{background:linear-gradient(135deg,#e01717,#e45757)}.toastify.warn{background:linear-gradient(135deg,#8dc915,#b4cf04)}.toastify.success{background:linear-gradient(135deg,#1e8f16,#9ab007)}.toastify.on{opacity:1}.toast-close{background:0 0;border:0;font-family:inherit;font-size:1rem;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.5rem;height:1.5rem;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-left,.toastify-right{margin-left:auto;margin-right:auto;left:0;right:0;max-width:-moz-fit-content;max-width:fit-content}}