.truncated-label{flex-flow:row;align-items:center;min-width:0;max-width:100%;display:flex}.truncated-label__left{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.truncated-label__right{white-space:nowrap}.file-card{background-color:var(--surface-1);border:1px solid var(--edge);box-sizing:border-box;cursor:pointer;border-radius:11px;flex-flow:column;align-items:center;gap:6px;width:100%;min-width:0;max-width:180px;padding:18px 15px;transition:color 50ms linear,background 50ms linear,border 50ms linear;display:flex;position:relative}.file-card--selected{background-color:var(--action-3-hover)}.file-card--dragging{opacity:.5}.file-card--selected:hover,.file-card:hover{background-color:var(--action-3)}.file-card--disabled{cursor:not-allowed;background-color:var(--overlay-hover);border:1px solid var(--overlay-hover)}.file-card--disabled .primary{color:var(--text-2)!important}.file-card--disabled.file-card--selected:hover,.file-card--disabled:hover{background-color:var(--overlay-hover)}.file-card .file-card__select{position:absolute;top:6px;left:6px}.file-card .file-card__select .checkbox,.file-card .file-card__select .checkbox .checkbox__label{padding:0}.file-card .file-card__select .checkbox input~.checkbox__label .check-mark{top:6px;left:6px}.file-card .file-card__menu{position:absolute;top:6px;right:6px}.file-card .file-card__menu>div>button.action{margin:0}.file-card .file-card__icon{background-color:inherit;display:flex;position:relative}.file-card .file-card__icon>svg.icon{width:20px;height:20px;fill:var(--text-3)}.file-card .file-card__status{background-color:inherit;border-radius:50%;display:flex;position:absolute;bottom:-3px;right:-6px}.file-card .file-card__content{text-align:center;width:100%}.file-card .file-card__content .file-card__verifies{white-space:nowrap;border:1px solid var(--edge-success);color:var(--status-success);border-radius:999px;margin:6px 0 0;padding:2px 9px;font-size:.875rem;font-weight:600;display:inline-block}.file-card .file-card__content .truncated-label{color:var(--text-1);font-size:.875rem;line-height:1.125rem;display:inline-flex}.file-card .file-card__content svg.icon{margin-left:6px}.file-breadcrumb{flex-flow:wrap;align-items:center;margin:12px 0;display:flex}.file-breadcrumb>button.action{margin:0}.file-breadcrumb--dropready .action{border:1px dashed var(--edge-action)}.file-breadcrumb__separator{fill:var(--text-3)}.file-breadcrumb__crumb--active{color:var(--text-1)}.app main .file-breadcrumb{margin:12px}@media (width>=960px){.app main .file-breadcrumb{margin:12px 24px}}.file-card.folder-card .file-card__icon svg.icon{fill:var(--text-1)}.file-card.folder-card--dragging{opacity:.5}.file-card.folder-card--dropready{border-style:dashed;border-color:var(--edge-action)}.file-card.folder-card--droptarget{background-color:var(--action-3-hover);border-color:var(--action-2)}.file-grid{container-type:inline-size}.file-grid__inner{grid-template-columns:1fr;gap:12px;display:grid}.file-grid__inner .file-card{max-width:none}@container (width>=426px){.file-grid__inner{grid-template-columns:repeat(2,1fr)}}@container (width>=580px){.file-grid__inner{grid-template-columns:repeat(4,1fr)}}@container (width>=960px){.file-grid__inner{grid-template-columns:repeat(5,1fr)}}.app main .file-grid__inner{padding:12px}@media (width>=960px){.app main .file-grid__inner{margin:0 12px}}
