.folder-card.svelte-1h42aq8{-webkit-tap-highlight-color:transparent;border-radius:.25rem;grid-template-columns:clamp(6rem,28%,8.5rem) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,6%,2rem);min-width:0;padding-block:.5rem;display:grid;container-type:inline-size}.folder-card.svelte-1h42aq8:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:5px}.folder-visual.svelte-1h42aq8{isolation:isolate;aspect-ratio:5/7;margin:.625rem;position:relative}.folder-visual.svelte-1h42aq8:before,.folder-visual.svelte-1h42aq8:after{border:1px solid var(--color-border);transform-origin:50% 85%;content:"";border-radius:.25rem;position:absolute;inset:0}.folder-visual.svelte-1h42aq8:before{background:var(--color-bg-selected);transform:rotate(10deg)}.folder-visual.svelte-1h42aq8:after{background:var(--color-bg-secondary);transform:rotate(5deg)}.folder-cover.svelte-1h42aq8{z-index:1;border:1px solid var(--color-border);background:var(--color-bg-selected);border-radius:.25rem;transition:border-color .15s;position:absolute;inset:0;overflow:hidden}.empty-cover.svelte-1h42aq8{height:100%;color:var(--color-border-strong);justify-content:center;align-items:center;display:flex}.folder-info.svelte-1h42aq8{flex-direction:column;gap:.75rem;min-width:0;padding-top:.625rem;display:flex}.folder-name.svelte-1h42aq8{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1rem,4.6cqw,1.125rem);font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.folder-meta.svelte-1h42aq8{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:.375rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}.folder-visibility.svelte-1h42aq8{align-items:center;gap:.3rem;display:inline-flex}.skeleton-name.svelte-1h42aq8,.skeleton-meta.svelte-1h42aq8{background:var(--color-bg-selected);border-radius:.125rem;height:1rem}.skeleton-name.svelte-1h42aq8{width:65%;margin-block:.5rem}.skeleton-meta.svelte-1h42aq8{width:35%;height:.75rem}.loading.svelte-1h42aq8 .empty-cover:where(.svelte-1h42aq8){visibility:hidden}@media (hover:hover){a.folder-card.svelte-1h42aq8:hover .folder-cover:where(.svelte-1h42aq8){border-color:var(--color-border-strong)}}@media (prefers-reduced-motion:reduce){.folder-cover.svelte-1h42aq8{transition:none}}.folder-grid.svelte-339z2q{grid-template-columns:repeat(auto-fill,minmax(max(min(100%,20rem),50% - 1rem),1fr));gap:1.5rem 2rem;display:grid}