html,body{height:100vh;height:100dvh;width:100%;margin:0;padding:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-dark);color:var(--fg)}body{display:flex;flex-direction:column}vr{border-left:1px solid var(--border-color);height:66%}.layout-main{display:flex;flex:1 1 0%;min-height:0;width:100%;overflow:hidden}.layout-session{flex:1;display:flex;flex-direction:column;min-height:0;width:100%}.area-search{flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;padding-right:20px}input[type=text],input[type=password]{height:40px;border-radius:5px;border-color:var(--border-color-emph);border-width:1px;background-color:var(--bg-dark);color:var(--fg);padding-left:15px;width:50%;box-sizing:border-box;min-width:305px}input:focus{outline:none}.area-search pre{justify-self:flex-end}.area-button{flex:0 0 64px;height:100%;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0}.area-breadcrumb{flex:0 0 28px}.breadcrumbs{padding:0 8px;color:var(--fg-subtle);user-select:none;ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;align-items:center}li{display:flex;align-items:center;span{padding:2px 4px;border-radius:8px;transition:background-color .1s ease-in-out;&:hover{background-color:var(--bg-light);cursor:pointer}}&:not(:last-child):after{margin:0 12px;content:"\203a";font-size:large}&:last-child span{font-weight:700;color:var(--fg);cursor:default;background-color:var(--transparent)}}}.area-files{flex:1;min-height:0;overflow:auto}.area-search,.area-button,.area-breadcrumb,.area-files{margin-top:10px!important;margin-bottom:10px!important}.button{display:flex;background-color:var(--bg-light-hover);height:48px;padding:0 20px;align-content:center;align-items:center;border-radius:10px;cursor:pointer;user-select:none;gap:5px}.button img{height:45%}.button:hover{background-color:var(--border-color-emph)}@media (max-width: 768px){.layout-main{flex-direction:column}.layout-session{order:1;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.area-search{padding-left:10px;padding-right:10px}input[type=text],input[type=password]{width:100%;min-width:0}.area-search pre{margin-left:8px}.area-button,.area-breadcrumb{padding-left:10px;padding-right:10px}.area-search,.area-button,.area-breadcrumb,.area-files{margin-top:10px!important;margin-bottom:10px!important}.area-search{flex:0 0 40px}.area-button{flex:0 0 45px}.button{height:40px}}