ui-file-tile{box-sizing:border-box;width:36px;height:36px;color:var(--ui-ink,var(--text));vertical-align:middle;flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}ui-file-tile>svg{width:32px;height:32px;display:block}ui-file-tile>ui-icon{width:24px;height:24px}ui-file-tile[data-thumb]{border-radius:var(--r-xs,8px);background:var(--surface-alt);overflow:hidden}ui-file-tile>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}ui-file-tile[data-size=sm]{width:24px;height:24px}ui-file-tile[data-size=sm]>svg{width:22px;height:22px}ui-file-tile[data-size=sm]>ui-icon{width:18px;height:18px}ui-file-tile[data-size=sm][data-thumb]{border-radius:var(--r-2xs,4px)}ui-file-tile[data-size=lg]{width:48px;height:48px}ui-file-tile[data-size=lg]>svg{width:44px;height:44px}ui-file-tile[data-size=lg]>ui-icon{width:30px;height:30px}ui-file-tile[data-size=lg][data-thumb]{border-radius:var(--r-sm,12px)}