.ks-file{align-items:center;background-color:var(--color-gray-100,#fbf9f9);border-radius:var(--radius-xl,.75rem);-moz-column-gap:calc(var(--spacing,.25rem)*3);column-gap:calc(var(--spacing,.25rem)*3);display:grid;grid-template-columns:auto 1fr auto;height:60px;padding-right:calc(var(--spacing,.25rem)*4)}.ks-file .image-container{display:grid;place-items:center}.ks-file .image-container img{border-radius:4px;height:calc(var(--spacing,.25rem)*11);margin-block:calc(var(--spacing,.25rem)*2);margin-inline:calc(var(--spacing,.25rem)*2);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:calc(var(--spacing,.25rem)*16)}.ks-file .image-container i{color:var(--color-gray-300,#dcddde);margin-left:calc(var(--spacing,.25rem)*4)}.ks-file .middle-column{display:block;height:100%;position:relative}.ks-file .middle-column .middle-column__content{display:flex;flex-direction:column;inset:calc(var(--spacing,.25rem)*0);justify-content:center;position:absolute}.ks-file .middle-column .middle-column__content .filename{color:var(--color-gray-700,#585c67);display:block;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ks-file .middle-column .middle-column__content .filesize{display:block;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ks-file .bb-spinner{color:var(--color-blue,#438aff)}.ks-file>.base-btn{color:var(--color-gray-500,#a1a3a7)}