div.svelte-1mnwsvc{text-align:center;height:100%;color:var(--error-color);border-radius:var(--border-radius,3pt);border:var(--error-border);box-sizing:border-box;flex:1;place-content:center;place-items:center;padding:2rem}div.svelte-1mnwsvc p:where(.svelte-1mnwsvc){word-wrap:break-word;hyphens:auto;max-width:30em;margin:auto;line-height:1.5}div.svelte-1mnwsvc button:where(.svelte-1mnwsvc){background:var(--error-btn-bg);color:#fff;border:none;border-radius:4px;margin-top:1rem;padding:.5rem 1rem;font-size:.9rem;transition:background-color .2s}div.svelte-1mnwsvc button:where(.svelte-1mnwsvc):hover{background:var(--error-btn-bg-hover)}.trajectory-file-viewer.svelte-u4sf1u{height:var(--traj-height,100%);min-height:var(--traj-min-height,500px);border-radius:var(--traj-border-radius,4px);flex-direction:column;display:flex;position:relative;&.dragover{background-color:var(--traj-dragover-bg,var(--dragover-bg));border:var(--traj-dragover-border,var(--dragover-border))}&>.trajectory{flex:1;min-height:0}}.hdf5-group-picker-back.svelte-u4sf1u{z-index:3;background:var(--btn-bg);padding:1pt 5pt;line-height:1;position:absolute;top:4pt;left:4pt}.trajectory-empty-state{border-radius:var(--border-radius,3pt);background:var(--dropzone-bg);flex:1;padding:2rem;& :where(p.svelte-u4sf1u,ul.svelte-u4sf1u){color:var(--text-color-muted)}& :where(ul.svelte-u4sf1u,li.svelte-u4sf1u,strong.svelte-u4sf1u){max-width:var(--trajectory-empty-state-max-width,500px);margin-inline:auto}}.trajectory-file-viewer.svelte-u4sf1u .hdf5-group-picker{border-radius:var(--border-radius,3pt);background:var(--dropzone-bg);flex:0 auto;align-self:center;width:min(100% - 2rem,72rem);height:auto;min-height:0;max-height:calc(100% - 2rem);margin:auto;padding:clamp(1rem,2cqi,2rem);overflow:hidden}.hdf5-group-options.svelte-u4sf1u{align-content:start;gap:.5rem;width:100%;min-height:0;display:grid;overflow-y:auto;&.flat{display:block;& .hdf5-path-leaves:where(.svelte-u4sf1u){grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.5rem}& .hdf5-group-option:where(.svelte-u4sf1u){text-align:left}}&:not(.flat){grid-template-columns:repeat(auto-fit,minmax(min(100%,23rem),1fr));width:min(100%,52rem);margin-inline:auto}}.hdf5-path-group.svelte-u4sf1u{--hdf5-path-color:hsl(var(--hdf5-path-hue) 55% 45%);background:color-mix(in srgb, var(--hdf5-path-color) 8%, transparent);border-inline-start:3px solid var(--hdf5-path-color);border-radius:var(--border-radius,3pt);flex-direction:column;gap:.25rem;min-width:0;padding:.25rem;display:flex}.hdf5-path-trunk.svelte-u4sf1u{color:color-mix(in srgb, var(--hdf5-path-color) 72%, var(--text-color,CanvasText));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hdf5-path-leaves.svelte-u4sf1u{grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:.25rem;display:grid}.hdf5-group-option.svelte-u4sf1u{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;overflow:hidden}