.explorer{cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px;overflow-x:hidden;overflow-y:scroll}.explorer ul,.explorer li{margin:0;padding:0}.explorer .fs-item__name:hover{background-color:#e2e2e2}.explorer .folder-item__list{position:relative}.explorer .folder-item__list__guide{border-left:1px dashed #a6a3a380;width:0;height:100%;position:absolute}.explorer .folder-item__name__arrow--expanded{display:inline-block;transform:rotate(90deg)}.explorer .folder-item:hover>.folder-item__list>.folder-item__list__guide{border-left-color:#000}.explorer .file-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html,body,main,nav,p{margin:0;padding:0}.app{align-items:center;display:flex}.app .explorer{box-sizing:border-box;background-color:#f4f4f4;height:100dvh}.app .resizer{opacity:0;border-radius:4px;width:4px;height:calc(100dvh - 8px);transition:opacity .2s ease-in}.app .resizer:hover{cursor:ew-resize;opacity:1;background-color:#969696}.app main{box-sizing:border-box;background-color:#fff;flex:1;height:100dvh;overflow:scroll}.app main .breadcrumbs{background:#f0f0f0}.app main pre{padding:0 10px}.app main button{margin:60px auto;display:block}