.background{pointer-events:none;opacity:.15;background-position:100% 64px;background-repeat:no-repeat;background-size:33%;width:100vw;height:100vh;position:absolute;top:0;left:0}@media (width<=768px){.background{background-size:66%}}.n-scrollbar.block-scrollbar>.n-scrollbar-container>.n-scrollbar-content{width:100%;height:100%;overflow:hidden}.dashboard-container[data-v-61a8e18b]{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.dashboard-container .title[data-v-61a8e18b]{flex-direction:column;justify-content:center;align-items:center;display:flex}.dashboard-container .function-list[data-v-61a8e18b]{flex-direction:row;justify-content:center;gap:1em;margin-bottom:6em;display:flex}.dashboard-container .function-list .function[data-v-61a8e18b]{flex-direction:column;justify-content:center;align-items:center;width:15em;display:flex}.dashboard-container .function-list .function .icon[data-v-61a8e18b]{justify-content:center;align-items:center;width:8em;height:8em;padding:2em;display:flex}.dashboard-container .function-list .function .icon svg[data-v-61a8e18b]{width:100%;height:100%}.dashboard-container .function-list .function .description[data-v-61a8e18b]{width:100%}@media screen and (width<=768px){.dashboard-container .function-list[data-v-61a8e18b]{flex-direction:column;width:100%;margin-bottom:0}.dashboard-container .function-list .function[data-v-61a8e18b]{flex-direction:row;gap:1em;width:100%;display:flex}.dashboard-container .function-list .function .icon[data-v-61a8e18b]{width:5em;height:5em;padding:0}.dashboard-container .function-list .function .description[data-v-61a8e18b]{flex:1}.dashboard-container .function-list .function .description h3[data-v-61a8e18b]{margin:0}.dashboard-container[data-v-61a8e18b]{height:unset}}.detail>p[data-v-2822bf4a]{white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;overflow:hidden}.record-status[data-v-2822bf4a]{justify-content:space-between;align-items:center;display:flex}.record-status>div[data-v-2822bf4a]{display:flex}.setting-box[data-v-2822bf4a]{margin-bottom:24px}.stat>p[data-v-2822bf4a]{margin:0}.n-gradient-text[data-v-2822bf4a]{font-weight:700}.input[data-v-40d01f96]{flex-direction:row;align-items:center;gap:2em;margin:1em 0;display:flex}.input .default[data-v-40d01f96]{min-width:8em}.input .label[data-v-40d01f96]{min-width:var(--label-width)}.input .text-input[data-v-40d01f96]{flex:1;align-items:center;gap:.5em;display:flex}.room-list-container[data-v-95d5d7db]{padding:8px}.recording-stats p[data-v-95d5d7db],.recording-stats h3[data-v-95d5d7db],.io-stats p[data-v-95d5d7db],.io-stats h3[data-v-95d5d7db]{margin:0}@media (width>=668px){.room-list-container[data-v-95d5d7db]{padding:24px}}.input[data-v-868f7a3d]{flex-direction:row;align-items:center;gap:2em;margin:1em 0;display:flex}.input .default[data-v-868f7a3d]{min-width:8em}.input .label[data-v-868f7a3d]{min-width:var(--label-width)}.input .text-input[data-v-868f7a3d]{flex:1;align-items:center;gap:.5em;display:flex}.settings-container[data-v-663694d9]{flex-direction:row;padding:8px;display:flex}.settings-container-internal[data-v-663694d9]{flex:1;max-width:700px;margin:auto;padding-bottom:64px}.setting-box[data-v-663694d9]{margin-bottom:24px}.anchor[data-v-663694d9]{min-width:9em;display:none}@media (width>=768px){.anchor[data-v-663694d9]{display:block}}@media (width>=668px){.settings-container[data-v-663694d9]{padding:24px}}.item[data-v-2637631d]{color:var(--text-color);border-radius:var(--border-radius);background-color:var(--background-color);flex-direction:row;justify-content:space-between;align-items:center;max-width:100%;padding:2px .5rem;font-size:13px;text-decoration:none;display:flex}.item .item-left[data-v-2637631d]{flex-direction:row;flex:1;align-items:center;gap:8px;max-width:100%;display:flex}.item[data-v-2637631d]:hover{background-color:var(--hover-color)}.item[data-v-2637631d]:active{background-color:var(--pressed-color)}.item .name[data-v-2637631d]{text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:calc(100% - 20px - 3rem);overflow:hidden}.item .time[data-v-2637631d]{display:none}.item .filesize[data-v-2637631d]{min-width:2rem}@media (width>=668px){.item .item-left[data-v-2637631d]{width:100%}.item .name[data-v-2637631d]{flex:initial;max-width:initial}.item .time[data-v-2637631d]{display:inline}.item .filesize[data-v-2637631d]{justify-self:flex-end}}.file-browser-container[data-v-e31ef37a]{flex-direction:column;gap:8px;padding:8px;display:flex}.file-browser-container .head[data-v-e31ef37a]{flex-wrap:wrap;justify-content:space-between;display:flex}.file-browser-container .head .sort[data-v-e31ef37a]{min-width:10rem}.file-browser-container .files[data-v-e31ef37a]{flex-direction:column;gap:.5rem;display:flex}@media (width>=668px){.file-browser-container[data-v-e31ef37a]{padding:24px}}.server[data-v-62694335]{color:var(--n-color);background:var(--n-bg-color)}.server[data-v-62694335]:hover{color:var(--n-hover-color);background:var(--n-bg-hover-color)}.server[data-v-62694335]:active{color:var(--n-pressed-color);background:var(--n-bg-pressed-color)}.item[data-v-62694335]{align-items:center;gap:.5rem;display:flex}.item .icon[data-v-62694335]{width:32px;max-width:32px;height:32px;max-height:32px;display:inline-block}.item .icon img[data-v-62694335]{border-radius:100%;width:100%;height:100%}.home-container[data-v-eba34b7f]{flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.home-container .server-container[data-v-eba34b7f]{--max-vh:45vh;flex-direction:column;justify-content:center;align-items:center;width:min(400px,100%);margin:1vh 0;display:flex}.home-container .file-operations[data-v-eba34b7f]{margin-top:24px}@media (width>=768px) and (height>=768px){.home-container[data-v-eba34b7f]{margin-top:10vh}}.log-container{flex-direction:column;height:calc(100% - 48px);padding:24px;display:flex}.log-container .log-area{font-family:Courier New,Courier,monospace}.log-container .log-line{align-items:flex-start;display:flex}.log-container .log-line .content{word-break:break-all;flex:1;margin-left:.25em}.log-container .log-line .level{text-align:center;background-color:var(--base-color);min-width:5em;max-width:5em;transition:all .3s var(--n-bezier);color:var(--text-color);border-radius:.5em;flex-shrink:0;margin:0 .25em;font-weight:700}.log-container .log-line .variable{background-color:var(--variable-color)}.log-container .log-line .room-id{background-color:var(--room-color);border-radius:.5em;margin-right:.25em;padding:.125em .25em}.log-container .log-line .context{background-color:var(--variable-color);border-radius:.5em;margin-right:.25em;padding:.125em .25em}.log-container .log-line:hover{background-color:var(--hover-color)}.log-container .log-line.Debug .level{background-color:var(--debug-color);color:var(--debug-color-text);font-weight:400}.log-container .log-line.Debug .variable{background-color:var(--debug-color-variable)}.log-container .log-line.Debug:hover{background-color:var(--debug-color-hover)}.log-container .log-line.Info .level{background-color:var(--info-color);color:var(--info-color-text)}.log-container .log-line.Info .variable{background-color:var(--info-color-variable)}.log-container .log-line.Info:hover{background-color:var(--info-color-hover)}.log-container .log-line.Warning .level{background-color:var(--warning-color);color:var(--warning-color-text)}.log-container .log-line.Warning .variable{background-color:var(--warning-color-variable)}.log-container .log-line.Warning:hover{background-color:var(--warning-color-hover)}.log-container .log-line.Error .level{background-color:var(--error-color);color:var(--error-color-text)}.log-container .log-line.Error .variable{background-color:var(--error-color-variable)}.log-container .log-line.Error:hover{background-color:var(--error-color-hover)}.log-container .log-line.Fatal .level{background-color:var(--fatal-color);color:var(--fatal-color-text)}.log-container .log-line.Fatal .variable{background-color:var(--fatal-color-variable)}.log-container .log-line.Fatal:hover{background-color:var(--fatal-color-hover)}.log-detail{word-break:break-all;grid-template-columns:1fr 2fr;display:grid}@media (width<=768px){.log-container .log-line{display:block}.log-container .log-line .level{display:inline-block}.log-container .log-line .content{display:inline}}