.navigation[data-v-c015fff6]{padding:0 16px;height:calc(3.6rem - 1px);user-select:none;text-align:center;display:flex;align-items:center;justify-content:space-between}.navigation .siteName[data-v-c015fff6]{letter-spacing:5px;white-space:nowrap;margin:8px;text-align:left;flex:1}.tunnel-item{width:100%;height:100%;padding:15px;box-sizing:border-box;cursor:grab;white-space:unset}.tunnel-item .n-button__content{text-align:start;display:flex;width:100%;align-items:stretch;flex-direction:column;justify-content:space-between}.tunnel-item .tunnel-layout{display:flex;flex-direction:row;justify-content:space-between}.tunnel-item .tunnel-layout .left{display:flex;flex-direction:row}.tunnel-item .tunnel-layout .right{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.tunnel-item .tunnel-icon{display:flex;margin:0 15px 0 5px;box-sizing:border-box;align-items:center;height:100%}.tunnel-item .tunnel-icon img{width:40px;height:40px}.tunnel-item .tunnel-info{display:flex;flex-direction:column}.tunnel-item .tunnel-info .tunnel-meta{font-size:1.35em;margin-bottom:12px}.tunnel-item .tunnel-info .tunnel-meta .tunnel-name{color:var(--minor-color)}.tunnel-item .tunnel-node{color:var(--minor-color);white-space:nowrap}.tunnel-item .tunnel-info-grid{display:inline-grid;grid-template-columns:repeat(3,1fr);gap:0 5px;width:fit-content}.tunnel-item .tunnel-info-grid .tunnel-info-with-icon{display:flex;align-items:center;white-space:nowrap;margin-bottom:3px;color:var(--minor-color)}.tunnel-item .tunnel-info-grid .tunnel-info-with-icon .n-icon{margin-right:3px}.tunnel-item .tunnel-info-grid .tunnel-info-with-icon .n-icon:not(:first-child){margin-left:5px}.tunnel-item .n-space{flex-wrap:nowrap!important}.tunnel-item .drag-handle{color:var(--minor-color)}.tunnel-enabled{color:var(--n-text-color);--minor-color: #666}.tunnel-error{color:var(--n-text-color);--minor-color: #eaeaea}.tunnel-disabled{color:var(--n-text-color);--minor-color: #666}.tunnel-disabled .tunnel-meta{margin-bottom:17px!important}.tunnel-dark{--minor-color: #999999}.tunnel-grid[data-v-438612a6]{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}.dragin-prompt[data-v-438612a6]{border:1px dashed #7e7e7e;display:flex;justify-content:center;align-items:center;opacity:.3;border-radius:3px;min-height:88px;height:100%}.tunnel-actions[data-v-438612a6]{margin-bottom:15px}.tunnel-filter[data-v-438612a6]{min-width:30%!important}@media screen and (max-width: 750px){.tunnel-grid[data-v-438612a6]{grid-template-columns:repeat(1,1fr)}.tunnel-filter[data-v-438612a6]{width:100%}}.button[data-v-438612a6]{margin-top:35px}.flip-list-move[data-v-438612a6]{transition:transform .5s}.no-move[data-v-438612a6]{transition:transform 0s}.ghost[data-v-438612a6]{opacity:.5;background:#c8ebfb}#log{--n-scrollbar-color: rgba(255, 255, 255, .3) !important;--n-scrollbar-color-hover: rgba(255, 255, 255, .5) !important;height:calc(100vh - 220px);border:1px solid var(--n-border-color);border-radius:var(--n-border-radius);background:#05191e}#log .n-scrollbar-content{padding:8px;overflow:auto;font-family:Consolas,monaco,monospace;font-size:12px;display:flex;flex-direction:column}#log .n-scrollbar-content>div>span{margin:0 3px;color:silver}#log .n-scrollbar-content>div>span:nth-child(1){color:#508ddc}#log .n-scrollbar-content>div>span:nth-child(3){color:wheat}.natfrp-launcher-webui .container{max-width:950px;padding:1rem;margin:0 auto}.natfrp-launcher-webui .fade-enter-active,.natfrp-launcher-webui .fade-leave-active{transition:all .15s ease}.natfrp-launcher-webui .fade-enter-from,.natfrp-launcher-webui .fade-leave-to{opacity:0}.natfrp-launcher-webui a{color:#18a058;text-decoration:none}.natfrp-launcher-webui .nowrap{white-space:nowrap}.natfrp-launcher-webui .pre-wrap pre{white-space:pre-wrap}.natfrp-launcher-webui .remote-navbar{margin:-8px 0 0 -8px;width:100vw;overflow-x:scroll}