.directory-desktop{flex:0 0 16rem;padding-left:8px}.directory{width:16rem;position:fixed;top:48px;bottom:0;padding:0;overflow-x:hidden;overflow-y:auto;list-style:none;ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 8px; ul { padding-left: 20px; display: flex; flex-direction: column; gap: 8px; list-style: disc; li::marker { color: var(--secondary); } } } summary { cursor: pointer; margin-bottom: 4px; } summary::marker { color: var(--primary); }}.directory-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.directory-toggle,.directory-aside,.directory-wrapper,#directory-toggle-checkbox,#directory-toggle-btn{display:none}@media(max-width:1024px){.directory{width:100%;position:relative}.directory-desktop{display:none}#directory-toggle-btn{display:block;width:20px;height:20px;cursor:pointer}.directory-toggle{width:100vw;padding:8px 16px;display:flex;align-items:center;z-index:5;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}.directory-wrapper{display:none}#directory-toggle-checkbox:checked~.directory-wrapper{display:block}.directory-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;pointer-events:auto}.directory-aside{display:block;position:fixed;top:0;left:0;width:16rem;height:100vh;background-color:var(--card);transform:translateX(-100%);transition:.2s ease-in-out}#directory-toggle-checkbox:checked~.directory-aside{transform:translateX(0)}#directory-toggle-checkbox:not(:checked)~.directory-aside{transform:translateX(-100%)}.directory-aside{pointer-events:auto;z-index:10;padding:16px;transform:translateX(-100%);transition:transform .25s ease-in-out}}.directory-header{display:flex;justify-content:space-between}.directory-title{margin-bottom:16px}