.navigation[data-v-41b00d04]{user-select:none;text-align:center;justify-content:space-between;align-items:center;height:calc(3.6rem - 1px);padding:0 16px;display:flex}.navigation .siteName[data-v-41b00d04]{letter-spacing:5px;white-space:nowrap;text-align:left;flex:1;margin:8px}.stats-chart[data-v-5912d936]{aspect-ratio:2;width:100%}@media screen and (max-width:750px){.overview-statistics[data-v-5912d936] .n-statistic-value__content{font-size:20px}}.tunnel-item{box-sizing:border-box;cursor:grab;width:100%;height:100%;white-space:unset;padding:15px;position:relative}.tunnel-item .n-button__content{text-align:start;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;display:flex}.tunnel-item .tunnel-layout{flex-direction:row;justify-content:space-between;display:flex}.tunnel-item .tunnel-layout .left{flex-direction:row;display:flex}.tunnel-item .tunnel-layout .right{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.tunnel-item .tunnel-card-actions{align-items:center;gap:8px;display:flex}.tunnel-item .tunnel-item-actions{align-items:center;gap:6px;display:flex}.tunnel-item .tunnel-item-actions.remote-actions{position:absolute;bottom:12px;left:15px}.tunnel-item .tunnel-item-action{width:24px;height:24px;color:var(--minor-color);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex}.tunnel-item .tunnel-item-action:hover{color:var(--n-text-color);background-color:rgba(127,127,127,.16);outline:none}.tunnel-item .tunnel-item-action:focus-visible{color:var(--n-text-color);background-color:rgba(127,127,127,.16);outline:none}.tunnel-item .tunnel-item-action.delete:hover{color:#d03050}.tunnel-item .tunnel-item-action.delete:focus-visible{color:#d03050}.tunnel-item .tunnel-icon{box-sizing:border-box;align-items:center;height:100%;margin:0 15px 0 5px;display:flex}.tunnel-item .tunnel-icon img{width:40px;height:40px}.tunnel-item .tunnel-info{flex-direction:column;display:flex}.tunnel-item .tunnel-info .tunnel-meta{margin-bottom:12px;font-size:1.35em}.tunnel-item .tunnel-info .tunnel-meta .tunnel-name{color:var(--minor-color)}.tunnel-item .tunnel-node{color:var(--minor-color);white-space:nowrap;align-items:center;display:flex}.tunnel-item .star-action{color:#f0a020;cursor:pointer;opacity:0;align-items:center;margin-right:3px;transition:opacity .15s;display:flex}.tunnel-item .star-action.starred,.tunnel-item:hover .star-action{opacity:1}.tunnel-item .star-action:focus-visible{opacity:1}.tunnel-item .tunnel-info-grid{grid-template-columns:repeat(3,1fr);gap:0 5px;width:fit-content;display:inline-grid}.tunnel-item .tunnel-info-grid .tunnel-info-with-icon{white-space:nowrap;color:var(--minor-color);align-items:center;margin-bottom:3px;display:flex}.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 .tunnel-info-grid .tunnel-info-with-icon .star-action .n-icon{margin-right:0}.tunnel-item .tunnel-tags{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.tunnel-item .drag-handle{width:24px;height:24px;color:var(--minor-color);justify-content:center;align-items:center;display:flex}@media (hover:none){.tunnel-item .star-action{opacity:.75}}.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:#999}.create-tunnel-loading[data-v-b77b3342]{display:block}.create-tunnel-frame[data-v-b77b3342]{border:0;width:100%;height:min(720px,100dvh - 100px);min-height:560px;display:block}@media screen and (max-width:750px){.create-tunnel-frame[data-v-b77b3342]{height:calc(100dvh - 58px);min-height:0}}.tunnel-grid[data-v-2f86ba3c]{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:12px;display:grid}.dragin-prompt[data-v-2f86ba3c]{opacity:.3;border:1px dashed #7e7e7e;border-radius:3px;justify-content:center;align-items:center;height:100%;min-height:88px;display:flex}.tunnel-actions[data-v-2f86ba3c]{margin-bottom:15px}.tunnel-filter[data-v-2f86ba3c]{flex:1;max-width:250px}.filter-menu[data-v-2f86ba3c]{min-width:150px}@media screen and (max-width:750px){.tunnel-actions[data-v-2f86ba3c]{column-gap:12px!important}.tunnel-grid[data-v-2f86ba3c]{grid-template-columns:repeat(1,1fr)}.tunnel-filter[data-v-2f86ba3c]{width:100%;min-width:80px!important}}.button[data-v-2f86ba3c]{margin-top:35px}.flip-list-move[data-v-2f86ba3c]{transition:transform .5s}.no-move[data-v-2f86ba3c]{transition:transform}.ghost[data-v-2f86ba3c]{opacity:.5;background:#c8ebfb}#log{border:1px solid var(--n-border-color);border-radius:var(--n-border-radius);background:#05191e;height:calc(100vh - 220px);--n-scrollbar-color:rgba(255,255,255,.3)!important;--n-scrollbar-color-hover:rgba(255,255,255,.5)!important}#log .n-scrollbar-content{flex-direction:column;padding:8px;font-family:Consolas,monaco,monospace;font-size:12px;display:flex;overflow:auto}#log .n-scrollbar-content>div>span{color:silver;margin:0 3px}#log .n-scrollbar-content>div>span:first-child{color:#508ddc}#log .n-scrollbar-content>div>span:nth-child(3){color:wheat}.natfrp-launcher-webui .container{max-width:950px;margin:0 auto;padding:1rem}.natfrp-launcher-webui .fade-enter-active,.natfrp-launcher-webui .fade-leave-active{transition:all .15s}.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{width:100vw;margin:-8px 0 0 -8px;overflow-x:scroll}