.saas-drive-grid{gap:var(--saas-space-lg);flex-direction:column;display:flex}.saas-drive-grid__folders,.saas-drive-grid__files{gap:var(--saas-space-md);margin:0;padding:0;list-style:none;display:grid}.saas-drive-grid__folders{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.saas-drive-grid__files{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.saas-drive-grid__folder{align-items:center;gap:var(--saas-space-xs);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);transition:border-color var(--saas-motion-micro) var(--saas-ease-standard), background-color var(--saas-motion-micro) var(--saas-ease-standard);padding-inline-end:var(--saas-space-xs);display:flex}.saas-drive-grid__folder:hover{border-color:var(--saas-brand-primary);background:var(--saas-brand-subtle)}.saas-drive-grid__folder-open{align-items:center;gap:var(--saas-space-sm);min-block-size:56px;min-inline-size:0;padding:var(--saas-space-sm) var(--saas-space-md);border-radius:var(--saas-radius-lg);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;display:flex}.saas-drive-grid__folder-open:focus-visible,.saas-drive-grid__thumb:focus-visible,.saas-drive-grid__name button:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-drive-grid__folder-icon{border-radius:var(--saas-radius-md);background:var(--saas-tint-blue-bg);block-size:40px;inline-size:40px;color:var(--saas-tint-blue-fg);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.saas-drive-grid__folder[data-color=green] .saas-drive-grid__folder-icon{background:var(--saas-tint-green-bg);color:var(--saas-tint-green-fg)}.saas-drive-grid__folder[data-color=yellow] .saas-drive-grid__folder-icon{background:var(--saas-tint-yellow-bg);color:var(--saas-tint-yellow-fg)}.saas-drive-grid__folder[data-color=red] .saas-drive-grid__folder-icon{background:var(--saas-tint-red-bg);color:var(--saas-tint-red-fg)}.saas-drive-grid__folder[data-color=teal] .saas-drive-grid__folder-icon{background:var(--saas-accent-subtle);color:var(--saas-accent)}.saas-drive-grid__folder[data-color=grey] .saas-drive-grid__folder-icon{background:var(--saas-status-neutral-subtle);color:var(--saas-status-neutral)}.saas-drive-grid__folder-text{flex-direction:column;min-inline-size:0;display:flex}.saas-drive-grid__name{color:var(--saas-text-primary);font-size:var(--saas-font-body);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.saas-drive-grid__name button{border-radius:var(--saas-radius-xs);max-inline-size:100%;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;overflow:hidden}.saas-drive-grid__name button:hover{color:var(--saas-brand-strong)}.saas-drive-grid__meta{align-items:center;gap:var(--saas-space-2xs);color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);margin:0;display:flex}.saas-drive-grid__file{border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);transition:border-color var(--saas-motion-micro) var(--saas-ease-standard);flex-direction:column;display:flex;overflow:hidden}.saas-drive-grid__file:hover{border-color:var(--saas-brand-primary)}.saas-drive-grid__file--skeleton{background:var(--saas-bg-sunken);min-block-size:240px}.saas-drive-grid__thumb{border:0;border-block-end:1px solid var(--saas-border-default);background:var(--saas-bg-sunken);block-size:96px;color:var(--saas-text-secondary);cursor:pointer;justify-content:center;align-items:center;display:flex}.saas-drive-grid__thumb[data-kind=pdf]{color:var(--saas-tint-red-fg)}.saas-drive-grid__thumb[data-kind=image]{color:var(--saas-tint-blue-fg)}.saas-drive-grid__body{gap:var(--saas-space-xs);padding:var(--saas-space-md);flex-direction:column;flex:1;display:flex}.saas-drive-grid__head{justify-content:space-between;align-items:flex-start;gap:var(--saas-space-xs);min-inline-size:0;display:flex}.saas-drive-grid__note{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);margin:0}.saas-drive-grid__foot{align-items:center;gap:var(--saas-space-2xs);padding:var(--saas-space-xs) var(--saas-space-sm);border-block-start:1px solid var(--saas-border-default);display:flex}.saas-drive-grid__star{margin-inline-start:auto}.saas-drive-grid__star[data-on=true]{color:var(--saas-status-warning)}@media (width<=599px){.saas-drive-grid__folders,.saas-drive-grid__files{grid-template-columns:1fr}}