button{cursor:pointer}button:focus-visible{outline:1px dotted var(--sr-ink);outline-offset:3px}.directory-dialog{opacity:0;transition:opacity 150ms}.directory-dialog>div{transform:scale(.55);transition:transform 150ms}.directory-dialog.open{opacity:1}.directory-dialog.open>div{transform:scale(1)}.directory-backdrop{position:fixed;inset:0;z-index:40;touch-action:none;user-select:none;background:var(--sr-void)}.directory-crest{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.directory-crest img{height:96px;width:auto}.desktop-folder{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(-50%,-50%);cursor:move;touch-action:none}.desktop-folder img{width:64px;height:64px;image-rendering:pixelated;object-fit:contain}.desktop-folder span{padding:2px 6px;font:10px var(--sr-font-ui);text-transform:uppercase;color:var(--sr-ink)}.desktop-folder.selected span{background:#0a246a;color:white;outline:1px dotted #fff}.desktop-folder.selected img{opacity:.7;mix-blend-mode:screen}.selection-box{position:absolute;pointer-events:none;border:1px dotted #ffffffcc;background:#0a246a66}@media(min-width:640px){.directory-crest img{height:112px}.desktop-folder img{width:80px;height:80px}}@media(prefers-reduced-motion:reduce){.directory-dialog,.directory-dialog>div{transition:none}}