:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--blue: #1973E8}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;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}a{color:var(--blue);cursor:pointer}button{background-color:#fff;color:#000;border:3px solid var(--blue);border-radius:20px;padding:10px 20px;cursor:pointer;transition:background-color .3s ease,color .3s ease}button:hover{background-color:var(--blue);color:#fff}textarea{background-color:#fff;color:#000;border:3px solid var(--blue);border-radius:20px;padding:10px 20px;resize:vertical;max-height:400px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}hr{margin:20px 0;color:#00000026;border-style:solid}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.input[data-v-54233d06]{display:inline-block;padding:1em}.drop-zone[data-v-54233d06]{cursor:pointer;padding:1em 2em;border-radius:20px;border:3px dashed var(--blue)}.drop-zone img[data-v-54233d06]{max-width:50px}input[type=file][data-v-54233d06]{display:none}div[data-v-e9abb77f]{display:flex;gap:3px;justify-content:center;width:100%}div>input[type=number][data-v-e9abb77f]{width:50px;height:70px;border:2px solid rgb(160,160,160);color:var(--color-text);border-radius:10px;outline:none;font-size:26px;font-weight:700;text-align:center}div>input[type=number][data-v-e9abb77f]:focus{border:2px solid var(--blue)}input[type=number][data-v-e9abb77f]::-webkit-inner-spin-button,input[type=number][data-v-e9abb77f]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number][data-v-e9abb77f]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media only screen and (max-width: 720px){div>input[type=number][data-v-e9abb77f]{max-width:15%;width:inherit;height:initial;aspect-ratio:3/4;font-size:18px}}.spinner[data-v-4e13103c]{--color: var(--blue);height:32px;width:32px;margin:20px;-webkit-animation:spinner-1-4e13103c 2s cubic-bezier(.77,0,.175,1) infinite;animation:spinner-1-4e13103c 2s cubic-bezier(.77,0,.175,1) infinite}@-webkit-keyframes spinner-1-4e13103c{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spinner-1-4e13103c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner[data-v-4e13103c]:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:auto;margin:auto;width:8px;height:8px;background:var(--color);border-radius:50%;-webkit-animation:spinner-2-4e13103c 2s cubic-bezier(.77,0,.175,1) infinite;animation:spinner-2-4e13103c 2s cubic-bezier(.77,0,.175,1) infinite}@-webkit-keyframes spinner-2-4e13103c{0%{-webkit-transform:translate3d(0,0,0) scale(1)}50%{-webkit-transform:translate3d(24px,0,0) scale(.5)}to{-webkit-transform:translate3d(0,0,0) scale(1)}}@keyframes spinner-2-4e13103c{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(24px,0,0) scale(.5)}to{transform:translateZ(0) scale(1)}}.spinner[data-v-4e13103c]:after{content:"";display:block;position:absolute;top:0;left:auto;bottom:0;right:0;margin:auto;width:8px;height:8px;background:var(--color);border-radius:50%;-webkit-animation:spinner-3-4e13103c 2s cubic-bezier(.77,0,.175,1) infinite;animation:spinner-3-4e13103c 2s cubic-bezier(.77,0,.175,1) infinite}@-webkit-keyframes spinner-3-4e13103c{0%{-webkit-transform:translate3d(0,0,0) scale(1)}50%{-webkit-transform:translate3d(-24px,0,0) scale(.5)}to{-webkit-transform:translate3d(0,0,0) scale(1)}}@keyframes spinner-3-4e13103c{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-24px,0,0) scale(.5)}to{transform:translateZ(0) scale(1)}}.spinner span[data-v-4e13103c]{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:32px;width:32px}.spinner span[data-v-4e13103c]:before{content:"";display:block;position:absolute;top:0;left:0;bottom:auto;right:0;margin:auto;width:8px;height:8px;background:var(--color);border-radius:50%;-webkit-animation:spinner-4-4e13103c 2s cubic-bezier(.77,0,.175,1) infinite;animation:spinner-4-4e13103c 2s cubic-bezier(.77,0,.175,1) infinite}@-webkit-keyframes spinner-4-4e13103c{0%{-webkit-transform:translate3d(0,0,0) scale(1)}50%{-webkit-transform:translate3d(0,24px,0) scale(.5)}to{-webkit-transform:translate3d(0,0,0) scale(1)}}@keyframes spinner-4-4e13103c{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,24px,0) scale(.5)}to{transform:translateZ(0) scale(1)}}.spinner span[data-v-4e13103c]:after{content:"";display:block;position:absolute;top:auto;left:0;bottom:0;right:0;margin:auto;width:8px;height:8px;background:var(--color);border-radius:50%;-webkit-animation:spinner-5-4e13103c 2s cubic-bezier(.77,0,.175,1) infinite;animation:spinner-5-4e13103c 2s cubic-bezier(.77,0,.175,1) infinite}@-webkit-keyframes spinner-5-4e13103c{0%{-webkit-transform:translate3d(0,0,0) scale(1)}50%{-webkit-transform:translate3d(0,-24px,0) scale(.5)}to{-webkit-transform:translate3d(0,0,0) scale(1)}}@keyframes spinner-5-4e13103c{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-24px,0) scale(.5)}to{transform:translateZ(0) scale(1)}}.background[data-v-6812193f]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000;opacity:.5;z-index:1000}.modal-content[data-v-6812193f]{padding:20px;border-radius:10px;box-shadow:0 0 10px 10px #00000008;z-index:1000;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);min-width:80%;max-width:100%;max-height:100%;background-color:#fff;overflow-y:scroll}.VueHotToast__checkmark{width:20px;opacity:0;height:20px;border-radius:10px;background:#61d345;position:relative;transform:rotate(45deg);animation:checkmarkCircleAnimation .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s}.VueHotToast__checkmark:after{content:"";box-sizing:border-box;animation:checkmarkAnimation .2s ease-out forwards;opacity:0;animation-delay:.2s;position:absolute;border-right:2px solid;border-bottom:2px solid;border-color:#fff;bottom:6px;left:6px;height:10px;width:6px}@keyframes checkmarkCircleAnimation{0%{transform:scale(0) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:1}}@keyframes checkmarkAnimation{0%{height:0;width:0;opacity:0}40%{height:0;width:6px;opacity:1}to{opacity:1;height:10px}}.VueHotToast__error{width:20px;opacity:0;height:20px;border-radius:10px;background:#ff4b4b;position:relative;transform:rotate(45deg);animation:errorCircleAnimation .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s}.VueHotToast__error:after,.VueHotToast__error:before{content:"";animation:errorFirstLineAnimation .15s ease-out forwards;animation-delay:.15s;position:absolute;border-radius:3px;opacity:0;background:#fff;bottom:9px;left:4px;height:2px;width:12px}.VueHotToast__error:before{animation:errorSecondLineAnimation .15s ease-out forwards;animation-delay:.18s;transform:rotate(90deg)}@keyframes errorCircleAnimation{0%{transform:scale(0) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:1}}@keyframes errorFirstLineAnimation{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes errorSecondLineAnimation{0%{transform:scale(0) rotate(90deg);opacity:0}to{transform:scale(1) rotate(90deg);opacity:1}}.VueHotToast__loading{width:12px;height:12px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:#0000001a;border-right-color:#0009;animation:loadingRotate 1s linear infinite}@keyframes loadingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.VueHotToast__toast{animation:enter .35s cubic-bezier(.21,1.02,.73,1) forwards}.VueHotToast__toast.leaving{animation:exit .4s forwards cubic-bezier(.06,.71,.55,1)}@keyframes enter{0%{transform:translate3d(0,-200%,0) scale(.6);opacity:.5}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes exit{0%{transform:translateZ(-1px) scale(1);opacity:1}to{transform:translate3d(0,-150%,-1px) scale(.6);opacity:0}}.VueHotToast__toast-container{font-family:ui-sans-serif,system-ui,sans-serif;position:fixed;z-index:9999;margin:10px;overflow:visible;display:flex;flex-direction:column;align-items:center;padding-top:12px;gap:12px;pointer-events:none}.VueHotToast__toast{display:flex;justify-content:center;align-items:center;background:#fff;color:#101010;box-shadow:0 2px 2px #10182822;max-width:1200px;padding:8px 10px;border-radius:8px;cursor:pointer;pointer-events:auto;text-overflow:ellipsis}.VueHotToast__toast .content{margin:4px 10px}.VueHotToast__top-left{top:0;left:0}.VueHotToast__top-center{top:0;left:50%;transform:translate(-50%)}.VueHotToast__top-right{top:0;right:0}.VueHotToast__bottom-left{bottom:0;left:0}.VueHotToast__bottom-center{bottom:0;left:50%;transform:translate(-50%)}.VueHotToast__bottom-right{bottom:0;right:0}.VueHotToast__middle-center{top:50%;left:50%;transform:translate(-50%,-50%)}main[data-v-6a3743b0]{display:flex;flex-direction:column;width:100%;min-height:100vh;padding:2em;align-items:center;justify-content:center;gap:20px}nav[data-v-6a3743b0]{display:flex;gap:20px;align-items:center}nav h1[data-v-6a3743b0]{font-weight:700;font-size:32px}nav img[data-v-6a3743b0]{width:50px;height:50px}div.content[data-v-6a3743b0]{display:flex;width:100%;height:100%;max-width:900px}div.content-container[data-v-6a3743b0]{display:flex;flex:1}div.send[data-v-6a3743b0],div.receive[data-v-6a3743b0]{flex:1;position:relative;margin:10px;padding:20px;border-radius:10px;box-shadow:0 0 10px 10px #00000008;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;gap:10px}div.title-top div.send>div[data-v-6a3743b0],div.title-top div.receive>div[data-v-6a3743b0]{display:flex;flex-direction:column;flex:1;justify-content:center}div.send .buttons[data-v-6a3743b0]{display:flex;justify-content:center;flex-direction:row;gap:10px}div.send .buttons button[data-v-6a3743b0]{width:100px}.input-column[data-v-6a3743b0]{display:flex;flex-direction:column;gap:10px;max-width:100%}.selected-payload[data-v-6a3743b0]{border:3px solid var(--blue);border-radius:20px;display:flex;padding:.5em 1em;gap:20px;justify-content:space-between}.selected-payload>p[data-v-6a3743b0]:first-child{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peer-id[data-v-6a3743b0]{font-size:32px;font-weight:700;letter-spacing:10px}.received-text[data-v-6a3743b0]{white-space:pre;overflow-x:scroll;background-color:var(--vt-c-divider-light-2);padding:20px;border-radius:10px}.received-text-modal[data-v-6a3743b0]{display:flex;gap:10px;flex-direction:column}.received-text-modal>button[data-v-6a3743b0]{align-self:center}.modal-header[data-v-6a3743b0]{display:flex;justify-content:space-between;align-items:center}.modal-header .copy[data-v-6a3743b0]{border-radius:50%;background-color:var(--blue);padding:10px;line-height:0}.modal-header .copy img[data-v-6a3743b0]{width:20px;height:20px}@media only screen and (max-width: 720px){div.content-container[data-v-6a3743b0],div.content[data-v-6a3743b0]{flex-direction:column}.selected-payload[data-v-6a3743b0]{flex-direction:column;gap:0px}.selected-payload>p[data-v-6a3743b0]:first-child{max-width:100%}main[data-v-6a3743b0]{padding:5px}}