body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Hiragino Kaku Gothic ProN,"メイリオ",meiryo,sans-serif;line-height:1.6;-webkit-touch-callout:none}input{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3",Arial,"メイリオ",Meiryo,sans-serif}*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}a{-webkit-touch-callout:none}input:focus,input[type=password]:focus{outline:0}div{-webkit-tap-highlight-color:rgba(0,0,0,0)}button,div{outline:none}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:0;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Hiragino Kaku Gothic ProN,"メイリオ",meiryo,sans-serif}::selection{background:rgba(56,128,255,.6);color:#fff}::-moz-selection{background:rgba(56,128,255,.6);color:#fff}@keyframes fadein{0%{opacity:0}to{opacity:1}}.react-confirm-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.3);display:flex;justify-content:center;-ms-align-items:center;align-items:center;animation:fadein .1s ease-out 1}.react-confirm-alert-body{width:270px;padding:0;background:#fcfcfc;border-radius:8px;color:#000}.react-confirm-alert-body>h1{padding:16px;margin:8px 0 0;font-size:17px;font-weight:600;text-align:center}.react-confirm-alert-button-group{display:flex;justify-content:flex-start;margin:0;border-top:.55px solid #dbdbdf}.react-confirm-alert-button-group>button{display:inline-block;width:50%;height:44px;margin:0;padding:6px 18px;border:none;background:#f8f8f8;font-size:17px;cursor:pointer;outline:none}.react-confirm-alert-button-group>button:first-child{border-right:.55px solid #dbdbdf;border-radius:0 0 0 8px;color:#488aff;font-weight:600}.react-confirm-alert-button-group>button:last-child{border-radius:0 0 8px 0;color:#f53d3d}.react-confirm-alert{animation:fadein .2s ease-out 1}.react-confirm-alert .alert{width:270px;padding:0;background:#f8f8f8;border-radius:8px;color:#000}.react-confirm-alert .alert>h1{padding:12px 16px 7px;margin:8px 0 0;font-size:17px;font-weight:600;text-align:center}.react-confirm-alert .alert>p{padding:0 16px 21px;margin:0;text-align:center;font-size:13px}.react-confirm-alert .alert>.button-group{display:flex;justify-content:flex-start;margin:0;border-top:.55px solid #dbdbdf}.react-confirm-alert .alert>.button-group button{display:inline-block;width:50%;height:44px;margin:0;padding:6px 18px;border:none;background:#f8f8f8;font-size:17px;cursor:pointer;outline:none}.react-confirm-alert .alert>.button-group button:first-child{border-right:.55px solid #dbdbdf;border-radius:0 0 0 8px;color:#488aff;font-weight:600}.react-confirm-alert .alert>.button-group button:last-child{border-radius:0 0 8px 0;color:#f53d3d}.react-confirm-alert .alert>.button-group button:hover{background:#e9e9e9}svg#react-confirm-alert-firm-svg{display:none}.full-loading{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.loading{margin:16px auto;width:60px;display:flex;justify-content:space-between}.loading>div{width:16px;height:16px;background-color:#ccc;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s ease-in-out infinite both}.loading .loading1{animation-delay:-.32s}.loading .loading2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.main-article{max-width:800px;margin:0 auto}.main-article .title{margin:32px 0;padding:16px 0;text-align:center}.main-article .title-preview{text-align:center}.main-article .update-time{margin:8px 0;padding:8px 0;font-size:11px;color:#898d8c}.main-article .update-time>div{margin:0 16px}.main-article .update-time>div span{display:inline-block;margin-right:4px}.main-article .update-time>div i{display:inline-block;margin-right:.2em}.main-article .contents{padding:16px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;color:#24292e}.main-article .contents h1,.main-article .contents h2,.main-article .contents h3,.main-article .contents h4,.main-article .contents h5,.main-article .contents h6{margin:16px}.main-article .contents h1,.main-article .contents h2{border-bottom:1px solid #eaecef;padding:0 0 .3em}.main-article .contents h3,.main-article .contents h4,.main-article .contents h5,.main-article .contents h6{margin-bottom:16px;margin-top:24px}.main-article .contents p{margin:12px 16px;padding:0;font-size:16px;line-height:30px;word-wrap:break-word}.main-article .contents p code{background-color:rgba(27,31,35,.05);margin:0 .2em;padding:.1em .4em;border-radius:2px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.main-article .contents pre{display:block;margin:20px 0;padding:0 0 16px;border:none;border-radius:0;color:hsla(0,0%,100%,.85);background:#364549;line-height:1.6;overflow-x:auto;word-break:break-all;word-wrap:break-word}.main-article .contents pre code{display:block;margin:0 .5em;padding:16px 16px 0;font-size:85%;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.main-article .contents pre code.filename{display:inline-block;margin:0 0 0 16px;padding:2px 4px;background:#666;color:#eee}.main-article .contents pre code.filename+*{display:block}.main-article .contents hr{background-color:#e1e4e8;border:0;height:.25em;margin:24px 0;padding:0}.main-article .contents blockquote{margin:16px;padding:24px 36px;font-size:16px;line-height:36px;background-color:#f7f9f9}.main-article .contents blockquote p{margin:0}.main-article .contents a{color:#0366d6;text-decoration:none}.main-article .contents a:hover{text-decoration:underline}.input input{display:block;width:50%;margin:0 auto;padding:8px;border:0;font-size:24px;text-align:center;box-sizing:border-box;letter-spacing:8px;background:hsla(0,0%,100%,.6)}.input input:hover{background:hsla(0,0%,100%,.7)}.input input:focus{background:hsla(0,0%,100%,.9)}.home .main{min-height:calc(100vh - 90px);padding:0 0 48px;background-image:linear-gradient(120deg,#89f7fe,#66a6ff)}.home .main .title{width:100%;max-width:600px;min-height:40vh;margin:0 auto;display:flex;justify-content:center;align-items:center}.home .main .title>div h1{text-align:center}.home .main .title>div p{margin:24px 0 0;padding:0;text-align:center}.home .main .start{max-width:940px;margin:0 auto 10vh;padding:0 16px;display:flex;justify-content:center}@media(max-width:767px){.home .main .start{flex-direction:column;align-items:center}}.home .main .start>div{width:45%;background:hsla(0,0%,100%,.5);box-shadow:none;text-align:center;transition:all .2s;box-sizing:border-box}@media(max-width:767px){.home .main .start>div{width:100%;max-width:500px}}.home .main .start>div>div{margin:24px 0;padding:24px}@media(max-width:767px){.home .main .start>div>div{margin:0 24px;padding:36px 24px}}.home .main .start>div.host{border-radius:8px 0 0 8px}@media(max-width:767px){.home .main .start>div.host{border-radius:8px 8px 0 0}}.home .main .start>div.host>div{border-right:.55px solid #ccc;border-bottom:0}@media(max-width:767px){.home .main .start>div.host>div{border-right:0;border-bottom:.55px solid #ccc}}.home .main .start>div.host>div a{display:inline-block;width:100%;margin:0;border-radius:8px;line-height:44px;color:#fff;font-size:14px;font-weight:700;background:#3880ff;transition:all .2s ease-out 0s;text-decoration:none;text-align:center}.home .main .start>div.host>div a:hover{background:rgba(56,128,255,.8)}.home .main .start>div.guest{border-radius:0 8px 8px 0}@media(max-width:767px){.home .main .start>div.guest{border-radius:0 0 8px 8px}}.home .main .start>div.guest input::-webkit-inner-spin-button,.home .main .start>div.guest input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.home .main .start>div.guest input[type=number]{-moz-appearance:textfield}.home .main .start>div.guest input{width:100%;border-radius:8px}.home .main .start>div:hover{background:hsla(0,0%,100%,.6);box-shadow:0 0 5px rgba(0,0,0,.1)}.home .main .start>div h2{text-align:center;margin:0;font-weight:400;font-size:16px}.home .main .start>div .text{color:#666;font-size:14px}.home .main .guide{width:95%;max-width:600px;margin:0 auto}.home .main .guide h3{display:block;margin:24px 12px 12px}.home .main .guide p{display:block;margin:0 12px;font-size:16px}.home .main .guide p a{color:#333;text-decoration:none}.home .main .guide p a:hover{color:#666;text-decoration:underline}.home .main .guide .feature{margin:0;display:flex}.home .main .guide .feature.pc{flex-direction:row}.home .main .guide .feature.mobile{flex-direction:column}.home .main .guide .feature>div{flex:1 1;margin:0 12px 48px}.home .main .guide .feature>div .icon{margin:48px 0 12px;text-align:center}.home .main .guide .feature>div .icon i{font-size:32px;color:#333}.home .main .guide .feature>div h3{margin:0;padding:0;font-size:16px;text-align:center;color:#333}.home .main .guide .feature>div p{margin:1em 0 0;font-size:16px;line-height:24px}.home .main .guide .feature>div p.webrtc{margin:.5em 0 0;font-size:14px;line-height:18px;text-align:center}.home .main .guide .feature>div p.webrtc a.webrtc{display:inline-block;margin:0 auto;padding:6px 16px;border-radius:8px;color:#000;background:hsla(0,0%,100%,.2);transition:background-color .2s ease-out 0s;text-decoration:none}.home .main .guide .feature>div p.webrtc a.webrtc:hover{background:hsla(0,0%,100%,.5)}.home .main .guide .browsers{display:flex;justify-content:space-around;align-items:center;align-content:flex-start;flex-wrap:wrap}.home .main .guide .browsers .browser{width:60px;min-width:60px;flex:1 1;margin:12px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.home .main .guide .browsers .browser i{display:block;font-size:32px;color:#333}.home .main .guide .browsers .browser span{display:block;color:#333;font-size:12px}.file-controller{width:95vw;max-width:600px;margin:0 auto}.file-controller.pc{display:flex;flex-direction:row;max-width:940px}.file-controller .file-send{margin:24px 0;padding:8px 24px 0;border-radius:8px;background:hsla(0,0%,100%,.5)}.file-controller .file-send.pc{flex:1 1;margin-right:12px}.file-controller .file-send label{color:#333;font-size:14px}.file-controller .file-send button.send-button{display:block;width:100%;margin:12px auto;padding:8px 0;border:.55px solid #fff;border-radius:8px;background:hsla(0,0%,100%,0);background-image:linear-gradient(-60deg,#ff5858,#f09819);color:#fff;font-size:16px;font-weight:700;cursor:pointer;text-align:center;transition:all .2s ease-in-out;box-sizing:border-box}.file-controller .file-send button.send-button:hover{color:#eee;opacity:.8}.file-controller .file-send button.send-button.disable{border-color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,0);color:hsla(0,0%,100%,.6);cursor:default}.file-controller .file-send button.send-button.disable:hover{background:hsla(0,0%,100%,0);color:hsla(0,0%,100%,.6)}.file-controller .file-send .file-input{margin:8px auto}.file-controller .file-send .file-input label.file{display:block;width:100%;margin:0 auto;padding:8px 0;border-radius:8px;background:hsla(0,0%,100%,.5);color:#333;font-size:16px;cursor:pointer;text-align:center;transition:all .1s ease-in-out;box-sizing:border-box}.file-controller .file-send .file-input label.file i{margin-right:.2em;color:#666}.file-controller .file-send .file-input label.file span{display:block;font-size:.6em;color:#666}.file-controller .file-send .file-input label.file:hover{background:hsla(0,0%,100%,.6)}.file-controller .file-send .file-input label.file input.file{display:none}.file-controller .file-send ul.send-file-list{width:100%;max-width:600px;margin:0 auto;padding:0 0 16px;list-style:none}.file-controller .file-send ul.send-file-list li{animation:fadein .2s ease 1}.file-controller .file-send ul.send-file-list li.send-filelist{margin:8px auto;padding:0 24px 24px;border-radius:8px;background:hsla(0,0%,100%,.5);cursor:default;transition:background-color .2s ease-in-out 0s}.file-controller .file-send ul.send-file-list li.send-filelist:hover{background:hsla(0,0%,100%,.6)}.file-controller .file-send ul.send-file-list li.send-filelist .send-status{text-align:right;font-size:12px;height:24px}.file-controller .file-send ul.send-file-list li.send-filelist .send-status>span{display:inline-block;padding:2px 6px;background:rgba(0,0,0,.1);transition:background-color .2s ease-in-out 0s;cursor:pointer}.file-controller .file-send ul.send-file-list li.send-filelist .send-status>span:hover{background:hsla(0,0%,100%,.6)}.file-controller .file-send ul.send-file-list li.send-filelist .send-status>span span.delete{margin-left:6px;color:#666}.file-controller .file-send ul.send-file-list li.send-filelist .send-status.complete>span{color:#fff;background:rgba(56,128,255,.6)}.file-controller .file-send ul.send-file-list li.send-filelist .send-status.complete>span:hover{background:rgba(56,128,255,.8)}.file-controller .file-send ul.send-file-list li.send-filelist .send-status.complete>span span.delete{color:#fff}.file-controller .file-send ul.send-file-list li.send-filelist .send-status.failed>span{color:#fff;background:rgba(240,65,65,.6)}.file-controller .file-send ul.send-file-list li.send-filelist .send-status.failed>span:hover{background:rgba(240,65,65,.8)}.file-controller .file-send ul.send-file-list li.send-filelist .send-status.failed>span span.delete{color:#fff}.file-controller .file-send ul.send-file-list li.send-filelist .send-info{display:flex}.file-controller .file-send ul.send-file-list li.send-filelist .send-info .file-icon{width:48px;margin-right:24px;display:flex;justify-content:center;align-items:center}.file-controller .file-send ul.send-file-list li.send-filelist .send-info .file-icon i{color:#888;font-size:32px}.file-controller .file-send ul.send-file-list li.send-filelist .send-info .file-icon .send-percent{position:absolute;margin:0;padding:0 4px;border-radius:10px;font-family:ocr-b-std,monospace;font-size:12px;text-align:right;background:rgba(255,255,0,.8)}.file-controller .file-send ul.send-file-list li.send-filelist .send-info .file-icon .send-percent.standby{opacity:0}.file-controller .file-send ul.send-file-list li.send-filelist .send-info .file-icon .send-percent.complete{opacity:0;background:hsla(0,0%,100%,.8);transition:all 2s ease-in-out 0s}.file-controller .file-send ul.send-file-list li.send-filelist .send-info .detail{flex:1 1}.file-controller .file-send ul.send-file-list li.send-filelist .send-info .detail .file-name{font-size:14px;font-family:"Noto Sans JP",sans-serif;line-height:16px;word-break:break-all}.file-controller .file-send ul.send-file-list li.send-filelist .send-info .detail .send-size{margin:2px 0 0;padding:0;font-family:ocr-b-std,monospace;font-size:12px;color:#888;line-height:14px;display:flex;justify-content:space-between}.file-controller .file-send ul.send-file-list li.send-filelist .send-info .detail .send-size span{display:block}.file-controller .file-send ul.send-file-list li.send-filelist.deleted{margin:8px auto;padding:0 24px 24px;border-radius:8px;background:hsla(0,0%,100%,.2);cursor:default;transition:background-color .6s ease-in-out 0s}.file-controller .file-send ul.send-file-list li.send-filelist.deleted:hover{background:hsla(0,0%,100%,.2)}.file-controller .file-send ul.send-file-list li.send-filelist.deleted .send-status{color:#000}.file-controller .file-send ul.send-file-list li.send-filelist.deleted .send-status>span{background:hsla(0,0%,100%,.2);cursor:default}.file-controller .file-send ul.send-file-list li.send-filelist.deleted .send-status>span:hover{background:hsla(0,0%,100%,.2)}.file-controller .file-send ul.send-file-list li.send-filelist.deleted .send-info .file-icon i{color:rgba(0,0,0,.1);transition:color .6s ease-in-out 0s}.file-controller .file-send ul.send-file-list li.send-filelist.deleted .detail .file-name{color:#888;transition:color .6s ease-in-out 0s}.file-controller .file-send ul.send-file-list li.send-filelist.deleted .detail .send-size{color:#aaa;transition:color .6s ease-in-out 0s}.file-controller .file-send .no-file{margin:24px auto 0;padding:0 0 24px;font-size:14px;text-align:center;color:#666}.file-controller .file-send .no-file p{margin:0;padding:0}.file-controller .file-receive{margin:24px 0;padding:8px 24px 0;border-radius:8px;background:hsla(0,0%,100%,.5)}.file-controller .file-receive.pc{flex:1 1;margin-left:12px}.file-controller .file-receive label{color:#333;font-size:14px}.file-controller .file-receive .no-file{margin:24px 0}.file-controller .file-receive .no-file p{padding:0}.file-controller .file-receive ul.receive-file-list{width:100%;max-width:600px;margin:0 auto;padding:0 0 16px;list-style:none}.file-controller .file-receive ul.receive-file-list li{animation:fadein .2s ease 1}.file-controller .file-receive ul.receive-file-list li.receive-filelist{margin:8px auto;padding:0 24px 24px;border-radius:8px;background:hsla(0,0%,100%,.5);cursor:default;transition:background-color .2s ease-in-out 0s}.file-controller .file-receive ul.receive-file-list li.receive-filelist:hover{background:hsla(0,0%,100%,.6)}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-status{text-align:right;font-size:12px;height:24px}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-status span{display:inline-block;padding:2px 6px;color:#333;background:rgba(0,0,0,.1)}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-status.complete span{color:#fff;background:rgba(56,128,255,.6)}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-status.failed span{color:#fff;background:rgba(240,65,65,.6)}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-info{display:flex}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-info .file-icon{width:48px;margin-right:24px;display:flex;justify-content:center;align-items:center}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-info .file-icon i{color:#888;font-size:32px}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-info .file-icon .receive-percent{position:absolute;margin:0;padding:0 4px;border-radius:10px;font-family:ocr-b-std,monospace;font-size:12px;text-align:right;background:rgba(255,255,0,.8)}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-info .file-icon .receive-percent.standby{opacity:0}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-info .file-icon .receive-percent.complete{opacity:0;background:hsla(0,0%,100%,.8);transition:all 2s ease-in-out 0s}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-info .detail{flex:1 1}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-info .detail .file-name{font-size:14px;font-family:"Noto Sans JP",sans-serif;line-height:16px;word-break:break-all}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-info .detail .file-name span{color:#888}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-info .detail .file-name a{color:#333;text-decoration:none}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-info .detail .file-name a:hover{text-decoration:underline}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-info .detail .receive-size{margin:2px 0 0;padding:0;font-family:ocr-b-std,monospace;font-size:12px;color:#888;line-height:14px;display:flex;justify-content:space-between}.file-controller .file-receive ul.receive-file-list li.receive-filelist .receive-info .detail .receive-size span{display:block}.file-controller .file-receive ul.receive-file-list li.receive-filelist.complete{padding:0}.file-controller .file-receive ul.receive-file-list li.receive-filelist.complete:hover{background:hsla(0,0%,100%,.8)}.file-controller .file-receive ul.receive-file-list li.receive-filelist.complete a{display:block;padding:0 24px 24px;color:#333;text-decoration:none}.file-controller .file-receive ul.receive-file-list li.receive-filelist.complete a:hover .detail .file-name{text-decoration:underline}.file-controller .file-receive ul.receive-file-list li.receive-filelist.deleted{margin:8px auto;padding:0 24px 24px;border-radius:8px;background:hsla(0,0%,100%,.2);cursor:default;transition:background-color .6s ease-in-out 0s}.file-controller .file-receive ul.receive-file-list li.receive-filelist.deleted:hover{background:hsla(0,0%,100%,.2)}.file-controller .file-receive ul.receive-file-list li.receive-filelist.deleted .receive-status{color:#000}.file-controller .file-receive ul.receive-file-list li.receive-filelist.deleted .receive-status>span{background:hsla(0,0%,100%,.2);cursor:default}.file-controller .file-receive ul.receive-file-list li.receive-filelist.deleted .receive-status>span:hover{background:hsla(0,0%,100%,.2)}.file-controller .file-receive ul.receive-file-list li.receive-filelist.deleted .receive-info .file-icon i{color:rgba(0,0,0,.1);transition:color .6s ease-in-out 0s}.file-controller .file-receive ul.receive-file-list li.receive-filelist.deleted .detail .file-name{color:#888;transition:color .6s ease-in-out 0s}.file-controller .file-receive ul.receive-file-list li.receive-filelist.deleted .detail .receive-size{color:#aaa;transition:color .6s ease-in-out 0s}.file-controller .file-receive .no-file{margin:24px auto 0;padding:0 0 24px;font-size:14px;text-align:center;color:#666}.file-controller .file-receive .no-file p{margin:0}.file-controller .file-receive button{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:0;cursor:pointer}.file-controller .progress-bar{position:relative;margin:0;padding:0}.file-controller .progress-bar.standby{opacity:0}.file-controller .progress-bar.sending .file-controller .progress-bar.receiving{transition:all .1s ease-in-out 0s}.file-controller .progress-bar.complete{opacity:0;background:hsla(0,0%,100%,.8);transition:all .5s ease-in-out 0s}.file-controller .progress-bar .progress{position:absolute;top:0;left:0;width:100%;height:4px;border-radius:2px;z-index:2;background:linear-gradient(#03d5fa,#03d5fa) no-repeat hsla(0,0%,100%,.8);background-size:0 100%}.tutorial{width:95vw;max-width:600px;margin:0 auto 24px;padding:24px;border-radius:8px;background:hsla(0,0%,100%,.5);box-sizing:border-box}.tutorial.pc{max-width:940px}.tutorial h3{margin:0 0 8px;padding:0;font-size:16px;font-weight:400}.tutorial p{font-size:14px;color:#333}.tutorial ol{margin:0;padding:0 0 0 20px}.tutorial ol li{font-size:14px;color:#333}.status{width:95vw;max-width:600px;margin:0 auto;padding:24px;border-radius:8px;background:hsla(0,0%,100%,.5);box-sizing:border-box}.status.pc{max-width:940px}.status .error-status{display:inline-block;width:100%;margin:0 auto 24px;border-radius:8px;color:#f0506e;background:#fef4f6;text-align:center}.status .selfid{display:flex;align-items:center;margin:8px 0 0}.status .selfid label{display:inline-block;margin-right:8px;padding:2px 8px 2px 6px;border-radius:8px 0 0 8px;background:rgba(0,0,0,.1)}.status .selfid span{font-size:24px;letter-spacing:8px}.status span.id-guide{display:inline-block;margin-bottom:12px;font-size:.6em;color:#666}.status .url{font-size:14px}.status .url span{display:inline-block;padding:2px 8px 2px 6px;border-radius:8px 0 0 8px;background:rgba(0,0,0,.1)}.status .url a{display:inline-block;padding:2px 6px;color:#333;text-decoration:none}.status .url a:hover{background:rgba(0,0,0,.1);text-decoration:underline}.status .url .copy-button{display:inline-block;margin:0;padding:2px 8px;border-radius:0 8px 8px 0;background:inherit;color:#666;cursor:pointer;word-break:break-all}.status .url .copy-button:hover{background:rgba(0,0,0,.1)}.status .url .copy-button:active{background:rgba(0,0,0,.2)}.status .url .copy-button i{margin-left:.2em;font-size:14px}.status span.url-guide{font-size:.6em;color:#666}.status img.qr-code{display:block;margin:24px 0;border-radius:8px}.status .data-channel-status{padding:0;text-align:center;font-size:14px}.status .data-channel-status>div{display:inline-block;color:#fff}.status .data-channel-status>div label{padding:2px 6px 2px 2px;border-radius:0 8px 8px 0}.status .data-channel-status>div span{padding:2px 2px 2px 6px;border-radius:8px 0 0 8px}.status .data-channel-status>div.before label,.status .data-channel-status>div.before span{background:#8e8e93}.status .data-channel-status>div.ok label,.status .data-channel-status>div.ok span{background:#3880ff}.status .data-channel-status>div.ng label,.status .data-channel-status>div.ng span{background:#f04141}.guest .main,.host .main{min-height:calc(100vh - 4em - 90px);padding:2em 0;background-image:linear-gradient(120deg,#89f7fe,#66a6ff)}header{width:100%;height:90px;background:#fff}header>div{max-width:940px;height:90px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center}header>div h2{display:block;margin:0;padding:0;color:#333;font-size:1.2rem;font-weight:400}header>div h2 a{color:#333;text-decoration:none}header>div h2 a:hover{color:#666;text-decoration:underline}header>div span{display:block}header>div span a{display:block;margin:0;padding:6px 16px;border-radius:8px;color:#fff;font-size:14px;font-weight:700;background:#3880ff;transition:background-color .2s ease-out 0s;text-decoration:none}header>div span a:hover{background:rgba(56,128,255,.8)}footer{margin:48px 0;width:100%}footer .title{max-width:940px;margin:0 auto 12px;padding:0 16px}footer h2{display:flex;align-items:center;margin:24px auto 12px;font-size:16px;font-weight:400}footer h2 a{text-decoration:none;color:#333}footer h2 a:hover{text-decoration:underline}footer h2 .version{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:6px;background:#eee;font-size:12px}footer .author{max-width:940px;margin:0 auto;display:flex;flex-direction:row;align-items:center}footer .author img{display:block;width:50px;height:50px;margin:0 0 0 12px;border-radius:100%}footer .author p{margin:0 0 0 8px;color:#666}footer .author p a{display:inline-block;margin:0 8px;color:#333;text-decoration:none;transition:color .2s ease-out 0s}footer .author p a:hover{color:#1da1f2}
/*# sourceMappingURL=main.c7997f2f.chunk.css.map */